2.3-wearable/widgets/index.edc

   1 /*
   2  * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved
   3  *
   4  * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php)
   5  *
   6  * Redistribution and use in source and binary forms, with or without
   7  * modification, are permitted provided that the following conditions are met:
   8  *
   9  *   1. Redistributions of source code must retain the above copyright notice, this
  10  *      list of conditions and the following disclaimer.
  11  *   2. Redistributions in binary form must reproduce the above copyright notice,
  12  *      this list of conditions and the following disclaimer in the documentation
  13  *      and/or other materials provided with the distribution.
  14  *
  15  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
  16  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  17  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  18  * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
  19  * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  20  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  21  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  22  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  23  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  24  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  25  */
  26
  27    group { name: "elm/index/base/vertical/default";
  28       script {
  29          public timer_id, timer_flag, timer_id_2, timer_flag_2;
  30          public index_hide_timer(val) {
  31             if (get_int(timer_flag) == 1)
  32                run_program(PROGRAM:"index0.hide");
  33             return 0;
  34          }
  35       }
  36       images {
  37          image: "b_fast_scroll_rollover_bg_line.png" COMP;
  38       }
  39       parts {
  40          part { name: "clip";
  41             scale: 1;
  42             type: RECT;
  43             mouse_events:  0;
  44             description { state: "default" 0.0;
  45                visible:  0;
  46                color: 255 255 255 0;
  47             }
  48             description { state: "active" 0.0;
  49                visible:  1;
  50                color: 255 255 255 255;
  51             }
  52          }
  53          part { name: "clip2";
  54             scale: 1;
  55             type: RECT;
  56             mouse_events: 0;
  57             clip_to: "clip";
  58             description { state: "default" 0.0;
  59                visible: 0;
  60                color: 255 255 255 0;
  61             }
  62             description { state: "active" 0.0;
  63                visible: 1;
  64                color: 255 255 255 255;
  65             }
  66          }
  67          part { name: "elm.dragable.index.1";
  68             type: SPACER;
  69             mouse_events: 0;
  70             scale: 1;
  71             dragable {
  72                x: 0 0 0;
  73                y: 1 1 0;
  74                confine: "elm.swallow.index.0";
  75             }
  76             description { state: "default" 0.0;
  77                fixed: 1 1;
  78                min: INDEX_SCROLL_DRAG_PART_SIZE;
  79                rel1.to: "elm.swallow.index.0";
  80                rel2 {
  81                   relative: 0.0  1.0;
  82                   to: "elm.swallow.index.0";
  83                }
  84             }
  85          }
  86          part { name: "elm.swallow.index.1.padding.right";
  87             type: RECT;
  88             scale: 1;
  89             description { state: "default" 0.0;
  90                max:1 0;
  91                visible: 0;
  92                fixed: 1 0;
  93                align: 1.0 0.0;
  94                rel1.to: "elm.swallow.index.0";
  95                rel2 {
  96                   relative: 0.0 1.0;
  97                   to: "elm.swallow.index.0";
  98                }
  99             }
 100             description { state: "active" 0.0;
 101                max:1 0;
 102                visible: 1;
 103                color: 33 33 33 255; /*(Changeable UI) color_class: "B0722";*/
 104             }
 105          }
 106          part { name: "elm.swallow.index.1";
 107             type: SWALLOW;
 108             scale: 1;
 109             clip_to: "clip2";
 110             description { state: "default" 0.0;
 111                visible: 0;
 112                fixed: 1 1;
 113                align: 1.0 0.0;
 114                rel1 {
 115                   to: "elm.dragable.index.1";
 116                   offset: -1 0;
 117                }
 118                rel2 {
 119                   to: "elm.dragable.index.1";
 120                   offset: -1 0;
 121                   relative: 0.0 1.0;
 122                }
 123             }
 124             description { state: "active" 0.0;
 125                inherit: "default" 0.0;
 126                visible: 1;
 127             }
 128             description { state: "align_bottom" 0.0;
 129                inherit: "default" 0.0;
 130                visible: 1;
 131                align: 1.0 1.0;
 132                rel1 {
 133                   relative: 0.0 1.0;
 134                   to: "index.bottom.padding";
 135                }
 136                rel2 {
 137                   relative: 0.0 1.0;
 138                   to: "index.bottom.padding";
 139                }
 140             }
 141             description { state: "align_top" 0.0;
 142                inherit: "default" 0.0;
 143                visible: 1;
 144                align: 1.0 0.0;
 145                rel1.to: "index.top.padding";
 146                rel2 {
 147                   relative: 0.0 0.0;
 148                   to: "index.top.padding";
 149                }
 150             }
 151          }
 152          part { name: "index.top.padding";
 153             type: SPACER;
 154             scale: 1;
 155             description {
 156                align: 0.5 0.0;
 157                min: 0 INDEX_SCROLL_PADDING_SIZE;
 158                fixed: 0 1;
 159                rel1 {
 160                   to_x: "elm.swallow.index.0";
 161                   relative: 0.0 0.0;
 162                }
 163                rel2 {
 164                   to_x: "elm.swallow.index.0";
 165                   relative: 1.0 0.0;
 166                }
 167             }
 168          }
 169          part { name: "index.bottom.padding";
 170             type: SPACER;
 171             scale: 1;
 172             description {
 173                align: 0.5 1.0;
 174                min: 0 INDEX_SCROLL_PADDING_SIZE;
 175                fixed: 0 1;
 176                rel1 {
 177                   to_x: "elm.swallow.index.0";
 178                   relative: 0.0 1.0;
 179                }
 180                rel2 {
 181                   to_x: "elm.swallow.index.0";
 182                   relative: 1.0 1.0;
 183                }
 184             }
 185          }
 186          part { name: "bg_index.0";
 187             type: RECT;
 188             clip_to: "clip";
 189             scale: 1;
 190             description { state: "default" 0.0;
 191                rel1.to: "index.top.padding";
 192                rel2.to: "index.bottom.padding";
 193                color: 33 33 33 255; /*(Changeable UI) color_class: "B0722";*/
 194             }
 195          }
 196          part { name: "elm.swallow.index.0";
 197             type: SWALLOW;
 198             clip_to: "clip";
 199             scale: 1;
 200             description { state: "default" 0.0;
 201                visible: 1;
 202                align: 1.0 0.5;
 203                fixed: 1 1;
 204                rel1 {
 205                   to_y: "index.top.padding";
 206                   relative: 1.0 1.0;
 207                }
 208                rel2 {
 209                   to_y: "index.bottom.padding";
 210                   relative: 1.0 0.0;
 211                }
 212             }
 213          }
 214          part { name: "popup_bg";
 215             type: RECT;
 216             scale: 1;
 217             clip_to: "clip2";
 218             description { state: "default" 0.0;
 219                fixed: 1 1;
 220                color: 0 60 117 242; /*(Changeable UI) color_class: "B0731";*/
 221                min: INDEX_SCROLL_POPUP_SIZE;
 222                max: INDEX_SCROLL_POPUP_SIZE;
 223                rel2 {
 224                   relative: 0.0 1.0;
 225                   to: "elm.swallow.index.0";
 226                }
 227             }
 228          }
 229          part { name: "popup_bg_line";
 230             scale: 1;
 231             clip_to: "clip2";
 232             description { state: "default" 0.0;
 233                rel1.to: "popup_bg";
 234                rel2.to: "popup_bg";
 235                color: 0 60 117 242; /*(Changeable UI) color_class: "B151";*/
 236                image.normal: "b_fast_scroll_rollover_bg_line.png";
 237             }
 238          }
 239          part {
 240             name: "align_prop";
 241             type: "SPACER";
 242             mouse_events: 0;
 243             scale: 1;
 244             clip_to: "clip2";
 245             description {
 246                state: "default" 0.0;
 247                min: 1 0;
 248                max: 1 -1;
 249                fixed: 1 0;
 250                rel1 {
 251                   to: "popup_bg";
 252                   relative: 0.5 0.0;
 253                }
 254                rel2 {
 255                   to: "popup_bg";
 256                   relative: 0.5 1.0;
 257                }
 258             }
 259          }
 260          part {
 261             name: "elm.text.1";
 262             type: "TEXTBLOCK";
 263             mouse_events: 0;
 264             scale: 1;
 265             clip_to: "clip2";
 266             description {
 267                state: "default" 0.0;
 268                fixed: 1 1;
 269                text.style: "Index_scroll_1depth_popup";
 270                text.min: 1 1;
 271                align: 0.5 0.5;
 272                rel1 {
 273                   to: "popup_bg";
 274                   relative: 0.0 0.0;
 275                }
 276                rel2 {
 277                   to: "popup_bg";
 278                   relative: 1.0 1.0;
 279                }
 280             }
 281             description {
 282                state: "active" 0.0;
 283                inherit: "default" 0.0;
 284                text.style: "Index_scroll_1depth_popup_left_align";
 285                text.min: 1 1;
 286                rel1 {
 287                    to: "align_prop";
 288                    relative: 1.0 0.0;
 289                }
 290             }
 291          }
 292          part {
 293             name: "elm.text";
 294             type: "TEXTBLOCK";
 295             mouse_events: 0;
 296             scale: 1;
 297             clip_to: "clip2";
 298             description {
 299                state: "default" 0.0;
 300                fixed: 1 1;
 301                text.style: "Index_scroll_bar_2depth_popup";
 302                text.min: 1 1;
 303                visible: 0;
 304                align: 1.0 0.5;
 305                rel1.to: "align_prop";
 306                rel2 {
 307                    to: "align_prop";
 308                    relative: 0.0 1.0;
 309                }
 310             }
 311             description {
 312                state: "active" 0.0;
 313                inherit: "default" 0.0;
 314                visible: 1;
 315             }
 316          }
 317          part { name: "elm.swallow.event.0";
 318             type: SWALLOW;
 319             scale: 1;
 320             description { state: "default" 0.0;
 321                fixed: 1 1;
 322                align: 1.0 0.5;
 323                rel1.to: "elm.swallow.index.0";
 324                rel2.to: "elm.swallow.index.0";
 325             }
 326          }
 327          part { name: "elm.swallow.event.1";
 328             type: SWALLOW;
 329             scale: 1;
 330             description { state: "default" 0.0;
 331                align: 1.0 0.5;
 332                fixed: 1 1;
 333                rel1.to: "elm.swallow.index.1";
 334                rel2.to: "elm.swallow.index.1";
 335             }
 336          }
 337          part {
 338             name: "access";
 339             type: RECT;
 340             description { state: "default" 0.0;
 341                fixed: 1 1;
 342                rel1 {
 343                   to: "elm.swallow.index.0";
 344                   offset: -3 0;
 345                }
 346                rel2.to: "elm.swallow.index.0";
 347                color: 0 0 0 0;
 348                visible: 0;
 349             }
 350             description { state: "active" 0.0;
 351                inherit: "default" 0.0;
 352                visible: 1;
 353             }
 354          }
 355       }
 356       programs {
 357          program { name: "load";
 358             signal: "load";
 359             source: "";
 360             script {
 361                run_program(PROGRAM:"initial.index0.active");
 362             }
 363          }
 364          program { name: "drag2";
 365             signal: "drag,set";
 366             source: "elm.dragable.index.1";
 367             script {
 368                new Float:dx;
 369                new Float:dy;
 370                get_drag(PART:"elm.dragable.index.1", dx, dy);
 371                custom_state(PART:"elm.dragable.index.1", "default", 0.0);
 372                set_state_val(PART:"elm.dragable.index.1", STATE_ALIGNMENT, 0.5, dy);
 373             }
 374          }
 375          program { name: "initial.index0.active";
 376             action: STATE_SET "active" 0.0;
 377             target: "clip";
 378             after: "index0.inactive";
 379          }
 380          program { name: "index0.active";
 381             signal: "elm,state,active";
 382             source: "elm";
 383             action: STATE_SET "active" 0.0;
 384             target: "clip";
 385             after: "disable_timer";
 386          }
 387          program { name: "index0.inactive";
 388             signal: "elm,state,inactive";
 389             source: "elm";
 390             script {
 391                new v;
 392                v = get_int(timer_id);
 393                if (v > 0) cancel_timer(v);
 394                run_program(PROGRAM:"enable_timer");
 395                v = timer(2.0, "index_hide_timer", 0);
 396                set_int(timer_id, v);
 397             }
 398          }
 399          program { name: "index1.inactive";
 400             signal: "elm,state,level,0";
 401             source: "elm";
 402             action: STATE_SET "default" 0.0;
 403             target: "elm.swallow.index.1";
 404             target: "elm.text.1";
 405             target: "elm.text";
 406             target: "elm.swallow.index.1.padding.right";
 407          }
 408          program { name: "index1.active";
 409             signal: "elm,state,level,1";
 410             source: "elm";
 411              script {
 412                new x1, x2, y1, y2, w1, w2, h1, h2;
 413                new Float:dx;
 414                new Float:dy;
 415                get_drag(PART:"elm.dragable.index.1", dx, dy);
 416                get_geometry(PART:"elm.swallow.index.1", x1, y1, w1, h1);
 417                get_geometry(PART:"clip", x2, y2, w2, h2);
 418                if ((y1+h1) > (y2+h2)) {
 419                   set_state(PART:"elm.swallow.index.1", "align_bottom", 0.0);
 420                }
 421                else if (dy < 0.1) {
 422                   set_state(PART:"elm.swallow.index.1", "align_top", 0.0);
 423                }
 424                else {
 425                   set_state(PART:"elm.swallow.index.1", "active", 0.0);
 426                }
 427                set_state(PART:"clip2", "active", 0.0);
 428                set_state(PART:"elm.swallow.index.1.padding.right", "active", 0.0);
 429             }
 430          }
 431          program { name: "index1.text";
 432             signal: "index1.text.enable";
 433             source: "";
 434             action: STATE_SET "active" 0.0;
 435             target: "elm.text.1";
 436             target: "elm.text";
 437          }
 438          program { name: "index0.hide";
 439             action: STATE_SET "default" 0.0;
 440             transition: DECELERATE 0.3;
 441             target: "clip";
 442          }
 443          program { name: "index.active";
 444             signal: "elm,indicator,state,active";
 445             source: "elm";
 446             action: STATE_SET "active" 0.0;
 447             target: "clip2";
 448          }
 449          program { name: "index.inactive";
 450             signal: "elm,indicator,state,inactive";
 451             source: "elm";
 452             action: STATE_SET "default" 0.0;
 453             transition: DECELERATE 0.3;
 454             target: "clip2";
 455          }
 456          program { name: "event.inactive";
 457             signal: "elm,priority,up";
 458             source: "elm";
 459             action: STATE_SET "inactive" 0.0;
 460             target: "elm.swallow.event.0";
 461          }
 462          program { name: "index.up";
 463             signal: "elm,priority,up";
 464             source: "elm";
 465             action: STATE_SET "up" 0.0;
 466             target: "elm.swallow.index.0";
 467             after: "index.go.down";
 468          }
 469          program { name: "index.go.down";
 470             action: STATE_SET "default" 0.0;
 471             transition: LINEAR 0.3;
 472             target: "elm.swallow.index.0";
 473             after: "event.active";
 474          }
 475          program { name: "event.inactive2";
 476             signal: "elm,priority,down";
 477             source: "elm";
 478             action: STATE_SET "inactive" 0.0;
 479             target: "elm.swallow.event.0";
 480          }
 481          program { name: "index.down";
 482             signal: "elm,priority,down";
 483             source: "elm";
 484             action: STATE_SET "down" 0.0;
 485             target: "elm.swallow.index.0";
 486             after: "index.go.up";
 487          }
 488          program { name: "index.go.up";
 489             action: STATE_SET "default" 0.0;
 490             transition: LINEAR 0.3;
 491             target: "elm.swallow.index.0";
 492             after: "event.active";
 493          }
 494          program { name: "event.active";
 495             action: STATE_SET "default" 0.0;
 496             target: "elm.swallow.event.0";
 497          }
 498          program {
 499             name: "access.active";
 500             signal: "elm,access,state,active";
 501             source: "elm";
 502             action: STATE_SET "active" 0.0;
 503             target: "access";
 504          }
 505          program {
 506             name: "access.inactive";
 507             signal: "elm,access,state,inactive";
 508             source: "elm";
 509             action: STATE_SET "default" 0.0;
 510             target: "access";
 511          }
 512          program { name: "disable_timer";
 513             script {
 514                set_int(timer_flag, 0);
 515             }
 516          }
 517          program { name: "enable_timer";
 518             script {
 519                set_int(timer_flag, 1);
 520             }
 521          }
 522          program { name: "disable_timer_2";
 523             script {
 524                set_int(timer_flag_2, 0);
 525             }
 526          }
 527          program { name: "enable_timer_2";
 528             script {
 529                set_int(timer_flag_2, 1);
 530             }
 531          }
 532       }
 533    }
 534
 535    group { name: "elm/index/item1/vertical/default";
 536       alias: "elm/index/item1_odd/vertical/default";
 537       data.item: "stacking" "above";
 538       data.item: "selectraise" "on";
 539       images {
 540          image: "b_index_scroll_press_bg_line.png" COMP;
 541       }
 542       parts {
 543          part { name: "bg";
 544             type: RECT;
 545             mouse_events: 0;
 546             scale: 1;
 547             description { state: "default" 0.0;
 548                min: INDEX_SCROLL_HANDLE_ITEM_WIDTH INDEX_SCROLL_HANDLE_ITEM_HEIGHT;
 549                color: 33 33 33 255; /*(Changeable UI) color_class: "B0722";*/
 550                rel1.to: "elm.text";
 551                rel2.to: "elm.text";
 552             }
 553             description { state: "active" 0.0;
 554                inherit: "default" 0.0;
 555                color: 43 43 43 255; /*(Changeable UI) color_class: "B0724";*/
 556             }
 557          }
 558          part { name: "bg_divider_line";
 559             type: RECT;
 560             scale: 1;
 561             description { state: "default" 0.0;
 562                rel1.to: "bg";
 563                rel2 {to: "bg"; relative: 0.0 1.0;}
 564                fixed: 1 0;
 565                min: INDEX_SCROLL_DIVIDER_WIDTH_INC 0;
 566                max: INDEX_SCROLL_DIVIDER_WIDTH_INC -1;
 567                color: 63 63 63 255; /*(Changeable UI) color_class: "B171";*/
 568                align: 0.0 0.5;
 569             }
 570             description { state: "inactive" 0.0;
 571                inherit: "default" 0.0;
 572                visible: 0;
 573             }
 574          }
 575          part { name: "bg_press_line";
 576             scale: 1;
 577             description { state: "default" 0.0;
 578                rel1.to: "focus.top.pad";
 579                rel2.to: "focus.bottom.pad";
 580                image.normal: "b_index_scroll_press_bg_line.png";
 581                color: 63 63 63 255; /*(Changeable UI) color_class: "B171";*/
 582                visible: 0;
 583             }
 584             description { state: "active" 0.0;
 585                inherit: "default" 0.0;
 586                visible: 1;
 587             }
 588          }
 589          part { name: "divider";
 590             type: RECT;
 591             mouse_events: 0;
 592             scale: 1;
 593             description {
 594                state: "default" 0.0;
 595                align: 0.0 1.0;
 596                min: 0 INDEX_DIVIDER_WIDTH_INC;
 597                fixed: 1 1;
 598                rel1.relative: 0.0 1.0;
 599                color: 96 96 96 51; /*(Changeable UI) color_class: "B0725";*/
 600             }
 601             description {
 602                state: "inactive" 0.0;
 603                inherit: "default" 0.0;
 604                visible: 0;
 605             }
 606          }
 607          part { name: "focus.top.pad";
 608             type: SPACER;
 609             mouse_events: 0;
 610             scale: 1;
 611             description {
 612                state: "default" 0.0;
 613                align: 0.0 1.0;
 614                min: 0 INDEX_SCROLL_BG_LINE_WIDTH_INC;
 615                fixed: 0 1;
 616                rel2.relative: 1.0 0.0;
 617             }
 618          }
 619          part { name: "focus.bottom.pad";
 620             type: SPACER;
 621             mouse_events: 0;
 622             scale: 1;
 623             description {
 624                state: "default" 0.0;
 625                align: 0.0 0.0;
 626                min: 0 INDEX_SCROLL_BG_LINE_WIDTH_INC;
 627                fixed: 0 1;
 628                rel1.relative: 0.0 1.0;
 629             }
 630          }
 631          part { name: "elm.text";
 632             type: TEXTBLOCK;
 633             mouse_events: 0;
 634             scale: 1;
 635             description {
 636                align: 0.5 0.5;
 637                state: "default" 0.0;
 638                text.style: "Index_scroll_bar_unselect";
 639             }
 640             description { state: "active" 0.0;
 641                inherit: "default" 0.0;
 642                text.style: "Index_scroll_bar_select";
 643             }
 644          }
 645       }
 646       programs {
 647          program { name: "active";
 648             signal: "elm,state,active";
 649             source: "elm";
 650             action: STATE_SET "active" 0.0;
 651             transition: DECELERATE 0.0;
 652             target: "elm.text";
 653             target: "bg";
 654             target: "bg_press_line";
 655             after: "divider.inactive";
 656          }
 657          program { name: "divider.inactive";
 658             action: STATE_SET "inactive" 0.0;
 659             target: "divider";
 660             target: "bg_divider_line";
 661          }
 662          program { name: "inactive";
 663             signal: "elm,state,inactive";
 664             source: "elm";
 665             action: STATE_SET "default" 0.0;
 666             transition: DECELERATE 0.0;
 667             target: "elm.text";
 668             target: "bg";
 669             target: "bg_press_line";
 670             after: "divider.active";
 671          }
 672          program { name: "divider.active";
 673             action: STATE_SET "default" 0.0;
 674             target: "divider";
 675             target: "bg_divider_line";
 676          }
 677          program {
 678             signal: "elm,last,item";
 679             source: "elm";
 680             action: STATE_SET "inactive" 0.0;
 681             target: "divider";
 682          }
 683       }
 684    }
 685
 686    group { name: "elm/index/item2/vertical/default";
 687       alias: "elm/index/item2_odd/vertical/default";
 688       data.item: "stacking" "above";
 689       data.item: "selectraise" "on";
 690       parts {
 691          part { name: "bg";
 692             type: RECT;
 693             mouse_events: 0;
 694             scale: 1;
 695             description { state: "default" 0.0;
 696                min: INDEX_SCROLL_HANDLE_ITEM_WIDTH INDEX_SCROLL_HANDLE_ITEM_HEIGHT;
 697                color: 43 43 43 255; /*(Changeable UI) color_class: "B0723";*/
 698                rel1.to: "elm.text";
 699                rel2.to: "elm.text";
 700             }
 701          }
 702          part { name: "bg_divider_line";
 703             type: RECT;
 704             scale: 1;
 705             description { state: "default" 0.0;
 706                rel1.to: "bg";
 707                rel2 {to: "bg"; relative: 0.0 1.0;}
 708                fixed: 1 0;
 709                min: INDEX_SCROLL_DIVIDER_WIDTH_INC 0;
 710                max: INDEX_SCROLL_DIVIDER_WIDTH_INC -1;
 711                color: 63 63 63 255; /*(Changeable UI) color_class: "B171";*/
 712                align: 0.0 0.5;
 713             }
 714             description { state: "inactive" 0.0;
 715                inherit: "default" 0.0;
 716                visible: 0;
 717             }
 718          }
 719          part { name: "divider";
 720             type: RECT;
 721             mouse_events: 0;
 722             scale: 1;
 723             description {
 724                state: "default" 0.0;
 725                align: 0.0 1.0;
 726                min: 0 INDEX_DIVIDER_WIDTH_INC;
 727                fixed: 1 1;
 728                rel1.relative: 0.0 1.0;
 729                color: 96 96 96 51; /*(Changeable UI) color_class: "B0725";*/
 730             }
 731             description {
 732                state: "inactive" 0.0;
 733                inherit: "default" 0.0;
 734                visible: 0;
 735             }
 736          }
 737          part { name: "elm.text";
 738             type: TEXTBLOCK;
 739             mouse_events: 0;
 740             scale: 1;
 741             description {
 742                align: 0.5 0.5;
 743                state: "default" 0.0;
 744                text.style: "Index_scroll_bar_unselect";
 745             }
 746             description { state: "active" 0.0;
 747                inherit: "default" 0.0;
 748                text.style: "Index_scroll_bar_2depth_focus_bar";
 749             }
 750          }
 751       }
 752       programs {
 753          program { name: "active";
 754             signal: "elm,state,active";
 755             source: "elm";
 756             action: STATE_SET "active" 0.0;
 757             transition: DECELERATE 0.0;
 758             target: "elm.text";
 759          }
 760          program { name: "inactive";
 761             signal: "elm,state,inactive";
 762             source: "elm";
 763             action: STATE_SET "default" 0.0;
 764             transition: DECELERATE 0.0;
 765             target: "elm.text";
 766          }
 767          program {
 768             signal: "elm,last,item";
 769             source: "elm";
 770             action: STATE_SET "inactive" 0.0;
 771             target: "divider";
 772          }
 773       }
 774    }
 775
 776    group {
 777       name: "elm/index/base/vertical/tab";
 778       alias: "elm/index/base/horizontal/tab";
 779       parts {
 780          part { name: "clip";
 781             type: RECT;
 782             mouse_events:  0;
 783             description { state: "default" 0.0;
 784                visible:  0;
 785             }
 786             description { state: "active" 0.0;
 787                visible:  1;
 788             }
 789          }
 790          part { name: "elm.swallow.index.0";
 791             type: SWALLOW;
 792             scale: 1;
 793             clip_to: "clip";
 794             description {
 795                state: "default" 0.0;
 796                min: 0 INDEX_TAB_HEIGHT;
 797                max: -1 INDEX_TAB_HEIGHT;
 798                align: 0.5 0.0;
 799                fixed: 0 1;
 800             }
 801          }
 802          part { name: "elm.swallow.event.0";
 803             type: SWALLOW;
 804             description { state: "default" 0.0;
 805                align: 0.5 0.5;
 806             }
 807          }
 808       }
 809       programs {
 810          program { name: "active";
 811             signal: "elm,state,active";
 812             source: "elm";
 813             action: STATE_SET "active" 0.0;
 814             transition: DECELERATE 0.5;
 815             target: "clip";
 816          }
 817          program { name: "inactive";
 818             signal: "elm,state,inactive";
 819             source: "elm";
 820             action: STATE_SET "default" 0.0;
 821             transition: DECELERATE 0.5;
 822             target: "clip";
 823          }
 824       }
 825    }
 826    group {
 827       name: "elm/index/item/vertical/tab";
 828       alias: "elm/index/item_odd/vertical/tab";
 829       alias: "elm/index/item/horizontal/tab";
 830       alias: "elm/index/item_odd/horizontal/tab";
 831       parts {
 832          part { name:"bg";
 833             type : RECT;
 834             scale: 1;
 835             description { state: "default" 0.0;
 836                color: 0 0 0 0;
 837             }
 838          }
 839          part { name: "indicator1";
 840             type: RECT;
 841             mouse_events: 0;
 842             scale: 1;
 843             description { state: "default" 0.0;
 844                color: 19 50 76 255; /*(Changeable UI) color_class: "B0514";*/
 845                rel1 {
 846                   to_x: "left_padding";
 847                   relative: 1 0;
 848                }
 849                rel2 {
 850                   to_x: "right_padding";
 851                   relative: 0 1;
 852                }
 853             }
 854             description { state: "active" 0.0;
 855                inherit: "default" 0.0;
 856                visible: 0;
 857             }
 858             description { state: "active" 0.0;
 859                inherit: "default" 0.0;
 860                visible: 1;
 861                rel1.offset: 1 0;
 862                rel2.offset: -1 0;
 863             }
 864          }
 865          part { name: "left_padding";
 866             type: SPACER;
 867             scale: 1;
 868             description { state: "default" 0.0;
 869                align: 0 0.5;
 870                fixed: 1 0;
 871                min: INDEX_TAB_PADDING_SIZE 0;
 872                max: INDEX_TAB_PADDING_SIZE -1;
 873                rel2.relative: 0 1;
 874             }
 875             description { state: "first" 0.0;
 876                inherit: "default" 0.0;
 877                min: 0 0;
 878                max: 0 -1;
 879             }
 880             description { state: "last" 0.0;
 881                inherit: "default" 0.0;
 882             }
 883          }
 884          part { name: "right_padding";
 885             type: SPACER;
 886             scale: 1;
 887             description { state: "default" 0.0;
 888                align: 1 0.5;
 889                fixed: 1 0;
 890                min: INDEX_TAB_PADDING_SIZE 0;
 891                max: INDEX_TAB_PADDING_SIZE -1;
 892                rel1.relative: 1 0;
 893             }
 894             description { state: "first" 0.0;
 895                inherit: "default" 0.0;
 896             }
 897             description { state: "last" 0.0;
 898                inherit: "default" 0.0;
 899                min: 0 0;
 900                max: 0 -1;
 901             }
 902          }
 903          part { name: "indicator2";
 904             type: RECT;
 905             mouse_events: 0;
 906             scale: 1;
 907             description { state: "default" 0.0;
 908                color: 0 110 255 255; /*(Changeable UI) color_class: "B0514P1";*/
 909                visible: 0;
 910                rel1 {
 911                   to_x: "left_padding";
 912                   relative: 1 0;
 913                }
 914                rel2 {
 915                   to_x: "right_padding";
 916                   relative: 0 1;
 917                }
 918             }
 919             description { state: "active" 0.0;
 920                inherit: "default" 0.0;
 921                visible: 1;
 922             }
 923          }
 924       }
 925       programs {
 926          program { name: "active";
 927             signal: "elm,state,active";
 928             source: "elm";
 929             action: STATE_SET "active" 0.0;
 930             target: "indicator1";
 931             target: "indicator2";
 932          }
 933          program { name: "first";
 934             signal: "elm,first,item";
 935             source: "elm";
 936             action: STATE_SET "first" 0.0;
 937             target: "left_padding";
 938             target: "right_padding";
 939          }
 940          program { name: "last";
 941             signal: "elm,last,item";
 942             source: "elm";
 943             action: STATE_SET "last" 0.0;
 944             target: "left_padding";
 945             target: "right_padding";
 946          }
 947          program { name: "inactive";
 948             signal: "elm,state,inactive";
 949             source: "elm";
 950             action: STATE_SET "default" 0.0;
 951             target: "indicator1";
 952             target: "indicator2";
 953          }
 954       }
 955    }
 956
 957    group {
 958       name: "elm/index/base/vertical/thumbnail";
 959       alias: "elm/index/base/horizontal/thumbnail";
 960       parts {
 961          part { name: "clip";
 962             type: RECT;
 963             mouse_events:  0;
 964             description { state: "default" 0.0;
 965                visible:  0;
 966             }
 967             description { state: "active" 0.0;
 968                visible:  1;
 969             }
 970          }
 971          part { name: "elm.swallow.index.0";
 972             type: SWALLOW;
 973             scale: 1;
 974             clip_to: "clip";
 975             description {
 976                state: "default" 0.0;
 977                align: 0.5 0.5;
 978                rel1.relative: 0.5 0.5;
 979                rel2.relative: 0.5 0.5;
 980                fixed: 1 1;
 981             }
 982          }
 983       }
 984       programs {
 985          program { name: "active";
 986             signal: "elm,state,active";
 987             source: "elm";
 988             action: STATE_SET "active" 0.0;
 989             transition: DECELERATE 0.5;
 990             target: "clip";
 991          }
 992          program { name: "inactive";
 993             signal: "elm,state,inactive";
 994             source: "elm";
 995             action: STATE_SET "default" 0.0;
 996             transition: DECELERATE 0.5;
 997             target: "clip";
 998          }
 999       }
1000    }
1001    group {
1002       name: "elm/index/item/vertical/thumbnail";
1003       alias: "elm/index/item_odd/vertical/thumbnail";
1004       alias: "elm/index/item/horizontal/thumbnail";
1005       alias: "elm/index/item_odd/horizontal/thumbnail";
1006       images {
1007          image: "indicator_on_normal.png" COMP;
1008          image: "indicator_on_focused.png" COMP;
1009          image: "indicator_on_normal_ef.png" COMP;
1010          image: "indicator_on_focused_ef.png" COMP;
1011       }
1012       parts {
1013          part { name:"bg";
1014             type : RECT;
1015             scale: 1;
1016             description { state: "default" 0.0;
1017                color: 0 0 0 0;
1018                min: INDEX_THUMBNAIL_BG_SIZE;
1019                max: INDEX_THUMBNAIL_BG_SIZE;
1020                visible: 0;
1021                align: 0.5 0.5;
1022             }
1023          }
1024          part { name: "indicator1";
1025             mouse_events: 0;
1026             scale: 1;
1027             description { state: "default" 0.0;
1028                align: 0.5 0.5;
1029                fixed: 1 1;
1030                min: INDEX_THUMBNAIL_IND_SIZE;
1031                max: INDEX_THUMBNAIL_IND_SIZE;
1032                image.normal: "indicator_on_normal.png";
1033                color: 249 249 249 127; /*(Changeable UI) color_class: "W1912";*/
1034             }
1035             description { state: "active" 0.0;
1036                inherit: "default" 0.0;
1037                visible: 0;
1038             }
1039          }
1040          part { name: "indicator2";
1041             mouse_events: 0;
1042             scale: 1;
1043             description { state: "default" 0.0;
1044                align: 0.5 0.5;
1045                fixed: 1 1;
1046                min: INDEX_THUMBNAIL_IND_SIZE;
1047                max: INDEX_THUMBNAIL_IND_SIZE;
1048                image.normal: "indicator_on_focused.png";
1049                color: 249 249 249 255; /*(Changeable UI) color_class: "W1911";*/
1050                visible: 0;
1051             }
1052             description { state: "active" 0.0;
1053                inherit: "default" 0.0;
1054                visible: 1;
1055             }
1056          }
1057          part { name: "indicator1_effect";
1058             mouse_events: 0;
1059             scale: 1;
1060             description { state: "default" 0.0;
1061                rel1.to: "indicator1";
1062                rel2.to: "indicator1";
1063                fixed: 1 1;
1064                image.normal: "indicator_on_normal_ef.png";
1065                color: 7 7 7 127; /*(Changeable UI) color_class: "W222";*/
1066             }
1067             description { state: "active" 0.0;
1068                inherit: "default" 0.0;
1069                visible: 0;
1070             }
1071          }
1072          part { name: "indicator2_effect";
1073             mouse_events: 0;
1074             scale: 1;
1075             description { state: "default" 0.0;
1076                rel1.to: "indicator2";
1077                rel2.to: "indicator2";
1078                fixed: 1 1;
1079                image.normal: "indicator_on_focused_ef.png";
1080                color: 7 7 7 63; /*(Changeable UI) color_class: "W221";*/
1081                visible: 0;
1082             }
1083             description { state: "active" 0.0;
1084                inherit: "default" 0.0;
1085                visible: 1;
1086             }
1087          }
1088       }
1089       programs {
1090          program { name: "active";
1091             signal: "elm,state,active";
1092             source: "elm";
1093             action: STATE_SET "active" 0.0;
1094             target: "indicator1";
1095             target: "indicator2";
1096             target: "indicator1_effect";
1097             target: "indicator2_effect";
1098          }
1099          program { name: "inactive";
1100             signal: "elm,state,inactive";
1101             source: "elm";
1102             action: STATE_SET "default" 0.0;
1103             target: "indicator1";
1104             target: "indicator2";
1105             target: "indicator1_effect";
1106             target: "indicator2_effect";
1107          }
1108       }
1109    }