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              rel1.to: "elm.swallow.icon";
1217              rel1.offset: 0 2;
1218              rel2.to: "elm.swallow.icon";
1219              rel2.offset: 0 2;
1220          }
1221       }
1222       part { name: "elm.swallow.icon_new.proxy";
1223          type: PROXY;
1224          scale: 1;
1225          clip_to: "elm.icon_new.proxy.clipper";
1226          description { state: "default" 0.0;
1227              source: "elm.swallow.icon_new";
1228              rel1.to: "elm.swallow.icon_new";
1229              rel1.offset: 0 2;
1230              rel2.to: "elm.swallow.icon_new";
1231              rel2.offset: 0 2;
1232          }
1233       }
1234       part { name: "elm.swallow.icon.proxy.2";
1235          type: PROXY;
1236          scale: 1;
1237          clip_to: "elm.icon.proxy.clipper.2";
1238          description { state: "default" 0.0;
1239              source: "elm.swallow.icon";
1240              rel1.to: "elm.swallow.icon";
1241              rel2.to: "elm.swallow.icon";
1242          }
1243       }
1244       part { name: "elm.swallow.icon_new.proxy.2";
1245          type: PROXY;
1246          scale: 1;
1247          clip_to: "elm.icon_new.proxy.clipper.2";
1248          description { state: "default" 0.0;
1249              source: "elm.swallow.icon_new";
1250              rel1.to: "elm.swallow.icon_new";
1251              rel2.to: "elm.swallow.icon_new";
1252          }
1253       }
1254       part { name: "elm.text";
1255          type: TEXTBLOCK;
1256          mouse_events: 0;
1257          scale: 1;
1258          clip_to: "elm.text.clipper";
1259          description { state: "default" 0.0;
1260             visible: 0;
1261             rel1 {
1262                relative: 1.0 1.0;
1263                to_x: "padding_left_top";
1264                to_y: "padding_after_icon";
1265             }
1266             rel2 {
1267                relative: 0.0 0.0;
1268                to: "padding_right_bottom";
1269             }
1270             fixed: 1 1;
1271             max: 0 34;
1272             text {
1273                style: "tabbar_text_style_30";
1274                min: 0 1;
1275                max: 1 0;
1276             }
1277          }
1278          description { state: "visible" 0.0;
1279             inherit: "default" 0.0;
1280             visible: 1;
1281          }
1282          description { state: "selected" 0.0;
1283             inherit: "visible" 0.0;
1284             text.style: "tabbar_selected_text_style_30";
1285          }
1286          description { state: "pressed" 0.0;
1287             inherit: "visible" 0.0;
1288             text.style: "tabbar_pressed_text_style_30";
1289          }
1290          description { state: "sliding" 0.0;
1291             inherit: "selected" 0.0;
1292             rel1.offset: TOOLBAR_SLIDING_TEXT_OFFSET 0;
1293             rel2.offset: TOOLBAR_SLIDING_TEXT_OFFSET 0;
1294             text.min: 1 1;
1295             align: 0.0 0.5;
1296          }
1297       }
1298       part { name: "elm.text_new";
1299          type: TEXTBLOCK;
1300          mouse_events: 0;
1301          scale: 1;
1302          clip_to: "elm.text_new.clipper";
1303          description { state: "default" 0.0;
1304             visible: 0;
1305             rel1 {
1306                relative: 1.0 1.0;
1307                to_x: "padding_left_top";
1308                to_y: "padding_after_icon";
1309             }
1310             rel2 {
1311                relative: 0.0 0.0;
1312                to: "padding_right_bottom";
1313             }
1314             max: 0 34;
1315             fixed: 1 1;
1316             text {
1317                style: "tabbar_text_style_30";
1318                min: 0 1;
1319                max: 1 0;
1320             }
1321          }
1322          description { state: "visible" 0.0;
1323             inherit: "default" 0.0;
1324             visible: 1;
1325          }
1326          description { state: "selected" 0.0;
1327             inherit: "visible" 0.0;
1328             text.style: "tabbar_selected_text_style_30";
1329          }
1330          description { state: "pressed" 0.0;
1331             inherit: "visible" 0.0;
1332             text.style: "tabbar_pressed_text_style_30";
1333          }
1334          description { state: "sliding" 0.0;
1335             inherit: "selected" 0.0;
1336             rel1.offset: TOOLBAR_SLIDING_TEXT_OFFSET 0;
1337             rel2.offset: TOOLBAR_SLIDING_TEXT_OFFSET 0;
1338             text.min: 1 1;
1339             align: 0.0 0.5;
1340          }
1341       }
1342       part { name: "padding.badge";
1343          type: RECT;
1344          scale: 1;
1345          mouse_events: 0;
1346          description { state: "default" 0.0;
1347             align: 1.0 0.0;
1348             rel1 {
1349                 relative: 1.0 0.0;
1350             }
1351             rel2 {
1352                 relative: 1.0 0.0;
1353             }
1354             min: 10 10;
1355             fixed: 1 1;
1356             visible: 0;
1357          }
1358          description { state: "default" 0.10;
1359             inherit: "default" 0.0;
1360             min: TABBAR_BADGE_ONE_ITEM_PADDING_SIZE;
1361          }
1362          description { state: "default" 0.06;
1363             inherit: "default" 0.0;
1364             min: TABBAR_BADGE_TWO_ITEMS_PADDING_SIZE;
1365          }
1366          description { state: "default" 0.04;
1367             inherit: "default" 0.0;
1368             min: TABBAR_BADGE_THREE_ITEMS_PADDING_SIZE;
1369          }
1370       }
1371       part { name: "elm.image.badge";
1372          mouse_events: 0;
1373          scale: 1;
1374          description { state: "default" 0.0;
1375             visible: 0;
1376             min: 54 54;
1377             fixed: 1 1;
1378             rel1 {
1379                to: "left.padding.text";
1380                relative: 0.0 0.0;
1381             }
1382             rel2 {
1383                to: "right.padding.text";
1384                relative: 1.0 1.0;
1385             }
1386             image {
1387                normal: "00_badge_bg.png";
1388                border: TABBAR_BADGE_BG_IMAGE_BORDER_INC;
1389                border_scale: 1;
1390             }
1391          }
1392          description { state: "visible" 0.0;
1393             inherit: "default" 0.0;
1394             visible: 1;
1395          }
1396       }
1397       part { name: "left.padding.text";
1398          type: RECT;
1399          scale: 1;
1400          description {
1401             state: "default" 0.0;
1402             visible: 0;
1403             fixed: 1 1;
1404             min: 12 54;
1405             rel1 {
1406                to: "elm.text.badge";
1407                relative: 0.0 0.0;
1408             }
1409             rel2 {
1410                to: "elm.text.badge";
1411                relative: 0.0 1.0;
1412             }
1413             align: 1.0 0.0;
1414          }
1415       }
1416       part { name: "right.padding.text";
1417          type: RECT;
1418          scale: 1;
1419          description {
1420             state: "default" 0.0;
1421             visible: 0;
1422             fixed: 1 1;
1423             min: 12 54;
1424             rel1 {
1425                to: "padding.badge";
1426                relative: 0.0 1.0;
1427             }
1428             rel2 {
1429                to: "padding.badge";
1430                relative: 0.0 1.0;
1431             }
1432             align: 1.0 0.0;
1433          }
1434       }
1435       part { name: "elm.text.badge";
1436          type: TEXT;
1437          mouse_events: 0;
1438          scale: 1;
1439          description {
1440             state: "default" 0.0;
1441             visible: 0;
1442             rel1 {
1443                to: "right.padding.text";
1444                relative: 0.0 0.0;
1445             }
1446             rel2 {
1447                to: "right.padding.text";
1448                relative: 0.0 1.0;
1449             }
1450             min: 30 0;
1451             fixed: 1 0;
1452             align: 1.0 0.5;
1453             color: TABBAR_BADGE_TEXT_COLOR_INC;
1454             text {
1455                font: "Tizen:style=Bold";
1456                size: 34;
1457                min: 1 0;
1458                text_class: "tizen";
1459             }
1460          }
1461          description { state: "visible" 0.0;
1462             inherit: "default" 0.0;
1463             visible: 1;
1464          }
1465       }
1466       part { name: "elm.text.clipper";
1467          type: RECT;
1468          description { state: "default" 0.0;
1469             rel1 {
1470                relative: 1.0 1.0;
1471                to: "padding_left_top";
1472             }
1473             rel2 {
1474                relative: 0.0 0.0;
1475                to: "padding_right_bottom";
1476             }
1477             color: 255 255 255 255;
1478          }
1479          description { state: "animation" 0.0;
1480             inherit: "default" 0.0;
1481             color: 255 255 255 0;
1482          }
1483          description { state: "disabled" 0.0;
1484             inherit: "default" 0.0;
1485             color: 255 255 255 153;
1486          }
1487       }
1488       part { name: "elm.text_new.clipper";
1489          type: RECT;
1490          description { state: "default" 0.0;
1491             rel1 {
1492                relative: 1.0 1.0;
1493                to: "padding_left_top";
1494             }
1495             rel2 {
1496                relative: 0.0 0.0;
1497                to: "padding_right_bottom";
1498             }
1499             color: 255 255 255 0;
1500          }
1501          description { state: "animation" 0.0;
1502             inherit: "default" 0.0;
1503             color: 255 255 255 255;
1504          }
1505          description { state: "disabled" 0.0;
1506             inherit: "default" 0.0;
1507             color: 255 255 255 153;
1508          }
1509       }
1510       part { name: "elm.icon.clipper";
1511          type: RECT;
1512          description { state: "default" 0.0;
1513             rel1 {
1514                relative: 1.0 1.0;
1515                to: "padding_left_top";
1516             }
1517             rel2 {
1518                relative: 0.0 0.0;
1519                to: "padding_right_bottom";
1520             }
1521             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1522          }
1523          description { state: "animation" 0.0;
1524             inherit: "default" 0.0;
1525             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1526          }
1527          description { state: "selected" 0.0;
1528             inherit: "default" 0.0;
1529             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1530          }
1531          description { state: "pressed" 0.0;
1532             inherit: "default" 0.0;
1533             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1534          }
1535          description { state: "disabled" 0.0;
1536             inherit: "default" 0.0;
1537             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1538          }
1539       }
1540       part { name: "elm.icon_new.clipper";
1541          type: RECT;
1542          description { state: "default" 0.0;
1543             rel1 {
1544                relative: 1.0 1.0;
1545                to: "padding_left_top";
1546             }
1547             rel2 {
1548                relative: 0.0 0.0;
1549                to: "padding_right_bottom";
1550             }
1551             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1552          }
1553          description { state: "animation" 0.0;
1554             inherit: "default" 0.0;
1555             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1556          }
1557          description { state: "selected" 0.0;
1558             inherit: "default" 0.0;
1559             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1560          }
1561          description { state: "pressed" 0.0;
1562             inherit: "default" 0.0;
1563             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1564          }
1565          description { state: "disabled" 0.0;
1566             inherit: "default" 0.0;
1567             color: TABBAR_ITEM_DEFAULT_ICON_COLOR_INC;
1568          }
1569       }
1570       part { name: "elm.icon.proxy.clipper";
1571          type: RECT;
1572          description { state: "default" 0.0;
1573             rel1 {
1574                relative: 1.0 1.0;
1575                to: "padding_left_top";
1576             }
1577             rel2 {
1578                relative: 0.0 0.0;
1579                to: "padding_right_bottom";
1580             }
1581             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1582          }
1583          description { state: "animation" 0.0;
1584             inherit: "default" 0.0;
1585             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1586          }
1587          description { state: "selected" 0.0;
1588             inherit: "default" 0.0;
1589             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1590          }
1591          description { state: "pressed" 0.0;
1592             inherit: "default" 0.0;
1593             color: TABBAR_ITEM_PRESSED_ICON_SHADOW_COLOR_INC;
1594          }
1595          description { state: "disabled" 0.0;
1596             inherit: "default" 0.0;
1597             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1598          }
1599       }
1600       part { name: "elm.icon_new.proxy.clipper";
1601          type: RECT;
1602          description { state: "default" 0.0;
1603             rel1 {
1604                relative: 1.0 1.0;
1605                to: "padding_left_top";
1606             }
1607             rel2 {
1608                relative: 0.0 0.0;
1609                to: "padding_right_bottom";
1610             }
1611             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1612          }
1613          description { state: "animation" 0.0;
1614             inherit: "default" 0.0;
1615             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1616          }
1617          description { state: "selected" 0.0;
1618             inherit: "default" 0.0;
1619             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1620          }
1621          description { state: "pressed" 0.0;
1622             inherit: "default" 0.0;
1623             color: TABBAR_ITEM_PRESSED_ICON_SHADOW_COLOR_INC;
1624          }
1625          description { state: "disabled" 0.0;
1626             inherit: "default" 0.0;
1627             color: TABBAR_ITEM_ICON_SHADOW_COLOR_INC;
1628          }
1629       }
1630       part { name: "elm.icon.proxy.clipper.2";
1631          type: RECT;
1632          description { state: "default" 0.0;
1633             rel1 {
1634                relative: 1.0 1.0;
1635                to: "padding_left_top";
1636             }
1637             rel2 {
1638                relative: 0.0 0.0;
1639                to: "padding_right_bottom";
1640             }
1641             color: TABBAR_ITEM_ICON_COLOR_INC;
1642          }
1643          description { state: "animation" 0.0;
1644             inherit: "default" 0.0;
1645             color: TABBAR_ITEM_ICON_COLOR_INC;
1646          }
1647          description { state: "selected" 0.0;
1648             inherit: "default" 0.0;
1649             color: TABBAR_ITEM_SELECTED_ICON_COLOR_INC;
1650          }
1651          description { state: "pressed" 0.0;
1652             inherit: "default" 0.0;
1653             color: TABBAR_ITEM_PRESSED_ICON_COLOR_INC;
1654          }
1655          description { state: "disabled" 0.0;
1656             inherit: "default" 0.0;
1657             color: TABBAR_ITEM_DISABLED_ICON_COLOR_INC;
1658          }
1659       }
1660       part { name: "elm.icon_new.proxy.clipper.2";
1661          type: RECT;
1662          description { state: "default" 0.0;
1663             rel1 {
1664                relative: 1.0 1.0;
1665                to: "padding_left_top";
1666             }
1667             rel2 {
1668                relative: 0.0 0.0;
1669                to: "padding_right_bottom";
1670             }
1671             color: TABBAR_ITEM_ICON_COLOR_INC;
1672          }
1673          description { state: "animation" 0.0;
1674             inherit: "default" 0.0;
1675             color: TABBAR_ITEM_ICON_COLOR_INC;
1676          }
1677          description { state: "selected" 0.0;
1678             inherit: "default" 0.0;
1679             color: TABBAR_ITEM_SELECTED_ICON_COLOR_INC;
1680          }
1681          description { state: "pressed" 0.0;
1682             inherit: "default" 0.0;
1683             color: TABBAR_ITEM_PRESSED_ICON_COLOR_INC;
1684          }
1685          description { state: "disabled" 0.0;
1686             inherit: "default" 0.0;
1687             color: TABBAR_ITEM_DISABLED_ICON_COLOR_INC;
1688          }
1689       }
1690       part { name: "elm.text.dim.left";
1691          type: IMAGE;
1692          scale: 1;
1693          mouse_events: 0;
1694          description { state: "default" 0.0;
1695             min: 45 0;
1696             fixed: 1 0;
1697             align: 0.0 0.5;
1698             visible: 0;
1699             rel1 {
1700                 relative: 0.0 0.0;
1701                 to_x: "elm.text.clipper";
1702                 to_y: "elm.text";
1703             }
1704             rel2 {
1705                 relative: 0.0 1.0;
1706                 to_x: "elm.text.clipper";
1707                 to_y: "elm.text";
1708             }
1709             image.normal: "00_effect_tab_text_dim_left.png";
1710          }
1711          description { state: "show" 0.0;
1712             inherit: "default" 0.0;
1713             visible: 1;
1714          }
1715       }
1716       part { name: "elm.text.dim.right";
1717          type: IMAGE;
1718          scale: 1;
1719          mouse_events: 0;
1720          description { state: "default" 0.0;
1721             min: 45 0;
1722             fixed: 1 0;
1723             align: 1.0 0.5;
1724             visible: 0;
1725             rel1 {
1726                 relative: 1.0 0.0;
1727                 to_x: "elm.text.clipper";
1728                 to_y: "elm.text";
1729             }
1730             rel2 {
1731                 relative: 1.0 1.0;
1732                 to_x: "elm.text.clipper";
1733                 to_y: "elm.text";
1734             }
1735             image.normal: "00_effect_tab_text_dim_right.png";
1736          }
1737          description { state: "show" 0.0;
1738             inherit: "default" 0.0;
1739             visible: 1;
1740          }
1741       }
1742       part { name: "divider";
1743          type: RECT;
1744          scale: 1;
1745          description { state: "default" 0.0;
1746             min: TABBAR_ITEM_DIVIDER_SIZE;
1747             max: TABBAR_ITEM_DIVIDER_SIZE;
1748             fixed: 1 1;
1749             rel1 {
1750                 relative: 1.0 0.5;
1751             }
1752             rel2 {
1753                 relative: 1.0 0.5;
1754             }
1755          }
1756          description { state: "hidden" 0.0;
1757             inherit: "default" 0.0;
1758             visible: 0;
1759          }
1760       }
1761       part { name: "divider_left";
1762          type: RECT;
1763          clip_to: "divider";
1764          description { state: "default" 0.0;
1765             color: TABBAR_ITEM_DIVIDER_LEFT_COLOR_INC;
1766             rel1 {
1767                 relative: 0.0 0.0;
1768                 to: "divider";
1769             }
1770             rel2 {
1771                 relative: 0.5 1.0;
1772                 to: "divider";
1773             }
1774          }
1775       }
1776       part { name: "divider_right";
1777          type: RECT;
1778          clip_to: "divider";
1779          description { state: "default" 0.0;
1780             color: TABBAR_ITEM_DIVIDER_RIGHT_COLOR_INC;
1781             rel1 {
1782                 relative: 0.5 0.0;
1783                 to: "divider";
1784             }
1785             rel2 {
1786                 relative: 1.0 1.0;
1787                 to: "divider";
1788             }
1789          }
1790       }
1791       part { name: "highlight";
1792          type: IMAGE;
1793          scale: 1;
1794          description { state: "default" 0.0;
1795             visible: 0;
1796             image {
1797                 normal: "00_tab_focus.png";
1798                 border: TABBAR_ITEM_TAB_FOCUS_BORDER_INC;
1799                 border_scale: 1;
1800             }
1801          }
1802          description { state: "highlighted" 0.0;
1803             inherit: "default" 0.0;
1804             visible: 1;
1805          }
1806       }
1807       part { name: "event";
1808          type: RECT;
1809          mouse_events: 1;
1810          dragable {
1811             x: 1 0 0;
1812             y: 1 0 0;
1813          }
1814          description { state: "default" 0.0;
1815             color: 0 0 0 0;
1816          }
1817       }
1818 // for debuging //////////////////////////////
1819 /*      part { name: "dbg";
1820          type: TEXTBLOCK;
1821          mouse_events: 0;
1822          scale: 1;
1823          description { state: "default" 0.0;
1824             rel1.relative: 1.0 0.0;
1825             rel2.relative: 1.0 0.0;
1826             fixed: 1 1;
1827             align: 1.0 0.0;
1828             text {
1829                style: "tabbar_text_style_30";
1830                text: "test";
1831                min: 1 1;
1832             }
1833          }
1834       }*/
1835    }
1836    programs {
1837       program { name: "go_active";
1838          signal:  "elm,state,selected";
1839          source:  "elm";
1840          action:  STATE_SET "selected" 0.0;
1841          target:  "elm.icon.clipper";
1842          target:  "elm.icon.proxy.clipper";
1843          target:  "elm.icon.proxy.clipper.2";
1844          target:  "selected_line";
1845          after: "selected_text";
1846       }
1847       program { name: "selected_text";
1848          script{
1849             new st[31];
1850             new Float:vl;
1851             set_int(selected, 1);
1852             get_state(PART:"elm.text", st, 30, vl);
1853             if (!strcmp(st, "visible"))
1854                 set_state(PART:"elm.text", "selected", vl);
1855             if (strcmp(st, "default"))
1856                 run_program(PROGRAM:"slide_start");
1857          }
1858       }
1859       program { name: "go_passive";
1860          signal:  "elm,state,unselected";
1861          source:  "elm";
1862          action:  STATE_SET "default" 0.0;
1863          target:  "elm.icon.clipper";
1864          target:  "elm.icon.proxy.clipper";
1865          target:  "elm.icon.proxy.clipper.2";
1866          target:  "selected_line";
1867          after: "unselected_text";
1868       }
1869       program { name: "unselected_text";
1870          script{
1871             new st[31];
1872             new Float:vl;
1873             set_int(selected, 0);
1874             get_state(PART:"elm.text", st, 30, vl);
1875             if (!strcmp(st, "selected"))
1876                 set_state(PART:"elm.text", "visible", vl);
1877             if (strcmp(st, "default"))
1878                 run_program(PROGRAM:"slide_stop");
1879          }
1880       }
1881       program { name: "moving";
1882          signal:  "elm,state,moving";
1883          source:  "elm";
1884          script {
1885             set_state(PART:"bg_cover", "moving", 0.0);
1886          }
1887       }
1888       program { name: "pressed";
1889          signal:  "mouse,down,1";
1890          source:  "event";
1891          script {
1892             set_state(PART:"bg_cover", "pressed", 0.0);
1893             set_state(PART:"elm.text", "pressed", 0.0);
1894             set_state(PART:"elm.icon.clipper", "pressed", 0.0);
1895             set_state(PART:"elm.icon.proxy.clipper", "pressed", 0.0);
1896             set_state(PART:"elm.icon.proxy.clipper.2", "pressed", 0.0);
1897             set_int(pressed, 1);
1898          }
1899       }
1900       program {
1901          name: "drag";
1902          signal: "drag";
1903          source: "event";
1904          script {
1905             new st[31];
1906             new Float:vl;
1907             new Float:dx, Float:dy;
1908             get_state(PART:"bg_cover", st, 30, vl);
1909             if (strcmp(st, "moving"))
1910               {
1911                 get_drag(PART:"event", dx, dy);
1912                 if ((abs(dx)*abs(dx))+(abs(dy)*abs(dy)) > 400)
1913                   {
1914                     set_drag(PART:"event", 0.0, 0.0);
1915                     set_state(PART:"bg_cover", "default", 0.0);
1916                     if (get_int(selected))
1917                       {
1918                         set_state(PART:"elm.text", "selected", 0.0);
1919                         set_state(PART:"elm.icon.clipper", "selected", 0.0);
1920                         set_state(PART:"elm.icon.proxy.clipper", "selected", 0.0);
1921                         set_state(PART:"elm.icon.proxy.clipper.2", "selected", 0.0);
1922                       }
1923                     else
1924                       {
1925                         set_state(PART:"elm.text", "visible", 0.0);
1926                         set_state(PART:"elm.icon.clipper", "default", 0.0);
1927                         set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
1928                         set_state(PART:"elm.icon.proxy.clipper.2", "default", 0.0);
1929                       }
1930                   }
1931                 set_drag(PART:"event", 0.0, 0.0);
1932               }
1933           }
1934       }
1935       program { name: "unpressed";
1936          signal:  "mouse,up,1";
1937          source:  "event";
1938          script {
1939             set_drag(PART:"event", 0.0, 0.0);
1940             set_state(PART:"bg_cover", "default", 0.0);
1941             set_int(pressed, 0);
1942             if (get_int(selected))
1943               {
1944                 set_state(PART:"elm.text", "selected", 0.0);
1945                 set_state(PART:"elm.icon.clipper", "selected", 0.0);
1946                 set_state(PART:"elm.icon.proxy.clipper", "selected", 0.0);
1947                 set_state(PART:"elm.icon.proxy.clipper.2", "selected", 0.0);
1948               }
1949             else
1950               {
1951                 set_state(PART:"elm.text", "visible", 0.0);
1952                 set_state(PART:"elm.icon.clipper", "default", 0.0);
1953                 set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
1954                 set_state(PART:"elm.icon.proxy.clipper.2", "default", 0.0);
1955               }
1956          }
1957       }
1958       program { name: "go";
1959          signal:  "mouse,clicked,1";
1960          source:  "event";
1961          action:  SIGNAL_EMIT "elm,action,click" "elm";
1962          after: "play_sound";
1963       }
1964       program { name: "play_sound";
1965          action: PLAY_SAMPLE "touch_sound" 1.0;
1966       }
1967       program { name: "mouse,in";
1968          signal:  "mouse,in";
1969          source:  "event";
1970          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
1971       }
1972       program { name: "mouse,out";
1973          signal:  "mouse,out";
1974          source:  "event";
1975          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
1976       }
1977       program { name: "disable";
1978          signal: "elm,state,disabled";
1979          source: "elm";
1980          script {
1981             set_int(item_state, ITEM_STATE_DISABLED);
1982             set_state(PART:"bg", "disabled", 0.0);
1983             set_state(PART:"elm.text.clipper", "disabled", 0.0);
1984             set_state(PART:"elm.icon.clipper", "disabled", 0.0);
1985             set_state(PART:"elm.icon.proxy.clipper", "disabled", 0.0);
1986             set_state(PART:"elm.icon.proxy.clipper.2", "disabled", 0.0);
1987             run_program(PROGRAM:"label_set,animation,done");
1988             run_program(PROGRAM:"icon_set,animation,done");
1989          }
1990       }
1991       program { name: "enable";
1992          signal: "elm,state,enabled";
1993          source: "elm";
1994          script {
1995             set_int(item_state, ITEM_STATE_ENABLED);
1996             set_state(PART:"bg", "default", 0.0);
1997             set_state(PART:"elm.text.clipper", "default", 0.0);
1998             set_state(PART:"elm.icon.clipper", "default", 0.0);
1999             set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
2000             set_state(PART:"elm.icon.proxy.clipper.2", "default", 0.0);
2001             run_program(PROGRAM:"label_set,animation,done");
2002             run_program(PROGRAM:"icon_set,animation,done");
2003          }
2004       }
2005       program { name: "label_set,animation,forward";
2006          signal: "elm,state,label_set,forward";
2007          source: "elm";
2008          after: "label_set,sync";
2009       }
2010       program { name: "label_set,animation,backward";
2011          signal: "elm,state,label_set,backward";
2012          source: "elm";
2013          after: "label_set,sync";
2014       }
2015       program { name: "label_set,sync";
2016          signal: "elm,state,label_set";
2017          source: "elm";
2018          script {
2019             new st[31];
2020             new Float:vl;
2021             get_state(PART:"elm.text", st, 30, vl);
2022             set_state(PART:"elm.text_new", st, vl);
2023          }
2024          after: "label_set,animation";
2025       }
2026       program { name: "label_set,animation";
2027          action: STATE_SET "animation" 0.0;
2028          target: "elm.text.clipper";
2029          target: "elm.text_new.clipper";
2030          after: "label_set,animation,done";
2031       }
2032       program { name: "label_set,animation,done";
2033          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
2034       }
2035       program { name: "label,reset";
2036          signal: "elm,state,label,reset";
2037          source: "elm";
2038          script {
2039             set_state(PART:"elm.text_new.clipper", "default", 0.0);
2040             if (get_int(item_state) != ITEM_STATE_DISABLED)
2041               set_state(PART:"elm.text.clipper", "default", 0.0);
2042             else
2043               set_state(PART:"elm.text.clipper", "disabled", 0.0);
2044          }
2045       }
2046       program { name: "icon_set,animation,forward";
2047          signal: "elm,state,icon_set,forward";
2048          source: "elm";
2049          after: "icon_set,animation";
2050       }
2051       program { name: "icon_set,animation,backward";
2052          signal: "elm,state,icon_set,backward";
2053          source: "elm";
2054          after: "icon_set,animation";
2055       }
2056       program { name: "icon_set,animation";
2057          signal: "elm,state,icon_set";
2058          source: "elm";
2059          action: STATE_SET "animation" 0.0;
2060          target: "elm.icon.clipper";
2061          target: "elm.icon_new.clipper";
2062          target: "elm.icon.proxy.clipper";
2063          target: "elm.icon_new.proxy.clipper";
2064          target: "elm.icon.proxy.clipper.2";
2065          target: "elm.icon_new.proxy.clipper.2";
2066          after: "icon_set,animation,done";
2067       }
2068       program { name: "icon_set,animation,done";
2069          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
2070       }
2071       program { name: "icon,reset";
2072          signal: "elm,state,icon,reset";
2073          source: "elm";
2074          script {
2075             set_state(PART:"elm.icon_new.clipper", "default", 0.0);
2076             if (get_int(item_state) != ITEM_STATE_DISABLED)
2077               {
2078                  set_state(PART:"elm.icon.clipper", "default", 0.0);
2079                  set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
2080                  set_state(PART:"elm.icon.proxy.clipper.2", "default", 0.0);
2081               }
2082             else
2083               {
2084                  set_state(PART:"elm.icon.clipper", "disabled", 0.0);
2085                  set_state(PART:"elm.icon.proxy.clipper", "disabled", 0.0);
2086                  set_state(PART:"elm.icon.proxy.clipper.2", "disabled", 0.0);
2087               }
2088          }
2089       }
2090       program { name: "text_show";
2091          signal: "elm,state,text,visible";
2092          source: "elm";
2093          script {
2094             new st[31];
2095             new Float:vl;
2096             get_state(PART:"elm.swallow.icon", st, 30, vl);
2097             if (!strcmp(st, "icononly"))
2098               {
2099                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
2100                  set_state(PART:"icon_rect", "visible", 0.0);
2101                  set_state(PART:"padding_after_icon", "visible", 0.0);
2102                  set_state(PART:"bg", "icon_text", 0.0);
2103               }
2104             if (get_int(selected))
2105               set_state(PART:"elm.text", "selected", 0.0);
2106             else
2107               set_state(PART:"elm.text", "visible", 0.0);
2108          }
2109       }
2110       program { name: "text_hide";
2111          signal: "elm,state,text,hidden";
2112          source: "elm";
2113          script {
2114             new st[31];
2115             new Float:vl;
2116             get_state(PART:"elm.swallow.icon", st, 30, vl);
2117             if (strcmp(st, "default"))
2118               {
2119                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
2120                  set_state(PART:"icon_rect", "icononly", 0.0);
2121                  set_state(PART:"padding_after_icon", "icononly", 0.0);
2122               }
2123             set_state(PART:"elm.text", "default", 0.0);
2124             set_state(PART:"bg", "default", 0.0);
2125          }
2126       }
2127       program { name: "icon_show";
2128          signal: "elm,state,icon,visible";
2129          source: "elm";
2130          script {
2131             new st[31];
2132             new Float:vl;
2133             get_state(PART:"elm.text", st, 30, vl);
2134             if (strncmp(st, "default", 7))
2135               {
2136                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
2137                  set_state(PART:"icon_rect", "visible", 0.0);
2138                  set_state(PART:"padding_after_icon", "visible", 0.0);
2139                  set_state(PART:"bg", "icon_text", 0.0);
2140               }
2141             else
2142               {
2143                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
2144                  set_state(PART:"icon_rect", "icononly", 0.0);
2145                  set_state(PART:"padding_after_icon", "icononly", 0.0);
2146               }
2147          }
2148       }
2149       program { name: "icon_hide";
2150          signal: "elm,state,icon,hidden";
2151          source: "elm";
2152          script {
2153             set_state(PART:"elm.swallow.icon", "default", 0.0);
2154             set_state(PART:"icon_rect", "default", 0.0);
2155             set_state(PART:"padding_after_icon", "default", 0.0);
2156             set_state(PART:"bg", "default", 0.0);
2157          }
2158       }
2159       program { name: "badge_show";
2160          signal: "elm,state,elm.text.badge,visible";
2161          source: "elm";
2162          action: STATE_SET "visible" 0.0;
2163          target: "elm.text.badge";
2164          target: "elm.image.badge";
2165       }
2166       program { name: "badge_hide";
2167          signal: "elm,state,elm.text.badge,hidden";
2168          source: "elm";
2169          action:  STATE_SET "default" 0.0;
2170          target: "elm.text.badge";
2171          target: "elm.image.badge";
2172       }
2173       program { name: "divider_visible_1";
2174          signal: "elm,order,first,item";
2175          source: "elm";
2176          action: STATE_SET "default" 0.0;
2177          target: "divider";
2178       }
2179       program { name: "divider_visible_2";
2180          signal: "elm,order,default,item";
2181          source: "elm";
2182          action: STATE_SET "default" 0.0;
2183          target: "divider";
2184       }
2185       program { name: "divider_hidden";
2186          signal: "elm,order,last,item";
2187          source: "elm";
2188          action: STATE_SET "hidden" 0.0;
2189          target: "divider";
2190       }
2191       program { name: "highlight_on";
2192          signal: "elm,highlight,on";
2193          source: "elm";
2194          action: STATE_SET "highlighted" 0.0;
2195          target: "highlight";
2196       }
2197       program { name: "highlight_off";
2198          signal: "elm,highlight,off";
2199          source: "elm";
2200          action: STATE_SET "default" 0.0;
2201          target: "highlight";
2202       }
2203       program { name: "tab_item_2";
2204          signal: "elm,number,item,2";
2205          source: "elm";
2206          script {
2207             set_int(items_number, 2);
2208             set_state(PART:"padding.badge", "default", 0.10);
2209          }
2210       }
2211       program { name: "tab_item_3";
2212          signal: "elm,number,item,3";
2213          source: "elm";
2214          script {
2215             set_int(items_number, 3);
2216             set_state(PART:"padding.badge", "default", 0.06);
2217          }
2218       }
2219       program { name: "tab_item_4";
2220          signal: "elm,number,item,4";
2221          source: "elm";
2222          script {
2223             set_int(items_number, 4);
2224          }
2225          after: "tab_item_upper_4";
2226       }
2227       program { name: "tab_item_5";
2228          signal: "elm,number,item,5";
2229          source: "elm";
2230          script {
2231             set_int(items_number, 5);
2232          }
2233          after: "tab_item_upper_4";
2234       }
2235       program { name: "tab_item_6";
2236          signal: "elm,number,item,6";
2237          source: "elm";
2238          script {
2239             set_int(items_number, 6);
2240          }
2241          after: "tab_item_upper_4";
2242       }
2243       program { name: "tab_item_7";
2244          signal: "elm,number,item,7";
2245          source: "elm";
2246          script {
2247             set_int(items_number, 7);
2248          }
2249          after: "tab_item_upper_4";
2250       }
2251       program { name: "tab_item_8";
2252          signal: "elm,number,item,8";
2253          source: "elm";
2254          script {
2255             set_int(items_number, 8);
2256          }
2257          after: "tab_item_upper_4";
2258       }
2259       program { name: "tab_item_9";
2260          signal: "elm,number,item,9";
2261          source: "elm";
2262          script {
2263             set_int(items_number, 9);
2264          }
2265          after: "tab_item_upper_4";
2266       }
2267       program { name: "tab_item_10";
2268          signal: "elm,number,item,10";
2269          source: "elm";
2270          script {
2271             set_int(items_number, 10);
2272          }
2273          after: "tab_item_upper_4";
2274       }
2275       program { name: "tab_item_upper_4";
2276          script {
2277             set_state(PART:"padding.badge", "default", 0.04);
2278          }
2279       }
2280       program { name: "slide_start";
2281          script {
2282             if (!get_int(sliding_timer) && !get_int(end_timer)) {
2283                set_int(sliding_timer, timer(1.5, "sliding", TOOLBAR_SLIDING_TEXT_OFFSET));
2284             }
2285          }
2286       }
2287       program { name: "slide_stop";
2288          script {
2289              ender(0);
2290          }
2291       }
2292    }
2293 }
2294
2295 group { name: "elm/toolbar/base/tabbar/item_with_title";
2296    inherit: "elm/toolbar/base/tabbar";
2297    images {
2298       image: "00_sub_title_bg.png" COMP;
2299    }
2300    parts {
2301        part { name: "base_bg";
2302          type: IMAGE;
2303          scale: 1;
2304          description {
2305             state: "default" 0.0;
2306             rel1 {
2307                 relative: 0.0 0.0;
2308                 to: "base";
2309             }
2310             rel2 {
2311                 relative: 1.0 1.0;
2312                 to: "base";
2313             }
2314             image {
2315                 normal: "00_sub_title_bg.png";
2316                 border: TABBAR_ITEM_BG_DEFAULT_BORDER_INC;
2317                 border_scale: 1;
2318             }
2319          }
2320       }
2321    }
2322 }
2323
2324 group { name: "elm/toolbar/item/tabbar/item_with_title";
2325    inherit: "elm/toolbar/item/tabbar";
2326    images {
2327       image: "00_effect_tab_text_dim_left_02.png" COMP;
2328       image: "00_effect_tab_text_dim_right_02.png" COMP;
2329    }
2330    parts {
2331       part { name: "elm.text.dim.left";
2332          description { state: "default" 0.0;
2333             image.normal: "00_effect_tab_text_dim_left_02.png";
2334          }
2335          description { state: "show" 0.0;
2336             inherit: "default" 0.0;
2337             visible: 1;
2338          }
2339       }
2340       part { name: "elm.text.dim.right";
2341          description { state: "default" 0.0;
2342             image.normal: "00_effect_tab_text_dim_right_02.png";
2343          }
2344          description { state: "show" 0.0;
2345             inherit: "default" 0.0;
2346             visible: 1;
2347          }
2348       }
2349       part { name: "divider";
2350          type: RECT;
2351          scale: 1;
2352          description { state: "default" 0.0;
2353             min: TABBAR_ITEM_WITH_TITLE_DIVIDER_SIZE;
2354             max: TABBAR_ITEM_WITH_TITLE_DIVIDER_SIZE;
2355             fixed: 1 1;
2356             rel1 {
2357                 relative: 1.0 0.5;
2358             }
2359             rel2 {
2360                 relative: 1.0 0.5;
2361             }
2362          }
2363          description { state: "hidden" 0.0;
2364             inherit: "default" 0.0;
2365             visible: 0;
2366          }
2367       }
2368       part { name: "divider_left";
2369          type: RECT;
2370          clip_to: "divider";
2371          description { state: "default" 0.0;
2372             color: TABBAR_ITEM_DIVIDER_LEFT_COLOR_INC;
2373             rel1 {
2374                 relative: 0.0 0.0;
2375                 to: "divider";
2376             }
2377             rel2 {
2378                 relative: 0.5 1.0;
2379                 to: "divider";
2380             }
2381          }
2382       }
2383       part { name: "divider_right";
2384          type: RECT;
2385          clip_to: "divider";
2386          description { state: "default" 0.0;
2387             color: TABBAR_ITEM_DIVIDER_RIGHT_COLOR_INC;
2388             rel1 {
2389                 relative: 0.5 0.0;
2390                 to: "divider";
2391             }
2392             rel2 {
2393                 relative: 1.0 1.0;
2394                 to: "divider";
2395             }
2396          }
2397       }
2398    }
2399 }