group { "efl/tab_bar";
   data.item: "version" "123";
   images.image: "vgrad_med_lighter.png" COMP;
   images.image: "bevel_out.png" COMP;
   images.image: "shadow_square_tiny.png" COMP;
   parts {
      spacer { "base";
         scale;
         desc { "default";
         }
      }
      swallow { "efl.content";
         scale;
         desc { "default";
            rel.to: "base";
         }
      }
   }
}

group { "efl/tab_bar/tab";
   data.item: "version" "123";
   images.image: "shadow_inset_bevels.png" COMP;
   images.image: "shadow_angled_in_sides.png" COMP;
   images.image: "horizontal_separated_bar_small_glow.png" COMP;
   data.item: "transition_animation_on" "1";
   images.image: "bevel_dark_in.png" COMP;

#define ICON    1
#define LABEL   2
#define MASK    3
#define DISABLE 4
   script {
      public btmode;
      public eval_mode(m) {
         new m1 = m & MASK;
         new d = m & DISABLE;
         if (m1 == (ICON | LABEL)) {
            if (!d) {
               set_state(PART:"efl.icon", "default", 0.0);
               set_state(PART:"icon_clip", "default", 0.0);
               set_state(PART:"efl.text", "default", 0.0);
               set_state(PART:"label2", "default", 0.0);
            } else {
               set_state(PART:"efl.icon", "default", 0.0);
               set_state(PART:"icon_clip", "disabled", 0.0);
               set_state(PART:"efl.text", "disabled", 0.0);
               set_state(PART:"label2", "default", 0.0);
            }
         } else if (m1 == (ICON)) {
            if (!d) {
               set_state(PART:"efl.icon", "icononly", 0.0);
               set_state(PART:"icon_clip", "default", 0.0);
               set_state(PART:"efl.text", "icononly", 0.0);
               set_state(PART:"label2", "icononly", 0.0);
            } else {
               set_state(PART:"efl.icon", "icononly", 0.0);
               set_state(PART:"icon_clip", "disabled", 0.0);
               set_state(PART:"efl.text", "icononly", 0.0);
               set_state(PART:"label2", "icononly", 0.0);
            }
         } else if (m1 == (LABEL)) {
            if (!d) {
               set_state(PART:"efl.icon", "noicon", 0.0);
               set_state(PART:"icon_clip", "default", 0.0);
               set_state(PART:"efl.text", "noicon", 0.0);
               set_state(PART:"label2", "noicon", 0.0);
            } else {
               set_state(PART:"efl.icon", "noicon", 0.0);
               set_state(PART:"icon_clip", "disabled", 0.0);
               set_state(PART:"efl.text", "noicon_disabled", 0.0);
               set_state(PART:"label2", "noicon_disabled", 0.0);
            }
         } else {
            if (!d) {
               set_state(PART:"efl.icon", "noicon", 0.0);
               set_state(PART:"icon_clip", "default", 0.0);
               set_state(PART:"efl.text", "noicon", 0.0);
               set_state(PART:"label2", "noicon", 0.0);
            } else {
               set_state(PART:"efl.icon", "noicon", 0.0);
               set_state(PART:"icon_clip", "disabled", 0.0);
               set_state(PART:"efl.text", "noicon_disabled", 0.0);
               set_state(PART:"label2", "noicon_disabled", 0.0);
            }
         }
      }
   }
   parts {
      spacer { "base";
         scale;
         desc { "default";
         }
         desc { "vert";
         }
      }
      rect { "shadow1";
         nomouse;
         desc { "default";
            rel.to: "base";
            rel2.offset: 0 0;
            color: 0 0 0 50;
            vis;
         }
         desc { "selected";
            inherit: "default";
            hid;
         }
      }
      rect { "icon_clip";
         desc { "default";
         }
         desc { "disabled";
            inherit: "default";
            color: 255 255 255 64;
         }
      }
      rect { "icon_clip1";
         clip_to: "icon_clip";
         desc { "default";
            color: 255 255 255 255;
            vis;
         }
         desc { "animation";
            inherit: "default";
            color: 255 255 255 0;
            hid;
         }
      }
      swallow { "efl.icon";
         clip_to: "icon_clip1";
         desc { "default";
            align: 0.5 0.5;
            rel1.relative: 0.0 0.0;
            rel1.offset: 5 5;
            rel2.to_y: "efl.text";
            rel2.relative: 1.0 0.0;
            rel2.offset: -6 -4;
         }
         desc { "noicon";
            inherit: "default" 0.0;
            hid;
            rel1.offset: 2 0;
            rel2.relative: 1.0 0.0;
            rel2.offset: -3 -4;
         }
         desc { "icononly";
            inherit: "default" 0.0;
            vis;
            rel2.relative: 1.0 1.0;
            rel2.offset: -3 -3;
            rel2.to_y: "icon_clip";
         }
      }
      rect { "icon_clip2";
         clip_to: "icon_clip";
         desc { "default";
            color: 255 255 255 0;
            hid;
         }
         desc { "animation";
            inherit: "default" 0.0;
            color: 255 255 255 255;
            vis;
         }
      }
      swallow { "efl.icon_new";
         clip_to: "icon_clip2";
         desc { "default";
            align: 0.5 0.5;
            rel1.relative: 0.0 0.0;
            rel1.offset: 2 2;
            rel2.to_y: "efl.text";
            rel2.relative: 1.0 0.0;
            rel2.offset: -3 -1;
         }
         desc { "noicon";
            inherit: "default";
            hid;
            rel1.offset: 2 0;
            rel2.relative: 1.0 0.0;
            rel2.offset: -3 -4;
         }
         desc { "icononly";
            inherit: "default" 0.0;
            vis;
            rel2.relative: 1.0 1.0;
            rel2.offset: -3 -3;
            rel2.to_y: "icon_clip";
         }
      }
      rect { "text_clip1";
         desc { "default";
            color: 255 255 255 255;
            vis;
         }
         desc { "animation";
            inherit: "default";
            color: 255 255 255 0;
            hid;
         }
      }
      text { "efl.text";
         nomouse;
         effect: SHADOW BOTTOM;
         scale;
         clip_to: "text_clip1";
         desc { "default";
            rel1.offset: 4 -3;
            rel1.relative: 0.0 1.0;
            rel2.offset: -5 -3;
            align: 0.5 1.0;
            color: FN_COL_DEFAULT;
            color_class: "toolbar_item";
            text { font: FN; size: 10;
               min: 1 1;
               ellipsis: -1;
               align: 0.5 0.5;
               text_class: "toolbar_item";
            }
            fixed: 0 1;
         }
         desc { "selected";
            inherit: "default";
            hid;
            color_class: "toolbar_item_selected";
         }
         desc { "disabled";
            inherit: "default";
            color: FN_COL_DISABLE;
            color_class: "toolbar_item_disabled";
         }
         desc { "noicon";
            inherit: "default";
            rel1.offset: 4 2;
            rel1.relative: 0.0 0.0;
         }
         desc { "noicon_disabled";
            inherit: "noicon";
            color: FN_COL_DISABLE;
            color_class: "toolbar_item_disabled";
         }
         desc { "icononly";
            inherit: "default";
            text.min: 0 0;
            hid;
            fixed: 1 1;
         }
      }
      text { "label2";
         nomouse;
         effect: GLOW;
         scale;
         clip_to: "text_clip1";
         desc { "default";
            rel1.offset: -3 -3;
            rel1.to: "efl.text";
            rel2.offset: 2 1;
            rel2.to: "efl.text";
            color: FN_COL_HIGHLIGHT;
            color_class: "toolbar_item_active";
            text { font: FN; size: 10;
               text_source: "efl.text";
               align: 0.5 0.5;
               text_class: "toolbar_item";
            }
            hid;
         }
         desc { "selected";
            inherit: "default";
            vis;
         }
         desc { "noicon";
            inherit: "default";
         }
         desc { "noicon_disabled";
            inherit: "noicon";
         }
         desc { "icononly";
            inherit: "default";
            text.min: 0 0;
            hid;
            fixed: 1 1;
         }
      }
      rect { "text_clip2";
         desc { "default";
            color: 255 255 255 0;
            hid;
         }
         desc { "animation";
            inherit: "default";
            color: 255 255 255 255;
            vis;
         }
      }
      image { "bar";
         nomouse;
         desc { "default";
            fixed: 0 1;
            rel1.relative: 0.0 0.0;
            rel1.to: "shadow1";
            rel1.offset: -2 -2;
            rel2.relative: 1.0 0.0;
            rel2.offset: 0 7;
            rel2.to: "shadow1";
            image.normal: "horizontal_separated_bar_small_glow.png";
            image.border: 4 4 4 4;
            fill.smooth: 0;
            hid;
         }
         desc { "selected";
            inherit: "default";
            vis;
         }
      }
      rect { "event";
         desc { "default";
            color: 0 0 0 0;
         }
      }
      swallow { "efl.extra";
         desc { "default";
            fixed: 1 1;
            align: 1.0 0.0;
            rel1.relative: 1.0 0.0;
            rel1.offset: -3 2;
            rel2.relative: 1.0 0.0;
            rel2.offset: -3 2;
         }
      }
   programs {
      EFL_UI_CLICKABLE_PART_BIND(event)
      program {
         signal: "efl,state,horizontal"; source: "efl";
         action: STATE_SET "default" 0.0;
         target: "base";
      }
      program {
         signal: "efl,state,vertical"; source: "efl";
         action: STATE_SET "vert" 0.0;
         target: "base";
      }
      program { name: "st0";
         signal: "load"; source: "";
         script {
            set_int(btmode, LABEL | ICON);
         }
      }
      program {
         signal: "efl,state,selected"; source: "efl";
         action: STATE_SET "selected" 0.0;
         target: "efl.text";
         target: "label2";
         target: "shadow1";
         target: "bar";
      }
      program {
         signal: "efl,state,unselected"; source: "efl";
         action: STATE_SET "default" 0.0;
         target: "efl.text";
         target: "label2";
         target: "shadow1";
         target: "bar";
      }
      program { name: "st1";
         signal: "efl,text,unset"; source: "efl";
         script {
            new m = get_int(btmode);
            m &= ~LABEL; set_int(btmode, m);
            eval_mode(m);
         }
      }
      program { name: "st2";
         signal: "efl,text,set"; source: "efl";
         script {
            new m = get_int(btmode);
            m |= LABEL; set_int(btmode, m);
            eval_mode(m);
         }
      }
      program { name: "st3";
         signal: "efl,state,icon,unset"; source: "efl";
         script {
            new m = get_int(btmode);
            m &= ~ICON; set_int(btmode, m);
            eval_mode(m);
         }
      }
      program { name: "st4";
         signal: "efl,state,icon,set"; source: "efl";
         script {
            new m = get_int(btmode);
            m |= ICON; set_int(btmode, m);
            eval_mode(m);
         }
      }
      program { name: "st5";
         signal: "efl,state,disabled"; source: "efl";
         script {
            new m = get_int(btmode);
            m |= DISABLE; set_int(btmode, m);
            eval_mode(m);
         }
      }
      program { name: "st6";
         signal: "efl,state,enabled"; source: "efl";
         script {
            new m = get_int(btmode);
            m &= ~DISABLE; set_int(btmode, m);
            eval_mode(m);
         }
      }
      program {
         signal: "efl,state,moving"; source: "efl";
         action: STATE_SET "default" 0.0;
         target: "shadow1";
      }
      program { name: "icon_set,animation";
         signal: "efl,state,icon_new,set"; source: "efl";
         action: STATE_SET "animation" 0.0;
         target: "icon_clip1";
         target: "icon_clip2";
         transition: LINEAR 0.2;
         after: "icon_set,animation,done";
      }
      program { name: "icon_set,animation,done";
         action: SIGNAL_EMIT "efl,state,icon_set,done" "efl";
      }
      program {
         signal: "efl,state,icon,reset"; source: "efl";
         action: STATE_SET "default" 0.0;
         target: "icon_clip1";
         target: "icon_clip2";
      }
      program {
         signal: "efl,state,label_set,forward"; source: "efl";
         after: "label_set,animation";
      }
      program {
         signal: "efl,state,label_set,backward"; source: "efl";
         after: "label_set,animation";
      }
      program { name: "label_set,animation";
         signal: "efl,state,label_set"; source: "efl";
         action: STATE_SET "animation" 0.0;
         target: "text_clip1";
         target: "text_clip2";
         transition: LINEAR 0.2;
         after: "label_set,animation,done";
      }
      program { name: "label_set,animation,done";
         action: SIGNAL_EMIT "efl,state,label_set,done" "efl";
      }
      program {
         signal: "efl,state,label,reset"; source: "efl";
         action: STATE_SET "default" 0.0;
         target: "text_clip1";
         target: "text_clip2";
      }
   }
#undef ICON
#undef LABEL
#undef MASK
#undef DISABLE
   }
}