data/themes/widgets/colorselector.edc

   1 ///////////////////////////////////////////////////////////////////////////////
   2 group {
   3    name: "elm/colorselector/palette/default";
   4    data.item: "horizontal_pad" "10";
   5    data.item: "vertical_pad" "10";
   6    parts {
   7       part { name: "picker";
   8          type: SWALLOW;
   9          scale: 1;
  10          description { state: "default" 0.0;
  11             align: 0.0 0.0;
  12             rel1.relative: 0.0 0.0;
  13             rel2.relative: 1.0 0.0;
  14          }
  15       }
  16       part { name: "top_padding";
  17          type: SPACER;
  18          scale: 1;
  19          description { state: "default" 0.0;
  20             min: 0 20;
  21             fixed: 0 1;
  22             rel1.relative: 0.0 1.0;
  23             rel1.to: "picker";
  24             rel2.to: "picker";
  25             align: 0.0 0.0;
  26          }
  27          description { state: "disabled" 0.0;
  28             inherit: "default" 0.0;
  29             min: 0 0;
  30          }
  31       }
  32       part { name: "palette";
  33          type: SWALLOW;
  34          scale: 1;
  35          description { state: "default" 0.0;
  36             align: 0.0 0.0;
  37             fixed: 0 1;
  38             rel1 {
  39                relative: 0.0 1.0;
  40                to: "top_padding";
  41             }
  42             rel2 {
  43                relative: 1.0 1.0;
  44                to: "top_padding";
  45             }
  46          }
  47       }
  48       part{ name: "bottom_padding";
  49          type: SPACER;
  50          scale: 1;
  51          description { state: "default" 0.0;
  52             min: 0 20;
  53             fixed: 0 1;
  54             rel1.relative: 0.0 1.0;
  55             rel1.to: "palette";
  56             rel2.to: "palette";
  57             align: 0.0 0.0;
  58          }
  59          description { state: "disabled" 0.0;
  60             inherit: "default" 0.0;
  61             min: 0 0;
  62          }
  63       }
  64       part { name: "selector";
  65          type: SWALLOW;
  66          scale: 1;
  67          description { state: "default" 0.0;
  68             align: 0.0 1.0;
  69             fixed: 0 1;
  70             rel1 {
  71                relative: 0.0 1.0;
  72                to: "bottom_padding";
  73             }
  74          }
  75       }
  76    }
  77    programs {
  78       program { name: "init";
  79          source: "";
  80          signal: "load";
  81          action: STATE_SET "disabled" 0.0;
  82          target: "top_padding";
  83       }
  84       program { name: "palette";
  85          source: "elm";
  86          signal: "elm,state,palette";
  87          action: STATE_SET "disabled" 0.0;
  88          target: "bottom_padding";
  89          target: "top_padding";
  90       }
  91       program { name: "components";
  92          source: "elm";
  93          signal: "elm,state,components";
  94          action: STATE_SET "disabled" 0.0;
  95          target: "bottom_padding";
  96          target: "top_padding";
  97       }
  98       program { name: "both";
  99          source: "elm";
 100          signal: "elm,state,both";
 101          action: STATE_SET "default" 0.0;
 102          target: "bottom_padding";
 103          after: "notop";
 104       }
 105       program { name: "notop";
 106          action: STATE_SET "disabled" 0.0;
 107          target: "top_padding";
 108       }
 109       program { name: "picker";
 110          source: "elm";
 111          signal: "elm,state,picker";
 112          action: STATE_SET "disabled" 0.0;
 113          target: "bottom_padding";
 114          target: "top_padding";
 115       }
 116       program { name: "all";
 117          source: "elm";
 118          signal: "elm,state,all";
 119          action: STATE_SET "default" 0.0;
 120          target: "bottom_padding";
 121          target: "top_padding";
 122       }
 123    }
 124 }
 125
 126 group { name: "elm/colorselector/picker/default";
 127    parts {
 128       part { name: "background";
 129          type: IMAGE;
 130          description { state: "default" 0.0;
 131             rel1.to: "elm.picker";
 132             rel2.to: "elm.picker";
 133             image.normal: "color_picker_alpha_bg.png";
 134             fill {
 135                type: TILE;
 136                origin.offset: 0 0;
 137                size.offset: 33 33;
 138             }
 139          }
 140       }
 141       part { name: "elm.picker";
 142          type: SWALLOW;
 143          scale: 1;
 144          description { state: "default" 0.0;
 145             min: 20 20;
 146          }
 147       }
 148    }
 149 }
 150
 151 group { name: "elm/colorselector/bg/default";
 152    parts {
 153       part { name: "elm.colorbar_0";
 154          type: SWALLOW;
 155          description { state: "default" 0.0;
 156             min: 120 30;
 157             rel1.relative: 0.0 0.00653594771;
 158             rel2.relative: 1.0 0.254901961;
 159          }
 160       }
 161       part { name: "elm.colorbar_1";
 162          type: SWALLOW;
 163          description { state: "default" 0.0;
 164             min: 120 30;
 165             rel1.relative: 0.0 0.254901961;
 166             rel2.relative: 1.0 0.503267974;
 167          }
 168       }
 169       part { name: "elm.colorbar_2";
 170          type: SWALLOW;
 171          description { state: "default" 0.0;
 172             min: 120 30;
 173             rel1.relative: 0.0 0.503267974;
 174             rel2.relative: 1.0 0.751633987;
 175          }
 176       }
 177       part { name: "elm.colorbar_3";
 178          type: SWALLOW;
 179          description { state: "default" 0.0;
 180             min: 120 30;
 181             rel1.relative: 0.0 0.751633987;
 182             rel2.relative: 1.0 1.0;
 183          }
 184       }
 185    }
 186 }
 187
 188 group { name: "elm/colorselector/base/default";
 189    parts {
 190       part { name: "elm.bar_bg";
 191          type: SWALLOW;
 192          mouse_events: 0;
 193          description { state: "default" 0.0;
 194             min: 60 22;
 195             rel1 {
 196                relative: 0.0 0.8;
 197                to_x: "elm.arrow_bg";
 198                to_y: "elm.arrow_icon";
 199                offset: 0 0;
 200             }
 201             rel2 {
 202                relative: 1.0 0.83;
 203                to_x: "elm.arrow_bg";
 204                offset: 0 0;
 205             }
 206          }
 207       }
 208       part { name: "elm.bar";
 209          type: SWALLOW;
 210          mouse_events: 0;
 211          description { state: "default" 0.0;
 212             rel1.to: "elm.bar_bg";
 213             rel2.to: "elm.bar_bg";
 214          }
 215       }
 216       part { name: "elm.arrow_bg";
 217          type: SWALLOW;
 218          description { state: "default" 0.0;
 219             rel1 {
 220                relative: 1.0 0.17;
 221                offset: 3 0;
 222                to_x: "elm.l_button";
 223             }
 224             rel2 {
 225                relative: 0.0 0.83;
 226                offset: -4 0;
 227                to_x: "elm.r_button";
 228             }
 229          }
 230       }
 231       part { name: "elm.arrow";
 232          type: RECT;
 233          scale: 1;
 234          description { state: "default" 0.0;
 235             min: 1 1;
 236             fixed: 1 1;
 237             align: 0 0;
 238             rel1 {
 239                to_x: "elm.arrow_bg";
 240             }
 241             rel2 {
 242                relative: 0.0 0.17;
 243                to_x: "elm.arrow_bg";
 244             }
 245             color: 0 0 0 0;
 246             visible: 0;
 247          }
 248          dragable {
 249             confine: "elm.arrow_bg";
 250             x: 1 1 0;
 251             y: 0 0 0;
 252          }
 253       }
 254       part { name: "elm.arrow_icon";
 255          type: SWALLOW;
 256          mouse_events: 0;
 257          description { state: "default" 0.0;
 258             min: 25 15;
 259             max: 25 15;
 260             fixed: 1 1;
 261             align: 0.5 0;
 262             rel1 {
 263                to_x: "elm.arrow";
 264             }
 265             rel2 {
 266                relative: 1.0 0.0;
 267                offset: 0 10;
 268                to_x: "elm.arrow";
 269             }
 270          }
 271       }
 272       part { name: "event";
 273          type: RECT;
 274          description { state: "default" 0.0;
 275             rel1 {
 276                to: "elm.arrow_icon";
 277             }
 278             rel2 {
 279                to_x: "elm.arrow_icon";
 280                to_y: "elm.arrow_bg";
 281                offset: 0 0;
 282             }
 283             color: 0 0 0 0;
 284          }
 285          dragable {
 286             events: "elm.arrow";
 287          }
 288       }
 289       part { name: "elm.arrow_bg_access";
 290          type: RECT;
 291          repeat_events: 1;
 292          description { state: "default" 0.0;
 293             rel1.to: "elm.arrow_bg";
 294             rel2.to: "elm.arrow_bg";
 295             color: 0 0 0 0;
 296          }
 297       }
 298       part { name: "elm.l_button";
 299          type: SWALLOW;
 300          scale: 1;
 301          description { state: "default" 0.0;
 302             min: 24 24;
 303             fixed: 1 1;
 304             rel1 {
 305                relative: 0.0 0.0;
 306                to_y: "elm.bar_bg";
 307             }
 308             rel2 {
 309                relative: 0.0 1.0;
 310                to_y: "elm.bar_bg";
 311             }
 312             align: 0.0 0.5;
 313          }
 314       }
 315       part { name: "elm.r_button";
 316          type: SWALLOW;
 317          scale: 1;
 318          description { state: "default" 0.0;
 319             min: 24 24;
 320             fixed: 1 1;
 321             rel1 {
 322                relative: 1.0 0.0;
 323                to_y: "elm.bar_bg";
 324             }
 325             rel2 {
 326                relative: 1.0 1.0;
 327                to_y: "elm.bar_bg";
 328             }
 329             align: 1.0 0.5;
 330          }
 331       }
 332    }
 333 }
 334
 335 group{ name: "elm/colorselector/image/colorbar_0/default";
 336    images {
 337       image: "color_picker_color.png" COMP;
 338    }
 339    parts {
 340       part { name: "colorbar_0_image";
 341          type: IMAGE;
 342          description { state: "default" 0.0;
 343             rel2.offset: -1 -1;
 344             image.normal: "color_picker_color.png";
 345          }
 346       }
 347    }
 348 }
 349
 350 group { name: "elm/colorselector/image/colorbar_1/default";
 351    images {
 352       image: "color_picker_opacity.png" COMP;
 353    }
 354    parts {
 355       part { name: "colorbar_1_image";
 356          type: IMAGE;
 357          description { state: "default" 0.0;
 358             rel2.offset: -1 -1;
 359             image.normal: "color_picker_opacity.png";
 360          }
 361       }
 362    }
 363 }
 364
 365 group { name: "elm/colorselector/image/colorbar_2/default";
 366    images {
 367       image: "color_picker_brightness.png" COMP;
 368    }
 369    parts {
 370       part { name: "colorbar_2_image";
 371          type: IMAGE;
 372          description { state: "default" 0.0;
 373             rel2.offset: -1 -1;
 374             image.normal: "color_picker_brightness.png";
 375          }
 376       }
 377    }
 378 }
 379
 380 group { name: "elm/colorselector/image/colorbar_3/default";
 381    images {
 382       image: "color_picker_alpha.png" COMP;
 383    }
 384    parts {
 385       part { name: "colorbar_3_image";
 386          type: IMAGE;
 387          description { state: "default" 0.0;
 388             rel2.offset: -1 -1;
 389             image.normal: "color_picker_alpha.png";
 390          }
 391       }
 392    }
 393 }
 394
 395 group { name: "elm/colorselector/bg_image/colorbar_3/default";
 396    images {
 397       image: "color_picker_alpha_bg.png" COMP;
 398    }
 399    parts {
 400       part { name: "colorbar_3_image";
 401          type: IMAGE;
 402          description { state: "default" 0.0;
 403             rel2.offset: -1 -1;
 404             image.normal: "color_picker_alpha_bg.png";
 405          }
 406       }
 407    }
 408 }
 409
 410 group { name: "elm/colorselector/arrow/default";
 411    images {
 412       image: "icon_arrow_down.png" COMP;
 413    }
 414    parts {
 415       part { name: "bg";
 416          type: RECT;
 417          description { state: "default" 0.0;
 418             color: 0 0 0 0;
 419          }
 420       }
 421       part { name: "arrow_image";
 422          type: IMAGE;
 423          description { state: "default" 0.0;
 424             image.normal: "icon_arrow_down.png";
 425          }
 426       }
 427    }
 428 }
 429
 430 group { name: "elm/colorselector/item/default";
 431    parts {
 432       part { name: "color_bg";
 433          type: RECT;
 434          scale: 1;
 435          description { state: "default" 0.0;
 436             min: 40 40;
 437          }
 438       }
 439       part { name: "color_obj";
 440          type: SWALLOW;
 441          scale: 1;
 442          description { state: "default" 0.0;
 443             rel1.to: "color_bg";
 444             rel2.to: "color_bg";
 445          }
 446       }
 447       part { name: "focus_color";
 448          scale: 1;
 449          type: RECT;
 450          description { state: "default" 0.0;
 451             visible: 0;
 452             min: 38 38;
 453             rel1.to: "color_bg";
 454             rel2.to: "color_bg";
 455             color: 255 255 255 80;
 456          }
 457          description { state: "focused" 0.0;
 458             inherit: "default" 0.0;
 459             visible: 1;
 460          }
 461       }
 462       part { name: "over1";
 463          type: RECT;
 464          repeat_events: 1;
 465          description {
 466             state: "default" 0.0;
 467             rel1.to: "color_bg";
 468             rel2.to: "color_bg";
 469             color: 0 0 0 0;
 470          }
 471       }
 472    }
 473    programs {
 474       program { name: "item_select";
 475          source: "elm";
 476          signal: "elm,state,selected";
 477          script {
 478             set_state(PART:"focus_color", "focused", 0.0);
 479             emit("elm,state,up", "");
 480          }
 481       }
 482       program { name: "item_unselect";
 483          source: "elm";
 484          signal: "elm,state,unselected";
 485          action: STATE_SET "default" 0.0;
 486          target: "focus_color";
 487       }
 488       program { name: "item_down";
 489          signal: "mouse,down,1";
 490          source: "over1";
 491          script {
 492             emit("elm,state,down", "");
 493          }
 494       }
 495       program { name: "item_clicked";
 496          signal: "mouse,clicked,1";
 497          source: "over1";
 498          script {
 499             set_state(PART:"focus_color", "focused", 0.0);
 500             emit("elm,state,up", "");
 501          }
 502       }
 503       program { name: "item_unfocus_all";
 504          source: "elm";
 505          signal: "elm,state,unhighlight";
 506          action: STATE_SET "default" 0.0;
 507          target: "focus_color";
 508       }
 509       program {
 510          name:   "item_pressed_anim";
 511          signal: "elm,anim,activate";
 512          source: "elm";
 513          action: STATE_SET "focused" 0.0;
 514          target: "focus_color";
 515          after: "item_unpressed_anim";
 516       }
 517       program {
 518          name:   "item_unpressed_anim";
 519          action: STATE_SET "default" 0.0;
 520          transition: DECELERATE 0.2;
 521          target: "focus_color";
 522       }
 523    }
 524 }
 525
 526 group { name: "elm/colorselector/item/color/default";
 527    parts {
 528       part { name: "color_rect";
 529          type: RECT;
 530          scale: 1;
 531          description{ state: "default" 0.0;
 532          }
 533       }
 534    }
 535 }
 536