EFL migration revision 67547
[framework/uifw/elementary.git] / data / themes / widgets / hover.edc
1 /* TODO: replicate diagonal swallow slots to the other hover styles */
2 group { name: "elm/hover/base/default";
3    images {
4       image: "shad_circ.png" COMP;
5    }
6    parts {
7       part { name: "elm.swallow.offset";
8          type: SWALLOW;
9          description { state: "default" 0.0;
10             align: 0.0 0.0;
11             rel1.relative: 0.0 0.0;
12             rel2.relative: 0.0 0.0;
13          }
14       }
15       part { name: "elm.swallow.size";
16          type: SWALLOW;
17          description { state: "default" 0.0;
18             align: 0.0 0.0;
19             rel1.to: "elm.swallow.offset";
20             rel1.relative: 1.0 1.0;
21             rel2.to: "elm.swallow.offset";
22             rel2.relative: 1.0 1.0;
23          }
24       }
25       part { name: "base";
26          type: RECT;
27          mouse_events: 1;
28          description { state: "default" 0.0;
29             color: 0 0 0 64;
30          }
31       }
32       part { name: "shad";
33          mouse_events:  0;
34          description { state: "default" 0.0;
35             image.normal: "shad_circ.png";
36             rel1.to: "elm.swallow.size";
37             rel1.offset: -32 -32;
38             rel2.to: "elm.swallow.size";
39             rel2.offset: 31 31;
40             fill.smooth: 0;
41          }
42       }
43       part { name: "box";
44          type: RECT;
45          mouse_events: 0;
46          description { state: "default" 0.0;
47             color: 0 0 0 0;
48             rel1.to: "elm.swallow.size";
49             rel1.offset: -2 -2;
50             rel2.to: "elm.swallow.size";
51             rel2.offset: 1 1;
52          }
53       }
54       part { name: "elm.swallow.slot.left";
55          type: SWALLOW;
56          description { state: "default" 0.0;
57             align: 1.0 0.5;
58             rel1.to: "elm.swallow.slot.middle";
59             rel1.relative: 0.0 0.0;
60             rel1.offset: -1 0;
61             rel2.to: "elm.swallow.slot.middle";
62             rel2.relative: 0.0 1.0;
63             rel2.offset: -1 -1;
64          }
65       }
66       part { name: "elm.swallow.slot.top-left";
67          type: SWALLOW;
68          description { state: "default" 0.0;
69             align: 1.0 1.0;
70             rel1.to: "elm.swallow.slot.middle";
71             rel1.relative: 0.0 0.0;
72             rel1.offset: 0 0;
73             rel2.to: "elm.swallow.slot.middle";
74             rel2.relative: 0.0 0.0;
75             rel2.offset: -1 -1;
76          }
77       }
78       part { name: "elm.swallow.slot.top";
79          type: SWALLOW;
80          description { state: "default" 0.0;
81             align: 0.5 1.0;
82             rel1.to: "elm.swallow.slot.middle";
83             rel1.relative: 0.0 0.0;
84             rel1.offset: 0 -1;
85             rel2.to: "elm.swallow.slot.middle";
86             rel2.relative: 1.0 0.0;
87             rel2.offset: -1 -1;
88          }
89       }
90       part { name: "elm.swallow.slot.top-right";
91          type: SWALLOW;
92          description { state: "default" 0.0;
93             align: 0.0 1.0;
94             rel1.to: "elm.swallow.slot.middle";
95             rel1.relative: 1.0 0.0;
96             rel1.offset: 0 0;
97             rel2.to: "elm.swallow.slot.middle";
98             rel2.relative: 1.0 0.0;
99             rel2.offset: -1 -1;
100          }
101       }
102       part { name: "elm.swallow.slot.right";
103          type: SWALLOW;
104          description { state: "default" 0.0;
105             align: 0.0 0.5;
106             rel1.to: "elm.swallow.slot.middle";
107             rel1.relative: 1.0 0.0;
108             rel1.offset: 0 0;
109             rel2.to: "elm.swallow.slot.middle";
110             rel2.relative: 1.0 1.0;
111             rel2.offset: 0 -1;
112          }
113       }
114       part { name: "elm.swallow.slot.bottom-right";
115          type: SWALLOW;
116          description { state: "default" 0.0;
117             align: 0.0 0.0;
118             rel1.to: "elm.swallow.slot.middle";
119             rel1.relative: 1.0 1.0;
120             rel1.offset: 0 0;
121             rel2.to: "elm.swallow.slot.middle";
122             rel2.relative: 1.0 1.0;
123             rel2.offset: -1 -1;
124          }
125       }
126       part { name: "elm.swallow.slot.bottom";
127          type: SWALLOW;
128          description { state: "default" 0.0;
129             align: 0.5 0.0;
130             rel1.to: "elm.swallow.slot.middle";
131             rel1.relative: 0.0 1.0;
132             rel1.offset: 0 0;
133             rel2.to: "elm.swallow.slot.middle";
134             rel2.relative: 1.0 1.0;
135             rel2.offset: -1 0;
136          }
137       }
138       part { name: "elm.swallow.slot.bottom-left";
139          type: SWALLOW;
140          description { state: "default" 0.0;
141             align: 1.0 0.0;
142             rel1.to: "elm.swallow.slot.middle";
143             rel1.relative: 0.0 1.0;
144             rel1.offset: 0 0;
145             rel2.to: "elm.swallow.slot.middle";
146             rel2.relative: 0.0 1.0;
147             rel2.offset: -1 0;
148          }
149       }
150       part { name: "elm.swallow.slot.middle";
151          type: SWALLOW;
152          description { state: "default" 0.0;
153             rel1.to: "elm.swallow.size";
154             rel2.to: "elm.swallow.size";
155          }
156       }
157    }
158    programs {
159       program { name: "end";
160          signal: "mouse,up,1";
161          source: "base";
162          action: SIGNAL_EMIT "elm,action,dismiss" "";
163       }
164    }
165 }
166
167 group { name: "elm/hover/base/popout";
168    images {
169       image: "shad_circ.png" COMP;
170       image: "bt_dis_base.png" COMP;
171       image: "bt_dis_hilight.png" COMP;
172    }
173    parts {
174       part { name: "elm.swallow.offset";
175          type: SWALLOW;
176          description { state: "default" 0.0;
177             align: 0.0 0.0;
178             rel1.relative: 0.0 0.0;
179             rel2.relative: 0.0 0.0;
180          }
181       }
182       part { name: "elm.swallow.size";
183          type: SWALLOW;
184          description { state: "default" 0.0;
185             align: 0.0 0.0;
186             rel1.to: "elm.swallow.offset";
187             rel1.relative: 1.0 1.0;
188             rel2.to: "elm.swallow.offset";
189             rel2.relative: 1.0 1.0;
190          }
191       }
192       part { name: "base";
193          type: RECT;
194          mouse_events: 1;
195          description { state: "default" 0.0;
196             color: 0 0 0 0;
197          }
198          description { state: "visible" 0.0;
199             inherit: "default" 1.0;
200             color: 0 0 0 64;
201          }
202       }
203       part { name: "leftclip";
204          type: RECT;
205          description { state: "default" 0.0;
206             rel2.to_x: "pop";
207             rel2.relative: 0.0 1.0;
208             rel2.offset: 1 -1;
209          }
210       }
211       part { name: "left";
212          clip_to: "leftclip";
213          description { state: "default" 0.0;
214             visible: 0;
215             rel1.to: "elm.swallow.slot.left";
216             rel1.offset: -5 -5;
217             rel2.to: "elm.swallow.slot.left";
218             rel2.offset: 4 4;
219             image {
220                normal: "bt_dis_base.png";
221                border: 4 4 4 4;
222             }
223             image.middle: SOLID;
224          }
225          description { state: "visible" 0.0;
226             inherit: "default" 0.0;
227             visible: 1;
228          }
229       }
230       part { name: "elm.swallow.slot.left";
231          type: SWALLOW;
232          clip_to: "leftclip";
233          description { state: "default" 0.0;
234             align: 0.0 0.5;
235             rel1.to: "elm.swallow.slot.middle";
236             rel1.relative: 0.0 0.0;
237             rel1.offset: -1 0;
238             rel2.to: "elm.swallow.slot.middle";
239             rel2.relative: 0.0 1.0;
240             rel2.offset: -1 -1;
241          }
242          description { state: "visible" 0.0;
243             inherit: "default" 0.0;
244             rel1.offset: -7 0;
245             rel2.offset: -7 -1;
246             align: 1.0 0.5;
247          }
248       }
249       part { name: "leftover";
250          clip_to: "leftclip";
251          mouse_events: 0;
252          description { state: "default" 0.0;
253             rel1.to: "left";
254             rel2.to: "left";
255             rel2.relative: 1.0 0.5;
256             image {
257                normal: "bt_dis_hilight.png";
258                border: 4 4 4 0;
259             }
260          }
261       }
262       part { name: "rightclip";
263          type: RECT;
264          description { state: "default" 0.0;
265             rel1.to_x: "pop";
266             rel1.relative: 1.0 0.0;
267             rel1.offset: -2 0;
268          }
269       }
270       part { name: "right";
271          clip_to: "rightclip";
272          description { state: "default" 0.0;
273             visible: 0;
274             rel1.to: "elm.swallow.slot.right";
275             rel1.offset: -5 -5;
276             rel2.to: "elm.swallow.slot.right";
277             rel2.offset: 4 4;
278             image {
279                normal: "bt_dis_base.png";
280                border: 4 4 4 4;
281             }
282             image.middle: SOLID;
283          }
284          description { state: "visible" 0.0;
285             inherit: "default" 0.0;
286             visible: 1;
287          }
288       }
289       part { name: "elm.swallow.slot.right";
290          type: SWALLOW;
291          clip_to: "rightclip";
292          description { state: "default" 0.0;
293             align: 1.0 0.5;
294             rel1.to: "elm.swallow.slot.middle";
295             rel1.relative: 1.0 0.0;
296             rel1.offset: 0 0;
297             rel2.to: "elm.swallow.slot.middle";
298             rel2.relative: 1.0 1.0;
299             rel2.offset: 0 -1;
300          }
301          description { state: "visible" 0.0;
302             inherit: "default" 0.0;
303             rel1.offset: 6 0;
304             rel2.offset: 6 -1;
305             align: 0.0 0.5;
306          }
307       }
308       part { name: "rightover";
309          clip_to: "rightclip";
310          mouse_events: 0;
311          description { state: "default" 0.0;
312             rel1.to: "right";
313             rel2.to: "right";
314             rel2.relative: 1.0 0.5;
315             image {
316                normal: "bt_dis_hilight.png";
317                border: 4 4 4 0;
318             }
319          }
320       }
321       part { name: "topclip";
322          type: RECT;
323          description { state: "default" 0.0;
324             rel2.to_y: "pop";
325             rel2.relative: 1.0 0.0;
326             rel2.offset: -1 1;
327          }
328       }
329       part { name: "top";
330          clip_to: "topclip";
331          description { state: "default" 0.0;
332             visible: 0;
333             rel1.to: "elm.swallow.slot.top";
334             rel1.offset: -5 -5;
335             rel2.to: "elm.swallow.slot.top";
336             rel2.offset: 4 4;
337             image {
338                normal: "bt_dis_base.png";
339                border: 4 4 4 4;
340             }
341             image.middle: SOLID;
342          }
343          description { state: "visible" 0.0;
344             inherit: "default" 0.0;
345             visible: 1;
346          }
347       }
348       part { name: "elm.swallow.slot.top";
349          type: SWALLOW;
350          clip_to: "topclip";
351          description { state: "default" 0.0;
352             visible: 1;
353             align: 0.5 0.0;
354             rel1.to: "elm.swallow.slot.middle";
355             rel1.relative: 0.0 0.0;
356             rel1.offset: 0 -1;
357             rel2.to: "elm.swallow.slot.middle";
358             rel2.relative: 1.0 0.0;
359             rel2.offset: -1 -1;
360          }
361          description { state: "visible" 0.0;
362             inherit: "default" 0.0;
363             rel1.offset: 0 -7;
364             rel2.offset: -1 -7;
365             align: 0.5 1.0;
366          }
367       }
368       part { name: "topover";
369          clip_to: "topclip";
370          mouse_events: 0;
371          description { state: "default" 0.0;
372             rel1.to: "top";
373             rel2.to: "top";
374             rel2.relative: 1.0 0.5;
375             image {
376                normal: "bt_dis_hilight.png";
377                border: 4 4 4 0;
378             }
379          }
380       }
381       part { name: "bottomclip";
382          type: RECT;
383          description { state: "default" 0.0;
384             rel1.to_y: "pop";
385             rel1.relative: 0.0 1.0;
386             rel1.offset: -1 -2;
387          }
388       }
389       part { name: "bottom";
390          clip_to: "bottomclip";
391          description { state: "default" 0.0;
392             visible: 0;
393             rel1.to: "elm.swallow.slot.bottom";
394             rel1.offset: -5 -5;
395             rel2.to: "elm.swallow.slot.bottom";
396             rel2.offset: 4 4;
397             image {
398                normal: "bt_dis_base.png";
399                border: 4 4 4 4;
400             }
401             image.middle: SOLID;
402          }
403          description { state: "visible" 0.0;
404             inherit: "default" 0.0;
405             visible: 1;
406          }
407       }
408       part { name: "elm.swallow.slot.bottom";
409          type: SWALLOW;
410          clip_to: "bottomclip";
411          description { state: "default" 0.0;
412             align: 0.5 1.0;
413             rel1.to: "elm.swallow.slot.middle";
414             rel1.relative: 0.0 1.0;
415             rel1.offset: 0 0;
416             rel2.to: "elm.swallow.slot.middle";
417             rel2.relative: 1.0 1.0;
418             rel2.offset: -1 0;
419          }
420          description { state: "visible" 0.0;
421             inherit: "default" 0.0;
422             rel1.offset: 0 6;
423             rel2.offset: -1 6;
424             align: 0.5 0.0;
425          }
426       }
427       part { name: "bottomover";
428          clip_to: "bottomclip";
429          mouse_events: 0;
430          description { state: "default" 0.0;
431             rel1.to: "bottom";
432             rel2.to: "bottom";
433             rel2.relative: 1.0 0.5;
434             image {
435                normal: "bt_dis_hilight.png";
436                border: 4 4 4 0;
437             }
438          }
439       }
440       part { name: "shad";
441          mouse_events:  0;
442          description { state: "default" 0.0;
443             image.normal: "shad_circ.png";
444             rel1.to: "elm.swallow.size";
445             rel1.offset: -64 -64;
446             rel2.to: "elm.swallow.size";
447             rel2.offset: 63 63;
448             fill.smooth: 0;
449          }
450       }
451       part { name: "pop";
452          mouse_events: 1;
453          description { state: "default" 0.0;
454             rel1.to: "elm.swallow.slot.middle";
455             rel1.offset: -5 -5;
456             rel2.to: "elm.swallow.slot.middle";
457             rel2.offset: 4 4;
458             image {
459                normal: "bt_dis_base.png";
460                border: 4 4 4 4;
461             }
462             image.middle: SOLID;
463          }
464       }
465       part { name: "elm.swallow.slot.middle";
466          type: SWALLOW;
467          description { state: "default" 0.0;
468             rel1.to: "elm.swallow.size";
469             rel2.to: "elm.swallow.size";
470          }
471       }
472       part { name: "popover";
473          mouse_events: 0;
474          description { state: "default" 0.0;
475             rel1.to: "pop";
476             rel2.to: "pop";
477             rel2.relative: 1.0 0.5;
478             image {
479                normal: "bt_dis_hilight.png";
480                border: 4 4 4 0;
481             }
482          }
483       }
484    }
485    programs {
486       program { name: "end";
487          signal: "mouse,up,1";
488          source: "base";
489          action: SIGNAL_EMIT "elm,action,dismiss" "";
490       }
491
492       program { name: "show";
493          signal: "elm,action,show";
494          source: "elm";
495          action: STATE_SET "visible" 0.0;
496                  //            transition: DECELERATE 0.5;
497          target: "base";
498       }
499       program { name: "hide";
500          signal: "elm,action,hide";
501          source: "elm";
502          action: STATE_SET "default" 0.0;
503                  //            transition: DECELERATE 0.5;
504          target: "base";
505       }
506
507       program { name: "leftshow";
508          signal: "elm,action,slot,left,show";
509          source: "elm";
510          action: STATE_SET "visible" 0.0;
511          transition: DECELERATE 0.5;
512          target: "left";
513          target: "elm.swallow.slot.left";
514       }
515       program { name: "lefthide";
516          signal: "elm,action,slot,left,hide";
517          source: "elm";
518          action: STATE_SET "default" 0.0;
519          transition: DECELERATE 0.5;
520          target: "left";
521          target: "elm.swallow.slot.left";
522       }
523       program { name: "rightshow";
524          signal: "elm,action,slot,right,show";
525          source: "elm";
526          action: STATE_SET "visible" 0.0;
527          transition: DECELERATE 0.5;
528          target: "right";
529          target: "elm.swallow.slot.right";
530       }
531       program { name: "righthide";
532          signal: "elm,action,slot,right,hide";
533          source: "elm";
534          action: STATE_SET "default" 0.0;
535          transition: DECELERATE 0.5;
536          target: "right";
537          target: "elm.swallow.slot.right";
538       }
539       program { name: "topshow";
540          signal: "elm,action,slot,top,show";
541          source: "elm";
542          action: STATE_SET "visible" 0.0;
543          transition: DECELERATE 0.5;
544          target: "top";
545          target: "elm.swallow.slot.top";
546       }
547       program { name: "tophide";
548          signal: "elm,action,slot,top,hide";
549          source: "elm";
550          action: STATE_SET "default" 0.0;
551          transition: DECELERATE 0.5;
552          target: "top";
553          target: "elm.swallow.slot.top";
554       }
555       program { name: "bottomshow";
556          signal: "elm,action,slot,bottom,show";
557          source: "elm";
558          action: STATE_SET "visible" 0.0;
559          transition: DECELERATE 0.5;
560          target: "bottom";
561          target: "elm.swallow.slot.bottom";
562       }
563       program { name: "bottomhide";
564          signal: "elm,action,slot,bottom,hide";
565          source: "elm";
566          action: STATE_SET "default" 0.0;
567          transition: DECELERATE 0.5;
568          target: "bottom";
569          target: "elm.swallow.slot.bottom";
570       }
571    }
572 }
573
574 //In the hover used by the menu only the bottom part is used.
575 group { name: "elm/hover/base/menu";
576    images {
577       image: "shad_circ.png" COMP;
578       image: "bt_dis_base.png" COMP;
579    }
580    parts {
581       part { name: "elm.swallow.offset";
582          type: SWALLOW;
583          description { state: "default" 0.0;
584             align: 0.0 0.0;
585             rel1.relative: 0.0 0.0;
586             rel2.relative: 0.0 0.0;
587          }
588       }
589       part { name: "elm.swallow.size";
590          type: SWALLOW;
591          description { state: "default" 0.0;
592             align: 0.0 0.0;
593             rel1.to: "elm.swallow.offset";
594             rel1.relative: 1.0 1.0;
595             rel2.to: "elm.swallow.offset";
596             rel2.relative: 1.0 1.0;
597          }
598       }
599       part { name: "base";
600          type: RECT;
601          mouse_events: 1;
602          description { state: "default" 0.0;
603             color: 0 0 0 0;
604          }
605          description { state: "visible" 0.0;
606             inherit: "default" 1.0;
607             color: 0 0 0 64;
608          }
609       }
610       part { name: "elm.swallow.slot.left";
611          type: SWALLOW;
612          description { state: "default" 0.0;
613          }
614       }
615       part { name: "elm.swallow.slot.right";
616          type: SWALLOW;
617          description { state: "default" 0.0;
618          }
619       }
620       part { name: "elm.swallow.slot.top";
621          type: SWALLOW;
622          description { state: "default" 0.0;
623          }
624          description { state: "visible" 0.0;
625             inherit: "default" 0.0;
626          }
627       }
628       part { name: "bottomclip";
629          type: RECT;
630          description { state: "default" 0.0;
631             rel1.to_y: "pop";
632             rel1.relative: 0.0 1.0;
633             rel1.offset: -1 -2;
634          }
635       }
636       part { name: "bottom";
637          clip_to: "bottomclip";
638          description { state: "default" 0.0;
639             visible: 0;
640             rel1.to: "elm.swallow.slot.bottom";
641             rel1.offset: -5 -5;
642             rel2.to: "elm.swallow.slot.bottom";
643             rel2.offset: 4 4;
644             image {
645                normal: "bt_dis_base.png";
646                border: 4 4 4 4;
647             }
648             image.middle: SOLID;
649          }
650          description { state: "visible" 0.0;
651             inherit: "default" 0.0;
652             visible: 1;
653          }
654       }
655       part { name: "elm.swallow.slot.bottom";
656          type: SWALLOW;
657          clip_to: "bottomclip";
658          description { state: "default" 0.0;
659             align: 0.5 1.0;
660             rel1.to: "elm.swallow.slot.middle";
661             rel1.relative: 0.0 1.0;
662             rel1.offset: 0 0;
663             rel2.to: "elm.swallow.slot.middle";
664             rel2.relative: 1.0 1.0;
665             rel2.offset: -1 0;
666          }
667          description { state: "visible" 0.0;
668             inherit: "default" 0.0;
669             rel1.offset: 0 6;
670             rel2.offset: -1 6;
671             align: 0.5 0.0;
672          }
673       }
674       part { name: "pop";
675          mouse_events: 1;
676          repeat_events:1;
677          description { state: "default" 0.0;
678             rel1.to: "elm.swallow.slot.middle";
679             rel1.offset: -5 -5;
680             rel2.to: "elm.swallow.slot.middle";
681             rel2.offset: 4 4;
682          }
683       }
684       part { name: "elm.swallow.slot.middle";
685          type: SWALLOW;
686          repeat_events:1;
687          description { state: "default" 0.0;
688             rel1.to: "elm.swallow.size";
689             rel2.to: "elm.swallow.size";
690          }
691       }
692    }
693    programs {
694       program { name: "end";
695          signal: "mouse,up,1";
696          source: "base";
697          action: SIGNAL_EMIT "elm,action,dismiss" "";
698       }
699       program { name: "show";
700          signal: "elm,action,show";
701          source: "elm";
702          action: STATE_SET "visible" 0.0;
703                  //            transition: DECELERATE 0.5;
704          target: "base";
705       }
706       program { name: "hide";
707          signal: "elm,action,hide";
708          source: "elm";
709          action: STATE_SET "default" 0.0;
710                  //            transition: DECELERATE 0.5;
711          target: "base";
712       }
713       program { name: "bottomshow";
714          signal: "elm,action,slot,bottom,show";
715          source: "elm";
716          action: STATE_SET "visible" 0.0;
717          transition: DECELERATE 0.3;
718          target: "bottom";
719          target: "elm.swallow.slot.bottom";
720       }
721       program { name: "bottomhide";
722          signal: "elm,action,slot,bottom,hide";
723          source: "elm";
724          action: STATE_SET "default" 0.0;
725          transition: DECELERATE 0.5;
726          target: "bottom";
727          target: "elm.swallow.slot.bottom";
728       }
729    }
730 }
731
732 //In the hover used by the submenu only the bottom part is used
733 //and no part should interact except the bottom area
734 group { name: "elm/hover/base/submenu";
735    images {
736       image: "shad_circ.png" COMP;
737       image: "bt_dis_base.png" COMP;
738    }
739    parts {
740       part { name: "elm.swallow.offset";
741          type: SWALLOW;
742          repeat_events:1;
743          description { state: "default" 0.0;
744             align: 0.0 0.0;
745             rel1.relative: 0.0 0.0;
746             rel2.relative: 0.0 0.0;
747          }
748       }
749       part { name: "elm.swallow.size";
750          type: SWALLOW;
751          description { state: "default" 0.0;
752             align: 0.0 0.0;
753             rel1.to: "elm.swallow.offset";
754             rel1.relative: 1.0 1.0;
755             rel2.to: "elm.swallow.offset";
756             rel2.relative: 1.0 1.0;
757          }
758       }
759       //here we do non catch events like the hover hover does
760       part { name: "base";
761          type: RECT;
762          mouse_events: 1;
763          description { state: "default" 0.0;
764             color: 0 0 0 0;
765             visible: 0;
766          }
767       }
768       part { name: "elm.swallow.slot.left";
769          type: SWALLOW;
770          description { state: "default" 0.0;
771          }
772       }
773       part { name: "elm.swallow.slot.right";
774          type: SWALLOW;
775          description { state: "default" 0.0;
776          }
777       }
778       part { name: "elm.swallow.slot.top";
779          type: SWALLOW;
780          description { state: "default" 0.0;
781          }
782       }
783       part { name: "bottomclip";
784          type: RECT;
785          description { state: "default" 0.0;
786             rel1.to_y: "pop";
787             rel1.relative: 0.0 1.0;
788             rel1.offset: -1 -2;
789          }
790       }
791       part { name: "bottom";
792          clip_to: "bottomclip";
793          description { state: "default" 0.0;
794             visible: 0;
795             rel1.to: "elm.swallow.slot.bottom";
796             rel1.offset: -5 -5;
797             rel2.to: "elm.swallow.slot.bottom";
798             rel2.offset: 4 4;
799             image {
800                normal: "bt_dis_base.png";
801                border: 4 4 4 4;
802             }
803             image.middle: SOLID;
804          }
805          description { state: "visible" 0.0;
806             inherit: "default" 0.0;
807             visible: 1;
808          }
809       }
810       part { name: "elm.swallow.slot.bottom";
811          type: SWALLOW;
812          clip_to: "bottomclip";
813          description { state: "default" 0.0;
814             align: 0.5 1.0;
815             rel1.to: "elm.swallow.slot.middle";
816             rel1.relative: 0.0 1.0;
817             rel1.offset: 0 0;
818             rel2.to: "elm.swallow.slot.middle";
819             rel2.relative: 1.0 1.0;
820             rel2.offset: -1 0;
821          }
822          description { state: "visible" 0.0;
823             inherit: "default" 0.0;
824             rel1.offset: 0 6;
825             rel2.offset: -1 6;
826             align: 0.5 0.0;
827          }
828       }
829       part { name: "pop";
830          mouse_events: 1;
831          repeat_events:1;
832          description { state: "default" 0.0;
833             rel1.to: "elm.swallow.slot.middle";
834             rel1.offset: -5 -5;
835             rel2.to: "elm.swallow.slot.middle";
836             rel2.offset: 4 4;
837          }
838       }
839       part { name: "elm.swallow.slot.middle";
840          type: SWALLOW;
841          repeat_events:1;
842          description { state: "default" 0.0;
843             rel1.to: "elm.swallow.size";
844             rel2.to: "elm.swallow.size";
845          }
846       }
847    }
848    programs {
849       program { name: "end";
850          signal: "mouse,up,1";
851          source: "base";
852          action: SIGNAL_EMIT "elm,action,dismiss" "";
853       }
854       program { name: "show";
855          signal: "elm,action,show";
856          source: "elm";
857          action: STATE_SET "visible" 0.0;
858                  //            transition: DECELERATE 0.5;
859          target: "base";
860       }
861       program { name: "hide";
862          signal: "elm,action,hide";
863          source: "elm";
864          action: STATE_SET "default" 0.0;
865                  //            transition: DECELERATE 0.5;
866          target: "base";
867       }
868       program { name: "bottomshow";
869          signal: "elm,action,slot,bottom,show";
870          source: "elm";
871          action: STATE_SET "visible" 0.0;
872          transition: DECELERATE 0.3;
873          target: "bottom";
874          target: "elm.swallow.slot.bottom";
875       }
876       program { name: "bottomhide";
877          signal: "elm,action,slot,bottom,hide";
878          source: "elm";
879          action: STATE_SET "default" 0.0;
880          transition: DECELERATE 0.5;
881          target: "bottom";
882          target: "elm.swallow.slot.bottom";
883       }
884    }
885 }
886
887 group { name: "elm/hover/base/hoversel_vertical/default";
888    alias: "elm/hover/base/hoversel_vertical/entry";
889    images {
890         //         image: "shad_circ.png" COMP;
891       image: "bt_base2.png" COMP;
892       image: "bt_hilight.png" COMP;
893       image: "bt_shine.png" COMP;
894       image: "outdent-top.png" COMP;
895       image: "outdent-bottom.png" COMP;
896    }
897    parts {
898       part { name: "elm.swallow.offset";
899          type: SWALLOW;
900          description { state: "default" 0.0;
901             align: 0.0 0.0;
902             rel1.relative: 0.0 0.0;
903             rel2.relative: 0.0 0.0;
904          }
905       }
906       part { name: "elm.swallow.size";
907          type: SWALLOW;
908          description { state: "default" 0.0;
909             align: 0.0 0.0;
910             rel1.to: "elm.swallow.offset";
911             rel1.relative: 1.0 1.0;
912             rel2.to: "elm.swallow.offset";
913             rel2.relative: 1.0 1.0;
914          }
915       }
916       /*
917       part { name: "shad";
918       mouse_events:  0;
919       description { state: "default" 0.0;
920       image.normal: "shad_circ.png";
921       rel1.to: "button_image";
922       rel1.offset: -64 -64;
923       rel2.to: "button_image";
924       rel2.offset: 63 63;
925       fill.smooth: 0;
926       }
927       }
928       */
929 part { name: "button_image";
930    mouse_events: 1;
931    description { state: "default" 0.0;
932       rel1.to_x: "elm.swallow.slot.top";
933       rel1.to_y: "elm.swallow.slot.top";
934       rel1.offset: -2 -6;
935       rel2.to_x: "elm.swallow.slot.top";
936       rel2.to_y: "elm.swallow.slot.bottom";
937       rel2.offset: 1 5;
938       image {
939          normal: "bt_base2.png";
940          border: 7 7 7 7;
941       }
942       image.middle: SOLID;
943    }
944    description { state: "bottom" 0.0;
945       rel1.to_x: "elm.swallow.slot.bottom";
946       rel1.to_y: "elm.swallow.slot.top";
947       rel1.offset: -2 -6;
948       rel2.to_x: "elm.swallow.slot.bottom";
949       rel2.to_y: "elm.swallow.slot.bottom";
950       rel2.offset: 1 5;
951       image {
952          normal: "bt_base2.png";
953          border: 7 7 7 7;
954       }
955       image.middle: SOLID;
956    }
957 }
958
959 part { name: "base";
960    type: RECT;
961    mouse_events: 1;
962    description { state: "default" 0.0;
963       color: 0 0 0 0;
964    }
965    description { state: "visible" 0.0;
966       inherit: "default" 1.0;
967       color: 0 0 0 64;
968    }
969 }
970
971 part { name: "topclip";
972    type: RECT;
973    description { state: "default" 0.0;
974       rel2.to_y: "edge_top";
975       rel2.relative: 1.0 0.0;
976       rel2.offset: -1 7;
977    }
978 }
979 part { name: "elm.swallow.slot.top";
980    type: SWALLOW;
981    clip_to: "topclip";
982    description { state: "default" 0.0;
983       visible: 1;
984       align: 0.5 0.0;
985       rel1.to: "elm.swallow.slot.middle";
986       rel1.relative: 0.0 0.0;
987       rel1.offset: 0 -1;
988       rel2.to: "elm.swallow.slot.middle";
989       rel2.relative: 1.0 0.0;
990       rel2.offset: -1 -1;
991    }
992    description { state: "visible" 0.0;
993       inherit: "default" 0.0;
994       rel1.offset: 0 -7;
995       rel2.offset: -1 -7;
996       align: 0.5 1.0;
997    }
998 }
999
1000 part { name: "bottomclip";
1001    type: RECT;
1002    description { state: "default" 0.0;
1003       rel1.to_y: "edge_bottom";
1004       rel1.relative: 0.0 1.0;
1005       rel1.offset: -1 -8;
1006    }
1007 }
1008 part { name: "elm.swallow.slot.bottom";
1009    type: SWALLOW;
1010    clip_to: "bottomclip";
1011    description { state: "default" 0.0;
1012       align: 0.5 1.0;
1013       rel1.to: "elm.swallow.slot.middle";
1014       rel1.relative: 0.0 1.0;
1015       rel1.offset: 0 0;
1016       rel2.to: "elm.swallow.slot.middle";
1017       rel2.relative: 1.0 1.0;
1018       rel2.offset: -1 0;
1019    }
1020    description { state: "visible" 0.0;
1021       inherit: "default" 0.0;
1022       rel1.offset: 0 6;
1023       rel2.offset: -1 6;
1024       align: 0.5 0.0;
1025    }
1026 }
1027
1028 part {          name: "over1";
1029    mouse_events: 0;
1030    description { state: "default" 0.0;
1031       rel1.to: "button_image";
1032       rel2.to: "button_image";
1033       rel2.relative: 1.0 0.5;
1034       image {
1035          normal: "bt_hilight.png";
1036          border: 7 7 7 0;
1037       }
1038    }
1039 }
1040 part { name: "over2";
1041    mouse_events: 1;
1042    repeat_events: 1;
1043    ignore_flags: ON_HOLD;
1044    description { state: "default" 0.0;
1045       rel1.to: "button_image";
1046       rel2.to: "button_image";
1047       image {
1048          normal: "bt_shine.png";
1049          border: 7 7 7 7;
1050       }
1051    }
1052 }
1053 part { name: "edge_top";
1054    mouse_events:  0;
1055    description { state: "default" 0.0;
1056       visible: 0;
1057       rel1 {
1058          to: "elm.swallow.size";
1059          offset: 0 -10;
1060       }
1061       rel2 {
1062          to: "elm.swallow.size";
1063       }
1064       image.normal: "outdent-bottom.png";
1065       image.border: 0 0 13 0;
1066       fill.smooth: 0;
1067    }
1068    description { state: "visible" 0.0;
1069       inherit: "default" 0.0;
1070       visible: 1;
1071    }
1072 }
1073 part { name: "edge_bottom";
1074    mouse_events:  0;
1075    description { state: "default" 0.0;
1076       visible: 0;
1077       rel1 {
1078          to: "elm.swallow.size";
1079       }
1080       rel2 {
1081          to: "elm.swallow.size";
1082          offset: -1 9;
1083       }
1084       image.normal: "outdent-top.png";
1085       image.border: 0 0 0 13;
1086       fill.smooth: 0;
1087    }
1088    description { state: "visible" 0.0;
1089       inherit: "default" 0.0;
1090       visible: 1;
1091    }
1092 }
1093 part { name: "elm.swallow.slot.middle";
1094    type: SWALLOW;
1095    description { state: "default" 0.0;
1096       rel1.to: "elm.swallow.size";
1097       rel2.to: "elm.swallow.size";
1098    }
1099 }
1100 }
1101 programs {
1102    program { name: "end";
1103       signal: "mouse,up,1";
1104       source: "base";
1105       action: SIGNAL_EMIT "elm,action,dismiss" "";
1106    }
1107
1108    program { name: "show";
1109       signal: "elm,action,show";
1110       source: "elm";
1111       action: STATE_SET "visible" 0.0;
1112               //            transition: DECELERATE 0.5;
1113       target: "base";
1114    }
1115    program { name: "hide";
1116       signal: "elm,action,hide";
1117       source: "elm";
1118       action: STATE_SET "default" 0.0;
1119               //            transition: DECELERATE 0.5;
1120       target: "base";
1121    }
1122    program { name: "topshow";
1123       signal: "elm,action,slot,top,show";
1124       source: "elm";
1125       action: STATE_SET "visible" 0.0;
1126       target: "edge_top";
1127       after: "topshow2";
1128    }
1129    program { name: "topshow2";
1130       action: STATE_SET "visible" 0.0;
1131       transition: DECELERATE 0.5;
1132       target: "elm.swallow.slot.top";
1133    }
1134    program { name: "topshow3";
1135       signal: "elm,action,slot,top,show";
1136       source: "elm";
1137       action: STATE_SET "default" 0.0;
1138       target: "button_image";
1139    }
1140    program { name: "tophide";
1141       signal: "elm,action,slot,top,hide";
1142       source: "elm";
1143       action: STATE_SET "default" 0.0;
1144       transition: DECELERATE 0.5;
1145       target: "elm.swallow.slot.top";
1146       after: "tophide2";
1147    }
1148    program { name: "tophide2";
1149       action: STATE_SET "default" 0.0;
1150       target: "edge_top";
1151    }
1152    program { name: "bottomshow";
1153       signal: "elm,action,slot,bottom,show";
1154       source: "elm";
1155       action: STATE_SET "visible" 0.0;
1156       target: "edge_bottom";
1157       after: "bottomshow2";
1158    }
1159    program { name: "bottomshow2";
1160       action: STATE_SET "visible" 0.0;
1161       transition: DECELERATE 0.5;
1162       target: "elm.swallow.slot.bottom";
1163    }
1164    program { name: "bottomshow3";
1165       signal: "elm,action,slot,bottom,show";
1166       source: "elm";
1167       action: STATE_SET "bottom" 0.0;
1168       target: "button_image";
1169    }
1170    program { name: "bottomhide";
1171       signal: "elm,action,slot,bottom,hide";
1172       source: "elm";
1173       action: STATE_SET "default" 0.0;
1174       transition: DECELERATE 0.5;
1175       target: "elm.swallow.slot.bottom";
1176       after: "bottomhide2";
1177    }
1178    program { name: "bottomhide2";
1179       action: STATE_SET "default" 0.0;
1180       target: "edge_bottom";
1181    }
1182 }
1183 }
1184 ///////////////////////////////////////////////////////////////////////////////