themes/widgets/bubble.edc

   1 /*
   2  * efl-theme-tizen
   3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the License);
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *     http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an AS IS BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18
  19
  20 #define BUBBLE_WIDTH            380
  21
  22 #define BUBBLE_DATE_PAD         15
  23 #define BUBBLE_DATE_HEIGHT      30
  24
  25 #define BUBBLE_TOP_PAD          10
  26 #define BUBBLE_RIGHT_PAD        15
  27 #define BUBBLE_ICON_PAD         6
  28
  29 images {
  30         image: "00_messagebubble_bg_receive.png" COMP;
  31         image: "00_messagebubble_bg_sent.png" COMP;
  32 }
  33
  34 // deprecated style
  35 group {
  36         name: "elm/bubble/base/default";
  37         alias: "elm/bubble/base/readmessage";
  38
  39         parts {
  40                 part {
  41                         name: "elm.rect.left.pad";
  42                         type: RECT;
  43                         mouse_events: 0;
  44                         scale: 1;
  45                         description {
  46                                 state: "default" 0.0;
  47                                 min: BUBBLE_DATE_PAD 0;
  48                                 fixed: 1 0;
  49                                 align: 0.0 0.0;
  50                                 color: 0 0 0 0;
  51                                 rel1 { relative: 0.0 0.0; }
  52                                 rel2 { relative: 0.0 0.0; }
  53                         }
  54                         description {
  55                                 state: "expand" 0.0;
  56                                 inherit: "default" 0.0;
  57                                 min: BUBBLE_DATE_PAD BUBBLE_DATE_HEIGHT;
  58                                 fixed: 1 1;
  59                         }
  60                 }
  61                 part {
  62                         name: "elm.rect.top.pad";
  63                         type: RECT;
  64                         mouse_events: 0;
  65                         scale: 1;
  66                         description {
  67                                 state: "default" 0.0;
  68                                 min: 0 BUBBLE_TOP_PAD;
  69                                 fixed: 0 1;
  70                                 align: 0.0 0.0;
  71                                 color: 0 0 0 0;
  72                                 rel1 { relative: 0.0 1.0; to_y: "elm.rect.left.pad"; }
  73                                 rel2 { relative: 1.0 1.0; to_y: "elm.rect.left.pad"; }
  74                         }
  75                 }
  76                 part {
  77                         name: "elm.rect.right.pad";
  78                         type: RECT;
  79                         mouse_events: 0;
  80                         scale: 1;
  81                         description {
  82                                 state: "default" 0.0;
  83                                 min: BUBBLE_RIGHT_PAD 0;
  84                                 fixed: 1 0;
  85                                 align: 0.0 0.0;
  86                                 color: 0 0 0 0;
  87                                 rel1 { relative: 1.0 0.0; to: "elm.swallow.content"; }
  88                                 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
  89                         }
  90                 }
  91                 part {
  92                         name: "elm.rect.bottom.pad";
  93                         type: RECT;
  94                         mouse_events: 0;
  95                         scale: 1;
  96                         description {
  97                                 state: "default" 0.0;
  98                                 min: 0 BUBBLE_TOP_PAD;
  99                                 align: 0.0 0.0;
 100                                 color: 0 0 0 0;
 101                                 rel1 { relative: 0.0 1.0; to_y: "elm.rect.icon.bottom.pad"; }
 102                                 rel2 { relative: 1.0 1.0; }
 103                         }
 104                 }
 105                 part {
 106                         name: "elm.rect.icon.top.pad";
 107                         type: RECT;
 108                         mouse_events: 0;
 109                         scale: 1;
 110                         description {
 111                                 state: "default" 0.0;
 112                                 min: 0 0;
 113                                 align: 0.0 0.0;
 114                                 color: 0 0 0 0;
 115                                 rel1 { relative: 0.0 1.0; to: "elm.swallow.content"; }
 116                                 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
 117                         }
 118                         description {
 119                                 state: "expand" 0.0;
 120                                 inherit: "default" 0.0;
 121                                 min: 0 BUBBLE_ICON_PAD;
 122                                 fixed: 0 1;
 123                         }
 124                 }
 125                 part {
 126                         name: "elm.rect.icon.bottom.pad";
 127                         type: RECT;
 128                         mouse_events: 0;
 129                         scale: 1;
 130                         description {
 131                                 state: "default" 0.0;
 132                                 min: 0 0;
 133                                 align: 0.0 0.0;
 134                                 color: 0 0 0 0;
 135                                 rel1 { relative: 0.0 1.0; to: "elm.swallow.icon"; }
 136                                 rel2 { relative: 1.0 1.0; to: "elm.swallow.icon"; }
 137                         }
 138                         description {
 139                                 state: "expand" 0.0;
 140                                 inherit: "default" 0.0;
 141                                 min: 0 BUBBLE_ICON_PAD;
 142                                 fixed: 0 1;
 143                         }
 144                 }
 145                 part {
 146                         name: "elm.text";
 147                         type: TEXT;
 148                         mouse_events: 0;
 149                         scale: 1;
 150                         description {
 151                                 state: "default" 0.0;
 152                                 align: 0.0 0.5;
 153                                 fixed: 1 1;
 154                                 visible: 0;
 155                                 text {
 156                                         font: "Tizen:style=Roman";
 157                                         size: 14;
 158                                         min: 1 0;
 159                                         align: 0.0 0.5;
 160                                         text_class: "tizen";
 161                                 }
 162                                 color: 76 75 73 255;
 163                                 rel1 { relative: 1.0 0.0; to: "elm.rect.left.pad"; }
 164                                 rel2 { relative: 1.0 1.0; to: "elm.rect.left.pad"; }
 165                         }
 166                         description {
 167                                 state: "expand" 0.0;
 168                                 inherit: "default" 0.0;
 169                                 visible: 1;
 170                         }
 171                 }
 172                 part {
 173                         name: "elm.image.bg";
 174                         type: IMAGE;
 175                         scale: 1;
 176                         description {
 177                                 state: "default" 0.0;
 178                                 align: 0.0 0.0;
 179                                 rel1 { relative: 0.0 0.0; to_x: "elm.rect.left.pad"; to_y: "elm.rect.top.pad"; }
 180                                 rel2 { relative: 1.0 1.0; to_x: "elm.rect.right.pad"; to_y: "elm.rect.bottom.pad"; }
 181                                 image {
 182                                         normal: "00_messagebubble_bg_receive.png";
 183                                         border: 1 11 7 12;
 184                                         border_scale: 1;
 185                                 }
 186                         }
 187                 }
 188                 part {
 189                         name: "elm.rect.bg.pad";
 190                         type: RECT;
 191                         scale: 1;
 192                         description {
 193                                 state: "default" 0.0;
 194                                 color: 0 0 0 0;
 195                                 rel1 { relative: 1.0 0.0; to: "elm.image.bg"; }
 196                                 rel2 { relative: 1.0 1.0; to_y: "elm.image.bg"; }
 197                         }
 198                 }
 199                 part {
 200                         name: "elm.swallow.content";
 201                         type: SWALLOW;
 202                         scale: 1;
 203                         description {
 204                                 state: "default" 0.0;
 205                                 align: 0.0 0.0;
 206                                 fixed: 1 1;
 207                                 rel1 { relative: 1.0 1.0; to_x: "elm.rect.left.pad"; to_y: "elm.rect.top.pad"; }
 208                                 rel2 { relative: 0.7 1.0; to_y: "elm.rect.top.pad"; }
 209                         }
 210                 }
 211                 part {
 212                         name: "elm.swallow.icon";
 213                         type: SWALLOW;
 214                         description {
 215                                 state: "default" 0.0;
 216                                 min: 0 0;
 217                                 align: 0.0 0.0;
 218                                 rel1 { relative: 0.0 1.0; to: "elm.rect.icon.top.pad"; }
 219                                 rel2 { relative: 0.5 1.0; to_y: "elm.rect.icon.top.pad"; }
 220                         }
 221                         description {
 222                                 state: "expand" 0.0;
 223                                 inherit : "default" 0.0;
 224                                 min: 0 50; //default height of icon
 225                                 fixed: 0 1;
 226                         }
 227                 }
 228                 part {
 229                         name: "elm.swallow.sweep";
 230                         type: SWALLOW;
 231                         description {
 232                                 state: "default" 0.0;
 233                                 rel1 { relative: 0.0 0.0; to_y: "elm.image.bg"; }
 234                                 rel2 { relative: 1.0 1.0; to_y: "elm.image.bg"; }
 235                         }
 236                 }
 237                 /*part {
 238                         name: "elm.info";
 239                         type: TEXT;
 240                         mouse_events:   0;
 241                         scale: 1;
 242                         description {
 243                                 state: "default" 0.0;
 244                                 align: 1.0 0.0;
 245                                 fixed: 1 1;
 246                                 rel1 {
 247                                         relative: 1.0 0.0;
 248                                         offset: -5 4;
 249                                 }
 250                                 rel2 {
 251                                         relative: 1.0 0.0;
 252                                         offset: -5 4;
 253                                 }
 254                                 color: 0 0 0 64;
 255                                 text {
 256                                         font: "Helvetica_:style=Bold";
 257                                         size: 16;
 258                                         min: 1 1;
 259                                         max: 1 1;
 260                                         align: 1.0 0.0;
 261                                 }
 262                         }
 263                 }*/
 264         }
 265         programs {
 266                 program {
 267                         name: "text_add";
 268                         signal: "elm,state,text,visible";
 269                         source: "elm";
 270                         action: STATE_SET "expand" 0.0;
 271                         target: "elm.rect.left.pad";
 272                         target: "elm.text";
 273                 }
 274                 program {
 275                         name: "text_del";
 276                         signal: "elm,state,text,hidden";
 277                         source: "elm";
 278                         action: STATE_SET "default" 0.0;
 279                         target: "elm.rect.left.pad";
 280                         target: "elm.text";
 281                 }
 282                 program {
 283                         name: "icon_add";
 284                         signal: "elm,state,icon,visible";
 285                         source: "elm";
 286                         action: STATE_SET "expand" 0.0;
 287                         target: "elm.rect.icon.top.pad";
 288                         target: "elm.swallow.icon";
 289                         target: "elm.rect.icon.bottom.pad";
 290                 }
 291                 program {
 292                         name: "icon_del";
 293                         signal: "elm,state,icon,hidden";
 294                         source: "elm";
 295                         action: STATE_SET "default" 0.0;
 296                         target: "elm.rect.icon.top.pad";
 297                         target: "elm.swallow.icon";
 298                         target: "elm.rect.icon.bottom.pad";
 299                 }
 300         }
 301 }
 302
 303 // deprecated style
 304 group {
 305         name: "elm/bubble/base/sentmessage";
 306
 307         parts {
 308                 part {
 309                         name: "elm.rect.right.pad";
 310                         type: RECT;
 311                         mouse_events: 0;
 312                         scale: 1;
 313                         description {
 314                                 state: "default" 0.0;
 315                                 min: BUBBLE_DATE_PAD 0;
 316                                 fixed: 1 0;
 317                                 align: 1.0 0.0;
 318                                 color: 0 0 0 0;
 319                                 rel1 { relative: 1.0 0.0; }
 320                                 rel2 { relative: 1.0 0.0; }
 321                         }
 322                         description {
 323                                 state: "expand" 0.0;
 324                                 inherit: "default" 0.0;
 325                                 min: BUBBLE_DATE_PAD BUBBLE_DATE_HEIGHT;
 326                                 fixed: 1 1;
 327                         }
 328                 }
 329                 part {
 330                         name: "elm.rect.top.pad";
 331                         type: RECT;
 332                         mouse_events: 0;
 333                         scale: 1;
 334                         description {
 335                                 state: "default" 0.0;
 336                                 min: 0 BUBBLE_TOP_PAD;
 337                                 fixed: 0 1;
 338                                 align: 1.0 0.0;
 339                                 color: 0 0 0 0;
 340                                 rel1 { relative: 0.0 1.0; to_y: "elm.rect.right.pad"; }
 341                                 rel2 { relative: 1.0 1.0; to_y: "elm.rect.right.pad"; }
 342                         }
 343                 }
 344                 part {
 345                         name: "elm.rect.left.pad";
 346                         type: RECT;
 347                         mouse_events: 0;
 348                         scale: 1;
 349                         description {
 350                                 state: "default" 0.0;
 351                                 min: BUBBLE_RIGHT_PAD 0;
 352                                 fixed: 1 0;
 353                                 align: 1.0 0.0;
 354                                 color: 0 0 0 0;
 355                                 rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
 356                                 rel2 { relative: 0.0 1.0; to: "elm.swallow.content"; }
 357                         }
 358                 }
 359                 part {
 360                         name: "elm.rect.bottom.pad";
 361                         type: RECT;
 362                         mouse_events: 0;
 363                         scale: 1;
 364                         description {
 365                                 state: "default" 0.0;
 366                                 min: 0 BUBBLE_TOP_PAD;
 367                                 align: 0.0 0.0;
 368                                 color: 0 0 0 0;
 369                                 rel1 { relative: 0.0 1.0; to_y: "elm.rect.icon.bottom.pad"; }
 370                                 rel2 { relative: 1.0 1.0; }
 371                         }
 372                 }
 373                 part {
 374                         name: "elm.rect.icon.top.pad";
 375                         type: RECT;
 376                         mouse_events: 0;
 377                         scale: 1;
 378                         description {
 379                                 state: "default" 0.0;
 380                                 min: 0 0;
 381                                 align: 0.0 0.0;
 382                                 color: 0 0 0 0;
 383                                 rel1 { relative: 0.0 1.0; to: "elm.swallow.content"; }
 384                                 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
 385                         }
 386                         description {
 387                                 state: "expand" 0.0;
 388                                 inherit: "default" 0.0;
 389                                 min: 0 BUBBLE_ICON_PAD;
 390                                 fixed: 0 1;
 391                         }
 392                 }
 393                 part {
 394                         name: "elm.rect.icon.bottom.pad";
 395                         type: RECT;
 396                         mouse_events: 0;
 397                         scale: 1;
 398                         description {
 399                                 state: "default" 0.0;
 400                                 min: 0 0;
 401                                 align: 0.0 0.0;
 402                                 color: 0 0 0 0;
 403                                 rel1 { relative: 0.0 1.0; to: "elm.swallow.icon"; }
 404                                 rel2 { relative: 1.0 1.0; to: "elm.swallow.icon"; }
 405                         }
 406                         description {
 407                                 state: "expand" 0.0;
 408                                 inherit: "default" 0.0;
 409                                 min: 0 BUBBLE_ICON_PAD;
 410                                 fixed: 0 1;
 411                         }
 412                 }
 413                 part {
 414                         name: "elm.text";
 415                         type: TEXT;
 416                         mouse_events: 0;
 417                         scale: 1;
 418                         description {
 419                                 state: "default" 0.0;
 420                                 align: 1.0 0.5;
 421                                 fixed: 1 1;
 422                                 visible: 0;
 423                                 text {
 424                                         font: "Tizen:style=Roman";
 425                                         size: 14;
 426                                         min: 1 0;
 427                                         align: 0.0 0.5;
 428                                         text_class: "tizen";
 429                                 }
 430                                 color: 76 75 73 255;
 431                                 rel1 { relative: 0.0 0.0; to: "elm.rect.right.pad"; }
 432                                 rel2 { relative: 0.0 1.0; to: "elm.rect.right.pad"; }
 433                         }
 434                         description {
 435                                 state: "expand" 0.0;
 436                                 inherit: "default" 0.0;
 437                                 visible: 1;
 438                         }
 439                 }
 440                 part {
 441                         name: "elm.image.bg";
 442                         type: IMAGE;
 443                         scale: 1;
 444                         description {
 445                                 state: "default" 0.0;
 446                                 align: 1.0 0.0;
 447                                 rel1 { relative: 0.0 0.0; to_x: "elm.rect.left.pad"; to_y: "elm.rect.top.pad"; }
 448                                 rel2 { relative: 1.0 1.0; to_x: "elm.rect.right.pad"; to_y: "elm.rect.bottom.pad"; }
 449                                 image {
 450                                         normal: "00_messagebubble_bg_sent.png";
 451                                         border: 11 1 7 12;
 452                                         border_scale: 1;
 453                                 }
 454                         }
 455                 }
 456                 part {
 457                         name: "elm.rect.bg.pad";
 458                         type: RECT;
 459                         scale: 1;
 460                         description {
 461                                 state: "default" 0.0;
 462                                 color: 0 0 0 0;
 463                                 rel1 { relative: 0.0 0.0; to_y: "elm.image.bg"; }
 464                                 rel2 { relative: 0.0 1.0; to: "elm.image.bg"; }
 465                         }
 466                 }
 467                 part {
 468                         name: "elm.swallow.content";
 469                         type: SWALLOW;
 470                         scale: 1;
 471                         description {
 472                                 state: "default" 0.0;
 473                                 align: 1.0 0.0;
 474                                 fixed: 1 1;
 475                                 rel1 { relative: 0.3 1.0; to_y: "elm.rect.top.pad"; }
 476                                 rel2 { relative: 0.0 1.0; to_x: "elm.rect.right.pad"; to_y: "elm.rect.top.pad"; }
 477                         }
 478                 }
 479                 part {
 480                         name: "elm.swallow.icon";
 481                         type: SWALLOW;
 482                         description {
 483                                 state: "default" 0.0;
 484                                 min: 0 0;
 485                                 align: 1.0 0.0;
 486                                 rel1 { relative: 0.5 1.0; to_y: "elm.rect.icon.top.pad"; }
 487                                 rel2 { relative: 1.0 1.0; to: "elm.rect.icon.top.pad"; }
 488                         }
 489                         description {
 490                                 state: "expand" 0.0;
 491                                 inherit : "default" 0.0;
 492                                 min: 0 50; //default height of icon
 493                                 fixed: 0 1;
 494                         }
 495                 }
 496                 part {
 497                         name: "elm.swallow.sweep";
 498                         type: SWALLOW;
 499                         description {
 500                                 state: "default" 0.0;
 501                                 rel1 { relative: 0.0 0.0; to_y: "elm.image.bg"; }
 502                                 rel2 { relative: 1.0 1.0; to_y: "elm.image.bg"; }
 503                         }
 504                 }
 505                 /*part {
 506                         name: "elm.info";
 507                         type: TEXT;
 508                         mouse_events:   0;
 509                         scale: 1;
 510                         description {
 511                                 state: "default" 0.0;
 512                                 align: 1.0 0.0;
 513                                 fixed: 1 1;
 514                                 rel1 {
 515                                         relative: 1.0 0.0;
 516                                         offset: -5 4;
 517                                 }
 518                                 rel2 {
 519                                         relative: 1.0 0.0;
 520                                         offset: -5 4;
 521                                 }
 522                                 color: 0 0 0 64;
 523                                 text {
 524                                         font: "Helvetica_:style=Bold";
 525                                         size: 16;
 526                                         min: 1 1;
 527                                         max: 1 1;
 528                                         align: 1.0 0.0;
 529                                 }
 530                         }
 531                 }*/
 532         }
 533         programs {
 534                 program {
 535                         name: "text_add";
 536                         signal: "elm,state,text,visible";
 537                         source: "elm";
 538                         action: STATE_SET "expand" 0.0;
 539                         target: "elm.rect.right.pad";
 540                         target: "elm.text";
 541                 }
 542                 program {
 543                         name: "text_del";
 544                         signal: "elm,state,text,hidden";
 545                         source: "elm";
 546                         action: STATE_SET "default" 0.0;
 547                         target: "elm.rect.right.pad";
 548                         target: "elm.text";
 549                 }
 550                 program {
 551                         name: "icon_add";
 552                         signal: "elm,state,icon,visible";
 553                         source: "elm";
 554                         action: STATE_SET "expand" 0.0;
 555                         target: "elm.rect.icon.top.pad";
 556                         target: "elm.swallow.icon";
 557                         target: "elm.rect.icon.bottom.pad";
 558                 }
 559                 program {
 560                         name: "icon_del";
 561                         signal: "elm,state,icon,hidden";
 562                         source: "elm";
 563                         action: STATE_SET "default" 0.0;
 564                         target: "elm.rect.icon.top.pad";
 565                         target: "elm.swallow.icon";
 566                         target: "elm.rect.icon.bottom.pad";
 567                 }
 568         }
 569 }
 570
 571    group { name: "elm/layout/bubble/readmessage/default";
 572       parts {
 573          part { name: "base";
 574             type: RECT;
 575             repeat_events: 1;
 576             description { state: "default" 0.0;
 577                color: 0 0 0 0;
 578             }
 579          }
 580          part { name: "elm.select_icon.pad";
 581             type: RECT;
 582             scale: 1;
 583             description { state: "default" 0.0;
 584                rel2.relative: 0.0 0.0;
 585                align: 0.0 0.0;
 586                min: BUBBLE_LAYOUT_SELECT_PAD 0;
 587                fixed: 1 1;
 588                visible: 0;
 589             }
 590          }
 591          part { name: "elm.swallow.select_icon";
 592             clip_to: "disclip";
 593             type: SWALLOW;
 594             scale: 1;
 595             description { state: "default" 0.0;
 596                rel1 {
 597                   to_x: "elm.select_icon.pad";
 598                   to_y: "elm.icon";
 599                   relative: 1.0 0.0;
 600                }
 601                rel2 {
 602                   to_x: "elm.select_icon.pad";
 603                   to_y: "elm.icon";
 604                   relative: 1.0 1.0;
 605                }
 606                align: 0.0 0.5;
 607                fixed: 1 1;
 608                visible: 0;
 609             }
 610             description { state: "selectview" 0.0;
 611                inherit: "default" 0.0;
 612                visible: 1;
 613             }
 614          }
 615          part { name: "elm.icon";
 616             clip_to: "disclip";
 617             type: SWALLOW;
 618             scale: 1;
 619             description { state: "default" 0.0;
 620                rel2 {
 621                   to: "elm.bottom.pad";
 622                   relative: 1.0 0.0;
 623                }
 624                align: 0.0 0.0;
 625                fixed: 1 0;
 626             }
 627             description { state: "selectview" 0.0;
 628                inherit: "default" 0.0;
 629                rel1 {
 630                   to_x: "elm.swallow.select_icon";
 631                   relative: 1.0 0.0;
 632                }
 633             }
 634          }
 635          part { name: "elm.bottom.pad";
 636             type: RECT;
 637             scale: 1;
 638             description { state: "default" 0.0;
 639                rel1.relative: 0.0 1.0;
 640                align: 0.5 1.0;
 641                min: 0 BUBBLE_LAYOUT_BOTTOM_PAD;
 642                fixed: 0 1;
 643                visible: 0;
 644             }
 645          }
 646          part { name: "disclip";
 647              type: RECT;
 648              description { state: "default" 0.0;
 649              }
 650              description { state: "disabled" 0.0;
 651                 inherit: "default" 0.0;
 652                 color: BUBBLE_DISCLIP_COLOR;
 653              }
 654          }
 655       }
 656       programs {
 657          program { name: "go_disabled";
 658             signal: "elm,state,disabled";
 659             source: "elm";
 660             action: STATE_SET "disabled" 0.0;
 661             target: "disclip";
 662          }
 663          program { name: "go_enabled";
 664             signal: "elm,state,enabled";
 665             source: "elm";
 666             action: STATE_SET "default" 0.0;
 667             target: "disclip";
 668          }
 669          program { name: "go_defaultview";
 670             signal: "elm,state,select,disable";
 671             source: "elm";
 672             action: STATE_SET "default" 0.0;
 673             //transition: DECELERATE 0.7;
 674             target: "elm.swallow.select_icon";
 675             target: "elm.icon";
 676          }
 677          program { name: "go_selectview";
 678             signal: "elm,state,select,enable";
 679             source: "elm";
 680             action: STATE_SET "selectview" 0.0;
 681             transition: DECELERATE 0.7;
 682             target: "elm.swallow.select_icon";
 683             target: "elm.icon";
 684          }
 685       }
 686    }
 687
 688    group { name: "elm/layout/bubble/sentmessage/default";
 689       parts {
 690          part { name: "base";
 691             type: RECT;
 692             repeat_events: 1;
 693             description { state: "default" 0.0;
 694                color: 0 0 0 0;
 695             }
 696          }
 697          part { name: "elm.select_icon.pad";
 698             type: RECT;
 699             scale: 1;
 700             description { state: "default" 0.0;
 701                rel2.relative: 0.0 0.0;
 702                align: 0.0 0.0;
 703                min: BUBBLE_LAYOUT_SELECT_PAD 0;
 704                fixed: 1 1;
 705                visible: 0;
 706             }
 707          }
 708          part { name: "elm.swallow.select_icon";
 709             clip_to: "disclip";
 710             type: SWALLOW;
 711             scale: 1;
 712             description { state: "default" 0.0;
 713                rel1 {
 714                   to_x: "elm.select_icon.pad";
 715                   to_y: "elm.icon";
 716                   relative: 1.0 0.0;
 717                }
 718                rel2 {
 719                   to_x: "elm.select_icon.pad";
 720                   to_y: "elm.icon";
 721                   relative: 1.0 1.0;
 722                }
 723                align: 0.0 0.5;
 724                fixed: 1 1;
 725                visible: 0;
 726             }
 727             description { state: "selectview" 0.0;
 728                inherit: "default" 0.0;
 729                visible: 1;
 730             }
 731          }
 732          part { name: "elm.icon";
 733             clip_to: "disclip";
 734             type: SWALLOW;
 735             scale: 1;
 736             description { state: "default" 0.0;
 737                rel2 {
 738                   to: "elm.bottom.pad";
 739                   relative: 1.0 0.0;
 740                }
 741                align: 0.0 0.0;
 742                fixed: 1 0;
 743             }
 744             description { state: "selectview" 0.0;
 745                inherit: "default" 0.0;
 746                rel1 {
 747                   to_x: "elm.swallow.select_icon";
 748                   relative: 1.0 0.0;
 749                }
 750             }
 751          }
 752          part { name: "elm.bottom.pad";
 753             type: RECT;
 754             scale: 1;
 755             description { state: "default" 0.0;
 756                rel1.relative: 0.0 1.0;
 757                align: 0.5 1.0;
 758                min: 0 BUBBLE_LAYOUT_BOTTOM_PAD;
 759                fixed: 0 1;
 760                visible: 0;
 761             }
 762          }
 763          part { name: "disclip";
 764              type: RECT;
 765              description { state: "default" 0.0;
 766              }
 767              description { state: "disabled" 0.0;
 768                 inherit: "default" 0.0;
 769                 color: BUBBLE_DISCLIP_COLOR;
 770              }
 771          }
 772       }
 773       programs {
 774          program { name: "go_disabled";
 775             signal: "elm,state,disabled";
 776             source: "elm";
 777             action: STATE_SET "disabled" 0.0;
 778             target: "disclip";
 779          }
 780          program { name: "go_enabled";
 781             signal: "elm,state,enabled";
 782             source: "elm";
 783             action: STATE_SET "default" 0.0;
 784             target: "disclip";
 785          }
 786          program { name: "go_defaultview";
 787             signal: "elm,state,select,disable";
 788             source: "elm";
 789             action: STATE_SET "default" 0.0;
 790             //transition: DECELERATE 0.7;
 791             target: "elm.swallow.select_icon";
 792             target: "elm.icon";
 793          }
 794          program { name: "go_selectview";
 795             signal: "elm,state,select,enable";
 796             source: "elm";
 797             action: STATE_SET "selectview" 0.0;
 798             transition: DECELERATE 0.7;
 799             target: "elm.swallow.select_icon";
 800             target: "elm.icon";
 801          }
 802       }
 803    }
 804
 805    group { name: "elm/layout/bubble/seperator/default";
 806       parts {
 807          part { name: "base";
 808             type: RECT;
 809             repeat_events: 1;
 810             description { state: "default" 0.0;
 811                min: 0 GENLIST_PADDING_24_INC;
 812                color: 0 0 0 0;
 813             }
 814          }
 815       }
 816    }
 817