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