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: "palette";
   8          type: SWALLOW;
   9          scale: 1;
  10          description { state: "default" 0.0;
  11             align: 0.0 0.0;
  12             rel1 {
  13                relative: 0.0 0.0;
  14             }
  15             rel2 {
  16                relative: 1.0 0.0;
  17             }
  18          }
  19       }
  20       part{ name: "bottom_padding";
  21          type: RECT;
  22          scale: 1;
  23          description { state: "default" 0.0;
  24             visible: 0;
  25             min: 0 20;
  26             fixed: 0 1;
  27             rel1.relative: 0.0 1.0;
  28             rel1.to: "palette";
  29             rel2.to: "palette";
  30             align: 0.0 0.0;
  31          }
  32       }
  33       part { name: "selector";
  34          type: SWALLOW;
  35          scale: 1;
  36          description { state: "default" 0.0;
  37             align: 0.0 1.0;
  38             rel1 {
  39                relative: 0.0 1.0;
  40                to: "bottom_padding";
  41             }
  42          }
  43       }
  44    }
  45 }
  46
  47 group { name: "elm/colorselector/bg/default";
  48    parts {
  49       part { name: "elm.colorbar_0";
  50          type: SWALLOW;
  51          description { state: "default" 0.0;
  52             min: 120 30;
  53             rel1.relative: 0.0 0.00653594771;
  54             rel2.relative: 1.0 0.254901961;
  55          }
  56       }
  57       part { name: "elm.colorbar_1";
  58          type: SWALLOW;
  59          description { state: "default" 0.0;
  60             min: 120 30;
  61             rel1.relative: 0.0 0.254901961;
  62             rel2.relative: 1.0 0.503267974;
  63          }
  64       }
  65       part { name: "elm.colorbar_2";
  66          type: SWALLOW;
  67          description { state: "default" 0.0;
  68             min: 120 30;
  69             rel1.relative: 0.0 0.503267974;
  70             rel2.relative: 1.0 0.751633987;
  71          }
  72       }
  73       part { name: "elm.colorbar_3";
  74          type: SWALLOW;
  75          description { state: "default" 0.0;
  76             min: 120 30;
  77             rel1.relative: 0.0 0.751633987;
  78             rel2.relative: 1.0 1.0;
  79          }
  80       }
  81    }
  82 }
  83
  84 group { name: "elm/colorselector/base/default";
  85    parts {
  86       part { name: "elm.bar_bg";
  87          type: SWALLOW;
  88          mouse_events: 0;
  89          description { state: "default" 0.0;
  90             min: 60 22;
  91             rel1 {
  92                relative: 0.0 0.8;
  93                to_x: "elm.arrow_bg";
  94                to_y: "elm.arrow_icon";
  95                offset: 0 0;
  96             }
  97             rel2 {
  98                relative: 1.0 0.83;
  99                to_x: "elm.arrow_bg";
 100                offset: 0 0;
 101             }
 102          }
 103       }
 104       part { name: "elm.bar";
 105          type: SWALLOW;
 106          mouse_events: 0;
 107          description { state: "default" 0.0;
 108             rel1.to: "elm.bar_bg";
 109             rel2.to: "elm.bar_bg";
 110          }
 111       }
 112       part { name: "elm.arrow_bg";
 113          type: SWALLOW;
 114          description { state: "default" 0.0;
 115             rel1 {
 116                relative: 1.0 0.17;
 117                offset: 3 0;
 118                to_x: "elm.l_button";
 119             }
 120             rel2 {
 121                relative: 0.0 0.83;
 122                offset: -4 0;
 123                to_x: "elm.r_button";
 124             }
 125          }
 126       }
 127       part { name: "elm.arrow";
 128          type: RECT;
 129          scale: 1;
 130          description { state: "default" 0.0;
 131             min: 1 1;
 132             fixed: 1 1;
 133             align: 0 0;
 134             rel1 {
 135                to_x: "elm.arrow_bg";
 136             }
 137             rel2 {
 138                relative: 0.0 0.17;
 139                to_x: "elm.arrow_bg";
 140             }
 141             color: 0 0 0 0;
 142             visible: 0;
 143          }
 144          dragable {
 145             confine: "elm.arrow_bg";
 146             x: 1 1 0;
 147             y: 0 0 0;
 148          }
 149       }
 150       part { name: "elm.arrow_icon";
 151          type: SWALLOW;
 152          mouse_events: 0;
 153          description { state: "default" 0.0;
 154             min: 25 15;
 155             max: 25 15;
 156             fixed: 1 1;
 157             align: 0.5 0;
 158             rel1 {
 159                to_x: "elm.arrow";
 160             }
 161             rel2 {
 162                relative: 1.0 0.0;
 163                offset: 0 10;
 164                to_x: "elm.arrow";
 165             }
 166          }
 167       }
 168       part { name: "event";
 169          type: RECT;
 170          description { state: "default" 0.0;
 171             rel1 {
 172                to: "elm.arrow_icon";
 173             }
 174             rel2 {
 175                to_x: "elm.arrow_icon";
 176                to_y: "elm.arrow_bg";
 177                offset: 0 0;
 178             }
 179             color: 0 0 0 0;
 180          }
 181          dragable {
 182             events: "elm.arrow";
 183          }
 184       }
 185       part { name: "elm.l_button";
 186          type: SWALLOW;
 187          scale: 1;
 188          description { state: "default" 0.0;
 189             min: 24 24;
 190             fixed: 1 1;
 191             rel1 {
 192                relative: 0.0 0.0;
 193                to_y: "elm.bar_bg";
 194             }
 195             rel2 {
 196                relative: 0.0 1.0;
 197                to_y: "elm.bar_bg";
 198             }
 199             align: 0.0 0.5;
 200          }
 201       }
 202       part { name: "elm.r_button";
 203          type: SWALLOW;
 204          scale: 1;
 205          description { state: "default" 0.0;
 206             min: 24 24;
 207             fixed: 1 1;
 208             rel1 {
 209                relative: 1.0 0.0;
 210                to_y: "elm.bar_bg";
 211             }
 212             rel2 {
 213                relative: 1.0 1.0;
 214                to_y: "elm.bar_bg";
 215             }
 216             align: 1.0 0.5;
 217          }
 218       }
 219    }
 220 }
 221
 222 group{ name: "elm/colorselector/image/colorbar_0/default";
 223    images {
 224       image: "color_picker_color.png" COMP;
 225    }
 226    parts {
 227       part { name: "colorbar_0_image";
 228          type: IMAGE;
 229          description { state: "default" 0.0;
 230             rel2.offset: -1 -1;
 231             image.normal: "color_picker_color.png";
 232          }
 233       }
 234    }
 235 }
 236
 237 group { name: "elm/colorselector/image/colorbar_1/default";
 238    images {
 239       image: "color_picker_opacity.png" COMP;
 240    }
 241    parts {
 242       part { name: "colorbar_1_image";
 243          type: IMAGE;
 244          description { state: "default" 0.0;
 245             rel2.offset: -1 -1;
 246             image.normal: "color_picker_opacity.png";
 247          }
 248       }
 249    }
 250 }
 251
 252 group { name: "elm/colorselector/image/colorbar_2/default";
 253    images {
 254       image: "color_picker_brightness.png" COMP;
 255    }
 256    parts {
 257       part { name: "colorbar_2_image";
 258          type: IMAGE;
 259          description { state: "default" 0.0;
 260             rel2.offset: -1 -1;
 261             image.normal: "color_picker_brightness.png";
 262          }
 263       }
 264    }
 265 }
 266
 267 group { name: "elm/colorselector/image/colorbar_3/default";
 268    images {
 269       image: "color_picker_alpha.png" COMP;
 270    }
 271    parts {
 272       part { name: "colorbar_3_image";
 273          type: IMAGE;
 274          description { state: "default" 0.0;
 275             rel2.offset: -1 -1;
 276             image.normal: "color_picker_alpha.png";
 277          }
 278       }
 279    }
 280 }
 281
 282 group { name: "elm/colorselector/bg_image/colorbar_3/default";
 283    images {
 284       image: "color_picker_alpha_bg.png" COMP;
 285    }
 286    parts {
 287       part { name: "colorbar_3_image";
 288          type: IMAGE;
 289          description { state: "default" 0.0;
 290             rel2.offset: -1 -1;
 291             image.normal: "color_picker_alpha_bg.png";
 292          }
 293       }
 294    }
 295 }
 296
 297 group { name: "elm/colorselector/arrow/default";
 298    images {
 299       image: "icon_arrow_down.png" COMP;
 300    }
 301    parts {
 302       part { name: "bg";
 303          type: RECT;
 304          description { state: "default" 0.0;
 305             color: 0 0 0 0;
 306          }
 307       }
 308       part { name: "arrow_image";
 309          type: IMAGE;
 310          description { state: "default" 0.0;
 311             image.normal: "icon_arrow_down.png";
 312          }
 313       }
 314    }
 315 }
 316
 317 group { name: "elm/colorselector/item/default";
 318    parts {
 319       part { name: "color_bg";
 320          type: RECT;
 321          scale: 1;
 322          description { state: "default" 0.0;
 323             min: 40 40;
 324          }
 325       }
 326       part { name: "color_obj";
 327          type: SWALLOW;
 328          scale: 1;
 329          description { state: "default" 0.0;
 330             rel1.to: "color_bg";
 331             rel2.to: "color_bg";
 332          }
 333       }
 334       part { name: "focus_color";
 335          scale: 1;
 336          type: RECT;
 337          description { state: "default" 0.0;
 338             visible: 0;
 339             min: 38 38;
 340             rel1.to: "color_bg";
 341             rel2.to: "color_bg";
 342             color: 255 255 255 80;
 343          }
 344          description { state: "focused" 0.0;
 345             inherit: "default" 0.0;
 346             visible: 1;
 347          }
 348       }
 349    }
 350    programs {
 351       program { name: "item_focus";
 352          source: "elm";
 353          signal: "elm,state,selected";
 354          action: STATE_SET "focused" 0.0;
 355          target: "focus_color";
 356       }
 357       program { name: "item_unfocus";
 358          source: "elm";
 359          signal: "elm,state,unselected";
 360          action: STATE_SET "default" 0.0;
 361          target: "focus_color";
 362       }
 363    }
 364 }
 365
 366 group { name: "elm/colorselector/item/color/default";
 367    parts {
 368       part { name: "color_rect";
 369          type: RECT;
 370          scale: 1;
 371          description{ state: "default" 0.0;
 372          }
 373       }
 374    }
 375 }
 376