[Scroller] added new MACRO for images, sizes, borders
[profile/ivi/efl-theme-tizen.git] / themes / widgets / toolbar.edc
1 /*
2  * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved 
3  *
4  * PROPRIETARY/CONFIDENTIAL
5  *
6  * This software is the confidential and proprietary information of SAMSUNG
7  * ELECTRONICS ("Confidential Information"). You agree and acknowledge that this
8  * software is owned by Samsung and you shall not disclose such Confidential
9  * Information and shall use it only in accordance with the terms of the license
10  * agreement you entered into with SAMSUNG ELECTRONICS. SAMSUNG make no
11  * representations or warranties about the suitability of the software, either
12  * express or implied, including but not limited to the implied warranties of
13  * merchantability, fitness for a particular purpose, or non-infringement.
14  * SAMSUNG shall not be liable for any damages suffered by licensee arising out
15  * of or releated to this software.
16  *
17  */
18
19 #define ITEM_STATE_ENABLED 0
20 #define ITEM_STATE_DISABLED 1
21
22 group { name: "elm/toolbar/base/default";
23    images {
24       image: "00_winset_control_toolbar_bg.png" COMP;
25    }
26    parts {
27       part { name: "base";
28          mouse_events: 1;
29          description { state: "default" 0.0;
30             image.normal: "00_winset_control_toolbar_bg.png";
31          }
32       }
33       part { name: "clipper";
34          type: RECT;
35          mouse_events: 0;
36          description {
37             state: "default" 0.0;
38             rel1 {
39                to: "base";
40                offset: 2 2;
41             }
42             rel2 {
43                to: "base";
44                offset: -3 -3;
45             }
46          }
47       }
48       part { name: "elm.swallow.content";
49          clip_to: "clipper";
50          type: SWALLOW;
51          description {
52             state: "default" 0.0;
53             rel1.to: "clipper";
54             rel2.to: "clipper";
55          }
56       }
57       part { name: "event";
58          type: RECT;
59          mouse_events: 1;
60          repeat_events: 1;
61          description { state: "default" 0.0;
62             color: 0 0 0 0;
63          }
64       }
65    }
66 }
67
68 group { name: "elm/toolbar/item/default";
69    images {
70       image: "00_winset_toolbar_press.png" COMP;
71    }
72    styles{
73       style { name: "toolbar_style";
74          base: "font=SLP:style=Medium font_size="BUTTON_CONTROLBAR_ITEM_BUTTON_TEXT_SIZE_INC" align=center color="BUTTON_CONTROLBAR_ITEM_BUTTON_TEXTBLOCK_COLOR_INC" wrap=mixed ellipsis=1 text_class=slp_medium";
75          tag: "br" "\n";
76          tag: "ps" "ps";
77          tag: "hilight" "+ font=SLP:style=Bold";
78          tag: "b" "+ font=SLP:style=Bold";
79          tag: "tab" "\t";
80       }
81    }
82
83    data.item: "transition_animation_on" "1";
84    script {
85       public item_state = ITEM_STATE_ENABLED;
86    }
87    parts {
88       part { name: "bg";
89          mouse_events: 0;
90          description { state: "default" 0.0;
91             visible: 0;
92             color: 255 255 255 0;
93             rel1 {
94                relative: 0.0 0.0;
95                offset: TOOLBAR_ITEM_BG_REL1_OFFSET_INC;
96             }
97             rel2 {
98                relative: 1.0 1.0;
99                offset: TOOLBAR_ITEM_BG_REL2_OFFSET_INC;
100             }
101             image {
102                normal: "00_winset_toolbar_press.png";
103                border: TOOLBAR_ITEM_BG_SELECTED_BORDER_INC;
104             }
105             image.middle: SOLID;
106             fill.smooth: 0;
107          }
108          description { state: "selected" 0.0;
109             inherit: "default" 0.0;
110             visible: 1;
111             color: 255 255 255 255;
112          }
113          description { state: "disabled" 0.0;
114             inherit: "default" 0.0;
115             visible: 0;
116             color: 255 255 255 0;
117          }
118       }
119       part { name: "padding_left_top";
120          type: RECT;
121          scale: 1;
122          mouse_events: 0;
123          description { state: "default" 0.0;
124             align: 0.0 0.0;
125             rel2.relative: 0.0 0.0;
126             min: 10 8;
127             fixed: 1 1;
128             visible: 1;
129             color: 0 0 0 0;
130          }
131       }
132       part { name: "padding_right_bottom";
133          type: RECT;
134          scale: 1;
135          mouse_events: 0;
136          description { state: "default" 0.0;
137             align: 1.0 1.0;
138             rel1.relative: 1.0 1.0;
139             min: 10 5;
140             fixed: 1 1;
141             visible: 1;
142             color: 0 0 0 0;
143          }
144       }
145       part {
146          name: "icon_rect";
147          type: RECT;
148          scale: 1;
149          mouse_events: 0;
150          description { state: "default" 0.0;
151             min: 0 0;
152             fixed: 0 1;
153             rel1 {
154                relative: 1.0 1.0;
155                to: "padding_left_top";
156             }
157             rel2 {
158                relative: 0.0 1.0;
159                to_x: "padding_right_bottom";
160                to_y: "padding_left_top";
161             }
162             align: 0.5 0.0;
163             color: 0 0 0 0;
164          }
165          description { state: "visible" 0.0;
166             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
167             fixed: 0 1;
168             rel1 {
169                relative: 1.0 1.0;
170                to: "padding_left_top";
171             }
172             rel2 {
173                relative: 0.0 1.0;
174                to_x: "padding_right_bottom";
175                to_y: "padding_left_top";
176             }
177             align: 0.5 0.0;
178             color: 0 0 0 0;
179          }
180          description { state: "icononly" 0.0;
181             inherit: "default" 0.0;
182          }
183       }
184       part { name: "padding_after_icon";
185          type: RECT;
186          scale: 1;
187          mouse_events: 0;
188          description { state: "default" 0.0; //when only icon or no icon is there
189             align: 0.0 0.0;
190             rel1 {
191                relative: 0.0 1.0;
192                to: "icon_rect";
193             }
194             rel2.to: "icon_rect";
195             fixed: 0 1;
196             min: 0 0;
197             color: 0 0 0 0;
198          }
199          description { state: "visible" 0.0;
200             inherit: "default" 0.0;
201          }
202          description { state: "icononly" 0.0;
203             inherit: "default" 0.0;
204          }
205       }
206       part { name: "padding_before_text";
207          type: RECT;
208          scale: 1;
209          mouse_events: 0;
210          description { state: "default" 0.0; //when only icon or no icon is there
211             align: 0.5 1.0;
212             rel1 {
213                relative: 1.0 0.0;
214                to_x: "padding_left_top";
215                to_y: "elm.text";
216             }
217             rel2 {
218                relative: 0.0 0.0;
219                to_x: "padding_right_bottom";
220                to_y: "elm.text";
221             }
222             fixed: 0 1;
223             min: 0 0;
224             color: 0 0 0 0;
225          }
226       }
227       part { name: "elm.swallow.icon";
228          type: SWALLOW;
229          scale: 1;
230          clip_to: "elm.icon.clipper";
231          description { state: "default" 0.0;
232             visible: 0;
233             align: 0.5 0.0;
234             rel1 {
235                relative: 1.0 1.0;
236                to: "padding_left_top";
237             }
238             rel2 {
239                relative: 0.0 1.0;
240                to_x: "padding_right_bottom";
241                to_y: "padding_left_top";
242             }
243             fixed: 0 1;
244          }
245          description { state: "visible" 0.0;
246             fixed: 0 1;
247             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
248             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
249             rel1 {
250                relative: 1.0 1.0;
251                to: "padding_left_top";
252             }
253             rel2 {
254                relative: 0.0 0.0;
255                to_x: "padding_right_bottom";
256                to_y: "padding_before_text";
257             }
258             aspect: 1.0 1.0;
259             aspect_preference: HORIZONTAL;
260          }
261          description { state: "icononly" 0.0;
262             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
263             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
264             rel1 {
265                relative: 1.0 1.0;
266                to: "padding_left_top";
267             }
268             rel2 {
269                relative: 0.0 0.0;
270                to: "padding_right_bottom";
271             }
272             aspect: 1.0 1.0;
273             aspect_preference: HORIZONTAL;
274          }
275       }
276       part { name: "elm.swallow.icon_new";
277          type: SWALLOW;
278          scale: 1;
279          clip_to: "elm.icon_new.clipper";
280          description { state: "default" 0.0;
281             visible: 0;
282             align: 0.5 0.0;
283             rel1 {
284                relative: 1.0 1.0;
285                to: "padding_left_top";
286             }
287             rel2 {
288                relative: 0.0 1.0;
289                to_x: "padding_right_bottom";
290                to_y: "padding_left_top";
291             }
292             fixed: 0 1;
293          }
294          description { state: "visible" 0.0;
295             fixed: 0 1;
296             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
297             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
298             rel1 {
299                relative: 1.0 1.0;
300                to: "padding_left_top";
301             }
302             rel2 {
303                relative: 0.0 0.0;
304                to_x: "padding_right_bottom";
305                to_y: "padding_before_text";
306             }
307             aspect: 1.0 1.0;
308             aspect_preference: HORIZONTAL;
309          }
310          description { state: "icononly" 0.0;
311             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
312             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
313             rel1 {
314                relative: 1.0 1.0;
315                to: "padding_left_top";
316             }
317             rel2 {
318                relative: 0.0 0.0;
319                to: "padding_right_bottom";
320             }
321             aspect: 1.0 1.0;
322             aspect_preference: HORIZONTAL;
323          }
324       }
325       part { name: "elm.text";
326          type: TEXTBLOCK;
327          mouse_events: 0;
328          scale: 1;
329          clip_to: "elm.text.clipper";
330          description { state: "default" 0.0;
331             visible: 1;
332             rel1 {
333                relative: 1.0 1.0;
334                to_x: "padding_left_top";
335                to_y: "padding_after_icon";
336             }
337             rel2 {
338                relative: 0.0 0.0;
339                to: "padding_right_bottom";
340             }
341             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
342             fixed: 1 1;
343             text {
344                style: "toolbar_style";
345                min: 0 1;
346             }
347          }
348          description { state: "selected" 0.0;
349             inherit: "default" 0.0;
350             visible: 1;
351          }
352          description { state: "visible" 0.0;
353             inherit: "default" 0.0;
354             visible: 1;
355          }
356          description { state: "clicked" 0.0;
357             inherit: "default" 0.0;
358             visible: 1;
359             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
360          }
361          description { state: "focused" 0.0;
362             inherit: "default" 0.0;
363             visible: 1;
364             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
365          }
366       }
367       part { name: "elm.text_new";
368          type: TEXTBLOCK;
369          mouse_events: 0;
370          scale: 1;
371          clip_to: "elm.text_new.clipper";
372          description { state: "default" 0.0;
373             visible: 1;
374             rel1 {
375                relative: 1.0 1.0;
376                to_x: "padding_left_top";
377                to_y: "padding_after_icon";
378             }
379             rel2 {
380                relative: 0.0 0.0;
381                to: "padding_right_bottom";
382             }
383             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
384             fixed: 1 1;
385             text {
386                style: "toolbar_style";
387                min: 0 1;
388             }
389          }
390          description { state: "visible" 0.0;
391             inherit: "default" 0.0;
392             visible: 1;
393          }
394          description { state: "clicked" 0.0;
395             inherit: "default" 0.0;
396             visible: 1;
397             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
398          }
399          description { state: "focused" 0.0;
400             inherit: "default" 0.0;
401             visible: 1;
402             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
403          }
404       }
405       part { name: "elm.text.clipper";
406          type: RECT;
407          description { state: "default" 0.0;
408             color: 255 255 255 255;
409          }
410          description { state: "animation" 0.0;
411             color: 255 255 255 0;
412          }
413          description { state: "disabled" 0.0;
414             color: 255 255 255 153;
415          }
416       }
417       part { name: "elm.text_new.clipper";
418          type: RECT;
419          description { state: "default" 0.0;
420             color: 255 255 255 0;
421          }
422          description { state: "animation" 0.0;
423             color: 255 255 255 255;
424          }
425          description { state: "disabled" 0.0;
426             color: 255 255 255 153;
427          }
428       }
429       part { name: "elm.icon.clipper";
430          type: RECT;
431          description { state: "default" 0.0;
432             color: 255 255 255 255;
433          }
434          description { state: "animation" 0.0;
435             color: 255 255 255 0;
436          }
437          description { state: "disabled" 0.0;
438             color: 255 255 255 153;
439          }
440       }
441       part { name: "elm.icon_new.clipper";
442          type: RECT;
443          description { state: "default" 0.0;
444             color: 255 255 255 0;
445          }
446          description { state: "animation" 0.0;
447             color: 255 255 255 255;
448          }
449          description { state: "disabled" 0.0;
450             color: 255 255 255 153;
451          }
452       }
453       part { name: "event";
454          type: RECT;
455          mouse_events: 1;
456          ignore_flags: ON_HOLD;
457          description { state: "default" 0.0;
458             color: 0 0 0 0;
459          }
460       }
461       part { name: "event2";
462          type: RECT;
463          mouse_events: 1;
464          repeat_events: 1;
465          description { state: "default" 0.0;
466             color: 0 0 0 0;
467          }
468       }
469    }
470    programs {
471       program { name: "pressed";
472          signal:  "mouse,down,1";
473          source:  "event";
474          script {
475             if (get_int(item_state) != ITEM_STATE_DISABLED)
476               set_state(PART:"bg", "selected", 0.0);
477          }
478          transition: LINEAR 0.2;
479       }
480       program { name: "unpressed";
481          signal:  "mouse,up,1";
482          source:  "event2";
483          action:  STATE_SET "default" 0.0;
484          target:  "bg";
485          transition: LINEAR 0.1;
486       }
487       program { name: "go";
488          signal:  "mouse,clicked,1";
489          source:  "event";
490          action:  SIGNAL_EMIT "elm,action,click" "elm";
491       }
492       program { name: "mouse,in";
493          signal:  "mouse,in";
494          source:  "event";
495          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
496       }
497       program { name: "mouse,out";
498          signal:  "mouse,out";
499          source:  "event";
500          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
501       }
502       program { name: "disable";
503          signal: "elm,state,disabled";
504          source: "elm";
505          script {
506             set_int(item_state, ITEM_STATE_DISABLED);
507             set_state(PART:"bg", "disabled", 0.0);
508             set_state(PART:"elm.text.clipper", "disabled", 0.0);
509             set_state(PART:"elm.icon.clipper", "disabled", 0.0);
510             run_program(PROGRAM:"label_set,animation,done");
511             run_program(PROGRAM:"icon_set,animation,done");
512          }
513       }
514       program { name: "enable";
515          signal: "elm,state,enabled";
516          source: "elm";
517          script {
518             set_int(item_state, ITEM_STATE_ENABLED);
519             set_state(PART:"bg", "default", 0.0);
520             set_state(PART:"elm.text.clipper", "default", 0.0);
521             set_state(PART:"elm.icon.clipper", "default", 0.0);
522             run_program(PROGRAM:"label_set,animation,done");
523             run_program(PROGRAM:"icon_set,animation,done");
524          }
525       }
526       program { name: "label_set,animation,forward";
527          signal: "elm,state,label_set,forward";
528          source: "elm";
529          after: "label_set,animation";
530       }
531       program { name: "label_set,animation,backward";
532          signal: "elm,state,label_set,backward";
533          source: "elm";
534          after: "label_set,animation";
535       }
536       program { name: "label_set,animation";
537          signal: "elm,state,label_set";
538          source: "elm";
539          action: STATE_SET "animation" 0.0;
540          target: "elm.text.clipper";
541          target: "elm.text_new.clipper";
542          transition: LINEAR 0.2;
543          after: "label_set,animation,done";
544       }
545       program { name: "label_set,animation,done";
546          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
547       }
548       program { name: "label,reset";
549          signal: "elm,state,label,reset";
550          source: "elm";
551          script {
552             set_state(PART:"elm.text_new.clipper", "default", 0.0);
553             if (get_int(item_state) != ITEM_STATE_DISABLED)
554               set_state(PART:"elm.text.clipper", "default", 0.0);
555             else
556               set_state(PART:"elm.text.clipper", "disabled", 0.0);
557          }
558       }
559       program { name: "icon_set,animation,forward";
560          signal: "elm,state,icon_set,forward";
561          source: "elm";
562          after: "icon_set,animation";
563       }
564       program { name: "icon_set,animation,backward";
565          signal: "elm,state,icon_set,backward";
566          source: "elm";
567          after: "icon_set,animation";
568       }
569       program { name: "icon_set,animation";
570          signal: "elm,state,icon_set";
571          source: "elm";
572          action: STATE_SET "animation" 0.0;
573          target: "elm.icon.clipper";
574          target: "elm.icon_new.clipper";
575          transition: LINEAR 0.2;
576          after: "icon_set,animation,done";
577       }
578       program { name: "icon_set,animation,done";
579          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
580       }
581       program { name: "icon,reset";
582          signal: "elm,state,icon,reset";
583          source: "elm";
584          script {
585             set_state(PART:"elm.icon_new.clipper", "default", 0.0);
586             if (get_int(item_state) != ITEM_STATE_DISABLED)
587               set_state(PART:"elm.icon.clipper", "default", 0.0);
588             else
589               set_state(PART:"elm.icon.clipper", "disabled", 0.0);
590          }
591       }
592       program { name: "text_show";
593          signal: "elm,state,text,visible";
594          source: "elm";
595          script {
596             new st[31];
597             new Float:vl;
598             get_state(PART:"elm.swallow.icon", st, 30, vl);
599             if (!strcmp(st, "icononly"))
600               {
601                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
602                  set_state(PART:"icon_rect", "visible", 0.0);
603                  set_state(PART:"padding_after_icon", "visible", 0.0);
604               }
605             set_state(PART:"elm.text", "visible", 0.0);
606          }
607       }
608       program { name: "text_hide";
609          signal: "elm,state,text,hidden";
610          source: "elm";
611          script {
612             new st[31];
613             new Float:vl;
614             get_state(PART:"elm.swallow.icon", st, 30, vl);
615             if (!strcmp(st, "visible"))
616               {
617                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
618                  set_state(PART:"icon_rect", "icononly", 0.0);
619                  set_state(PART:"padding_after_icon", "icononly", 0.0);
620               }
621             set_state(PART:"elm.text", "default", 0.0);
622          }
623       }
624       program { name: "icon_show";
625          signal: "elm,state,icon,visible";
626          source: "elm";
627          script {
628             new st[31];
629             new Float:vl;
630             get_state(PART:"elm.text", st, 30, vl);
631             if (!strcmp(st, "visible"))
632               {
633                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
634                  set_state(PART:"icon_rect", "visible", 0.0);
635                  set_state(PART:"padding_after_icon", "visible", 0.0);
636               }
637             else
638               {
639                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
640                  set_state(PART:"icon_rect", "icononly", 0.0);
641                  set_state(PART:"padding_after_icon", "icononly", 0.0);
642               }
643          }
644       }
645    }
646 }
647
648 group { name: "elm/toolbar/item/item_horizontal";
649    inherit: "elm/toolbar/item/default";
650    script {
651       public item_state = ITEM_STATE_ENABLED;
652    }
653    parts {
654       part { name: "icon_rect";
655          description { state: "default" 0.0;
656             fixed: 1 0;
657             align: 0.0 0.5;
658          }
659          description { state: "visible" 0.0;
660             fixed: 1 0;
661             rel2 {
662                relative: 1.0 0.0;
663                to_x: "padding_left_top";
664                to_y: "padding_right_bottom";
665             }
666             align: 0.0 0.5;
667          }
668       }
669       part { name: "padding_after_icon";
670          description { state: "default" 0.0; //when only icon or no icon is there
671             rel1.relative: 1.0 0.0;
672             fixed: 1 1;
673          }
674          description { state: "visible" 0.0;
675             inherit: "default" 0.0;
676             min: 6 0;
677          }
678       }
679       part { name: "padding_before_text";
680          description { state: "default" 0.0; //when only icon or no icon is there
681             align: 1.0 0.5;
682             rel1 {
683                relative: 0.0 1.0;
684                to_x: "elm.text";
685                to_y: "padding_left_top";
686             }
687             rel2 {
688                to_x: "elm.text";
689                to_y: "padding_right_bottom";
690             }
691             fixed: 1 0;
692             min: 6 0;
693          }
694       }
695       part { name: "elm.swallow.icon";
696          description { state: "default" 0.0;
697             align: 0.0 0.5;
698             rel2 {
699                relative: 1.0 0.0;
700                to_x: "padding_left_top";
701                to_y: "padding_right_bottom";
702             }
703             fixed: 1 0;
704          }
705          description { state: "visible" 0.0;
706             fixed: 1 0;
707             align: 1.0 0.5;
708             rel1 {
709                relative: 0.0 1.0;
710                to_x: "padding_before_text";
711                to_y: "padding_left_top";
712             }
713             rel2 {
714                relative: 0.0 0.0;
715                to_x: "padding_before_text";
716                to_y: "padding_right_bottom";
717             }
718             aspect_preference: VERTICAL;
719          }
720          description { state: "icononly" 0.0;
721             aspect_preference: VERTICAL;
722          }
723       }
724       part { name: "elm.swallow.icon_new";
725          description { state: "default" 0.0;
726             align: 0.0 0.5;
727             rel2 {
728                relative: 1.0 0.0;
729                to_x: "padding_left_top";
730                to_y: "padding_right_bottom";
731             }
732             fixed: 1 0;
733          }
734          description { state: "visible" 0.0;
735             fixed: 1 0;
736             align: 1.0 0.5;
737             rel1 {
738                relative: 0.0 1.0;
739                to_x: "padding_before_text";
740                to_y: "padding_left_top";
741             }
742             rel2 {
743                relative: 0.0 0.0;
744                to_x: "padding_before_text";
745                to_y: "padding_right_bottom";
746             }
747             aspect_preference: VERTICAL;
748          }
749          description { state: "icononly" 0.0;
750             aspect_preference: VERTICAL;
751          }
752       }
753       part { name: "elm.text";
754          type: TEXTBLOCK;
755          description { state: "default" 0.0;
756             rel1 {
757                relative: 1.0 1.0;
758                to_x: "padding_after_icon";
759                to_y: "padding_left_top";
760             }
761             text {
762                style: "toolbar_style";
763                min: 1 0;
764             }
765          }
766          description { state: "selected" 0.0;
767             inherit: "default" 0.0;
768             visible: 1;
769          }
770          description { state: "visible" 0.0;
771             inherit: "default" 0.0;
772             visible: 1;
773          }
774          description { state: "clicked" 0.0;
775             inherit: "default" 0.0;
776             visible: 1;
777             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
778          }
779          description { state: "focused" 0.0;
780             inherit: "default" 0.0;
781             visible: 1;
782             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
783          }
784       }
785       part { name: "elm.text_new";
786          type: TEXTBLOCK;
787          description { state: "default" 0.0;
788             rel1 {
789                relative: 1.0 1.0;
790                to_x: "padding_after_icon";
791                to_y: "padding_left_top";
792             }
793             text {
794                style: "toolbar_style";
795                min: 1 0;
796             }
797          }
798          description { state: "selected" 0.0;
799             inherit: "default" 0.0;
800             visible: 1;
801          }
802          description { state: "visible" 0.0;
803             inherit: "default" 0.0;
804             visible: 1;
805          }
806          description { state: "clicked" 0.0;
807             inherit: "default" 0.0;
808             visible: 1;
809             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
810          }
811          description { state: "focused" 0.0;
812             inherit: "default" 0.0;
813             visible: 1;
814             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
815          }
816       }
817    }
818 }
819
820 group { name: "elm/toolbar/separator/default";
821    parts {
822       part { name: "base";
823          type: RECT;
824          description { state: "default" 0.0;
825             min: 3 1;
826             max: 3 9999;
827             color: 0 0 0 0;
828          }
829       }
830       part { name: "separator_left";
831          type: RECT;
832          description { state: "default" 0.0;
833             min: 1 1;
834             max: 1 9999;
835             fixed: 1 1;
836             rel1 {
837                 relative: 0.0 0.1;
838                 offset: 0 0;
839             }
840             rel2 {
841                 relative: 0.0 0.9;
842                 offset: 1 0;
843             }
844             color: TOOLBAR_ITEM_SEPARATOR_LEFT_COLOR_INC;
845          }
846       }
847       part { name: "separator_middle";
848          type: RECT;
849          description { state: "default" 0.0;
850             min: 1 1;
851             max: 1 9999;
852             fixed: 1 1;
853             rel1 {
854                 relative: 1.0 0.0;
855                 offset: 0 0;
856                 to: "separator_left";
857             }
858             rel2 {
859                 relative: 1.0 1.0;
860                 offset: 1 -1;
861                 to: "separator_left";
862             }
863             color: TOOLBAR_ITEM_SEPARATOR_MIDDLE_COLOR_INC;
864          }
865       }
866       part { name: "separator_right";
867          type: RECT;
868          description { state: "default" 0.0;
869             min: 1 1;
870             max: 1 9999;
871             fixed: 1 1;
872             rel1 {
873                 relative: 1.0 0.0;
874                 offset: 0 0;
875                 to: "separator_middle";
876             }
877             rel2 {
878                 relative: 1.0 1.0;
879                 offset: 1 -1;
880                 to: "separator_middle";
881             }
882             color: TOOLBAR_ITEM_SEPARATOR_RIGHT_COLOR_INC;
883          }
884       }
885    }
886 }
887
888 group { name: "elm/toolbar/object/default";
889    parts {
890       part { name: "elm.swallow.object"; // object group
891          type: SWALLOW;
892          description {
893              state: "default" 0.0;
894          }
895       }
896    }
897 }
898
899 group { name: "elm/toolbar/base/tabbar";
900    alias: "elm/toolbar/base/tabbar/item_horizontal";
901    images {
902       image: "00_winset_title_tabbar_bg.png" COMP;
903    }
904
905    parts {
906       part { name: "base";
907          mouse_events: 1;
908          description { state: "default" 0.0;
909             image.normal: "00_winset_title_tabbar_bg.png";
910          }
911       }
912       part { name: "clipper";
913          type: RECT;
914          mouse_events: 0;
915          description {
916             state: "default" 0.0;
917             rel1 {
918                to: "base";
919                offset: 2 2;
920             }
921             rel2 {
922                to: "base";
923                offset: -3 -3;
924             }
925          }
926       }
927       part { name: "elm.swallow.content";
928          clip_to: "clipper";
929          type: SWALLOW;
930          description {
931             state: "default" 0.0;
932             rel1.to: "clipper";
933             rel2.to: "clipper";
934          }
935       }
936       part { name: "event";
937          type: RECT;
938          mouse_events: 1;
939          repeat_events: 1;
940          description { state: "default" 0.0;
941             color: 0 0 0 0;
942          }
943       }
944    }
945 }
946
947 group { name: "elm/toolbar/more/tabbar";
948    images {
949       image: "00_winset_control_tab_h_line_h.png" COMP;
950    }
951    parts {
952       part { name: "base";
953          mouse_events: 1;
954          description { state: "default" 0.0;
955             rel1.relative: 0.0 0.0;
956             rel2.relative: 1.0 0.0;
957             image.normal: "00_winset_title_tabbar_bg.png";
958          }
959          description { state: "open" 0.0;
960             inherit: "default" 0.0;
961             rel2.relative: 1.0 1.0;
962          }
963          description { state: "open2" 0.0;
964             inherit: "default" 0.0;
965             rel2.relative: 1.0 2.0;
966          }
967       }
968       part { name: "clipper";
969          type: RECT;
970          mouse_events: 0;
971          description {
972             state: "default" 0.0;
973             fixed: 1 1;
974             rel1 {
975                to: "base";
976             }
977             rel2 {
978                to: "base";
979             }
980          }
981          description { state: "open" 0.0;
982             inherit: "default" 0.0;
983             rel2.relative: 1.0 1.0;
984          }
985          description { state: "open2" 0.0;
986             inherit: "default" 0.0;
987             rel2.relative: 1.0 0.5;
988          }
989       }
990       part { name: "clipper2";
991          type: RECT;
992          mouse_events: 0;
993          description {
994             state: "default" 0.0;
995             fixed: 1 1;
996             rel1 {
997                relative: 0.0 0.5;
998                to: "base";
999             }
1000             rel2 {
1001                to: "base";
1002             }
1003          }
1004          description { state: "open" 0.0;
1005             inherit: "default" 0.0;
1006             rel1.relative: 0.0 1.0;
1007          }
1008          description { state: "open2" 0.0;
1009             inherit: "default" 0.0;
1010             rel1.relative: 0.0 0.5;
1011          }
1012       }
1013       part { name: "elm.swallow.content";
1014          clip_to: "clipper";
1015          type: SWALLOW;
1016          description {
1017             state: "default" 0.0;
1018             fixed: 1 1;
1019             rel1.to: "clipper";
1020             rel2.to: "clipper";
1021          }
1022       }
1023       part { name: "elm.swallow.content2";
1024          clip_to: "clipper2";
1025          type: SWALLOW;
1026          description {
1027             state: "default" 0.0;
1028             fixed: 1 1;
1029             rel1.to: "clipper2";
1030             rel2.to: "clipper2";
1031          }
1032       }
1033       part { name: "separator";
1034          clip_to: "clipper";
1035          description { state: "default" 0.0;
1036             min: 2 3;
1037             max: 9999 3;
1038             fixed: 1 1;
1039             rel1 {
1040                 relative: 0.0 0.0;
1041                 offset: 0 0;
1042                 to: "clipper";
1043             }
1044             rel2 {
1045                 relative: 1.0 0.0;
1046                 offset: -1 3;
1047                 to: "clipper";
1048             }
1049             image {
1050                normal: "00_winset_control_tab_h_line_h.png";
1051                border: 1 1 1 1;
1052             }
1053             fill {
1054                smooth: 0;
1055             }
1056          }
1057       }
1058       part { name: "separator2";
1059          clip_to: "clipper2";
1060          description { state: "default" 0.0;
1061             min: 2 3;
1062             max: 9999 3;
1063             fixed: 1 1;
1064             rel1 {
1065                 relative: 0.0 0.0;
1066                 offset: 0 0;
1067                 to: "clipper2";
1068             }
1069             rel2 {
1070                 relative: 1.0 0.0;
1071                 offset: -1 3;
1072                 to: "clipper2";
1073             }
1074             image {
1075                normal: "00_winset_control_tab_h_line_h.png";
1076                border: 1 1 1 1;
1077             }
1078             fill {
1079                smooth: 0;
1080             }
1081          }
1082       }
1083    }
1084    programs {
1085       program { name: "open";
1086          signal:  "elm,state,open";
1087          source:  "elm";
1088          action:  STATE_SET "open" 0.0;
1089          target:  "base";
1090          target:  "clipper";
1091          target:  "clipper2";
1092          transition: LINEAR 0.2;
1093       }
1094       program { name: "open2";
1095          signal:  "elm,state,open2";
1096          source:  "elm";
1097          action:  STATE_SET "open2" 0.0;
1098          target:  "base";
1099          target:  "clipper";
1100          target:  "clipper2";
1101          transition: LINEAR 0.2;
1102       }
1103       program { name: "close";
1104          signal:  "elm,state,close";
1105          source:  "elm";
1106          action:  STATE_SET "default" 0.0;
1107          target:  "base";
1108          transition: LINEAR 0.2;
1109       }
1110    }
1111 }
1112
1113 group { name: "elm/toolbar/item/tabbar";
1114    images {
1115       image: "00_winset_title_tabbar_bg.png" COMP;
1116       image: "00_winset_tabbar_focus.png" COMP;
1117       image: "00_tab_move_bg.png" COMP;
1118    }
1119
1120    data.item: "transition_animation_on" "1";
1121    script {
1122       public item_state = ITEM_STATE_ENABLED;
1123    }
1124    parts {
1125       part { name: "bg";
1126          mouse_events: 0;
1127          description { state: "default" 0.0;
1128             visible: TABBAR_ITEM_BG_DEFAULT_VISIBLE_INC;
1129             color: TABBAR_ITEM_BG_DEFAULT_COLOR_INC;
1130             image.normal: "00_winset_title_tabbar_bg.png";
1131             image.border: TABBAR_ITEM_BG_DEFAULT_BORDER_INC;
1132             image.middle: SOLID;
1133             fill.smooth: 0;
1134          }
1135          description { state: "selected" 0.0;
1136             inherit: "default" 0.0;
1137             visible: 1;
1138             color: 255 255 255 255;
1139             image.normal: "00_winset_tabbar_focus.png";
1140          }
1141          description { state: "disabled" 0.0;
1142             inherit: "default" 0.0;
1143          }
1144          description { state: "moving" 0.0;
1145             inherit: "default" 0.0;
1146             visible: 1;
1147             image.normal: "00_tab_move_bg.png";
1148             image.border: 10 10 10 10;
1149          }
1150       }
1151       part { name: "padding_left_top";
1152             type: RECT;
1153             scale: 1;
1154             mouse_events: 0;
1155             description { state: "default" 0.0;
1156                align: 0.0 0.0;
1157                rel2.relative: 0.0 0.0;
1158                min: 10 8;
1159                fixed: 1 1;
1160                visible: 1;
1161                color: 0 0 0 0;
1162             }
1163          }
1164       part { name: "padding_right_bottom";
1165          type: RECT;
1166          scale: 1;
1167          mouse_events: 0;
1168          description { state: "default" 0.0;
1169             align: 1.0 1.0;
1170             rel1.relative: 1.0 1.0;
1171             min: 10 5;
1172             fixed: 1 1;
1173             visible: 1;
1174             color: 0 0 0 0;
1175          }
1176       }
1177       part {
1178          name: "icon_rect";
1179          type: RECT;
1180          scale: 1;
1181          mouse_events: 0;
1182          description { state: "default" 0.0;
1183             min: 0 0;
1184             fixed: 0 1;
1185             rel1 {
1186                relative: 1.0 1.0;
1187                to: "padding_left_top";
1188             }
1189             rel2 {
1190                relative: 0.0 1.0;
1191                to_x: "padding_right_bottom";
1192                to_y: "padding_left_top";
1193             }
1194             align: 0.5 0.0;
1195             color: 0 0 0 0;
1196          }
1197          description { state: "visible" 0.0;
1198             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1199             fixed: 0 1;
1200             rel1 {
1201                relative: 1.0 1.0;
1202                to: "padding_left_top";
1203             }
1204             rel2 {
1205                relative: 0.0 1.0;
1206                to_x: "padding_right_bottom";
1207                to_y: "padding_left_top";
1208             }
1209             align: 0.5 0.0;
1210             color: 0 0 0 0;
1211          }
1212          description { state: "icononly" 0.0;
1213             inherit: "default" 0.0;
1214          }
1215       }
1216       part { name: "padding_after_icon";
1217          type: RECT;
1218          scale: 1;
1219          mouse_events: 0;
1220          description { state: "default" 0.0; //when only icon or no icon is there
1221             align: 0.0 0.0;
1222             rel1 {
1223                relative: 0.0 1.0;
1224                to: "icon_rect";
1225             }
1226             rel2.to: "icon_rect";
1227             fixed: 0 1;
1228             min: 0 0;
1229             color: 0 0 0 0;
1230          }
1231          description { state: "visible" 0.0;
1232             align: 0.0 0.0;
1233             rel1 {
1234                relative: 0.0 1.0;
1235                to: "icon_rect";
1236             }
1237             rel2.to: "icon_rect";
1238             fixed: 0 1;
1239             min: 0 0;
1240             color: 0 0 0 0;
1241          }
1242          description { state: "icononly" 0.0;
1243             inherit: "default" 0.0;
1244          }
1245       }
1246       part { name: "padding_before_text";
1247          type: RECT;
1248          scale: 1;
1249          mouse_events: 0;
1250          description { state: "default" 0.0; //when only icon or no icon is there
1251             align: 0.5 1.0;
1252             rel1 {
1253                relative: 1.0 0.0;
1254                to_x: "padding_left_top";
1255                to_y: "elm.text";
1256             }
1257             rel2 {
1258                relative: 0.0 0.0;
1259                to_x: "padding_right_bottom";
1260                to_y: "elm.text";
1261             }
1262             fixed: 0 1;
1263             min: 0 0;
1264             color: 0 0 0 0;
1265          }
1266       }
1267       part { name: "elm.swallow.icon";
1268          type: SWALLOW;
1269          scale: 1;
1270          clip_to: "elm.icon.clipper";
1271          description { state: "default" 0.0;
1272             visible: 0;
1273             align: 0.5 0.0;
1274             rel1 {
1275                relative: 1.0 1.0;
1276                to: "padding_left_top";
1277             }
1278             rel2 {
1279                relative: 0.0 1.0;
1280                to_x: "padding_right_bottom";
1281                to_y: "padding_left_top";
1282             }
1283             fixed: 0 1;
1284          }
1285          description { state: "visible" 0.0;
1286             fixed: 0 1;
1287             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1288             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1289             rel1 {
1290                relative: 1.0 1.0;
1291                to: "padding_left_top";
1292             }
1293             rel2 {
1294                relative: 0.0 0.0;
1295                to_x: "padding_right_bottom";
1296                to_y: "padding_before_text";
1297             }
1298             aspect: 1.0 1.0;
1299             aspect_preference: HORIZONTAL;
1300          }
1301          description { state: "icononly" 0.0;
1302             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1303             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1304             rel1 {
1305                relative: 1.0 1.0;
1306                to: "padding_left_top";
1307             }
1308             rel2 {
1309                relative: 0.0 0.0;
1310                to: "padding_right_bottom";
1311             }
1312             aspect: 1.0 1.0;
1313             aspect_preference: HORIZONTAL;
1314          }
1315       }
1316       part { name: "elm.swallow.icon_new";
1317          type: SWALLOW;
1318          scale: 1;
1319          clip_to: "elm.icon_new.clipper";
1320          description { state: "default" 0.0;
1321             visible: 0;
1322             align: 0.5 0.0;
1323             rel1 {
1324                relative: 1.0 1.0;
1325                to: "padding_left_top";
1326             }
1327             rel2 {
1328                relative: 0.0 1.0;
1329                to_x: "padding_right_bottom";
1330                to_y: "padding_left_top";
1331             }
1332             fixed: 0 1;
1333          }
1334          description { state: "visible" 0.0;
1335             fixed: 0 1;
1336             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1337             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1338             rel1 {
1339                relative: 1.0 1.0;
1340                to: "padding_left_top";
1341             }
1342             rel2 {
1343                relative: 0.0 0.0;
1344                to_x: "padding_right_bottom";
1345                to_y: "padding_before_text";
1346             }
1347             aspect: 1.0 1.0;
1348             aspect_preference: HORIZONTAL;
1349          }
1350          description { state: "icononly" 0.0;
1351             min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1352             max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
1353             rel1 {
1354                relative: 1.0 1.0;
1355                to: "padding_left_top";
1356             }
1357             rel2 {
1358                relative: 0.0 0.0;
1359                to: "padding_right_bottom";
1360             }
1361             aspect: 1.0 1.0;
1362             aspect_preference: HORIZONTAL;
1363          }
1364       }
1365       part { name: "elm.text";
1366          type: TEXTBLOCK;
1367          mouse_events: 0;
1368          scale: 1;
1369          clip_to: "elm.text.clipper";
1370          description { state: "default" 0.0;
1371             visible: 1;
1372             rel1 {
1373                relative: 1.0 1.0;
1374                to_x: "padding_left_top";
1375                to_y: "padding_after_icon";
1376             }
1377             rel2 {
1378                relative: 0.0 0.0;
1379                to: "padding_right_bottom";
1380             }
1381             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
1382             fixed: 1 1;
1383             text {
1384                style: "toolbar_style";
1385                min: 0 1;
1386             }
1387          }
1388          description { state: "selected" 0.0;
1389             inherit: "default" 0.0;
1390             visible: 1;
1391          }
1392          description { state: "visible" 0.0;
1393             inherit: "default" 0.0;
1394             visible: 1;
1395          }
1396          description { state: "clicked" 0.0;
1397             inherit: "default" 0.0;
1398             visible: 1;
1399             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1400          }
1401          description { state: "focused" 0.0;
1402             inherit: "default" 0.0;
1403             visible: 1;
1404             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1405          }
1406       }
1407       part { name: "elm.text_new";
1408          type: TEXTBLOCK;
1409          mouse_events: 0;
1410          scale: 1;
1411          clip_to: "elm.text_new.clipper";
1412          description { state: "default" 0.0;
1413             visible: 1;
1414             rel1 {
1415                relative: 1.0 1.0;
1416                to_x: "padding_left_top";
1417                to_y: "padding_after_icon";
1418             }
1419             rel2 {
1420                relative: 0.0 0.0;
1421                to: "padding_right_bottom";
1422             }
1423             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
1424             fixed: 1 1;
1425             text {
1426                style: "toolbar_style";
1427                min: 0 1;
1428             }
1429          }
1430          description { state: "visible" 0.0;
1431             inherit: "default" 0.0;
1432             visible: 1;
1433          }
1434          description { state: "clicked" 0.0;
1435             inherit: "default" 0.0;
1436             visible: 1;
1437             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1438          }
1439          description { state: "focused" 0.0;
1440             inherit: "default" 0.0;
1441             visible: 1;
1442             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1443          }
1444       }
1445       part { name: "elm.text.clipper";
1446          type: RECT;
1447          description { state: "default" 0.0;
1448             color: 255 255 255 255;
1449          }
1450          description { state: "animation" 0.0;
1451             color: 255 255 255 0;
1452          }
1453          description { state: "disabled" 0.0;
1454             color: 255 255 255 153;
1455          }
1456       }
1457       part { name: "elm.text_new.clipper";
1458          type: RECT;
1459          description { state: "default" 0.0;
1460             color: 255 255 255 0;
1461          }
1462          description { state: "animation" 0.0;
1463             color: 255 255 255 255;
1464          }
1465          description { state: "disabled" 0.0;
1466             color: 255 255 255 153;
1467          }
1468       }
1469       part { name: "elm.icon.clipper";
1470          type: RECT;
1471          description { state: "default" 0.0;
1472             color: 255 255 255 255;
1473          }
1474          description { state: "animation" 0.0;
1475             color: 255 255 255 0;
1476          }
1477          description { state: "disabled" 0.0;
1478             color: 255 255 255 153;
1479          }
1480       }
1481       part { name: "elm.icon_new.clipper";
1482          type: RECT;
1483          description { state: "default" 0.0;
1484             color: 255 255 255 0;
1485          }
1486          description { state: "animation" 0.0;
1487             color: 255 255 255 255;
1488          }
1489          description { state: "disabled" 0.0;
1490             color: 255 255 255 153;
1491          }
1492       }
1493       part { name: "event";
1494          type: RECT;
1495          mouse_events: 1;
1496          ignore_flags: ON_HOLD;
1497          description { state: "default" 0.0;
1498             color: 0 0 0 0;
1499          }
1500       }
1501    }
1502    programs {
1503       program { name: "go_active";
1504          signal:  "elm,state,selected";
1505          source:  "elm";
1506          action:  STATE_SET "selected" 0.0;
1507          target:  "bg";
1508          transition: LINEAR 0.2;
1509       }
1510       program { name: "go_passive";
1511          signal:  "elm,state,unselected";
1512          source:  "elm";
1513          action:  STATE_SET "default" 0.0;
1514          target:  "bg";
1515          transition: LINEAR 0.1;
1516       }
1517       program { name: "moving";
1518          signal:  "elm,state,moving";
1519          source:  "elm";
1520          action:  STATE_SET "moving" 0.0;
1521          target:  "bg";
1522       }
1523 /*    program { name: "pressed";
1524          signal:  "mouse,down,1";
1525          source:  "event";
1526          action:  STATE_SET "selected" 0.0;
1527          target:  "bg";
1528          target:  "elm.text";
1529          target:  "elm.text_new";
1530          transition: LINEAR 0.2;
1531       }
1532       program { name: "unpressed";
1533          signal:  "mouse,up,1";
1534          source:  "event";
1535          action:  STATE_SET "default" 0.0;
1536          target:  "bg";
1537          target:  "elm.text";
1538          target:  "elm.text_new";
1539          transition: LINEAR 0.1;
1540       }*/
1541       program { name: "go";
1542          signal:  "mouse,clicked,1";
1543          source:  "event";
1544          action:  SIGNAL_EMIT "elm,action,click" "elm";
1545       }
1546       program { name: "mouse,in";
1547          signal:  "mouse,in";
1548          source:  "event";
1549          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
1550       }
1551       program { name: "mouse,out";
1552          signal:  "mouse,out";
1553          source:  "event";
1554          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
1555       }
1556       program { name: "disable";
1557          signal: "elm,state,disabled";
1558          source: "elm";
1559          script {
1560             set_int(item_state, ITEM_STATE_DISABLED);
1561             set_state(PART:"bg", "disabled", 0.0);
1562             set_state(PART:"elm.text.clipper", "disabled", 0.0);
1563             set_state(PART:"elm.icon.clipper", "disabled", 0.0);
1564             run_program(PROGRAM:"label_set,animation,done");
1565             run_program(PROGRAM:"icon_set,animation,done");
1566          }
1567       }
1568       program { name: "enable";
1569          signal: "elm,state,enabled";
1570          source: "elm";
1571          script {
1572             set_int(item_state, ITEM_STATE_ENABLED);
1573             set_state(PART:"bg", "default", 0.0);
1574             set_state(PART:"elm.text.clipper", "default", 0.0);
1575             set_state(PART:"elm.icon.clipper", "default", 0.0);
1576             run_program(PROGRAM:"label_set,animation,done");
1577             run_program(PROGRAM:"icon_set,animation,done");
1578          }
1579       }
1580       program { name: "label_set,animation,forward";
1581          signal: "elm,state,label_set,forward";
1582          source: "elm";
1583          after: "label_set,animation";
1584       }
1585       program { name: "label_set,animation,backward";
1586          signal: "elm,state,label_set,backward";
1587          source: "elm";
1588          after: "label_set,animation";
1589       }
1590       program { name: "label_set,animation";
1591          signal: "elm,state,label_set";
1592          source: "elm";
1593          action: STATE_SET "animation" 0.0;
1594          target: "elm.text.clipper";
1595          target: "elm.text_new.clipper";
1596          transition: LINEAR 0.2;
1597          after: "label_set,animation,done";
1598       }
1599       program { name: "label_set,animation,done";
1600          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
1601       }
1602       program { name: "label,reset";
1603          signal: "elm,state,label,reset";
1604          source: "elm";
1605          script {
1606             set_state(PART:"elm.text_new.clipper", "default", 0.0);
1607             if (get_int(item_state) != ITEM_STATE_DISABLED)
1608               set_state(PART:"elm.text.clipper", "default", 0.0);
1609             else
1610               set_state(PART:"elm.text.clipper", "disabled", 0.0);
1611          }
1612       }
1613       program { name: "icon_set,animation,forward";
1614          signal: "elm,state,icon_set,forward";
1615          source: "elm";
1616          after: "icon_set,animation";
1617       }
1618       program { name: "icon_set,animation,backward";
1619          signal: "elm,state,icon_set,backward";
1620          source: "elm";
1621          after: "icon_set,animation";
1622       }
1623       program { name: "icon_set,animation";
1624          signal: "elm,state,icon_set";
1625          source: "elm";
1626          action: STATE_SET "animation" 0.0;
1627          target: "elm.icon.clipper";
1628          target: "elm.icon_new.clipper";
1629          transition: LINEAR 0.2;
1630          after: "icon_set,animation,done";
1631       }
1632       program { name: "icon_set,animation,done";
1633          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
1634       }
1635       program { name: "icon,reset";
1636          signal: "elm,state,icon,reset";
1637          source: "elm";
1638          script {
1639             set_state(PART:"elm.icon_new.clipper", "default", 0.0);
1640             if (get_int(item_state) != ITEM_STATE_DISABLED)
1641               set_state(PART:"elm.icon.clipper", "default", 0.0);
1642             else
1643               set_state(PART:"elm.icon.clipper", "disabled", 0.0);
1644          }
1645       }
1646       program { name: "text_show";
1647          signal: "elm,state,text,visible";
1648          source: "elm";
1649          script {
1650             new st[31];
1651             new Float:vl;
1652             get_state(PART:"elm.swallow.icon", st, 30, vl);
1653             if (!strcmp(st, "icononly"))
1654               {
1655                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
1656                  set_state(PART:"icon_rect", "visible", 0.0);
1657                  set_state(PART:"padding_after_icon", "visible", 0.0);
1658               }
1659             set_state(PART:"elm.text", "visible", 0.0);
1660          }
1661       }
1662       program { name: "text_hide";
1663          signal: "elm,state,text,hidden";
1664          source: "elm";
1665          script {
1666             new st[31];
1667             new Float:vl;
1668             get_state(PART:"elm.swallow.icon", st, 30, vl);
1669             if (!strcmp(st, "visible"))
1670               {
1671                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
1672                  set_state(PART:"icon_rect", "icononly", 0.0);
1673                  set_state(PART:"padding_after_icon", "icononly", 0.0);
1674               }
1675             set_state(PART:"elm.text", "default", 0.0);
1676          }
1677       }
1678       program { name: "icon_show";
1679          signal: "elm,state,icon,visible";
1680          source: "elm";
1681          script {
1682             new st[31];
1683             new Float:vl;
1684             get_state(PART:"elm.text", st, 30, vl);
1685             if (!strcmp(st, "visible"))
1686               {
1687                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
1688                  set_state(PART:"icon_rect", "visible", 0.0);
1689                  set_state(PART:"padding_after_icon", "visible", 0.0);
1690               }
1691             else
1692               {
1693                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
1694                  set_state(PART:"icon_rect", "icononly", 0.0);
1695                  set_state(PART:"padding_after_icon", "icononly", 0.0);
1696               }
1697          }
1698       }
1699    }
1700 }
1701
1702 group { name: "elm/toolbar/item/tabbar/item_horizontal";
1703    inherit: "elm/toolbar/item/tabbar";
1704    script {
1705       public item_state = ITEM_STATE_ENABLED;
1706    }
1707    parts {
1708       part { name: "icon_rect";
1709          description { state: "default" 0.0;
1710             fixed: 1 0;
1711             align: 0.0 0.5;
1712          }
1713          description { state: "visible" 0.0;
1714             fixed: 1 0;
1715             rel2 {
1716                relative: 1.0 0.0;
1717                to_x: "padding_left_top";
1718                to_y: "padding_right_bottom";
1719             }
1720             align: 0.0 0.5;
1721          }
1722       }
1723       part { name: "padding_after_icon";
1724          description { state: "default" 0.0; //when only icon or no icon is there
1725             rel1.relative: 1.0 0.0;
1726             fixed: 1 1;
1727          }
1728          description { state: "visible" 0.0;
1729             inherit: "default" 0.0;
1730             min: 6 0;
1731          }
1732       }
1733       part { name: "padding_before_text";
1734          description { state: "default" 0.0; //when only icon or no icon is there
1735             align: 1.0 0.5;
1736             rel1 {
1737                relative: 0.0 1.0;
1738                to_x: "elm.text";
1739                to_y: "padding_left_top";
1740             }
1741             rel2 {
1742                to_x: "elm.text";
1743                to_y: "padding_right_bottom";
1744             }
1745             fixed: 1 0;
1746             min: 6 0;
1747          }
1748       }
1749       part { name: "elm.swallow.icon";
1750          description { state: "default" 0.0;
1751             align: 0.0 0.5;
1752             rel2 {
1753                relative: 1.0 0.0;
1754                to_x: "padding_left_top";
1755                to_y: "padding_right_bottom";
1756             }
1757             fixed: 1 0;
1758          }
1759          description { state: "visible" 0.0;
1760             fixed: 1 0;
1761             align: 1.0 0.5;
1762             rel1 {
1763                relative: 0.0 1.0;
1764                to_x: "padding_before_text";
1765                to_y: "padding_left_top";
1766             }
1767             rel2 {
1768                relative: 0.0 0.0;
1769                to_x: "padding_before_text";
1770                to_y: "padding_right_bottom";
1771             }
1772             aspect_preference: VERTICAL;
1773          }
1774          description { state: "icononly" 0.0;
1775             aspect_preference: VERTICAL;
1776          }
1777       }
1778       part { name: "elm.swallow.icon_new";
1779          description { state: "default" 0.0;
1780             align: 0.0 0.5;
1781             rel2 {
1782                relative: 1.0 0.0;
1783                to_x: "padding_left_top";
1784                to_y: "padding_right_bottom";
1785             }
1786             fixed: 1 0;
1787          }
1788          description { state: "visible" 0.0;
1789             fixed: 1 0;
1790             align: 1.0 0.5;
1791             rel1 {
1792                relative: 0.0 1.0;
1793                to_x: "padding_before_text";
1794                to_y: "padding_left_top";
1795             }
1796             rel2 {
1797                relative: 0.0 0.0;
1798                to_x: "padding_before_text";
1799                to_y: "padding_right_bottom";
1800             }
1801             aspect_preference: VERTICAL;
1802          }
1803          description { state: "icononly" 0.0;
1804             aspect_preference: VERTICAL;
1805          }
1806       }
1807       part { name: "elm.text";
1808          type: TEXTBLOCK;
1809          description { state: "default" 0.0;
1810             rel1 {
1811                relative: 1.0 1.0;
1812                to_x: "padding_after_icon";
1813                to_y: "padding_left_top";
1814             }
1815             text {
1816                style: "toolbar_style";
1817                min: 1 0;
1818             }
1819          }
1820          description { state: "selected" 0.0;
1821             inherit: "default" 0.0;
1822             visible: 1;
1823          }
1824          description { state: "visible" 0.0;
1825             inherit: "default" 0.0;
1826             visible: 1;
1827          }
1828          description { state: "clicked" 0.0;
1829             inherit: "default" 0.0;
1830             visible: 1;
1831             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1832          }
1833          description { state: "focused" 0.0;
1834             inherit: "default" 0.0;
1835             visible: 1;
1836             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1837          }
1838       }
1839       part { name: "elm.text_new";
1840          type: TEXTBLOCK;
1841          description { state: "default" 0.0;
1842             rel1 {
1843                relative: 1.0 1.0;
1844                to_x: "padding_after_icon";
1845                to_y: "padding_left_top";
1846             }
1847             text {
1848                style: "toolbar_style";
1849                min: 1 0;
1850             }
1851          }
1852          description { state: "selected" 0.0;
1853             inherit: "default" 0.0;
1854             visible: 1;
1855          }
1856          description { state: "visible" 0.0;
1857             inherit: "default" 0.0;
1858             visible: 1;
1859          }
1860          description { state: "clicked" 0.0;
1861             inherit: "default" 0.0;
1862             visible: 1;
1863             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1864          }
1865          description { state: "focused" 0.0;
1866             inherit: "default" 0.0;
1867             visible: 1;
1868             color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
1869          }
1870       }
1871    }
1872 }
1873
1874 group { name: "elm/toolbar/base/naviframe";
1875    parts {
1876       part { name: "base";
1877          mouse_events: 1;
1878          description { state: "default" 0.0;
1879             color: 0 0 0 0;
1880          }
1881       }
1882       part { name: "clipper";
1883          type: RECT;
1884          mouse_events: 0;
1885          description {
1886             state: "default" 0.0;
1887             rel1 {
1888                to: "base";
1889                offset: 2 2;
1890             }
1891             rel2 {
1892                to: "base";
1893                offset: -3 -3;
1894             }
1895          }
1896       }
1897       part { name: "elm.swallow.content";
1898          clip_to: "clipper";
1899          type: SWALLOW;
1900          description {
1901             state: "default" 0.0;
1902             rel1.to: "clipper";
1903             rel2.to: "clipper";
1904          }
1905       }
1906       part { name: "event";
1907          type: RECT;
1908          mouse_events: 1;
1909          repeat_events: 1;
1910          description { state: "default" 0.0;
1911             color: 0 0 0 0;
1912          }
1913       }
1914    }
1915 }
1916
1917 group { name: "elm/toolbar/object/naviframe";
1918    parts {
1919       part { name: "elm.swallow.object"; // object group
1920          type: SWALLOW;
1921          description {
1922              state: "default" 0.0;
1923                          rel1.offset: 5 0;
1924                          rel2.offset: -6 -1;
1925          }
1926       }
1927    }
1928 }
1929