tizen 2.4 release
[framework/uifw/elementary.git] / data / themes / edc / slider.edc
1 group { name: "e/widgets/slider_horizontal";
2    images.image: "slider_run_base_horiz.png" COMP;
3    images.image: "slider_run_bevel_horiz.png" COMP;
4    images.image: "slider_run_base_light_horiz.png" COMP;
5    images.image: "horiz_glow_run.png" COMP;
6    images.image: "knob_round_small_normal.png" COMP;
7    images.image: "knob_round_small_selected.png" COMP;
8    parts {
9       part { name: "bg"; type: RECT;
10          scale: 1;
11          description { state: "default" 0.0;
12             min: 42 21;
13             color: 0 0 0 0;
14          }
15          description { state: "active" 0.0;
16             inherit: "default" 0.0;
17             rel2.relative: 0.0 1.0;
18             rel2.offset: -2 -1;
19             rel2.to_x: "e.text.label";
20          }
21       }
22       part { name: "base"; mouse_events: 0;
23          description { state: "default" 0.0;
24             rel1.to: "bg";
25             rel2.to: "bg";
26             image.normal: "slider_run_base_horiz.png";
27             image.border: 4 4 0 0;
28             fill.smooth: 0;
29             min: 8 5;
30             max: 99999 5;
31             fixed: 0 1;
32          }
33          description { state: "disabled" 0.0;
34             inherit: "default" 0.0;
35             image.normal: "slider_run_base_light_horiz.png";
36          }
37       }
38       part { name: "glow"; mouse_events: 0;
39          description { state: "default" 0.0;
40             image.normal: "horiz_glow_run.png";
41             rel1.offset: 1 1;
42             rel1.to: "base";
43             rel2.relative: 0.5 1.0;
44             rel2.offset: -1 -2;
45             rel2.to_x: "knob";
46             rel2.to_y: "base";
47             image.border: 0 4 0 0;
48          }
49          description { state: "disabled" 0.0;
50             inherit: "default" 0.0;
51             color: 255 255 255 64;
52          }
53       }
54       part { name: "bevel"; mouse_events: 0;
55          description { state: "default" 0.0;
56             rel1.to: "base";
57             rel2.to: "base";
58             image.normal: "slider_run_bevel_horiz.png";
59             image.border: 5 5 0 0;
60             fill.smooth: 0;
61          }
62       }
63       part { name: "clip1"; type: RECT;
64          description { state: "default" 0.0;
65          }
66          description { state: "disabled" 0.0;
67             inherit: "default" 0.0;
68             visible: 0;
69          }
70       }
71       part { name: "e.text.label"; type: TEXT; mouse_events: 0;
72          clip_to: "clip1";
73          effect: SHADOW BOTTOM;
74          scale: 1;
75          description { state: "default" 0.0;
76             rel1.offset: -1 0;
77             rel1.relative: 1.0 0.0;
78             rel2.offset: -1 -1;
79             align: 1.0 0.5;
80             color_class: "slider_text";
81             color3: 255 255 255 255;
82             text { font: FN; size: 10;
83               min: 0 1;
84               align: 0.0 0.5;
85               text_class: "slider";
86             }
87             visible: 0;
88             max: 0 0;
89             fixed: 1 1;
90          }
91          description { state: "active" 0.0;
92             inherit: "default" 0.0;
93             text.min: 1 1;
94             text.ellipsis: -1;
95             visible: 1;
96             max: 99999 99999;
97          }
98       }
99       part { name: "clip2"; type: RECT;
100          description { state: "default" 0.0;
101             visible: 0;
102          }
103          description { state: "disabled" 0.0;
104             inherit: "default" 0.0;
105             visible: 1;
106          }
107       }
108       part { name: "label2"; type: TEXT; mouse_events: 0;
109          clip_to: "clip2";
110          effect: SHADOW BOTTOM;
111          scale: 1;
112          description { state: "default" 0.0;
113             rel1.to: "e.text.label";
114             rel2.to: "e.text.label";
115             color_class: "slider_text_disabled";
116             color3: 255 255 255 255;
117             text { font: FN; size: 10;
118               text_source: "e.text.label";
119               align: 0.0 0.5;
120               text_class: "slider";
121             }
122             visible: 0;
123          }
124          description { state: "active" 0.0;
125             inherit: "default" 0.0;
126             visible: 1;
127          }
128       }
129       part { name: "knob";
130          description { state: "default" 0.0;
131             rel1.offset: -1 -1;
132             rel1.to: "e.dragable.slider";
133             rel2.offset: 0 0;
134             rel2.to: "e.dragable.slider";
135             image.normal: "knob_round_small_normal.png";
136             min: 23 23;
137             max: 23 23;
138             fixed: 1 1;
139          }
140          description { state: "clicked" 0.0;
141             inherit: "default" 0.0;
142             image.normal: "knob_round_small_selected.png";
143          }
144       }
145       part { name: "e.swallow.bar"; type: SWALLOW;
146          description { state: "default" 0.0;
147             rel1.to_x: "bg";
148             rel1.offset: 1 0;
149             rel2.to_x: "bg";
150             rel2.offset: -2 -1;
151          }
152       }
153       part { name: "e.dragable.slider"; type: RECT;
154          scale: 1;
155          dragable.x: 1 1 0;
156          dragable.y: 0 0 0;
157          dragable.confine: "bg";
158          description { state: "default" 0.0;
159             min: 21 21;
160             max: 21 21;
161             rel1.relative: 0.5 0.0;
162             rel1.to_x: "bg";
163             rel2.relative: 0.5 1.0;
164             rel2.to_x: "bg";
165             color: 0 0 0 0;
166             fixed: 1 1;
167          }
168       }
169       part { name: "event"; type: RECT;
170          description { state: "default" 0.0;
171             color: 0 0 0 0;
172             visible: 0;
173          }
174          description { state: "disabled" 0.0;
175             inherit: "default" 0.0;
176             visible: 1;
177          }
178       }
179    }
180    programs {
181       program {
182          signal: "mouse,down,1"; source: "e.dragable.slider";
183          action: STATE_SET "clicked" 0.0;
184          target: "knob";
185       }
186       program {
187          signal: "mouse,up,1"; source: "e.dragable.slider";
188          action: STATE_SET "default" 0.0;
189          target: "knob";
190       }
191       program {
192          signal: "e,action,show,label"; source: "e";
193          action: STATE_SET "active" 0.0;
194          target: "bg";
195          target: "e.text.label";
196          target: "label2";
197       }
198       program {
199          signal: "e,action,hide,label"; source: "e";
200          action: STATE_SET "default" 0.0;
201          target: "bg";
202          target: "e.text.label";
203          target: "label2";
204       }
205       program {
206          signal: "e,state,disabled"; source: "e";
207          action: STATE_SET "disabled" 0.0;
208          target: "event";
209          target: "glow";
210          target: "base";
211          target: "clip1";
212          target: "clip2";
213       }
214       program {
215          signal: "e,state,enabled"; source: "e";
216          action: STATE_SET "default" 0.0;
217          target: "event";
218          target: "glow";
219          target: "base";
220          target: "clip1";
221          target: "clip2";
222       }
223    }
224 }
225
226 group { name: "e/widgets/slider_vertical";
227    images.image: "slider_run_base_vert.png" COMP;
228    images.image: "slider_run_bevel_vert.png" COMP;
229    images.image: "slider_run_base_light_vert.png" COMP;
230    images.image: "vert_glow_run.png" COMP;
231    images.image: "knob_round_small_normal.png" COMP;
232    images.image: "knob_round_small_selected.png" COMP;
233    parts {
234       part { name: "bg"; type: RECT;
235          scale: 1;
236          description { state: "default" 0.0;
237             min: 21 42;
238             color: 0 0 0 0;
239          }
240          description { state: "active" 0.0;
241             inherit: "default" 0.0;
242             rel2.relative: 1.0 0.0;
243             rel2.offset: -1 -2;
244             rel2.to_y: "e.text.label";
245          }
246       }
247       part { name: "base"; mouse_events: 0;
248          description { state: "default" 0.0;
249             rel1.to: "bg";
250             rel2.to: "bg";
251             image.normal: "slider_run_base_vert.png";
252             image.border: 0 0 4 4;
253             fill.smooth: 0;
254             min: 5 8;
255             max: 5 99999;
256             fixed: 1 0;
257          }
258          description { state: "disabled" 0.0;
259             inherit: "default" 0.0;
260             image.normal: "slider_run_base_light_vert.png";
261          }
262       }
263       part { name: "glow"; mouse_events: 0;
264          description { state: "default" 0.0;
265             image.normal: "vert_glow_run.png";
266             rel1.offset: 1 0;
267             rel1.relative: 0.0 0.5;
268             rel1.to_y: "knob";
269             rel1.to_x: "base";
270             rel2.offset: -2 -2;
271             rel2.to: "base";
272             image.border: 0 0 0 4;
273          }
274          description { state: "disabled" 0.0;
275             inherit: "default" 0.0;
276             color: 255 255 255 64;
277          }
278       }
279       part { name: "bevel"; mouse_events: 0;
280          description { state: "default" 0.0;
281             rel1.to: "base";
282             rel2.to: "base";
283             image.normal: "slider_run_bevel_vert.png";
284             image.border: 0 0 5 5;
285             fill.smooth: 0;
286          }
287       }
288       part { name: "clip1"; type: RECT;
289          description { state: "default" 0.0;
290          }
291          description { state: "disabled" 0.0;
292             inherit: "default" 0.0;
293             visible: 0;
294          }
295       }
296       part { name: "e.text.label"; type: TEXT; mouse_events: 0;
297          clip_to: "clip1";
298          effect: SHADOW BOTTOM;
299          scale: 1;
300          description { state: "default" 0.0;
301             rel1.offset: 0 -1;
302             rel1.relative: 0.0 1.0;
303             rel2.offset: -1 -1;
304             align: 0.5 1.0;
305             color_class: "slider_text";
306             color3: 255 255 255 255;
307             text { font: FN; size: 10;
308               min: 0 0;
309               align: 0.5 0.5;
310               text_class: "slider";
311             }
312             visible: 0;
313             max: 0 0;
314             fixed: 1 1;
315          }
316          description { state: "active" 0.0;
317             inherit: "default" 0.0;
318             text.min: 1 1;
319             text.ellipsis: -1;
320             visible: 1;
321             max: 99999 99999;
322          }
323       }
324       part { name: "clip2"; type: RECT;
325          description { state: "default" 0.0;
326             visible: 0;
327          }
328          description { state: "disabled" 0.0;
329             inherit: "default" 0.0;
330             visible: 1;
331          }
332       }
333       part { name: "label2"; type: TEXT; mouse_events: 0;
334          clip_to: "clip2";
335          effect: SHADOW BOTTOM;
336          scale: 1;
337          description { state: "default" 0.0;
338             rel1.to: "e.text.label";
339             rel2.to: "e.text.label";
340             color_class: "slider_text_disabled";
341             color3: 255 255 255 255;
342             text { font: FN; size: 10;
343               text_source: "e.text.label";
344               align: 0.5 0.5;
345               text_class: "slider";
346             }
347             visible: 0;
348          }
349          description { state: "active" 0.0;
350             inherit: "default" 0.0;
351             visible: 1;
352          }
353       }
354       part { name: "knob";
355          description { state: "default" 0.0;
356             rel1.offset: -1 -1;
357             rel1.to: "e.dragable.slider";
358             rel2.offset: 0 0;
359             rel2.to: "e.dragable.slider";
360             image.normal: "knob_round_small_normal.png";
361             min: 23 23;
362             max: 23 23;
363             fixed: 1 1;
364          }
365          description { state: "clicked" 0.0;
366             inherit: "default" 0.0;
367             image.normal: "knob_round_small_selected.png";
368          }
369       }
370       part { name: "e.swallow.bar"; type: SWALLOW;
371          description { state: "default" 0.0;
372             rel1.to_x: "bg";
373             rel1.offset: 0 1;
374             rel2.to_x: "bg";
375             rel2.offset: -1 -2;
376          }
377       }
378       part { name: "e.dragable.slider"; type: RECT;
379          scale: 1;
380          dragable.x: 0 0 0;
381          dragable.y: -1 1 0;
382          dragable.confine: "bg";
383          description { state: "default" 0.0;
384             min: 21 21;
385             max: 21 21;
386             rel1.relative: 0.0 0.5;
387             rel1.to_x: "bg";
388             rel2.relative: 1.0 0.5;
389             rel2.to_x: "bg";
390             color: 0 0 0 0;
391             fixed: 1 1;
392          }
393       }
394       part { name: "event"; type: RECT;
395          description { state: "default" 0.0;
396             color: 0 0 0 0;
397             visible: 0;
398          }
399          description { state: "disabled" 0.0;
400             inherit: "default" 0.0;
401             visible: 1;
402          }
403       }
404    }
405    programs {
406       program {
407          signal: "mouse,down,1"; source: "e.dragable.slider";
408          action: STATE_SET "clicked" 0.0;
409          target: "knob";
410       }
411       program {
412          signal: "mouse,up,1"; source: "e.dragable.slider";
413          action: STATE_SET "default" 0.0;
414          target: "knob";
415       }
416       program {
417          signal: "e,action,show,label"; source: "e";
418          action: STATE_SET "active" 0.0;
419          target: "bg";
420          target: "e.text.label";
421          target: "label2";
422       }
423       program {
424          signal: "e,action,hide,label"; source: "e";
425          action: STATE_SET "default" 0.0;
426          target: "bg";
427          target: "e.text.label";
428          target: "label2";
429       }
430       program {
431          signal: "e,state,disabled"; source: "e";
432          action: STATE_SET "disabled" 0.0;
433          target: "event";
434          target: "glow";
435          target: "base";
436          target: "clip1";
437          target: "clip2";
438       }
439       program {
440          signal: "e,state,enabled"; source: "e";
441          action: STATE_SET "default" 0.0;
442          target: "event";
443          target: "glow";
444          target: "base";
445          target: "clip1";
446          target: "clip2";
447       }
448    }
449 }