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