edc/browser-naviframe.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 // Apply new naviframe
  19
  20 #define NAVIFRAME_TITLE_H_INC 0
  21
  22 #define NAVIFRAME_SEGMENT_TITLE_H_INC 136
  23
  24 //#define NAVIFRAME_OH_OPENED_H_INC 150
  25 #define NAVIFRAME_OH_OPENED_H_INC 74
  26
  27 #define NAVIFRAME_OH_CONTENT_H_INC 74
  28 #define NAVIFRAME_OH_PADDING_INC 16
  29 #define NAVIFRAME_OH_ARROW_SIZE_INC 19 12
  30 #define NAVIFRAME_OH_OPENED_DOUBLE_H_INC 196
  31 #define NAVIFRAME_PREV_BTN_W_INC 124
  32 #define NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 10
  33 #define NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC 124 80
  34 #define NAVIFRAME_TEXT_PADDING_INC 144
  35 #define NAVIFRAME_TEXT_PADDING_MORE_BUTTON_INC 278
  36 #define NAVIFRAME_NO_BUTTON_ICON_PADDING_INC 52
  37 #define NAVIFRAME_TEXT_PADDING_ICON_VISIBLE_INC 186
  38 #define NAVIFRAME_TITLE_SEGMENT_H_INC 74
  39 #define NAVIFRAME_TITLE_SEGMENT_FONT_SIZE_INC 28
  40 #define NAVIFRAME_TITLE_SEGMENT_TEXT_H_INC 50
  41 #define NAVIFRAME_TITLE_FONT_SIZE_INC 36
  42 #define NAVIFRAME_ICON_SIZE_INC 32 32
  43 #define NAVIFRAME_ICON_PADDING_INC 16 0
  44 #define NAVIFRAME_CONTROLBAR_PADDING_INC 5
  45 //#define NAVIFRAME_CONTROLBAR_BG_COLOR_INC 37 48 54 255  // naviframe default
  46 #define NAVIFRAME_CONTROLBAR_BG_COLOR_INC 31 31 31 255    // browser customize
  47
  48 #define NAVIFRAME_TITLE_TEXT_COLOR_INC 249 249 249 255 // browser customize
  49 #define NAVIFRAME_TITLE_BG_COLOR_INC 91 109 138 255 // browser customize
  50
  51 //#define CONTROLBAR_SMALL_HEIGHT_INC 102  // naviframe default
  52 #define CONTROLBAR_SMALL_HEIGHT_INC 114    // browser customize
  53 #define NAVIFRAME_VIEW_TRANS_TIME 0.3
  54
  55 #define NAVIFRAME_TITLE_PREV_BTN_BG_SIZE_INC 144
  56
  57 collections {
  58    group { name:"elm/naviframe/base/browser";
  59       parts {
  60          part { name: "base";
  61             description { state: "default" 0.0;
  62             }
  63          }
  64       }
  65    }
  66    group { name:"elm/naviframe/item/basic/browser";
  67       alias:"elm/naviframe/item/1line/browser";
  68       images {
  69          image: "browser-view-images/naviframe_optionheader.png" COMP; // browser customize
  70          image: "browser-view-images/naviframe_optionheader_arrow.png" COMP; // browser customize
  71       }
  72       script {
  73          public oh_show = 0;     //optionheader show/hide
  74          public oh_close = 0;    //optionheader close/open
  75          public cbar_bg = 0;     //Controlbar BG Show call count
  76          public left_btn_visible = 0; //whether left btn is shown
  77          public icon_visible = 0; //whether icon is shown
  78          public right_btn_visible = 0; //whether right btn is shown
  79          public more_btn_visible = 0; //whether more btn is shown
  80          public large_padded_center_align = 0; //large padding based on button size for center align for 1/2 buttons.
  81       }
  82       parts {
  83          part { name: "base";
  84             type: RECT;
  85             mouse_events:  0;
  86             description { state: "default" 0.0;
  87                visible: 0;
  88             }
  89             description { state: "left" 0.0;
  90                inherit: "default" 0.0;
  91                rel1.relative: -1.0 0.0;
  92                rel2.relative: 0.0 1.0;
  93             }
  94             description { state: "right" 0.0;
  95                inherit: "default" 0.0;
  96                rel1.relative: 1.0 0.0;
  97                rel2.relative: 2.0 1.0;
  98             }
  99          }
 100          part { name: "title_bg";
 101             type: RECT;
 102             scale: 1;
 103             description { state: "default" 0.0;
 104                min: 1 NAVIFRAME_TITLE_H_INC;
 105                align: 0.0 0.0;
 106                fixed: 0 1;
 107                rel1 { relative: 0.0 0.0; to: "base"; }
 108                rel2 { relative: 1.0 0.0; to: "base"; }
 109                color: NAVIFRAME_TITLE_BG_COLOR_INC;
 110             }
 111             description { state: "hide" 0.0;
 112                inherit: "default" 0.0;
 113                min: 0 0;
 114                max: 0 0;
 115                fixed: 1 1;
 116             }
 117          }
 118          part { name: "title_clip";
 119             type: RECT;
 120             mouse_events: 0;
 121             description { state: "default" 0.0;
 122                rel1 { to: "title_bg"; }
 123                rel2 { to: "title_bg"; }
 124             }
 125          }
 126          // browser customize, change the visible order of content
 127          part { name: "elm.swallow.content";
 128             type: SWALLOW;
 129             scale: 1;
 130             repeat_events: 0;
 131             clip_to: "content_clip";
 132             description { state: "default" 0.0;
 133                align: 0.0 0.0;
 134 //               rel1.relative: 0.0 1.0; // default naviframe
 135                rel1.relative: 0.0 0.0;   // browser customize
 136                rel1.to_x: "base";
 137                rel1.to_y: "optionheader_bg";
 138                rel2.relative: 1.0 0.0;  // default naviframe
 139                rel2.to_x: "base";
 140                rel2.to_y: "controlbar_bg";  // default naviframe
 141             }
 142          }
 143          part { name: "optionheader_bg";
 144             type: IMAGE;
 145             scale: 1;
 146             description { state: "default" 0.0;
 147                min: 1 0;
 148                align: 0.5 0;
 149                fixed: 0 1;
 150                rel1.to: "title_bg";
 151                rel1.relative: 0 1;
 152                rel2.to: "title_bg";
 153                visible: 0;
 154                image { normal: "browser-view-images/naviframe_optionheader.png";
 155                   border: 0 0 4 0;
 156                }
 157             }
 158             description { state: "show" 0.0;
 159                inherit: "default" 0.0;
 160                min: 1 NAVIFRAME_OH_OPENED_H_INC;
 161                visible: 1;
 162             }
 163             description { state: "hide" 0.0;
 164                inherit: "default" 0.0;
 165                min: 0 0;
 166                max: 0 0;
 167                fixed: 1 1;
 168             }
 169          }
 170          part { name: "optionheader_clip";
 171             type: RECT;
 172             mouse_events: 0;
 173             description { state: "default" 0.0;
 174                rel1 { to: "optionheader_bg"; }
 175                rel2 { to: "optionheader_bg"; }
 176             }
 177          }
 178          part { name: "optionheader_top_padding";
 179             type: RECT;
 180             scale: 1;
 181             clip_to: "optionheader_clip";
 182             description { state: "default" 0.0;
 183                min: 1 NAVIFRAME_OH_PADDING_INC;
 184                rel1 { relative: 0.0 0.0; to: "optionheader_bg"; }
 185                rel2 { relative: 1.0 0.0; to: "optionheader_bg"; }
 186                fixed: 0 1;
 187                align: 0.0 0.0;
 188                visible: 0;
 189             }
 190          }
 191          part { name: "optionheader";
 192             type: SWALLOW;
 193             scale: 1;
 194             clip_to: "optionheader_clip";
 195             description { state: "default" 0.0;
 196 //               min: 1 NAVIFRAME_OH_CONTENT_H_INC;  // naviframe default
 197                  min: 1 NAVIFRAME_OH_OPENED_H_INC;   // browser customize
 198 //               rel1 { relative: 0.0 1.0; to: "optionheader_top_padding"; }  // naviframe default
 199 //               rel2 { relative: 1.0 1.0; to: "optionheader_top_padding"; }  // naviframe default
 200                rel1 { relative: 0.0 0.0; to: "optionheader_bg"; }  // browser customize
 201                rel2 { relative: 1.0 0.0; to: "optionheader_bg"; }  // browser customize
 202                fixed: 0 1;
 203                align: 0.0 0.0;
 204             }
 205          }
 206          part { name: "optionheader_bottom_padding";
 207             type: RECT;
 208             scale: 1;
 209             clip_to: "optionheader_clip";
 210             description { state: "default" 0.0;
 211                min: 1 NAVIFRAME_OH_PADDING_INC;
 212                rel1 { relative: 0.0 1.0; to: "optionheader"; }
 213                fixed: 0 1;
 214                align: 0.0 0.0;
 215                visible: 0;
 216             }
 217          }
 218          part { name: "content_clip";
 219             type: RECT;
 220             mouse_events: 0;
 221             description { state: "default" 0.0;
 222                rel1.to: "elm.swallow.content";
 223                rel2.to: "elm.swallow.content";
 224             }
 225          }
 226          part { name: "padding_before_left_btn";
 227             type: RECT;
 228             mouse_events: 0;
 229             scale: 1;
 230             clip_to: "title_clip";
 231             description { state: "default" 0.0;
 232                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
 233                fixed: 1 0;
 234                align: 0.0 0.5;
 235                rel1 { relative: 0.0 0.0; to: "title_bg"; }
 236                rel2 { relative: 0.0 1.0; to: "title_bg"; }
 237                visible: 0;
 238             }
 239          }
 240          part { name: "padding_after_left_btn";
 241             type: RECT;
 242             scale: 1;
 243             clip_to: "title_clip";
 244             description { state: "default" 0.0;
 245                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
 246                fixed: 1 0;
 247                align: 0 0.5;
 248                rel1 { relative: 1.0 0.0; to: "title_left_btn"; }
 249                rel2 { relative: 1.0 1.0; to: "title_left_btn"; }
 250                visible: 0;
 251             }
 252          }
 253          part { name: "padding_before_more_btn";
 254             type: RECT;
 255             scale: 1;
 256             clip_to: "title_clip";
 257             description { state: "default" 0.0;
 258                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
 259                fixed: 1 0;
 260                align: 1.0 0.5;
 261                rel1 { relative: 0.0 0.0; to: "title_more_btn"; }
 262                rel2 { relative: 0.0 1.0; to: "title_more_btn"; }
 263                visible: 0;
 264             }
 265          }
 266          part { name: "padding_after_right_btn";
 267             type: RECT;
 268             mouse_events: 0;
 269             scale: 1;
 270             clip_to: "title_clip";
 271             description { state: "default" 0.0;
 272                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
 273                fixed: 1 0;
 274                align: 1.0 0.5;
 275                rel1 { relative: 1.0 0.0; to: "title_bg"; }
 276                rel2 { relative: 1.0 1.0; to: "title_bg"; }
 277                visible: 0;
 278             }
 279          }
 280          part { name: "padding_before_right_btn";
 281             type: RECT;
 282             mouse_events: 0;
 283             scale: 1;
 284             clip_to: "title_clip";
 285             description { state: "default" 0.0;
 286                min: 0 0;
 287                fixed: 1 0;
 288                align: 1.0 0.5;
 289                rel1 { relative: 0.0 0.0; to: "title_right_btn"; }
 290                rel2 { relative: 0.0 1.0; to: "title_right_btn"; }
 291                visible: 0;
 292             }
 293             description { state: "right_and_more_button" 0.0;
 294                inherit: "default" 0.0;
 295                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
 296             }
 297          }
 298          part { name: "padding_before_text";
 299             type: RECT;
 300             scale: 1;
 301             mouse_events: 0;
 302             clip_to: "title_clip";
 303             description { state: "default" 0.0;
 304                align: 1.0 0.5;
 305                rel1 { relative: 0.0 0.0; to_x: "elm.text.title"; to_y: "title_bg"; }
 306                rel2 { relative: 0.0 1.0; to_x: "elm.text.title"; to_y: "title_bg"; }
 307                fixed: 1 0;
 308                min: NAVIFRAME_ICON_PADDING_INC;
 309                visible: 0;
 310             }
 311          }
 312          part { name: "padding_center_text1";
 313             type: RECT;
 314             scale: 1;
 315             mouse_events: 0;
 316             clip_to: "title_clip";
 317             description { state: "default" 0.0;
 318                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
 319                fixed: 1 0;
 320                align: 0.0 0.0;
 321                rel1 { relative: 0.0 0.0; to: "title_bg"; }
 322                rel2 { relative: 0.0 1.0; to: "title_bg"; }
 323                visible: 0;
 324             }
 325             description { state: "visible" 0.0;
 326                inherit: "default" 0.0;
 327                min: NAVIFRAME_TEXT_PADDING_INC 0;
 328             }
 329             description { state: "icon" 0.0;
 330                inherit: "default" 0.0;
 331                min: NAVIFRAME_NO_BUTTON_ICON_PADDING_INC 0;
 332             }
 333             description { state: "icon_left_button" 0.0;
 334                inherit: "default" 0.0;
 335                min: NAVIFRAME_TEXT_PADDING_ICON_VISIBLE_INC 0;
 336             }
 337          }
 338          part { name: "padding_center_text2";
 339             type: RECT;
 340             mouse_events: 0;
 341             scale: 1;
 342             clip_to: "title_clip";
 343             description { state: "default" 0.0;
 344                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
 345                fixed: 1 0;
 346                align: 1.0 0.5;
 347                rel1 { relative: 1.0 0.0; to: "title_bg"; }
 348                rel2 { relative: 1.0 1.0; to: "title_bg"; }
 349                visible: 0;
 350             }
 351             description { state: "visible" 0.0;
 352                inherit: "default" 0.0;
 353                min: NAVIFRAME_TEXT_PADDING_INC 0;
 354             }
 355          }
 356          part { name: "elm.text.title";
 357             type: TEXT;
 358             scale: 1;
 359             clip_to: "title_clip";
 360             description { state: "default" 0.0;
 361                text { font: "SLP:style=Medium";
 362                   size: NAVIFRAME_TITLE_FONT_SIZE_INC;
 363                   min: 0 0;
 364                   max: 1 0;
 365                   align: 0.5 0.5;
 366                }
 367                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
 368                align: 0.5 0.5;
 369                fixed: 1 0;
 370                rel1 { relative: 1.0 0.0; to: "padding_center_text1"; }
 371                rel2 { relative: 0.0 1.0; to: "padding_center_text2"; }
 372             }
 373             description { state: "right_and_more_button" 0.0;
 374                inherit: "default" 0.0;
 375                rel1 { relative: 1.0 0.0; to: "padding_after_left_btn"; }
 376                rel2 { relative: 0.0 1.0; to: "padding_before_more_btn"; }
 377             }
 378          }
 379          part { name: "elm.swallow.icon";
 380             type: SWALLOW;
 381             scale: 1;
 382             clip_to: "title_clip";
 383             description { state: "default" 0.0;
 384                max: NAVIFRAME_ICON_SIZE_INC;
 385                fixed: 1 1;
 386                rel1 { relative: 0.0 0.0; to: "padding_before_text"; }
 387                rel2 { relative: 0.0 1.0; to: "padding_before_text"; }
 388                aspect: 1.0 1.0;
 389                aspect_preference: VERTICAL;
 390                align: 1.0 0.5;
 391             }
 392          }
 393          part { name: "click_event_area";
 394              ignore_flags: ON_HOLD;
 395              repeat_events: 1;
 396              description { state: "default" 0.0;
 397                 rel1 { to: "title_bg"; }
 398                 rel2 { to: "title_bg"; }
 399              }
 400          }
 401          part { name: "title_left_btn";
 402             type: SWALLOW;
 403             scale: 1;
 404             clip_to: "title_clip";
 405             description { state: "default" 0.0;
 406                max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
 407                fixed: 1 1;
 408                align: 0 0.5;
 409                rel1 { relative: 1.0 0.0; to: "padding_before_left_btn"; }
 410                rel2 { relative: 1.0 1.0; to: "padding_before_left_btn"; }
 411             }
 412          }
 413          part { name: "title_right_btn";
 414             type: SWALLOW;
 415             scale: 1;
 416             clip_to: "title_clip";
 417             description { state: "default" 0.0;
 418                max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
 419                align: 1 0.5;
 420                fixed: 1 1;
 421                rel1 { relative: 0.0 0.0; to: "padding_after_right_btn"; }
 422                rel2 { relative: 0.0 1.0; to: "padding_after_right_btn"; }
 423             }
 424          }
 425          part { name: "title_more_btn";
 426             type: SWALLOW;
 427             scale: 1;
 428             clip_to: "title_clip";
 429             description { state: "default" 0.0;
 430                max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
 431                fixed: 1 1;
 432                align: 1 0.5;
 433                rel1 { relative: 0.0 0.0; to: "padding_before_right_btn"; }
 434                rel2 { relative: 0.0 1.0; to: "padding_before_right_btn"; }
 435             }
 436          }
 437          part { name: "optionheader_arrow";
 438             type: IMAGE;
 439             scale: 1;
 440             description { state: "default" 0.0;
 441                min: NAVIFRAME_OH_ARROW_SIZE_INC;
 442                max: NAVIFRAME_OH_ARROW_SIZE_INC;
 443                fixed: 1 1;
 444 //               align: 0.5 0;  // naviframe default
 445                align: 0.5 1.0;  // browser customize
 446 //               rel1.to: "title_more_btn";  // naviframe default
 447                rel1.to: "title_bg";   // browser customize
 448                rel1.relative: 0 1;
 449 //               rel2.to: "title_more_btn";  // naviframe default
 450                rel2.to: "title_bg";   // browser customize
 451                rel2.relative: 1 1;
 452                image {
 453                   normal: "browser-view-images/naviframe_optionheader_arrow.png";
 454                }
 455                visible: 0;  // naviframe default
 456 //               visible: 1;    // browser customize
 457             }
 458             description { state: "show" 0.0;
 459                inherit: "default" 0.0;
 460                visible: 1;
 461             }
 462          }
 463          part { name: "controlbar_bg";
 464             type: RECT;
 465             scale: 1;
 466             description { state: "default" 0.0;
 467                min: 0 0;
 468                max: 999999 0;
 469                fixed: 0 1;
 470                align: 0.0 1.0;
 471                visible: 0;
 472                rel1 { to: "base"; }
 473                rel2 { to: "base"; }
 474                color: NAVIFRAME_CONTROLBAR_BG_COLOR_INC;
 475             }
 476             description { state: "show" 0.0;
 477                inherit: "default" 0.0;
 478                min: 0 CONTROLBAR_SMALL_HEIGHT_INC;
 479                max: 999999 CONTROLBAR_SMALL_HEIGHT_INC;
 480                visible: 1;
 481             }
 482          }
 483          part { name: "controlbar_clip";
 484             type: RECT;
 485             mouse_events: 0;
 486             description { state: "default" 0.0;
 487                rel1.to: "controlbar_bg";
 488                rel2.to: "controlbar_bg";
 489             }
 490          }
 491          part { name: "elm.prev_btn_bg";
 492             type: RECT;
 493             scale: 1;
 494             clip_to: "controlbar_clip";
 495             description { state: "default" 0.0;
 496                min: 0 0;
 497                fixed: 1 0;
 498                align: 1.0 0.0;
 499                rel1 { relative: 1.0 0.0; to: "controlbar_bg"; }
 500                rel2.to: "controlbar_bg";
 501                visible: 0;
 502             }
 503             description { state: "visible" 0.0;
 504                inherit: "default" 0.0;
 505                min: NAVIFRAME_TITLE_PREV_BTN_BG_SIZE_INC 0;
 506             }
 507          }
 508          part { name: "elm.swallow.prev_btn";
 509             type: SWALLOW;
 510             scale: 1;
 511             clip_to: "controlbar_clip";
 512             description { state: "default" 0.0;
 513                fixed: 1 1;
 514                align: 0.5 0.5;
 515                rel1.to: "elm.prev_btn_bg";
 516                rel2.to: "elm.prev_btn_bg";
 517             }
 518          }
 519          part { name: "controlbar";
 520             type: SWALLOW;
 521             scale: 1;
 522             clip_to: "controlbar_clip";
 523             description { state: "default" 0.0;
 524                fixed: 1 1;
 525                rel1.to: "controlbar_bg";
 526                rel2 { relative: 0.0 1.0; to: "elm.prev_btn_bg"; }
 527             }
 528          }
 529       }
 530       programs {
 531          program { name: "content_new_pushed";
 532             signal: "elm,state,new,pushed,internal";
 533             source: "";
 534             action: STATE_SET "default" 0.0;
 535             target: "base";
 536             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
 537             after: "show_finished";
 538          }
 539          program { name: "content_cur_pushed";
 540             signal: "elm,state,cur,pushed,internal";
 541             source: "";
 542             action: STATE_SET "left" 0.0;
 543             target: "base";
 544             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
 545             after: "pushed_finished";
 546          }
 547          program { name: "content_prev_popped";
 548             signal: "elm,state,prev,popped,internal";
 549             source: "";
 550             action: STATE_SET "default" 0.0;
 551             target: "base";
 552             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
 553             after: "show_finished";
 554          }
 555          program { name: "content_cur_popped";
 556             signal: "elm,state,cur,popped,internal";
 557             source: "";
 558             action: STATE_SET "right" 0.0;
 559             target: "base";
 560             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
 561             after: "popped_finished";
 562          }
 563          program { name: "cur_pushed";
 564             signal: "elm,state,cur,pushed";
 565             source: "elm";
 566             script {
 567                set_state(PART:"base", "default", 0.0);
 568                emit("elm,state,cur,pushed,internal", "");
 569             }
 570          }
 571          program { name: "new_pushed";
 572             signal: "elm,state,new,pushed";
 573             source: "elm";
 574             script {
 575                set_state(PART:"base", "right", 0.0);
 576                emit("elm,state,new,pushed,internal", "");
 577             }
 578          }
 579          program { name: "prev_popped";
 580             signal: "elm,state,prev,popped";
 581             source: "elm";
 582             script {
 583                set_state(PART:"base", "left", 0.0);
 584                emit("elm,state,prev,popped,internal", "");
 585             }
 586          }
 587          program { name: "cur_popped";
 588             signal: "elm,state,cur,popped";
 589             source: "elm";
 590             script {
 591                set_state(PART:"base", "default", 0.0);
 592                emit("elm,state,cur,popped,internal", "");
 593             }
 594          }
 595          program { name: "visible";
 596             signal: "elm,state,visible";
 597             source: "elm";
 598             action: STATE_SET "default" 0.0;
 599             target: "base";
 600          }
 601          program { name: "title_show";
 602             signal: "elm,state,title,show";
 603             source: "elm";
 604             script {
 605                set_state(PART:"title_bg", "default", 0.0);
 606                if (get_int(oh_show) == 1) {
 607                   if (get_int(oh_close) == 1) {
 608                      emit("elm,state,optionheader,instant_close", "");
 609                   }else {
 610                      emit("elm,state,optionheader,instant_open", "");
 611                   }
 612                }
 613                else
 614                  set_state(PART:"optionheader_bg", "default", 0.0);
 615             }
 616          }
 617          program { name: "title_hide";
 618             signal: "elm,state,title,hide";
 619             source: "elm";
 620             action: STATE_SET "hide" 0.0;
 621             target: "title_bg";
 622             target: "optionheader_bg";
 623          }
 624          program { name: "prev_btn_show";
 625             signal: "elm,state,prev_btn,show";
 626             source: "elm";
 627             script {
 628                emit("elm,state,controlbar_bg,show", "elm");
 629                set_state(PART:"elm.prev_btn_bg", "visible", 0.0);
 630             }
 631          }
 632          program { name: "prev_btn_hide";
 633             signal: "elm,state,prev_btn,hide";
 634             source: "elm";
 635             script {
 636                emit("elm,state,controlbar_bg,hide", "elm");
 637                set_state(PART:"elm.prev_btn_bg", "default", 0.0);
 638             }
 639          }
 640          program { name: "left_btn_show";
 641             signal: "elm,state,title_left_btn,show";
 642             source: "elm";
 643             script {
 644                set_int(left_btn_visible, 1);
 645                if (get_int(icon_visible) == 1)
 646                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
 647                else
 648                  set_state(PART:"padding_center_text1", "visible", 0.0);
 649                if ((get_int(more_btn_visible) == 1) && (get_int(right_btn_visible) == 1)) {
 650                   set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
 651                   set_int(large_padded_center_align, 0);
 652                }
 653                else {
 654                   set_state(PART:"padding_center_text2", "visible", 0.0);
 655                   set_int(large_padded_center_align, 1);
 656                }
 657             }
 658          }
 659          program { name: "left_btn_hide";
 660             signal: "elm,state,title_left_btn,hide";
 661             source: "elm";
 662             script {
 663                set_int(left_btn_visible, 0);
 664                if ((get_int(more_btn_visible) == 0) && (get_int(right_btn_visible) == 0)) {
 665                   set_state(PART:"padding_center_text2", "default", 0.0);
 666                   set_int(large_padded_center_align, 0);
 667                }
 668                else {
 669                   set_state(PART:"padding_center_text2", "visible", 0.0);
 670                   set_int(large_padded_center_align, 1);
 671                }
 672                if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
 673                   set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
 674                else if (get_int(large_padded_center_align) == 1)
 675                   set_state(PART:"padding_center_text1", "visible", 0.0);
 676                else if (get_int(icon_visible) == 1)
 677                   set_state(PART:"padding_center_text1", "icon", 0.0);
 678                else
 679                   set_state(PART:"padding_center_text1", "default", 0.0);
 680             }
 681          }
 682          program { name: "right_btn_show";
 683             signal: "elm,state,title_right_btn,show";
 684             source: "elm";
 685             script {
 686                set_int(right_btn_visible, 1);
 687                if (get_int(more_btn_visible) == 1) {
 688                   set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
 689                   set_state(PART:"padding_before_right_btn", "right_and_more_button", 0.0);
 690                   set_int(large_padded_center_align, 0);
 691                }
 692                else {
 693                   set_state(PART:"padding_center_text2", "visible", 0.0);
 694                   set_int(large_padded_center_align, 1);
 695                }
 696                if ((get_int(icon_visible) == 1) && ((get_int(left_btn_visible) == 1) ||
 697                                                     (get_int(large_padded_center_align) == 1)))
 698                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
 699                else if ((get_int(left_btn_visible) == 1) || (get_int(large_padded_center_align) == 1))
 700                  set_state(PART:"padding_center_text1", "visible", 0.0);
 701                else if (get_int(icon_visible) == 1)
 702                  set_state(PART:"padding_center_text1", "icon", 0.0);
 703                else
 704                  set_state(PART:"padding_center_text1", "default", 0.0);
 705             }
 706          }
 707          program { name: "right_btn_hide";
 708             signal: "elm,state,title_right_btn,hide";
 709             source: "elm";
 710             script {
 711                set_int(right_btn_visible, 0);
 712                set_state(PART:"padding_before_right_btn", "default", 0.0);
 713                if ((get_int(more_btn_visible) == 0) && (get_int(left_btn_visible) == 0)) {
 714                   set_state(PART:"padding_center_text2", "default", 0.0);
 715                   set_int(large_padded_center_align, 0);
 716                }
 717                else {
 718                   set_state(PART:"padding_center_text2", "visible", 0.0);
 719                   set_int(large_padded_center_align, 1);
 720                }
 721                if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
 722                   set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
 723                else if (get_int(large_padded_center_align) == 1)
 724                   set_state(PART:"padding_center_text1", "visible", 0.0);
 725                else if (get_int(icon_visible) == 1)
 726                   set_state(PART:"padding_center_text1", "icon", 0.0);
 727                else
 728                   set_state(PART:"padding_center_text1", "default", 0.0);
 729             }
 730          }
 731          program { name: "more_btn_show";
 732             signal: "elm,state,title_more_btn,show";
 733             source: "elm";
 734             script {
 735                set_int(more_btn_visible, 1);
 736                if (get_int(right_btn_visible) == 1) {
 737                   set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
 738                   set_state(PART:"padding_before_right_btn", "right_and_more_button", 0.0);
 739                   set_int(large_padded_center_align, 0);
 740                }
 741                else {
 742                   set_state(PART:"padding_center_text2", "visible", 0.0);
 743                   set_int(large_padded_center_align, 1);
 744                }
 745                if ((get_int(icon_visible) == 1) && ((get_int(left_btn_visible) == 1) ||
 746                                                     (get_int(large_padded_center_align) == 1)))
 747                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
 748                else if ((get_int(left_btn_visible) == 1) || (get_int(large_padded_center_align) == 1))
 749                  set_state(PART:"padding_center_text1", "visible", 0.0);
 750                else if (get_int(icon_visible) == 1)
 751                  set_state(PART:"padding_center_text1", "icon", 0.0);
 752                else
 753                  set_state(PART:"padding_center_text1", "default", 0.0);
 754             }
 755          }
 756          program { name: "more_btn_hide";
 757             signal: "elm,state,title_more_btn,hide";
 758             source: "elm";
 759             script {
 760                set_int(more_btn_visible, 0);
 761                set_state(PART:"padding_before_right_btn", "default", 0.0);
 762                if ((get_int(right_btn_visible) == 0) && (get_int(left_btn_visible) == 0)) {
 763                   set_state(PART:"padding_center_text2", "default", 0.0);
 764                   set_int(large_padded_center_align, 0);
 765                }
 766                else {
 767                   set_state(PART:"padding_center_text2", "visible", 0.0);
 768                   set_int(large_padded_center_align, 1);
 769                }
 770                if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
 771                   set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
 772                else if (get_int(large_padded_center_align) == 1)
 773                   set_state(PART:"padding_center_text1", "visible", 0.0);
 774                else if (get_int(icon_visible) == 1)
 775                   set_state(PART:"padding_center_text1", "icon", 0.0);
 776                else
 777                   set_state(PART:"padding_center_text1", "default", 0.0);
 778             }
 779          }
 780          program { name: "icon_show";
 781             signal: "elm,state,elm.swallow.icon,show";
 782             source: "elm";
 783             script {
 784                set_int(icon_visible, 1);
 785                if ((get_int(large_padded_center_align) == 1) || (get_int(left_btn_visible) == 1))
 786                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
 787                else
 788                  set_state(PART:"padding_center_text1", "icon", 0.0);
 789             }
 790          }
 791          program { name: "icon_hide";
 792             signal: "elm,state,elm.swallow.icon,hide";
 793             source: "elm";
 794             script {
 795                set_int(icon_visible, 0);
 796                if ((get_int(large_padded_center_align) == 1) || (get_int(left_btn_visible) == 1))
 797                  set_state(PART:"padding_center_text1", "visible", 0.0);
 798                else
 799                  set_state(PART:"padding_center_text1", "default", 0.0);
 800             }
 801          }
 802          program { name: "controlbar_show";
 803             signal: "elm,state,controlbar,show";
 804             source: "elm";
 805             script {
 806                emit("elm,state,controlbar_bg,show", "elm");
 807             }
 808          }
 809          program { name: "controlbar_hide";
 810             signal: "elm,state,controlbar,hide";
 811             source: "elm";
 812             script {
 813                emit("elm,state,controlbar_bg,hide", "elm");
 814             }
 815          }
 816          program { name: "controlbar_bg_show";
 817             signal: "elm,state,controlbar_bg,show";
 818             source: "elm";
 819             script {
 820                set_state(PART:"controlbar_bg", "show", 0.0);
 821                set_int(cbar_bg, get_int(cbar_bg) + 1);
 822             }
 823          }
 824          program { name: "controlbar_bg_hide";
 825             signal: "elm,state,controlbar_bg,hide";
 826             source: "elm";
 827             script {
 828                set_int(cbar_bg, get_int(cbar_bg) - 1);
 829                if (get_int(cbar_bg) <= 0)
 830                  set_state(PART:"controlbar_bg", "default", 0.0);
 831             }
 832          }
 833          program { name: "optionheader_show";
 834             signal: "elm,state,optionheader,show";
 835             source: "elm";
 836             script {
 837                set_state(PART:"optionheader_bg", "show", 0.0);
 838                set_state(PART:"optionheader_arrow", "show", 0.0);
 839                set_int(oh_show, 1);
 840             }
 841          }
 842          program { name: "optionheader_hide";
 843             signal: "elm,state,optionheader,hide";
 844             source: "elm";
 845             script {
 846                set_state(PART:"optionheader_bg", "default", 0.0);
 847                set_state(PART:"optionheader_arrow", "default", 0.0);
 848                set_int(oh_show, 0);
 849             }
 850          }
 851          program { name: "optionheader_open";
 852             signal: "elm,state,optionheader,open";
 853             source: "";
 854             action: STATE_SET "show" 0.0;
 855             target: "optionheader_bg";
 856             target: "optionheader_arrow";
 857             transition: LINEAR 0.2;
 858             after: "optionheader_open_set";
 859          }
 860          program { name: "optionheader_close";
 861             signal: "elm,state,optionheader,close";
 862             source: "";
 863             action: STATE_SET "default" 0.0;
 864             target: "optionheader_bg";
 865             target: "optionheader_arrow";
 866             transition: LINEAR 0.2;
 867             after: "optionheader_close_set";
 868          }
 869          program { name: "optionheader_instant_open";
 870             signal: "elm,state,optionheader,instant_open";
 871             source: "";
 872             action: STATE_SET "show" 0.0;
 873             target: "optionheader_bg";
 874             target: "optionheader_arrow";
 875             after: "optionheader_open_set";
 876          }
 877          program { name: "optionheader_instant_close";
 878             signal: "elm,state,optionheader,instant_close";
 879             source: "";
 880             action: STATE_SET "default" 0.0;
 881             target: "optionheader_bg";
 882             target: "optionheader_arrow";
 883             after: "optionheader_close_set";
 884          }
 885          program { name: "optionheader_close_set";
 886             signal: "elm,state,optionheader,close_set";
 887             source: "";
 888             script {
 889                set_int(oh_close, 1);
 890             }
 891          }
 892          program { name: "optionheader_open_set";
 893             signal: "elm,state,optionheader,open_set";
 894             source: "";
 895             script {
 896                set_int(oh_close, 0);
 897             }
 898          }
 899          program { name: "controlbar_open";
 900             signal: "elm,state,controlbar,open";
 901             source: "";
 902             action: STATE_SET "show" 0.0;
 903             target: "controlbar_bg";
 904             transition: LINEAR 0.2;
 905          }
 906          program { name: "controlbar_close";
 907             signal: "elm,state,controlbar,close";
 908             source: "";
 909             action: STATE_SET "default" 0.0;
 910             target: "controlbar_bg";
 911             transition: LINEAR 0.2;
 912          }
 913          program { name: "controlbar_instant_open";
 914             signal: "elm,state,controlbar,instant_open";
 915             source: "";
 916             script {
 917                emit("elm,state,prev_btn,show", "elm");
 918                emit("elm,state,controlbar,show", "elm");
 919             }
 920          }
 921          program { name: "controlbar_instant_close";
 922             signal: "elm,state,controlbar,instant_close";
 923             source: "";
 924             script {
 925                emit("elm,state,prev_btn,hide", "elm");
 926                emit("elm,state,controlbar,hide", "elm");
 927             }
 928          }
 929          program { name: "show_finished";
 930             action: SIGNAL_EMIT "elm,action,show,finished" "";
 931          }
 932          program { name: "pushed_finished";
 933             action: SIGNAL_EMIT "elm,action,pushed,finished" "";
 934          }
 935          program { name: "popped_finished";
 936             action: SIGNAL_EMIT "elm,action,popped,finished" "";
 937          }
 938          program {
 939             name: "title_clicked";
 940             signal: "mouse,clicked,1";
 941             source: "click_event_area";
 942             action: SIGNAL_EMIT "elm,action,title,clicked" "";
 943          }
 944       }
 945    }
 946
 947    group { name:"elm/naviframe/item/browser_titlebar/default";
 948       alias:"elm/naviframe/item/1line/browser_titlebar";
 949       images {
 950          image: "browser-view-images/naviframe_optionheader.png" COMP; // browser customize
 951          image: "browser-view-images/naviframe_optionheader_arrow.png" COMP; // browser customize
 952       }
 953       script {
 954          public oh_show = 0;     //optionheader show/hide
 955          public oh_close = 0;    //optionheader close/open
 956          public cbar_bg = 0;     //Controlbar BG Show call count
 957          public left_btn_visible = 0; //whether left btn is shown
 958          public icon_visible = 0; //whether icon is shown
 959          public right_btn_visible = 0; //whether right btn is shown
 960          public more_btn_visible = 0; //whether more btn is shown
 961          public large_padded_center_align = 0; //large padding based on button size for center align for 1/2 buttons.
 962       }
 963       parts {
 964          part { name: "base";
 965             type: RECT;
 966             mouse_events:  0;
 967             description { state: "default" 0.0;
 968                visible: 0;
 969             }
 970             description { state: "left" 0.0;
 971                inherit: "default" 0.0;
 972                rel1.relative: -1.0 0.0;
 973                rel2.relative: 0.0 1.0;
 974             }
 975             description { state: "right" 0.0;
 976                inherit: "default" 0.0;
 977                rel1.relative: 1.0 0.0;
 978                rel2.relative: 2.0 1.0;
 979             }
 980          }
 981          part { name: "title_bg";
 982             type: RECT;
 983             scale: 1;
 984             description { state: "default" 0.0;
 985                min: 1 100;
 986                align: 0.0 0.0;
 987                fixed: 0 1;
 988                rel1 { relative: 0.0 0.0; to: "base"; }
 989                rel2 { relative: 1.0 0.0; to: "base"; }
 990                color: NAVIFRAME_TITLE_BG_COLOR_INC;
 991             }
 992             description { state: "hide" 0.0;
 993                inherit: "default" 0.0;
 994                min: 0 0;
 995                max: 0 0;
 996                fixed: 1 1;
 997             }
 998          }
 999          part { name: "title_clip";
1000             type: RECT;
1001             mouse_events: 0;
1002             description { state: "default" 0.0;
1003                rel1 { to: "title_bg"; }
1004                rel2 { to: "title_bg"; }
1005             }
1006          }
1007          // browser customize, change the visible order of content
1008          part { name: "elm.swallow.content";
1009             type: SWALLOW;
1010             scale: 1;
1011             repeat_events: 0;
1012             clip_to: "content_clip";
1013             description { state: "default" 0.0;
1014                align: 0.0 0.0;
1015 //               rel1.relative: 0.0 1.0; // default naviframe
1016                rel1.relative: 0.0 0.0;   // browser customize
1017                rel1.to_x: "base";
1018                rel1.to_y: "optionheader_bg";
1019                rel2.relative: 1.0 0.0;  // default naviframe
1020                rel2.to_x: "base";
1021                rel2.to_y: "controlbar_bg";  // default naviframe
1022             }
1023          }
1024          part { name: "optionheader_bg";
1025             type: IMAGE;
1026             scale: 1;
1027             description { state: "default" 0.0;
1028                min: 1 0;
1029                align: 0.5 0;
1030                fixed: 0 1;
1031                rel1.to: "title_bg";
1032                rel1.relative: 0 1;
1033                rel2.to: "title_bg";
1034                visible: 0;
1035                image { normal: "browser-view-images/naviframe_optionheader.png";
1036                   border: 0 0 4 0;
1037                }
1038             }
1039             description { state: "show" 0.0;
1040                inherit: "default" 0.0;
1041                min: 1 NAVIFRAME_OH_OPENED_H_INC;
1042                visible: 1;
1043             }
1044             description { state: "hide" 0.0;
1045                inherit: "default" 0.0;
1046                min: 0 0;
1047                max: 0 0;
1048                fixed: 1 1;
1049             }
1050          }
1051          part { name: "optionheader_clip";
1052             type: RECT;
1053             mouse_events: 0;
1054             description { state: "default" 0.0;
1055                rel1 { to: "optionheader_bg"; }
1056                rel2 { to: "optionheader_bg"; }
1057             }
1058          }
1059          part { name: "optionheader_top_padding";
1060             type: RECT;
1061             scale: 1;
1062             clip_to: "optionheader_clip";
1063             description { state: "default" 0.0;
1064                min: 1 NAVIFRAME_OH_PADDING_INC;
1065                rel1 { relative: 0.0 0.0; to: "optionheader_bg"; }
1066                rel2 { relative: 1.0 0.0; to: "optionheader_bg"; }
1067                fixed: 0 1;
1068                align: 0.0 0.0;
1069                visible: 0;
1070             }
1071          }
1072          part { name: "optionheader";
1073             type: SWALLOW;
1074             scale: 1;
1075             clip_to: "optionheader_clip";
1076             description { state: "default" 0.0;
1077 //               min: 1 NAVIFRAME_OH_CONTENT_H_INC;  // naviframe default
1078                  min: 1 NAVIFRAME_OH_OPENED_H_INC;   // browser customize
1079 //               rel1 { relative: 0.0 1.0; to: "optionheader_top_padding"; }  // naviframe default
1080 //               rel2 { relative: 1.0 1.0; to: "optionheader_top_padding"; }  // naviframe default
1081                rel1 { relative: 0.0 0.0; to: "optionheader_bg"; }  // browser customize
1082                rel2 { relative: 1.0 0.0; to: "optionheader_bg"; }  // browser customize
1083                fixed: 0 1;
1084                align: 0.0 0.0;
1085             }
1086          }
1087          part { name: "optionheader.mid.padding";
1088             type: RECT;
1089             scale: 1;
1090             clip_to: "optionheader_clip";
1091             description { state: "default" 0.0;
1092                min: 0 NAVIFRAME_OH_PADDING_INC;
1093                rel1 { relative: 0.0 1.0; to: "optionheader"; }
1094                rel2 { relative: 1.0 1.0; to: "optionheader"; }
1095                fixed: 0 1;
1096                align: 0.0 0.0;
1097                visible: 0;
1098             }
1099          }
1100          part { name: "optionheader2";
1101             type: SWALLOW;
1102             scale: 1;
1103             clip_to: "optionheader_clip";
1104             description { state: "default" 0.0;
1105                min: 0 NAVIFRAME_OH_CONTENT_H_INC;
1106                rel1 { relative: 0.0 1.0; to: "optionheader.mid.padding";}
1107                rel2 { relative: 1.0 1.0; to: "optionheader.mid.padding";}
1108                fixed: 0 1;
1109                align: 0.0 0.0;
1110             }
1111          }
1112          part { name: "optionheader.bottom.padding";
1113             type: RECT;
1114             scale: 1;
1115             clip_to: "optionheader_clip";
1116             description { state: "default" 0.0;
1117                min: 0 NAVIFRAME_OH_PADDING_INC;
1118                rel1 { relative: 0.0 1.0; to: "optionheader2"; }
1119                rel2 { relative: 1.0 1.0; to: "optionheader2"; }
1120                fixed: 0 1;
1121                align: 0.0 0.0;
1122                visible: 0;
1123             }
1124          }
1125          part { name: "content_clip";
1126             type: RECT;
1127             mouse_events: 0;
1128             description { state: "default" 0.0;
1129                rel1.to: "elm.swallow.content";
1130                rel2.to: "elm.swallow.content";
1131             }
1132          }
1133          part { name: "padding_before_left_btn";
1134             type: RECT;
1135             mouse_events: 0;
1136             scale: 1;
1137             clip_to: "title_clip";
1138             description { state: "default" 0.0;
1139                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
1140                fixed: 1 0;
1141                align: 0.0 0.5;
1142                rel1 { relative: 0.0 0.0; to: "title_bg"; }
1143                rel2 { relative: 0.0 1.0; to: "title_bg"; }
1144                visible: 0;
1145             }
1146          }
1147          part { name: "padding_after_left_btn";
1148             type: RECT;
1149             scale: 1;
1150             clip_to: "title_clip";
1151             description { state: "default" 0.0;
1152                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
1153                fixed: 1 0;
1154                align: 0 0.5;
1155                rel1 { relative: 1.0 0.0; to: "title_left_btn"; }
1156                rel2 { relative: 1.0 1.0; to: "title_left_btn"; }
1157                visible: 0;
1158             }
1159          }
1160          part { name: "padding_before_more_btn";
1161             type: RECT;
1162             scale: 1;
1163             clip_to: "title_clip";
1164             description { state: "default" 0.0;
1165                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
1166                fixed: 1 0;
1167                align: 1.0 0.5;
1168                rel1 { relative: 0.0 0.0; to: "title_more_btn"; }
1169                rel2 { relative: 0.0 1.0; to: "title_more_btn"; }
1170                visible: 0;
1171             }
1172          }
1173          part { name: "padding_after_right_btn";
1174             type: RECT;
1175             mouse_events: 0;
1176             scale: 1;
1177             clip_to: "title_clip";
1178             description { state: "default" 0.0;
1179                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
1180                fixed: 1 0;
1181                align: 1.0 0.5;
1182                rel1 { relative: 1.0 0.0; to: "title_bg"; }
1183                rel2 { relative: 1.0 1.0; to: "title_bg"; }
1184                visible: 0;
1185             }
1186          }
1187          part { name: "padding_before_right_btn";
1188             type: RECT;
1189             mouse_events: 0;
1190             scale: 1;
1191             clip_to: "title_clip";
1192             description { state: "default" 0.0;
1193                min: 0 0;
1194                fixed: 1 0;
1195                align: 1.0 0.5;
1196                rel1 { relative: 0.0 0.0; to: "title_right_btn"; }
1197                rel2 { relative: 0.0 1.0; to: "title_right_btn"; }
1198                visible: 0;
1199             }
1200             description { state: "right_and_more_button" 0.0;
1201                inherit: "default" 0.0;
1202                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
1203             }
1204          }
1205          part { name: "padding_before_text";
1206             type: RECT;
1207             scale: 1;
1208             mouse_events: 0;
1209             clip_to: "title_clip";
1210             description { state: "default" 0.0;
1211                align: 1.0 0.5;
1212                rel1 { relative: 0.0 0.0; to_x: "elm.text.title"; to_y: "title_bg"; }
1213                rel2 { relative: 0.0 1.0; to_x: "elm.text.title"; to_y: "title_bg"; }
1214                fixed: 1 0;
1215                min: NAVIFRAME_ICON_PADDING_INC;
1216                visible: 0;
1217             }
1218          }
1219          part { name: "padding_center_text1";
1220             type: RECT;
1221             scale: 1;
1222             mouse_events: 0;
1223             clip_to: "title_clip";
1224             description { state: "default" 0.0;
1225                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
1226                fixed: 1 0;
1227                align: 0.0 0.0;
1228                rel1 { relative: 0.0 0.0; to: "title_bg"; }
1229                rel2 { relative: 0.0 1.0; to: "title_bg"; }
1230                visible: 0;
1231             }
1232             description { state: "visible" 0.0;
1233                inherit: "default" 0.0;
1234                min: NAVIFRAME_TEXT_PADDING_INC 0;
1235             }
1236             description { state: "icon" 0.0;
1237                inherit: "default" 0.0;
1238                min: NAVIFRAME_NO_BUTTON_ICON_PADDING_INC 0;
1239             }
1240             description { state: "icon_left_button" 0.0;
1241                inherit: "default" 0.0;
1242                min: NAVIFRAME_TEXT_PADDING_ICON_VISIBLE_INC 0;
1243             }
1244          }
1245          part { name: "padding_center_text2";
1246             type: RECT;
1247             mouse_events: 0;
1248             scale: 1;
1249             clip_to: "title_clip";
1250             description { state: "default" 0.0;
1251                min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
1252                fixed: 1 0;
1253                align: 1.0 0.5;
1254                rel1 { relative: 1.0 0.0; to: "title_bg"; }
1255                rel2 { relative: 1.0 1.0; to: "title_bg"; }
1256                visible: 0;
1257             }
1258             description { state: "visible" 0.0;
1259                inherit: "default" 0.0;
1260                min: NAVIFRAME_TEXT_PADDING_INC 0;
1261             }
1262          }
1263          part { name: "elm.text.title";
1264             type: TEXT;
1265             scale: 1;
1266             clip_to: "title_clip";
1267             description { state: "default" 0.0;
1268                text { font: "SLP:style=Medium";
1269                   size: NAVIFRAME_TITLE_FONT_SIZE_INC;
1270                   min: 0 0;
1271                   max: 1 0;
1272                   align: 0.5 0.5;
1273                }
1274                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
1275                align: 0.5 0.5;
1276                fixed: 1 0;
1277                rel1 { relative: 1.0 0.0; to: "padding_center_text1"; }
1278                rel2 { relative: 0.0 1.0; to: "padding_center_text2"; }
1279             }
1280             description { state: "right_and_more_button" 0.0;
1281                inherit: "default" 0.0;
1282                rel1 { relative: 1.0 0.0; to: "padding_after_left_btn"; }
1283                rel2 { relative: 0.0 1.0; to: "padding_before_more_btn"; }
1284             }
1285          }
1286          part { name: "elm.swallow.icon";
1287             type: SWALLOW;
1288             scale: 1;
1289             clip_to: "title_clip";
1290             description { state: "default" 0.0;
1291                max: NAVIFRAME_ICON_SIZE_INC;
1292                fixed: 1 1;
1293                rel1 { relative: 0.0 0.0; to: "padding_before_text"; }
1294                rel2 { relative: 0.0 1.0; to: "padding_before_text"; }
1295                aspect: 1.0 1.0;
1296                aspect_preference: VERTICAL;
1297                align: 1.0 0.5;
1298             }
1299          }
1300          part { name: "click_event_area";
1301              ignore_flags: ON_HOLD;
1302              repeat_events: 1;
1303              description { state: "default" 0.0;
1304                 rel1 { to: "title_bg"; }
1305                 rel2 { to: "title_bg"; }
1306              }
1307          }
1308          part { name: "title_left_btn";
1309             type: SWALLOW;
1310             scale: 1;
1311             clip_to: "title_clip";
1312             description { state: "default" 0.0;
1313                min: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
1314                max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
1315                fixed: 1 1;
1316                align: 0 0.5;
1317                rel1 { relative: 1.0 0.0; to: "padding_before_left_btn"; }
1318                rel2 { relative: 1.0 1.0; to: "padding_before_left_btn"; }
1319             }
1320          }
1321          part { name: "title_right_btn";
1322             type: SWALLOW;
1323             scale: 1;
1324             clip_to: "title_clip";
1325             description { state: "default" 0.0;
1326                min: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
1327                max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
1328                align: 1 0.5;
1329                fixed: 1 1;
1330                rel1 { relative: 0.0 0.0; to: "padding_after_right_btn"; }
1331                rel2 { relative: 0.0 1.0; to: "padding_after_right_btn"; }
1332             }
1333          }
1334          part { name: "title_more_btn";
1335             type: SWALLOW;
1336             scale: 1;
1337             clip_to: "title_clip";
1338             description { state: "default" 0.0;
1339                max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
1340                fixed: 1 0;
1341                align: 1 0.5;
1342                rel1 { relative: 0.0 0.0; to: "padding_before_right_btn"; }
1343                rel2 { relative: 0.0 1.0; to: "padding_before_right_btn"; }
1344             }
1345          }
1346          part { name: "optionheader_arrow";
1347             type: IMAGE;
1348             scale: 1;
1349             description { state: "default" 0.0;
1350                min: NAVIFRAME_OH_ARROW_SIZE_INC;
1351                max: NAVIFRAME_OH_ARROW_SIZE_INC;
1352                fixed: 1 1;
1353 //               align: 0.5 0;  // naviframe default
1354                align: 0.5 1.0;  // browser customize
1355 //               rel1.to: "elm.swallow.more_btn";  // naviframe default
1356                rel1.to: "title_bg";   // browser customize
1357                rel1.relative: 0 1;
1358 //               rel2.to: "elm.swallow.more_btn";  // naviframe default
1359                rel2.to: "title_bg";   // browser customize
1360                rel2.relative: 1 1;
1361                image {
1362                   normal: "browser-view-images/naviframe_optionheader_arrow.png";
1363                }
1364                visible: 0;  // naviframe default
1365 //               visible: 1;    // browser customize
1366             }
1367             description { state: "show" 0.0;
1368                inherit: "default" 0.0;
1369                visible: 1;
1370             }
1371          }
1372          part { name: "controlbar_bg";
1373             type: RECT;
1374             scale: 1;
1375             description { state: "default" 0.0;
1376                min: 0 0;
1377                max: 999999 0;
1378                fixed: 0 1;
1379                align: 0.0 1.0;
1380                visible: 0;
1381                rel1 { to: "base"; }
1382                rel2 { to: "base"; }
1383                color: NAVIFRAME_CONTROLBAR_BG_COLOR_INC;
1384             }
1385             description { state: "show" 0.0;
1386                inherit: "default" 0.0;
1387                min: 0 CONTROLBAR_SMALL_HEIGHT_INC;
1388                max: 999999 CONTROLBAR_SMALL_HEIGHT_INC;
1389                visible: 1;
1390             }
1391          }
1392          part { name: "controlbar_clip";
1393             type: RECT;
1394             mouse_events: 0;
1395             description { state: "default" 0.0;
1396                rel1 { to: "controlbar_bg"; }
1397                rel2 { to: "controlbar_bg"; }
1398             }
1399          }
1400          part { name: "elm.prev_btn_bg";
1401             type: RECT;
1402             scale: 1;
1403             clip_to: "controlbar_clip";
1404             description { state: "default" 0.0;
1405                min: 0 0;
1406                fixed: 1 0;
1407                align: 1.0 0.0;
1408                rel1 { relative: 1.0 0.0; to: "controlbar_bg"; }
1409                rel2.to: "controlbar_bg";
1410                visible: 0;
1411             }
1412             description { state: "visible" 0.0;
1413                inherit: "default" 0.0;
1414                min: NAVIFRAME_TITLE_PREV_BTN_BG_SIZE_INC 0;
1415             }
1416          }
1417          part { name: "elm.swallow.prev_btn";
1418             type: SWALLOW;
1419             scale: 1;
1420             clip_to: "controlbar_clip";
1421             description { state: "default" 0.0;
1422                fixed: 1 1;
1423                align: 0.5 0.5;
1424                rel1.to: "elm.prev_btn_bg";
1425                rel2.to: "elm.prev_btn_bg";
1426             }
1427          }
1428          part { name: "controlbar";
1429             type: SWALLOW;
1430             scale: 1;
1431             clip_to: "controlbar_clip";
1432             description { state: "default" 0.0;
1433                rel1.to: "controlbar_bg";
1434                rel2 { relative: 0.0 1.0; to: "elm.prev_btn_bg"; }
1435             }
1436          }
1437       }
1438       programs {
1439          program { name: "content_new_pushed";
1440             signal: "elm,state,new,pushed,internal";
1441             source: "";
1442             action: STATE_SET "default" 0.0;
1443             target: "base";
1444             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
1445             after: "show_finished";
1446          }
1447          program { name: "content_cur_pushed";
1448             signal: "elm,state,cur,pushed,internal";
1449             source: "";
1450             action: STATE_SET "left" 0.0;
1451             target: "base";
1452             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
1453             after: "pushed_finished";
1454          }
1455          program { name: "content_prev_popped";
1456             signal: "elm,state,prev,popped,internal";
1457             source: "";
1458             action: STATE_SET "default" 0.0;
1459             target: "base";
1460             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
1461             after: "show_finished";
1462          }
1463          program { name: "content_cur_popped";
1464             signal: "elm,state,cur,popped,internal";
1465             source: "";
1466             action: STATE_SET "right" 0.0;
1467             target: "base";
1468             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
1469             after: "popped_finished";
1470          }
1471          program { name: "cur_pushed";
1472             signal: "elm,state,cur,pushed";
1473             source: "elm";
1474             script {
1475                set_state(PART:"base", "default", 0.0);
1476                emit("elm,state,cur,pushed,internal", "");
1477             }
1478          }
1479          program { name: "new_pushed";
1480             signal: "elm,state,new,pushed";
1481             source: "elm";
1482             script {
1483                set_state(PART:"base", "right", 0.0);
1484                emit("elm,state,new,pushed,internal", "");
1485             }
1486          }
1487          program { name: "prev_popped";
1488             signal: "elm,state,prev,popped";
1489             source: "elm";
1490             script {
1491                set_state(PART:"base", "left", 0.0);
1492                emit("elm,state,prev,popped,internal", "");
1493             }
1494          }
1495          program { name: "cur_popped";
1496             signal: "elm,state,cur,popped";
1497             source: "elm";
1498             script {
1499                set_state(PART:"base", "default", 0.0);
1500                emit("elm,state,cur,popped,internal", "");
1501             }
1502          }
1503          program { name: "visible";
1504             signal: "elm,state,visible";
1505             source: "elm";
1506             action: STATE_SET "default" 0.0;
1507             target: "base";
1508          }
1509          program { name: "title_show";
1510             signal: "elm,state,title,show";
1511             source: "elm";
1512             script {
1513                set_state(PART:"title_bg", "default", 0.0);
1514                if (get_int(oh_show) == 1) {
1515                   if (get_int(oh_close) == 1) {
1516                      emit("elm,state,optionheader,instant_close", "");
1517                   }else {
1518                      emit("elm,state,optionheader,instant_open", "");
1519                   }
1520                }
1521                else
1522                  set_state(PART:"optionheader_bg", "default", 0.0);
1523             }
1524          }
1525          program { name: "title_hide";
1526             signal: "elm,state,title,hide";
1527             source: "elm";
1528             action: STATE_SET "hide" 0.0;
1529             target: "title_bg";
1530             target: "optionheader_bg";
1531          }
1532          program { name: "prev_btn_show";
1533             signal: "elm,state,prev_btn,show";
1534             source: "elm";
1535             script {
1536                emit("elm,state,controlbar_bg,show", "elm");
1537                set_state(PART:"elm.prev_btn_bg", "visible", 0.0);
1538             }
1539          }
1540          program { name: "prev_btn_hide";
1541             signal: "elm,state,prev_btn,hide";
1542             source: "elm";
1543             script {
1544                emit("elm,state,controlbar_bg,hide", "elm");
1545                set_state(PART:"elm.prev_btn_bg", "default", 0.0);
1546             }
1547          }
1548          program { name: "left_btn_show";
1549             signal: "elm,state,title_left_btn,show";
1550             source: "elm";
1551             script {
1552                set_int(left_btn_visible, 1);
1553                if (get_int(icon_visible) == 1)
1554                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
1555                else
1556                  set_state(PART:"padding_center_text1", "visible", 0.0);
1557                if ((get_int(more_btn_visible) == 1) && (get_int(right_btn_visible) == 1)) {
1558                   set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
1559                   set_int(large_padded_center_align, 0);
1560                }
1561                else {
1562                   set_state(PART:"padding_center_text2", "visible", 0.0);
1563                   set_int(large_padded_center_align, 1);
1564                }
1565             }
1566          }
1567          program { name: "left_btn_hide";
1568             signal: "elm,state,title_left_btn,hide";
1569             source: "elm";
1570             script {
1571                set_int(left_btn_visible, 0);
1572                if ((get_int(more_btn_visible) == 0) && (get_int(right_btn_visible) == 0)) {
1573                   set_state(PART:"padding_center_text2", "default", 0.0);
1574                   set_int(large_padded_center_align, 0);
1575                }
1576                else {
1577                   set_state(PART:"padding_center_text2", "visible", 0.0);
1578                   set_int(large_padded_center_align, 1);
1579                }
1580                if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
1581                   set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
1582                else if (get_int(large_padded_center_align) == 1)
1583                   set_state(PART:"padding_center_text1", "visible", 0.0);
1584                else if (get_int(icon_visible) == 1)
1585                   set_state(PART:"padding_center_text1", "icon", 0.0);
1586                else
1587                   set_state(PART:"padding_center_text1", "default", 0.0);
1588             }
1589          }
1590          program { name: "right_btn_show";
1591             signal: "elm,state,title_right_btn,show";
1592             source: "elm";
1593             script {
1594                set_int(right_btn_visible, 1);
1595                if (get_int(more_btn_visible) == 1) {
1596                   set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
1597                   set_state(PART:"padding_before_right_btn", "right_and_more_button", 0.0);
1598                   set_int(large_padded_center_align, 0);
1599                }
1600                else {
1601                   set_state(PART:"padding_center_text2", "visible", 0.0);
1602                   set_int(large_padded_center_align, 1);
1603                }
1604                if ((get_int(icon_visible) == 1) && ((get_int(left_btn_visible) == 1) ||
1605                                                     (get_int(large_padded_center_align) == 1)))
1606                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
1607                else if ((get_int(left_btn_visible) == 1) || (get_int(large_padded_center_align) == 1))
1608                  set_state(PART:"padding_center_text1", "visible", 0.0);
1609                else if (get_int(icon_visible) == 1)
1610                  set_state(PART:"padding_center_text1", "icon", 0.0);
1611                else
1612                  set_state(PART:"padding_center_text1", "default", 0.0);
1613             }
1614          }
1615          program { name: "right_btn_hide";
1616             signal: "elm,state,title_right_btn,hide";
1617             source: "elm";
1618             script {
1619                set_int(right_btn_visible, 0);
1620                set_state(PART:"padding_before_right_btn", "default", 0.0);
1621                if ((get_int(more_btn_visible) == 0) && (get_int(left_btn_visible) == 0)) {
1622                   set_state(PART:"padding_center_text2", "default", 0.0);
1623                   set_int(large_padded_center_align, 0);
1624                }
1625                else {
1626                   set_state(PART:"padding_center_text2", "visible", 0.0);
1627                   set_int(large_padded_center_align, 1);
1628                }
1629                if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
1630                   set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
1631                else if (get_int(large_padded_center_align) == 1)
1632                   set_state(PART:"padding_center_text1", "visible", 0.0);
1633                else if (get_int(icon_visible) == 1)
1634                   set_state(PART:"padding_center_text1", "icon", 0.0);
1635                else
1636                   set_state(PART:"padding_center_text1", "default", 0.0);
1637             }
1638          }
1639          program { name: "more_btn_show";
1640             signal: "elm,state,title_more_btn,show";
1641             source: "elm";
1642             script {
1643                set_int(more_btn_visible, 1);
1644                if (get_int(right_btn_visible) == 1) {
1645                   set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
1646                   set_state(PART:"padding_before_right_btn", "right_and_more_button", 0.0);
1647                   set_int(large_padded_center_align, 0);
1648                }
1649                else {
1650                   set_state(PART:"padding_center_text2", "visible", 0.0);
1651                   set_int(large_padded_center_align, 1);
1652                }
1653                if ((get_int(icon_visible) == 1) && ((get_int(left_btn_visible) == 1) ||
1654                                                     (get_int(large_padded_center_align) == 1)))
1655                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
1656                else if ((get_int(left_btn_visible) == 1) || (get_int(large_padded_center_align) == 1))
1657                  set_state(PART:"padding_center_text1", "visible", 0.0);
1658                else if (get_int(icon_visible) == 1)
1659                  set_state(PART:"padding_center_text1", "icon", 0.0);
1660                else
1661                  set_state(PART:"padding_center_text1", "default", 0.0);
1662             }
1663          }
1664          program { name: "more_btn_hide";
1665             signal: "elm,state,title_more_btn,hide";
1666             source: "elm";
1667             script {
1668                set_int(more_btn_visible, 0);
1669                set_state(PART:"padding_before_right_btn", "default", 0.0);
1670                if ((get_int(right_btn_visible) == 0) && (get_int(left_btn_visible) == 0)) {
1671                   set_state(PART:"padding_center_text2", "default", 0.0);
1672                   set_int(large_padded_center_align, 0);
1673                }
1674                else {
1675                   set_state(PART:"padding_center_text2", "visible", 0.0);
1676                   set_int(large_padded_center_align, 1);
1677                }
1678                if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
1679                   set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
1680                else if (get_int(large_padded_center_align) == 1)
1681                   set_state(PART:"padding_center_text1", "visible", 0.0);
1682                else if (get_int(icon_visible) == 1)
1683                   set_state(PART:"padding_center_text1", "icon", 0.0);
1684                else
1685                   set_state(PART:"padding_center_text1", "default", 0.0);
1686             }
1687          }
1688          program { name: "icon_show";
1689             signal: "elm,state,elm.swallow.icon,show";
1690             source: "elm";
1691             script {
1692                set_int(icon_visible, 1);
1693                if ((get_int(large_padded_center_align) == 1) || (get_int(left_btn_visible) == 1))
1694                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
1695                else
1696                  set_state(PART:"padding_center_text1", "icon", 0.0);
1697             }
1698          }
1699          program { name: "icon_hide";
1700             signal: "elm,state,elm.swallow.icon,hide";
1701             source: "elm";
1702             script {
1703                set_int(icon_visible, 0);
1704                if ((get_int(large_padded_center_align) == 1) || (get_int(left_btn_visible) == 1))
1705                  set_state(PART:"padding_center_text1", "visible", 0.0);
1706                else
1707                  set_state(PART:"padding_center_text1", "default", 0.0);
1708             }
1709          }
1710          program { name: "controlbar_show";
1711             signal: "elm,state,controlbar,show";
1712             source: "elm";
1713             script {
1714                emit("elm,state,controlbar_bg,show", "elm");
1715             }
1716          }
1717          program { name: "controlbar_hide";
1718             signal: "elm,state,controlbar,hide";
1719             source: "elm";
1720             script {
1721                emit("elm,state,controlbar_bg,hide", "elm");
1722             }
1723          }
1724          program { name: "controlbar_bg_show";
1725             signal: "elm,state,controlbar_bg,show";
1726             source: "elm";
1727             script {
1728                set_state(PART:"controlbar_bg", "show", 0.0);
1729                set_int(cbar_bg, get_int(cbar_bg) + 1);
1730             }
1731          }
1732          program { name: "controlbar_bg_hide";
1733             signal: "elm,state,controlbar_bg,hide";
1734             source: "elm";
1735             script {
1736                set_int(cbar_bg, get_int(cbar_bg) - 1);
1737                if (get_int(cbar_bg) <= 0)
1738                  set_state(PART:"controlbar_bg", "default", 0.0);
1739             }
1740          }
1741          program { name: "optionheader_show";
1742             signal: "elm,state,optionheader,show";
1743             source: "elm";
1744             script {
1745                set_state(PART:"optionheader_bg", "show", 0.0);
1746                set_state(PART:"optionheader_arrow", "show", 0.0);
1747                set_int(oh_show, 1);
1748             }
1749          }
1750          program { name: "optionheader_hide";
1751             signal: "elm,state,optionheader,hide";
1752             source: "elm";
1753             script {
1754                set_state(PART:"optionheader_bg", "default", 0.0);
1755                set_state(PART:"optionheader_arrow", "default", 0.0);
1756                set_int(oh_show, 0);
1757             }
1758          }
1759          program { name: "optionheader_open";
1760             signal: "elm,state,optionheader,open";
1761             source: "";
1762             action: STATE_SET "show" 0.0;
1763             target: "optionheader_bg";
1764             target: "optionheader_arrow";
1765             transition: LINEAR 0.2;
1766             after: "optionheader_open_set";
1767          }
1768          program { name: "optionheader_close";
1769             signal: "elm,state,optionheader,close";
1770             source: "";
1771             action: STATE_SET "default" 0.0;
1772             target: "optionheader_bg";
1773             target: "optionheader_arrow";
1774             transition: LINEAR 0.2;
1775             after: "optionheader_close_set";
1776          }
1777          program { name: "optionheader_instant_open";
1778             signal: "elm,state,optionheader,instant_open";
1779             source: "";
1780             action: STATE_SET "show" 0.0;
1781             target: "optionheader_bg";
1782             target: "optionheader_arrow";
1783             after: "optionheader_open_set";
1784          }
1785          program { name: "optionheader_instant_close";
1786             signal: "elm,state,optionheader,instant_close";
1787             source: "";
1788             action: STATE_SET "default" 0.0;
1789             target: "optionheader_bg";
1790             target: "optionheader_arrow";
1791             after: "optionheader_close_set";
1792          }
1793          program { name: "optionheader_close_set";
1794             signal: "elm,state,optionheader,close_set";
1795             source: "";
1796             script {
1797                set_int(oh_close, 1);
1798             }
1799          }
1800          program { name: "optionheader_open_set";
1801             signal: "elm,state,optionheader,open_set";
1802             source: "";
1803             script {
1804                set_int(oh_close, 0);
1805             }
1806          }
1807          program { name: "controlbar_open";
1808             signal: "elm,state,controlbar,open";
1809             source: "";
1810             action: STATE_SET "show" 0.0;
1811             target: "controlbar_bg";
1812             transition: LINEAR 0.2;
1813          }
1814          program { name: "controlbar_close";
1815             signal: "elm,state,controlbar,close";
1816             source: "";
1817             action: STATE_SET "default" 0.0;
1818             target: "controlbar_bg";
1819             transition: LINEAR 0.2;
1820          }
1821          program { name: "controlbar_instant_open";
1822             signal: "elm,state,controlbar,instant_open";
1823             source: "";
1824             script {
1825                emit("elm,state,prev_btn,show", "elm");
1826                emit("elm,state,controlbar,show", "elm");
1827             }
1828          }
1829          program { name: "controlbar_instant_close";
1830             signal: "elm,state,controlbar,instant_close";
1831             source: "";
1832             script {
1833                emit("elm,state,prev_btn,hide", "elm");
1834                emit("elm,state,controlbar,hide", "elm");
1835             }
1836          }
1837          program { name: "show_finished";
1838             action: SIGNAL_EMIT "elm,action,show,finished" "";
1839          }
1840          program { name: "pushed_finished";
1841             action: SIGNAL_EMIT "elm,action,pushed,finished" "";
1842          }
1843          program { name: "popped_finished";
1844             action: SIGNAL_EMIT "elm,action,popped,finished" "";
1845          }
1846          program {
1847             name: "title_clicked";
1848             signal: "mouse,clicked,1";
1849             source: "click_event_area";
1850             action: SIGNAL_EMIT "elm,action,title,clicked" "";
1851          }
1852       }
1853    }
1854
1855    group { name: "elm/naviframe/item/browser/tabbar/default";
1856       script {
1857          public cbar_bg = 0;     //Controlbar BG Show call count
1858       }
1859       parts {
1860          part { name: "base";
1861             type: RECT;
1862             mouse_events:  0;
1863             description { state: "default" 0.0;
1864                visible: 0;
1865             }
1866             description { state: "left" 0.0;
1867                inherit: "default" 0.0;
1868                rel1.relative: -1.0 0.0;
1869                rel2.relative: 0.0 1.0;
1870             }
1871             description { state: "right" 0.0;
1872                inherit: "default" 0.0;
1873                rel1.relative: 1.0 0.0;
1874                rel2.relative: 2.0 1.0;
1875             }
1876          }
1877          part { name: "elm.swallow.content";
1878             type: SWALLOW;
1879             scale: 1;
1880             repeat_events: 0;
1881             clip_to: "content_clip";
1882             description { state: "default" 0.0;
1883                align: 0.0 0.0;
1884                rel1.relative: 0.0 0.0;
1885                rel1.to: "base";
1886                rel2.relative: 1.0 0.0;
1887                rel2.to_x: "base";
1888                rel2.to_y: "controlbar_bg";
1889             }
1890          }
1891          part { name: "content_clip";
1892             type: RECT;
1893             mouse_events: 0;
1894             description { state: "default" 0.0;
1895                rel1.to: "elm.swallow.content";
1896                rel2.to: "elm.swallow.content";
1897             }
1898          }
1899          part { name: "controlbar_bg";
1900             type: RECT;
1901             scale: 1;
1902             description { state: "default" 0.0;
1903                min: 0 0;
1904                max: 999999 0;
1905                fixed: 0 1;
1906                align: 0.0 1.0;
1907                visible: 0;
1908                rel1 { to: "base"; }
1909                rel2 { to: "base"; }
1910                color: NAVIFRAME_CONTROLBAR_BG_COLOR_INC;
1911             }
1912             description { state: "show" 0.0;
1913                inherit: "default" 0.0;
1914                min: 0 CONTROLBAR_SMALL_HEIGHT_INC;
1915                max: 999999 CONTROLBAR_SMALL_HEIGHT_INC;
1916                visible: 1;
1917             }
1918          }
1919          part { name: "controlbar_clip";
1920             type: RECT;
1921             mouse_events: 0;
1922             description { state: "default" 0.0;
1923                rel1 { to: "controlbar_bg"; }
1924                rel2 { to: "controlbar_bg"; }
1925             }
1926          }
1927          part { name: "elm.prev_btn_bg";
1928            type: RECT;
1929            scale: 1;
1930            clip_to: "controlbar_clip";
1931            description { state: "default" 0.0;
1932               min: 0 0;
1933               fixed: 1 0;
1934               align: 1.0 0.0;
1935               rel1 { relative: 1.0 0.0; to: "controlbar_bg"; }
1936               rel2.to: "controlbar_bg";
1937               visible: 0;
1938            }
1939            description { state: "visible" 0.0;
1940               inherit: "default" 0.0;
1941               min: NAVIFRAME_TITLE_PREV_BTN_BG_SIZE_INC 0;
1942            }
1943          }
1944          part { name: "elm.swallow.prev_btn";
1945             type: SWALLOW;
1946             scale: 1;
1947             clip_to: "controlbar_clip";
1948             description { state: "default" 0.0;
1949                fixed: 1 1;
1950                align: 0.5 0.5;
1951                rel1.to: "elm.prev_btn_bg";
1952                rel2.to: "elm.prev_btn_bg";
1953             }
1954          }
1955          part { name: "controlbar";
1956             type: SWALLOW;
1957             scale: 1;
1958             clip_to: "controlbar_clip";
1959             description { state: "default" 0.0;
1960                rel1.to: "controlbar_bg";
1961                rel2 { relative: 0.0 1.0; to: "elm.prev_btn_bg"; }
1962             }
1963          }
1964       }
1965       programs {
1966          program { name: "content_new_pushed";
1967             signal: "elm,state,new,pushed,internal";
1968             source: "";
1969             action: STATE_SET "default" 0.0;
1970             target: "base";
1971             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
1972             after: "show_finished";
1973          }
1974          program { name: "content_cur_pushed";
1975             signal: "elm,state,cur,pushed,internal";
1976             source: "";
1977             action: STATE_SET "left" 0.0;
1978             target: "base";
1979             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
1980             after: "pushed_finished";
1981          }
1982          program { name: "content_prev_popped";
1983             signal: "elm,state,prev,popped,internal";
1984             source: "";
1985             action: STATE_SET "default" 0.0;
1986             target: "base";
1987             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
1988             after: "show_finished";
1989          }
1990          program { name: "content_cur_popped";
1991             signal: "elm,state,cur,popped,internal";
1992             source: "";
1993             action: STATE_SET "right" 0.0;
1994             target: "base";
1995             transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
1996             after: "popped_finished";
1997          }
1998          program { name: "cur_pushed";
1999             signal: "elm,state,cur,pushed";
2000             source: "elm";
2001             script {
2002                set_state(PART:"base", "default", 0.0);
2003                emit("elm,state,cur,pushed,internal", "");
2004             }
2005          }
2006          program { name: "new_pushed";
2007             signal: "elm,state,new,pushed";
2008             source: "elm";
2009             script {
2010                set_state(PART:"base", "right", 0.0);
2011                emit("elm,state,new,pushed,internal", "");
2012             }
2013          }
2014          program { name: "prev_popped";
2015             signal: "elm,state,prev,popped";
2016             source: "elm";
2017             script {
2018                set_state(PART:"base", "left", 0.0);
2019                emit("elm,state,prev,popped,internal", "");
2020             }
2021          }
2022          program { name: "cur_popped";
2023             signal: "elm,state,cur,popped";
2024             source: "elm";
2025             script {
2026                set_state(PART:"base", "default", 0.0);
2027                emit("elm,state,cur,popped,internal", "");
2028             }
2029          }
2030          program { name: "visible";
2031             signal: "elm,state,visible";
2032             source: "elm";
2033             action: STATE_SET "default" 0.0;
2034             target: "base";
2035          }
2036          program { name: "prev_btn_show";
2037             signal: "elm,state,prev_btn,show";
2038             source: "elm";
2039             script {
2040                emit("elm,state,controlbar_bg,show", "elm");
2041                set_state(PART:"elm.prev_btn_bg", "visible", 0.0);
2042             }
2043          }
2044          program { name: "prev_btn_hide";
2045             signal: "elm,state,prev_btn,hide";
2046             source: "elm";
2047             script {
2048                emit("elm,state,controlbar_bg,hide", "elm");
2049                set_state(PART:"elm.prev_btn_bg", "default", 0.0);
2050             }
2051          }
2052          program { name: "controlbar_show";
2053             signal: "elm,state,controlbar,show";
2054             source: "elm";
2055             action: STATE_SET "show" 0.0;
2056             script {
2057                emit("elm,state,controlbar_bg,show", "elm");
2058             }
2059          }
2060          program { name: "controlbar_hide";
2061             signal: "elm,state,controlbar,hide";
2062             source: "elm";
2063             script {
2064                emit("elm,state,controlbar_bg,hide", "elm");
2065             }
2066          }
2067          program { name: "controlbar_bg_show";
2068             signal: "elm,state,controlbar_bg,show";
2069             source: "elm";
2070             script {
2071                set_state(PART:"controlbar_bg", "show", 0.0);
2072                set_int(cbar_bg, get_int(cbar_bg) + 1);
2073             }
2074          }
2075          program { name: "controlbar_bg_hide";
2076             signal: "elm,state,controlbar_bg,hide";
2077             source: "elm";
2078             script {
2079                set_int(cbar_bg, get_int(cbar_bg) - 1);
2080                if (get_int(cbar_bg) <= 0)
2081                  set_state(PART:"controlbar_bg", "default", 0.0);
2082             }
2083          }
2084          program { name: "controlbar_open";
2085             signal: "elm,state,controlbar,open";
2086             source: "";
2087             action: STATE_SET "show" 0.0;
2088             target: "controlbar_bg";
2089             transition: LINEAR 0.2;
2090          }
2091          program { name: "controlbar_close";
2092             signal: "elm,state,controlbar,close";
2093             source: "";
2094             action: STATE_SET "default" 0.0;
2095             target: "controlbar_bg";
2096             transition: LINEAR 0.2;
2097          }
2098          program { name: "controlbar_instant_open";
2099             signal: "elm,state,controlbar,instant_open";
2100             source: "";
2101             script {
2102                emit("elm,state,prev_btn,show", "elm");
2103                emit("elm,state,controlbar,show", "elm");
2104             }
2105          }
2106          program { name: "controlbar_instant_close";
2107             signal: "elm,state,controlbar,instant_close";
2108             source: "";
2109             script {
2110                emit("elm,state,prev_btn,hide", "elm");
2111                emit("elm,state,controlbar,hide", "elm");
2112             }
2113          }
2114          program { name: "show_finished";
2115             action: SIGNAL_EMIT "elm,action,show,finished" "";
2116          }
2117          program { name: "pushed_finished";
2118             action: SIGNAL_EMIT "elm,action,pushed,finished" "";
2119          }
2120          program { name: "popped_finished";
2121             action: SIGNAL_EMIT "elm,action,popped,finished" "";
2122          }
2123          program {
2124             name: "title_clicked";
2125             signal: "mouse,clicked,1";
2126             source: "click_event_area";
2127             action: SIGNAL_EMIT "elm,action,title,clicked" "";
2128          }
2129       }
2130    }
2131 }
2132