b154722f11f81fa450c1954f2bd0dd059d585cff
[profile/ivi/efl-theme-tizen.git] / themes / widgets / toolbar.edc
1 /*
2  * efl-theme-tizen
3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
4  *
5  * Licensed under the Apache License, Version 2.0 (the License);
6  * you may not use this file except in compliance with the License.
7  * You may obtain a copy of the License at
8  *
9  *     http://www.apache.org/licenses/LICENSE-2.0
10  *
11  * Unless required by applicable law or agreed to in writing, software
12  * distributed under the License is distributed on an AS IS BASIS,
13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14  * See the License for the specific language governing permissions and
15  * limitations under the License.
16  */
17
18
19
20 #define ITEM_STATE_ENABLED 0
21 #define ITEM_STATE_DISABLED 1
22
23 #define TOOLBAR_TEXT_STYLE(_font_size) \
24    style { name: "toolbar_text_style_"_font_size; \
25       base: "font=Tizen:style=Medium style=far_shadow,bottom shadow_color=#ffffffff font_size="_font_size" align=center color="TABBAR_ITEM_TEXTBLOCK_COLOR_INC" wrap=word ellipsis=1 text_class=tizen linegap=-10"; \
26       tag: "br" "\n"; \
27       tag: "ps" "ps"; \
28       tag: "hilight" "+ font=Tizen:style=Bold"; \
29       tag: "b" "+ font=Tizen:style=Bold"; \
30       tag: "tab" "\t"; \
31    }
32
33 #define TOOLBAR_SELECTED_TEXT_STYLE(_font_size) \
34    style { name: "toolbar_selected_text_style_"_font_size; \
35       base: "font=Tizen:style=Medium style=far_shadow,bottom shadow_color=#ffffffff font_size="_font_size" align=center color="TABBAR_ITEM_SELECTED_TEXTBLOCK_COLOR_INC" wrap=word ellipsis=1 text_class=tizen linegap=-10"; \
36       tag: "br" "\n"; \
37       tag: "ps" "ps"; \
38       tag: "hilight" "+ font=Tizen:style=Bold"; \
39       tag: "b" "+ font=Tizen:style=Bold"; \
40       tag: "tab" "\t"; \
41    }
42
43 styles{
44    TOOLBAR_TEXT_STYLE(24)
45    TOOLBAR_TEXT_STYLE(28)
46    TOOLBAR_TEXT_STYLE(30)
47    TOOLBAR_SELECTED_TEXT_STYLE(24)
48    TOOLBAR_SELECTED_TEXT_STYLE(28)
49    TOOLBAR_SELECTED_TEXT_STYLE(30)
50 }
51
52 group { name: "elm/toolbar/base/default";
53    images {
54       image: "00_winset_control_toolbar_bg.png" COMP;
55    }
56    parts {
57       part { name: "base";
58          mouse_events: 1;
59          description { state: "default" 0.0;
60             image.normal: "00_winset_control_toolbar_bg.png";
61          }
62       }
63       part { name: "clipper";
64          type: RECT;
65          mouse_events: 0;
66          description {
67             state: "default" 0.0;
68             rel1 {
69                to: "base";
70                offset: 2 2;
71             }
72             rel2 {
73                to: "base";
74                offset: -3 -3;
75             }
76          }
77       }
78       part { name: "elm.swallow.content";
79          clip_to: "clipper";
80          type: SWALLOW;
81          description {
82             state: "default" 0.0;
83             rel1.to: "clipper";
84             rel2.to: "clipper";
85          }
86       }
87       part { name: "event";
88          type: RECT;
89          mouse_events: 1;
90          repeat_events: 1;
91          description { state: "default" 0.0;
92             color: 0 0 0 0;
93          }
94       }
95    }
96 }
97
98 group { name: "elm/toolbar/item/default";
99    images {
100       image: "00_winset_toolbar_press.png" COMP;
101    }
102
103    data.item: "transition_animation_on" "1";
104    script {
105       public item_state = ITEM_STATE_ENABLED;
106       public items_number = 0;
107    }
108    parts {
109       part { name: "bg";
110          mouse_events: 0;
111          description { state: "default" 0.0;
112             visible: 0;
113             color: 255 255 255 0;
114             rel1 {
115                relative: 0.0 0.0;
116                offset: TOOLBAR_ITEM_BG_REL1_OFFSET_INC;
117             }
118             rel2 {
119                relative: 1.0 1.0;
120                offset: TOOLBAR_ITEM_BG_REL2_OFFSET_INC;
121             }
122             image {
123                normal: "00_winset_toolbar_press.png";
124                border: TOOLBAR_ITEM_BG_SELECTED_BORDER_INC;
125             }
126             image.middle: SOLID;
127             fill.smooth: 0;
128          }
129          description { state: "selected" 0.0;
130             inherit: "default" 0.0;
131             visible: 1;
132             color: 255 255 255 255;
133          }
134          description { state: "disabled" 0.0;
135             inherit: "default" 0.0;
136             visible: 0;
137             color: 255 255 255 0;
138          }
139       }
140       part { name: "padding_left_top";
141          type: RECT;
142          scale: 1;
143          mouse_events: 0;
144          description { state: "default" 0.0;
145             align: 0.0 0.0;
146             rel2.relative: 0.0 0.0;
147             min: 10 8;
148             fixed: 1 1;
149             visible: 1;
150             color: 0 0 0 0;
151          }
152       }
153       part { name: "padding_right_bottom";
154          type: RECT;
155          scale: 1;
156          mouse_events: 0;
157          description { state: "default" 0.0;
158             align: 1.0 1.0;
159             rel1.relative: 1.0 1.0;
160             min: 10 5;
161             fixed: 1 1;
162             visible: 1;
163             color: 0 0 0 0;
164          }
165       }
166       part {
167          name: "icon_rect";
168          type: RECT;
169          scale: 1;
170          mouse_events: 0;
171          description { state: "default" 0.0;
172             min: 0 0;
173             fixed: 0 1;
174             rel1 {
175                relative: 1.0 1.0;
176                to: "padding_left_top";
177             }
178             rel2 {
179                relative: 0.0 1.0;
180                to_x: "padding_right_bottom";
181                to_y: "padding_left_top";
182             }
183             align: 0.5 0.0;
184             color: 0 0 0 0;
185          }
186          description { state: "visible" 0.0;
187             min: TABBAR_ITEM_ICON_SIZE_INC;
188             fixed: 0 1;
189             rel1 {
190                relative: 1.0 1.0;
191                to: "padding_left_top";
192             }
193             rel2 {
194                relative: 0.0 1.0;
195                to_x: "padding_right_bottom";
196                to_y: "padding_left_top";
197             }
198             align: 0.5 0.0;
199             color: 0 0 0 0;
200          }
201          description { state: "icononly" 0.0;
202             inherit: "default" 0.0;
203          }
204       }
205       part { name: "padding_after_icon";
206          type: RECT;
207          scale: 1;
208          mouse_events: 0;
209          description { state: "default" 0.0; //when only icon or no icon is there
210             align: 0.0 0.0;
211             rel1 {
212                relative: 0.0 1.0;
213                to: "icon_rect";
214             }
215             rel2.to: "icon_rect";
216             fixed: 0 1;
217             min: 0 0;
218             color: 0 0 0 0;
219          }
220          description { state: "visible" 0.0;
221             inherit: "default" 0.0;
222          }
223          description { state: "icononly" 0.0;
224             inherit: "default" 0.0;
225          }
226       }
227       part { name: "padding_before_text";
228          type: RECT;
229          scale: 1;
230          mouse_events: 0;
231          description { state: "default" 0.0; //when only icon or no icon is there
232             align: 0.5 1.0;
233             rel1 {
234                relative: 1.0 0.0;
235                to_x: "padding_left_top";
236                to_y: "elm.text";
237             }
238             rel2 {
239                relative: 0.0 0.0;
240                to_x: "padding_right_bottom";
241                to_y: "elm.text";
242             }
243             fixed: 0 1;
244             min: 0 0;
245             color: 0 0 0 0;
246          }
247       }
248       part { name: "elm.swallow.icon";
249          type: SWALLOW;
250          scale: 1;
251          clip_to: "elm.icon.clipper";
252          description { state: "default" 0.0;
253             visible: 0;
254             align: 0.5 0.0;
255             rel1 {
256                relative: 1.0 1.0;
257                to: "padding_left_top";
258             }
259             rel2 {
260                relative: 0.0 1.0;
261                to_x: "padding_right_bottom";
262                to_y: "padding_left_top";
263             }
264             fixed: 0 1;
265          }
266          description { state: "visible" 0.0;
267             fixed: 0 1;
268             min: TABBAR_ITEM_ICON_SIZE_INC;
269             max: TABBAR_ITEM_ICON_SIZE_INC;
270             rel1 {
271                relative: 1.0 1.0;
272                to: "padding_left_top";
273             }
274             rel2 {
275                relative: 0.0 0.0;
276                to_x: "padding_right_bottom";
277                to_y: "padding_before_text";
278             }
279             aspect: 1.0 1.0;
280             aspect_preference: HORIZONTAL;
281          }
282          description { state: "icononly" 0.0;
283             min: TABBAR_ITEM_ICON_SIZE_INC;
284             max: TABBAR_ITEM_ICON_SIZE_INC;
285             rel1 {
286                relative: 1.0 1.0;
287                to: "padding_left_top";
288             }
289             rel2 {
290                relative: 0.0 0.0;
291                to: "padding_right_bottom";
292             }
293             aspect: 1.0 1.0;
294             aspect_preference: HORIZONTAL;
295          }
296       }
297       part { name: "elm.swallow.icon_new";
298          type: SWALLOW;
299          scale: 1;
300          clip_to: "elm.icon_new.clipper";
301          description { state: "default" 0.0;
302             visible: 0;
303             align: 0.5 0.0;
304             rel1 {
305                relative: 1.0 1.0;
306                to: "padding_left_top";
307             }
308             rel2 {
309                relative: 0.0 1.0;
310                to_x: "padding_right_bottom";
311                to_y: "padding_left_top";
312             }
313             fixed: 0 1;
314          }
315          description { state: "visible" 0.0;
316             fixed: 0 1;
317             min: TABBAR_ITEM_ICON_SIZE_INC;
318             max: TABBAR_ITEM_ICON_SIZE_INC;
319             rel1 {
320                relative: 1.0 1.0;
321                to: "padding_left_top";
322             }
323             rel2 {
324                relative: 0.0 0.0;
325                to_x: "padding_right_bottom";
326                to_y: "padding_before_text";
327             }
328             aspect: 1.0 1.0;
329             aspect_preference: HORIZONTAL;
330          }
331          description { state: "icononly" 0.0;
332             min: TABBAR_ITEM_ICON_SIZE_INC;
333             max: TABBAR_ITEM_ICON_SIZE_INC;
334             rel1 {
335                relative: 1.0 1.0;
336                to: "padding_left_top";
337             }
338             rel2 {
339                relative: 0.0 0.0;
340                to: "padding_right_bottom";
341             }
342             aspect: 1.0 1.0;
343             aspect_preference: HORIZONTAL;
344          }
345       }
346       part { name: "elm.text";
347          type: TEXTBLOCK;
348          mouse_events: 0;
349          scale: 1;
350          clip_to: "elm.text.clipper";
351          description { state: "default" 0.0;
352             visible: 0;
353             rel1 {
354                relative: 1.0 1.0;
355                to_x: "padding_left_top";
356                to_y: "padding_after_icon";
357             }
358             rel2 {
359                relative: 0.0 0.0;
360                to: "padding_right_bottom";
361             }
362             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
363             fixed: 1 1;
364             text {
365                style: "toolbar_text_style_26";
366                min: 0 1;
367             }
368          }
369          description { state: "visible" 0.0;
370             inherit: "default" 0.0;
371             visible: 1;
372          }
373          description { state: "visible_30" 0.0;
374             inherit: "default" 0.0;
375             text.style: "toolbar_text_style_30";
376             visible: 1;
377          }
378          description { state: "visible_32" 0.0;
379             inherit: "default" 0.0;
380             text.style: "toolbar_text_style_32";
381             visible: 1;
382          }
383          description { state: "visible_36" 0.0;
384             inherit: "default" 0.0;
385             text.style: "toolbar_text_style_36";
386             visible: 1;
387          }
388       }
389       part { name: "elm.text_new";
390          type: TEXTBLOCK;
391          mouse_events: 0;
392          scale: 1;
393          clip_to: "elm.text_new.clipper";
394          description { state: "default" 0.0;
395             visible: 0;
396             rel1 {
397                relative: 1.0 1.0;
398                to_x: "padding_left_top";
399                to_y: "padding_after_icon";
400             }
401             rel2 {
402                relative: 0.0 0.0;
403                to: "padding_right_bottom";
404             }
405             color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
406             fixed: 1 1;
407             text {
408                style: "toolbar_text_style_26";
409                min: 0 1;
410             }
411          }
412          description { state: "visible" 0.0;
413             inherit: "default" 0.0;
414             visible: 1;
415          }
416          description { state: "visible_30" 0.0;
417             inherit: "default" 0.0;
418             text.style: "toolbar_text_style_30";
419             visible: 1;
420          }
421          description { state: "visible_32" 0.0;
422             inherit: "default" 0.0;
423             text.style: "toolbar_text_style_32";
424             visible: 1;
425          }
426          description { state: "visible_36" 0.0;
427             inherit: "default" 0.0;
428             text.style: "toolbar_text_style_36";
429             visible: 1;
430          }
431       }
432       part { name: "elm.text.clipper";
433          type: RECT;
434          description { state: "default" 0.0;
435             color: 255 255 255 255;
436          }
437          description { state: "animation" 0.0;
438             color: 255 255 255 0;
439          }
440          description { state: "disabled" 0.0;
441             color: 255 255 255 153;
442          }
443       }
444       part { name: "elm.text_new.clipper";
445          type: RECT;
446          description { state: "default" 0.0;
447             color: 255 255 255 0;
448          }
449          description { state: "animation" 0.0;
450             color: 255 255 255 255;
451          }
452          description { state: "disabled" 0.0;
453             color: 255 255 255 153;
454          }
455       }
456       part { name: "elm.icon.clipper";
457          type: RECT;
458          description { state: "default" 0.0;
459             color: 255 255 255 255;
460          }
461          description { state: "animation" 0.0;
462             color: 255 255 255 0;
463          }
464          description { state: "disabled" 0.0;
465             color: 255 255 255 153;
466          }
467       }
468       part { name: "elm.icon_new.clipper";
469          type: RECT;
470          description { state: "default" 0.0;
471             color: 255 255 255 0;
472          }
473          description { state: "animation" 0.0;
474             color: 255 255 255 255;
475          }
476          description { state: "disabled" 0.0;
477             color: 255 255 255 153;
478          }
479       }
480       part { name: "event";
481          type: RECT;
482          mouse_events: 1;
483          ignore_flags: ON_HOLD;
484          description { state: "default" 0.0;
485             color: 0 0 0 0;
486          }
487       }
488       part { name: "event2";
489          type: RECT;
490          mouse_events: 1;
491          repeat_events: 1;
492          description { state: "default" 0.0;
493             color: 0 0 0 0;
494          }
495       }
496    }
497    programs {
498       program { name: "pressed";
499          signal:  "mouse,down,1";
500          source:  "event";
501          script {
502             if (get_int(item_state) != ITEM_STATE_DISABLED)
503               set_state(PART:"bg", "selected", 0.0);
504          }
505          transition: LINEAR 0.2;
506       }
507       program { name: "unpressed";
508          signal:  "mouse,up,1";
509          source:  "event2";
510          action:  STATE_SET "default" 0.0;
511          target:  "bg";
512          transition: LINEAR 0.1;
513       }
514       program { name: "go";
515          signal:  "mouse,clicked,1";
516          source:  "event";
517          action:  SIGNAL_EMIT "elm,action,click" "elm";
518       }
519       program { name: "mouse,in";
520          signal:  "mouse,in";
521          source:  "event";
522          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
523       }
524       program { name: "mouse,out";
525          signal:  "mouse,out";
526          source:  "event";
527          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
528       }
529       program { name: "disable";
530          signal: "elm,state,disabled";
531          source: "elm";
532          script {
533             set_int(item_state, ITEM_STATE_DISABLED);
534             set_state(PART:"bg", "disabled", 0.0);
535             set_state(PART:"elm.text.clipper", "disabled", 0.0);
536             set_state(PART:"elm.icon.clipper", "disabled", 0.0);
537             run_program(PROGRAM:"label_set,animation,done");
538             run_program(PROGRAM:"icon_set,animation,done");
539          }
540       }
541       program { name: "enable";
542          signal: "elm,state,enabled";
543          source: "elm";
544          script {
545             set_int(item_state, ITEM_STATE_ENABLED);
546             set_state(PART:"bg", "default", 0.0);
547             set_state(PART:"elm.text.clipper", "default", 0.0);
548             set_state(PART:"elm.icon.clipper", "default", 0.0);
549             run_program(PROGRAM:"label_set,animation,done");
550             run_program(PROGRAM:"icon_set,animation,done");
551          }
552       }
553       program { name: "label_set,animation,forward";
554          signal: "elm,state,label_set,forward";
555          source: "elm";
556          after: "label_set,sync";
557       }
558       program { name: "label_set,animation,backward";
559          signal: "elm,state,label_set,backward";
560          source: "elm";
561          after: "label_set,sync";
562       }
563       program { name: "label_set,sync";
564          signal: "elm,state,label_set";
565          source: "elm";
566          script {
567             new st[31];
568             new Float:vl;
569             get_state(PART:"elm.text", st, 30, vl);
570             set_state(PART:"elm.text_new", st, vl);
571          }
572          after: "label_set,animation";
573       }
574       program { name: "label_set,animation";
575          action: STATE_SET "animation" 0.0;
576          target: "elm.text.clipper";
577          target: "elm.text_new.clipper";
578          transition: LINEAR 0.2;
579          after: "label_set,animation,done";
580       }
581       program { name: "label_set,animation,done";
582          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
583       }
584       program { name: "label,reset";
585          signal: "elm,state,label,reset";
586          source: "elm";
587          script {
588             set_state(PART:"elm.text_new.clipper", "default", 0.0);
589             if (get_int(item_state) != ITEM_STATE_DISABLED)
590               set_state(PART:"elm.text.clipper", "default", 0.0);
591             else
592               set_state(PART:"elm.text.clipper", "disabled", 0.0);
593          }
594       }
595       program { name: "icon_set,animation,forward";
596          signal: "elm,state,icon_set,forward";
597          source: "elm";
598          after: "icon_set,animation";
599       }
600       program { name: "icon_set,animation,backward";
601          signal: "elm,state,icon_set,backward";
602          source: "elm";
603          after: "icon_set,animation";
604       }
605       program { name: "icon_set,animation";
606          signal: "elm,state,icon_set";
607          source: "elm";
608          action: STATE_SET "animation" 0.0;
609          target: "elm.icon.clipper";
610          target: "elm.icon_new.clipper";
611          transition: LINEAR 0.2;
612          after: "icon_set,animation,done";
613       }
614       program { name: "icon_set,animation,done";
615          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
616       }
617       program { name: "icon,reset";
618          signal: "elm,state,icon,reset";
619          source: "elm";
620          script {
621             set_state(PART:"elm.icon_new.clipper", "default", 0.0);
622             if (get_int(item_state) != ITEM_STATE_DISABLED)
623               set_state(PART:"elm.icon.clipper", "default", 0.0);
624             else
625               set_state(PART:"elm.icon.clipper", "disabled", 0.0);
626          }
627       }
628       program { name: "text_show";
629          signal: "elm,state,text,visible";
630          source: "elm";
631          script {
632             new st[31];
633             new Float:vl;
634             get_state(PART:"elm.swallow.icon", st, 30, vl);
635             if (!strcmp(st, "icononly"))
636               {
637                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
638                  set_state(PART:"icon_rect", "visible", 0.0);
639                  set_state(PART:"padding_after_icon", "visible", 0.0);
640               }
641             if (strcmp(st, "default"))
642               {
643                  set_state(PART:"elm.text", "visible", 0.0);
644               }
645             else
646               {
647                 if (get_int(items_number) <= 3)
648                   set_state(PART:"elm.text", "visible_32", 0.0);
649                 else if (get_int(items_number) >= 4)
650                   set_state(PART:"elm.text", "visible_30", 0.0);
651               }
652          }
653       }
654       program { name: "text_hide";
655          signal: "elm,state,text,hidden";
656          source: "elm";
657          script {
658             new st[31];
659             new Float:vl;
660             get_state(PART:"elm.swallow.icon", st, 30, vl);
661             if (!strcmp(st, "visible"))
662               {
663                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
664                  set_state(PART:"icon_rect", "icononly", 0.0);
665                  set_state(PART:"padding_after_icon", "icononly", 0.0);
666               }
667             set_state(PART:"elm.text", "default", 0.0);
668          }
669       }
670       program { name: "icon_show";
671          signal: "elm,state,icon,visible";
672          source: "elm";
673          script {
674             new st[31];
675             new Float:vl;
676             get_state(PART:"elm.text", st, 30, vl);
677             if (!strncmp(st, "visible", 7))
678               {
679                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
680                  set_state(PART:"icon_rect", "visible", 0.0);
681                  set_state(PART:"padding_after_icon", "visible", 0.0);
682                  set_state(PART:"elm.text", "visible", 0.0);
683               }
684             else
685               {
686                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
687                  set_state(PART:"icon_rect", "icononly", 0.0);
688                  set_state(PART:"padding_after_icon", "icononly", 0.0);
689               }
690          }
691       }
692       program { name: "icon_hide";
693          signal: "elm,state,icon,hidden";
694          source: "elm";
695          script {
696             new st[31];
697             new Float:vl;
698             get_state(PART:"elm.text", st, 30, vl);
699             if (!strncmp(st, "visible", 7))
700               {
701                 if (get_int(items_number) <= 3)
702                   set_state(PART:"elm.text", "visible_32", 0.0);
703                 else if (get_int(items_number) >= 4)
704                   set_state(PART:"elm.text", "visible_30", 0.0);
705               }
706             set_state(PART:"elm.swallow.icon", "default", 0.0);
707             set_state(PART:"icon_rect", "default", 0.0);
708             set_state(PART:"padding_after_icon", "default", 0.0);
709          }
710       }
711       program { name: "text_only_item_1";
712          signal: "elm,number,item,1";
713          source: "elm";
714          script {
715             set_int(items_number, 1);
716          }
717          after: "text_only_item_under_3";
718       }
719       program { name: "text_only_item_2";
720          signal: "elm,number,item,2";
721          source: "elm";
722          script {
723             set_int(items_number, 2);
724          }
725          after: "text_only_item_under_3";
726       }
727       program { name: "text_only_item_3";
728          signal: "elm,number,item,3";
729          source: "elm";
730          script {
731             set_int(items_number, 3);
732          }
733          after: "text_only_item_under_3";
734       }
735       program { name: "text_only_item_under_3";
736          script {
737             new st[31];
738             new Float:vl;
739             get_state(PART:"elm.swallow.icon", st, 30, vl);
740             if (strcmp(st, "visible"))
741               {
742                 get_state(PART:"elm.text", st, 30, vl);
743                 if (!strncmp(st, "visible", 7))
744                   {
745                       set_state(PART:"elm.text", "visible_32", 0.0);
746                   }
747               }
748          }
749       }
750       program { name: "text_only_item_4";
751          signal: "elm,number,item,4";
752          source: "elm";
753          script {
754             set_int(items_number, 4);
755          }
756          after: "text_only_item_upper_4";
757       }
758       program { name: "text_only_item_5";
759          signal: "elm,number,item,5";
760          source: "elm";
761          script {
762             set_int(items_number, 5);
763          }
764          after: "text_only_item_upper_4";
765       }
766       program { name: "text_only_item_6";
767          signal: "elm,number,item,6";
768          source: "elm";
769          script {
770             set_int(items_number, 6);
771          }
772          after: "text_only_item_upper_4";
773       }
774       program { name: "text_only_item_7";
775          signal: "elm,number,item,7";
776          source: "elm";
777          script {
778             set_int(items_number, 7);
779          }
780          after: "text_only_item_upper_4";
781       }
782       program { name: "text_only_item_8";
783          signal: "elm,number,item,8";
784          source: "elm";
785          script {
786             set_int(items_number, 8);
787          }
788          after: "text_only_item_upper_4";
789       }
790       program { name: "text_only_item_9";
791          signal: "elm,number,item,9";
792          source: "elm";
793          script {
794             set_int(items_number, 9);
795          }
796          after: "text_only_item_upper_4";
797       }
798       program { name: "text_only_item_10";
799          signal: "elm,number,item,10";
800          source: "elm";
801          script {
802             set_int(items_number, 10);
803          }
804          after: "text_only_item_upper_4";
805       }
806       program { name: "text_only_item_upper_4";
807          signal: "elm,number,item,4";
808          source: "elm";
809          script {
810             new st[31];
811             new Float:vl;
812             get_state(PART:"elm.swallow.icon", st, 30, vl);
813             if (strcmp(st, "visible"))
814               {
815                 get_state(PART:"elm.text", st, 30, vl);
816                 if (!strncmp(st, "visible", 7))
817                   {
818                       set_state(PART:"elm.text", "visible_30", 0.0);
819                   }
820               }
821          }
822       }
823    }
824 }
825
826 group { name: "elm/toolbar/item/item_horizontal";
827    inherit: "elm/toolbar/item/default";
828    parts {
829       part { name: "icon_rect";
830          description { state: "default" 0.0;
831             fixed: 1 0;
832             align: 0.0 0.5;
833          }
834          description { state: "visible" 0.0;
835             fixed: 1 0;
836             rel2 {
837                relative: 1.0 0.0;
838                to_x: "padding_left_top";
839                to_y: "padding_right_bottom";
840             }
841             align: 0.0 0.5;
842          }
843       }
844       part { name: "padding_after_icon";
845          description { state: "default" 0.0; //when only icon or no icon is there
846             rel1.relative: 1.0 0.0;
847             fixed: 1 1;
848          }
849          description { state: "visible" 0.0;
850             inherit: "default" 0.0;
851             min: 6 0;
852          }
853       }
854       part { name: "padding_before_text";
855          description { state: "default" 0.0; //when only icon or no icon is there
856             align: 1.0 0.5;
857             rel1 {
858                relative: 0.0 1.0;
859                to_x: "elm.text";
860                to_y: "padding_left_top";
861             }
862             rel2 {
863                to_x: "elm.text";
864                to_y: "padding_right_bottom";
865             }
866             fixed: 1 0;
867             min: 6 0;
868          }
869       }
870       part { name: "elm.swallow.icon";
871          description { state: "default" 0.0;
872             align: 0.0 0.5;
873             rel2 {
874                relative: 1.0 0.0;
875                to_x: "padding_left_top";
876                to_y: "padding_right_bottom";
877             }
878             fixed: 1 0;
879          }
880          description { state: "visible" 0.0;
881             fixed: 1 0;
882             align: 1.0 0.5;
883             rel1 {
884                relative: 0.0 1.0;
885                to_x: "padding_before_text";
886                to_y: "padding_left_top";
887             }
888             rel2 {
889                relative: 0.0 0.0;
890                to_x: "padding_before_text";
891                to_y: "padding_right_bottom";
892             }
893             aspect_preference: VERTICAL;
894          }
895          description { state: "icononly" 0.0;
896             aspect_preference: VERTICAL;
897          }
898       }
899       part { name: "elm.swallow.icon_new";
900          description { state: "default" 0.0;
901             align: 0.0 0.5;
902             rel2 {
903                relative: 1.0 0.0;
904                to_x: "padding_left_top";
905                to_y: "padding_right_bottom";
906             }
907             fixed: 1 0;
908          }
909          description { state: "visible" 0.0;
910             fixed: 1 0;
911             align: 1.0 0.5;
912             rel1 {
913                relative: 0.0 1.0;
914                to_x: "padding_before_text";
915                to_y: "padding_left_top";
916             }
917             rel2 {
918                relative: 0.0 0.0;
919                to_x: "padding_before_text";
920                to_y: "padding_right_bottom";
921             }
922             aspect_preference: VERTICAL;
923          }
924          description { state: "icononly" 0.0;
925             aspect_preference: VERTICAL;
926          }
927       }
928       part { name: "elm.text";
929          type: TEXTBLOCK;
930          description { state: "default" 0.0;
931             rel1 {
932                relative: 1.0 1.0;
933                to_x: "padding_after_icon";
934                to_y: "padding_left_top";
935             }
936             text {
937                min: 1 0;
938             }
939          }
940          description { state: "visible" 0.0;
941             inherit: "default" 0.0;
942             visible: 1;
943          }
944          description { state: "visible_30" 0.0;
945             inherit: "default" 0.0;
946             text.style: "toolbar_text_style_30";
947             visible: 1;
948          }
949          description { state: "visible_32" 0.0;
950             inherit: "default" 0.0;
951             text.style: "toolbar_text_style_32";
952             visible: 1;
953          }
954          description { state: "visible_36" 0.0;
955             inherit: "default" 0.0;
956             text.style: "toolbar_text_style_36";
957             visible: 1;
958          }
959       }
960       part { name: "elm.text_new";
961          type: TEXTBLOCK;
962          description { state: "default" 0.0;
963             rel1 {
964                relative: 1.0 1.0;
965                to_x: "padding_after_icon";
966                to_y: "padding_left_top";
967             }
968             text {
969                min: 1 0;
970             }
971          }
972          description { state: "visible" 0.0;
973             inherit: "default" 0.0;
974             visible: 1;
975          }
976          description { state: "visible_30" 0.0;
977             inherit: "default" 0.0;
978             text.style: "toolbar_text_style_30";
979             visible: 1;
980          }
981          description { state: "visible_32" 0.0;
982             inherit: "default" 0.0;
983             text.style: "toolbar_text_style_32";
984             visible: 1;
985          }
986          description { state: "visible_36" 0.0;
987             inherit: "default" 0.0;
988             text.style: "toolbar_text_style_36";
989             visible: 1;
990          }
991       }
992    }
993 }
994
995 group { name: "elm/toolbar/separator/default";
996    images {
997       image: "00_winset_divider_line.png" COMP;
998    }
999    parts {
1000       part { name: "base";
1001          type: IMAGE;
1002          scale: 1;
1003          description { state: "default" 0.0;
1004             min: 4 48;
1005             max: 4 9999;
1006             fixed: 1 1;
1007             rel1.relative: 0.0 0.5;
1008             rel2.relative: 0.0 0.5;
1009             image {
1010                 normal: "00_winset_divider_line.png";
1011                 border: 0 0 2 2;
1012             }
1013          }
1014       }
1015    }
1016 }
1017
1018 group { name: "elm/toolbar/object/default";
1019    parts {
1020       part { name: "elm.swallow.object"; // object group
1021          type: SWALLOW;
1022          description {
1023              state: "default" 0.0;
1024          }
1025       }
1026    }
1027 }
1028
1029 group { name: "elm/toolbar/base/tabbar";
1030    parts {
1031       part { name: "base";
1032          type: RECT;
1033          scale: 1;
1034          description { state: "default" 0.0;
1035             color: 248 246 239 255;
1036          }
1037       }
1038       part { name: "left_padding";
1039          type: RECT;
1040          mouse_events: 0;
1041          scale: 1;
1042          description {
1043             state: "default" 0.0;
1044             min: 16 0;
1045             fixed: 1 1;
1046             visible: 0;
1047             align: 0.0 0.5;
1048             rel1.to: "base";
1049             rel2.to: "base";
1050             rel1.relative: 0.0 0.0;
1051             rel2.relative: 0.0 1.0;
1052          }
1053       }
1054       part { name: "right_padding";
1055          type: RECT;
1056          mouse_events: 0;
1057          scale: 1;
1058          description {
1059             state: "default" 0.0;
1060             min: 16 0;
1061             fixed: 1 1;
1062             visible: 0;
1063             align: 1.0 0.5;
1064             rel1.to: "base";
1065             rel2.to: "base";
1066             rel1.relative: 1.0 0.0;
1067             rel2.relative: 1.0 1.0;
1068          }
1069       }
1070       part { name: "clipper";
1071          type: RECT;
1072          mouse_events: 0;
1073          scale: 1;
1074          description {
1075             state: "default" 0.0;
1076             rel1.to: "left_padding";
1077             rel1.relative: 1.0 0.0;
1078             rel2.to: "right_padding";
1079             rel2.relative: 0.0 1.0;
1080          }
1081       }
1082       part { name: "elm.swallow.content";
1083          clip_to: "clipper";
1084          type: SWALLOW;
1085          scale: 1;
1086          description {
1087             state: "default" 0.0;
1088             rel1.to: "clipper";
1089             rel2.to: "clipper";
1090          }
1091       }
1092       part { name: "event";
1093          type: RECT;
1094          mouse_events: 1;
1095          repeat_events: 1;
1096          scale: 1;
1097          description { state: "default" 0.0;
1098             color: 0 0 0 0;
1099          }
1100       }
1101    }
1102 }
1103
1104 group { name: "elm/toolbar/more/tabbar";
1105    images {
1106       image: "00_winset_control_tab_h_line_h.png" COMP;
1107    }
1108    parts {
1109       part { name: "base";
1110          type: RECT;
1111          mouse_events: 1;
1112          description { state: "default" 0.0;
1113             rel1.relative: 0.0 0.0;
1114             rel2.relative: 1.0 0.0;
1115             color: 248 246 239 255;
1116          }
1117          description { state: "open" 0.0;
1118             inherit: "default" 0.0;
1119             rel2.relative: 1.0 1.0;
1120          }
1121          description { state: "open2" 0.0;
1122             inherit: "default" 0.0;
1123             rel2.relative: 1.0 2.0;
1124          }
1125       }
1126       part { name: "clipper";
1127          type: RECT;
1128          mouse_events: 0;
1129          description {
1130             state: "default" 0.0;
1131             fixed: 1 1;
1132             rel1 {
1133                to: "base";
1134             }
1135             rel2 {
1136                to: "base";
1137             }
1138          }
1139          description { state: "open" 0.0;
1140             inherit: "default" 0.0;
1141             rel2.relative: 1.0 1.0;
1142          }
1143          description { state: "open2" 0.0;
1144             inherit: "default" 0.0;
1145             rel2.relative: 1.0 0.5;
1146          }
1147       }
1148       part { name: "clipper2";
1149          type: RECT;
1150          mouse_events: 0;
1151          description {
1152             state: "default" 0.0;
1153             fixed: 1 1;
1154             rel1 {
1155                relative: 0.0 0.5;
1156                to: "base";
1157             }
1158             rel2 {
1159                to: "base";
1160             }
1161          }
1162          description { state: "open" 0.0;
1163             inherit: "default" 0.0;
1164             rel1.relative: 0.0 1.0;
1165          }
1166          description { state: "open2" 0.0;
1167             inherit: "default" 0.0;
1168             rel1.relative: 0.0 0.5;
1169          }
1170       }
1171       part { name: "elm.swallow.content";
1172          clip_to: "clipper";
1173          type: SWALLOW;
1174          description {
1175             state: "default" 0.0;
1176             fixed: 1 1;
1177             rel1.to: "clipper";
1178             rel2.to: "clipper";
1179          }
1180       }
1181       part { name: "elm.swallow.content2";
1182          clip_to: "clipper2";
1183          type: SWALLOW;
1184          description {
1185             state: "default" 0.0;
1186             fixed: 1 1;
1187             rel1.to: "clipper2";
1188             rel2.to: "clipper2";
1189          }
1190       }
1191       part { name: "separator";
1192          clip_to: "clipper";
1193          description { state: "default" 0.0;
1194             min: 2 3;
1195             max: 9999 3;
1196             fixed: 1 1;
1197             rel1 {
1198                 relative: 0.0 0.0;
1199                 offset: 0 0;
1200                 to: "clipper";
1201             }
1202             rel2 {
1203                 relative: 1.0 0.0;
1204                 offset: -1 3;
1205                 to: "clipper";
1206             }
1207             image {
1208                normal: "00_winset_control_tab_h_line_h.png";
1209                border: 1 1 1 1;
1210             }
1211             fill {
1212                smooth: 0;
1213             }
1214          }
1215       }
1216       part { name: "separator2";
1217          clip_to: "clipper2";
1218          description { state: "default" 0.0;
1219             min: 2 3;
1220             max: 9999 3;
1221             fixed: 1 1;
1222             rel1 {
1223                 relative: 0.0 0.0;
1224                 offset: 0 0;
1225                 to: "clipper2";
1226             }
1227             rel2 {
1228                 relative: 1.0 0.0;
1229                 offset: -1 3;
1230                 to: "clipper2";
1231             }
1232             image {
1233                normal: "00_winset_control_tab_h_line_h.png";
1234                border: 1 1 1 1;
1235             }
1236             fill {
1237                smooth: 0;
1238             }
1239          }
1240       }
1241    }
1242    programs {
1243       program { name: "open";
1244          signal:  "elm,state,open";
1245          source:  "elm";
1246          action:  STATE_SET "open" 0.0;
1247          target:  "base";
1248          target:  "clipper";
1249          target:  "clipper2";
1250          transition: LINEAR 0.2;
1251       }
1252       program { name: "open2";
1253          signal:  "elm,state,open2";
1254          source:  "elm";
1255          action:  STATE_SET "open2" 0.0;
1256          target:  "base";
1257          target:  "clipper";
1258          target:  "clipper2";
1259          transition: LINEAR 0.2;
1260       }
1261       program { name: "close";
1262          signal:  "elm,state,close";
1263          source:  "elm";
1264          action:  STATE_SET "default" 0.0;
1265          target:  "base";
1266          transition: LINEAR 0.2;
1267       }
1268    }
1269 }
1270
1271 group { name: "elm/toolbar/item/tabbar";
1272    images {
1273       image: "00_tab_press.png" COMP;
1274       image: "00_divider_line.png" COMP;
1275       image: "00_badge_bg.png" COMP;
1276    }
1277
1278    data.item: "transition_animation_on" "1";
1279    script {
1280       public item_state = ITEM_STATE_ENABLED;
1281       public items_number = 0;
1282    }
1283    parts {
1284       part { name: "bg";
1285          type: RECT;
1286          scale: 1;
1287          mouse_events: 0;
1288          description { state: "default" 0.0;
1289             min: 172 0;
1290             color: 248 246 239 255;
1291          }
1292          description { state: "icon_text" 0.0;
1293             inherit: "default" 0.0;
1294             min: 229 0;
1295          }
1296          description { state: "moving" 0.0;
1297             inherit: "default" 0.0;
1298             visible: 0;
1299          }
1300       }
1301       part { name: "bg_cover";
1302          type: IMAGE;
1303          scale: 1;
1304          mouse_events: 0;
1305          description { state: "default" 0.0;
1306             visible: 0;
1307             image.normal: "00_tab_press.png";
1308          }
1309          description { state: "pressed" 0.0;
1310             inherit: "default" 0.0;
1311             visible: 1;
1312          }
1313          description { state: "moving" 0.0;
1314             inherit: "default" 0.0;
1315             visible: 1;
1316          }
1317       }
1318       part { name: "padding_left_top";
1319          type: RECT;
1320          scale: 1;
1321          mouse_events: 0;
1322          description { state: "default" 0.0;
1323             align: 0.0 0.0;
1324             rel2.relative: 0.0 0.0;
1325             min: 6 0;
1326             fixed: 1 1;
1327             visible: 0;
1328             color: 0 0 0 0;
1329          }
1330       }
1331       part { name: "padding_right_bottom";
1332          type: RECT;
1333          scale: 1;
1334          mouse_events: 0;
1335          description { state: "default" 0.0;
1336             align: 1.0 1.0;
1337             rel1.relative: 1.0 1.0;
1338             min: 6 0;
1339             fixed: 1 1;
1340             visible: 0;
1341             color: 0 0 0 0;
1342          }
1343       }
1344       part {
1345          name: "icon_rect";
1346          type: RECT;
1347          scale: 1;
1348          mouse_events: 0;
1349          description { state: "default" 0.0;
1350             min: 0 0;
1351             fixed: 1 0;
1352             rel1 {
1353                relative: 1.0 1.0;
1354                to: "padding_left_top";
1355             }
1356             rel2 {
1357                relative: 1.0 0.0;
1358                to_x: "padding_left_top";
1359                to_y: "padding_right_bottom";
1360             }
1361             align: 0.0 0.5;
1362             color: 0 0 0 0;
1363          }
1364          description { state: "visible" 0.0;
1365             inherit: "default" 0.0;
1366             min: TABBAR_ITEM_SMALL_ICON_SIZE_INC;
1367          }
1368          description { state: "icononly" 0.0;
1369             inherit: "default" 0.0;
1370          }
1371       }
1372       part { name: "padding_after_icon";
1373          type: RECT;
1374          scale: 1;
1375          mouse_events: 0;
1376          description { state: "default" 0.0; //when only icon or no icon is there
1377             align: 0.0 0.0;
1378             rel1 {
1379                relative: 1.0 0.0;
1380                to: "icon_rect";
1381             }
1382             rel2.to: "icon_rect";
1383             fixed: 1 0;
1384             min: 0 0;
1385             color: 0 0 0 0;
1386          }
1387          description { state: "visible" 0.0;
1388             inherit: "default" 0.0;
1389             min: 1 0;
1390          }
1391          description { state: "icononly" 0.0;
1392             inherit: "default" 0.0;
1393          }
1394       }
1395       part { name: "padding_before_text";
1396          type: RECT;
1397          scale: 1;
1398          mouse_events: 0;
1399          description { state: "default" 0.0; //when only icon or no icon is there
1400             align: 1.0 0.5;
1401             rel1 {
1402                relative: 0.0 1.0;
1403                to_x: "elm.text";
1404                to_y: "padding_left_top";
1405             }
1406             rel2 {
1407                relative: 0.0 0.0;
1408                to_x: "elm.text";
1409                to_y: "padding_right_bottom";
1410             }
1411             fixed: 1 0;
1412             min: 8 0;
1413             color: 0 0 0 0;
1414          }
1415       }
1416       part { name: "elm.swallow.icon";
1417          type: SWALLOW;
1418          scale: 1;
1419          clip_to: "elm.icon.clipper";
1420          description { state: "default" 0.0;
1421             visible: 0;
1422             min: TABBAR_ITEM_ICON_SIZE_INC;
1423             max: TABBAR_ITEM_ICON_SIZE_INC;
1424             rel1.to: "padding_left_top";
1425             rel2.to: "padding_right_bottom";
1426             aspect: 1.0 1.0;
1427             aspect_preference: HORIZONTAL;
1428          }
1429          description { state: "visible" 0.0;
1430             fixed: 1 0;
1431             min: TABBAR_ITEM_SMALL_ICON_SIZE_INC;
1432             max: TABBAR_ITEM_SMALL_ICON_SIZE_INC;
1433             align: 1.0 0.5;
1434             rel1 {
1435                relative: 0.0 1.0;
1436                to_x: "padding_before_text";
1437                to_y: "padding_left_top";
1438             }
1439             rel2 {
1440                relative: 0.0 0.0;
1441                to_x: "padding_before_text";
1442                to_y: "padding_right_bottom";
1443             }
1444             aspect: 1.0 1.0;
1445             aspect_preference: HORIZONTAL;
1446          }
1447          description { state: "icononly" 0.0;
1448             inherit: "default" 0.0;
1449             visible: 1;
1450          }
1451       }
1452       part { name: "elm.swallow.icon_new";
1453          type: SWALLOW;
1454          scale: 1;
1455          clip_to: "elm.icon_new.clipper";
1456          description { state: "default" 0.0;
1457             visible: 0;
1458             min: TABBAR_ITEM_ICON_SIZE_INC;
1459             max: TABBAR_ITEM_ICON_SIZE_INC;
1460             rel1.to: "padding_left_top";
1461             rel2.to: "padding_right_bottom";
1462             aspect: 1.0 1.0;
1463             aspect_preference: HORIZONTAL;
1464          }
1465          description { state: "visible" 0.0;
1466             fixed: 0 1;
1467             min: TABBAR_ITEM_SMALL_ICON_SIZE_INC;
1468             max: TABBAR_ITEM_SMALL_ICON_SIZE_INC;
1469             rel1 {
1470                relative: 0.0 1.0;
1471                to_x: "padding_before_text";
1472                to_y: "padding_left_top";
1473             }
1474             rel2 {
1475                relative: 0.0 0.0;
1476                to_x: "padding_before_text";
1477                to_y: "padding_right_bottom";
1478             }
1479             aspect: 1.0 1.0;
1480             aspect_preference: HORIZONTAL;
1481          }
1482          description { state: "icononly" 0.0;
1483             inherit: "default" 0.0;
1484             visible: 1;
1485          }
1486       }
1487       part { name: "elm.swallow.icon_new.proxy";
1488          type: PROXY;
1489          scale: 1;
1490          clip_to: "elm.icon_new.proxy.clipper";
1491          description { state: "default" 0.0;
1492              source: "elm.swallow.icon_new";
1493              rel1.to: "elm.swallow.icon_new";
1494              rel1.offset: 0 -3;
1495              rel2.to: "elm.swallow.icon_new";
1496              rel2.offset: -1 -4;
1497          }
1498       }
1499       part { name: "elm.swallow.icon.proxy";
1500          type: PROXY;
1501          scale: 1;
1502          clip_to: "elm.icon.proxy.clipper";
1503          description { state: "default" 0.0;
1504              source: "elm.swallow.icon";
1505              rel1.to: "elm.swallow.icon";
1506              rel1.offset: 0 -3;
1507              rel2.to: "elm.swallow.icon";
1508              rel2.offset: -1 -4;
1509          }
1510       }
1511       part { name: "elm.text";
1512          type: TEXTBLOCK;
1513          mouse_events: 0;
1514          scale: 1;
1515          clip_to: "elm.text.clipper";
1516          description { state: "default" 0.0;
1517             visible: 1;
1518             rel1 {
1519                relative: 1.0 1.0;
1520                to_x: "padding_after_icon";
1521                to_y: "padding_left_top";
1522             }
1523             rel2 {
1524                relative: 0.0 0.0;
1525                to: "padding_right_bottom";
1526             }
1527             fixed: 1 1;
1528             max: 0 78;
1529             text {
1530                style: "toolbar_text_style_30";
1531                min: 0 0;
1532                max: 1 0;
1533             }
1534          }
1535          description { state: "visible" 0.0;
1536             inherit: "default" 0.0;
1537             visible: 1;
1538          }
1539          description { state: "visible" 0.24;
1540             inherit: "visible" 0.0;
1541             max: 0 62;
1542             text.style: "toolbar_text_style_24";
1543          }
1544          description { state: "visible" 0.28;
1545             inherit: "visible" 0.0;
1546             max: 0 72;
1547             text.style: "toolbar_text_style_28";
1548          }
1549          description { state: "visible" 0.30;
1550             inherit: "visible" 0.0;
1551             max: 0 78;
1552             text.style: "toolbar_text_style_30";
1553          }
1554          description { state: "selected" 0.0;
1555             inherit: "visible" 0.0;
1556             text.style: "toolbar_selected_text_style_30";
1557          }
1558          description { state: "selected" 0.24;
1559             inherit: "visible" 0.24;
1560             text.style: "toolbar_selected_text_style_24";
1561          }
1562          description { state: "selected" 0.28;
1563             inherit: "visible" 0.28;
1564             text.style: "toolbar_selected_text_style_28";
1565          }
1566          description { state: "selected" 0.30;
1567             inherit: "visible" 0.30;
1568             text.style: "toolbar_selected_text_style_30";
1569          }
1570       }
1571       part { name: "elm.text_new";
1572          type: TEXTBLOCK;
1573          mouse_events: 0;
1574          scale: 1;
1575          clip_to: "elm.text_new.clipper";
1576          description { state: "default" 0.0;
1577             visible: 0;
1578             rel1 {
1579                relative: 1.0 1.0;
1580                to_x: "padding_after_icon";
1581                to_y: "padding_left_top";
1582             }
1583             rel2 {
1584                relative: 0.0 0.0;
1585                to: "padding_right_bottom";
1586             }
1587             min: 0 36;
1588             max: 9999 36;
1589             fixed: 1 1;
1590             text {
1591                style: "toolbar_text_style_30";
1592                min: 0 0;
1593                max: 0 1;
1594             }
1595          }
1596          description { state: "visible" 0.0;
1597             inherit: "default" 0.0;
1598             visible: 1;
1599          }
1600          description { state: "visible" 0.24;
1601             inherit: "visible" 0.0;
1602             max: 0 62;
1603             text.style: "toolbar_text_style_24";
1604          }
1605          description { state: "visible" 0.28;
1606             inherit: "visible" 0.0;
1607             max: 0 72;
1608             text.style: "toolbar_text_style_28";
1609          }
1610          description { state: "visible" 0.30;
1611             inherit: "visible" 0.0;
1612             max: 0 78;
1613             text.style: "toolbar_text_style_30";
1614          }
1615          description { state: "selected" 0.0;
1616             inherit: "visible" 0.0;
1617             text.style: "toolbar_selected_text_style_30";
1618          }
1619          description { state: "selected" 0.24;
1620             inherit: "visible" 0.24;
1621             text.style: "toolbar_selected_text_style_24";
1622          }
1623          description { state: "selected" 0.28;
1624             inherit: "visible" 0.28;
1625             text.style: "toolbar_selected_text_style_28";
1626          }
1627          description { state: "selected" 0.30;
1628             inherit: "visible" 0.30;
1629             text.style: "toolbar_selected_text_style_30";
1630          }
1631       }
1632       part { name: "padding.selected_line";
1633          type: RECT;
1634          scale: 1;
1635          mouse_events: 0;
1636          description { state: "default" 0.0;
1637             rel1 {
1638                 relative: 0.0 0.5;
1639                 offset: 16 0;
1640             }
1641             rel2 {
1642                 relative: 1.0 0.5;
1643                 offset: -17 -1;
1644             }
1645             min: 0 64;
1646             fixed: 0 1;
1647             visible: 0;
1648          }
1649       }
1650       part { name: "selected_line";
1651          type: RECT;
1652          scale: 1;
1653          mouse_events: 0;
1654          description { state: "default" 0.0;
1655             rel1 {
1656                 to: "padding.selected_line";
1657                 relative: 0.0 1.0;
1658             }
1659             rel2 {
1660                 to: "padding.selected_line";
1661                 relative: 1.0 1.0;
1662             }
1663             align: 0.5 0.0;
1664             color: 59 115 182 255;
1665             min: 0 3;
1666             fixed: 0 1;
1667             visible: 0;
1668          }
1669          description { state: "selected" 0.0;
1670             inherit: "default" 0.0;
1671             visible: 1;
1672          }
1673       }
1674       part { name: "padding.badge";
1675          type: RECT;
1676          scale: 1;
1677          mouse_events: 0;
1678          description { state: "default" 0.0;
1679             align: 1.0 0.5;
1680             rel1 {
1681                 relative: 1.0 0.0;
1682             }
1683             rel2 {
1684                 relative: 1.0 0.5;
1685             }
1686             min: 10 0;
1687             fixed: 1 0;
1688             visible: 0;
1689          }
1690          description { state: "default" 0.10;
1691             inherit: "default" 0.0;
1692             min: 10 0;
1693          }
1694          description { state: "default" 0.06;
1695             inherit: "default" 0.0;
1696             min: 6 0;
1697          }
1698          description { state: "default" 0.04;
1699             inherit: "default" 0.0;
1700             min: 4 0;
1701          }
1702       }
1703       part { name: "elm.image.badge";
1704          mouse_events: 0;
1705          scale: 1;
1706          description { state: "default" 0.0;
1707             visible: 0;
1708             min: 54 48;
1709             fixed: 1 1;
1710             rel1 {
1711                to: "left.padding.text";
1712                relative: 0.0 0.0;
1713             }
1714             rel2 {
1715                to: "right.padding.text";
1716                relative: 1.0 1.0;
1717             }
1718             image {
1719                normal: "00_badge_bg.png";
1720                border: 29 24 0 0;
1721                border_scale: 1;
1722             }
1723          }
1724          description { state: "visible" 0.0;
1725             inherit: "default" 0.0;
1726             visible: 1;
1727          }
1728       }
1729       part { name: "left.padding.text";
1730          type: RECT;
1731          scale: 1;
1732          description {
1733             state: "default" 0.0;
1734             visible: 0;
1735             fixed: 1 1;
1736             min: 13 47;
1737             rel1 {
1738                to: "elm.text.badge";
1739                relative: 0.0 1.0;
1740             }
1741             rel2 {
1742                to: "elm.text.badge";
1743                relative: 0.0 1.0;
1744             }
1745             align: 1.0 1.0;
1746          }
1747       }
1748       part { name: "right.padding.text";
1749          type: RECT;
1750          scale: 1;
1751          description {
1752             state: "default" 0.0;
1753             visible: 0;
1754             fixed: 1 1;
1755             min: 8 48;
1756             rel1 {
1757                to: "padding.badge";
1758                relative: 0.0 1.0;
1759             }
1760             rel2 {
1761                to: "padding.badge";
1762                relative: 0.0 1.0;
1763             }
1764             align: 1.0 1.0;
1765          }
1766       }
1767       part { name: "elm.text.badge";
1768          type: TEXT;
1769          mouse_events: 0;
1770          scale: 1;
1771          description {
1772             state: "default" 0.0;
1773             visible: 0;
1774             rel1 {
1775                to: "right.padding.text";
1776                relative: 0.0 0.0;
1777             }
1778             rel2 {
1779                to: "right.padding.text";
1780                relative: 0.0 1.0;
1781             }
1782             min: 25 0;
1783             fixed: 1 0;
1784             align: 1.0 0.5;
1785             color: 10 100 208 255;
1786             text {
1787                font: "Tizen:style=Bold";
1788                size: 26;
1789                min: 1 1;
1790             }
1791          }
1792          description { state: "visible" 0.0;
1793             inherit: "default" 0.0;
1794             visible: 1;
1795          }
1796       }
1797       part { name: "elm.text.clipper";
1798          type: RECT;
1799          description { state: "default" 0.0;
1800             color: 255 255 255 255;
1801          }
1802          description { state: "animation" 0.0;
1803             color: 255 255 255 0;
1804          }
1805          description { state: "disabled" 0.0;
1806             color: 255 255 255 153;
1807          }
1808       }
1809       part { name: "elm.text_new.clipper";
1810          type: RECT;
1811          description { state: "default" 0.0;
1812             color: 255 255 255 0;
1813          }
1814          description { state: "animation" 0.0;
1815             color: 255 255 255 255;
1816          }
1817          description { state: "disabled" 0.0;
1818             color: 255 255 255 153;
1819          }
1820       }
1821       part { name: "elm.icon.clipper";
1822          type: RECT;
1823          description { state: "default" 0.0;
1824             color: 255 255 255  255;
1825          }
1826          description { state: "animation" 0.0;
1827             color: 255 255 255 0;
1828          }
1829          description { state: "selected" 0.0;
1830             color: 255 255 255 255;
1831          }
1832          description { state: "disabled" 0.0;
1833             color: 255 255 255 153;
1834          }
1835       }
1836       part { name: "elm.icon_new.clipper";
1837          type: RECT;
1838          description { state: "default" 0.0;
1839             color: 255 255 255 0;
1840          }
1841          description { state: "animation" 0.0;
1842             color: 255 255 255 255;
1843          }
1844          description { state: "selected" 0.0;
1845             color: 255 255 255 255;
1846          }
1847          description { state: "disabled" 0.0;
1848             color: 255 255 255 153;
1849          }
1850       }
1851       part { name: "elm.icon.proxy.clipper";
1852          type: RECT;
1853          description { state: "default" 0.0;
1854             color: 153 153 153 255;
1855          }
1856          description { state: "animation" 0.0;
1857             color: 255 255 255 0;
1858          }
1859          description { state: "selected" 0.0;
1860             color: 61 114 180 255;
1861          }
1862          description { state: "disabled" 0.0;
1863             color: 255 255 255 153;
1864          }
1865       }
1866       part { name: "elm.icon_new.proxy.clipper";
1867          type: RECT;
1868          description { state: "default" 0.0;
1869             color: 255 255 255 0;
1870          }
1871          description { state: "animation" 0.0;
1872             color: 255 255 255 255;
1873          }
1874          description { state: "selected" 0.0;
1875             color: 61 114 180 255;
1876          }
1877          description { state: "disabled" 0.0;
1878             color: 255 255 255 153;
1879          }
1880       }
1881       part { name: "divider";
1882          type: IMAGE;
1883          scale: 1;
1884          description { state: "default" 0.0;
1885             min: 4 26;
1886             max: 4 9999;
1887             fixed: 1 1;
1888             rel1 {
1889                 relative: 1.0 0.5;
1890                 to_y: "elm.swallow.icon";
1891             }
1892             rel2 {
1893                 relative: 1.0 0.5;
1894                 to_y: "elm.swallow.icon";
1895             }
1896             image {
1897                 normal: "00_divider_line.png";
1898                 border: 0 0 2 2;
1899             }
1900          }
1901          description { state: "hidden" 0.0;
1902             inherit: "default" 0.0;
1903             visible: 0;
1904          }
1905       }
1906       part { name: "event";
1907          type: RECT;
1908          mouse_events: 1;
1909          description { state: "default" 0.0;
1910             color: 0 0 0 0;
1911          }
1912       }
1913    }
1914    programs {
1915       program { name: "go_active";
1916          signal:  "elm,state,selected";
1917          source:  "elm";
1918          action:  STATE_SET "selected" 0.0;
1919          target:  "elm.icon.clipper";
1920          target:  "elm.icon.proxy.clipper";
1921          target:  "selected_line";
1922          after: "selected_text";
1923       }
1924       program { name: "selected_text";
1925          script{
1926             new st[31];
1927             new Float:vl;
1928             get_state(PART:"elm.text", st, 30, vl);
1929             set_state(PART:"elm.text", "selected", vl);
1930          }
1931       }
1932       program { name: "go_passive";
1933          signal:  "elm,state,unselected";
1934          source:  "elm";
1935          action:  STATE_SET "default" 0.0;
1936          target:  "elm.icon.clipper";
1937          target:  "elm.icon.proxy.clipper";
1938          target:  "selected_line";
1939          after: "unselected_text";
1940       }
1941       program { name: "unselected_text";
1942          script{
1943             new st[31];
1944             new Float:vl;
1945             get_state(PART:"elm.text", st, 30, vl);
1946             set_state(PART:"elm.text", "visible", vl);
1947          }
1948       }
1949       program { name: "moving";
1950          signal:  "elm,state,moving";
1951          source:  "elm";
1952          action:  STATE_SET "moving" 0.0;
1953          target:  "bg";
1954          target:  "bg_cover";
1955       }
1956     program { name: "pressed";
1957          signal:  "mouse,down,1";
1958          source:  "event";
1959          action:  STATE_SET "pressed" 0.0;
1960          target:  "bg_cover";
1961       }
1962       program { name: "unpressed";
1963          signal:  "mouse,up,1";
1964          source:  "event";
1965          action:  STATE_SET "default" 0.0;
1966          target:  "bg_cover";
1967       }
1968       program { name: "go";
1969          signal:  "mouse,clicked,1";
1970          source:  "event";
1971          action:  SIGNAL_EMIT "elm,action,click" "elm";
1972       }
1973       program { name: "mouse,in";
1974          signal:  "mouse,in";
1975          source:  "event";
1976          action:  SIGNAL_EMIT "elm,mouse,in" "elm";
1977       }
1978       program { name: "mouse,out";
1979          signal:  "mouse,out";
1980          source:  "event";
1981          action:  SIGNAL_EMIT "elm,mouse,out" "elm";
1982       }
1983       program { name: "disable";
1984          signal: "elm,state,disabled";
1985          source: "elm";
1986          script {
1987             set_int(item_state, ITEM_STATE_DISABLED);
1988             set_state(PART:"bg", "disabled", 0.0);
1989             set_state(PART:"elm.text.clipper", "disabled", 0.0);
1990             set_state(PART:"elm.icon.clipper", "disabled", 0.0);
1991             set_state(PART:"elm.icon.proxy.clipper", "disabled", 0.0);
1992             run_program(PROGRAM:"label_set,animation,done");
1993             run_program(PROGRAM:"icon_set,animation,done");
1994          }
1995       }
1996       program { name: "enable";
1997          signal: "elm,state,enabled";
1998          source: "elm";
1999          script {
2000             set_int(item_state, ITEM_STATE_ENABLED);
2001             set_state(PART:"bg", "default", 0.0);
2002             set_state(PART:"elm.text.clipper", "default", 0.0);
2003             set_state(PART:"elm.icon.clipper", "default", 0.0);
2004             set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
2005             run_program(PROGRAM:"label_set,animation,done");
2006             run_program(PROGRAM:"icon_set,animation,done");
2007          }
2008       }
2009       program { name: "label_set,animation,forward";
2010          signal: "elm,state,label_set,forward";
2011          source: "elm";
2012          after: "label_set,sync";
2013       }
2014       program { name: "label_set,animation,backward";
2015          signal: "elm,state,label_set,backward";
2016          source: "elm";
2017          after: "label_set,sync";
2018       }
2019       program { name: "label_set,sync";
2020          signal: "elm,state,label_set";
2021          source: "elm";
2022          script {
2023             new st[31];
2024             new Float:vl;
2025             get_state(PART:"elm.text", st, 30, vl);
2026             set_state(PART:"elm.text_new", st, vl);
2027          }
2028          after: "label_set,animation";
2029       }
2030       program { name: "label_set,animation";
2031          action: STATE_SET "animation" 0.0;
2032          target: "elm.text.clipper";
2033          target: "elm.text_new.clipper";
2034          transition: LINEAR 0.2;
2035          after: "label_set,animation,done";
2036       }
2037       program { name: "label_set,animation,done";
2038          action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
2039       }
2040       program { name: "label,reset";
2041          signal: "elm,state,label,reset";
2042          source: "elm";
2043          script {
2044             set_state(PART:"elm.text_new.clipper", "default", 0.0);
2045             if (get_int(item_state) != ITEM_STATE_DISABLED)
2046               set_state(PART:"elm.text.clipper", "default", 0.0);
2047             else
2048               set_state(PART:"elm.text.clipper", "disabled", 0.0);
2049          }
2050       }
2051       program { name: "icon_set,animation,forward";
2052          signal: "elm,state,icon_set,forward";
2053          source: "elm";
2054          after: "icon_set,animation";
2055       }
2056       program { name: "icon_set,animation,backward";
2057          signal: "elm,state,icon_set,backward";
2058          source: "elm";
2059          after: "icon_set,animation";
2060       }
2061       program { name: "icon_set,animation";
2062          signal: "elm,state,icon_set";
2063          source: "elm";
2064          action: STATE_SET "animation" 0.0;
2065          target: "elm.icon.clipper";
2066          target: "elm.icon_new.clipper";
2067          target: "elm.icon.proxy.clipper";
2068          target: "elm.icon_new.proxy.clipper";
2069          transition: LINEAR 0.2;
2070          after: "icon_set,animation,done";
2071       }
2072       program { name: "icon_set,animation,done";
2073          action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
2074       }
2075       program { name: "icon,reset";
2076          signal: "elm,state,icon,reset";
2077          source: "elm";
2078          script {
2079             set_state(PART:"elm.icon_new.clipper", "default", 0.0);
2080             if (get_int(item_state) != ITEM_STATE_DISABLED)
2081               {
2082                  set_state(PART:"elm.icon.clipper", "default", 0.0);
2083                  set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
2084               }
2085             else
2086               {
2087                  set_state(PART:"elm.icon.clipper", "disabled", 0.0);
2088                  set_state(PART:"elm.icon.proxy.clipper", "disabled", 0.0);
2089               }
2090          }
2091       }
2092       program { name: "text_show";
2093          signal: "elm,state,text,visible";
2094          source: "elm";
2095          script {
2096             new st[31];
2097             new Float:vl;
2098             get_state(PART:"elm.swallow.icon", st, 30, vl);
2099             if (!strcmp(st, "icononly"))
2100               {
2101                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
2102                  set_state(PART:"icon_rect", "visible", 0.0);
2103                  set_state(PART:"padding_after_icon", "visible", 0.0);
2104                  set_state(PART:"bg", "icon_text", 0.0);
2105               }
2106             get_state(PART:"elm.text", st, 30, vl);
2107             if (!strcmp(st, "default"))
2108               {
2109                 if (get_int(items_number) <= 2)
2110                   set_state(PART:"elm.text", "visible", 0.30);
2111                 else if (get_int(items_number) == 3)
2112                   set_state(PART:"elm.text", "visible", 0.28);
2113                 else if (get_int(items_number) >= 4)
2114                   {
2115                     get_state(PART:"bg", st, 30, vl);
2116                     if (!strcmp(st, "icon_text"))
2117                       set_state(PART:"elm.text", "visible", 0.28);
2118                     else
2119                       set_state(PART:"elm.text", "visible", 0.24);
2120                   }
2121               }
2122          }
2123       }
2124       program { name: "text_hide";
2125          signal: "elm,state,text,hidden";
2126          source: "elm";
2127          script {
2128             new st[31];
2129             new Float:vl;
2130             get_state(PART:"elm.swallow.icon", st, 30, vl);
2131             if (!strcmp(st, "visible"))
2132               {
2133                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
2134                  set_state(PART:"icon_rect", "icononly", 0.0);
2135                  set_state(PART:"padding_after_icon", "icononly", 0.0);
2136               }
2137             set_state(PART:"elm.text", "default", 0.0);
2138             set_state(PART:"bg", "default", 0.0);
2139          }
2140       }
2141       program { name: "icon_show";
2142          signal: "elm,state,icon,visible";
2143          source: "elm";
2144          script {
2145             new st[31];
2146             new Float:vl;
2147             get_state(PART:"elm.text", st, 30, vl);
2148             if (!strncmp(st, "visible", 7))
2149               {
2150                  set_state(PART:"elm.swallow.icon", "visible", 0.0);
2151                  set_state(PART:"icon_rect", "visible", 0.0);
2152                  set_state(PART:"padding_after_icon", "visible", 0.0);
2153                  set_state(PART:"bg", "icon_text", 0.0);
2154               }
2155             else
2156               {
2157                  set_state(PART:"elm.swallow.icon", "icononly", 0.0);
2158                  set_state(PART:"icon_rect", "icononly", 0.0);
2159                  set_state(PART:"padding_after_icon", "icononly", 0.0);
2160               }
2161          }
2162       }
2163       program { name: "icon_hide";
2164          signal: "elm,state,icon,hidden";
2165          source: "elm";
2166          script {
2167             set_state(PART:"elm.swallow.icon", "default", 0.0);
2168             set_state(PART:"icon_rect", "default", 0.0);
2169             set_state(PART:"padding_after_icon", "default", 0.0);
2170             set_state(PART:"bg", "default", 0.0);
2171          }
2172       }
2173       program { name: "text_only_item_1";
2174          signal: "elm,number,item,1";
2175          source: "elm";
2176          script {
2177             set_int(items_number, 1);
2178          }
2179          after: "text_only_item_under_2";
2180       }
2181       program { name: "text_only_item_2";
2182          signal: "elm,number,item,2";
2183          source: "elm";
2184          script {
2185             set_int(items_number, 2);
2186          }
2187          after: "text_only_item_under_2";
2188       }
2189       program { name: "text_only_item_under_2";
2190          script {
2191             new st[31];
2192             new Float:vl;
2193             get_state(PART:"elm.text", st, 30, vl);
2194             if (!strncmp(st, "visible", 7))
2195               {
2196                   set_state(PART:"elm.text", st, 0.30);
2197               }
2198             set_state(PART:"padding.badge", "default", 0.10);
2199          }
2200       }
2201       program { name: "text_only_item_3";
2202          signal: "elm,number,item,3";
2203          source: "elm";
2204          script {
2205             new st[31];
2206             new Float:vl;
2207             set_int(items_number, 3);
2208             get_state(PART:"elm.text", st, 30, vl);
2209             if (!strncmp(st, "visible", 7))
2210               {
2211                   set_state(PART:"elm.text", st, 0.28);
2212               }
2213             set_state(PART:"padding.badge", "default", 0.06);
2214          }
2215       }
2216       program { name: "text_only_item_4";
2217          signal: "elm,number,item,4";
2218          source: "elm";
2219          script {
2220             set_int(items_number, 4);
2221          }
2222          after: "text_only_item_upper_4";
2223       }
2224       program { name: "text_only_item_5";
2225          signal: "elm,number,item,5";
2226          source: "elm";
2227          script {
2228             set_int(items_number, 5);
2229          }
2230          after: "text_only_item_upper_4";
2231       }
2232       program { name: "text_only_item_6";
2233          signal: "elm,number,item,6";
2234          source: "elm";
2235          script {
2236             set_int(items_number, 6);
2237          }
2238          after: "text_only_item_upper_4";
2239       }
2240       program { name: "text_only_item_7";
2241          signal: "elm,number,item,7";
2242          source: "elm";
2243          script {
2244             set_int(items_number, 7);
2245          }
2246          after: "text_only_item_upper_4";
2247       }
2248       program { name: "text_only_item_8";
2249          signal: "elm,number,item,8";
2250          source: "elm";
2251          script {
2252             set_int(items_number, 8);
2253          }
2254          after: "text_only_item_upper_4";
2255       }
2256       program { name: "text_only_item_9";
2257          signal: "elm,number,item,9";
2258          source: "elm";
2259          script {
2260             set_int(items_number, 9);
2261          }
2262          after: "text_only_item_upper_4";
2263       }
2264       program { name: "text_only_item_10";
2265          signal: "elm,number,item,10";
2266          source: "elm";
2267          script {
2268             set_int(items_number, 10);
2269          }
2270          after: "text_only_item_upper_4";
2271       }
2272       program { name: "text_only_item_upper_4";
2273          script {
2274             new st[31];
2275             new stb[31];
2276             new Float:vl;
2277             get_state(PART:"elm.text", st, 30, vl);
2278             if (!strcmp(st, "visible") || !strcmp(st, "selected"))
2279               {
2280                   get_state(PART:"bg", stb, 30, vl);
2281                   if (!strcmp(stb, "icon_text"))
2282                     set_state(PART:"elm.text", st, 0.28);
2283                   else
2284                     set_state(PART:"elm.text", st, 0.24);
2285               }
2286             get_state(PART:"bg", stb, 30, vl);
2287             if (!strcmp(stb, "icon_text"))
2288               set_state(PART:"padding.badge", "default", 0.06);
2289             else
2290               set_state(PART:"padding.badge", "default", 0.04);
2291          }
2292       }
2293       program { name: "badge_show";
2294          signal: "elm,state,elm.text.badge,visible";
2295          source: "elm";
2296          action: STATE_SET "visible" 0.0;
2297          target: "elm.text.badge";
2298          target: "elm.image.badge";
2299       }
2300       program { name: "badge_hide";
2301          signal: "elm,state,elm.text.badge,hidden";
2302          source: "elm";
2303          action:  STATE_SET "default" 0.0;
2304          target: "elm.text.badge";
2305          target: "elm.image.badge";
2306       }
2307       program { name: "divider_visible";
2308          signal: "elm,order,first,item";
2309          signal: "elm,order,default,item";
2310          source: "elm";
2311          action: STATE_SET "default" 0.0;
2312          target: "divider";
2313       }
2314       program { name: "divider_hidden";
2315          signal: "elm,order,last,item";
2316          source: "elm";
2317          action: STATE_SET "hidden" 0.0;
2318          target: "divider";
2319       }
2320    }
2321 }
2322
2323 group { name: "elm/toolbar/base/tabbar/item_horizontal";
2324    inherit: "elm/toolbar/base/tabbar";
2325    parts {
2326       part { name: "left_padding";
2327          description {
2328             state: "default" 0.0;
2329             min: 34 0;
2330          }
2331       }
2332       part { name: "right_padding";
2333          description {
2334             state: "default" 0.0;
2335             min: 34 0;
2336          }
2337       }
2338    }
2339 }
2340
2341 group { name: "elm/toolbar/item/tabbar/item_horizontal";
2342    inherit: "elm/toolbar/item/tabbar";
2343    parts {
2344       part { name: "bg";
2345          description { state: "default" 0.0;
2346             min: 303 0;
2347          }
2348          description { state: "icon_text" 0.0;
2349             min: 404 0;
2350          }
2351       }
2352    }
2353 }