group { "efl/tags";
   data.item: "version" "123";
   data.item: "horizontal_pad" 0;
   data.item: "vertical_pad" 0;
   data.item: "closed_height" 0;
   parts {
      rect { "bg";
         scale;
         desc { "default";
            color_class: "tags_bg";
         }
      }
      swallow { "efl.background";
         scale;
         desc { "default";
            rel.to: "bg";
         }
      }
      swallow { "efl.box";
         desc { "default";
            rel.to: "bg";
         }
      }
   }
}

group { "efl/tags/label";
   data.item: "version" "123";
   parts {
      text { "efl.text";
         nomouse;
         scale;
         desc { "default";
            color: 255 255 255 255;
            text { font: FNBD; size: 10;
               min: 1 1;
               ellipsis: -1;
               text_class: "tags_label";
            }
            rel1.offset: 4 4;
            rel2.offset: -5 -5;
            offscale;
         }
      }
   }
}

group { "efl/tags/btn";
   data.item: "version" "123";
   images.image: "win_shadow.png" COMP;

   styles {
      style { name: "efl_tags_textblock_style";
         base: "font="FN" align=0.5 font_size=10 color=#a0a0a0 text_class=tags_item ellipsis=1.0";
         tag: "br" "\n";
         tag: "ps" "ps";
         tag: "hilight" "+ color=#ffffff font="FNBD;
         tag: "b" "+ font="FNBD;
         tag: "tab" "\t";
      }
      style { name: "efl_tags_textblock_style_pressed";
         base: "font="FN" align=0.5 font_size=10 color=#ffffff text_class=tags_item ellipsis=1.0";
         tag: "br" "\n";
         tag: "ps" "ps";
         tag: "hilight" "+ color=#ffffff font="FNBD;
         tag: "b" "+ font="FNBD;
         tag: "tab" "\t";
      }
      style { name: "efl_tags_textblock_style_disabled";
         base: "font="FN" align=0.5 font_size=10 color=#606060 text_class=tags_item ellipsis=1.0";
         tag: "br" "\n";
         tag: "ps" "ps";
         tag: "hilight" "+ color=#808080 font="FNBD;
         tag: "b" "+ font="FNBD;
         tag: "tab" "\t";
      }
   }

   script {
      public disabled = 0;
   }

   parts {
      part { name: "shadow"; mouse_events: 0;
         scale: 1;
         description { state: "default" 0.0;
            rel.to: "base";
            WIN_SHADOW_SMALL;
         }
         description { state: "pressed" 0.0; inherit;
            image.border_scale_by: 0.1;
            rel1.offset: -2 -1;
            rel2.offset: 0 1;
         }
      }
      rect { "base";
         scale: 1;
         desc { "default";
            color: 96 96 96 255;
            rel1.offset: 2 2;
            rel2.offset: -3 -3;
            offscale;
         }
         desc { "pressed";
            color: 128 128 128 255;
            rel1.offset: 3 3;
            rel2.offset: -4 -4;
            offscale;
         }
      }
      image { "glow";
         nomouse;
         desc { "default";
            rel.to: "base";
            color: 51 153 255 0;
            hid;
         }
         desc { "focused";
            inherit: "default";
            color: 51 153 255 255;
            vis;
         }
      }
      image { "close";
         nomouse;
         desc { "default";
            image.normal: "i-close";
            rel.to: "del";
            min: 15 15;
            max: 15 15;
            color: 160 160 160 255;
            fixed: 1 1;
         }
         desc { "pressed";
            inherit: "default";
            color: 255 255 255 255;
         }
         desc { "clicked";
            inherit: "default";
            color: 255 255 255 255;
         }
      }
      rect { "del";
         scale;
         desc { "default";
            fixed: 1 0;
            min: 15 15;
            align: 1.0 0.5;
            rel.to: "base";
            rel1.relative: 1.0 0.0;
            rel1.offset: -5 4;
            rel2.offset: -5 -5;
            color: 0 0 0 0;
            offscale;
         }
      }
      textblock { "efl.btn.text";
         nomouse;
         scale;
         desc { "default";
            color_class: "tags_item_text";
            text { style: "efl_tags_textblock_style";
               min: 1 1;
               ellipsis: -1;
            }
            rel1.offset: 4 4;
            rel1.to: "base";
            rel2.to_x: "del";
            rel2.to_y: "base";
            rel2.relative: 0.0 1.0;
            rel2.offset: -5 -5;
            min: 30 15;
            offscale;
         }
         desc { "pressed";
            inherit: "default";
            text.style: "efl_tags_textblock_style_pressed";
         }
         desc { "disabled";
            inherit: "default";
            text.style: "efl_tags_textblock_style_disabled";
         }
      }
   }
   programs {
      program { signal: "mouse,clicked,1"; source: "base";
         script {
            if (get_int(disabled) == 0) {
               emit("clicked", "");
            }
         }
      }
      program { signal: "efl,state,default"; source: "efl";
         action: STATE_SET "default";
         target: "glow";
      }
      program { signal: "efl,state,focused"; source: "efl";
         action: STATE_SET "focused";
         target: "glow";
      }
      program { signal: "efl,state,enabled"; source: "efl";
         script {
            set_state(PART:"efl.btn.text", "default", 0.0);
            set_int(disabled , 0);
         }
      }
      program { signal: "efl,state,disabled"; source: "efl";
         script {
            new st[31];
            new Float: vl;
            get_state(PART:"glow", st, 30, vl);
            if (!strcmp(st, "focused"))
              set_state(PART:"glow", "default", 0.0);
            set_state(PART:"efl.btn.text", "disabled", 0.0);
            set_int(disabled , 1);
         }
      }
      program { signal: "efl,state,unfocused"; source: "efl";
         action: STATE_SET "default";
         target: "glow";
      }
      program { signal: "mouse,down,1"; source: "base";
         script {
            if (get_int(disabled) == 0) {
               set_state(PART:"close", "pressed", 0.0);
               set_state(PART:"base", "pressed", 0.0);
               set_state(PART:"shadow", "pressed", 0.0);
               set_state(PART:"efl.btn.text", "pressed", 0.0);
            }
         }
      }
      program { signal: "mouse,up,1"; source: "base";
         script {
            if (get_int(disabled) == 0) {
               set_state(PART:"close", "default", 0.0);
               set_state(PART:"base", "default", 0.0);
               set_state(PART:"shadow", "default", 0.0);
               set_state(PART:"efl.btn.text", "default", 0.0);
            }
         }
      }
      program { signal: "mouse,clicked,1"; source: "del";
         action: SIGNAL_EMIT "efl,deleted" "efl";
      }
      program { signal: "mouse,down,1"; source: "del";
         action: STATE_SET "clicked";
         target: "close";
      }
      program { signal: "mouse,up,1"; source: "del";
         action: STATE_SET "default";
         target: "close";
      }
   }
}

group { "efl/tags/number";
   data.item: "version" "123";
   parts {
      text { "efl.text";
         nomouse;
         scale;
         desc { "default";
            color: 160 160 160 255;
            text { font: FN; size: 10;
               min: 1 1;
               ellipsis: -1;
               align: 0.5 0.5;
               text_class: "tags_number";
            }
            rel1.offset: 4 4;
            rel2.offset: -5 -5;
            offscale;
         }
      }
   }
}