themes/widgets/toolbar.edc

   1 /*
   2  * efl-theme-tizen
   3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the License);
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *     http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an AS IS BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18
  19
  20 #define ITEM_STATE_ENABLED 0
  21 #define ITEM_STATE_DISABLED 1
  22 #define TOOLBAR_SLIDING_PER_FPS     2
  23 #define TOOLBAR_SLIDING_FPS         40.0
  24 #define TOOLBAR_SLIDING_TEXT_GAP    40
  25 #define TOOLBAR_SLIDING_TEXT_OFFSET 5
  26
  27 #define TOOLBAR_TEXT_STYLE(_font_size) \
  28    style { name: "toolbar_text_style_"_font_size; \
  29       base: "font=Tizen:style=Bold style=far_shadow,bottom shadow_color="TOOLBAR_ITEM_TEXTBLOCK_SHADOW_COLOR_INC" font_size="_font_size" align=center color="TOOLBAR_ITEM_TEXTBLOCK_COLOR_INC" wrap=word ellipsis=1 text_class=tizen linegap=0"; \
  30       tag: "br" "\n"; \
  31       tag: "ps" "ps"; \
  32       tag: "hilight" "+ font=Tizen:style=Bold"; \
  33       tag: "b" "+ font=Tizen:style=Bold"; \
  34       tag: "tab" "\t"; \
  35    }
  36
  37 #define TOOLBAR_PRESSED_TEXT_STYLE(_font_size) \
  38    style { name: "toolbar_pressed_text_style_"_font_size; \
  39       base: "font=Tizen:style=Bold style=far_shadow,bottom shadow_color="TOOLBAR_ITEM_PRESSED_TEXTBLOCK_SHADOW_COLOR_INC" font_size="_font_size" align=center color="TOOLBAR_ITEM_PRESSED_TEXTBLOCK_COLOR_INC" wrap=word ellipsis=1 text_class=tizen linegap=0"; \
  40       tag: "br" "\n"; \
  41       tag: "ps" "ps"; \
  42       tag: "hilight" "+ font=Tizen:style=Bold"; \
  43       tag: "b" "+ font=Tizen:style=Bold"; \
  44       tag: "tab" "\t"; \
  45    }
  46
  47 #define TABBAR_TEXT_STYLE(_font_size) \
  48    style { name: "tabbar_text_style_"_font_size; \
  49       base: "font=Tizen:style=Bold style=far_shadow,bottom shadow_color="TABBAR_ITEM_TEXTBLOCK_SHADOW_COLOR_INC" font_size="_font_size" align=center color="TABBAR_ITEM_TEXTBLOCK_COLOR_INC" wrap=word ellipsis=1 text_class=tizen linegap=0"; \
  50       tag: "br" "\n"; \
  51       tag: "ps" "ps"; \
  52       tag: "hilight" "+ font=Tizen:style=Bold"; \
  53       tag: "b" "+ font=Tizen:style=Bold"; \
  54       tag: "tab" "\t"; \
  55    }
  56
  57 #define TABBAR_SELECTED_TEXT_STYLE(_font_size) \
  58    style { name: "tabbar_selected_text_style_"_font_size; \
  59       base: "font=Tizen:style=Bold style=far_shadow,bottom shadow_color="TABBAR_ITEM_TEXTBLOCK_SHADOW_COLOR_INC" font_size="_font_size" align=center color="TABBAR_ITEM_SELECTED_TEXTBLOCK_COLOR_INC" wrap=word ellipsis=1 text_class=tizen linegap=0"; \
  60       tag: "br" "\n"; \
  61       tag: "ps" "ps"; \
  62       tag: "hilight" "+ font=Tizen:style=Bold"; \
  63       tag: "b" "+ font=Tizen:style=Bold"; \
  64       tag: "tab" "\t"; \
  65    }
  66
  67 #define TABBAR_PRESSED_TEXT_STYLE(_font_size) \
  68    style { name: "tabbar_pressed_text_style_"_font_size; \
  69       base: "font=Tizen:style=Bold style=far_shadow,bottom shadow_color="TABBAR_ITEM_PRESSED_TEXTBLOCK_SHADOW_COLOR_INC" font_size="_font_size" align=center color="TABBAR_ITEM_PRESSED_TEXTBLOCK_COLOR_INC" wrap=word ellipsis=1 text_class=tizen linegap=0"; \
  70       tag: "br" "\n"; \
  71       tag: "ps" "ps"; \
  72       tag: "hilight" "+ font=Tizen:style=Bold"; \
  73       tag: "b" "+ font=Tizen:style=Bold"; \
  74       tag: "tab" "\t"; \
  75    }
  76
  77 styles{
  78    TABBAR_TEXT_STYLE(30)
  79    TABBAR_SELECTED_TEXT_STYLE(30)
  80    TABBAR_PRESSED_TEXT_STYLE(30)
  81    TOOLBAR_TEXT_STYLE(38)
  82    TOOLBAR_PRESSED_TEXT_STYLE(38)
  83 }
  84
  85 group { name: "elm/toolbar/base/default";
  86    data {
  87       item: "focus_highlight" "on";
  88    }
  89    images {
  90        image: "00_toolbar_bg.png" COMP;
  91    }
  92    parts {
  93       part { name: "base";
  94          type: RECT;
  95          mouse_events: 1;
  96          description { state: "default" 0.0;
  97          }
  98       }
  99       part { name: "base_bg";
 100          type: IMAGE;
 101          scale: 1;
 102          description {
 103             state: "default" 0.0;
 104             rel1 {
 105                 relative: 0.0 0.0;
 106                 to: "base";
 107             }
 108             rel2 {
 109                 relative: 1.0 1.0;
 110                 to: "base";
 111             }
 112             image {
 113                 normal: "00_toolbar_bg.png";
 114                 border: TOOLBAR_ITEM_BG_DEFAULT_BORDER_INC;
 115                 border_scale: 1;
 116             }
 117          }
 118       }
 119       part { name: "clipper";
 120          type: RECT;
 121          mouse_events: 0;
 122          description {
 123             state: "default" 0.0;
 124             rel1 {
 125                relative: 0.0 0.0;
 126                to: "base";
 127             }
 128             rel2 {
 129                relative: 1.0 1.0;
 130                to: "base";
 131             }
 132          }
 133       }
 134       part { name: "elm.swallow.content";
 135          clip_to: "clipper";
 136          type: SWALLOW;
 137          description {
 138             state: "default" 0.0;
 139             rel1.to: "clipper";
 140             rel2.to: "clipper";
 141          }
 142       }
 143       part { name: "event";
 144          type: RECT;
 145          mouse_events: 1;
 146          repeat_events: 1;
 147          description { state: "default" 0.0;
 148             color: 0 0 0 0;
 149          }
 150       }
 151    }
 152 }
 153
 154 group { name: "elm/toolbar/item/default";
 155    images {
 156       image: "00_toolbar_press.png" COMP;
 157       image: "00_tab_focus.png" COMP;
 158    }
 159
 160    data.item: "transition_animation_on" "0";
 161    script {
 162       public item_state = ITEM_STATE_ENABLED;
 163       public items_number = 0;
 164    }
 165    parts {
 166       part { name: "bg";
 167          type: IMAGE;
 168          scale: 1;
 169          mouse_events: 0;
 170          description { state: "default" 0.0;
 171             visible: 0;
 172             image {
 173                normal: "00_toolbar_press.png";
 174                border: TOOLBAR_ITEM_BG_PRESSED_BORDER_INC;
 175                border_scale: 1;
 176             }
 177          }
 178          description { state: "pressed" 0.0;
 179             inherit: "default" 0.0;
 180             visible: 1;
 181          }
 182          description { state: "disabled" 0.0;
 183             inherit: "default" 0.0;
 184             visible: 0;
 185          }
 186       }
 187       part { name: "padding_left_top";
 188          type: RECT;
 189          scale: 1;
 190          mouse_events: 0;
 191          description { state: "default" 0.0;
 192             align: 0.0 0.0;
 193             rel2.relative: 0.0 0.0;
 194             min: 0 0;
 195             fixed: 1 1;
 196             visible: 0;
 197             color: 0 0 0 0;
 198          }
 199          description { state: "1_item" 0.0;
 200             inherit: "default" 0.0;
 201             min: TOOLBAR_ITEM_ONE_ITEM_PADDING_SIZE 0;
 202          }
 203          description { state: "2_items" 0.0;
 204             inherit: "default" 0.0;
 205             min: TOOLBAR_ITEM_TWO_ITEMS_PADDING_SIZE 0;
 206          }
 207          description { state: "3_items" 0.0;
 208             inherit: "default" 0.0;
 209             min: TOOLBAR_ITEM_THREE_ITEMS_PADDING_SIZE 0;
 210          }
 211       }
 212       part { name: "padding_right_bottom";
 213          type: RECT;
 214          scale: 1;
 215          mouse_events: 0;
 216          description { state: "default" 0.0;
 217             align: 1.0 1.0;
 218             rel1.relative: 1.0 1.0;
 219             min: 0 0;
 220             fixed: 1 1;
 221             visible: 0;
 222             color: 0 0 0 0;
 223          }
 224          description { state: "1_item" 0.0;
 225             inherit: "default" 0.0;
 226             min: TOOLBAR_ITEM_ONE_ITEM_PADDING_SIZE 0;
 227          }
 228          description { state: "2_items" 0.0;
 229             inherit: "default" 0.0;
 230             min: TOOLBAR_ITEM_TWO_ITEMS_PADDING_SIZE 0;
 231          }
 232          description { state: "3_items" 0.0;
 233             inherit: "default" 0.0;
 234             min: TOOLBAR_ITEM_THREE_ITEMS_PADDING_SIZE 0;
 235          }
 236       }
 237       part { name: "elm.text";
 238          type: TEXTBLOCK;
 239          mouse_events: 0;
 240          scale: 1;
 241          clip_to: "elm.text.clipper";
 242          description { state: "default" 0.0;
 243             visible: 0;
 244             rel1 {
 245                relative: 1.0 1.0;
 246                to: "padding_left_top";
 247             }
 248             rel2 {
 249                relative: 0.0 0.0;
 250                to: "padding_right_bottom";
 251             }
 252             fixed: 1 1;
 253             max: 9999 60;
 254             text {
 255                style: "toolbar_text_style_38";
 256                min: 0 1;
 257             }
 258          }
 259          description { state: "visible" 0.0;
 260             inherit: "default" 0.0;
 261             visible: 1;
 262          }
 263          description { state: "pressed" 0.0;
 264             inherit: visible;
 265             text.style: "toolbar_pressed_text_style_38";
 266          }
 267       }
 268       part { name: "elm.text_new";
 269          type: TEXTBLOCK;
 270          mouse_events: 0;
 271          scale: 1;
 272          clip_to: "elm.text_new.clipper";
 273          description { state: "default" 0.0;
 274             visible: 0;
 275             rel1 {
 276                relative: 1.0 1.0;
 277                to: "padding_left_top";
 278             }
 279             rel2 {
 280                relative: 0.0 0.0;
 281                to: "padding_right_bottom";
 282             }
 283             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
 284             fixed: 1 1;
 285             text {
 286                style: "toolbar_text_style_38";
 287                min: 0 1;
 288             }
 289          }
 290          description { state: "visible" 0.0;
 291             inherit: "default" 0.0;
 292             visible: 1;
 293          }
 294          description { state: "pressed" 0.0;
 295             inherit: visible;
 296             text.style: "toolbar_pressed_text_style_38";
 297          }
 298       }
 299       part { name: "elm.text.clipper";
 300          type: RECT;
 301          description { state: "default" 0.0;
 302             color: 255 255 255 255;
 303          }
 304          description { state: "animation" 0.0;
 305             color: 255 255 255 0;
 306          }
 307          description { state: "disabled" 0.0;
 308             color: 255 255 255 153;
 309          }
 310       }
 311       part { name: "elm.text_new.clipper";
 312          type: RECT;
 313          description { state: "default" 0.0;
 314             color: 255 255 255 0;
 315          }
 316          description { state: "animation" 0.0;
 317             color: 255 255 255 255;
 318          }
 319          description { state: "disabled" 0.0;
 320             color: 255 255 255 153;
 321          }
 322       }
 323       part { name: "divider";
 324          type: RECT;
 325          scale: 1;
 326          description { state: "default" 0.0;
 327             min: TOOLBAR_ITEM_DIVIDER_SIZE;
 328             max: TOOLBAR_ITEM_DIVIDER_SIZE;
 329             fixed: 1 1;
 330             rel1 {
 331                 relative: 1.0 0.5;
 332             }
 333             rel2 {
 334                 relative: 1.0 0.5;
 335             }
 336          }
 337          description { state: "hidden" 0.0;
 338             inherit: "default" 0.0;
 339             visible: 0;
 340          }
 341       }
 342       part { name: "divider_left";
 343          type: RECT;
 344          clip_to: "divider";
 345          description { state: "default" 0.0;
 346             color: TOOLBAR_ITEM_DIVIDER_LEFT_COLOR_INC;
 347             rel1 {
 348                 relative: 0.0 0.0;
 349                 to: "divider";
 350             }
 351             rel2 {
 352                 relative: 0.5 1.0;
 353                 to: "divider";
 354             }
 355          }
 356       }
 357       part { name: "divider_right";
 358          type: RECT;
 359          clip_to: "divider";
 360          description { state: "default" 0.0;
 361             color: TOOLBAR_ITEM_DIVIDER_RIGHT_COLOR_INC;
 362             rel1 {
 363                 relative: 0.5 0.0;
 364                 to: "divider";
 365             }
 366             rel2 {
 367                 relative: 1.0 1.0;
 368                 to: "divider";
 369             }
 370          }
 371       }
 372       part { name: "event";
 373          type: RECT;
 374          mouse_events: 1;
 375          ignore_flags: ON_HOLD;
 376          description { state: "default" 0.0;
 377             color: 0 0 0 0;
 378          }
 379       }
 380       part { name: "event2";
 381          type: RECT;
 382          mouse_events: 1;
 383          repeat_events: 1;
 384          description { state: "default" 0.0;
 385             color: 0 0 0 0;
 386          }
 387       }
 388       part { name: "highlight";
 389          type: IMAGE;
 390          scale: 1;
 391          description { state: "default" 0.0;
 392             visible: 0;
 393             image {
 394                 normal: "00_tab_focus.png";
 395                 border: TOOLBAR_ITEM_TAB_FOCUS_BORDER_INC;
 396                 border_scale: 1;
 397             }
 398          }
 399          description { state: "highlighted" 0.0;
 400             inherit: "default" 0.0;
 401             visible: 1;
 402          }
 403       }
 404    }
 405    programs {
 406       program { name: "pressed";
 407          signal:  "mouse,down,1";
 408          source:  "event";
 409          script {
 410             if (get_int(item_state) != ITEM_STATE_DISABLED)
 411               {
 412                 set_state(PART:"bg", "pressed", 0.0);
 413                 set_state(PART:"elm.text", "pressed", 0.0);
 414                 set_state(PART:"elm.text_new", "pressed", 0.0);
 415               }
 416          }
 417       }
 418       program { name: "unpressed";
 419          signal:  "mouse,up,1";
 420          source:  "event2";
 421          script {
 422             set_state(PART:"bg", "default", 0.0);
 423             set_state(PART:"elm.text", "visible", 0.0);
 424             set_state(PART:"elm.text_new", "visible", 0.0);
 425          }
 426       }
 427       program { name: "go";
 428          signal:  "mouse,clicked,1";
 429          source:  "event";
 430          action:  SIGNAL_EMIT "elm,action,click" "elm";
 431          after: "play_sound";
 432       }
 433       program { name: "play_sound";
 434          action: PLAY_SAMPLE "touch_sound" 1.0;
 435       }
 436       program { name: "mouse,in";
 437          signal:  "mouse,in";
 438          source:  "event";
 439          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
 440       }
 441       program { name: "mouse,out";
 442          signal:  "mouse,out";
 443          source:  "event";
 444          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
 445       }
 446       program { name: "disable";
 447          signal: "elm,state,disabled";
 448          source: "elm";
 449          script {
 450             set_int(item_state, ITEM_STATE_DISABLED);
 451             set_state(PART:"bg", "disabled", 0.0);
 452             set_state(PART:"elm.text.clipper", "disabled", 0.0);
 453             run_program(PROGRAM:"label_set,animation,done");
 454          }
 455       }
 456       program { name: "enable";
 457          signal: "elm,state,enabled";
 458          source: "elm";
 459          script {
 460             set_int(item_state, ITEM_STATE_ENABLED);
 461             set_state(PART:"bg", "default", 0.0);
 462             set_state(PART:"elm.text.clipper", "default", 0.0);
 463             run_program(PROGRAM:"label_set,animation,done");
 464          }
 465       }
 466       program { name: "label_set,animation,forward";
 467          signal: "elm,state,label_set,forward";
 468          source: "elm";
 469          after: "label_set,sync";
 470       }
 471       program { name: "label_set,animation,backward";
 472          signal: "elm,state,label_set,backward";
 473          source: "elm";
 474          after: "label_set,sync";
 475       }
 476       program { name: "label_set,sync";
 477          signal: "elm,state,label_set";
 478          source: "elm";
 479          script {
 480             new st[31];
 481             new Float:vl;
 482             get_state(PART:"elm.text", st, 30, vl);
 483             set_state(PART:"elm.text_new", st, vl);
 484          }
 485          after: "label_set,animation";
 486       }
 487       program { name: "label_set,animation";
 488          action: STATE_SET "animation" 0.0;
 489          target: "elm.text.clipper";
 490          target: "elm.text_new.clipper";
 491          after: "label_set,animation,done";
 492       }
 493       program { name: "label_set,animation,done";
 494          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
 495       }
 496       program { name: "label,reset";
 497          signal: "elm,state,label,reset";
 498          source: "elm";
 499          script {
 500             set_state(PART:"elm.text_new.clipper", "default", 0.0);
 501             if (get_int(item_state) != ITEM_STATE_DISABLED)
 502               set_state(PART:"elm.text.clipper", "default", 0.0);
 503             else
 504               set_state(PART:"elm.text.clipper", "disabled", 0.0);
 505          }
 506       }
 507       program { name: "text_show";
 508          signal: "elm,state,text,visible";
 509          source: "elm";
 510          script {
 511                set_state(PART:"elm.text", "visible", 0.0);
 512          }
 513       }
 514       program { name: "text_hide";
 515          signal: "elm,state,text,hidden";
 516          source: "elm";
 517          script {
 518             set_state(PART:"elm.text", "default", 0.0);
 519          }
 520       }
 521       program { name: "text_only_item_1";
 522          signal: "elm,number,item,1";
 523          source: "elm";
 524          script {
 525             set_int(items_number, 1);
 526             set_state(PART:"padding_left_top", "1_item", 0.0);
 527             set_state(PART:"padding_right_bottom", "1_item", 0.0);
 528          }
 529       }
 530       program { name: "text_only_item_2";
 531          signal: "elm,number,item,2";
 532          source: "elm";
 533          script {
 534             set_int(items_number, 2);
 535             set_state(PART:"padding_left_top", "2_items", 0.0);
 536             set_state(PART:"padding_right_bottom", "2_items", 0.0);
 537          }
 538       }
 539       program { name: "text_only_item_3";
 540          signal: "elm,number,item,3";
 541          source: "elm";
 542          script {
 543             set_int(items_number, 3);
 544             set_state(PART:"padding_left_top", "3_items", 0.0);
 545             set_state(PART:"padding_right_bottom", "3_items", 0.0);
 546          }
 547       }
 548       program { name: "divider_visible_1";
 549          signal: "elm,order,first,item";
 550          source: "elm";
 551          action: STATE_SET "default" 0.0;
 552          target: "divider";
 553       }
 554       program { name: "divider_visible_2";
 555          signal: "elm,order,default,item";
 556          source: "elm";
 557          action: STATE_SET "default" 0.0;
 558          target: "divider";
 559       }
 560       program { name: "divider_hidden";
 561          signal: "elm,order,last,item";
 562          source: "elm";
 563          action: STATE_SET "hidden" 0.0;
 564          target: "divider";
 565       }
 566       program { name: "highlight_on";
 567          signal: "elm,highlight,on";
 568          source: "elm";
 569          action: STATE_SET "highlighted" 0.0;
 570          target: "highlight";
 571       }
 572       program { name: "highlight_off";
 573          signal: "elm,highlight,off";
 574          source: "elm";
 575          action: STATE_SET "default" 0.0;
 576          target: "highlight";
 577       }
 578    }
 579 }
 580
 581 group { name: "elm/toolbar/separator/default";
 582    parts {
 583       part { name: "divider";
 584          type: RECT;
 585          scale: 1;
 586          description { state: "default" 0.0;
 587             min: TABBAR_ITEM_DIVIDER_SIZE;
 588             max: TABBAR_ITEM_DIVIDER_SIZE;
 589             fixed: 1 1;
 590             rel1 {
 591                 relative: 0.5 0.5;
 592             }
 593             rel2 {
 594                 relative: 0.5 0.5;
 595             }
 596          }
 597       }
 598       part { name: "divider_left";
 599          type: RECT;
 600          clip_to: "divider";
 601          description { state: "default" 0.0;
 602             color: TABBAR_ITEM_DIVIDER_LEFT_COLOR_INC;
 603             rel1 {
 604                 relative: 0.0 0.0;
 605                 to: "divider";
 606             }
 607             rel2 {
 608                 relative: 0.5 1.0;
 609                 to: "divider";
 610             }
 611          }
 612       }
 613       part { name: "divider_right";
 614          type: RECT;
 615          clip_to: "divider";
 616          description { state: "default" 0.0;
 617             color: TABBAR_ITEM_DIVIDER_RIGHT_COLOR_INC;
 618             rel1 {
 619                 relative: 0.5 0.0;
 620                 to: "divider";
 621             }
 622             rel2 {
 623                 relative: 1.0 1.0;
 624                 to: "divider";
 625             }
 626          }
 627       }
 628    }
 629 }
 630
 631 group { name: "elm/toolbar/object/default";
 632    parts {
 633       part { name: "elm.swallow.object"; // object group
 634          type: SWALLOW;
 635          description {
 636              state: "default" 0.0;
 637          }
 638       }
 639    }
 640 }
 641
 642 group { name: "elm/toolbar/base/tabbar";
 643    data {
 644       item: "focus_highlight" "on";
 645    }
 646    images {
 647       image: "00_effect_tab_bounce_left.png" COMP;
 648       image: "00_effect_tab_bounce_right.png" COMP;
 649       image: "00_title_bg.png" COMP;
 650    }
 651    script {
 652       public left_timer, right_timer;
 653       public l_timer(val) {
 654          emit("do-hide-left-shadow", "");
 655          set_int(left_timer, 0);
 656          return 0;
 657       }
 658       public r_timer(val) {
 659          emit("do-hide-right-shadow", "");
 660          set_int(right_timer, 0);
 661          return 0;
 662       }
 663    }
 664    parts {
 665       part { name: "base";
 666          type: RECT;
 667          scale: 1;
 668          description { state: "default" 0.0;
 669          }
 670       }
 671       part { name: "base_bg";
 672          type: IMAGE;
 673          scale: 1;
 674          description {
 675             state: "default" 0.0;
 676             rel1 {
 677                 relative: 0.0 0.0;
 678                 to: "base";
 679             }
 680             rel2 {
 681                 relative: 1.0 1.0;
 682                 to: "base";
 683             }
 684             image {
 685                 normal: "00_title_bg.png";
 686                 border: TABBAR_ITEM_BG_DEFAULT_BORDER_INC;
 687                 border_scale: 1;
 688             }
 689          }
 690       }
 691       part { name: "left_padding";
 692          type: RECT;
 693          mouse_events: 0;
 694          scale: 1;
 695          description {
 696             state: "default" 0.0;
 697             min: 0 0;
 698             fixed: 1 1;
 699             visible: 0;
 700             align: 0.0 0.5;
 701             rel1.to: "base";
 702             rel2.to: "base";
 703             rel1.relative: 0.0 0.0;
 704             rel2.relative: 0.0 1.0;
 705          }
 706       }
 707       part { name: "right_padding";
 708          type: RECT;
 709          mouse_events: 0;
 710          scale: 1;
 711          description {
 712             state: "default" 0.0;
 713             min: 0 0;
 714             fixed: 1 1;
 715             visible: 0;
 716             align: 1.0 0.5;
 717             rel1.to: "base";
 718             rel2.to: "base";
 719             rel1.relative: 1.0 0.0;
 720             rel2.relative: 1.0 1.0;
 721          }
 722       }
 723       part { name: "clipper";
 724          type: RECT;
 725          mouse_events: 0;
 726          scale: 1;
 727          description {
 728             state: "default" 0.0;
 729             rel1.to: "left_padding";
 730             rel1.relative: 1.0 0.0;
 731             rel2.to: "right_padding";
 732             rel2.relative: 0.0 1.0;
 733          }
 734       }
 735       part { name: "elm.swallow.content";
 736          clip_to: "clipper";
 737          type: SWALLOW;
 738          scale: 1;
 739          description {
 740             state: "default" 0.0;
 741             rel1.to: "clipper";
 742             rel2.to: "clipper";
 743          }
 744       }
 745       part { name: "left_shadow_clip";
 746          type: RECT;
 747          mouse_events: 0;
 748          scale: 1;
 749          description { state: "default" 0.0;
 750             visible: 0;
 751             color: 255 255 255 0;
 752          }
 753          description { state: "show" 0.0;
 754          }
 755       }
 756       part { name: "right_shadow_clip";
 757          type: RECT;
 758          mouse_events: 0;
 759          scale: 1;
 760          description { state: "default" 0.0;
 761             visible: 0;
 762             color: 255 255 255 0;
 763          }
 764          description { state: "show" 0.0;
 765          }
 766       }
 767       part { name: "shadow_left";
 768          clip_to: "left_shadow_clip";
 769          type: IMAGE;
 770          scale: 1;
 771          repeat_events: 1;
 772          description { state: "default" 0.0;
 773             min: 162 0;
 774             fixed: 1 1;
 775             align: 0.0 0.5;
 776             color: 255 255 255 255;
 777             rel1.relative: 0.0 0.0;
 778             rel2.relative: 0.0 1.0;
 779             image.normal: "00_effect_tab_bounce_left.png";
 780          }
 781       }
 782       part { name: "shadow_right";
 783          clip_to: "right_shadow_clip";
 784          type: IMAGE;
 785          scale: 1;
 786          repeat_events: 1;
 787          description { state: "default" 0.0;
 788             min: 162 0;
 789             fixed: 1 1;
 790             align: 1.0 0.5;
 791             color: 255 255 255 255;
 792             rel1.relative: 1.0 0.0;
 793             rel2.relative: 1.0 1.0;
 794             image.normal: "00_effect_tab_bounce_right.png";
 795          }
 796       }
 797    }
 798    programs {
 799       program { name: "load";
 800          script {
 801             set_int(left_timer, 0);
 802             set_int(right_timer, 0);
 803          }
 804       }
 805       program { name: "left_shadow_show";
 806          signal: "do-show-left-shadow";
 807          source: "";
 808          action:  STATE_SET "show" 0.0;
 809          transition: LINEAR 0.3;
 810          target: "left_shadow_clip";
 811       }
 812       program { name: "left_shadow_hide";
 813          signal: "do-hide-left-shadow";
 814          source: "";
 815          action:  STATE_SET "default" 0.0;
 816          transition: LINEAR 0.3;
 817          target: "left_shadow_clip";
 818       }
 819       program { name: "right_shadow_show";
 820          signal: "do-show-right-shadow";
 821          source: "";
 822          action:  STATE_SET "show" 0.0;
 823          transition: LINEAR 0.3;
 824          target: "right_shadow_clip";
 825       }
 826       program { name: "right_shadow_hide";
 827          signal: "do-hide-right-shadow";
 828          source: "";
 829          action:  STATE_SET "default" 0.0;
 830          transition: LINEAR 0.3;
 831          target: "right_shadow_clip";
 832       }
 833       program { name: "edge_left";
 834          signal: "elm,edge,left";
 835          source: "elm";
 836          script {
 837             new v;
 838             v = get_int(left_timer);
 839             if (!v) {
 840                 emit("do-show-left-shadow", "");
 841             }
 842             if (v > 0) cancel_timer(v);
 843             v = timer(0.5, "l_timer", 0);
 844             set_int(left_timer, v);
 845          }
 846       }
 847       program { name: "edge_right";
 848          signal: "elm,edge,right";
 849          source: "elm";
 850          script {
 851             new v;
 852             v = get_int(right_timer);
 853             if (!v) {
 854                 emit("do-show-right-shadow", "");
 855             }
 856             if (v > 0) cancel_timer(v);
 857             v = timer(0.5, "r_timer", 0);
 858             set_int(right_timer, v);
 859          }
 860       }
 861    }
 862 }
 863
 864 group { name: "elm/toolbar/item/tabbar";
 865    images {
 866       image: "00_tab_press.png" COMP;
 867       image: "00_badge_bg.png" COMP;
 868       image: "00_tab_focus.png" COMP;
 869       image: "00_tab_select_bar.png" COMP;
 870       image: "00_effect_tab_text_dim_left.png" COMP;
 871       image: "00_effect_tab_text_dim_right.png" COMP;
 872    }
 873
 874    data.item: "transition_animation_on" "0";
 875    script {
 876       public item_state = ITEM_STATE_ENABLED;
 877       public items_number = 0;
 878       public sliding_timer;
 879       public end_timer;
 880       public text_w;
 881       public org_text_w;
 882       public loop_count = 0;
 883       public selected = 0;
 884       public pressed = 0;
 885
 886       public get_width() {
 887          new x, y, w, h;
 888          if (get_int(selected))
 889             {
 890                set_state(PART:"elm.text", "selected", 0.0);
 891             }
 892             else
 893             {
 894                set_state(PART:"elm.text", "visible", 0.0);
 895             }
 896          get_geometry(PART:"elm.text", x, y, w, h);
 897          set_int(org_text_w, w);
 898
 899          set_state(PART:"elm.text", "sliding", 0.0);
 900          get_geometry(PART:"elm.text", x, y, w, h);
 901          set_int(text_w, w);
 902       }
 903       public ender(val) {
 904          set_int(loop_count, 0);
 905          if (get_int(sliding_timer)) cancel_timer(get_int(sliding_timer));
 906          set_int(sliding_timer, 0);
 907          if (get_int(end_timer)) cancel_timer(get_int(end_timer));
 908          set_int(end_timer, 0);
 909          set_state(PART:"elm.text.dim.left", "default", 0.0);
 910          set_state(PART:"elm.text_new.clipper", "default", 0.0);
 911          if (val == 1) {
 912             custom_state(PART:"elm.text", "sliding", 0.0);
 913             set_state_val(PART:"elm.text", STATE_REL1_OFFSET, TOOLBAR_SLIDING_TEXT_OFFSET, 0);
 914             set_state_val(PART:"elm.text", STATE_REL2_OFFSET, TOOLBAR_SLIDING_TEXT_OFFSET, 0);
 915             set_state(PART:"elm.text", "custom", 0.0);
 916          } else {
 917             if (get_int(selected))
 918             {
 919                set_state(PART:"elm.text", "selected", 0.0);
 920             }
 921             else
 922             {
 923                set_state(PART:"elm.text", "visible", 0.0);
 924             }
 925             set_state(PART:"elm.text.dim.right", "default", 0.0);
 926          }
 927       }
 928       public sliding(val) {
 929          new buf[128];
 930          if (val == TOOLBAR_SLIDING_TEXT_OFFSET) {
 931             set_int(loop_count, get_int(loop_count) + 1);
 932             get_width();
 933             if (get_int(text_w) <= get_int(org_text_w)) {
 934                ender(0);
 935                return;
 936             }
 937          }
 938          val -= TOOLBAR_SLIDING_PER_FPS;
 939 // for debuging //////////////////////////////
 940 /*         snprintf(buf, 127, "%d:%d:%d",
 941             val, get_int(org_text_w), get_int(text_w));
 942          set_text(PART:"dbg", buf);*/
 943
 944          if (val <= -get_int(text_w) - TOOLBAR_SLIDING_TEXT_GAP + TOOLBAR_SLIDING_TEXT_OFFSET)
 945             val = TOOLBAR_SLIDING_TEXT_OFFSET;
 946          custom_state(PART:"elm.text", "sliding", 0.0);
 947          set_state_val(PART:"elm.text", STATE_REL1_OFFSET, val, 0);
 948          set_state_val(PART:"elm.text", STATE_REL2_OFFSET, val, 0);
 949          set_state(PART:"elm.text", "custom", 0.0);
 950
 951          set_state(PART:"elm.text_new.clipper", "animation", 0.0);
 952          get_text(PART:"elm.text", buf, 128);
 953          set_text(PART:"elm.text_new", buf);
 954          custom_state(PART:"elm.text_new", "sliding", 0.0);
 955          set_state_val(PART:"elm.text_new", STATE_REL1_OFFSET,
 956             val + get_int(text_w) + TOOLBAR_SLIDING_TEXT_GAP, 0);
 957          set_state_val(PART:"elm.text_new", STATE_REL2_OFFSET,
 958             val + get_int(text_w) + TOOLBAR_SLIDING_TEXT_GAP, 0);
 959          set_state(PART:"elm.text_new", "custom", 0.0);
 960
 961          set_state(PART:"elm.text.dim.left", "show", 0.0);
 962          set_state(PART:"elm.text.dim.right", "show", 0.0);
 963
 964          if (val == TOOLBAR_SLIDING_TEXT_OFFSET || val <= -get_int(text_w))
 965             set_state(PART:"elm.text.dim.left", "default", 0.0);
 966
 967          if (val == TOOLBAR_SLIDING_TEXT_OFFSET) {
 968             if (get_int(loop_count) < 3)
 969                set_int(sliding_timer, timer(2.0, "sliding", TOOLBAR_SLIDING_TEXT_OFFSET));
 970             else
 971                set_int(end_timer, timer(0.5, "ender", 1));
 972          } else
 973             set_int(sliding_timer, timer(1.0/TOOLBAR_SLIDING_FPS, "sliding", val));
 974       }
 975    }
 976    parts {
 977       part { name: "bg";
 978          type: RECT;
 979          scale: 1;
 980          mouse_events: 0;
 981          description { state: "default" 0.0;
 982             min: 180 0;
 983             visible: 0;
 984          }
 985          description { state: "icon_text" 0.0;
 986             inherit: "default" 0.0;
 987             min: 180 0;
 988          }
 989       }
 990       part { name: "selected_line";
 991          type: IMAGE;
 992          scale: 1;
 993          mouse_events: 0;
 994          description { state: "default" 0.0;
 995             rel1 {
 996                 relative: 0.0 1.0;
 997             }
 998             rel2 {
 999                 relative: 1.0 1.0;
1000             }
1001             image {
1002                 normal: "00_tab_select_bar.png";
1003                 border: TABBAR_ITEM_TAB_SELECT_BAR_BORDER_INC;
1004                 border_scale: 1;
1005             }
1006             align: 0.0 1.0;
1007             min: 0 10;
1008             fixed: 0 1;
1009             visible: 0;
1010          }
1011          description { state: "selected" 0.0;
1012             inherit: "default" 0.0;
1013             visible: 1;
1014          }
1015       }
1016       part { name: "bg_cover";
1017          type: IMAGE;
1018          scale: 1;
1019          mouse_events: 0;
1020          description { state: "default" 0.0;
1021             visible: 0;
1022             image {
1023                normal: "00_tab_press.png";
1024                border: TABBAR_ITEM_TAB_PRESS_BORDER_INC;
1025                border_scale: 1;
1026             }
1027          }
1028          description { state: "pressed" 0.0;
1029             inherit: "default" 0.0;
1030             visible: 1;
1031          }
1032          description { state: "moving" 0.0;
1033             inherit: "default" 0.0;
1034             visible: 1;
1035          }
1036       }
1037       part { name: "padding_left_top";
1038          type: RECT;
1039          scale: 1;
1040          mouse_events: 0;
1041          description { state: "default" 0.0;
1042             align: 0.0 0.0;
1043             rel2.relative: 0.0 0.0;
1044             min: 2 0;
1045             fixed: 1 1;
1046             visible: 0;
1047             color: 0 0 0 0;
1048          }
1049       }
1050       part { name: "padding_right_bottom";
1051          type: RECT;
1052          scale: 1;
1053          mouse_events: 0;
1054          description { state: "default" 0.0;
1055             align: 1.0 1.0;
1056             rel1.relative: 1.0 1.0;
1057             min: 2 0;
1058             fixed: 1 1;
1059             visible: 0;
1060             color: 0 0 0 0;
1061          }
1062       }
1063       part {
1064          name: "icon_rect";
1065          type: RECT;
1066          scale: 1;
1067          mouse_events: 0;
1068          description { state: "default" 0.0;
1069             min: 0 0;
1070             fixed: 0 1;
1071             rel1 {
1072                relative: 1.0 1.0;
1073                to: "padding_left_top";
1074             }
1075             rel2 {
1076                relative: 0.0 1.0;
1077                to_x: "padding_right_bottom";
1078                to_y: "padding_left_top";
1079             }
1080             align: 0.5 0.0;
1081             color: 0 0 0 0;
1082          }
1083          description { state: "visible" 0.0;
1084             inherit: "default" 0.0;
1085             min: TABBAR_ITEM_ICON_SIZE_INC;
1086          }
1087          description { state: "icononly" 0.0;
1088             inherit: "default" 0.0;
1089          }
1090       }
1091       part { name: "padding_after_icon";
1092          type: RECT;
1093          scale: 1;
1094          mouse_events: 0;
1095          description { state: "default" 0.0; //when only icon or no icon is there
1096             align: 0.5 0.0;
1097             rel1 {
1098                relative: 0.0 1.0;
1099                to: "icon_rect";
1100             }
1101             rel2.to: "icon_rect";
1102             fixed: 0 1;
1103             min: 0 0;
1104             color: 0 0 0 0;
1105          }
1106          description { state: "visible" 0.0;
1107             inherit: "default" 0.0;
1108             min: 0 1;
1109          }
1110          description { state: "icononly" 0.0;
1111             inherit: "default" 0.0;
1112          }
1113       }
1114       part { name: "padding_before_text";
1115          type: RECT;
1116          scale: 1;
1117          mouse_events: 0;
1118          description { state: "default" 0.0; //when only icon or no icon is there
1119             align: 0.5 1.0;
1120             rel1 {
1121                relative: 1.0 0.0;
1122                to_x: "padding_left_top";
1123                to_y: "elm.text";
1124             }
1125             rel2 {
1126                relative: 0.0 0.0;
1127                to_x: "padding_right_bottom";
1128                to_y: "elm.text";
1129             }
1130             fixed: 0 1;
1131             min: 0 0;
1132             color: 0 0 0 0;
1133          }
1134       }
1135       part { name: "elm.swallow.icon";
1136          type: SWALLOW;
1137          scale: 1;
1138          clip_to: "elm.icon.clipper";
1139          description { state: "default" 0.0;
1140             visible: 0;
1141             min: TABBAR_ITEM_ICON_SIZE_INC;
1142             max: TABBAR_ITEM_ICON_SIZE_INC;
1143             rel1 {
1144                 to: "padding_left_top";
1145             }
1146             rel2 {
1147                 to: "padding_right_bottom";
1148             }
1149             aspect: 1.0 1.0;
1150             aspect_preference: HORIZONTAL;
1151          }
1152          description { state: "visible" 0.0;
1153             fixed: 1 0;
1154             min: TABBAR_ITEM_ICON_SIZE_INC;
1155             max: TABBAR_ITEM_ICON_SIZE_INC;
1156             align: 0.5 1.0;
1157             rel1 {
1158                relative: 1.0 0.0;
1159                to_x: "padding_left_top";
1160                to_y: "padding_before_text";
1161             }
1162             rel2 {
1163                relative: 0.0 0.0;
1164                to_x: "padding_right_bottom";
1165                to_y: "padding_before_text";
1166             }
1167             aspect: 1.0 1.0;
1168             aspect_preference: HORIZONTAL;
1169          }
1170          description { state: "icononly" 0.0;
1171             inherit: "default" 0.0;
1172             visible: 1;
1173          }
1174       }
1175       part { name: "elm.swallow.icon_new";
1176          type: SWALLOW;
1177          scale: 1;
1178          clip_to: "elm.icon_new.clipper";
1179          description { state: "default" 0.0;
1180             visible: 0;
1181             min: TABBAR_ITEM_ICON_SIZE_INC;
1182             max: TABBAR_ITEM_ICON_SIZE_INC;
1183             rel1.to: "padding_left_top";
1184             rel2.to: "padding_right_bottom";
1185             aspect: 1.0 1.0;
1186             aspect_preference: HORIZONTAL;
1187          }
1188          description { state: "visible" 0.0;
1189             fixed: 1 0;
1190             min: TABBAR_ITEM_ICON_SIZE_INC;
1191             max: TABBAR_ITEM_ICON_SIZE_INC;
1192             rel1 {
1193                relative: 0.0 1.0;
1194                to_x: "padding_left_top";
1195                to_y: "padding_before_text";
1196             }
1197             rel2 {
1198                relative: 0.0 0.0;
1199                to_x: "padding_right_bottom";
1200                to_y: "padding_before_text";
1201             }
1202             aspect: 1.0 1.0;
1203             aspect_preference: HORIZONTAL;
1204          }
1205          description { state: "icononly" 0.0;
1206             inherit: "default" 0.0;
1207             visible: 1;
1208          }
1209       }
1210       part { name: "elm.swallow.icon.proxy";
1211          type: PROXY;
1212          scale: 1;
1213          clip_to: "elm.icon.proxy.clipper";
1214          description { state: "default" 0.0;
1215              source: "elm.swallow.icon";
1216              proxy.source_clip: 0;
1217              rel1.to: "elm.swallow.icon";
1218              rel1.offset: 0 2;
1219              rel2.to: "elm.swallow.icon";
1220              rel2.offset: 0 2;
1221          }
1222       }
1223       part { name: "elm.swallow.icon_new.proxy";
1224          type: PROXY;
1225          scale: 1;
1226          clip_to: "elm.icon_new.proxy.clipper";
1227          description { state: "default" 0.0;
1228              source: "elm.swallow.icon_new";
1229              proxy.source_clip: 0;
1230              rel1.to: "elm.swallow.icon_new";
1231              rel1.offset: 0 2;
1232              rel2.to: "elm.swallow.icon_new";
1233              rel2.offset: 0 2;
1234          }
1235       }
1236       part { name: "elm.swallow.icon.proxy.2";
1237          type: PROXY;
1238          scale: 1;
1239          clip_to: "elm.icon.proxy.clipper.2";
1240          description { state: "default" 0.0;
1241              source: "elm.swallow.icon";
1242              proxy.source_clip: 0;
1243              rel1.to: "elm.swallow.icon";
1244              rel2.to: "elm.swallow.icon";
1245          }
1246       }
1247       part { name: "elm.swallow.icon_new.proxy.2";
1248          type: PROXY;
1249          scale: 1;
1250          clip_to: "elm.icon_new.proxy.clipper.2";
1251          description { state: "default" 0.0;
1252              source: "elm.swallow.icon_new";
1253              proxy.source_clip: 0;
1254              rel1.to: "elm.swallow.icon_new";
1255              rel2.to: "elm.swallow.icon_new";
1256          }
1257       }
1258       part { name: "elm.text";
1259          type: TEXTBLOCK;
1260          mouse_events: 0;
1261          scale: 1;
1262          clip_to: "elm.text.clipper";
1263          description { state: "default" 0.0;
1264             visible: 0;
1265             rel1 {
1266                relative: 1.0 1.0;
1267                to_x: "padding_left_top";
1268                to_y: "padding_after_icon";
1269             }
1270             rel2 {
1271                relative: 0.0 0.0;
1272                to: "padding_right_bottom";
1273             }
1274             fixed: 1 1;
1275             max: 0 34;
1276             text {
1277                style: "tabbar_text_style_30";
1278                min: 0 1;
1279                max: 1 0;
1280             }
1281          }
1282          description { state: "visible" 0.0;
1283             inherit: "default" 0.0;
1284             visible: 1;
1285          }
1286          description { state: "selected" 0.0;
1287             inherit: "visible" 0.0;
1288             text.style: "tabbar_selected_text_style_30";
1289          }
1290          description { state: "pressed" 0.0;
1291             inherit: "visible" 0.0;
1292             text.style: "tabbar_pressed_text_style_30";
1293          }
1294          description { state: "sliding" 0.0;
1295             inherit: "selected" 0.0;
1296             rel1.offset: TOOLBAR_SLIDING_TEXT_OFFSET 0;
1297             rel2.offset: TOOLBAR_SLIDING_TEXT_OFFSET 0;
1298             text.min: 1 1;
1299             align: 0.0 0.5;
1300          }
1301       }
1302       part { name: "elm.text_new";
1303          type: TEXTBLOCK;
1304          mouse_events: 0;
1305          scale: 1;
1306          clip_to: "elm.text_new.clipper";
1307          description { state: "default" 0.0;
1308             visible: 0;
1309             rel1 {
1310                relative: 1.0 1.0;
1311                to_x: "padding_left_top";
1312                to_y: "padding_after_icon";
1313             }
1314             rel2 {
1315                relative: 0.0 0.0;
1316                to: "padding_right_bottom";
1317             }
1318             max: 0 34;
1319             fixed: 1 1;
1320             text {
1321                style: "tabbar_text_style_30";
1322                min: 0 1;
1323                max: 1 0;
1324             }
1325          }
1326          description { state: "visible" 0.0;
1327             inherit: "default" 0.0;
1328             visible: 1;
1329          }
1330          description { state: "selected" 0.0;
1331             inherit: "visible" 0.0;
1332             text.style: "tabbar_selected_text_style_30";
1333          }
1334          description { state: "pressed" 0.0;
1335             inherit: "visible" 0.0;
1336             text.style: "tabbar_pressed_text_style_30";
1337          }
1338          description { state: "sliding" 0.0;
1339             inherit: "selected" 0.0;
1340             rel1.offset: TOOLBAR_SLIDING_TEXT_OFFSET 0;
1341             rel2.offset: TOOLBAR_SLIDING_TEXT_OFFSET 0;
1342             text.min: 1 1;
1343             align: 0.0 0.5;
1344          }
1345       }
1346       part { name: "padding.badge";
1347          type: RECT;
1348          scale: 1;
1349          mouse_events: 0;
1350          description { state: "default" 0.0;
1351             align: 1.0 0.0;
1352             rel1 {
1353                 relative: 1.0 0.0;
1354             }
1355             rel2 {
1356                 relative: 1.0 0.0;
1357             }
1358             min: 10 10;
1359             fixed: 1 1;
1360             visible: 0;
1361          }
1362          description { state: "default" 0.10;
1363             inherit: "default" 0.0;
1364             min: TABBAR_BADGE_ONE_ITEM_PADDING_SIZE;
1365          }
1366          description { state: "default" 0.06;
1367             inherit: "default" 0.0;
1368             min: TABBAR_BADGE_TWO_ITEMS_PADDING_SIZE;
1369          }
1370          description { state: "default" 0.04;
1371             inherit: "default" 0.0;
1372             min: TABBAR_BADGE_THREE_ITEMS_PADDING_SIZE;
1373          }
1374       }
1375       part { name: "elm.image.badge";
1376          mouse_events: 0;
1377          scale: 1;
1378          description { state: "default" 0.0;
1379             visible: 0;
1380             min: 54 54;
1381             fixed: 1 1;
1382             rel1 {
1383                to: "left.padding.text";
1384                relative: 0.0 0.0;
1385             }
1386             rel2 {
1387                to: "right.padding.text";
1388                relative: 1.0 1.0;
1389             }
1390             image {
1391                normal: "00_badge_bg.png";
1392                border: TABBAR_BADGE_BG_IMAGE_BORDER_INC;
1393                border_scale: 1;
1394             }
1395          }
1396          description { state: "visible" 0.0;
1397             inherit: "default" 0.0;
1398             visible: 1;
1399          }
1400       }
1401       part { name: "left.padding.text";
1402          type: RECT;
1403          scale: 1;
1404          description {
1405             state: "default" 0.0;
1406             visible: 0;
1407             fixed: 1 1;
1408             min: 12 54;
1409             rel1 {
1410                to: "elm.text.badge";
1411                relative: 0.0 0.0;
1412             }
1413             rel2 {
1414                to: "elm.text.badge";
1415                relative: 0.0 1.0;
1416             }
1417             align: 1.0 0.0;
1418          }
1419       }
1420       part { name: "right.padding.text";
1421          type: RECT;
1422          scale: 1;
1423          description {
1424             state: "default" 0.0;
1425             visible: 0;
1426             fixed: 1 1;
1427             min: 12 54;
1428             rel1 {
1429                to: "padding.badge";
1430                relative: 0.0 1.0;
1431             }
1432             rel2 {
1433                to: "padding.badge";
1434                relative: 0.0 1.0;
1435             }
1436             align: 1.0 0.0;
1437          }
1438       }
1439       part { name: "elm.text.badge";
1440          type: TEXT;
1441          mouse_events: 0;
1442          scale: 1;
1443          description {
1444             state: "default" 0.0;
1445             visible: 0;
1446             rel1 {
1447                to: "right.padding.text";
1448                relative: 0.0 0.0;
1449             }
1450             rel2 {
1451                to: "right.padding.text";
1452                relative: 0.0 1.0;
1453             }
1454             min: 30 0;
1455             fixed: 1 0;
1456             align: 1.0 0.5;
1457             color: TABBAR_BADGE_TEXT_COLOR_INC;
1458             text {
1459                font: "Tizen:style=Bold";
1460                size: 34;
1461                min: 1 0;
1462                text_class: "tizen";
1463             }
1464          }
1465          description { state: "visible" 0.0;
1466             inherit: "default" 0.0;
1467             visible: 1;
1468          }
1469       }
1470       part { name: "elm.text.clipper";
1471          type: RECT;
1472          description { state: "default" 0.0;
1473             rel1 {
1474                relative: 1.0 1.0;
1475                to: "padding_left_top";
1476             }
1477             rel2 {
1478                relative: 0.0 0.0;
1479                to: "padding_right_bottom";
1480             }
1481             color: 255 255 255 255;
1482          }
1483          description { state: "animation" 0.0;
1484             inherit: "default" 0.0;
1485             color: 255 255 255 0;
1486          }
1487          description { state: "disabled" 0.0;
1488             inherit: "default" 0.0;
1489             color: 255 255 255 153;
1490          }
1491       }
1492       part { name: "elm.text_new.clipper";
1493          type: RECT;
1494          description { state: "default" 0.0;
1495             rel1 {
1496                relative: 1.0 1.0;
1497                to: "padding_left_top";
1498             }
1499             rel2 {
1500                relative: 0.0 0.0;
1501                to: "padding_right_bottom";
1502             }
1503             color: 255 255 255 0;
1504          }
1505          description { state: "animation" 0.0;
1506             inherit: "default" 0.0;
1507             color: 255 255 255 255;
1508          }
1509          description { state: "disabled" 0.0;
1510             inherit: "default" 0.0;
1511             color: 255 255 255 153;
1512          }
1513       }
1514       part { name: "elm.icon.clipper";
1515          type: RECT;
1516          description { state: "default" 0.0;
1517             rel1 {
1518                relative: 1.0 1.0;
1519                to: "padding_left_top";
1520             }
1521             rel2 {
1522                relative: 0.0 0.0;
1523                to: "padding_right_bottom";
1524             }
1525             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1526          }
1527          description { state: "animation" 0.0;
1528             inherit: "default" 0.0;
1529             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1530          }
1531          description { state: "selected" 0.0;
1532             inherit: "default" 0.0;
1533             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1534          }
1535          description { state: "pressed" 0.0;
1536             inherit: "default" 0.0;
1537             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1538          }
1539          description { state: "disabled" 0.0;
1540             inherit: "default" 0.0;
1541             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1542          }
1543       }
1544       part { name: "elm.icon_new.clipper";
1545          type: RECT;
1546          description { state: "default" 0.0;
1547             rel1 {
1548                relative: 1.0 1.0;
1549                to: "padding_left_top";
1550             }
1551             rel2 {
1552                relative: 0.0 0.0;
1553                to: "padding_right_bottom";
1554             }
1555             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1556          }
1557          description { state: "animation" 0.0;
1558             inherit: "default" 0.0;
1559             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1560          }
1561          description { state: "selected" 0.0;
1562             inherit: "default" 0.0;
1563             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1564          }
1565          description { state: "pressed" 0.0;
1566             inherit: "default" 0.0;
1567             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1568          }
1569          description { state: "disabled" 0.0;
1570             inherit: "default" 0.0;
1571             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1572          }
1573       }
1574       part { name: "elm.icon.proxy.clipper";
1575          type: RECT;
1576          description { state: "default" 0.0;
1577             rel1 {
1578                relative: 1.0 1.0;
1579                to: "padding_left_top";
1580             }
1581             rel2 {
1582                relative: 0.0 0.0;
1583                to: "padding_right_bottom";
1584             }
1585             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1586          }
1587          description { state: "animation" 0.0;
1588             inherit: "default" 0.0;
1589             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1590          }
1591          description { state: "selected" 0.0;
1592             inherit: "default" 0.0;
1593             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1594          }
1595          description { state: "pressed" 0.0;
1596             inherit: "default" 0.0;
1597             color: TABBAR_ITEM_PRESSED_ICON_SHADOW_COLOR_INC;
1598          }
1599          description { state: "disabled" 0.0;
1600             inherit: "default" 0.0;
1601             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1602          }
1603       }
1604       part { name: "elm.icon_new.proxy.clipper";
1605          type: RECT;
1606          description { state: "default" 0.0;
1607             rel1 {
1608                relative: 1.0 1.0;
1609                to: "padding_left_top";
1610             }
1611             rel2 {
1612                relative: 0.0 0.0;
1613                to: "padding_right_bottom";
1614             }
1615             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1616          }
1617          description { state: "animation" 0.0;
1618             inherit: "default" 0.0;
1619             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1620          }
1621          description { state: "selected" 0.0;
1622             inherit: "default" 0.0;
1623             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1624          }
1625          description { state: "pressed" 0.0;
1626             inherit: "default" 0.0;
1627             color: TABBAR_ITEM_PRESSED_ICON_SHADOW_COLOR_INC;
1628          }
1629          description { state: "disabled" 0.0;
1630             inherit: "default" 0.0;
1631             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1632          }
1633       }
1634       part { name: "elm.icon.proxy.clipper.2";
1635          type: RECT;
1636          description { state: "default" 0.0;
1637             rel1 {
1638                relative: 1.0 1.0;
1639                to: "padding_left_top";
1640             }
1641             rel2 {
1642                relative: 0.0 0.0;
1643                to: "padding_right_bottom";
1644             }
1645             color: TABBAR_ITEM_ICON_COLOR_INC;
1646          }
1647          description { state: "animation" 0.0;
1648             inherit: "default" 0.0;
1649             color: TABBAR_ITEM_ICON_COLOR_INC;
1650          }
1651          description { state: "selected" 0.0;
1652             inherit: "default" 0.0;
1653             color: TABBAR_ITEM_SELECTED_ICON_COLOR_INC;
1654          }
1655          description { state: "pressed" 0.0;
1656             inherit: "default" 0.0;
1657             color: TABBAR_ITEM_PRESSED_ICON_COLOR_INC;
1658          }
1659          description { state: "disabled" 0.0;
1660             inherit: "default" 0.0;
1661             color: TABBAR_ITEM_DISABLED_ICON_COLOR_INC;
1662          }
1663       }
1664       part { name: "elm.icon_new.proxy.clipper.2";
1665          type: RECT;
1666          description { state: "default" 0.0;
1667             rel1 {
1668                relative: 1.0 1.0;
1669                to: "padding_left_top";
1670             }
1671             rel2 {
1672                relative: 0.0 0.0;
1673                to: "padding_right_bottom";
1674             }
1675             color: TABBAR_ITEM_ICON_COLOR_INC;
1676          }
1677          description { state: "animation" 0.0;
1678             inherit: "default" 0.0;
1679             color: TABBAR_ITEM_ICON_COLOR_INC;
1680          }
1681          description { state: "selected" 0.0;
1682             inherit: "default" 0.0;
1683             color: TABBAR_ITEM_SELECTED_ICON_COLOR_INC;
1684          }
1685          description { state: "pressed" 0.0;
1686             inherit: "default" 0.0;
1687             color: TABBAR_ITEM_PRESSED_ICON_COLOR_INC;
1688          }
1689          description { state: "disabled" 0.0;
1690             inherit: "default" 0.0;
1691             color: TABBAR_ITEM_DISABLED_ICON_COLOR_INC;
1692          }
1693       }
1694       part { name: "elm.text.dim.left";
1695          type: IMAGE;
1696          scale: 1;
1697          mouse_events: 0;
1698          description { state: "default" 0.0;
1699             min: 45 0;
1700             fixed: 1 0;
1701             align: 0.0 0.5;
1702             visible: 0;
1703             rel1 {
1704                 relative: 0.0 0.0;
1705                 to_x: "elm.text.clipper";
1706                 to_y: "elm.text";
1707             }
1708             rel2 {
1709                 relative: 0.0 1.0;
1710                 to_x: "elm.text.clipper";
1711                 to_y: "elm.text";
1712             }
1713             image.normal: "00_effect_tab_text_dim_left.png";
1714          }
1715          description { state: "show" 0.0;
1716             inherit: "default" 0.0;
1717             visible: 1;
1718          }
1719       }
1720       part { name: "elm.text.dim.right";
1721          type: IMAGE;
1722          scale: 1;
1723          mouse_events: 0;
1724          description { state: "default" 0.0;
1725             min: 45 0;
1726             fixed: 1 0;
1727             align: 1.0 0.5;
1728             visible: 0;
1729             rel1 {
1730                 relative: 1.0 0.0;
1731                 to_x: "elm.text.clipper";
1732                 to_y: "elm.text";
1733             }
1734             rel2 {
1735                 relative: 1.0 1.0;
1736                 to_x: "elm.text.clipper";
1737                 to_y: "elm.text";
1738             }
1739             image.normal: "00_effect_tab_text_dim_right.png";
1740          }
1741          description { state: "show" 0.0;
1742             inherit: "default" 0.0;
1743             visible: 1;
1744          }
1745       }
1746       part { name: "divider";
1747          type: RECT;
1748          scale: 1;
1749          description { state: "default" 0.0;
1750             min: TABBAR_ITEM_DIVIDER_SIZE;
1751             max: TABBAR_ITEM_DIVIDER_SIZE;
1752             fixed: 1 1;
1753             rel1 {
1754                 relative: 1.0 0.5;
1755             }
1756             rel2 {
1757                 relative: 1.0 0.5;
1758             }
1759          }
1760          description { state: "hidden" 0.0;
1761             inherit: "default" 0.0;
1762             visible: 0;
1763          }
1764       }
1765       part { name: "divider_left";
1766          type: RECT;
1767          clip_to: "divider";
1768          description { state: "default" 0.0;
1769             color: TABBAR_ITEM_DIVIDER_LEFT_COLOR_INC;
1770             rel1 {
1771                 relative: 0.0 0.0;
1772                 to: "divider";
1773             }
1774             rel2 {
1775                 relative: 0.5 1.0;
1776                 to: "divider";
1777             }
1778          }
1779       }
1780       part { name: "divider_right";
1781          type: RECT;
1782          clip_to: "divider";
1783          description { state: "default" 0.0;
1784             color: TABBAR_ITEM_DIVIDER_RIGHT_COLOR_INC;
1785             rel1 {
1786                 relative: 0.5 0.0;
1787                 to: "divider";
1788             }
1789             rel2 {
1790                 relative: 1.0 1.0;
1791                 to: "divider";
1792             }
1793          }
1794       }
1795       part { name: "highlight";
1796          type: IMAGE;
1797          scale: 1;
1798          description { state: "default" 0.0;
1799             visible: 0;
1800             image {
1801                 normal: "00_tab_focus.png";
1802                 border: TABBAR_ITEM_TAB_FOCUS_BORDER_INC;
1803                 border_scale: 1;
1804             }
1805          }
1806          description { state: "highlighted" 0.0;
1807             inherit: "default" 0.0;
1808             visible: 1;
1809          }
1810       }
1811       part { name: "event";
1812          type: RECT;
1813          mouse_events: 1;
1814          dragable {
1815             x: 1 0 0;
1816             y: 1 0 0;
1817          }
1818          description { state: "default" 0.0;
1819             color: 0 0 0 0;
1820          }
1821       }
1822 // for debuging //////////////////////////////
1823 /*      part { name: "dbg";
1824          type: TEXTBLOCK;
1825          mouse_events: 0;
1826          scale: 1;
1827          description { state: "default" 0.0;
1828             rel1.relative: 1.0 0.0;
1829             rel2.relative: 1.0 0.0;
1830             fixed: 1 1;
1831             align: 1.0 0.0;
1832             text {
1833                style: "tabbar_text_style_30";
1834                text: "test";
1835                min: 1 1;
1836             }
1837          }
1838       }*/
1839    }
1840    programs {
1841       program { name: "go_active";
1842          signal:  "elm,state,selected";
1843          source:  "elm";
1844          action:  STATE_SET "selected" 0.0;
1845          target:  "elm.icon.clipper";
1846          target:  "elm.icon.proxy.clipper";
1847          target:  "elm.icon.proxy.clipper.2";
1848          target:  "selected_line";
1849          after: "selected_text";
1850       }
1851       program { name: "selected_text";
1852          script{
1853             new st[31];
1854             new Float:vl;
1855             set_int(selected, 1);
1856             get_state(PART:"elm.text", st, 30, vl);
1857             if (!strcmp(st, "visible"))
1858                 set_state(PART:"elm.text", "selected", vl);
1859             if (strcmp(st, "default"))
1860                 run_program(PROGRAM:"slide_start");
1861          }
1862       }
1863       program { name: "go_passive";
1864          signal:  "elm,state,unselected";
1865          source:  "elm";
1866          action:  STATE_SET "default" 0.0;
1867          target:  "elm.icon.clipper";
1868          target:  "elm.icon.proxy.clipper";
1869          target:  "elm.icon.proxy.clipper.2";
1870          target:  "selected_line";
1871          after: "unselected_text";
1872       }
1873       program { name: "unselected_text";
1874          script{
1875             new st[31];
1876             new Float:vl;
1877             set_int(selected, 0);
1878             get_state(PART:"elm.text", st, 30, vl);
1879             if (!strcmp(st, "selected"))
1880                 set_state(PART:"elm.text", "visible", vl);
1881             if (strcmp(st, "default"))
1882                 run_program(PROGRAM:"slide_stop");
1883          }
1884       }
1885       program { name: "moving";
1886          signal:  "elm,state,moving";
1887          source:  "elm";
1888          script {
1889             set_state(PART:"bg_cover", "moving", 0.0);
1890          }
1891       }
1892       program { name: "pressed";
1893          signal:  "mouse,down,1";
1894          source:  "event";
1895          script {
1896             set_state(PART:"bg_cover", "pressed", 0.0);
1897             set_state(PART:"elm.text", "pressed", 0.0);
1898             set_state(PART:"elm.icon.clipper", "pressed", 0.0);
1899             set_state(PART:"elm.icon.proxy.clipper", "pressed", 0.0);
1900             set_state(PART:"elm.icon.proxy.clipper.2", "pressed", 0.0);
1901             set_int(pressed, 1);
1902          }
1903       }
1904       program {
1905          name: "drag";
1906          signal: "drag";
1907          source: "event";
1908          script {
1909             new st[31];
1910             new Float:vl;
1911             new Float:dx, Float:dy;
1912             get_state(PART:"bg_cover", st, 30, vl);
1913             if (strcmp(st, "moving"))
1914               {
1915                 get_drag(PART:"event", dx, dy);
1916                 if ((abs(dx)*abs(dx))+(abs(dy)*abs(dy)) > 400)
1917                   {
1918                     set_drag(PART:"event", 0.0, 0.0);
1919                     set_state(PART:"bg_cover", "default", 0.0);
1920                     if (get_int(selected))
1921                       {
1922                         set_state(PART:"elm.text", "selected", 0.0);
1923                         set_state(PART:"elm.icon.clipper", "selected", 0.0);
1924                         set_state(PART:"elm.icon.proxy.clipper", "selected", 0.0);
1925                         set_state(PART:"elm.icon.proxy.clipper.2", "selected", 0.0);
1926                       }
1927                     else
1928                       {
1929                         set_state(PART:"elm.text", "visible", 0.0);
1930                         set_state(PART:"elm.icon.clipper", "default", 0.0);
1931                         set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
1932                         set_state(PART:"elm.icon.proxy.clipper.2", "default", 0.0);
1933                       }
1934                   }
1935                 set_drag(PART:"event", 0.0, 0.0);
1936               }
1937           }
1938       }
1939       program { name: "unpressed";
1940          signal:  "mouse,up,1";
1941          source:  "event";
1942          script {
1943             set_drag(PART:"event", 0.0, 0.0);
1944             set_state(PART:"bg_cover", "default", 0.0);
1945             set_int(pressed, 0);
1946             if (get_int(selected))
1947               {
1948                 set_state(PART:"elm.text", "selected", 0.0);
1949                 set_state(PART:"elm.icon.clipper", "selected", 0.0);
1950                 set_state(PART:"elm.icon.proxy.clipper", "selected", 0.0);
1951                 set_state(PART:"elm.icon.proxy.clipper.2", "selected", 0.0);
1952               }
1953             else
1954               {
1955                 set_state(PART:"elm.text", "visible", 0.0);
1956                 set_state(PART:"elm.icon.clipper", "default", 0.0);
1957                 set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
1958                 set_state(PART:"elm.icon.proxy.clipper.2", "default", 0.0);
1959               }
1960          }
1961       }
1962       program { name: "go";
1963          signal:  "mouse,clicked,1";
1964          source:  "event";
1965          action:  SIGNAL_EMIT "elm,action,click" "elm";
1966          after: "play_sound";
1967       }
1968       program { name: "play_sound";
1969          action: PLAY_SAMPLE "touch_sound" 1.0;
1970       }
1971       program { name: "mouse,in";
1972          signal:  "mouse,in";
1973          source:  "event";
1974          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
1975       }
1976       program { name: "mouse,out";
1977          signal:  "mouse,out";
1978          source:  "event";
1979          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
1980       }
1981       program { name: "disable";
1982          signal: "elm,state,disabled";
1983          source: "elm";
1984          script {
1985             set_int(item_state, ITEM_STATE_DISABLED);
1986             set_state(PART:"bg", "disabled", 0.0);
1987             set_state(PART:"elm.text.clipper", "disabled", 0.0);
1988             set_state(PART:"elm.icon.clipper", "disabled", 0.0);
1989             set_state(PART:"elm.icon.proxy.clipper", "disabled", 0.0);
1990             set_state(PART:"elm.icon.proxy.clipper.2", "disabled", 0.0);
1991             run_program(PROGRAM:"label_set,animation,done");
1992             run_program(PROGRAM:"icon_set,animation,done");
1993          }
1994       }
1995       program { name: "enable";
1996          signal: "elm,state,enabled";
1997          source: "elm";
1998          script {
1999             set_int(item_state, ITEM_STATE_ENABLED);
2000             set_state(PART:"bg", "default", 0.0);
2001             set_state(PART:"elm.text.clipper", "default", 0.0);
2002             set_state(PART:"elm.icon.clipper", "default", 0.0);
2003             set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
2004             set_state(PART:"elm.icon.proxy.clipper.2", "default", 0.0);
2005             run_program(PROGRAM:"label_set,animation,done");
2006             run_program(PROGRAM:"icon_set,animation,done");
2007          }
2008       }
2009       program { name: "label_set,animation,forward";
2010          signal: "elm,state,label_set,forward";
2011          source: "elm";
2012          after: "label_set,sync";
2013       }
2014       program { name: "label_set,animation,backward";
2015          signal: "elm,state,label_set,backward";
2016          source: "elm";
2017          after: "label_set,sync";
2018       }
2019       program { name: "label_set,sync";
2020          signal: "elm,state,label_set";
2021          source: "elm";
2022          script {
2023             new st[31];
2024             new Float:vl;
2025             get_state(PART:"elm.text", st, 30, vl);
2026             set_state(PART:"elm.text_new", st, vl);
2027          }
2028          after: "label_set,animation";
2029       }
2030       program { name: "label_set,animation";
2031          action: STATE_SET "animation" 0.0;
2032          target: "elm.text.clipper";
2033          target: "elm.text_new.clipper";
2034          after: "label_set,animation,done";
2035       }
2036       program { name: "label_set,animation,done";
2037          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
2038       }
2039       program { name: "label,reset";
2040          signal: "elm,state,label,reset";
2041          source: "elm";
2042          script {
2043             set_state(PART:"elm.text_new.clipper", "default", 0.0);
2044             if (get_int(item_state) != ITEM_STATE_DISABLED)
2045               set_state(PART:"elm.text.clipper", "default", 0.0);
2046             else
2047               set_state(PART:"elm.text.clipper", "disabled", 0.0);
2048          }
2049       }
2050       program { name: "icon_set,animation,forward";
2051          signal: "elm,state,icon_set,forward";
2052          source: "elm";
2053          after: "icon_set,animation";
2054       }
2055       program { name: "icon_set,animation,backward";
2056          signal: "elm,state,icon_set,backward";
2057          source: "elm";
2058          after: "icon_set,animation";
2059       }
2060       program { name: "icon_set,animation";
2061          signal: "elm,state,icon_set";
2062          source: "elm";
2063          action: STATE_SET "animation" 0.0;
2064          target: "elm.icon.clipper";
2065          target: "elm.icon_new.clipper";
2066          target: "elm.icon.proxy.clipper";
2067          target: "elm.icon_new.proxy.clipper";
2068          target: "elm.icon.proxy.clipper.2";
2069          target: "elm.icon_new.proxy.clipper.2";
2070          after: "icon_set,animation,done";
2071       }
2072       program { name: "icon_set,animation,done";
2073          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
2074       }
2075       program { name: "icon,reset";
2076          signal: "elm,state,icon,reset";
2077          source: "elm";
2078          script {
2079             set_state(PART:"elm.icon_new.clipper", "default", 0.0);
2080             if (get_int(item_state) != ITEM_STATE_DISABLED)
2081               {
2082                  set_state(PART:"elm.icon.clipper", "default", 0.0);
2083                  set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
2084                  set_state(PART:"elm.icon.proxy.clipper.2", "default", 0.0);
2085               }
2086             else
2087               {
2088                  set_state(PART:"elm.icon.clipper", "disabled", 0.0);
2089                  set_state(PART:"elm.icon.proxy.clipper", "disabled", 0.0);
2090                  set_state(PART:"elm.icon.proxy.clipper.2", "disabled", 0.0);
2091               }
2092          }
2093       }
2094       program { name: "text_show";
2095          signal: "elm,state,text,visible";
2096          source: "elm";
2097          script {
2098             new st[31];
2099             new Float:vl;
2100             get_state(PART:"elm.swallow.icon", st, 30, vl);
2101             if (!strcmp(st, "icononly"))
2102               {
2103                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
2104                  set_state(PART:"icon_rect", "visible", 0.0);
2105                  set_state(PART:"padding_after_icon", "visible", 0.0);
2106                  set_state(PART:"bg", "icon_text", 0.0);
2107               }
2108             if (get_int(selected))
2109               set_state(PART:"elm.text", "selected", 0.0);
2110             else
2111               set_state(PART:"elm.text", "visible", 0.0);
2112          }
2113       }
2114       program { name: "text_hide";
2115          signal: "elm,state,text,hidden";
2116          source: "elm";
2117          script {
2118             new st[31];
2119             new Float:vl;
2120             get_state(PART:"elm.swallow.icon", st, 30, vl);
2121             if (strcmp(st, "default"))
2122               {
2123                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
2124                  set_state(PART:"icon_rect", "icononly", 0.0);
2125                  set_state(PART:"padding_after_icon", "icononly", 0.0);
2126               }
2127             set_state(PART:"elm.text", "default", 0.0);
2128             set_state(PART:"bg", "default", 0.0);
2129          }
2130       }
2131       program { name: "icon_show";
2132          signal: "elm,state,icon,visible";
2133          source: "elm";
2134          script {
2135             new st[31];
2136             new Float:vl;
2137             get_state(PART:"elm.text", st, 30, vl);
2138             if (strncmp(st, "default", 7))
2139               {
2140                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
2141                  set_state(PART:"icon_rect", "visible", 0.0);
2142                  set_state(PART:"padding_after_icon", "visible", 0.0);
2143                  set_state(PART:"bg", "icon_text", 0.0);
2144               }
2145             else
2146               {
2147                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
2148                  set_state(PART:"icon_rect", "icononly", 0.0);
2149                  set_state(PART:"padding_after_icon", "icononly", 0.0);
2150               }
2151          }
2152       }
2153       program { name: "icon_hide";
2154          signal: "elm,state,icon,hidden";
2155          source: "elm";
2156          script {
2157             set_state(PART:"elm.swallow.icon", "default", 0.0);
2158             set_state(PART:"icon_rect", "default", 0.0);
2159             set_state(PART:"padding_after_icon", "default", 0.0);
2160             set_state(PART:"bg", "default", 0.0);
2161          }
2162       }
2163       program { name: "badge_show";
2164          signal: "elm,state,elm.text.badge,visible";
2165          source: "elm";
2166          action: STATE_SET "visible" 0.0;
2167          target: "elm.text.badge";
2168          target: "elm.image.badge";
2169       }
2170       program { name: "badge_hide";
2171          signal: "elm,state,elm.text.badge,hidden";
2172          source: "elm";
2173          action:  STATE_SET "default" 0.0;
2174          target: "elm.text.badge";
2175          target: "elm.image.badge";
2176       }
2177       program { name: "divider_visible_1";
2178          signal: "elm,order,first,item";
2179          source: "elm";
2180          action: STATE_SET "default" 0.0;
2181          target: "divider";
2182       }
2183       program { name: "divider_visible_2";
2184          signal: "elm,order,default,item";
2185          source: "elm";
2186          action: STATE_SET "default" 0.0;
2187          target: "divider";
2188       }
2189       program { name: "divider_hidden";
2190          signal: "elm,order,last,item";
2191          source: "elm";
2192          action: STATE_SET "hidden" 0.0;
2193          target: "divider";
2194       }
2195       program { name: "highlight_on";
2196          signal: "elm,highlight,on";
2197          source: "elm";
2198          action: STATE_SET "highlighted" 0.0;
2199          target: "highlight";
2200       }
2201       program { name: "highlight_off";
2202          signal: "elm,highlight,off";
2203          source: "elm";
2204          action: STATE_SET "default" 0.0;
2205          target: "highlight";
2206       }
2207       program { name: "tab_item_2";
2208          signal: "elm,number,item,2";
2209          source: "elm";
2210          script {
2211             set_int(items_number, 2);
2212             set_state(PART:"padding.badge", "default", 0.10);
2213          }
2214       }
2215       program { name: "tab_item_3";
2216          signal: "elm,number,item,3";
2217          source: "elm";
2218          script {
2219             set_int(items_number, 3);
2220             set_state(PART:"padding.badge", "default", 0.06);
2221          }
2222       }
2223       program { name: "tab_item_4";
2224          signal: "elm,number,item,4";
2225          source: "elm";
2226          script {
2227             set_int(items_number, 4);
2228          }
2229          after: "tab_item_upper_4";
2230       }
2231       program { name: "tab_item_5";
2232          signal: "elm,number,item,5";
2233          source: "elm";
2234          script {
2235             set_int(items_number, 5);
2236          }
2237          after: "tab_item_upper_4";
2238       }
2239       program { name: "tab_item_6";
2240          signal: "elm,number,item,6";
2241          source: "elm";
2242          script {
2243             set_int(items_number, 6);
2244          }
2245          after: "tab_item_upper_4";
2246       }
2247       program { name: "tab_item_7";
2248          signal: "elm,number,item,7";
2249          source: "elm";
2250          script {
2251             set_int(items_number, 7);
2252          }
2253          after: "tab_item_upper_4";
2254       }
2255       program { name: "tab_item_8";
2256          signal: "elm,number,item,8";
2257          source: "elm";
2258          script {
2259             set_int(items_number, 8);
2260          }
2261          after: "tab_item_upper_4";
2262       }
2263       program { name: "tab_item_9";
2264          signal: "elm,number,item,9";
2265          source: "elm";
2266          script {
2267             set_int(items_number, 9);
2268          }
2269          after: "tab_item_upper_4";
2270       }
2271       program { name: "tab_item_10";
2272          signal: "elm,number,item,10";
2273          source: "elm";
2274          script {
2275             set_int(items_number, 10);
2276          }
2277          after: "tab_item_upper_4";
2278       }
2279       program { name: "tab_item_upper_4";
2280          script {
2281             set_state(PART:"padding.badge", "default", 0.04);
2282          }
2283       }
2284       program { name: "slide_start";
2285          script {
2286             if (!get_int(sliding_timer) && !get_int(end_timer)) {
2287                set_int(sliding_timer, timer(1.5, "sliding", TOOLBAR_SLIDING_TEXT_OFFSET));
2288             }
2289          }
2290       }
2291       program { name: "slide_stop";
2292          script {
2293              ender(0);
2294          }
2295       }
2296    }
2297 }
2298
2299 group { name: "elm/toolbar/base/tabbar/item_with_title";
2300    inherit: "elm/toolbar/base/tabbar";
2301    images {
2302       image: "00_sub_title_bg.png" COMP;
2303    }
2304    parts {
2305        part { name: "base_bg";
2306          type: IMAGE;
2307          scale: 1;
2308          description {
2309             state: "default" 0.0;
2310             rel1 {
2311                 relative: 0.0 0.0;
2312                 to: "base";
2313             }
2314             rel2 {
2315                 relative: 1.0 1.0;
2316                 to: "base";
2317             }
2318             image {
2319                 normal: "00_sub_title_bg.png";
2320                 border: TABBAR_ITEM_BG_DEFAULT_BORDER_INC;
2321                 border_scale: 1;
2322             }
2323          }
2324       }
2325    }
2326 }
2327
2328 group { name: "elm/toolbar/item/tabbar/item_with_title";
2329    inherit: "elm/toolbar/item/tabbar";
2330    images {
2331       image: "00_effect_tab_text_dim_left_02.png" COMP;
2332       image: "00_effect_tab_text_dim_right_02.png" COMP;
2333    }
2334    parts {
2335       part { name: "elm.text.dim.left";
2336          description { state: "default" 0.0;
2337             image.normal: "00_effect_tab_text_dim_left_02.png";
2338          }
2339          description { state: "show" 0.0;
2340             inherit: "default" 0.0;
2341             visible: 1;
2342          }
2343       }
2344       part { name: "elm.text.dim.right";
2345          description { state: "default" 0.0;
2346             image.normal: "00_effect_tab_text_dim_right_02.png";
2347          }
2348          description { state: "show" 0.0;
2349             inherit: "default" 0.0;
2350             visible: 1;
2351          }
2352       }
2353       part { name: "divider";
2354          type: RECT;
2355          scale: 1;
2356          description { state: "default" 0.0;
2357             min: TABBAR_ITEM_WITH_TITLE_DIVIDER_SIZE;
2358             max: TABBAR_ITEM_WITH_TITLE_DIVIDER_SIZE;
2359             fixed: 1 1;
2360             rel1 {
2361                 relative: 1.0 0.5;
2362             }
2363             rel2 {
2364                 relative: 1.0 0.5;
2365             }
2366          }
2367          description { state: "hidden" 0.0;
2368             inherit: "default" 0.0;
2369             visible: 0;
2370          }
2371       }
2372       part { name: "divider_left";
2373          type: RECT;
2374          clip_to: "divider";
2375          description { state: "default" 0.0;
2376             color: TABBAR_ITEM_DIVIDER_LEFT_COLOR_INC;
2377             rel1 {
2378                 relative: 0.0 0.0;
2379                 to: "divider";
2380             }
2381             rel2 {
2382                 relative: 0.5 1.0;
2383                 to: "divider";
2384             }
2385          }
2386       }
2387       part { name: "divider_right";
2388          type: RECT;
2389          clip_to: "divider";
2390          description { state: "default" 0.0;
2391             color: TABBAR_ITEM_DIVIDER_RIGHT_COLOR_INC;
2392             rel1 {
2393                 relative: 0.5 0.0;
2394                 to: "divider";
2395             }
2396             rel2 {
2397                 relative: 1.0 1.0;
2398                 to: "divider";
2399             }
2400          }
2401       }
2402    }
2403 }