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 popup_show = 1;
 706          public set_popup_show() {
 707             set_int(popup_show, 1);
 708          }
 709          public set_popup_hide() {
 710             set_int(popup_show, 0);
 711          }
 712          public set_invert_on() {
 713             set_state(PART:"level", "inverted", 0.0);
 714             set_state(PART:"level2", "inverted", 0.0);
 715             set_int(invert_on, 1);
 716          }
 717          public set_invert_off() {
 718             set_state(PART:"level", "default", 0.0);
 719             set_state(PART:"level2", "default", 0.0);
 720             set_int(invert_on, 0);
 721          }
 722          public thumb_down() {
 723             if(get_int(invert_on) == 0)
 724                set_state(PART:"level", "pressed", 0.0);
 725             else if(get_int(invert_on) == 1)
 726                set_state(PART:"level2", "pressed", 0.0);
 727             if(get_int(popup_show) == 1)
 728                emit("popup,show", "elm");
 729             }
 730          public thumb_up() {
 731             if(get_int(invert_on) == 0)
 732                set_state(PART:"level", "default", 0.0);
 733             else if(get_int(invert_on) == 1)
 734                set_state(PART:"level2", "inverted", 0.0);
 735             if(get_int(popup_show) == 1)
 736                emit("popup,hide", "elm");
 737             }
 738          }
 739          parts {
 740             part { name: "access";
 741                type: RECT;
 742                description { state: "default" 0.0;
 743                   fixed: 1 1;
 744                   color: 0 0 0 0;
 745                }
 746             }
 747             part { name: "base";
 748                mouse_events: 0;
 749                scale: 1;
 750                description { state: "default" 0.0;
 751                   min: SLIDER_BASE_MIN_WIDTH_INC SLIDER_BASE_HEIGHT_INC;
 752                   max: 99999 SLIDER_BASE_HEIGHT_INC;
 753                   rel1.to: "bg";
 754                   rel2.to: "bg";
 755                   image.normal: "00_progress_bg.png";
 756                   image.border: PROGRESS_BG_IMAGE_BORDER_INC;
 757                   image.border_scale: 1;
 758                }
 759             }
 760             part {
 761                name: "bar_image_left_padding";
 762                type: RECT;
 763                scale: 1;
 764                description {
 765                   state: "default" 0.0;
 766                   visible: 0;
 767                   min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 768                   max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 769                   fixed: 1 0;
 770                   rel1.to: "base";
 771                   rel2 {
 772                      relative: 0.0  1.0;
 773                      to: "base";
 774                   }
 775                   align: 0.0 0.5;
 776                }
 777             }
 778             part {
 779                name: "bar_image_right_padding";
 780                type: RECT;
 781                scale: 1;
 782                description {
 783                   state: "default" 0.0;
 784                   visible: 0;
 785                   min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 786                   max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
 787                   fixed: 1 0;
 788                   rel1 {
 789                      relative: 1.0  0.0;
 790                      to: "base";
 791                   }
 792                   rel2.to: "base";
 793                   align: 1.0 0.5;
 794                }
 795             }
 796             part { name: "level";
 797                mouse_events: 0;
 798                scale: 1;
 799                clip_to: "clipper";
 800                description { state: "default" 0.0;
 801                   fixed: 1 1;
 802                   rel1 {
 803                      to_x: "bar_image_left_padding";
 804                      to_y: "base";
 805                      relative: 1.0 0.0;
 806                   }
 807                   rel2 {
 808                      to_y: "base";
 809                      to_x: "elm.dragable.slider";
 810                      relative: 0.5 1.0;
 811                   }
 812                   image.normal: "00_progress_bar.png";
 813                   image.border: PROGRESS_BAR_IMAGE_BORDER_INC;
 814                   image.border_scale: 1;
 815                }
 816                description { state: "inverted" 0.0;
 817                   inherit: "default" 0.0;
 818                   visible: 0;
 819                }
 820                description { state: "pressed" 0.0;
 821                   inherit: "default" 0.0;
 822                }
 823             }
 824             part { name: "level2";
 825                mouse_events: 0;
 826                scale: 1;
 827                clip_to: "clipper";
 828                description { state: "default" 0.0;
 829                   fixed: 1 1;
 830                   visible: 0;
 831                   rel1 {
 832                      to_y: "base";
 833                      to_x: "elm.dragable.slider";
 834                      relative: 0.5 0.0;
 835                   }
 836                   rel2 {
 837                      to_y: "base";
 838                      to_x: "bar_image_left_padding";
 839                      relative: 0.0 1.0;
 840                   }
 841                   image.normal: "00_progress_bar.png";
 842                   image.border: PROGRESS_BAR_IMAGE_BORDER_INC;
 843                   image.border_scale: 1;
 844                }
 845                description { state: "inverted" 0.0;
 846                   inherit: "default" 0.0;
 847                   visible: 1;
 848                }
 849                description { state: "pressed" 0.0;
 850                   inherit: "default" 0.0;
 851                   visible: 1;
 852                }
 853             }
 854             part { name: "bg";
 855                type: RECT;
 856                mouse_events: 0;
 857                scale: 1;
 858                description { state: "default" 0.0;
 859                   visible: 0;
 860                   rel1.to: "elm.swallow.bar";
 861                   rel2.to: "elm.swallow.bar";
 862                }
 863             }
 864             part { name: "elm.swallow.bar";
 865                type: SWALLOW;
 866                mouse_events: 0;
 867                scale: 1;
 868                description { state: "default" 0.0;
 869                   min: SLIDER_SWALLOW_BAR_MIN_WIDTH_INC SLIDER_SWALLOW_BAR_HEIGHT_INC;
 870                   max: 99999 SLIDER_SWALLOW_BAR_HEIGHT_INC;
 871                   align: 1.0 0.5;
 872                   rel1 {
 873                      to_x: "bar_left_padding";
 874                      relative: 1.0 0.0;
 875                   }
 876                   rel2 {
 877                      to_x: "bar_right_padding";
 878                      relative: 0.0 1.0;
 879                   }
 880                }
 881             }
 882             part {
 883                name: "bar_left_padding";
 884                type: RECT;
 885                scale: 1;
 886                description {
 887                   state: "default" 0.0;
 888                   visible: 0;
 889                   min: 16 0;
 890                   fixed: 1 1;
 891                   rel1 {
 892                      relative: 1.0  0.5;
 893                      to_x: "elm.text";
 894                   }
 895                   rel2 {
 896                      relative: 1.0  0.5;
 897                      to_x: "elm.text";
 898                   }
 899                   align: 0.0 0.5;
 900                }
 901             }
 902             part {
 903                name: "bar_right_padding";
 904                type: RECT;
 905                scale: 1;
 906                description {
 907                   state: "default" 0.0;
 908                   visible: 0;
 909                   min: 16 0;
 910                   fixed: 1 1;
 911                   rel1 {
 912                      relative: 0.0  0.5;
 913                      to_x: "elm.units";
 914                   }
 915                   rel2 {
 916                      relative: 0.0  0.5;
 917                      to_x: "elm.units";
 918                   }
 919                   align: 1.0 0.5;
 920                }
 921             }
 922             part { name: "elm.swallow.icon";
 923                type: SWALLOW;
 924                scale: 1;
 925                description { state: "default" 0.0;
 926                   visible: 0;
 927                   align: 0.0 0.5;
 928                   rel1 {
 929                      to_y: "elm.swallow.bar";
 930                   }
 931                   rel2 {
 932                      relative: 0.0 1.0;
 933                      to_y: "elm.swallow.bar";
 934                   }
 935                }
 936                description { state: "visible" 0.0;
 937                   inherit: "default" 0.0;
 938                   visible: 1;
 939                   aspect: 1.0 1.0;
 940                   aspect_preference: VERTICAL;
 941                }
 942             }
 943             part { name: "elm.text";
 944                type: TEXT;
 945                mouse_events: 0;
 946                scale: 1;
 947                description { state: "default" 0.0;
 948                   visible: 0;
 949                   fixed: 1 1;
 950                   align: 0.0 0.5;
 951                   rel1.to_x: "elm.swallow.icon";
 952                   rel1.relative: 1.0 0.0;
 953                   rel2.to_x: "elm.swallow.icon";
 954                   color: SLIDER_UNITS_TEXT_COLOR_INC;
 955                   text {
 956                      font: "Tizen:style=Medium";
 957                      size: SLIDER_UNITS_TEXT_SIZE_INC;
 958                      min: 0 0;
 959                      align: 0.0 0.5;
 960                      text_class: "tizen";
 961                   }
 962                }
 963                description { state: "visible" 0.0;
 964                   inherit: "default" 0.0;
 965                   visible: 1;
 966                   text.min: 1 1;
 967                }
 968             }
 969             part { name: "elm.swallow.end";
 970                type: SWALLOW;
 971                scale: 1;
 972                description { state: "default" 0.0;
 973                   visible: 0;
 974                   align: 1.0 0.5;
 975                   rel1 {
 976                      relative: 1.0 0.0;
 977                      to_y: "elm.swallow.bar";
 978                   }
 979                   rel2 {
 980                      relative: 1.0 1.0;
 981                      to_y: "elm.swallow.bar";
 982                   }
 983                }
 984                description { state: "visible" 0.0;
 985                   inherit: "default" 0.0;
 986                   visible: 1;
 987                   aspect: 1.0 1.0;
 988                   aspect_preference: VERTICAL;
 989                }
 990             }
 991             part { name: "units";
 992                mouse_events: 0;
 993                scale: 1;
 994                description { state: "default" 0.0;
 995                   visible: 0;
 996                   rel1 {
 997                      to_x: "elm.units";
 998                   }
 999                }
1000                description { state: "visible" 0.0;
1001                   inherit: "default" 0.0;
1002                   visible: 1;
1003                }
1004             }
1005             part { name: "elm.units";
1006                type: TEXT;
1007                mouse_events: 0;
1008                scale: 1;
1009                description { state: "default" 0.0;
1010                   visible: 0;
1011                   fixed: 1 1;
1012                   align: 1.0 0.5;
1013                   rel1.to_x: "elm.swallow.end";
1014                   rel2.relative: 0.0 1.0;
1015                   rel2.to_x: "elm.swallow.end";
1016                   color: SLIDER_UNITS_TEXT_COLOR_INC;
1017                   text {
1018                      font: "Tizen:style=Bold";
1019                      size: SLIDER_UNITS_TEXT_SIZE_INC;
1020                      min: 0 0;
1021                      align: 0.0 0.5;
1022                      text_class: "tizen";
1023                   }
1024                }
1025                description { state: "visible" 0.0;
1026                   inherit: "default" 0.0;
1027                   fixed: 1 1;
1028                   visible: 1;
1029                   text.min: 1 1;
1030                }
1031             }
1032             part { name: "elm.track.slider";
1033                type: SWALLOW;
1034                mouse_events: 0;
1035                scale: 1;
1036                description { state: "default" 0.0;
1037                   min: 0 SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1038                   max: -1 SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1039                   align: 0.5 1.0;
1040                   fixed: 0 1;
1041                   rel1.to: "elm.dragable.slider";
1042                   rel2 {
1043                      relative: 1.0 0.0;
1044                      to: "elm.dragable.slider";
1045                   }
1046                }
1047             }
1048             part { name: "elm.dragable.slider";
1049                type: GROUP;
1050                source: "elm/slider/horizontal/indicator/default";
1051                mouse_events: 1;
1052                scale: 1;
1053                dragable {
1054                   x: 1 1 0;
1055                   y: 0 0 0;
1056                   confine: "bg";
1057                }
1058                description { state: "default" 0.0;
1059                   min: SLIDER_INDICATOR_WIDTH_INC SLIDER_INDICATOR_HEIGHT_INC;
1060                   fixed: 1 1;
1061                   align: 0.5 0.5;
1062                   color: 0 0 0 0;
1063                }
1064             }
1065             part { name: "disabler";
1066                type: RECT;
1067                mouse_events: 1;
1068                repeat_events: 0;
1069                scale: 1;
1070                description { state: "default" 0.0;
1071                   visible: 0;
1072                   color: 0 0 0 0;
1073                }
1074                description { state: "disabled" 0.0;
1075                   inherit: "default" 0.0;
1076                   visible: 1;
1077                }
1078             }
1079             part { name: "clipper";
1080                type: RECT;
1081                description { state: "default" 0.0;
1082                   color: 255 255 255 255;
1083                }
1084                description { state: "disabled" 0.0;
1085                   color: 255 255 255 102;
1086                }
1087             }
1088          }
1089          programs {
1090             program { name: "text_show";
1091             signal: "elm,state,text,visible";
1092             source: "elm";
1093             action:  STATE_SET "visible" 0.0;
1094             target: "elm.text";
1095          }
1096          program { name: "text_hide";
1097             signal: "elm,state,text,hidden";
1098             source: "elm";
1099             action:  STATE_SET "default" 0.0;
1100             target: "elm.text";
1101          }
1102          program { name: "icon_show";
1103             signal: "elm,state,icon,visible";
1104             source: "elm";
1105             action:  STATE_SET "visible" 0.0;
1106             target: "elm.swallow.icon";
1107          }
1108          program { name: "icon_hide";
1109             signal: "elm,state,icon,hidden";
1110             source: "elm";
1111             action:  STATE_SET "default" 0.0;
1112             target: "elm.swallow.icon";
1113          }
1114          program { name: "end_show";
1115             signal: "elm,state,end,visible";
1116             source: "elm";
1117             action:  STATE_SET "visible" 0.0;
1118             target: "elm.swallow.end";
1119          }
1120          program { name: "end_hide";
1121             signal: "elm,state,end,hidden";
1122             source: "elm";
1123             action:  STATE_SET "default" 0.0;
1124             target: "elm.swallow.end";
1125          }
1126          program { name: "units_show";
1127             signal: "elm,state,units,visible";
1128             source: "elm";
1129             action:  STATE_SET "visible" 0.0;
1130             target: "elm.units";
1131             target: "units";
1132          }
1133          program { name: "units_hide";
1134             signal: "elm,state,units,hidden";
1135             source: "elm";
1136             action:  STATE_SET "default" 0.0;
1137             target: "elm.units";
1138             target: "units";
1139          }
1140          program { name: "invert_on";
1141             signal: "elm,state,inverted,on";
1142             source: "elm";
1143             script {
1144                set_invert_on();
1145             }
1146          }
1147          program { name: "invert_off";
1148             signal: "elm,state,inverted,off";
1149             source: "elm";
1150             script {
1151                set_invert_off();
1152             }
1153          }
1154          program { name: "val_show";
1155             signal: "mouse,down,*";
1156             source: "elm.dragable.slider";
1157             script {
1158                thumb_down();
1159             }
1160          }
1161          program { name: "val_hide";
1162             signal: "mouse,up,*";
1163             source: "elm.dragable.slider";
1164             script {
1165                thumb_up();
1166             }
1167          }
1168          program { name: "popup_show";
1169             signal: "elm,state,val,show";
1170             source: "elm";
1171             script {
1172                set_popup_show();
1173             }
1174          }
1175          program { name: "popup_hide";
1176             signal: "elm,state,val,hide";
1177             source: "elm";
1178             script {
1179                set_popup_hide();
1180             }
1181          }
1182          program { name: "slider_disable";
1183             signal: "elm,state,disabled";
1184             source: "elm";
1185             action:  STATE_SET "disabled" 0.0;
1186             target: "disabler";
1187             target: "clipper";
1188          }
1189          program { name: "slider_enable";
1190             signal: "elm,state,enabled";
1191             source: "elm";
1192             action:  STATE_SET "default" 0.0;
1193             target: "disabler";
1194             target: "clipper";
1195          }
1196       }
1197    }
1198
1199    group { name: "elm/slider/horizontal/popup/default";
1200       alias: "elm/slider/horizontal/popup/tap_to_drag";
1201       images {
1202          image: "00_slider_popup_center.png" COMP;
1203          image: "00_slider_popup_left.png" COMP;
1204          image: "00_slider_popup_right.png" COMP;
1205       }
1206       parts {
1207          part { name: "bg";
1208             type: RECT;
1209             scale: 1;
1210             description { state: "default" 0.0;
1211                visible: 0;
1212                min: SLIDER_INDICATOR_POPUP_MIN_WIDTH_INC SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1213                max: -1 SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1214             }
1215          }
1216          part { name: "left.padding";
1217             type: RECT;
1218             scale: 1;
1219             description { state: "default" 0.0;
1220                visible: 0;
1221                min: SLIDER_INDICATOR_POPUP_PADDING_MIN_SIZE_INC;
1222                max: SLIDER_INDICATOR_POPUP_PADDING_MIN_SIZE_INC;
1223                rel1.to: "elm.indicator";
1224                rel2 {
1225                   relative: 0.0 1.0;
1226                   to: "elm.indicator";
1227                }
1228                align: 1.0 0.5;
1229             }
1230          }
1231          part { name: "right.padding";
1232             type: RECT;
1233             scale: 1;
1234             description { state: "default" 0.0;
1235                visible: 0;
1236                min: SLIDER_INDICATOR_POPUP_PADDING_MIN_SIZE_INC;
1237                max: SLIDER_INDICATOR_POPUP_PADDING_MIN_SIZE_INC;
1238                rel1 {
1239                   relative: 1.0 0.0;
1240                   to: "elm.indicator";
1241                }
1242                rel2.to: "elm.indicator";
1243                align: 0.0 0.5;
1244             }
1245          }
1246          part { name: "bg.left.image";
1247             scale: 1;
1248             description { state: "default" 0.0;
1249                visible: 0;
1250                rel1.to_x: "left.padding";
1251                rel2 {
1252                   relative: 0.0 1.0;
1253                   to_x: "bg.center.image";
1254                }
1255                align: 0.0 0.5;
1256                min: SLIDER_INDICATOR_POPUP_BG_IMAGE_WIDTH_INC SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1257                max: -1 SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1258                image {
1259                   normal: "00_slider_popup_left.png";
1260                   border: SLIDER_INDICATOR_POPUP_LEFT_BG_BORDER_INC;
1261                   border_scale: 1;
1262                }
1263             }
1264             description { state: "visible" 0.0;
1265                inherit: "default" 0.0;
1266                visible: 1;
1267             }
1268          }
1269          part { name: "bg.right.image";
1270             scale: 1;
1271             description { state: "default" 0.0;
1272                visible: 0;
1273                rel1 {
1274                   relative: 1.0 0.0;
1275                   to_x: "bg.center.image";
1276                }
1277                rel2.to_x: "right.padding";
1278                align: 1.0 0.5;
1279                min: SLIDER_INDICATOR_POPUP_BG_IMAGE_WIDTH_INC SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1280                max: -1 SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1281                image {
1282                   normal: "00_slider_popup_right.png";
1283                   border: SLIDER_INDICATOR_POPUP_RIGHT_BG_BORDER_INC;
1284                   border_scale: 1;
1285                }
1286             }
1287             description { state: "visible" 0.0;
1288                inherit: "default" 0.0;
1289                visible: 1;
1290             }
1291          }
1292          part { name: "bg.center.image";
1293             scale: 1;
1294             description { state: "default" 0.0;
1295                visible: 0;
1296                fixed: 1 1;
1297                min: SLIDER_INDICATOR_POPUP_BG_CENTER_IMAGE_SIZE_INC;
1298                max: SLIDER_INDICATOR_POPUP_BG_CENTER_IMAGE_SIZE_INC;
1299                image {
1300                   normal: "00_slider_popup_center.png";
1301                   border: 0 0 0 0;
1302                   border_scale: 1;
1303                }
1304             }
1305             description { state: "visible" 0.0;
1306                inherit: "default" 0.0;
1307                visible: 1;
1308             }
1309          }
1310          part { name: "elm.indicator";
1311             type: TEXT;
1312             scale: 1;
1313             description { state: "default" 0.0;
1314                visible: 0;
1315                min: SLIDER_INDICATOR_POPUP_MIN_WIDTH_INC SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1316                max: -1 SLIDER_INDICATOR_POPUP_HEIGHT_INC;
1317                color: SLIDER_INDICATOR_POPUP_TEXT_COLOR_INC;
1318                text {
1319                   font: "Tizen:style=Bold";
1320                   size: SLIDER_INDICATOR_POPUP_TEXT_SIZE_INC;
1321                   align: 0.5 0.0;
1322                   min: 1 1;
1323                   text_class: "tizen";
1324                }
1325             }
1326             description { state: "visible" 0.0;
1327                inherit: "default" 0.0;
1328                visible: 1;
1329             }
1330          }
1331       }
1332       programs {
1333          program { name: "popup,val,show";
1334             signal: "elm,state,val,show";
1335             source: "elm";
1336             action:  STATE_SET "visible" 0.0;
1337             target: "elm.indicator";
1338             target: "bg.left.image";
1339             target: "bg.right.image";
1340             target: "bg.center.image";
1341          }
1342          program { name: "popup,val,hide";
1343             signal: "elm,state,val,hide";
1344             source: "elm";
1345             action:  STATE_SET "default" 0.0;
1346             target: "elm.indicator";
1347             target: "bg.left.image";
1348             target: "bg.right.image";
1349             target: "bg.center.image";
1350          }
1351          program { name: "popup,show";
1352             signal: "popup,show";
1353             source: "elm";
1354             action:  STATE_SET "visible" 0.0;
1355             target: "elm.indicator";
1356             target: "bg.left.image";
1357             target: "bg.right.image";
1358             target: "bg.center.image";
1359          }
1360          program { name: "popup,hide";
1361             signal: "popup,hide";
1362             source: "elm";
1363             action:  STATE_SET "default" 0.0;
1364             target: "elm.indicator";
1365             target: "bg.left.image";
1366             target: "bg.right.image";
1367             target: "bg.center.image";
1368             after: "popup,hide,done";
1369          }
1370          program { name: "popup,hide,done";
1371             action: SIGNAL_EMIT "popup,hide,done" "elm";
1372          }
1373       }
1374    }