tizen 2.4 release
[framework/uifw/elementary.git] / data / themes / edc / toolbar.edc
1 group { name: "e/widgets/toolbar";
2    images.image: "vgrad_med_lighter.png" COMP;
3    images.image: "bevel_out.png" COMP;
4    images.image: "shine.png" COMP;
5    images.image: "shadow_square_tiny.png" COMP;
6    images.image: "sym_left_light_normal.png" COMP;
7    images.image: "sym_right_light_normal.png" COMP;
8    images.image: "sym_left_glow_normal.png" COMP;
9    images.image: "sym_right_glow_normal.png" COMP;
10    parts {
11       part { name: "shadow"; mouse_events: 0;
12          description { state: "default" 0.0;
13             rel1.offset: -1 0;
14             rel2.offset: 0 1;
15             image.normal: "shadow_square_tiny.png";
16             image.border: 6 6 6 6;
17             fill.smooth: 0;
18          }
19       }
20       part { name: "base";
21          description { state: "default" 0.0;
22             image.normal: "vgrad_med_lighter.png";
23             rel1.offset: 2 2;
24             rel2.offset: -3 -3;
25             fill.smooth: 0;
26             TILED_HORIZ(120)
27          }
28       }
29       part { name: "clipper"; type: RECT;
30          description { state: "default" 0.0;
31             rel1.to: "base";
32             rel2.to: "base";
33          }
34       }
35       part { name: "e.swallow.content"; type: SWALLOW;
36          clip_to: "clipper";
37          description { state: "default" 0.0;
38             rel1.offset: 2 2;
39             rel2.offset: -3 -3;
40 //            rel1.to: "clipper";
41 //            rel2.to: "clipper";
42          }
43       }
44       part { name: "bevel"; mouse_events: 0;
45          description { state: "default" 0.0;
46             rel1.to: "base";
47             rel2.to: "base";
48             image.normal: "bevel_out.png";
49             image.border: 1 1 1 1;
50             image.middle: 0;
51             fill.smooth: 0;
52          }
53       }
54       part { name: "e.dragable.hbar"; mouse_events: 0;
55          dragable.x: 1 1 0;
56          dragable.y: 0 0 0;
57          dragable.confine: "base";
58          description { state: "default" 0.0;
59              rel1.to: "base";
60              rel2.to: "base";
61              visible: 0;
62           }
63        }
64       part { name: "arrow_clipper"; type: RECT;
65          description { state: "default" 0.0;
66          }
67          description { state: "hidden" 0.0;
68             inherit: "default" 0.0;
69             visible: 0;
70          }
71       }
72       part { name: "arrow1"; mouse_events: 0;
73          clip_to: "arrow_clipper";
74          description { state: "default" 0.0;
75             rel1.to: "arrow1_ev";
76             rel2.to: "arrow1_ev";
77             image.normal: "sym_left_light_normal.png";
78             FIXED_SIZE(15, 15)
79          }
80          description { state: "clicked" 0.0;
81             inherit: "default" 0.0;
82             image.normal: "sym_left_glow_normal.png";
83          }
84       }
85       part { name: "arrow1_ev"; type: RECT;
86          scale: 1;
87          clip_to: "arrow_clipper";
88          description { state: "default" 0.0;
89             rel1.to: "base";
90             rel2.to: "base";
91             align: 0.0 0.5;
92             color: 0 0 0 0;
93             FIXED_SIZE(23, 23)
94          }
95       }
96       part { name: "arrow2"; mouse_events: 0;
97          clip_to: "arrow_clipper";
98          description { state: "default" 0.0;
99             rel1.to: "arrow2_ev";
100             rel2.to: "arrow2_ev";
101             image.normal: "sym_right_light_normal.png";
102             FIXED_SIZE(15, 15)
103          }
104          description { state: "clicked" 0.0;
105             inherit: "default" 0.0;
106             image.normal: "sym_right_glow_normal.png";
107          }
108       }
109       part { name: "arrow2_ev"; type: RECT;
110          scale: 1;
111          clip_to: "arrow_clipper";
112          description { state: "default" 0.0;
113             rel1.to: "base";
114             rel2.to: "base";
115             align: 1.0 0.5;
116             color: 0 0 0 0;
117             FIXED_SIZE(23, 23)
118          }
119       }
120       part { name: "shine"; mouse_events: 0;
121          description { state: "default" 0.0;
122             image.normal: "shine.png";
123             rel1.offset: 0 -2;
124             rel1.to: "base";
125             rel2.relative: 1.0 0.0;
126             rel2.offset: -1 2;
127             rel2.to: "base";
128             FIXED_SIZE(69, 5)
129          }
130       }
131    }
132    programs {
133       program {
134          signal: "e,action,show,hbar"; source: "e";
135          action: STATE_SET "default" 0.0;
136          target: "arrow_clipper";
137          target: "arrow_clipper";
138       }
139       program {
140          signal: "e,action,hide,hbar"; source: "e";
141          action: STATE_SET "hidden" 0.0;
142          target: "arrow_clipper";
143          target: "arrow_clipper";
144       }
145       
146       program {      
147          signal: "mouse,down,1*"; source: "arrow1_ev";
148          action: SIGNAL_EMIT "e,action,prev" "e";
149          after: "arrow1_repeat";
150       }
151       program { name: "arrow1_repeat";
152          action: SIGNAL_EMIT "e,action,prev" "e";
153          in: 0.3 0.0;
154          after: "arrow1_repeat";
155       }
156       program {
157          signal: "mouse,up,1"; source: "arrow1_ev";
158          action: ACTION_STOP;
159          target: "arrow1_repeat";
160       } 
161       program {
162          signal: "mouse,down,1*"; source: "arrow1_ev";
163          action: STATE_SET "clicked" 0.0;
164          target: "arrow1";
165       }
166       program {
167          signal: "mouse,up,1"; source: "arrow1_ev";
168          action: STATE_SET "default" 0.0;
169          target: "arrow1";
170       }
171
172       program {      
173          signal: "mouse,down,1*"; source: "arrow2_ev";
174          action: SIGNAL_EMIT "e,action,next" "e";
175          after: "arrow2_repeat";
176       }
177       program { name: "arrow2_repeat";
178          action: SIGNAL_EMIT "e,action,next" "e";
179          in: 0.3 0.0;
180          after: "arrow2_repeat";
181       }
182       program {
183          signal: "mouse,up,1"; source: "arrow2_ev";
184          action: ACTION_STOP;
185          target: "arrow2_repeat";
186       } 
187       program {
188          signal: "mouse,down,1*"; source: "arrow2_ev";
189          action: STATE_SET "clicked" 0.0;
190          target: "arrow2";
191       }
192       program {
193          signal: "mouse,up,1"; source: "arrow2_ev";
194          action: STATE_SET "default" 0.0;
195          target: "arrow2";
196       }
197    }
198 }
199
200 group { name: "e/widgets/toolbar/item";
201    images.image: "shadow_inset_bevels.png" COMP;
202    images.image: "shadow_angled_in_sides.png" COMP;
203    images.image: "horizontal_separated_bar_small_glow.png" COMP;
204    parts {
205       part { name: "shadow1"; mouse_events: 0;
206          description { state: "default" 0.0;
207             image.normal: "shadow_inset_bevels.png";
208             image.border: 2 2 0 1;
209             visible: 0;
210          }
211          description { state: "selected" 0.0;
212             inherit: "default" 0.0;
213             visible: 1;
214          }
215       }
216       part { name: "shadow2"; mouse_events: 0;
217          description { state: "default" 0.0;
218             rel1.offset: 1 0;
219             rel1.to: "shadow1";
220             rel2.offset: -2 -1;
221             rel2.to: "shadow1";
222             image.normal: "shadow_angled_in_sides.png";
223             image.border: 8 8 0 1;
224             image.middle: 0;
225             visible: 0;
226          }
227          description { state: "selected" 0.0;
228             inherit: "default" 0.0;
229             visible: 1;
230          }
231       }
232       part { name: "e.swallow.icon"; type: SWALLOW;
233          description { state: "default" 0.0;
234             align: 0.5 0.5;
235             // aspect: 1.0 1.0;
236             // aspect_preference: VERTICAL;
237             rel1.relative: 0.0 0.0;
238             rel1.offset: 2 2;
239             rel2.to_y: "e.text.label";
240             rel2.relative: 1.0 0.0;
241             rel2.offset: -3 -1;
242          }
243          description { state: "noicon" 0.0;
244             inherit: "default" 0.0;
245             visible: 0;
246             rel1.offset: 2 0;
247             rel2.relative: 1.0 0.0;
248             rel2.offset: -3 -4;
249          }
250       }
251       part { name: "e.text.label"; type: TEXT; mouse_events: 0;
252          effect: SHADOW BOTTOM;
253          scale: 1;
254          description { state: "default" 0.0;
255             rel1.offset: 4 -3;
256             rel1.relative: 0.0 1.0;
257             rel2.offset: -5 -3;
258             align: 0.5 1.0;
259             color: FN_COL_DEFAULT;
260             color_class: "menu_item";
261             text { font: FN; size: 10;
262                min: 1 1;
263                ellipsis: -1;
264                align: 0.5 0.5;
265                text_class: "menu_item";
266             }
267             fixed: 0 1;
268          }
269          description { state: "selected" 0.0;
270             inherit: "default" 0.0;
271             visible: 0;
272          }
273       }
274       part { name: "label2"; type: TEXT; mouse_events: 0;
275          effect: GLOW;
276          scale: 1;
277          description { state: "default" 0.0;
278             rel1.offset: -3 -3;
279             rel1.to: "e.text.label";
280             rel2.offset: 2 1;
281             rel2.to: "e.text.label";
282             color: FN_COL_HIGHLIGHT;
283             color_class: "menu_item_active";
284             text { font: FN; size: 10;
285               text_source: "e.text.label";
286               align: 0.5 0.5;
287               text_class: "menu_item";
288             }
289             visible: 0;
290          }
291          description { state: "selected" 0.0;
292             inherit: "default" 0.0;
293             visible: 1;
294          }
295       }
296       part { name: "bar"; mouse_events: 0;
297          description { state: "default" 0.0;
298             rel1.offset: -3 -7;
299             rel1.relative: 0.0 1.0;
300             rel1.to: "shadow2";
301             rel2.offset: 2 2;
302             rel2.to: "shadow2";
303             image.normal: "horizontal_separated_bar_small_glow.png";
304             image.border: 4 4 4 4;
305             fill.smooth: 0;
306             visible: 0;
307          }
308          description { state: "selected" 0.0;
309             inherit: "default" 0.0;
310             visible: 1;
311          }
312       }
313       part { name: "event"; type: RECT;
314          ignore_flags: ON_HOLD;
315          description { state: "default" 0.0;
316             color: 0 0 0 0;
317          }
318       }
319    }
320    programs {
321       program {
322          signal: "e,icon,disabled"; source: "e";
323          action: STATE_SET "noicon" 0.0;
324          target: "e.swallow.icon";
325 //         target: "e.text.label";
326       }
327       program {
328          signal: "e,icon,enabled"; source: "e";
329          action: STATE_SET "default" 0.0;
330          target: "e.swallow.icon";
331 //         target: "e.text.label";
332       }
333       program {
334          signal: "e,state,selected"; source: "e";
335          action: STATE_SET "selected" 0.0;
336          target: "e.text.label";
337          target: "label2";
338          target: "shadow1";
339          target: "shadow2";
340          target: "bar";
341       }
342       program {
343          signal: "e,state,unselected"; source: "e";
344          action: STATE_SET "default" 0.0;
345          target: "e.text.label";
346          target: "label2";
347          target: "shadow1";
348          target: "shadow2";
349          target: "bar";
350       }
351       program {
352          signal: "mouse,up,1"; source: "event";
353          action: SIGNAL_EMIT "e,action,click" "e";
354       }
355    }
356 }