collections {
   base_scale: 1.0;
   group { "main";
      /* TODO: Please replace embedded image files to your application image files. */
      images {
         image: "EDC_EDITOR_EMBEDDED_IMAGE.png" COMP;
         image: "EDC_EDITOR_EMBEDDED_ICON_ARROW.png" COMP;
         image: "EDC_EDITOR_EMBEDDED_ICON_BADGE.png" COMP;
         image: "EDC_EDITOR_EMBEDDED_ICON_BADGE_DOWN.png" COMP;
         image: "EDC_EDITOR_EMBEDDED_ICON_CLIP.png" COMP;
         image: "EDC_EDITOR_EMBEDDED_ICON_CLIP_DOWN.png" COMP;
         image: "EDC_EDITOR_EMBEDDED_ICON_LOCK.png" COMP;
         image: "EDC_EDITOR_EMBEDDED_ICON_LOCK_DOWN.png" COMP;
      }
      parts {
         rect { "bg";
            scale: 1;
            desc { "default";
               color: 233 242 242 255;
               align: 0.5 0.5;
               rel1.relative: 0.0 0.0;
               rel2.relative: 1.0 1.0;
               min: 300 60;
               max: 99999 60;
               fixed: 1 1;
            }
         }
         rect { "point_rect";
            scale: 1;
            desc { "default";
               color: 0 176 137 255;
               align: 0.0 0.0;
               rel1.to: "bg";
               rel1.relative: 0.0 0.0;
               rel2.to: "bg";
               min: 5 0;
               max: 5 99999;
               fixed: 1 0;
            }
         }
         spacer { "padding_left";
            scale: 1;
            desc { "default";
               align: 0.0 0.5;
               rel1.to: "point_rect";
               rel1.relative: 1.0 0.0;
               rel2.to: "point_rect";
               min: 15 0;
               fixed: 1 0;
            }
         }
         image { "icon_status";
            scale: 1;
            desc { "default";
               /* TODO: Please replace embedded image files to your application image files. */
               image.normal: "EDC_EDITOR_EMBEDDED_ICON_ARROW.png";
               align: 0.0 0.5;
               rel1.to: "padding_left";
               rel1.relative: 1.0 0.1;
               rel2.to: "padding_left";
               rel2.relative: 0.0 0.5;
               min: 20 20;
               max: 20 20;
               fixed: 1 1;
            }
         }
         swallow { "icon_user";
            scale: 1;
            desc { "default";
               align: 0.0 0.5;
               rel1.to: "icon_status";
               rel1.relative: 1.0 0.0;
               rel2.to: "icon_status";
               min: 20 0;
               fixed: 1 0;
            }
         }
         text { "user_name";
            scale: 1;
            desc { "default";
               color: 130 130 130 255;
               text {
                  size: 15;
                  font: "Sans";
                  text: "Lisa";
                  align: 0.0 0.5;
                  min: 0 0;
               }
               align: 0.0 0.5;
               rel1.to: "icon_user";
               rel1.relative: 1.0 0.0;
               rel2.to: "icon_user";
               min: 100 0;
               fixed: 1 0;
            }
         }
         text { "message";
            scale: 1;
            desc { "default";
               color: 145 145 145 255;
               text {
                  size: 10;
                  font: "Sans";
                  text: "How are you? I'm fine, thank you, and you?";
                  align: 0.0 0.5;
                  min: 0 0;
               }
               align: 0.0 0.5;
               rel1.to_x: "padding_left";
               rel1.to_y: "padding_icon";
               rel1.relative: 1.0 0.0;
               rel2.to: "padding_icon";
               rel2.relative: 0.0 1.0;
               min: 200 0;
               fixed: 1 0;
            }
         }
         spacer { "padding_right";
            scale: 1;
            desc { "default";
               align: 1.0 0.5;
               rel1.to: "bg";
               rel1.relative: 1.0 0.0;
               rel2.to: "bg";
               min: 15 0;
               fixed: 1 0;
            }
         }
         text { "date";
            scale: 1;
            desc { "default";
               color: 135 135 135 255;
               text {
                  size: 10;
                  font: "Sans";
                  text: "21 Mar.";
                  align: 0.5 0.5;
                  min: 0 0;
               }
               align: 1.0 0.5;
               rel1.to: "padding_right";
               rel1.relative: 1.0 0.1;
               rel2.to: "padding_right";
               rel2.relative: 0.0 0.5;
               min: 40 20;
               max: 40 20;
               fixed: 1 1;
            }
         }
         image { "icon_clip";
            scale: 1;
            desc { "default";
               /* TODO: Please replace embedded image files to your application image files. */
               image.normal: "EDC_EDITOR_EMBEDDED_ICON_CLIP.png";
               align: 1.0 0.5;
               rel1.to: "date";
               rel1.relative: 1.0 0.0;
               rel2.to: "date";
               rel2.relative: 0.0 1.0;
               min: 20 0;
               fixed: 1 0;
            }
            desc { "clicked";
               inherit: "default";
               /* TODO: Please replace embedded image files to your application image files. */
               image.normal: "EDC_EDITOR_EMBEDDED_ICON_CLIP_DOWN.png";
            }
         }
         image { "icon_badge";
            scale: 1;
            desc { "default";
               /* TODO: Please replace embedded image files to your application image files. */
               image.normal: "EDC_EDITOR_EMBEDDED_ICON_BADGE.png";
               align: 1.0 0.5;
               rel1.to: "icon_clip";
               rel1.relative: 1.0 0.0;
               rel2.to: "icon_clip";
               rel2.relative: 0.0 1.0;
               min: 20 0;
               fixed: 1 0;
            }
            desc { "clicked";
               inherit: "default";
               image.normal: "EDC_EDITOR_EMBEDDED_ICON_BADGE_DOWN.png";
            }
         }
         image { "icon_lock";
            scale: 1;
            desc { "default";
               /* TODO: Please replace embedded image files to your application image files. */
               image.normal: "EDC_EDITOR_EMBEDDED_ICON_LOCK.png";
               align: 1.0 0.5;
               rel1.to: "icon_badge";
               rel1.relative: 1.0 0.0;
               rel2.to: "icon_badge";
               rel2.relative: 0.0 1.0;
               min: 20 0;
               fixed: 1 0;
            }
            desc { "clicked";
               inherit: "default";
               /* TODO: Please replace embedded image files to your application image files. */
               image.normal: "EDC_EDITOR_EMBEDDED_ICON_LOCK_DOWN.png";
            }
         }
         swallow { "icon_check";
            scale: 1;
            desc { "default";
               align: 1.0 0.5;
               rel1.to: "padding_right";
               rel1.relative: 1.0 0.5;
               rel2.to: "padding_right";
               rel2.relative: 0.0 0.9;
               min: 20 20;
               max: 20 20;
               fixed: 1 1;
            }
         }
         spacer { "padding_icon";
            scale: 1;
            desc { "default";
               align: 1.0 0.5;
               rel1.to: "icon_check";
               rel1.relative: 1.0 0.0;
               rel2.to: "icon_check";
               rel2.relative: 0.0 1.0;
               min: 20 0;
               fixed: 1 0;
            }
         }
      }
      programs {
         program { "mouse_down_lock";
            signal: "mouse,down,1";
            source: "icon_lock";
            action: STATE_SET "clicked";
            target: "icon_lock";
         }
         program { "mouse_up_lock";
            signal: "mouse,up,1";
            source: "icon_lock";
            action: STATE_SET "default";
            target: "icon_lock";
         }
         program { "mouse_down_badge";
            signal: "mouse,down,1";
            source: "icon_badge";
            action: STATE_SET "clicked";
            target: "icon_badge";
         }
         program { "mouse_up_badge";
            signal: "mouse,up,1";
            source: "icon_badge";
            action: STATE_SET "default";
            target: "icon_badge";
         }
         program { "mouse_down_clip";
            signal: "mouse,down,1";
            source: "icon_clip";
            action: STATE_SET "clicked";
            target: "icon_clip";
         }
         program { "mouse_up_clip";
            signal: "mouse,up,1";
            source: "icon_clip";
            action: STATE_SET "default";
            target: "icon_clip";
         }
      }
   }
}
