res/edc/gl-toolbar.edc

   1 /*
   2   * Copyright 2012  Samsung Electronics Co., Ltd
   3   *
   4   * Licensed under the Flora License, Version 1.0 (the "License");
   5   * you may not use this file except in compliance with the License.
   6   * You may obtain a copy of the License at
   7   *
   8   *     http://www.tizenopensource.org/license
   9   *
  10   * Unless required by applicable law or agreed to in writing, software
  11   * distributed under the License is distributed on an "AS IS" BASIS,
  12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   * See the License for the specific language governing permissions and
  14   * limitations under the License.
  15   */
  16
  17 #define BUTTON_CONTROLBAR_ITEM_BUTTON_TEXT_SIZE_INC 28
  18 #define BUTTON_CONTROLBAR_ITEM_BUTTON_TEXTBLOCK_COLOR_INC "#f9f9f9"
  19 #define BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC 56 56
  20 #define BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC 249 249 249 255
  21 #define BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC 249 249 249 255
  22
  23 #define ITEM_STATE_ENABLED 0
  24 #define ITEM_STATE_DISABLED 1
  25
  26 group { name: "elm/toolbar/base/gallery/default";
  27    images {
  28       image: GALLERY_EDC_IMAGE_CONTROL_TOOLBAR_BG COMP;
  29    }
  30    parts {
  31       part { name: "base";
  32          mouse_events: 1;
  33          description { state: "default" 0.0;
  34             image.normal: GALLERY_EDC_IMAGE_CONTROL_TOOLBAR_BG;
  35          }
  36       }
  37       part { name: "clipper";
  38          type: RECT;
  39          mouse_events: 0;
  40          description {
  41             state: "default" 0.0;
  42             rel1 {
  43                to: "base";
  44                offset: 2 2;
  45             }
  46             rel2 {
  47                to: "base";
  48                offset: -3 -3;
  49             }
  50          }
  51       }
  52       part { name: "elm.swallow.content";
  53          clip_to: "clipper";
  54          type: SWALLOW;
  55          description {
  56             state: "default" 0.0;
  57             rel1.to: "clipper";
  58             rel2.to: "clipper";
  59          }
  60       }
  61       part { name: "event";
  62          type: RECT;
  63          mouse_events: 1;
  64          repeat_events: 1;
  65          description { state: "default" 0.0;
  66             color: 0 0 0 0;
  67          }
  68       }
  69    }
  70 }
  71
  72 group { name: "elm/toolbar/item/gallery/default";
  73    images {
  74       image: GALLERY_EDC_IMAGE_TOOLBAR_PRESS COMP;
  75    }
  76    styles{
  77       style { name: "toolbar_style";
  78          base: "font=SLP:style=Medium font_size="BUTTON_CONTROLBAR_ITEM_BUTTON_TEXT_SIZE_INC" align=center color="BUTTON_CONTROLBAR_ITEM_BUTTON_TEXTBLOCK_COLOR_INC" wrap=mixed ellipsis=1";
  79          tag: "br" "\n";
  80          tag: "ps" "ps";
  81          tag: "hilight" "+ font=SLP:style=Bold";
  82          tag: "b" "+ font=SLP:style=Bold";
  83          tag: "tab" "\t";
  84       }
  85    }
  86
  87    data.item: "transition_animation_on" "1";
  88    script {
  89       public item_state = ITEM_STATE_ENABLED;
  90    }
  91    parts {
  92       part { name: "bg";
  93          mouse_events: 0;
  94          description { state: "default" 0.0;
  95             visible: 0;
  96             color: 255 255 255 0;
  97             rel1 {
  98                relative: 1.0 1.0;
  99                to: "padding_left_top";
 100             }
 101             rel2 {
 102                relative: 0.0 0.0;
 103                to: "padding_right_bottom";
 104             }
 105             image {
 106                normal: GALLERY_EDC_IMAGE_TOOLBAR_PRESS;
 107                border: 3 3 3 3;
 108             }
 109             image.middle: SOLID;
 110             fill.smooth: 0;
 111          }
 112          description { state: "selected" 0.0;
 113             inherit: "default" 0.0;
 114             visible: 1;
 115             color: 255 255 255 255;
 116          }
 117          description { state: "disabled" 0.0;
 118             inherit: "default" 0.0;
 119             visible: 0;
 120             color: 255 255 255 0;
 121          }
 122       }
 123       part { name: "padding_left_top";
 124          type: RECT;
 125          scale: 1;
 126          mouse_events: 0;
 127          description { state: "default" 0.0;
 128             align: 0.0 0.0;
 129             rel2.relative: 0.0 0.0;
 130             min: 10 8;
 131             fixed: 1 1;
 132             visible: 1;
 133             color: 0 0 0 0;
 134          }
 135       }
 136       part { name: "padding_right_bottom";
 137          type: RECT;
 138          scale: 1;
 139          mouse_events: 0;
 140          description { state: "default" 0.0;
 141             align: 1.0 1.0;
 142             rel1.relative: 1.0 1.0;
 143             min: 10 5;
 144             fixed: 1 1;
 145             visible: 1;
 146             color: 0 0 0 0;
 147          }
 148       }
 149       part {
 150          name: "icon_rect";
 151          type: RECT;
 152          scale: 1;
 153          mouse_events: 0;
 154          description { state: "default" 0.0;
 155             min: 0 0;
 156             fixed: 0 1;
 157             rel1 {
 158                relative: 1.0 1.0;
 159                to: "padding_left_top";
 160             }
 161             rel2 {
 162                relative: 0.0 1.0;
 163                to_x: "padding_right_bottom";
 164                to_y: "padding_left_top";
 165             }
 166             align: 0.5 0.0;
 167             color: 0 0 0 0;
 168          }
 169          description { state: "visible" 0.0;
 170             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 171             fixed: 0 1;
 172             rel1 {
 173                relative: 1.0 1.0;
 174                to: "padding_left_top";
 175             }
 176             rel2 {
 177                relative: 0.0 1.0;
 178                to_x: "padding_right_bottom";
 179                to_y: "padding_left_top";
 180             }
 181             align: 0.5 0.0;
 182             color: 0 0 0 0;
 183          }
 184          description { state: "icononly" 0.0;
 185             inherit: "default" 0.0;
 186          }
 187       }
 188       part { name: "padding_after_icon";
 189          type: RECT;
 190          scale: 1;
 191          mouse_events: 0;
 192          description { state: "default" 0.0; //when only icon or no icon is there
 193             align: 0.0 0.0;
 194             rel1 {
 195                relative: 0.0 1.0;
 196                to: "icon_rect";
 197             }
 198             rel2.to: "icon_rect";
 199             fixed: 0 1;
 200             min: 0 0;
 201             color: 0 0 0 0;
 202          }
 203          description { state: "visible" 0.0;
 204             inherit: "default" 0.0;
 205          }
 206          description { state: "icononly" 0.0;
 207             inherit: "default" 0.0;
 208          }
 209       }
 210       part { name: "padding_before_text";
 211          type: RECT;
 212          scale: 1;
 213          mouse_events: 0;
 214          description { state: "default" 0.0; //when only icon or no icon is there
 215             align: 0.5 1.0;
 216             rel1 {
 217                relative: 1.0 0.0;
 218                to_x: "padding_left_top";
 219                to_y: "elm.text";
 220             }
 221             rel2 {
 222                relative: 0.0 0.0;
 223                to_x: "padding_right_bottom";
 224                to_y: "elm.text";
 225             }
 226             fixed: 0 1;
 227             min: 0 0;
 228             color: 0 0 0 0;
 229          }
 230       }
 231       part { name: "elm.swallow.icon";
 232          type: SWALLOW;
 233          scale: 1;
 234          clip_to: "elm.icon.clipper";
 235          description { state: "default" 0.0;
 236             visible: 0;
 237             align: 0.5 0.0;
 238             rel1 {
 239                relative: 1.0 1.0;
 240                to: "padding_left_top";
 241             }
 242             rel2 {
 243                relative: 0.0 1.0;
 244                to_x: "padding_right_bottom";
 245                to_y: "padding_left_top";
 246             }
 247             fixed: 0 1;
 248          }
 249          description { state: "visible" 0.0;
 250             fixed: 0 1;
 251             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 252             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 253             rel1 {
 254                relative: 1.0 1.0;
 255                to: "padding_left_top";
 256             }
 257             rel2 {
 258                relative: 0.0 0.0;
 259                to_x: "padding_right_bottom";
 260                to_y: "padding_before_text";
 261             }
 262             aspect: 1.0 1.0;
 263             aspect_preference: HORIZONTAL;
 264          }
 265          description { state: "icononly" 0.0;
 266             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 267             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 268             rel1 {
 269                relative: 1.0 1.0;
 270                to: "padding_left_top";
 271             }
 272             rel2 {
 273                relative: 0.0 0.0;
 274                to: "padding_right_bottom";
 275             }
 276             aspect: 1.0 1.0;
 277             aspect_preference: HORIZONTAL;
 278          }
 279       }
 280       part { name: "elm.swallow.icon_new";
 281          type: SWALLOW;
 282          scale: 1;
 283          clip_to: "elm.icon_new.clipper";
 284          description { state: "default" 0.0;
 285             visible: 0;
 286             align: 0.5 0.0;
 287             rel1 {
 288                relative: 1.0 1.0;
 289                to: "padding_left_top";
 290             }
 291             rel2 {
 292                relative: 0.0 1.0;
 293                to_x: "padding_right_bottom";
 294                to_y: "padding_left_top";
 295             }
 296             fixed: 0 1;
 297          }
 298          description { state: "visible" 0.0;
 299             fixed: 0 1;
 300             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 301             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 302             rel1 {
 303                relative: 1.0 1.0;
 304                to: "padding_left_top";
 305             }
 306             rel2 {
 307                relative: 0.0 0.0;
 308                to_x: "padding_right_bottom";
 309                to_y: "padding_before_text";
 310             }
 311             aspect: 1.0 1.0;
 312             aspect_preference: HORIZONTAL;
 313          }
 314          description { state: "icononly" 0.0;
 315             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 316             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
 317             rel1 {
 318                relative: 1.0 1.0;
 319                to: "padding_left_top";
 320             }
 321             rel2 {
 322                relative: 0.0 0.0;
 323                to: "padding_right_bottom";
 324             }
 325             aspect: 1.0 1.0;
 326             aspect_preference: HORIZONTAL;
 327          }
 328       }
 329       part { name: "elm.text";
 330          type: TEXTBLOCK;
 331          mouse_events: 0;
 332          scale: 1;
 333          clip_to: "elm.text.clipper";
 334          description { state: "default" 0.0;
 335             visible: 1;
 336             rel1 {
 337                relative: 1.0 1.0;
 338                to_x: "padding_left_top";
 339                to_y: "padding_after_icon";
 340             }
 341             rel2 {
 342                relative: 0.0 0.0;
 343                to: "padding_right_bottom";
 344             }
 345             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
 346             fixed: 1 1;
 347             text {
 348                style: "toolbar_style";
 349                min: 0 1;
 350                max: 0 1;
 351             }
 352          }
 353          description { state: "selected" 0.0;
 354             inherit: "default" 0.0;
 355             visible: 1;
 356          }
 357          description { state: "visible" 0.0;
 358             inherit: "default" 0.0;
 359             visible: 1;
 360          }
 361          description { state: "clicked" 0.0;
 362             inherit: "default" 0.0;
 363             visible: 1;
 364             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
 365          }
 366          description { state: "focused" 0.0;
 367             inherit: "default" 0.0;
 368             visible: 1;
 369             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
 370          }
 371       }
 372       part { name: "elm.text_new";
 373          type: TEXTBLOCK;
 374          mouse_events: 0;
 375          scale: 1;
 376          clip_to: "elm.text_new.clipper";
 377          description { state: "default" 0.0;
 378             visible: 1;
 379             rel1 {
 380                relative: 1.0 1.0;
 381                to_x: "padding_left_top";
 382                to_y: "padding_after_icon";
 383             }
 384             rel2 {
 385                relative: 0.0 0.0;
 386                to: "padding_right_bottom";
 387             }
 388             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
 389             fixed: 1 1;
 390             text {
 391                style: "toolbar_style";
 392                min: 0 1;
 393                max: 0 1;
 394             }
 395          }
 396          description { state: "visible" 0.0;
 397             inherit: "default" 0.0;
 398             visible: 1;
 399          }
 400          description { state: "clicked" 0.0;
 401             inherit: "default" 0.0;
 402             visible: 1;
 403             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
 404          }
 405          description { state: "focused" 0.0;
 406             inherit: "default" 0.0;
 407             visible: 1;
 408             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
 409          }
 410       }
 411       part { name: "elm.text.clipper";
 412          type: RECT;
 413          description { state: "default" 0.0;
 414             color: 255 255 255 255;
 415          }
 416          description { state: "animation" 0.0;
 417             color: 255 255 255 0;
 418          }
 419          description { state: "disabled" 0.0;
 420             color: 255 255 255 153;
 421          }
 422       }
 423       part { name: "elm.text_new.clipper";
 424          type: RECT;
 425          description { state: "default" 0.0;
 426             color: 255 255 255 0;
 427          }
 428          description { state: "animation" 0.0;
 429             color: 255 255 255 255;
 430          }
 431       }
 432       part { name: "elm.icon.clipper";
 433          type: RECT;
 434          description { state: "default" 0.0;
 435             color: 255 255 255 255;
 436          }
 437          description { state: "animation" 0.0;
 438             color: 255 255 255 0;
 439          }
 440          description { state: "disabled" 0.0;
 441             color: 255 255 255 153;
 442          }
 443       }
 444       part { name: "elm.icon_new.clipper";
 445          type: RECT;
 446          description { state: "default" 0.0;
 447             color: 255 255 255 0;
 448          }
 449          description { state: "animation" 0.0;
 450             color: 255 255 255 255;
 451          }
 452       }
 453       part { name: "event";
 454          type: RECT;
 455          mouse_events: 1;
 456          ignore_flags: ON_HOLD;
 457          description { state: "default" 0.0;
 458             color: 0 0 0 0;
 459          }
 460       }
 461       part { name: "event2";
 462          type: RECT;
 463          mouse_events: 1;
 464          repeat_events: 1;
 465          description { state: "default" 0.0;
 466             color: 0 0 0 0;
 467          }
 468       }
 469    }
 470    programs {
 471       program { name: "pressed";
 472          signal:  "mouse,down,1";
 473          source:  "event";
 474          script {
 475             if (get_int(item_state) != ITEM_STATE_DISABLED)
 476               set_state(PART:"bg", "selected", 0.0);
 477          }
 478          transition: LINEAR 0.2;
 479       }
 480       program { name: "unpressed";
 481          signal:  "mouse,up,1";
 482          source:  "event2";
 483          action:  STATE_SET "default" 0.0;
 484          target:  "bg";
 485          transition: LINEAR 0.1;
 486       }
 487       program { name: "go";
 488          signal:  "mouse,up,1";
 489          source:  "event";
 490          action:  SIGNAL_EMIT "elm,action,click" "elm";
 491       }
 492       program { name: "mouse,in";
 493          signal:  "mouse,in";
 494          source:  "event";
 495          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
 496       }
 497       program { name: "mouse,out";
 498          signal:  "mouse,out";
 499          source:  "event";
 500          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
 501       }
 502       program { name: "disable";
 503          signal: "elm,state,disabled";
 504          source: "elm";
 505          action: STATE_SET "disabled" 0.0;
 506          target: "bg";
 507          after: "disable_text";
 508       }
 509       program { name: "disable_text";
 510          script {
 511             new st[31];
 512             new Float:vl;
 513             get_state(PART:"elm.text", st, 30, vl);
 514             if (!strcmp(st, "visible"))
 515             {
 516                set_state(PART:"elm.text", "disabled_visible", 0.0);
 517                set_state(PART:"elm.text_new", "disabled_visible", 0.0);
 518             }
 519             else
 520             {
 521                set_state(PART:"elm.text", "disabled", 0.0);
 522                set_state(PART:"elm.text_new", "disabled", 0.0);
 523             }
 524             set_state(PART:"elm.text.clipper", "disabled", 0.0);
 525             set_state(PART:"elm.icon.clipper", "disabled", 0.0);
 526             set_int(item_state, ITEM_STATE_DISABLED);
 527          }
 528       }
 529       program { name: "enable";
 530          signal: "elm,state,enabled";
 531          source: "elm";
 532          action: STATE_SET "default" 0.0;
 533          target: "bg";
 534          after: "enable_text";
 535       }
 536       program { name: "enable_text";
 537          script {
 538             new st[31];
 539             new Float:vl;
 540             get_state(PART:"elm.text", st, 30, vl);
 541             if (!strcmp(st, "disabled_visible"))
 542             {
 543                set_state(PART:"elm.text", "visible", 0.0);
 544                set_state(PART:"elm.text_new", "visible", 0.0);
 545             }
 546             else
 547             {
 548                set_state(PART:"elm.text", "default", 0.0);
 549                set_state(PART:"elm.text_new", "default", 0.0);
 550             }
 551             set_state(PART:"elm.text.clipper", "default", 0.0);
 552             set_state(PART:"elm.icon.clipper", "default", 0.0);
 553             set_int(item_state, ITEM_STATE_ENABLED);
 554          }
 555       }
 556       program { name: "label_set,animation,forward";
 557          signal: "elm,state,label_set,forward";
 558          source: "elm";
 559          after: "label_set,animation";
 560       }
 561       program { name: "label_set,animation,backward";
 562          signal: "elm,state,label_set,backward";
 563          source: "elm";
 564          after: "label_set,animation";
 565       }
 566       program { name: "label_set,animation";
 567          signal: "elm,state,label_set";
 568          source: "elm";
 569          action: STATE_SET "animation" 0.0;
 570          target: "elm.text.clipper";
 571          target: "elm.text_new.clipper";
 572          transition: LINEAR 0.2;
 573          after: "label_set,animation,done";
 574       }
 575       program { name: "label_set,animation,done";
 576          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
 577       }
 578       program { name: "label,reset";
 579          signal: "elm,state,label,reset";
 580          source: "elm";
 581          action: STATE_SET "default" 0.0;
 582          target: "elm.text.clipper";
 583          target: "elm.text_new.clipper";
 584       }
 585       program { name: "icon_set,animation,forward";
 586          signal: "elm,state,icon_set,forward";
 587          source: "elm";
 588          after: "icon_set,animation";
 589       }
 590       program { name: "icon_set,animation,backward";
 591          signal: "elm,state,icon_set,backward";
 592          source: "elm";
 593          after: "icon_set,animation";
 594       }
 595       program { name: "icon_set,animation";
 596          signal: "elm,state,icon_set";
 597          source: "elm";
 598          action: STATE_SET "animation" 0.0;
 599          target: "elm.icon.clipper";
 600          target: "elm.icon_new.clipper";
 601          transition: LINEAR 0.2;
 602          after: "icon_set,animation,done";
 603       }
 604       program { name: "icon_set,animation,done";
 605          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
 606       }
 607       program { name: "icon,reset";
 608          signal: "elm,state,icon,reset";
 609          source: "elm";
 610          action: STATE_SET "default" 0.0;
 611          target: "elm.icon.clipper";
 612          target: "elm.icon_new.clipper";
 613       }
 614       program { name: "text_show";
 615          signal: "elm,state,text,visible";
 616          source: "elm";
 617          script {
 618             new st[31];
 619             new Float:vl;
 620             get_state(PART:"elm.swallow.icon", st, 30, vl);
 621             if (!strcmp(st, "icononly"))
 622               {
 623                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
 624                  set_state(PART:"icon_rect", "visible", 0.0);
 625                  set_state(PART:"padding_after_icon", "visible", 0.0);
 626               }
 627             set_state(PART:"elm.text", "visible", 0.0);
 628          }
 629       }
 630       program { name: "text_hide";
 631          signal: "elm,state,text,hidden";
 632          source: "elm";
 633          script {
 634             new st[31];
 635             new Float:vl;
 636             get_state(PART:"elm.swallow.icon", st, 30, vl);
 637             if (!strcmp(st, "visible"))
 638               {
 639                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
 640                  set_state(PART:"icon_rect", "icononly", 0.0);
 641                  set_state(PART:"padding_after_icon", "icononly", 0.0);
 642               }
 643             set_state(PART:"elm.text", "default", 0.0);
 644          }
 645       }
 646       program { name: "icon_show";
 647          signal: "elm,state,icon,visible";
 648          source: "elm";
 649          script {
 650             new st[31];
 651             new Float:vl;
 652             get_state(PART:"elm.text", st, 30, vl);
 653             if (!strcmp(st, "visible"))
 654               {
 655                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
 656                  set_state(PART:"icon_rect", "visible", 0.0);
 657                  set_state(PART:"padding_after_icon", "visible", 0.0);
 658               }
 659             else
 660               {
 661                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
 662                  set_state(PART:"icon_rect", "icononly", 0.0);
 663                  set_state(PART:"padding_after_icon", "icononly", 0.0);
 664               }
 665          }
 666       }
 667    }
 668 }
 669
 670 group { name: "elm/toolbar/item/gallery/item_horizontal";
 671    inherit: "elm/toolbar/item/gallery/default";
 672    script {
 673       public item_state = ITEM_STATE_ENABLED;
 674    }
 675    parts {
 676       part { name: "icon_rect";
 677          description { state: "default" 0.0;
 678             fixed: 1 0;
 679             align: 0.0 0.5;
 680          }
 681          description { state: "visible" 0.0;
 682             fixed: 1 0;
 683             rel2 {
 684                relative: 1.0 0.0;
 685                to_x: "padding_left_top";
 686                to_y: "padding_right_bottom";
 687             }
 688             align: 0.0 0.5;
 689          }
 690       }
 691       part { name: "padding_after_icon";
 692          description { state: "default" 0.0; //when only icon or no icon is there
 693             rel1.relative: 1.0 0.0;
 694             fixed: 1 1;
 695          }
 696          description { state: "visible" 0.0;
 697             inherit: "default" 0.0;
 698             min: 6 0;
 699          }
 700       }
 701       part { name: "padding_before_text";
 702          description { state: "default" 0.0; //when only icon or no icon is there
 703             align: 1.0 0.5;
 704             rel1 {
 705                relative: 0.0 1.0;
 706                to_x: "elm.text";
 707                to_y: "padding_left_top";
 708             }
 709             rel2 {
 710                to_x: "elm.text";
 711                to_y: "padding_right_bottom";
 712             }
 713             fixed: 1 0;
 714             min: 6 0;
 715          }
 716       }
 717       part { name: "elm.swallow.icon";
 718          description { state: "default" 0.0;
 719             align: 0.0 0.5;
 720             rel2 {
 721                relative: 1.0 0.0;
 722                to_x: "padding_left_top";
 723                to_y: "padding_right_bottom";
 724             }
 725             fixed: 1 0;
 726          }
 727          description { state: "visible" 0.0;
 728             fixed: 1 0;
 729             align: 1.0 0.5;
 730             rel1 {
 731                relative: 0.0 1.0;
 732                to_x: "padding_before_text";
 733                to_y: "padding_left_top";
 734             }
 735             rel2 {
 736                relative: 0.0 0.0;
 737                to_x: "padding_before_text";
 738                to_y: "padding_right_bottom";
 739             }
 740             aspect_preference: VERTICAL;
 741          }
 742          description { state: "icononly" 0.0;
 743             aspect_preference: VERTICAL;
 744          }
 745       }
 746       part { name: "elm.swallow.icon_new";
 747          description { state: "default" 0.0;
 748             align: 0.0 0.5;
 749             rel2 {
 750                relative: 1.0 0.0;
 751                to_x: "padding_left_top";
 752                to_y: "padding_right_bottom";
 753             }
 754             fixed: 1 0;
 755          }
 756          description { state: "visible" 0.0;
 757             fixed: 1 0;
 758             align: 1.0 0.5;
 759             rel1 {
 760                relative: 0.0 1.0;
 761                to_x: "padding_before_text";
 762                to_y: "padding_left_top";
 763             }
 764             rel2 {
 765                relative: 0.0 0.0;
 766                to_x: "padding_before_text";
 767                to_y: "padding_right_bottom";
 768             }
 769             aspect_preference: VERTICAL;
 770          }
 771          description { state: "icononly" 0.0;
 772             aspect_preference: VERTICAL;
 773          }
 774       }
 775       part { name: "elm.text";
 776          type: TEXTBLOCK;
 777          description { state: "default" 0.0;
 778             rel1 {
 779                relative: 1.0 1.0;
 780                to_x: "padding_after_icon";
 781                to_y: "padding_left_top";
 782             }
 783             text {
 784                style: "toolbar_style";
 785                min: 1 0;
 786                max: 1 0;
 787             }
 788          }
 789          description { state: "selected" 0.0;
 790             inherit: "default" 0.0;
 791             visible: 1;
 792          }
 793          description { state: "visible" 0.0;
 794             inherit: "default" 0.0;
 795             visible: 1;
 796          }
 797          description { state: "clicked" 0.0;
 798             inherit: "default" 0.0;
 799             visible: 1;
 800             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
 801          }
 802          description { state: "focused" 0.0;
 803             inherit: "default" 0.0;
 804             visible: 1;
 805             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
 806          }
 807       }
 808       part { name: "elm.text_new";
 809          type: TEXTBLOCK;
 810          description { state: "default" 0.0;
 811             rel1 {
 812                relative: 1.0 1.0;
 813                to_x: "padding_after_icon";
 814                to_y: "padding_left_top";
 815             }
 816             text {
 817                style: "toolbar_style";
 818                min: 1 0;
 819                max: 1 0;
 820             }
 821          }
 822          description { state: "selected" 0.0;
 823             inherit: "default" 0.0;
 824             visible: 1;
 825          }
 826          description { state: "visible" 0.0;
 827             inherit: "default" 0.0;
 828             visible: 1;
 829          }
 830          description { state: "clicked" 0.0;
 831             inherit: "default" 0.0;
 832             visible: 1;
 833             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
 834          }
 835          description { state: "focused" 0.0;
 836             inherit: "default" 0.0;
 837             visible: 1;
 838             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
 839          }
 840       }
 841    }
 842 }
 843
 844 group { name: "elm/toolbar/separator/gallery/default";
 845    images {
 846       image: GALLERY_EDC_IMAGE_SEPARATOR_V COMP;
 847    }
 848    parts {
 849       part { name: "separator"; // separator group
 850          description { state: "default" 0.0;
 851             min: 2 2;
 852             max: 2 9999;
 853             rel1.offset: 4 4;
 854             rel2.offset: -5 -5;
 855             image {
 856                normal: GALLERY_EDC_IMAGE_SEPARATOR_V;
 857             }
 858             fill {
 859                smooth: 0;
 860             }
 861          }
 862       }
 863    }
 864 }
 865
 866 group { name: "elm/toolbar/object/gallery/default";
 867    parts {
 868       part { name: "elm.swallow.object"; // object group
 869          type: SWALLOW;
 870          description {
 871              state: "default" 0.0;
 872          }
 873       }
 874    }
 875 }
 876
 877 group { name: "elm/toolbar/base/gallery/tabbar";
 878    images {
 879       image: GALLERY_EDC_IMAGE_CONTROL_TABBAR_BG_TOP COMP;
 880    }
 881
 882    parts {
 883       part { name: "base";
 884          mouse_events: 1;
 885          description { state: "default" 0.0;
 886             image.normal: GALLERY_EDC_IMAGE_CONTROL_TABBAR_BG_TOP;
 887          }
 888       }
 889       part { name: "clipper";
 890          type: RECT;
 891          mouse_events: 0;
 892          description {
 893             state: "default" 0.0;
 894             rel1 {
 895                to: "base";
 896                offset: 2 2;
 897             }
 898             rel2 {
 899                to: "base";
 900                offset: -3 -3;
 901             }
 902          }
 903       }
 904       part { name: "elm.swallow.content";
 905          clip_to: "clipper";
 906          type: SWALLOW;
 907          description {
 908             state: "default" 0.0;
 909             rel1.to: "clipper";
 910             rel2.to: "clipper";
 911          }
 912       }
 913       part { name: "event";
 914          type: RECT;
 915          mouse_events: 1;
 916          repeat_events: 1;
 917          description { state: "default" 0.0;
 918             color: 0 0 0 0;
 919          }
 920       }
 921    }
 922 }
 923
 924 group { name: "elm/toolbar/item/gallery/tabbar";
 925    alias: "elm/toolbar/item/gallery/tabbar/item_horizontal";
 926    images {
 927       image: GALLERY_EDC_IMAGE_TABBAR_FOCUS COMP;
 928    }
 929
 930    data.item: "transition_animation_on" "1";
 931    parts {
 932       part { name: "bg";
 933          mouse_events: 0;
 934          description { state: "default" 0.0;
 935             visible: 0;
 936             color: 255 255 255 0;
 937             image {
 938                normal: GALLERY_EDC_IMAGE_TABBAR_FOCUS;
 939             }
 940             image.middle: SOLID;
 941             fill.smooth: 0;
 942          }
 943          description { state: "selected" 0.0;
 944             inherit: "default" 0.0;
 945             visible: 1;
 946             color: 255 255 255 255;
 947          }
 948          description { state: "disabled" 0.0;
 949             inherit: "default" 0.0;
 950             visible: 0;
 951             color: 255 255 255 0;
 952          }
 953       }
 954       part { name: "padding_left_top";
 955             type: RECT;
 956             scale: 1;
 957             mouse_events: 0;
 958             description { state: "default" 0.0;
 959                align: 0.0 0.0;
 960                rel2.relative: 0.0 0.0;
 961                min: 10 8;
 962                fixed: 1 1;
 963                visible: 1;
 964                color: 0 0 0 0;
 965             }
 966          }
 967       part { name: "padding_right_bottom";
 968          type: RECT;
 969          scale: 1;
 970          mouse_events: 0;
 971          description { state: "default" 0.0;
 972             align: 1.0 1.0;
 973             rel1.relative: 1.0 1.0;
 974             min: 10 5;
 975             fixed: 1 1;
 976             visible: 1;
 977             color: 0 0 0 0;
 978          }
 979       }
 980       part {
 981          name: "icon_rect";
 982          type: RECT;
 983          scale: 1;
 984          mouse_events: 0;
 985          description { state: "default" 0.0;
 986             min: 0 0;
 987             fixed: 0 1;
 988             rel1 {
 989                relative: 1.0 1.0;
 990                to: "padding_left_top";
 991             }
 992             rel2 {
 993                relative: 0.0 1.0;
 994                to_x: "padding_right_bottom";
 995                to_y: "padding_left_top";
 996             }
 997             align: 0.5 0.0;
 998             color: 0 0 0 0;
 999          }
1000          description { state: "visible" 0.0;
1001             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1002             fixed: 0 1;
1003             rel1 {
1004                relative: 1.0 1.0;
1005                to: "padding_left_top";
1006             }
1007             rel2 {
1008                relative: 0.0 1.0;
1009                to_x: "padding_right_bottom";
1010                to_y: "padding_left_top";
1011             }
1012             align: 0.5 0.0;
1013             color: 0 0 0 0;
1014          }
1015          description { state: "icononly" 0.0;
1016             inherit: "default" 0.0;
1017          }
1018       }
1019       part { name: "padding_after_icon";
1020          type: RECT;
1021          scale: 1;
1022          mouse_events: 0;
1023          description { state: "default" 0.0; //when only icon or no icon is there
1024             align: 0.0 0.0;
1025             rel1 {
1026                relative: 0.0 1.0;
1027                to: "icon_rect";
1028             }
1029             rel2.to: "icon_rect";
1030             fixed: 0 1;
1031             min: 0 0;
1032             color: 0 0 0 0;
1033          }
1034          description { state: "visible" 0.0;
1035             align: 0.0 0.0;
1036             rel1 {
1037                relative: 0.0 1.0;
1038                to: "icon_rect";
1039             }
1040             rel2.to: "icon_rect";
1041             fixed: 0 1;
1042             min: 0 0;
1043             color: 0 0 0 0;
1044          }
1045          description { state: "icononly" 0.0;
1046             inherit: "default" 0.0;
1047          }
1048       }
1049       part { name: "padding_before_text";
1050          type: RECT;
1051          scale: 1;
1052          mouse_events: 0;
1053          description { state: "default" 0.0; //when only icon or no icon is there
1054             align: 0.5 1.0;
1055             rel1 {
1056                relative: 1.0 0.0;
1057                to_x: "padding_left_top";
1058                to_y: "elm.text";
1059             }
1060             rel2 {
1061                relative: 0.0 0.0;
1062                to_x: "padding_right_bottom";
1063                to_y: "elm.text";
1064             }
1065             fixed: 0 1;
1066             min: 0 0;
1067             color: 0 0 0 0;
1068          }
1069       }
1070       part { name: "elm.swallow.icon";
1071          type: SWALLOW;
1072          scale: 1;
1073          clip_to: "elm.icon.clipper";
1074          description { state: "default" 0.0;
1075             visible: 0;
1076             align: 0.5 0.0;
1077             rel1 {
1078                relative: 1.0 1.0;
1079                to: "padding_left_top";
1080             }
1081             rel2 {
1082                relative: 0.0 1.0;
1083                to_x: "padding_right_bottom";
1084                to_y: "padding_left_top";
1085             }
1086             fixed: 0 1;
1087          }
1088          description { state: "visible" 0.0;
1089             fixed: 0 1;
1090             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1091             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1092             rel1 {
1093                relative: 1.0 1.0;
1094                to: "padding_left_top";
1095             }
1096             rel2 {
1097                relative: 0.0 0.0;
1098                to_x: "padding_right_bottom";
1099                to_y: "padding_before_text";
1100             }
1101             aspect: 1.0 1.0;
1102             aspect_preference: HORIZONTAL;
1103          }
1104          description { state: "icononly" 0.0;
1105             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1106             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1107             rel1 {
1108                relative: 1.0 1.0;
1109                to: "padding_left_top";
1110             }
1111             rel2 {
1112                relative: 0.0 0.0;
1113                to: "padding_right_bottom";
1114             }
1115             aspect: 1.0 1.0;
1116             aspect_preference: HORIZONTAL;
1117          }
1118       }
1119       part { name: "elm.swallow.icon_new";
1120          type: SWALLOW;
1121          scale: 1;
1122          clip_to: "elm.icon_new.clipper";
1123          description { state: "default" 0.0;
1124             visible: 0;
1125             align: 0.5 0.0;
1126             rel1 {
1127                relative: 1.0 1.0;
1128                to: "padding_left_top";
1129             }
1130             rel2 {
1131                relative: 0.0 1.0;
1132                to_x: "padding_right_bottom";
1133                to_y: "padding_left_top";
1134             }
1135             fixed: 0 1;
1136          }
1137          description { state: "visible" 0.0;
1138             fixed: 0 1;
1139             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1140             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1141             rel1 {
1142                relative: 1.0 1.0;
1143                to: "padding_left_top";
1144             }
1145             rel2 {
1146                relative: 0.0 0.0;
1147                to_x: "padding_right_bottom";
1148                to_y: "padding_before_text";
1149             }
1150             aspect: 1.0 1.0;
1151             aspect_preference: HORIZONTAL;
1152          }
1153          description { state: "icononly" 0.0;
1154             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1155             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1156             rel1 {
1157                relative: 1.0 1.0;
1158                to: "padding_left_top";
1159             }
1160             rel2 {
1161                relative: 0.0 0.0;
1162                to: "padding_right_bottom";
1163             }
1164             aspect: 1.0 1.0;
1165             aspect_preference: HORIZONTAL;
1166          }
1167       }
1168       part { name: "elm.text";
1169          type: TEXTBLOCK;
1170          mouse_events: 0;
1171          scale: 1;
1172          clip_to: "elm.text.clipper";
1173          description { state: "default" 0.0;
1174             visible: 1;
1175             rel1 {
1176                relative: 1.0 1.0;
1177                to_x: "padding_left_top";
1178                to_y: "padding_after_icon";
1179             }
1180             rel2 {
1181                relative: 0.0 0.0;
1182                to: "padding_right_bottom";
1183             }
1184             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
1185             fixed: 1 1;
1186             text {
1187                style: "toolbar_style";
1188                min: 0 1;
1189                max: 0 1;
1190             }
1191          }
1192          description { state: "selected" 0.0;
1193             inherit: "default" 0.0;
1194             visible: 1;
1195          }
1196          description { state: "visible" 0.0;
1197             inherit: "default" 0.0;
1198             visible: 1;
1199          }
1200          description { state: "clicked" 0.0;
1201             inherit: "default" 0.0;
1202             visible: 1;
1203             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1204          }
1205          description { state: "focused" 0.0;
1206             inherit: "default" 0.0;
1207             visible: 1;
1208             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1209          }
1210       }
1211       part { name: "elm.text_new";
1212          type: TEXTBLOCK;
1213          mouse_events: 0;
1214          scale: 1;
1215          clip_to: "elm.text_new.clipper";
1216          description { state: "default" 0.0;
1217             visible: 1;
1218             rel1 {
1219                relative: 1.0 1.0;
1220                to_x: "padding_left_top";
1221                to_y: "padding_after_icon";
1222             }
1223             rel2 {
1224                relative: 0.0 0.0;
1225                to: "padding_right_bottom";
1226             }
1227             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
1228             fixed: 1 1;
1229             text {
1230                style: "toolbar_style";
1231                min: 0 1;
1232                max: 0 1;
1233             }
1234          }
1235          description { state: "visible" 0.0;
1236             inherit: "default" 0.0;
1237             visible: 1;
1238          }
1239          description { state: "clicked" 0.0;
1240             inherit: "default" 0.0;
1241             visible: 1;
1242             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1243          }
1244          description { state: "focused" 0.0;
1245             inherit: "default" 0.0;
1246             visible: 1;
1247             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1248          }
1249       }
1250       part { name: "elm.text.clipper";
1251          type: RECT;
1252          description { state: "default" 0.0;
1253             color: 255 255 255 255;
1254          }
1255          description { state: "animation" 0.0;
1256             color: 255 255 255 0;
1257          }
1258          description { state: "disabled" 0.0;
1259             color: 255 255 255 153;
1260          }
1261       }
1262       part { name: "elm.text_new.clipper";
1263          type: RECT;
1264          description { state: "default" 0.0;
1265             color: 255 255 255 0;
1266          }
1267          description { state: "animation" 0.0;
1268             color: 255 255 255 255;
1269          }
1270       }
1271       part { name: "elm.icon.clipper";
1272          type: RECT;
1273          description { state: "default" 0.0;
1274             color: 255 255 255 255;
1275          }
1276          description { state: "animation" 0.0;
1277             color: 255 255 255 0;
1278          }
1279          description { state: "disabled" 0.0;
1280             color: 255 255 255 153;
1281          }
1282       }
1283       part { name: "elm.icon_new.clipper";
1284          type: RECT;
1285          description { state: "default" 0.0;
1286             color: 255 255 255 0;
1287          }
1288          description { state: "animation" 0.0;
1289             color: 255 255 255 255;
1290          }
1291       }
1292       part { name: "event";
1293          type: RECT;
1294          mouse_events: 1;
1295          ignore_flags: ON_HOLD;
1296          description { state: "default" 0.0;
1297             color: 0 0 0 0;
1298          }
1299       }
1300    }
1301    programs {
1302       program { name: "go_active";
1303          signal:  "elm,state,selected";
1304          source:  "elm";
1305          action:  STATE_SET "selected" 0.0;
1306          target:  "bg";
1307          transition: LINEAR 0.2;
1308       }
1309       program { name: "go_passive";
1310          signal:  "elm,state,unselected";
1311          source:  "elm";
1312          action:  STATE_SET "default" 0.0;
1313          target:  "bg";
1314          transition: LINEAR 0.1;
1315       }/*
1316          program { name: "pressed";
1317          signal:  "mouse,down,1";
1318          source:  "event";
1319          action:  STATE_SET "selected" 0.0;
1320          target:  "bg";
1321          target:  "elm.text";
1322          target:  "elm.text_new";
1323          transition: LINEAR 0.2;
1324       }
1325       program { name: "unpressed";
1326          signal:  "mouse,up,1";
1327          source:  "event";
1328          action:  STATE_SET "default" 0.0;
1329          target:  "bg";
1330          target:  "elm.text";
1331          target:  "elm.text_new";
1332          transition: LINEAR 0.1;
1333       }*/
1334       program { name: "go";
1335          signal:  "mouse,up,1";
1336          source:  "event";
1337          action:  SIGNAL_EMIT "elm,action,click" "elm";
1338       }
1339       program { name: "mouse,in";
1340          signal:  "mouse,in";
1341          source:  "event";
1342          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
1343       }
1344       program { name: "mouse,out";
1345          signal:  "mouse,out";
1346          source:  "event";
1347          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
1348       }
1349       program { name: "disable";
1350          signal: "elm,state,disabled";
1351          source: "elm";
1352          action: STATE_SET "disabled" 0.0;
1353          target: "bg";
1354          after: "disable_text";
1355       }
1356       program { name: "disable_text";
1357          script {
1358             new st[31];
1359             new Float:vl;
1360             get_state(PART:"elm.text", st, 30, vl);
1361             if (!strcmp(st, "visible"))
1362             {
1363                set_state(PART:"elm.text", "disabled_visible", 0.0);
1364                set_state(PART:"elm.text_new", "disabled_visible", 0.0);
1365             }
1366             else
1367             {
1368                set_state(PART:"elm.text", "disabled", 0.0);
1369                set_state(PART:"elm.text_new", "disabled", 0.0);
1370             }
1371             set_state(PART:"elm.text.clipper", "disabled", 0.0);
1372             set_state(PART:"elm.icon.clipper", "disabled", 0.0);
1373          }
1374       }
1375       program { name: "enable";
1376          signal: "elm,state,enabled";
1377          source: "elm";
1378          action: STATE_SET "default" 0.0;
1379          target: "bg";
1380          after: "enable_text";
1381       }
1382       program { name: "enable_text";
1383          script {
1384             new st[31];
1385             new Float:vl;
1386             get_state(PART:"elm.text", st, 30, vl);
1387             if (!strcmp(st, "disabled_visible"))
1388             {
1389                set_state(PART:"elm.text", "visible", 0.0);
1390                set_state(PART:"elm.text_new", "visible", 0.0);
1391             }
1392             else
1393             {
1394                set_state(PART:"elm.text", "default", 0.0);
1395                set_state(PART:"elm.text_new", "default", 0.0);
1396             }
1397             set_state(PART:"elm.text.clipper", "default", 0.0);
1398             set_state(PART:"elm.icon.clipper", "default", 0.0);
1399          }
1400       }
1401       program { name: "label_set,animation,forward";
1402          signal: "elm,state,label_set,forward";
1403          source: "elm";
1404          after: "label_set,animation";
1405       }
1406       program { name: "label_set,animation,backward";
1407          signal: "elm,state,label_set,backward";
1408          source: "elm";
1409          after: "label_set,animation";
1410       }
1411       program { name: "label_set,animation";
1412          signal: "elm,state,label_set";
1413          source: "elm";
1414          action: STATE_SET "animation" 0.0;
1415          target: "elm.text.clipper";
1416          target: "elm.text_new.clipper";
1417          transition: LINEAR 0.2;
1418          after: "label_set,animation,done";
1419       }
1420       program { name: "label_set,animation,done";
1421          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
1422       }
1423       program { name: "label,reset";
1424          signal: "elm,state,label,reset";
1425          source: "elm";
1426          action: STATE_SET "default" 0.0;
1427          target: "elm.text.clipper";
1428          target: "elm.text_new.clipper";
1429       }
1430       program { name: "icon_set,animation,forward";
1431          signal: "elm,state,icon_set,forward";
1432          source: "elm";
1433          after: "icon_set,animation";
1434       }
1435       program { name: "icon_set,animation,backward";
1436          signal: "elm,state,icon_set,backward";
1437          source: "elm";
1438          after: "icon_set,animation";
1439       }
1440       program { name: "icon_set,animation";
1441          signal: "elm,state,icon_set";
1442          source: "elm";
1443          action: STATE_SET "animation" 0.0;
1444          target: "elm.icon.clipper";
1445          target: "elm.icon_new.clipper";
1446          transition: LINEAR 0.2;
1447          after: "icon_set,animation,done";
1448       }
1449       program { name: "icon_set,animation,done";
1450          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
1451       }
1452       program { name: "icon,reset";
1453          signal: "elm,state,icon,reset";
1454          source: "elm";
1455          action: STATE_SET "default" 0.0;
1456          target: "elm.icon.clipper";
1457          target: "elm.icon_new.clipper";
1458       }
1459       program { name: "text_show";
1460          signal: "elm,state,text,visible";
1461          source: "elm";
1462          script {
1463             new st[31];
1464             new Float:vl;
1465             get_state(PART:"elm.swallow.icon", st, 30, vl);
1466             if (!strcmp(st, "icononly"))
1467               {
1468                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
1469                  set_state(PART:"icon_rect", "visible", 0.0);
1470                  set_state(PART:"padding_after_icon", "visible", 0.0);
1471               }
1472             set_state(PART:"elm.text", "visible", 0.0);
1473          }
1474       }
1475       program { name: "text_hide";
1476          signal: "elm,state,text,hidden";
1477          source: "elm";
1478          script {
1479             new st[31];
1480             new Float:vl;
1481             get_state(PART:"elm.swallow.icon", st, 30, vl);
1482             if (!strcmp(st, "visible"))
1483               {
1484                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
1485                  set_state(PART:"icon_rect", "icononly", 0.0);
1486                  set_state(PART:"padding_after_icon", "icononly", 0.0);
1487               }
1488             set_state(PART:"elm.text", "default", 0.0);
1489          }
1490       }
1491       program { name: "icon_show";
1492          signal: "elm,state,icon,visible";
1493          source: "elm";
1494          script {
1495             new st[31];
1496             new Float:vl;
1497             get_state(PART:"elm.text", st, 30, vl);
1498             if (!strcmp(st, "visible"))
1499               {
1500                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
1501                  set_state(PART:"icon_rect", "visible", 0.0);
1502                  set_state(PART:"padding_after_icon", "visible", 0.0);
1503               }
1504             else
1505               {
1506                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
1507                  set_state(PART:"icon_rect", "icononly", 0.0);
1508                  set_state(PART:"padding_after_icon", "icononly", 0.0);
1509               }
1510          }
1511       }
1512    }
1513 }
1514
1515 group { name: "elm/toolbar/item/gallery/tabbar/item_horizontal";
1516    inherit: "elm/toolbar/item/gallery/tabbar";
1517    script {
1518       public item_state = ITEM_STATE_ENABLED;
1519    }
1520    parts {
1521       part { name: "icon_rect";
1522          description { state: "default" 0.0;
1523             fixed: 1 0;
1524             align: 0.0 0.5;
1525          }
1526          description { state: "visible" 0.0;
1527             fixed: 1 0;
1528             rel2 {
1529                relative: 1.0 0.0;
1530                to_x: "padding_left_top";
1531                to_y: "padding_right_bottom";
1532             }
1533             align: 0.0 0.5;
1534          }
1535       }
1536       part { name: "padding_after_icon";
1537          description { state: "default" 0.0; //when only icon or no icon is there
1538             rel1.relative: 1.0 0.0;
1539             fixed: 1 1;
1540          }
1541          description { state: "visible" 0.0;
1542             inherit: "default" 0.0;
1543             min: 6 0;
1544          }
1545       }
1546       part { name: "padding_before_text";
1547          description { state: "default" 0.0; //when only icon or no icon is there
1548             align: 1.0 0.5;
1549             rel1 {
1550                relative: 0.0 1.0;
1551                to_x: "elm.text";
1552                to_y: "padding_left_top";
1553             }
1554             rel2 {
1555                to_x: "elm.text";
1556                to_y: "padding_right_bottom";
1557             }
1558             fixed: 1 0;
1559             min: 6 0;
1560          }
1561       }
1562       part { name: "elm.swallow.icon";
1563          description { state: "default" 0.0;
1564             align: 0.0 0.5;
1565             rel2 {
1566                relative: 1.0 0.0;
1567                to_x: "padding_left_top";
1568                to_y: "padding_right_bottom";
1569             }
1570             fixed: 1 0;
1571          }
1572          description { state: "visible" 0.0;
1573             fixed: 1 0;
1574             align: 1.0 0.5;
1575             rel1 {
1576                relative: 0.0 1.0;
1577                to_x: "padding_before_text";
1578                to_y: "padding_left_top";
1579             }
1580             rel2 {
1581                relative: 0.0 0.0;
1582                to_x: "padding_before_text";
1583                to_y: "padding_right_bottom";
1584             }
1585             aspect_preference: VERTICAL;
1586          }
1587          description { state: "icononly" 0.0;
1588             aspect_preference: VERTICAL;
1589          }
1590       }
1591       part { name: "elm.swallow.icon_new";
1592          description { state: "default" 0.0;
1593             align: 0.0 0.5;
1594             rel2 {
1595                relative: 1.0 0.0;
1596                to_x: "padding_left_top";
1597                to_y: "padding_right_bottom";
1598             }
1599             fixed: 1 0;
1600          }
1601          description { state: "visible" 0.0;
1602             fixed: 1 0;
1603             align: 1.0 0.5;
1604             rel1 {
1605                relative: 0.0 1.0;
1606                to_x: "padding_before_text";
1607                to_y: "padding_left_top";
1608             }
1609             rel2 {
1610                relative: 0.0 0.0;
1611                to_x: "padding_before_text";
1612                to_y: "padding_right_bottom";
1613             }
1614             aspect_preference: VERTICAL;
1615          }
1616          description { state: "icononly" 0.0;
1617             aspect_preference: VERTICAL;
1618          }
1619       }
1620       part { name: "elm.text";
1621          type: TEXTBLOCK;
1622          description { state: "default" 0.0;
1623             rel1 {
1624                relative: 1.0 1.0;
1625                to_x: "padding_after_icon";
1626                to_y: "padding_left_top";
1627             }
1628             text {
1629                style: "toolbar_style";
1630                min: 1 0;
1631                max: 1 0;
1632             }
1633          }
1634          description { state: "selected" 0.0;
1635             inherit: "default" 0.0;
1636             visible: 1;
1637          }
1638          description { state: "visible" 0.0;
1639             inherit: "default" 0.0;
1640             visible: 1;
1641          }
1642          description { state: "clicked" 0.0;
1643             inherit: "default" 0.0;
1644             visible: 1;
1645             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1646          }
1647          description { state: "focused" 0.0;
1648             inherit: "default" 0.0;
1649             visible: 1;
1650             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1651          }
1652       }
1653       part { name: "elm.text_new";
1654          type: TEXTBLOCK;
1655          description { state: "default" 0.0;
1656             rel1 {
1657                relative: 1.0 1.0;
1658                to_x: "padding_after_icon";
1659                to_y: "padding_left_top";
1660             }
1661             text {
1662                style: "toolbar_style";
1663                min: 1 0;
1664                max: 1 0;
1665             }
1666          }
1667          description { state: "selected" 0.0;
1668             inherit: "default" 0.0;
1669             visible: 1;
1670          }
1671          description { state: "visible" 0.0;
1672             inherit: "default" 0.0;
1673             visible: 1;
1674          }
1675          description { state: "clicked" 0.0;
1676             inherit: "default" 0.0;
1677             visible: 1;
1678             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1679          }
1680          description { state: "focused" 0.0;
1681             inherit: "default" 0.0;
1682             visible: 1;
1683             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1684          }
1685       }
1686    }
1687 }
1688
1689 group { name: "elm/toolbar/base/naviframe";
1690    parts {
1691       part { name: "base";
1692          mouse_events: 1;
1693          description { state: "default" 0.0;
1694             color: 0 0 0 0;
1695          }
1696       }
1697       part { name: "clipper";
1698          type: RECT;
1699          mouse_events: 0;
1700          description {
1701             state: "default" 0.0;
1702             rel1 {
1703                to: "base";
1704                offset: 2 2;
1705             }
1706             rel2 {
1707                to: "base";
1708                offset: -3 -3;
1709             }
1710          }
1711       }
1712       part { name: "elm.swallow.content";
1713          clip_to: "clipper";
1714          type: SWALLOW;
1715          description {
1716             state: "default" 0.0;
1717             rel1.to: "clipper";
1718             rel2.to: "clipper";
1719          }
1720       }
1721       part { name: "event";
1722          type: RECT;
1723          mouse_events: 1;
1724          repeat_events: 1;
1725          description { state: "default" 0.0;
1726             color: 0 0 0 0;
1727          }
1728       }
1729    }
1730 }
1731
1732 group { name: "elm/toolbar/object/naviframe";
1733    parts {
1734       part { name: "elm.swallow.object"; // object group
1735          type: SWALLOW;
1736          description {
1737              state: "default" 0.0;
1738                          rel1.offset: 5 0;
1739                          rel2.offset: -6 -1;
1740          }
1741       }
1742    }
1743 }
1744