Merge "[genlist] re-add item select & item update changes"
[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 ///////////////////////////////////////////////////////////////////////////////