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