themes/widgets/slider.edc

   1 /*
   2  * efl-theme-tizen
   3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the License);
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *     http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an AS IS BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18
  19
  20    group { name: "elm/slider/horizontal/tap_to_drag";
  21       images {
  22          image: "00_progress_bg.png" COMP;
  23          image: "00_progress_bar.png" COMP;
  24       }
  25       script {
  26          public invert_on = 0;
  27          public set_invert_on() {
  28             set_state(PART:"level", "inverted", 0.0);
  29             set_state(PART:"level2", "inverted", 0.0);
  30             set_int(invert_on, 1);
  31          }
  32          public set_invert_off() {
  33             set_state(PART:"level", "default", 0.0);
  34             set_state(PART:"level2", "default", 0.0);
  35             set_int(invert_on, 0);
  36          }
  37          public thumb_down() {
  38             if(get_int(invert_on) == 0)
  39                set_state(PART:"level", "pressed", 0.0);
  40             else if(get_int(invert_on) == 1)
  41                set_state(PART:"level2", "pressed", 0.0);
  42             }
  43          public thumb_up() {
  44             if(get_int(invert_on) == 0)
  45                set_state(PART:"level", "default", 0.0);
  46             else if(get_int(invert_on) == 1)
  47                set_state(PART:"level2", "inverted", 0.0);
  48             }
  49          }
  50          parts {
  51             part { name: "access";
  52                type: RECT;
  53                description { state: "default" 0.0;
  54                   fixed: 1 1;
  55                   color: 0 0 0 0;
  56                }
  57             }
  58             part { name: "base";
  59                mouse_events: 0;
  60                scale: 1;
  61                description { state: "default" 0.0;
  62                   min: SLIDER_BASE_MIN_WIDTH_INC SLIDER_BASE_HEIGHT_INC;
  63                   max: 99999 SLIDER_BASE_HEIGHT_INC;
  64                   rel1 { to: "bg";
  65                      offset: 1 0;
  66                   }
  67                   rel2 { to: "bg";
  68                      offset: -5 -1;
  69                   }
  70                   image.normal: "00_progress_bg.png";
  71                   image.border: PROGRESS_BG_IMAGE_BORDER_INC;
  72                   image.border_scale: 1;
  73                }
  74             }
  75             part {
  76                name: "bar_image_left_padding";
  77                type: RECT;
  78                scale: 1;
  79                description {
  80                   state: "default" 0.0;
  81                   visible: 0;
  82                   min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
  83                   max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
  84                   fixed: 1 0;
  85                   rel1.to: "base";
  86                   rel2 {
  87                      relative: 0.0  1.0;
  88                      to: "base";
  89                   }
  90                   align: 0.0 0.5;
  91                }
  92             }
  93             part {
  94                name: "bar_image_right_padding";
  95                type: RECT;
  96                scale: 1;
  97                description {
  98                   state: "default" 0.0;
  99                   visible: 0;
 100                   min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 101                   max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 102                   fixed: 1 0;
 103                   rel1 {
 104                      relative: 1.0  0.0;
 105                      to: "base";
 106                   }
 107                   rel2.to: "base";
 108                   align: 1.0 0.5;
 109                }
 110             }
 111             part { name: "level";
 112                mouse_events: 0;
 113                scale: 1;
 114                clip_to: "clipper";
 115                description { state: "default" 0.0;
 116                   fixed: 1 1;
 117                   rel1 {
 118                      to_x: "bar_image_left_padding";
 119                      to_y: "base";
 120                      relative: 1.0 0.0;
 121                   }
 122                   rel2 {
 123                      to_y: "base";
 124                      to_x: "elm.dragable.slider";
 125                      offset: -5 -1;
 126                      relative: 0.5 1.0;
 127                   }
 128                   image.normal: "00_progress_bar.png";
 129                   image.border: PROGRESS_BAR_IMAGE_BORDER_INC;
 130                   image.border_scale: 1;
 131                }
 132                description { state: "inverted" 0.0;
 133                   inherit: "default" 0.0;
 134                   visible: 0;
 135                }
 136                description { state: "pressed" 0.0;
 137                   inherit: "default" 0.0;
 138                }
 139             }
 140             part { name: "level2";
 141                mouse_events: 0;
 142                scale: 1;
 143                clip_to: "clipper";
 144                description { state: "default" 0.0;
 145                   fixed: 1 1;
 146                   visible: 0;
 147                   rel1 {
 148                      to_y: "base";
 149                      to_x: "elm.dragable.slider";
 150                      relative: 0.5 0.0;
 151                   }
 152                   rel1 {
 153                      to_x: "bar_image_right_padding";
 154                      to_y: "base";
 155                      relative: 0.0 1.0;
 156                   }
 157                   image.normal: "00_progress_bg.png";
 158                   image.border: PROGRESS_BG_IMAGE_BORDER_INC;
 159                   image.border_scale: 1;
 160                }
 161                description { state: "inverted" 0.0;
 162                   inherit: "default" 0.0;
 163                   visible: 1;
 164                }
 165                description { state: "pressed" 0.0;
 166                   inherit: "default" 0.0;
 167                   visible: 1;
 168                }
 169             }
 170             part { name: "bg";
 171                type: RECT;
 172                mouse_events: 0;
 173                scale: 1;
 174                description { state: "default" 0.0;
 175                   visible: 0;
 176                   rel1.to: "elm.swallow.bar";
 177                   rel2.to: "elm.swallow.bar";
 178                   rel2.offset: 3 0;
 179                   color: 0 0 0 0;
 180                }
 181             }
 182             part { name: "elm.swallow.bar";
 183                type: SWALLOW;
 184                scale: 1;
 185                description { state: "default" 0.0;
 186                   min: SLIDER_SWALLOW_BAR_MIN_WIDTH_INC SLIDER_SWALLOW_BAR_HEIGHT_INC;
 187                   max: 99999 SLIDER_SWALLOW_BAR_HEIGHT_INC;
 188                   align: 1.0 0.5;
 189                   rel1 {
 190                      to_x: "bar_left_padding";
 191                      relative: 1.0 0.0;
 192                   }
 193                   rel2 {
 194                      to_x: "bar_right_padding";
 195                      relative: 0.0 1.0;
 196                   }
 197                }
 198             }
 199             part {
 200                name: "bar_left_padding";
 201                type: SWALLOW;
 202                scale: 1;
 203                description {
 204                   state: "default" 0.0;
 205                   visible: 0;
 206                   min: 10 0;
 207                   fixed: 1 1;
 208                   rel1 {
 209                      relative: 1.0  0.5;
 210                      to_x: "elm.text";
 211                   }
 212                   rel2 {
 213                      relative: 1.0  0.5;
 214                      to_x: "elm.text";
 215                   }
 216                   align: 0.0 0.5;
 217                }
 218             }
 219             part {
 220                name: "bar_right_padding";
 221                type: SWALLOW;
 222                scale: 1;
 223                description {
 224                   state: "default" 0.0;
 225                   visible: 0;
 226                   min: 10 0;
 227                   fixed: 1 1;
 228                   rel1 {
 229                      relative: 0.0  0.5;
 230                      to_x: "elm.units";
 231                   }
 232                   rel2 {
 233                      relative: 0.0  0.5;
 234                      to_x: "elm.units";
 235                   }
 236                   align: 1.0 0.5;
 237                }
 238             }
 239             part { name: "elm.swallow.icon";
 240                type: SWALLOW;
 241                scale: 1;
 242                description { state: "default" 0.0;
 243                   visible: 0;
 244                   align: 0.0 0.5;
 245                   rel1 {
 246                      to_y: "elm.swallow.bar";
 247                   }
 248                   rel2 {
 249                      relative: 0.0 1.0;
 250                      to_y: "elm.swallow.bar";
 251                   }
 252                }
 253                description { state: "visible" 0.0;
 254                   inherit: "default" 0.0;
 255                   visible: 1;
 256                   aspect: 1.0 1.0;
 257                   aspect_preference: VERTICAL;
 258                }
 259             }
 260             part { name: "elm.text";
 261                type: TEXT;
 262                mouse_events: 0;
 263                scale: 1;
 264                description { state: "default" 0.0;
 265                   visible: 0;
 266                   fixed: 1 1;
 267                   align: 0.0 0.5;
 268                   rel1.to_x: "elm.swallow.icon";
 269                   rel1.relative: 1.0 0.0;
 270                   rel1.offset: -1 4;
 271                   rel2.to_x: "elm.swallow.icon";
 272                   rel2.relative: 1.0 1.0;
 273                   rel2.offset: -1 -5;
 274                   color: SLIDER_UNITS_TEXT_COLOR_INC;
 275                   text {
 276                      font: "Tizen:style=Medium";
 277                      size: SLIDER_UNITS_TEXT_SIZE_INC;
 278                      min: 0 0;
 279                      align: 0.0 0.5;
 280                      text_class: "tizen";
 281                   }
 282                }
 283                description { state: "visible" 0.0;
 284                   inherit: "default" 0.0;
 285                   visible: 1;
 286                   text.min: 1 1;
 287                   rel1.offset: 0 4;
 288                   rel2.offset: 0 -5;
 289                }
 290             }
 291             part { name: "elm.swallow.end";
 292                type: SWALLOW;
 293                scale: 1;
 294                description { state: "default" 0.0;
 295                   visible: 0;
 296                   align: 1.0 0.5;
 297                   rel1 {
 298                      relative: 1.0 0.0;
 299                      to_y: "elm.swallow.bar";
 300                   }
 301                   rel2 {
 302                      relative: 1.0 1.0;
 303                      to_y: "elm.swallow.bar";
 304                   }
 305                }
 306                description { state: "visible" 0.0;
 307                   inherit: "default" 0.0;
 308                   visible: 1;
 309                   aspect: 1.0 1.0;
 310                   aspect_preference: VERTICAL;
 311                }
 312             }
 313             part { name: "units";
 314                mouse_events: 0;
 315                scale: 1;
 316                description { state: "default" 0.0;
 317                   visible: 0;
 318                   rel1 {
 319                      to_x: "elm.units";
 320                      offset: 0 5;
 321                   }
 322                   image {
 323    //                  normal: "sl_units.png";
 324                      border: 0 5 3 8;
 325                      border_scale: 1;
 326                   }
 327                }
 328                description { state: "visible" 0.0;
 329                   inherit: "default" 0.0;
 330                   visible: 1;
 331                }
 332             }
 333             part { name: "elm.units";
 334                type: TEXT;
 335                mouse_events: 0;
 336                scale: 1;
 337                description { state: "default" 0.0;
 338                   visible: 0;
 339                   fixed: 1 1;
 340                   align: 1.0 0.5;
 341                   rel1.relative: 0.0 0.0;
 342                   rel1.offset: 0 8;
 343                   rel1.to_x: "elm.swallow.end";
 344                   rel2.relative: 0.0 1.0;
 345                   rel2.offset: 0 -9;
 346                   rel2.to_x: "elm.swallow.end";
 347                   color: SLIDER_UNITS_TEXT_COLOR_INC;
 348                   text {
 349                      font: "Tizen:style=Bold";
 350                      size: SLIDER_UNITS_TEXT_SIZE_INC;
 351                      min: 0 0;
 352                      align: 0.0 0.5;
 353                      text_class: "tizen";
 354                   }
 355                }
 356                description { state: "visible" 0.0;
 357                   inherit: "default" 0.0;
 358                   fixed: 1 1;
 359                   visible: 1;
 360                   text.min: 1 1;
 361                   rel1.offset: -5 0;
 362                   rel2.offset: -5 -1;
 363                }
 364             }
 365             part { name: "elm.dragable.slider";
 366                type: GROUP;
 367                source: "elm/slider/horizontal/indicator/tap_to_drag";
 368                mouse_events: 1;
 369                scale: 1;
 370                dragable {
 371                   x: 1 1 0;
 372                   y: 0 0 0;
 373                   confine: "bg";
 374                }
 375                description { state: "default" 0.0;
 376                   min: SLIDER_INDICATOR_WIDTH_INC SLIDER_INDICATOR_HEIGHT_INC;
 377                   fixed: 1 1;
 378                   rel1 {
 379                      relative: 0.5 0.0;
 380                      to_x: "bg";
 381                   }
 382                   rel2 {
 383                      relative: 0.5 1.0;
 384                      to_x: "bg";
 385                   }
 386                   color: 0 0 0 0;
 387                }
 388             }
 389             part { name: "disabler";
 390                type: RECT;
 391                mouse_events: 1;
 392                repeat_events: 0;
 393                scale: 1;
 394                description { state: "default" 0.0;
 395                   visible: 0;
 396                   min: 1 1;
 397                   color: 0 0 0 0;
 398                }
 399                description { state: "disabled" 0.0;
 400                   inherit: "default" 0.0;
 401                   visible: 1;
 402                }
 403             }
 404             part { name: "clipper";
 405                type: RECT;
 406                description { state: "default" 0.0;
 407                   color: 255 255 255 255;
 408                }
 409                description { state: "disabled" 0.0;
 410                   color: 255 255 255 102;
 411                }
 412             }
 413          }
 414          programs {
 415             program { name: "text_show";
 416             signal: "elm,state,text,visible";
 417             source: "elm";
 418             action:  STATE_SET "visible" 0.0;
 419             target: "elm.text";
 420          }
 421          program { name: "text_hide";
 422             signal: "elm,state,text,hidden";
 423             source: "elm";
 424             action:  STATE_SET "default" 0.0;
 425             target: "elm.text";
 426          }
 427          program { name: "icon_show";
 428             signal: "elm,state,icon,visible";
 429             source: "elm";
 430             action:  STATE_SET "visible" 0.0;
 431             target: "elm.swallow.icon";
 432          }
 433          program { name: "icon_hide";
 434             signal: "elm,state,icon,hidden";
 435             source: "elm";
 436             action:  STATE_SET "default" 0.0;
 437             target: "elm.swallow.icon";
 438          }
 439          program { name: "end_show";
 440             signal: "elm,state,end,visible";
 441             source: "elm";
 442             action:  STATE_SET "visible" 0.0;
 443             target: "elm.swallow.end";
 444          }
 445          program { name: "end_hide";
 446             signal: "elm,state,end,hidden";
 447             source: "elm";
 448             action:  STATE_SET "default" 0.0;
 449             target: "elm.swallow.end";
 450          }
 451          program { name: "units_show";
 452             signal: "elm,state,units,visible";
 453             source: "elm";
 454             action:  STATE_SET "visible" 0.0;
 455             target: "elm.units";
 456             target: "units";
 457          }
 458          program { name: "units_hide";
 459             signal: "elm,state,units,hidden";
 460             source: "elm";
 461             action:  STATE_SET "default" 0.0;
 462             target: "elm.units";
 463             target: "units";
 464          }
 465          program { name: "invert_on";
 466             signal: "elm,state,inverted,on";
 467             source: "elm";
 468             script {
 469                set_invert_on();
 470             }
 471          }
 472          program { name: "invert_off";
 473             signal: "elm,state,inverted,off";
 474             source: "elm";
 475             script {
 476                set_invert_off();
 477             }
 478          }
 479          program { name: "val_show";
 480             signal: "mouse,down,*";
 481             source: "elm.dragable.slider";
 482             script {
 483                thumb_down();
 484             }
 485          }
 486          program { name: "val_hide";
 487             signal: "mouse,up,*";
 488             source: "elm.dragable.slider";
 489             script {
 490                thumb_up();
 491             }
 492          }
 493          program { name: "slider_disable";
 494             signal: "elm,state,disabled";
 495             source: "elm";
 496             action:  STATE_SET "disabled" 0.0;
 497             target: "disabler";
 498             target: "clipper";
 499          }
 500          program { name: "slider_enable";
 501             signal: "elm,state,enabled";
 502             source: "elm";
 503             action:  STATE_SET "default" 0.0;
 504             target: "disabler";
 505             target: "clipper";
 506          }
 507       }
 508    }
 509
 510    group { name: "elm/slider/horizontal/indicator/default";
 511            alias: "elm/slider/horizontal/indicator/disabled";
 512            alias: "elm/slider/horizontal/indicator/tap_to_drag";
 513       images {
 514          image: "00_slider_handle.png" COMP;
 515          image: "00_slider_handle_dim.png" COMP;
 516          image: "00_slider_handle_press.png" COMP;
 517       }
 518       parts {
 519          part { name: "access";
 520             type: RECT;
 521             description { state: "default" 0.0;
 522                fixed: 1 1;
 523                color: 0 0 0 0;
 524             }
 525          }
 526          part { name: "button_events";
 527             type: RECT;
 528             mouse_events: 1;
 529             scale: 1;
 530             description { state: "default" 0.0;
 531                fixed: 1 1;
 532                min: 2*SLIDER_INDICATOR_WIDTH_INC 1.5*SLIDER_INDICATOR_HEIGHT_INC;
 533                aspect: 1.0 1.0;
 534                aspect_preference: VERTICAL;
 535                color: 0 0 0 0;
 536             }
 537             description { state: "disabled" 0.0;
 538                inherit: "default" 0.0;
 539                visible: 0;
 540             }
 541          }
 542          part { name: "image_left_padding";
 543             type: RECT;
 544             mouse_events: 0;
 545             scale: 1;
 546             description { state: "default" 0.0;
 547                visible: 0;
 548                fixed: 1 1;
 549                min: SLIDER_INDICATOR_IMAGE_PADDING_SIZE_INC;
 550                max: SLIDER_INDICATOR_IMAGE_PADDING_SIZE_INC;
 551                rel1 {
 552                   to_x: "elm.indicator";
 553                   relative: -1.0 0.0;
 554                }
 555                rel2 {
 556                   to_x: "elm.indicator";
 557                   relative: 0.0 1.0;
 558                }
 559                align: 1.0 0.5;
 560             }
 561          }
 562          part { name: "image_right_padding";
 563             type: RECT;
 564             mouse_events: 0;
 565             scale: 1;
 566             description { state: "default" 0.0;
 567                visible: 0;
 568                fixed: 1 1;
 569                min: SLIDER_INDICATOR_IMAGE_PADDING_SIZE_INC;
 570                max: SLIDER_INDICATOR_IMAGE_PADDING_SIZE_INC;
 571                rel1 {
 572                   to_x: "elm.indicator";
 573                   relative: 1.0 0.0;
 574                }
 575                rel2 {
 576                   to_x: "elm.indicator";
 577                   relative: 2.0 1.0;
 578                }
 579                align: 0.0 0.5;
 580             }
 581          }
 582          part { name: "button0";
 583             mouse_events: 0;
 584             scale: 1;
 585             description { state: "default" 0.0;
 586                fixed: 1 1;
 587                min: SLIDER_INDICATOR_WIDTH_INC SLIDER_INDICATOR_HEIGHT_INC;
 588                max: SLIDER_INDICATOR_MAX_WIDTH_INC SLIDER_INDICATOR_HEIGHT_INC;
 589                rel1.to: "image_left_padding";
 590                rel2.to: "image_right_padding";
 591                image {
 592                   normal: "00_slider_handle.png";
 593                   border: SLIDER_INDICATOR_IMAGE_BORDER_INC;
 594                   border_scale: 1;
 595                }
 596             }
 597             description { state: "pressed" 0.0;
 598                inherit: "default" 0.0;
 599                image {
 600                   normal: "00_slider_handle_press.png";
 601                }
 602             }
 603             description { state: "disabled" 0.0;
 604                inherit: "default" 0.0;
 605                image {
 606                   normal: "00_slider_handle_dim.png";
 607                }
 608             }
 609          }
 610          part { name: "elm.indicator";
 611             type: TEXT;
 612             mouse_events: 0;
 613             scale: 1;
 614             description { state: "default" 0.0;
 615                visible: 1;
 616                color: SLIDER_INDICATOR_TEXT_COLOR_INC;
 617                text {
 618                   font: "Tizen:style=Medium";
 619                   size: SLIDER_INDICATOR_TEXT_SIZE_INC;
 620                   min: 1 1;
 621                   align: 0.5 0.5;
 622                   text_class: "tizen";
 623                }
 624             }
 625             description { state: "hide" 0.0;
 626                inherit: "default" 0.0;
 627                visible: 0;
 628              }
 629             description { state: "pressed" 0.0;
 630                inherit: "default" 0.0;
 631                color: SLIDER_INDICATOR_TEXT_PRESSED_COLOR_INC;
 632             }
 633          }
 634       }
 635       programs {
 636          program { name: "set_val_show";
 637             signal: "elm,state,val,show";
 638             source: "elm";
 639             action:  STATE_SET "default" 0.0;
 640             target: "elm.indicator";
 641          }
 642          program { name: "set_val_hide";
 643             signal: "elm,state,val,hide";
 644             source: "elm";
 645             action:  STATE_SET "hide" 0.0;
 646             target: "elm.indicator";
 647          }
 648          program { name: "slider_disable";
 649             signal: "elm,state,disabled";
 650             source: "elm";
 651             action:  STATE_SET "disabled" 0.0;
 652             target: "button0";
 653             target: "button_events";
 654          }
 655          program { name: "slider_enable";
 656             signal: "elm,state,enabled";
 657             source: "elm";
 658             action:  STATE_SET "default" 0.0;
 659             target: "button0";
 660             target: "button_events";
 661          }
 662          program { name: "mouse_down";
 663             signal: "mouse,down,*";
 664             source: "button_events";
 665             action:  STATE_SET "pressed" 0.0;
 666             target: "button0";
 667             after: "text_pressed";
 668          }
 669          program { name: "mouse_up";
 670             signal: "mouse,up,*";
 671             source: "button_events";
 672             action:  STATE_SET "default" 0.0;
 673             target: "button0";
 674             after: "text_unpressed";
 675          }
 676          program { name: "text_pressed";
 677             script {
 678                new st[31];
 679                new Float:vl;
 680                get_state(PART:"elm.indicator", st, 30, vl);
 681                if (!strcmp(st, "default"))
 682                  set_state(PART:"elm.indicator", "pressed", 0.0);
 683             }
 684          }
 685          program { name: "text_unpressed";
 686             script {
 687                new st[31];
 688                new Float:vl;
 689                get_state(PART:"elm.indicator", st, 30, vl);
 690                if (!strcmp(st, "pressed"))
 691                  set_state(PART:"elm.indicator", "default", 0.0);
 692             }
 693          }
 694       }
 695    }
 696
 697    group { name: "elm/slider/horizontal/default";
 698            alias: "elm/slider/horizontal/disabled";
 699       images {
 700          image: "00_progress_bg.png" COMP;
 701          image: "00_progress_bar.png" COMP;
 702       }
 703       script {
 704          public invert_on = 0;
 705          public set_invert_on() {
 706             set_state(PART:"level", "inverted", 0.0);
 707             set_state(PART:"level2", "inverted", 0.0);
 708             set_int(invert_on, 1);
 709          }
 710          public set_invert_off() {
 711             set_state(PART:"level", "default", 0.0);
 712             set_state(PART:"level2", "default", 0.0);
 713             set_int(invert_on, 0);
 714          }
 715          public thumb_down() {
 716             if(get_int(invert_on) == 0)
 717                set_state(PART:"level", "pressed", 0.0);
 718             else if(get_int(invert_on) == 1)
 719                set_state(PART:"level2", "pressed", 0.0);
 720             }
 721          public thumb_up() {
 722             if(get_int(invert_on) == 0)
 723                set_state(PART:"level", "default", 0.0);
 724             else if(get_int(invert_on) == 1)
 725                set_state(PART:"level2", "inverted", 0.0);
 726             }
 727          }
 728          parts {
 729             part { name: "access";
 730                type: RECT;
 731                description { state: "default" 0.0;
 732                   fixed: 1 1;
 733                   color: 0 0 0 0;
 734                }
 735             }
 736             part { name: "base";
 737                mouse_events: 0;
 738                scale: 1;
 739                description { state: "default" 0.0;
 740                   min: SLIDER_BASE_MIN_WIDTH_INC SLIDER_BASE_HEIGHT_INC;
 741                   max: 99999 SLIDER_BASE_HEIGHT_INC;
 742                   rel1.to: "bg";
 743                   rel2.to: "bg";
 744                   image.normal: "00_progress_bg.png";
 745                   image.border: PROGRESS_BG_IMAGE_BORDER_INC;
 746                   image.border_scale: 1;
 747                }
 748             }
 749             part {
 750                name: "bar_image_left_padding";
 751                type: RECT;
 752                scale: 1;
 753                description {
 754                   state: "default" 0.0;
 755                   visible: 0;
 756                   min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 757                   max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 758                   fixed: 1 0;
 759                   rel1.to: "base";
 760                   rel2 {
 761                      relative: 0.0  1.0;
 762                      to: "base";
 763                   }
 764                   align: 0.0 0.5;
 765                }
 766             }
 767             part {
 768                name: "bar_image_right_padding";
 769                type: RECT;
 770                scale: 1;
 771                description {
 772                   state: "default" 0.0;
 773                   visible: 0;
 774                   min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 775                   max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 776                   fixed: 1 0;
 777                   rel1 {
 778                      relative: 1.0  0.0;
 779                      to: "base";
 780                   }
 781                   rel2.to: "base";
 782                   align: 1.0 0.5;
 783                }
 784             }
 785             part { name: "level";
 786                mouse_events: 0;
 787                scale: 1;
 788                clip_to: "clipper";
 789                description { state: "default" 0.0;
 790                   fixed: 1 1;
 791                   rel1 {
 792                      to_x: "bar_image_left_padding";
 793                      to_y: "base";
 794                      relative: 1.0 0.0;
 795                   }
 796                   rel2 {
 797                      to_y: "base";
 798                      to_x: "elm.dragable.slider";
 799                      relative: 0.5 1.0;
 800                   }
 801                   image.normal: "00_progress_bar.png";
 802                   image.border: PROGRESS_BAR_IMAGE_BORDER_INC;
 803                   image.border_scale: 1;
 804                }
 805                description { state: "inverted" 0.0;
 806                   inherit: "default" 0.0;
 807                   visible: 0;
 808                }
 809                description { state: "pressed" 0.0;
 810                   inherit: "default" 0.0;
 811                }
 812             }
 813             part { name: "level2";
 814                mouse_events: 0;
 815                scale: 1;
 816                clip_to: "clipper";
 817                description { state: "default" 0.0;
 818                   fixed: 1 1;
 819                   visible: 0;
 820                   rel1 {
 821                      to_y: "base";
 822                      to_x: "elm.dragable.slider";
 823                      relative: 0.5 0.0;
 824                   }
 825                   rel2 {
 826                      to_y: "base";
 827                      to_x: "bar_image_left_padding";
 828                      relative: 0.0 1.0;
 829                   }
 830                   image.normal: "00_progress_bar.png";
 831                   image.border: PROGRESS_BAR_IMAGE_BORDER_INC;
 832                   image.border_scale: 1;
 833                }
 834                description { state: "inverted" 0.0;
 835                   inherit: "default" 0.0;
 836                   visible: 1;
 837                }
 838                description { state: "pressed" 0.0;
 839                   inherit: "default" 0.0;
 840                   visible: 1;
 841                }
 842             }
 843             part { name: "bg";
 844                type: RECT;
 845                mouse_events: 0;
 846                scale: 1;
 847                description { state: "default" 0.0;
 848                   visible: 0;
 849                   rel1.to: "elm.swallow.bar";
 850                   rel2.to: "elm.swallow.bar";
 851                }
 852             }
 853             part { name: "elm.swallow.bar";
 854                type: SWALLOW;
 855                mouse_events: 0;
 856                scale: 1;
 857                description { state: "default" 0.0;
 858                   min: SLIDER_SWALLOW_BAR_MIN_WIDTH_INC SLIDER_SWALLOW_BAR_HEIGHT_INC;
 859                   max: 99999 SLIDER_SWALLOW_BAR_HEIGHT_INC;
 860                   align: 1.0 0.5;
 861                   rel1 {
 862                      to_x: "bar_left_padding";
 863                      relative: 1.0 0.0;
 864                   }
 865                   rel2 {
 866                      to_x: "bar_right_padding";
 867                      relative: 0.0 1.0;
 868                   }
 869                }
 870             }
 871             part {
 872                name: "bar_left_padding";
 873                type: RECT;
 874                scale: 1;
 875                description {
 876                   state: "default" 0.0;
 877                   visible: 0;
 878                   min: 16 0;
 879                   fixed: 1 1;
 880                   rel1 {
 881                      relative: 1.0  0.5;
 882                      to_x: "elm.text";
 883                   }
 884                   rel2 {
 885                      relative: 1.0  0.5;
 886                      to_x: "elm.text";
 887                   }
 888                   align: 0.0 0.5;
 889                }
 890             }
 891             part {
 892                name: "bar_right_padding";
 893                type: RECT;
 894                scale: 1;
 895                description {
 896                   state: "default" 0.0;
 897                   visible: 0;
 898                   min: 16 0;
 899                   fixed: 1 1;
 900                   rel1 {
 901                      relative: 0.0  0.5;
 902                      to_x: "elm.units";
 903                   }
 904                   rel2 {
 905                      relative: 0.0  0.5;
 906                      to_x: "elm.units";
 907                   }
 908                   align: 1.0 0.5;
 909                }
 910             }
 911             part { name: "elm.swallow.icon";
 912                type: SWALLOW;
 913                scale: 1;
 914                description { state: "default" 0.0;
 915                   visible: 0;
 916                   align: 0.0 0.5;
 917                   rel1 {
 918                      to_y: "elm.swallow.bar";
 919                   }
 920                   rel2 {
 921                      relative: 0.0 1.0;
 922                      to_y: "elm.swallow.bar";
 923                   }
 924                }
 925                description { state: "visible" 0.0;
 926                   inherit: "default" 0.0;
 927                   visible: 1;
 928                   aspect: 1.0 1.0;
 929                   aspect_preference: VERTICAL;
 930                }
 931             }
 932             part { name: "elm.text";
 933                type: TEXT;
 934                mouse_events: 0;
 935                scale: 1;
 936                description { state: "default" 0.0;
 937                   visible: 0;
 938                   fixed: 1 1;
 939                   align: 0.0 0.5;
 940                   rel1.to_x: "elm.swallow.icon";
 941                   rel1.relative: 1.0 0.0;
 942                   rel2.to_x: "elm.swallow.icon";
 943                   color: SLIDER_UNITS_TEXT_COLOR_INC;
 944                   text {
 945                      font: "Tizen:style=Medium";
 946                      size: SLIDER_UNITS_TEXT_SIZE_INC;
 947                      min: 0 0;
 948                      align: 0.0 0.5;
 949                      text_class: "tizen";
 950                   }
 951                }
 952                description { state: "visible" 0.0;
 953                   inherit: "default" 0.0;
 954                   visible: 1;
 955                   text.min: 1 1;
 956                }
 957             }
 958             part { name: "elm.swallow.end";
 959                type: SWALLOW;
 960                scale: 1;
 961                description { state: "default" 0.0;
 962                   visible: 0;
 963                   align: 1.0 0.5;
 964                   rel1 {
 965                      relative: 1.0 0.0;
 966                      to_y: "elm.swallow.bar";
 967                   }
 968                   rel2 {
 969                      relative: 1.0 1.0;
 970                      to_y: "elm.swallow.bar";
 971                   }
 972                }
 973                description { state: "visible" 0.0;
 974                   inherit: "default" 0.0;
 975                   visible: 1;
 976                   aspect: 1.0 1.0;
 977                   aspect_preference: VERTICAL;
 978                }
 979             }
 980             part { name: "units";
 981                mouse_events: 0;
 982                scale: 1;
 983                description { state: "default" 0.0;
 984                   visible: 0;
 985                   rel1 {
 986                      to_x: "elm.units";
 987                   }
 988                }
 989                description { state: "visible" 0.0;
 990                   inherit: "default" 0.0;
 991                   visible: 1;
 992                }
 993             }
 994             part { name: "elm.units";
 995                type: TEXT;
 996                mouse_events: 0;
 997                scale: 1;
 998                description { state: "default" 0.0;
 999                   visible: 0;
1000                   fixed: 1 1;
1001                   align: 1.0 0.5;
1002                   rel1.to_x: "elm.swallow.end";
1003                   rel2.relative: 0.0 1.0;
1004                   rel2.to_x: "elm.swallow.end";
1005                   color: SLIDER_UNITS_TEXT_COLOR_INC;
1006                   text {
1007                      font: "Tizen:style=Bold";
1008                      size: SLIDER_UNITS_TEXT_SIZE_INC;
1009                      min: 0 0;
1010                      align: 0.0 0.5;
1011                      text_class: "tizen";
1012                   }
1013                }
1014                description { state: "visible" 0.0;
1015                   inherit: "default" 0.0;
1016                   fixed: 1 1;
1017                   visible: 1;
1018                   text.min: 1 1;
1019                }
1020             }
1021             part { name: "elm.dragable.slider";
1022                type: GROUP;
1023                source: "elm/slider/horizontal/indicator/default";
1024                mouse_events: 1;
1025                scale: 1;
1026                dragable {
1027                   x: 1 1 0;
1028                   y: 0 0 0;
1029                   confine: "bg";
1030                }
1031                description { state: "default" 0.0;
1032                   min: SLIDER_INDICATOR_WIDTH_INC SLIDER_INDICATOR_HEIGHT_INC;
1033                   fixed: 1 1;
1034                   align: 0.5 0.5;
1035                   color: 0 0 0 0;
1036                }
1037             }
1038             part { name: "disabler";
1039                type: RECT;
1040                mouse_events: 1;
1041                repeat_events: 0;
1042                scale: 1;
1043                description { state: "default" 0.0;
1044                   visible: 0;
1045                   color: 0 0 0 0;
1046                }
1047                description { state: "disabled" 0.0;
1048                   inherit: "default" 0.0;
1049                   visible: 1;
1050                }
1051             }
1052             part { name: "clipper";
1053                type: RECT;
1054                description { state: "default" 0.0;
1055                   color: 255 255 255 255;
1056                }
1057                description { state: "disabled" 0.0;
1058                   color: 255 255 255 102;
1059                }
1060             }
1061          }
1062          programs {
1063             program { name: "text_show";
1064             signal: "elm,state,text,visible";
1065             source: "elm";
1066             action:  STATE_SET "visible" 0.0;
1067             target: "elm.text";
1068          }
1069          program { name: "text_hide";
1070             signal: "elm,state,text,hidden";
1071             source: "elm";
1072             action:  STATE_SET "default" 0.0;
1073             target: "elm.text";
1074          }
1075          program { name: "icon_show";
1076             signal: "elm,state,icon,visible";
1077             source: "elm";
1078             action:  STATE_SET "visible" 0.0;
1079             target: "elm.swallow.icon";
1080          }
1081          program { name: "icon_hide";
1082             signal: "elm,state,icon,hidden";
1083             source: "elm";
1084             action:  STATE_SET "default" 0.0;
1085             target: "elm.swallow.icon";
1086          }
1087          program { name: "end_show";
1088             signal: "elm,state,end,visible";
1089             source: "elm";
1090             action:  STATE_SET "visible" 0.0;
1091             target: "elm.swallow.end";
1092          }
1093          program { name: "end_hide";
1094             signal: "elm,state,end,hidden";
1095             source: "elm";
1096             action:  STATE_SET "default" 0.0;
1097             target: "elm.swallow.end";
1098          }
1099          program { name: "units_show";
1100             signal: "elm,state,units,visible";
1101             source: "elm";
1102             action:  STATE_SET "visible" 0.0;
1103             target: "elm.units";
1104             target: "units";
1105          }
1106          program { name: "units_hide";
1107             signal: "elm,state,units,hidden";
1108             source: "elm";
1109             action:  STATE_SET "default" 0.0;
1110             target: "elm.units";
1111             target: "units";
1112          }
1113          program { name: "invert_on";
1114             signal: "elm,state,inverted,on";
1115             source: "elm";
1116             script {
1117                set_invert_on();
1118             }
1119          }
1120          program { name: "invert_off";
1121             signal: "elm,state,inverted,off";
1122             source: "elm";
1123             script {
1124                set_invert_off();
1125             }
1126          }
1127          program { name: "val_show";
1128             signal: "mouse,down,*";
1129             source: "elm.dragable.slider";
1130             script {
1131                thumb_down();
1132             }
1133          }
1134          program { name: "val_hide";
1135             signal: "mouse,up,*";
1136             source: "elm.dragable.slider";
1137             script {
1138                thumb_up();
1139             }
1140          }
1141          program { name: "slider_disable";
1142             signal: "elm,state,disabled";
1143             source: "elm";
1144             action:  STATE_SET "disabled" 0.0;
1145             target: "disabler";
1146             target: "clipper";
1147          }
1148          program { name: "slider_enable";
1149             signal: "elm,state,enabled";
1150             source: "elm";
1151             action:  STATE_SET "default" 0.0;
1152             target: "disabler";
1153             target: "clipper";
1154          }
1155       }
1156    }