Add the reorder feature when the more panel is shown.
[framework/uifw/elementary.git] / data / themes / widgets / toolbar.edc
1 group { name: "elm/toolbar/base/default";
2    images {
3       image: "bt_dis_base.png" COMP;
4       image: "bt_dis_hilight.png" COMP;
5       image: "bt_dis_shine.png" COMP;
6       image: "icon_left_arrow.png" COMP;
7       image: "icon_right_arrow.png" COMP;
8    }
9    parts {
10       part { name: "base";
11          mouse_events: 1;
12          description { state: "default" 0.0;
13             rel1 {
14                relative: 0.0 0.0;
15                offset: 2 2;
16             }
17             rel2.offset: -3 -3;
18             image {
19                normal: "bt_dis_base.png";
20                border: 4 4 4 4;
21             }
22             image.middle: SOLID;
23          }
24       }
25       part { name: "clipper";
26          type: RECT;
27          mouse_events: 0;
28          description {
29             state: "default" 0.0;
30             rel1 {
31                to: "base";
32                offset: 2 2;
33             }
34             rel2 {
35                to: "base";
36                offset: -3 -3;
37             }
38          }
39       }
40       part { name: "elm.swallow.content";
41          clip_to: "clipper";
42          type: SWALLOW;
43          description {
44             state: "default" 0.0;
45             rel1.to: "clipper";
46             rel2.to: "clipper";
47          }
48       }
49       part { name: "over2";
50          mouse_events: 0;
51          description { state: "default" 0.0;
52             rel1.to: "base";
53             rel2.to: "base";
54             image {
55                normal: "bt_dis_shine.png";
56                border: 4 4 4 4;
57             }
58          }
59       }
60       part { name: "over1";
61          mouse_events: 0;
62          description { state: "default" 0.0;
63             rel1.to: "base";
64             rel2.to: "base";
65             rel2.relative: 1.0 0.5;
66             image {
67                normal: "bt_dis_hilight.png";
68                border: 4 4 4 0;
69             }
70             color: 255 255 255 128;
71          }
72       }
73       part { name: "left_arrow";
74          mouse_events: 0;
75          description { state: "default" 0.0;
76             image.normal: "icon_left_arrow.png";
77             aspect: 1.0 1.0;
78             aspect_preference: VERTICAL;
79             align: 0.0 0.5;
80             min: 32 32;
81             max: 32 32;
82          }
83          description { state: "hidden" 0.0;
84             inherit: "default" 0.0;
85             visible: 0;
86             color: 255 255 255 0;
87          }
88       }
89       part { name: "right_arrow";
90          mouse_events: 0;
91          description { state: "default" 0.0;
92             image.normal: "icon_right_arrow.png";
93             aspect: 1.0 1.0;
94             aspect_preference: VERTICAL;
95             align: 1.0 0.5;
96             min: 32 32;
97             max: 32 32;
98          }
99          description { state: "hidden" 0.0;
100             inherit: "default" 0.0;
101             visible: 0;
102             color: 255 255 255 0;
103          }
104       }
105       part { name: "event";
106          type: RECT;
107          mouse_events: 1;
108          repeat_events: 1;
109          description { state: "default" 0.0;
110             color: 0 0 0 0;
111          }
112       }
113    }
114    programs {
115       program { name: "sb_hbar_show";
116          signal: "elm,action,show,hbar";
117          source: "elm";
118          action:  STATE_SET "default" 0.0;
119          transition: LINEAR 0.5;
120          target: "left_arrow";
121          target: "right_arrow";
122       }
123       program { name: "sb_hbar_hide";
124          signal: "elm,action,hide,hbar";
125          source: "elm";
126          action:  STATE_SET "hidden" 0.0;
127          target: "left_arrow";
128          target: "right_arrow";
129          transition: LINEAR 0.5;
130       }
131    }
132 }
133
134 group { name: "elm/toolbar/more/default";
135    images {
136       image: "toolbar_separator_h.png" COMP;
137    }
138    parts {
139       part { name: "base";
140          mouse_events: 1;
141          description { state: "default" 0.0;
142             rel1.relative: 0.0 0.0;
143             rel2.relative: 1.0 0.0;
144             image {
145                normal: "bt_dis_base.png";
146                border: 4 4 4 4;
147             }
148             image.middle: SOLID;
149          }
150          description { state: "open" 0.0;
151             inherit: "default" 0.0;
152             rel2.relative: 1.0 1.0;
153          }
154          description { state: "open2" 0.0;
155             inherit: "default" 0.0;
156             rel2.relative: 1.0 2.0;
157          }
158       }
159       part { name: "clipper";
160          type: RECT;
161          mouse_events: 0;
162          description {
163             state: "default" 0.0;
164             fixed: 1 1;
165             rel1 {
166                to: "base";
167             }
168             rel2 {
169                to: "base";
170             }
171          }
172          description { state: "open" 0.0;
173             inherit: "default" 0.0;
174             rel2.relative: 1.0 1.0;
175          }
176          description { state: "open2" 0.0;
177             inherit: "default" 0.0;
178             rel2.relative: 1.0 0.5;
179          }
180       }
181       part { name: "clipper2";
182          type: RECT;
183          mouse_events: 0;
184          description {
185             state: "default" 0.0;
186             fixed: 1 1;
187             rel1 {
188                relative: 0.0 0.5;
189                to: "base";
190             }
191             rel2 {
192                to: "base";
193             }
194          }
195          description { state: "open" 0.0;
196             inherit: "default" 0.0;
197             rel1.relative: 0.0 1.0;
198          }
199          description { state: "open2" 0.0;
200             inherit: "default" 0.0;
201             rel1.relative: 0.0 0.5;
202          }
203       }
204       part { name: "elm.swallow.content";
205          clip_to: "clipper";
206          type: SWALLOW;
207          description {
208             state: "default" 0.0;
209             fixed: 1 1;
210             rel1.to: "clipper";
211             rel2.to: "clipper";
212          }
213       }
214       part { name: "elm.swallow.content2";
215          clip_to: "clipper2";
216          type: SWALLOW;
217          description {
218             state: "default" 0.0;
219             fixed: 1 1;
220             rel1.to: "clipper2";
221             rel2.to: "clipper2";
222          }
223       }
224       part { name: "separator2";
225          clip_to: "clipper2";
226          description { state: "default" 0.0;
227             min: 2 3;
228             max: 9999 3;
229             fixed: 1 1;
230             rel1 {
231                 relative: 0.0 0.0;
232                 offset: 0 0;
233                 to: "clipper2";
234             }
235             rel2 {
236                 relative: 1.0 0.0;
237                 offset: -1 3;
238                 to: "clipper2";
239             }
240             image {
241                normal: "toolbar_separator_h.png";
242                border: 1 1 1 1;
243             }
244             fill {
245                smooth: 0;
246             }
247          }
248       }
249       part { name: "over2";
250          mouse_events: 0;
251          description { state: "default" 0.0;
252             rel1.to: "base";
253             rel2.to: "base";
254             image {
255                normal: "bt_dis_shine.png";
256                border: 4 4 4 4;
257             }
258          }
259       }
260       part { name: "over1";
261          mouse_events: 0;
262          description { state: "default" 0.0;
263             rel1.to: "base";
264             rel2.to: "base";
265             rel2.relative: 1.0 0.5;
266             image {
267                normal: "bt_dis_hilight.png";
268                border: 4 4 4 0;
269             }
270             color: 255 255 255 128;
271          }
272       }
273    }
274    programs {
275       program { name: "open";
276          signal:  "elm,state,open";
277          source:  "elm";
278          action:  STATE_SET "open" 0.0;
279          target:  "base";
280          target:  "clipper";
281          target:  "clipper2";
282          transition: LINEAR 0.2;
283       }
284       program { name: "open2";
285          signal:  "elm,state,open2";
286          source:  "elm";
287          action:  STATE_SET "open2" 0.0;
288          target:  "base";
289          target:  "clipper";
290          target:  "clipper2";
291          transition: LINEAR 0.2;
292       }
293       program { name: "close";
294          signal:  "elm,state,close";
295          source:  "elm";
296          action:  STATE_SET "default" 0.0;
297          target:  "base";
298          transition: LINEAR 0.2;
299       }
300    }
301 }
302
303 group { name: "elm/toolbar/item/default";
304    images {
305       image: "toolbar_sel.png" COMP;
306    }
307    data.item: "transition_animation_on" "1";
308    parts {
309       part { name: "label2";
310          type: TEXT;
311          mouse_events:  0;
312          scale: 1;
313          clip_to: "elm.text.clipper";
314          description { state: "default" 0.0;
315             align: 0.5 1.0;
316             fixed: 0 1;
317             rel1.to: "elm.text";
318             rel2.to: "elm.text";
319             color: 0 0 0 255;
320             text {
321                font: "Sans";
322                text_source: "elm.text";
323                size: 10;
324                min: 1 1;
325                align: 0.5 0.5;
326                text_class: "toolbar_item";
327             }
328          }
329          description { state: "selected" 0.0;
330             inherit: "default" 0.0;
331             visible: 0;
332          }
333          description { state: "disabled" 0.0;
334             inherit: "default" 0.0;
335             color: 0 0 0 128;
336             color3: 0 0 0 0;
337          }
338          description { state: "disabled_visible" 0.0;
339             inherit: "default" 0.0;
340             color: 0 0 0 128;
341             color3: 0 0 0 0;
342             visible: 1;
343             text.min: 1 1;
344          }
345       }
346       part { name: "label2_new";
347          type: TEXT;
348          mouse_events:  0;
349          scale: 1;
350          clip_to: "elm.text_new.clipper";
351          description { state: "default" 0.0;
352             align: 0.5 1.0;
353             fixed: 0 1;
354             rel1.to: "elm.text_new";
355             rel2.to: "elm.text_new";
356             color: 0 0 0 255;
357             text {
358                font: "Sans";
359                text_source: "elm.text_new";
360                size: 10;
361                min: 1 1;
362                align: 0.5 0.5;
363                text_class: "toolbar_item";
364             }
365          }
366          description { state: "selected" 0.0;
367             inherit: "default" 0.0;
368             visible: 0;
369          }
370          description { state: "disabled" 0.0;
371             inherit: "default" 0.0;
372             color: 0 0 0 128;
373             color3: 0 0 0 0;
374          }
375          description { state: "disabled_visible" 0.0;
376             inherit: "default" 0.0;
377             color: 0 0 0 128;
378             color3: 0 0 0 0;
379             visible: 1;
380             text.min: 1 1;
381          }
382       }
383       part { name: "bg";
384          mouse_events: 0;
385          description { state: "default" 0.0;
386             visible: 0;
387             color: 255 255 255 0;
388             image {
389                normal: "toolbar_sel.png";
390                border: 3 3 0 0;
391             }
392             image.middle: SOLID;
393             fill.smooth: 0;
394          }
395          description { state: "selected" 0.0;
396             inherit: "default" 0.0;
397             visible: 1;
398             color: 255 255 255 255;
399          }
400          description { state: "disabled" 0.0;
401             inherit: "default" 0.0;
402             visible: 0;
403             color: 255 255 255 0;
404          }
405          description { state: "moving" 0.0;
406             inherit: "default" 0.0;
407             visible: 1;
408             color: 255 255 255 100;
409          }
410       }
411       part { name: "elm.swallow.icon";
412          type: SWALLOW;
413          clip_to: "elm.icon.clipper";
414          description { state: "default" 0.0;
415             align: 0.5 0.5;
416             rel1 {
417                relative: 0.0 0.0;
418                offset: 2 2;
419             }
420             rel2 {
421                to_y: "elm.text";
422                relative: 1.0 0.0;
423                offset: -3 -1;
424             }
425             color: 0 0 0 0;
426          }
427       }
428       part { name: "elm.swallow.icon_new";
429          type: SWALLOW;
430          clip_to: "elm.icon_new.clipper";
431          description { state: "default" 0.0;
432             align: 0.5 0.5;
433             rel1 {
434                relative: 0.0 0.0;
435                offset: 2 2;
436             }
437             rel2 {
438                to_y: "elm.text_new";
439                relative: 1.0 0.0;
440                offset: -3 -1;
441             }
442             color: 0 0 0 0;
443          }
444       }
445       part { name: "elm.text";
446          type: TEXT;
447          effect: SOFT_SHADOW;
448          mouse_events:  0;
449          scale: 1;
450          clip_to: "elm.text.clipper";
451          description { state: "default" 0.0;
452             align: 0.5 1.0;
453             fixed: 0 1;
454             rel1 {
455                relative: 0.0 1.0;
456                offset:   0 -1;
457             }
458             rel2 {
459                relative: 1.0 1.0;
460                offset:   -1 -1;
461             }
462             visible: 0;
463             color: 224 224 224 255;
464             color3: 0 0 0 32;
465             text {
466                font: "Sans:style=Bold";
467                size: 10;
468                min: 1 1;
469                align: 0.5 0.5;
470                text_class: "toolbar_item";
471             }
472          }
473          description { state: "selected" 0.0;
474             inherit: "default" 0.0;
475             visible: 1;
476          }
477          description { state: "visible" 0.0;
478             inherit: "default" 0.0;
479             visible: 1;
480             text.min: 1 1;
481          }
482          description { state: "disabled" 0.0;
483             inherit: "default" 0.0;
484             color: 0 0 0 128;
485             color3: 0 0 0 0;
486          }
487          description { state: "disabled_visible" 0.0;
488             inherit: "default" 0.0;
489             color: 0 0 0 128;
490             color3: 0 0 0 0;
491             visible: 1;
492             text.min: 1 1;
493          }
494       }
495       part { name: "elm.text_new";
496          type: TEXT;
497          effect: SOFT_SHADOW;
498          mouse_events:  0;
499          clip_to: "elm.text_new.clipper";
500          scale: 1;
501          description { state: "default" 0.0;
502             align: 0.5 1.0;
503             fixed: 0 1;
504             rel1 {
505                relative: 0.0 1.0;
506                offset:   0 -1;
507             }
508             rel2 {
509                relative: 1.0 1.0;
510                offset:   -1 -1;
511             }
512             visible: 0;
513             color: 224 224 224 255;
514             color3: 0 0 0 32;
515             text {
516                font: "Sans:style=Bold";
517                size: 10;
518                min: 1 1;
519                align: 0.5 0.5;
520                text_class: "toolbar_item";
521             }
522          }
523          description { state: "selected" 0.0;
524             inherit: "default" 0.0;
525             visible: 1;
526          }
527          description { state: "visible" 0.0;
528             inherit: "default" 0.0;
529             visible: 1;
530             text.min: 1 1;
531          }
532          description { state: "disabled" 0.0;
533             inherit: "default" 0.0;
534             color: 0 0 0 128;
535             color3: 0 0 0 0;
536          }
537          description { state: "disabled_visible" 0.0;
538             inherit: "default" 0.0;
539             color: 0 0 0 128;
540             color3: 0 0 0 0;
541             visible: 1;
542             text.min: 1 1;
543          }
544       }
545       part { name: "elm.text.clipper";
546          type: RECT;
547          description { state: "default" 0.0;
548             color: 255 255 255 255;
549          }
550          description { state: "animation" 0.0;
551             color: 255 255 255 0;
552          }
553       }
554       part { name: "elm.text_new.clipper";
555          type: RECT;
556          description { state: "default" 0.0;
557             color: 255 255 255 0;
558          }
559          description { state: "animation" 0.0;
560             color: 255 255 255 255;
561          }
562       }
563       part { name: "elm.icon.clipper";
564          type: RECT;
565          description { state: "default" 0.0;
566             color: 255 255 255 255;
567          }
568          description { state: "animation" 0.0;
569             color: 255 255 255 0;
570          }
571       }
572       part { name: "elm.icon_new.clipper";
573          type: RECT;
574          description { state: "default" 0.0;
575             color: 255 255 255 0;
576          }
577          description { state: "animation" 0.0;
578             color: 255 255 255 255;
579          }
580       }
581       part { name: "event";
582          type: RECT;
583          mouse_events: 1;
584          ignore_flags: ON_HOLD;
585          description { state: "default" 0.0;
586             color: 0 0 0 0;
587          }
588       }
589    }
590    programs {
591       program { name: "go_active";
592          signal:  "elm,state,selected";
593          source:  "elm";
594          action:  STATE_SET "selected" 0.0;
595          target:  "bg";
596          target:  "elm.text";
597          target:  "label2";
598          target:  "elm.text_new";
599          target:  "label2_new";
600          transition: LINEAR 0.2;
601       }
602       program { name: "go_passive";
603          signal:  "elm,state,unselected";
604          source:  "elm";
605          action:  STATE_SET "default" 0.0;
606          target:  "bg";
607          target:  "elm.text";
608          target:  "label2";
609          target:  "elm.text_new";
610          target:  "label2_new";
611          transition: LINEAR 0.1;
612       }
613       program { name: "moving";
614          signal: "elm,state,moving";
615          source: "elm";
616          action: STATE_SET "moving" 0.0;
617          target: "bg";
618       }
619       program { name: "go";
620          signal:  "mouse,clicked,1";
621          source:  "event";
622          action:  SIGNAL_EMIT "elm,action,click" "elm";
623       }
624       program { name: "mouse,in";
625          signal:  "mouse,in";
626          source:  "event";
627          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
628       }
629       program { name: "mouse,out";
630          signal:  "mouse,out";
631          source:  "event";
632          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
633       }
634       program { name: "disable";
635          signal: "elm,state,disabled";
636          source: "elm";
637          action: STATE_SET "disabled" 0.0;
638          target: "label2";
639          target: "label2_new";
640          target: "bg";
641          after: "disable_text";
642       }
643       program { name: "disable_text";
644          script {
645             new st[31];
646             new Float:vl;
647             get_state(PART:"elm.text", st, 30, vl);
648             if (!strcmp(st, "visible"))
649             {
650                set_state(PART:"elm.text", "disabled_visible", 0.0);
651                set_state(PART:"elm.text_new", "disabled_visible", 0.0);
652             }
653             else
654             {
655                set_state(PART:"elm.text", "disabled", 0.0);
656                set_state(PART:"elm.text_new", "disabled", 0.0);
657             }
658          }
659       }
660       program { name: "enable";
661          signal: "elm,state,enabled";
662          source: "elm";
663          action: STATE_SET "default" 0.0;
664          target: "label2";
665          target: "label2_new";
666          target: "bg";
667          after: "enable_text";
668       }
669       program { name: "enable_text";
670          script {
671             new st[31];
672             new Float:vl;
673             get_state(PART:"elm.text", st, 30, vl);
674             if (!strcmp(st, "disabled_visible"))
675             {
676                set_state(PART:"elm.text", "visible", 0.0);
677                set_state(PART:"elm.text_new", "visible", 0.0);
678             }
679             else
680             {
681                set_state(PART:"elm.text", "default", 0.0);
682                set_state(PART:"elm.text_new", "default", 0.0);
683             }
684          }
685       }
686       program { name: "label_set,animation,forward";
687          signal: "elm,state,label_set,forward";
688          source: "elm";
689          after: "label_set,animation";
690       }
691       program { name: "label_set,animation,backward";
692          signal: "elm,state,label_set,backward";
693          source: "elm";
694          after: "label_set,animation";
695       }
696       program { name: "label_set,animation";
697          signal: "elm,state,label_set";
698          source: "elm";
699          action: STATE_SET "animation" 0.0;
700          target: "elm.text.clipper";
701          target: "elm.text_new.clipper";
702          transition: LINEAR 0.2;
703          after: "label_set,animation,done";
704       }
705       program { name: "label_set,animation,done";
706          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
707       }
708       program { name: "label,reset";
709          signal: "elm,state,label,reset";
710          source: "elm";
711          action: STATE_SET "default" 0.0;
712          target: "elm.text.clipper";
713          target: "elm.text_new.clipper";
714       }
715       program { name: "icon_set,animation,forward";
716          signal: "elm,state,icon_set,forward";
717          source: "elm";
718          after: "icon_set,animation";
719       }
720       program { name: "icon_set,animation,backward";
721          signal: "elm,state,icon_set,backward";
722          source: "elm";
723          after: "icon_set,animation";
724       }
725       program { name: "icon_set,animation";
726          signal: "elm,state,icon_set";
727          source: "elm";
728          action: STATE_SET "animation" 0.0;
729          target: "elm.icon.clipper";
730          target: "elm.icon_new.clipper";
731          transition: LINEAR 0.2;
732          after: "icon_set,animation,done";
733       }
734       program { name: "icon_set,animation,done";
735          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
736       }
737       program { name: "icon,reset";
738          signal: "elm,state,icon,reset";
739          source: "elm";
740          action: STATE_SET "default" 0.0;
741          target: "elm.icon.clipper";
742          target: "elm.icon_new.clipper";
743       }
744    }
745 }
746
747 group { name: "elm/toolbar/item/item_horizontal";
748    inherit: "elm/toolbar/item/default";
749    parts {
750       part { name: "elm.swallow.icon";
751          description { state: "default" 0.0;
752             fixed: 1 1;
753             aspect: 1 1;
754             aspect_preference: VERTICAL;
755             align: 0.0 0.5;
756             rel1.offset: 3 3;
757             rel1.relative: 0 0;
758             rel2.offset: 3 -4;
759             rel2.relative: 0 1;
760             color: 0 0 0 0;
761          }
762       }
763       part { name: "elm.swallow.icon_new";
764          description { state: "default" 0.0;
765             fixed: 1 1;
766          }
767       }
768       part { name: "elm.text";
769          description { state: "default" 0.0;
770             align: 1 0.5;
771             min: 0 1;
772             rel1.offset: 1 0;
773             rel1.relative: 1.0 0.0;
774             rel1.to_x: "elm.swallow.icon";
775             rel2.relative: 1.0 1.0;
776             text.align: 0 0.5;
777          }
778          description { state: "selected" 0.0;
779             inherit: "default" 0.0;
780             visible: 1;
781          }
782          description { state: "visible" 0.0;
783             inherit: "default" 0.0;
784             visible: 1;
785             text.min: 1 1;
786          }
787          description { state: "disabled" 0.0;
788             inherit: "default" 0.0;
789             color: 0 0 0 128;
790             color3: 0 0 0 0;
791          }
792          description { state: "disabled_visible" 0.0;
793             inherit: "default" 0.0;
794             color: 0 0 0 128;
795             color3: 0 0 0 0;
796             visible: 1;
797             text.min: 1 1;
798          }
799       }
800       part { name: "elm.text_new";
801          description { state: "default" 0.0;
802             align: 1 0.5;
803             min: 0 1;
804             rel1.offset: 1 0;
805             rel1.relative: 1.0 0.0;
806             rel1.to_x: "elm.swallow.icon";
807             rel2.relative: 1.0 1.0;
808             text.align: 0 0.5;
809          }
810          description { state: "selected" 0.0;
811             inherit: "default" 0.0;
812             visible: 1;
813          }
814          description { state: "visible" 0.0;
815             inherit: "default" 0.0;
816             visible: 1;
817             text.min: 1 1;
818          }
819          description { state: "disabled" 0.0;
820             inherit: "default" 0.0;
821             color: 0 0 0 128;
822             color3: 0 0 0 0;
823          }
824          description { state: "disabled_visible" 0.0;
825             inherit: "default" 0.0;
826             color: 0 0 0 128;
827             color3: 0 0 0 0;
828             visible: 1;
829             text.min: 1 1;
830          }
831       }
832    }
833 }
834
835 group { name: "elm/toolbar/separator/default";
836    images {
837       image: "toolbar_separator_v.png" COMP;
838    }
839    parts {
840       part { name: "separator"; // separator group
841          description { state: "default" 0.0;
842             min: 2 2;
843             max: 2 9999;
844             rel1.offset: 4 4;
845             rel2.offset: -5 -5;
846             image {
847                normal: "toolbar_separator_v.png";
848             }
849             fill {
850                smooth: 0;
851             }
852          }
853       }
854    }
855 }
856
857 group { name: "elm/toolbar/object/default";
858    parts {
859       part { name: "elm.swallow.object"; // object group
860          type: SWALLOW;
861          description { state: "default" 0.0;
862          }
863       }
864    }
865 }