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