tizen 2.4 release
[framework/uifw/elementary.git] / data / themes / edc / elm / toolbar.edc
1 // === toolbar default base with scrolling arrows etc.
2 group { name: "elm/toolbar/base/default";
3    images.image: "vgrad_med_lighter.png" COMP;
4    images.image: "bevel_out.png" COMP;
5    images.image: "shine.png" COMP;
6    images.image: "shadow_square_tiny.png" COMP;
7    images.image: "sym_left_light_normal.png" COMP;
8    images.image: "sym_left_glow_normal.png" COMP;
9    images.image: "sym_right_light_normal.png" COMP;
10    images.image: "sym_right_glow_normal.png" COMP;
11    images.image: "sym_up_light_normal.png" COMP;
12    images.image: "sym_up_glow_normal.png" COMP;
13    images.image: "sym_down_light_normal.png" COMP;
14    images.image: "sym_down_glow_normal.png" COMP;
15    parts {
16       part { name: "shadow"; mouse_events: 0;
17          description { state: "default" 0.0;
18             rel1.offset: -1 0;
19             rel2.offset: 0 1;
20             image.normal: "shadow_square_tiny.png";
21             image.border: 6 6 6 6;
22             fill.smooth: 0;
23          }
24       }
25       part { name: "base";
26          description { state: "default" 0.0;
27             image.normal: "vgrad_med_lighter.png";
28             rel1.offset: 2 2;
29             rel2.offset: -3 -3;
30             fill.smooth: 0;
31             TILED_HORIZ(120)
32          }
33       }
34       part { name: "clipper"; type: RECT;
35          description { state: "default" 0.0;
36             rel1.to: "base";
37             rel2.to: "base";
38          }
39       }
40       part { name: "elm.swallow.content"; type: SWALLOW;
41          clip_to: "clipper";
42          description { state: "default" 0.0;
43             rel1.offset: 2 2;
44             rel2.offset: -3 -3;
45          }
46       }
47       part { name: "bevel"; mouse_events: 0;
48          description { state: "default" 0.0;
49             rel1.to: "base";
50             rel2.to: "base";
51             image.normal: "bevel_out.png";
52             image.border: 1 1 1 1;
53             image.middle: 0;
54             fill.smooth: 0;
55          }
56       }
57       
58       part { name: "arrow_clipper_l"; type: RECT;
59          description { state: "default" 0.0;
60             visible: 0;
61          }
62          description { state: "visible" 0.0;
63             inherit: "default" 0.0;
64             visible: 1;
65          }
66       }
67       part { name: "arrow_l"; mouse_events: 0;
68          clip_to: "arrow_clipper_l";
69          description { state: "default" 0.0;
70             rel1.to: "arrow_l_ev";
71             rel2.to: "arrow_l_ev";
72             image.normal: "sym_left_light_normal.png";
73             FIXED_SIZE(15, 15)
74          }
75          description { state: "clicked" 0.0;
76             inherit: "default" 0.0;
77             image.normal: "sym_left_glow_normal.png";
78          }
79       }
80       part { name: "arrow_l_ev"; type: RECT;
81          scale: 1;
82          clip_to: "arrow_clipper_l";
83          description { state: "default" 0.0;
84             rel1.to: "base";
85             rel2.to: "base";
86             align: 0.0 0.5;
87             color: 0 0 0 0;
88             FIXED_SIZE(23, 23)
89          }
90       }
91       
92       part { name: "arrow_clipper_r"; type: RECT;
93          description { state: "default" 0.0;
94             visible: 0;
95          }
96          description { state: "visible" 0.0;
97             inherit: "default" 0.0;
98             visible: 1;
99          }
100       }
101       part { name: "arrow_r"; mouse_events: 0;
102          clip_to: "arrow_clipper_r";
103          description { state: "default" 0.0;
104             rel1.to: "arrow_r_ev";
105             rel2.to: "arrow_r_ev";
106             image.normal: "sym_right_light_normal.png";
107             FIXED_SIZE(15, 15)
108          }
109          description { state: "clicked" 0.0;
110             inherit: "default" 0.0;
111             image.normal: "sym_right_glow_normal.png";
112          }
113       }
114       part { name: "arrow_r_ev"; type: RECT;
115          scale: 1;
116          clip_to: "arrow_clipper_r";
117          description { state: "default" 0.0;
118             rel1.to: "base";
119             rel2.to: "base";
120             align: 1.0 0.5;
121             color: 0 0 0 0;
122             FIXED_SIZE(23, 23)
123          }
124       }
125       part { name: "shine"; mouse_events: 0;
126          description { state: "default" 0.0;
127             image.normal: "shine.png";
128             rel1.offset: 0 -2;
129             rel1.to: "base";
130             rel2.relative: 1.0 0.0;
131             rel2.offset: -1 2;
132             rel2.to: "base";
133             FIXED_SIZE(69, 5)
134          }
135       }
136       
137       part { name: "arrow_clipper_u"; type: RECT;
138          description { state: "default" 0.0;
139             visible: 0;
140          }
141          description { state: "visible" 0.0;
142             inherit: "default" 0.0;
143             visible: 1;
144          }
145       }
146       part { name: "arrow_u"; mouse_events: 0;
147          clip_to: "arrow_clipper_u";
148          description { state: "default" 0.0;
149             rel1.to: "arrow_u_ev";
150             rel2.to: "arrow_u_ev";
151             image.normal: "sym_up_light_normal.png";
152             FIXED_SIZE(15, 15)
153          }
154          description { state: "clicked" 0.0;
155             inherit: "default" 0.0;
156             image.normal: "sym_up_glow_normal.png";
157          }
158       }
159       part { name: "arrow_u_ev"; type: RECT;
160          scale: 1;
161          clip_to: "arrow_clipper_u";
162          description { state: "default" 0.0;
163             rel1.to: "base";
164             rel2.to: "base";
165             align: 0.5 0.0;
166             color: 0 0 0 0;
167             FIXED_SIZE(23, 23)
168          }
169       }
170       
171       part { name: "arrow_clipper_d"; type: RECT;
172          description { state: "default" 0.0;
173             visible: 0;
174          }
175          description { state: "visible" 0.0;
176             inherit: "default" 0.0;
177             visible: 1;
178          }
179       }
180       part { name: "arrow_d"; mouse_events: 0;
181          clip_to: "arrow_clipper_d";
182          description { state: "default" 0.0;
183             rel1.to: "arrow_d_ev";
184             rel2.to: "arrow_d_ev";
185             image.normal: "sym_down_light_normal.png";
186             FIXED_SIZE(15, 15)
187          }
188          description { state: "clicked" 0.0;
189             inherit: "default" 0.0;
190             image.normal: "sym_down_glow_normal.png";
191          }
192       }
193       part { name: "arrow_d_ev"; type: RECT;
194          scale: 1;
195          clip_to: "arrow_clipper_d";
196          description { state: "default" 0.0;
197             rel1.to: "base";
198             rel2.to: "base";
199             align: 0.5 1.0;
200             color: 0 0 0 0;
201             FIXED_SIZE(23, 23)
202          }
203       }
204    }
205    programs {
206 //      program {
207 //         signal: "elm,orient,horizontal"; source: "elm";
208 //      }
209 //      program {
210 //         signal: "elm,orient,vertical"; source: "elm";
211 //      }
212       program {
213          signal: "elm,action,show,left"; source: "elm";
214          action: STATE_SET "visible" 0.0;
215          target: "arrow_clipper_l";
216          target: "arrow_clipper_l";
217       }
218       program {
219          signal: "elm,action,hide,left"; source: "elm";
220          action: STATE_SET "default" 0.0;
221          target: "arrow_clipper_l";
222          target: "arrow_clipper_l";
223       }
224       program {
225          signal: "mouse,down,1*"; source: "arrow_l_ev";
226          action: SIGNAL_EMIT "elm,action,left" "elm";
227          after: "arrow_l_repeat";
228       }
229       program { name: "arrow_l_repeat";
230          action: SIGNAL_EMIT "elm,action,left" "elm";
231          in: 0.3 0.0;
232          after: "arrow_l_repeat";
233       }
234       program {
235          signal: "mouse,up,1"; source: "arrow_l_ev";
236          action: ACTION_STOP;
237          target: "arrow_l_repeat";
238       }
239       program {
240          signal: "mouse,down,1*"; source: "arrow_l_ev";
241          action: STATE_SET "clicked" 0.0;
242          target: "arrow_l";
243       }
244       program {
245          signal: "mouse,up,1"; source: "arrow_l_ev";
246          action: STATE_SET "default" 0.0;
247          target: "arrow_l";
248       }
249       
250       program {
251          signal: "elm,action,show,right"; source: "elm";
252          action: STATE_SET "visible" 0.0;
253          target: "arrow_clipper_r";
254          target: "arrow_clipper_r";
255       }
256       program {
257          signal: "elm,action,hide,right"; source: "elm";
258          action: STATE_SET "default" 0.0;
259          target: "arrow_clipper_r";
260          target: "arrow_clipper_r";
261       }
262       program {
263          signal: "mouse,down,1*"; source: "arrow_r_ev";
264          action: SIGNAL_EMIT "elm,action,right" "elm";
265          after: "arrow_r_repeat";
266       }
267       program { name: "arrow_r_repeat";
268          action: SIGNAL_EMIT "elm,action,right" "elm";
269          in: 0.3 0.0;
270          after: "arrow_r_repeat";
271       }
272       program {
273          signal: "mouse,up,1"; source: "arrow_r_ev";
274          action: ACTION_STOP;
275          target: "arrow_r_repeat";
276       }
277       program {
278          signal: "mouse,down,1*"; source: "arrow_r_ev";
279          action: STATE_SET "clicked" 0.0;
280          target: "arrow_r";
281       }
282       program {
283          signal: "mouse,up,1"; source: "arrow_r_ev";
284          action: STATE_SET "default" 0.0;
285          target: "arrow_r";
286       }
287       
288       program {
289          signal: "elm,action,show,up"; source: "elm";
290          action: STATE_SET "visible" 0.0;
291          target: "arrow_clipper_u";
292          target: "arrow_clipper_u";
293       }
294       program {
295          signal: "elm,action,hide,up"; source: "elm";
296          action: STATE_SET "default" 0.0;
297          target: "arrow_clipper_u";
298          target: "arrow_clipper_u";
299       }
300       program {
301          signal: "mouse,down,1*"; source: "arrow_u_ev";
302          action: SIGNAL_EMIT "elm,action,up" "elm";
303          after: "arrow_u_repeat";
304       }
305       program { name: "arrow_u_repeat";
306          action: SIGNAL_EMIT "elm,action,up" "elm";
307          in: 0.3 0.0;
308          after: "arrow_u_repeat";
309       }
310       program {
311          signal: "mouse,up,1"; source: "arrow_u_ev";
312          action: ACTION_STOP;
313          target: "arrow_u_repeat";
314       }
315       program {
316          signal: "mouse,down,1*"; source: "arrow_u_ev";
317          action: STATE_SET "clicked" 0.0;
318          target: "arrow_u";
319       }
320       program {
321          signal: "mouse,up,1"; source: "arrow_u_ev";
322          action: STATE_SET "default" 0.0;
323          target: "arrow_u";
324       }
325       
326       program {
327          signal: "elm,action,show,down"; source: "elm";
328          action: STATE_SET "visible" 0.0;
329          target: "arrow_clipper_d";
330          target: "arrow_clipper_d";
331       }
332       program {
333          signal: "elm,action,hide,down"; source: "elm";
334          action: STATE_SET "default" 0.0;
335          target: "arrow_clipper_d";
336          target: "arrow_clipper_d";
337       }
338       program {
339          signal: "mouse,down,1*"; source: "arrow_d_ev";
340          action: SIGNAL_EMIT "elm,action,down" "elm";
341          after: "arrow_d_repeat";
342       }
343       program { name: "arrow_d_repeat";
344          action: SIGNAL_EMIT "elm,action,down" "elm";
345          in: 0.3 0.0;
346          after: "arrow_d_repeat";
347       }
348       program {
349          signal: "mouse,up,1"; source: "arrow_d_ev";
350          action: ACTION_STOP;
351          target: "arrow_d_repeat";
352       }
353       program {
354          signal: "mouse,down,1*"; source: "arrow_d_ev";
355          action: STATE_SET "clicked" 0.0;
356          target: "arrow_d";
357       }
358       program {
359          signal: "mouse,up,1"; source: "arrow_d_ev";
360          action: STATE_SET "default" 0.0;
361          target: "arrow_d";
362       }
363    }
364 }
365
366 // === item: standard default item
367 group { name: "elm/toolbar/item/default";
368    data.item: "transition_animation_on" "1";
369    data.item: "focusraise" "on";
370
371    images.image: "shadow_inset_bevels.png" COMP;
372    images.image: "shadow_angled_in_sides.png" COMP;
373    images.image: "horizontal_separated_bar_small_glow.png" COMP;
374    images.image: "bevel_dark_in.png" COMP;
375 #define ICON     1
376 #define LABEL    2
377 #define MASK     3
378 #define DISABLE  4
379    script {   
380       public btmode;
381       public eval_mode(m) {
382          new m1 = m & MASK;
383          new d = m & DISABLE;
384          if (m1 == (ICON | LABEL)) {
385             if (!d) {
386                set_state(PART:"elm.swallow.icon", "default", 0.0);
387                set_state(PART:"icon_clip", "default", 0.0);
388                set_state(PART:"elm.text", "default", 0.0);
389                set_state(PART:"label2", "default", 0.0);
390             } else {
391                set_state(PART:"elm.swallow.icon", "default", 0.0);
392                set_state(PART:"icon_clip", "disabled", 0.0);
393                set_state(PART:"elm.text", "disabled", 0.0);
394                set_state(PART:"label2", "default", 0.0);
395             }
396          } else if (m1 == (ICON)) {
397             if (!d) {
398                set_state(PART:"elm.swallow.icon", "icononly", 0.0);
399                set_state(PART:"icon_clip", "default", 0.0);
400                set_state(PART:"elm.text", "icononly", 0.0);
401                set_state(PART:"label2", "icononly", 0.0);
402             } else {
403                set_state(PART:"elm.swallow.icon", "icononly", 0.0);
404                set_state(PART:"icon_clip", "disabled", 0.0);
405                set_state(PART:"elm.text", "icononly", 0.0);
406                set_state(PART:"label2", "icononly", 0.0);
407             }
408          } else if (m1 == (LABEL)) {
409             if (!d) {
410                set_state(PART:"elm.swallow.icon", "noicon", 0.0);
411                set_state(PART:"icon_clip", "default", 0.0);
412                set_state(PART:"elm.text", "noicon", 0.0);
413                set_state(PART:"label2", "noicon", 0.0);
414             } else {
415                set_state(PART:"elm.swallow.icon", "noicon", 0.0);
416                set_state(PART:"icon_clip", "disabled", 0.0);
417                set_state(PART:"elm.text", "noicon_disabled", 0.0);
418                set_state(PART:"label2", "noicon_disabled", 0.0);
419             }
420          } else {
421             if (!d) {
422                set_state(PART:"elm.swallow.icon", "noicon", 0.0);
423                set_state(PART:"icon_clip", "default", 0.0);
424                set_state(PART:"elm.text", "noicon", 0.0);
425                set_state(PART:"label2", "noicon", 0.0);
426             } else {
427                set_state(PART:"elm.swallow.icon", "noicon", 0.0);
428                set_state(PART:"icon_clip", "disabled", 0.0);
429                set_state(PART:"elm.text", "noicon_disabled", 0.0);
430                set_state(PART:"label2", "noicon_disabled", 0.0);
431             }
432          }
433       }
434    }
435    parts {
436       part { name: "base"; type: SPACER;
437          description { state: "default" 0.0;
438          }
439          description { state: "vert" 0.0;
440             rel1.offset: -1 0;
441             rel2.offset: 0 -1;
442          }
443       }
444       part { name: "shadow1"; mouse_events: 0;
445          description { state: "default" 0.0;
446             rel1.to: "base";
447             rel2.to: "base";
448             image.normal: "shadow_inset_bevels.png";
449             image.border: 2 2 0 1;
450             visible: 0;
451          }
452          description { state: "selected" 0.0;
453             inherit: "default" 0.0;
454             visible: 1;
455          }
456       }
457       part { name: "shadow2"; mouse_events: 0;
458          description { state: "default" 0.0;
459             rel1.offset: 1 0;
460             rel1.to: "shadow1";
461             rel2.offset: -2 -1;
462             rel2.to: "shadow1";
463             image.normal: "shadow_angled_in_sides.png";
464             image.border: 8 8 0 1;
465             image.middle: 0;
466             visible: 0;
467          }
468          description { state: "selected" 0.0;
469             inherit: "default" 0.0;
470             visible: 1;
471          }
472       }
473       part { name: "bend_clip"; type: RECT;
474          description { state: "default" 0.0;
475             visible: 0;
476          }
477          description { state: "vert" 0.0;
478             visible: 1;
479          }
480       }
481       part { name: "bend";
482          clip_to: "bend_clip";
483          description { state: "default" 0.0;
484             min: 2 2;
485             max: 99999 2;
486             rel2.offset: -1 1;
487             rel2.relative: 1.0 0.0;
488             image.normal: "bevel_dark_in.png";
489             image.border: 2 2 2 2;
490             fill.smooth: 0;
491             visible: 0;
492             fixed: 1 1;
493          }
494          description { state: "selected" 0.0;
495             inherit: "default" 0.0;
496             visible: 1;
497          }
498       }
499       
500       part { name: "icon_clip"; type: RECT;
501          description { state: "default" 0.0;
502          }
503          description { state: "disabled" 0.0;
504             inherit: "default" 0.0;
505             color: 255 255 255 64;
506          }
507       }
508       part { name: "icon_clip1"; type: RECT;
509          clip_to: "icon_clip";
510          description { state: "default" 0.0;
511             color: 255 255 255 255;
512             visible: 1;
513          }
514          description { state: "animation" 0.0;
515             inherit: "default" 0.0;
516             color: 255 255 255 0;
517             visible: 0;
518          }
519       }
520       part { name: "elm.swallow.icon"; type: SWALLOW;
521          clip_to: "icon_clip1";
522          description { state: "default" 0.0;
523             align: 0.5 0.5;
524             rel1.relative: 0.0 0.0;
525             rel1.offset: 2 2;
526             rel2.to_y: "elm.text";
527             rel2.relative: 1.0 0.0;
528             rel2.offset: -3 -1;
529          }
530          description { state: "noicon" 0.0;
531             inherit: "default" 0.0;
532             visible: 0;
533             rel1.offset: 2 0;
534             rel2.relative: 1.0 0.0;
535             rel2.offset: -3 -4;
536          }
537          description { state: "icononly" 0.0;
538             inherit: "default" 0.0;
539             visible: 0;
540             rel2.relative: 1.0 1.0;
541             rel2.offset: -3 -3;
542             rel2.to_y: "icon_clip";
543          }
544       }
545       part { name: "icon_clip2"; type: RECT;
546          clip_to: "icon_clip";
547          description { state: "default" 0.0;
548             color: 255 255 255 0;
549             visible: 0;
550          }
551          description { state: "animation" 0.0;
552             inherit: "default" 0.0;
553             color: 255 255 255 255;
554             visible: 1;
555          }
556       }
557       part { name: "elm.swallow.icon_new"; type: SWALLOW;
558          clip_to: "icon_clip2";
559          description { state: "default" 0.0;
560             align: 0.5 0.5;
561             rel1.relative: 0.0 0.0;
562             rel1.offset: 2 2;
563             rel2.to_y: "elm.text";
564             rel2.relative: 1.0 0.0;
565             rel2.offset: -3 -1;
566          }
567          description { state: "noicon" 0.0;
568             inherit: "default" 0.0;
569             visible: 0;
570             rel1.offset: 2 0;
571             rel2.relative: 1.0 0.0;
572             rel2.offset: -3 -4;
573          }
574          description { state: "icononly" 0.0;
575             inherit: "default" 0.0;
576             visible: 0;
577             rel2.relative: 1.0 1.0;
578             rel2.offset: -3 -3;
579             rel2.to_y: "icon_clip";
580          }
581       }
582       
583       part { name: "text_clip1"; type: RECT;
584          description { state: "default" 0.0;
585             color: 255 255 255 255;
586             visible: 1;
587          }
588          description { state: "animation" 0.0;
589             inherit: "default" 0.0;
590             color: 255 255 255 0;
591             visible: 0;
592          }
593       }
594       part { name: "elm.text"; type: TEXT; mouse_events: 0;
595          effect: SHADOW BOTTOM;
596          scale: 1;
597          clip_to: "text_clip1";
598          description { state: "default" 0.0;
599             rel1.offset: 4 -3;
600             rel1.relative: 0.0 1.0;
601             rel2.offset: -5 -3;
602             align: 0.5 1.0;
603             color: FN_COL_DEFAULT;
604             color_class: "toolbar_item";
605             text { font: FN; size: 10;
606                min: 1 1;
607                ellipsis: -1;
608                align: 0.5 0.5;
609                text_class: "toolbar_item";
610             }
611             fixed: 0 1;
612          }
613          description { state: "selected" 0.0;
614             inherit: "default" 0.0;
615             visible: 0;
616             color_class: "toolbar_item_selected";
617          }
618          description { state: "disabled" 0.0;
619             inherit: "default" 0.0;
620             color: FN_COL_DISABLE;
621             color_class: "toolbar_item_disabled";
622          }
623          description { state: "noicon" 0.0;
624             inherit: "default" 0.0;
625             rel1.offset: 4 2;
626             rel1.relative: 0.0 0.0;
627             align: 0.5 0.5;
628          }
629          description { state: "noicon_disabled" 0.0;
630             inherit: "noicon" 0.0;
631             color: FN_COL_DISABLE;
632             color_class: "toolbar_item_disabled";
633          }
634          description { state: "icononly" 0.0;
635             inherit: "default" 0.0;
636             text.min: 0 0;
637             visible: 0;
638             fixed: 1 1;
639          }
640       }
641       part { name: "label2"; type: TEXT; mouse_events: 0;
642          effect: GLOW;
643          scale: 1;
644          clip_to: "text_clip1";
645          description { state: "default" 0.0;
646             rel1.offset: -3 -3;
647             rel1.to: "elm.text";
648             rel2.offset: 2 1;
649             rel2.to: "elm.text";
650             color: FN_COL_HIGHLIGHT;
651             color_class: "toolbar_item_active";
652             text { font: FN; size: 10;
653                text_source: "elm.text";
654                align: 0.5 0.5;
655                text_class: "toolbar_item";
656             }
657             visible: 0;
658          }
659          description { state: "selected" 0.0;
660             inherit: "default" 0.0;
661             visible: 1;
662          }
663          description { state: "noicon" 0.0;
664             inherit: "default" 0.0;
665          }
666          description { state: "noicon_disabled" 0.0;
667             inherit: "noicon" 0.0;
668          }
669          description { state: "icononly" 0.0;
670             inherit: "default" 0.0;
671             text.min: 0 0;
672             visible: 0;
673             fixed: 1 1;
674          }
675       }
676       part { name: "text_clip2"; type: RECT;
677          description { state: "default" 0.0;
678             color: 255 255 255 0;
679             visible: 0;
680          }
681          description { state: "animation" 0.0;
682             inherit: "default" 0.0;
683             color: 255 255 255 255;
684             visible: 1;
685          }
686       }
687       part { name: "elm.text_new"; type: TEXT; mouse_events: 0;
688          effect: SHADOW BOTTOM;
689          scale: 1;
690          clip_to: "text_clip2";
691          description { state: "default" 0.0;
692             rel1.offset: 4 -3;
693             rel1.relative: 0.0 1.0;
694             rel2.offset: -5 -3;
695             align: 0.5 1.0;
696             color: FN_COL_DEFAULT;
697             color_class: "toolbar_item";
698             text { font: FN; size: 10;
699                min: 1 1;
700                ellipsis: -1;
701                align: 0.5 0.5;
702                text_class: "toolbar_item";
703             }
704             fixed: 0 1;
705          }
706          description { state: "selected" 0.0;
707             inherit: "default" 0.0;
708             visible: 0;
709             color_class: "toolbar_item_selected";
710          }
711          description { state: "disabled" 0.0;
712             inherit: "default" 0.0;
713             color: FN_COL_DISABLE;
714             color_class: "toolbar_item_disabled";
715          }
716          description { state: "noicon" 0.0;
717             inherit: "default" 0.0;
718             rel1.offset: 4 2;
719             rel1.relative: 0.0 0.0;
720             align: 0.5 0.5;
721          }
722          description { state: "noicon_disabled" 0.0;
723             inherit: "noicon" 0.0;
724             color: FN_COL_DISABLE;
725             color_class: "toolbar_item_disabled";
726          }
727          description { state: "icononly" 0.0;
728             inherit: "default" 0.0;
729             text.min: 0 0;
730             visible: 0;
731             fixed: 1 1;
732          }
733       }
734       part { name: "label2_new"; type: TEXT; mouse_events: 0;
735          effect: GLOW;
736          scale: 1;
737          clip_to: "text_clip2";
738          description { state: "default" 0.0;
739             rel1.offset: -3 -3;
740             rel1.to: "elm.text";
741             rel2.offset: 2 1;
742             rel2.to: "elm.text";
743             color: FN_COL_HIGHLIGHT;
744             color_class: "toolbar_item_active";
745             text { font: FN; size: 10;
746                text_source: "elm.text";
747                align: 0.5 0.5;
748                text_class: "toolbar_item";
749             }
750             visible: 0;
751          }
752          description { state: "selected" 0.0;
753             inherit: "default" 0.0;
754             visible: 1;
755          }
756          description { state: "noicon" 0.0;
757             inherit: "default" 0.0;
758          }
759          description { state: "noicon_disabled" 0.0;
760             inherit: "noicon" 0.0;
761          }
762          description { state: "icononly" 0.0;
763             inherit: "default" 0.0;
764             text.min: 0 0;
765             visible: 0;
766             fixed: 1 1;
767          }
768       }
769
770       part { name: "bar"; mouse_events: 0;
771          description { state: "default" 0.0;
772             rel1.offset: -3 -7;
773             rel1.relative: 0.0 1.0;
774             rel1.to: "shadow2";
775             rel2.offset: 2 2;
776             rel2.to: "shadow2";
777             image.normal: "horizontal_separated_bar_small_glow.png";
778             image.border: 4 4 4 4;
779             fill.smooth: 0;
780             visible: 0;
781          }
782          description { state: "selected" 0.0;
783             inherit: "default" 0.0;
784             visible: 1;
785          }
786       }
787       part { name: "highlight"; mouse_events: 0;
788          description { state: "default" 0.0;
789             rel1.offset: -3 -7;
790             rel1.relative: 0.0 1.0;
791             rel1.to: "shadow2";
792             rel2.offset: 2 2;
793             rel2.to: "shadow2";
794             image.normal: "horizontal_separated_bar_small_glow.png";
795             image.border: 4 4 4 4;
796             fill.smooth: 0;
797             visible: 0;
798          }
799          description { state: "selected" 0.0;
800             inherit: "default" 0.0;
801             visible: 1;
802          }
803       }
804       part { name: "event"; type: RECT;
805          ignore_flags: ON_HOLD;
806          description { state: "default" 0.0;
807             color: 0 0 0 0;
808          }
809       }
810    }
811    programs {
812       program {
813          signal: "elm,orient,horizontal"; source: "elm";
814          action: STATE_SET "default" 0.0;
815          target: "base";
816          target: "bend_clip";
817       }
818       program {
819          signal: "elm,orient,vertical"; source: "elm";
820          action: STATE_SET "vert" 0.0;
821          target: "base";
822          target: "bend_clip";
823       }
824       
825       program { name: "st0";
826          signal: "load"; source: "";
827          script {
828             set_int(btmode, LABEL | ICON);
829          }
830       }
831       
832       program {
833          signal: "elm,state,selected"; source: "elm";
834          action: STATE_SET "selected" 0.0;
835          target: "elm.text";
836          target: "label2";
837          target: "shadow1";
838          target: "shadow2";
839          target: "bar";
840          target: "bend";
841       }
842       program {
843          signal: "elm,state,unselected"; source: "elm";
844          action: STATE_SET "default" 0.0;
845          target: "elm.text";
846          target: "label2";
847          target: "shadow1";
848          target: "shadow2";
849          target: "bar";
850          target: "bend";
851       }
852       program {
853          signal: "mouse,up,1"; source: "event";
854          action: SIGNAL_EMIT "elm,action,click" "elm";
855       }
856       
857       program {
858          signal: "elm,highlight,on"; source: "elm";
859          action: STATE_SET "selected" 0.0;
860          target: "highlight";
861       }
862       program {
863          signal: "elm,highlight,off"; source: "elm";
864          action: STATE_SET "default" 0.0;
865          target: "highlight";
866       }
867       
868       program {
869          signal:  "mouse,in"; source:  "event";
870          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
871       }
872       program { name: "mouse,out";
873          signal:  "mouse,out"; source:  "event";
874          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
875       }
876       
877       program { name: "st1";
878          signal: "elm,text,hidden"; source: "elm";
879          action: STATE_SET "notext" 0.0;
880          script {
881             new m = get_int(btmode);
882             m &= ~LABEL; set_int(btmode, m);
883             eval_mode(m);
884          }
885       }
886       program { name: "st2";
887          signal: "elm,text,visible"; source: "elm";
888          script {
889             new m = get_int(btmode);
890             m |= LABEL; set_int(btmode, m);
891             eval_mode(m);
892          }
893       }
894       program { name: "st3";
895          signal: "elm,icon,hidden"; source: "elm";
896          script {
897            new m = get_int(btmode);
898             m |= ICON; set_int(btmode, m);
899             eval_mode(m);
900          }
901       }
902       program { name: "st4";
903          signal: "elm,icon,visible"; source: "elm";
904          script {
905             new m = get_int(btmode);
906             m &= ~ICON; set_int(btmode, m);
907             eval_mode(m);
908          }
909       }
910       program { name: "st5";
911          signal: "elm,state,disabled"; source: "elm";
912          script {
913             new m = get_int(btmode);
914             m |= DISABLE; set_int(btmode, m);
915             eval_mode(m);
916          }
917       }
918       program { name: "st6";
919          signal: "elm,state,enabled"; source: "elm";
920          script {
921             new m = get_int(btmode);
922             m &= ~DISABLE; set_int(btmode, m);
923             eval_mode(m);
924          }
925       }
926       
927       program {
928          signal: "elm,state,moving"; source: "elm";
929          action: STATE_SET "default" 0.0;
930          target: "shadow1";
931          target: "shadow2";
932       }
933       
934       program {
935          signal: "elm,state,icon_set,forward"; source: "elm";
936          after: "icon_set,animation";
937       }
938       program {
939          signal: "elm,state,icon_set,backward"; source: "elm";
940          after: "icon_set,animation";
941       }
942       program { name: "icon_set,animation";
943          signal: "elm,state,icon_set"; source: "elm";
944          action: STATE_SET "animation" 0.0;
945          target: "icon_clip1";
946          target: "icon_clip2";
947          transition: LINEAR 0.2;
948          after: "icon_set,animation,done";
949       }
950       program { name: "icon_set,animation,done";
951          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
952       }
953
954       program {
955          signal: "elm,state,icon,reset"; source: "elm";
956          action: STATE_SET "default" 0.0;
957          target: "icon_clip1";
958          target: "icon_clip2";
959       }
960
961       program {
962          signal: "elm,state,label_set,forward"; source: "elm";
963          after: "label_set,animation";
964       }
965       program {
966          signal: "elm,state,label_set,backward"; source: "elm";
967          after: "label_set,animation";
968       }
969       program { name: "label_set,animation";
970          signal: "elm,state,label_set"; source: "elm";
971          action: STATE_SET "animation" 0.0;
972          target: "text_clip1";
973          target: "text_clip2";
974          transition: LINEAR 0.2;
975          after: "label_set,animation,done";
976       }
977       program { name: "label_set,animation,done";
978          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
979       }
980
981       program {
982          signal: "elm,state,label,reset"; source: "elm";
983          action: STATE_SET "default" 0.0;
984          target: "text_clip1";
985          target: "text_clip2";
986       }
987    }
988 #undef ICON
989 #undef LABEL
990 #undef MASK
991 #undef DISABLE
992 }
993
994 // === item: style assumed to exist
995 group { name: "elm/toolbar/item/item_horizontal";
996    inherit: "elm/toolbar/item/default";
997    parts {
998       part { name: "elm.swallow.icon";
999          description { state: "default" 0.0;
1000             fixed: 1 0;
1001             aspect_preference: VERTICAL;
1002             align: 0.0 0.5;
1003             rel1.offset: 2 2;
1004             rel2.relative: 0.0 1.0;
1005             rel2.offset: 2 -3;
1006          }
1007          description { state: "noicon" 0.0;
1008             inherit: "default" 0.0;
1009             visible: 0;
1010             rel1.offset: 1 0;
1011             rel2.relative: 0.0 1.0;
1012             rel2.offset: 1 -3;
1013          }
1014          description { state: "icononly" 0.0;
1015             inherit: "default" 0.0;
1016             visible: 0;
1017             rel2.relative: 1.0 1.0;
1018             rel2.offset: -3 -3;
1019             rel2.to_y: "icon_clip";
1020          }
1021       }
1022       part { name: "elm.swallow.icon_new";
1023          description { state: "default" 0.0;
1024             aspect_preference: VERTICAL;
1025             align: 0.0 0.5;
1026             rel1.offset: 2 2;
1027             rel2.relative: 0.0 1.0;
1028             rel2.offset: 2 -3;
1029          }
1030          description { state: "noicon" 0.0;
1031             inherit: "default" 0.0;
1032             visible: 0;
1033             rel1.offset: 1 0;
1034             rel2.relative: 0.0 1.0;
1035             rel2.offset: 1 -3;
1036          }
1037          description { state: "icononly" 0.0;
1038             inherit: "default" 0.0;
1039             visible: 0;
1040             rel2.relative: 1.0 1.0;
1041             rel2.offset: -3 -3;
1042             rel2.to_y: "icon_clip";
1043          }
1044       }
1045       part { name: "elm.text";
1046          description { state: "default" 0.0;
1047             rel1.offset: 1 2;
1048             rel1.relative: 1.0 0.0;
1049             rel1.to_x: "elm.swallow.icon";
1050             rel2.offset: -5 -3;
1051             align: 0.0 0.5;
1052             color: FN_COL_DEFAULT;
1053             color_class: "toolbar_item";
1054             text { font: FN; size: 10;
1055                min: 1 1;
1056                ellipsis: -1;
1057                align: 0.0 0.5;
1058                text_class: "toolbar_item";
1059             }
1060          }
1061          description { state: "selected" 0.0;
1062             inherit: "default" 0.0;
1063             visible: 0;
1064             color_class: "toolbar_item_selected";
1065          }
1066          description { state: "disabled" 0.0;
1067             inherit: "default" 0.0;
1068             color: FN_COL_DISABLE;
1069             color_class: "toolbar_item_disabled";
1070          }
1071          description { state: "noicon" 0.0;
1072             inherit: "default" 0.0;
1073             rel1.offset: 4 2;
1074             rel1.relative: 0.0 0.0;
1075             rel1.to: "icon_clip";
1076             align: 0.5 0.5;
1077          }
1078          description { state: "noicon_disabled" 0.0;
1079             inherit: "noicon" 0.0;
1080             color: FN_COL_DISABLE;
1081             color_class: "toolbar_item_disabled";
1082          }
1083          description { state: "icononly" 0.0;
1084             inherit: "default" 0.0;
1085             text.min: 0 0;
1086             visible: 0;
1087             fixed: 1 1;
1088          }
1089       }
1090       part { name: "label2";
1091          description { state: "default" 0.0;
1092             rel1.offset: -2 -3;
1093             text.align: 0.0 0.5;
1094             align: 0.0 0.5;
1095          }
1096          description { state: "selected" 0.0;
1097             inherit: "default" 0.0;
1098             visible: 1;
1099          }
1100          description { state: "noicon" 0.0;
1101             inherit: "default" 0.0;
1102          }
1103          description { state: "noicon_disabled" 0.0;
1104             inherit: "noicon" 0.0;
1105          }
1106       }
1107       part { name: "elm.text_new";
1108          description { state: "default" 0.0;
1109             rel1.offset: 1 2;
1110             rel1.relative: 1.0 0.0;
1111             rel1.to_x: "elm.swallow.icon";
1112             rel2.offset: -5 -3;
1113             align: 0.0 0.5;
1114             color: FN_COL_DEFAULT;
1115             color_class: "toolbar_item";
1116             text { font: FN; size: 10;
1117                min: 1 1;
1118                ellipsis: -1;
1119                align: 0.0 0.5;
1120                text_class: "toolbar_item";
1121             }
1122          }
1123          description { state: "selected" 0.0;
1124             inherit: "default" 0.0;
1125             visible: 0;
1126             color_class: "toolbar_item_selected";
1127          }
1128          description { state: "disabled" 0.0;
1129             inherit: "default" 0.0;
1130             color: FN_COL_DISABLE;
1131             color_class: "toolbar_item_disabled";
1132          }
1133          description { state: "noicon" 0.0;
1134             inherit: "default" 0.0;
1135             rel1.offset: 4 2;
1136             rel1.relative: 0.0 0.0;
1137             rel1.to: "icon_clip";
1138             align: 0.5 0.5;
1139          }
1140          description { state: "noicon_disabled" 0.0;
1141             inherit: "noicon" 0.0;
1142             color: FN_COL_DISABLE;
1143             color_class: "toolbar_item_disabled";
1144          }
1145          description { state: "icononly" 0.0;
1146             inherit: "default" 0.0;
1147             text.min: 0 0;
1148             visible: 0;
1149             fixed: 1 1;
1150          }
1151       }
1152       part { name: "label2_new";
1153          description { state: "default" 0.0;
1154             rel1.offset: -2 -3;
1155             text.align: 0.0 0.5;
1156             align: 0.0 0.5;
1157          }
1158          description { state: "selected" 0.0;
1159             inherit: "default" 0.0;
1160             visible: 1;
1161          }
1162          description { state: "noicon" 0.0;
1163             inherit: "default" 0.0;
1164          }
1165          description { state: "noicon_disabled" 0.0;
1166             inherit: "noicon" 0.0;
1167          }
1168       }
1169    }
1170 }
1171
1172 // === item: style assumed to exist
1173 // XXX: vert vs horiz (should emit)
1174 // XXX: seriously... why do we have this style?
1175 group { name: "elm/toolbar/item/item_centered";
1176    inherit: "elm/toolbar/item/default";
1177    parts {
1178    }
1179 }
1180
1181 // === separator
1182 group { name: "elm/toolbar/separator/default";
1183    images.image: "bevel_dark_in.png" COMP;
1184    parts {
1185       part { name: "base";
1186          description { state: "default" 0.0;
1187             min: 2 2;
1188             max: 2 99999;
1189             rel1.offset: 4 0;
1190             rel2.offset: -5 -1;
1191             image.normal: "bevel_dark_in.png";
1192             image.border: 2 2 2 2;
1193             fill.smooth: 0;
1194          }
1195          description { state: "vert" 0.0;
1196             inherit: "default" 0.0;
1197             max: 99999 2;
1198             rel1.offset: 0 4;
1199             rel2.offset: -1 -5;
1200          }
1201       }
1202    }
1203    programs {
1204       program {
1205          signal: "elm,orient,horizontal"; source: "elm";
1206          action: STATE_SET "default" 0.0;
1207          target: "base";
1208       }
1209       program {
1210          signal: "elm,orient,vertical"; source: "elm";
1211          action: STATE_SET "vert" 0.0;
1212          target: "base";
1213       }
1214    }
1215 }
1216
1217 // === item: just a regular object holder in the toolbar for any child
1218 group { name: "elm/toolbar/object/default";
1219    images.image: "horizontal_separated_bar_small_glow.png" COMP;
1220    parts {
1221       part { name: "elm.swallow.object"; type: SWALLOW;
1222          description { state: "default" 0.0;
1223             rel1.offset: 2 2;
1224             rel2.offset: -3 -3;
1225          }
1226       }
1227       part { name: "highlight"; mouse_events: 0;
1228          description { state: "default" 0.0;
1229             rel1.offset: -3 -7;
1230             rel1.relative: 0.0 1.0;
1231             rel2.offset: 2 2;
1232             image.normal: "horizontal_separated_bar_small_glow.png";
1233             image.border: 4 4 4 4;
1234             fill.smooth: 0;
1235             visible: 0;
1236          }
1237          description { state: "selected" 0.0;
1238             inherit: "default" 0.0;
1239             visible: 1;
1240          }
1241       }
1242    }
1243    programs {
1244       program {
1245          signal: "elm,highlight,on"; source: "elm";
1246          action: STATE_SET "selected" 0.0;
1247          target: "highlight";
1248       }
1249       program {
1250          signal: "elm,highlight,off"; source: "elm";
1251          action: STATE_SET "default" 0.0;
1252          target: "highlight";
1253       }
1254    }
1255 }
1256
1257 // === item: the more PANEL that slides out under the toolbar
1258 // XXX: vert vs horiz (should emit)
1259 group { name: "elm/toolbar/more/default";
1260    images.image: "vgrad_med_lighter.png" COMP;
1261    images.image: "bevel_out.png" COMP;
1262    images.image: "shine.png" COMP;
1263    images.image: "shadow_square_tiny.png" COMP;
1264    parts {
1265       part { name: "shadow"; mouse_events: 0;
1266          description { state: "default" 0.0;
1267             rel1.offset: -3 -2;
1268             rel1.to: "base";
1269             rel2.offset: 2 3;
1270             rel2.to: "base";
1271             image.normal: "shadow_square_tiny.png";
1272             image.border: 6 6 6 6;
1273             fill.smooth: 0;
1274             visible: 0;
1275          }
1276          description { state: "open" 0.0;
1277             inherit: "default" 0.0;
1278             visible: 1;
1279          }
1280          description { state: "open2" 0.0;
1281             inherit: "default" 0.0;
1282             visible: 1;
1283          }
1284       }
1285       part { name: "base";
1286          description { state: "default" 0.0;
1287             image.normal: "vgrad_med_lighter.png";
1288             rel2.relative: 1.0 0.0;
1289             rel1.offset: 2 2;
1290             rel2.offset: -3 1;
1291             fill.smooth: 0;
1292             fixed: 1 1;
1293             visible: 0;
1294             TILED_HORIZ(120)
1295          }
1296          description { state: "open" 0.0;
1297             inherit: "default" 0.0;
1298             rel2.relative: 1.0 1.0;
1299             rel2.offset: -3 -3;
1300             visible: 1;
1301          }
1302          description { state: "open2" 0.0;
1303             inherit: "default" 0.0;
1304             rel2.relative: 1.0 2.0;
1305             rel2.offset: -3 -3;
1306             visible: 1;
1307          }
1308       }
1309       part { name: "clipper"; type: RECT;
1310          description { state: "default" 0.0;
1311             rel1.to: "base";
1312             rel2.to: "base";
1313             fixed: 1 1;
1314             visible: 0;
1315          }
1316          description { state: "open" 0.0;
1317             inherit: "default" 0.0;
1318             rel2.relative: 1.0 1.0;
1319             visible: 1;
1320          }
1321          description { state: "open2" 0.0;
1322             inherit: "default" 0.0;
1323             rel2.relative: 1.0 0.5;
1324             visible: 1;
1325          }
1326       }
1327       part { name: "clipper2"; type: RECT;
1328          description { state: "default" 0.0;
1329             rel1.relative: 0.0 0.5;
1330             rel1.to: "base";
1331             rel2.to: "base";
1332             fixed: 1 1;
1333             visible: 0;
1334          }
1335          description { state: "open" 0.0;
1336             inherit: "default" 0.0;
1337             rel1.relative: 0.0 1.0;
1338             visible: 1;
1339          }
1340          description { state: "open2" 0.0;
1341             inherit: "default" 0.0;
1342             rel1.relative: 0.0 0.5;
1343             visible: 1;
1344          }
1345       }
1346       part { name: "elm.swallow.content"; type: SWALLOW;
1347          clip_to: "clipper";
1348          description { state: "default" 0.0;
1349             fixed: 1 1;
1350             rel1.to: "clipper";
1351             rel2.to: "clipper";
1352          }
1353       }
1354       part { name: "elm.swallow.content2"; type: SWALLOW;
1355          clip_to: "clipper2";
1356          description { state: "default" 0.0;
1357             fixed: 1 1;
1358             rel1.to: "clipper2";
1359             rel2.to: "clipper2";
1360          }
1361       }
1362       part { name: "bevel"; mouse_events: 0;
1363          description { state: "default" 0.0;
1364             rel1.to: "base";
1365             rel2.to: "base";
1366             image.normal: "bevel_out.png";
1367             image.border: 1 1 1 1;
1368             image.middle: 0;
1369             fill.smooth: 0;
1370          }
1371       }
1372    }
1373   programs {
1374      program {
1375         signal: "elm,state,open"; source: "elm";
1376         action: STATE_SET "open" 0.0;
1377         target: "shadow";
1378         target: "base";
1379         target: "clipper";
1380         target: "clipper2";
1381         transition: DECELERATE 0.15;
1382      }
1383      program {
1384         signal: "elm,state,open2"; source: "elm";
1385         action: STATE_SET "open2" 0.0;
1386         target: "shadow";
1387         target: "base";
1388         target: "clipper";
1389         target: "clipper2";
1390         transition: DECELERATE 0.3;
1391      }
1392      program {
1393         signal: "elm,state,close"; source: "elm";
1394         action: STATE_SET "default" 0.0;
1395         target: "shadow";
1396         target: "base";
1397         transition: DECELERATE 0.5;
1398      }
1399   }
1400 }