themes/widgets/colorselector.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 group {
  19    name: "elm/colorselector/palette/default";
  20    data.item: "horizontal_pad" COLORSELECTOR_PORTRAIT_HOR_PAD_INC;
  21    data.item: "vertical_pad" COLORSELECTOR_PORTRAIT_VER_PAD_INC;
  22    parts {
  23       part { name: "base";
  24          type: RECT;
  25          scale: 1;
  26          mouse_events: 1;
  27          description { state: "default" 0.0;
  28             visible: 0;
  29             align: 0.0 0.0;
  30          }
  31       }
  32       part { name: "palette";
  33          type: SWALLOW;
  34          scale: 1;
  35          mouse_events: 1;
  36          description { state: "default" 0.0;
  37             align: 0.0 0.0;
  38             fixed: 0 1;
  39             rel1 {
  40                relative: 0.0 0.0;
  41                to: "base";
  42             }
  43             rel2 {
  44                relative: 1.0 0.0;
  45                to: "base";
  46             }
  47          }
  48       }
  49       part{ name: "bottom_padding";
  50          type: RECT;
  51          scale: 1;
  52          description { state: "default" 0.0;
  53             visible: 0;
  54             min: 0 20;
  55             fixed: 0 1;
  56             rel1.relative: 0.0 1.0;
  57             rel1.to: "palette";
  58             rel2.to: "palette";
  59             align: 0.0 0.0;
  60          }
  61       }
  62       part { name: "selector";
  63          type: SWALLOW;
  64          scale: 1;
  65          mouse_events: 1;
  66          description { state: "default" 0.0;
  67             align: 0.0 1.0;
  68             rel1 {
  69                relative: 0.0 1.0;
  70                to: "bottom_padding";
  71             }
  72             rel2 {
  73                relative: 1.0 1.0;
  74                to: "base";
  75             }
  76          }
  77       }
  78    }
  79 }
  80
  81 group {
  82    name: "elm/colorselector/palette/landscape";
  83    data.item: "horizontal_pad" COLORSELECTOR_LANDSCAPE_HOR_PAD_INC;
  84    data.item: "vertical_pad" COLORSELECTOR_LANDSCAPE_VER_PAD_INC;
  85    parts {
  86       part { name: "base";
  87          type: RECT;
  88          scale: 1;
  89          mouse_events: 1;
  90          description { state: "default" 0.0;
  91             visible: 0;
  92             align: 0.0 0.0;
  93          }
  94       }
  95       part { name: "palette";
  96          type: SWALLOW;
  97          scale: 1;
  98          mouse_events: 1;
  99          description { state: "default" 0.0;
 100             align: 0.0 0.0;
 101             fixed: 0 1;
 102             rel1 {
 103                relative: 0.0 0.0;
 104                to: "base";
 105             }
 106             rel2 {
 107                relative: 1.0 0.0;
 108                to: "base";
 109             }
 110          }
 111       }
 112       part{ name: "bottom_padding";
 113          type: RECT;
 114          scale: 1;
 115          description { state: "default" 0.0;
 116             visible: 0;
 117             min: 0 20;
 118             fixed: 0 1;
 119             rel1.relative: 0.0 1.0;
 120             rel1.to: "palette";
 121             rel2.to: "palette";
 122             align: 0.0 0.0;
 123          }
 124       }
 125       part { name: "selector";
 126          type: SWALLOW;
 127          scale: 1;
 128          mouse_events: 1;
 129          description { state: "default" 0.0;
 130             align: 0.0 1.0;
 131             rel1 {
 132                relative: 0.0 1.0;
 133                to: "bottom_padding";
 134             }
 135             rel2 {
 136                relative: 1.0 1.0;
 137                to: "base";
 138             }
 139          }
 140       }
 141    }
 142 }
 143
 144 group{
 145    name: "elm/colorselector/bg/default";
 146    parts{
 147       part{
 148          name: "bg_rect";
 149          type: RECT;
 150          mouse_events: 1;
 151          scale: 1;
 152          description{
 153             state: "default" 0.0;
 154             min: COLORSELECTOR_MIN_W_INC COLORSELECTOR_MIN_H_INC;
 155             color: 0 0 0 0;
 156          }
 157       }
 158       part{ name: "top_padding1";
 159          type: RECT;
 160          scale: 1;
 161          ignore_flags: ON_HOLD;
 162          description {
 163             state: "default" 0.0;
 164             min: 1 1;
 165             fixed: 1 1;
 166             color: COLORSELECTOR_PADDING_COLOR_TOP_INC;
 167             rel2.relative: 1.0 0.0;
 168             rel1.to: "bg_rect";
 169             rel2.to: "bg_rect";
 170             align: 0.0 0.0;
 171          }
 172       }
 173       part{ name: "top_padding2";
 174          type: RECT;
 175          scale: 1;
 176          ignore_flags: ON_HOLD;
 177          description {
 178             state: "default" 0.0;
 179             min: 1 1;
 180             fixed: 1 1;
 181             color: COLORSELECTOR_PADDING_COLOR_BOTTOM_INC;
 182             rel1.relative: 0.0 1.0;
 183             rel1.to_y: "top_padding1";
 184             rel2.to_y: "top_padding1";
 185             align: 0.0 0.0;
 186          }
 187       }
 188       part{
 189          name: "elm.colorbar_0";
 190          type: SWALLOW;
 191          mouse_events: 1;
 192          scale: 1;
 193          description{
 194             state: "default" 0.0;
 195             min: 1 COLORSELECTOR_COLORBAR_HEIGHT;
 196             max: COLORSELECTOR_MAX_W_INC COLORSELECTOR_COLORBAR_HEIGHT;
 197             fixed: 0 1;
 198             rel1.relative: 0.0 1.0;
 199             rel1.to_y: "top_padding2";
 200             rel2.to_y: "top_padding2";
 201             align: 0.5 0.0;
 202          }
 203       }
 204       part{
 205          name: "bottom_padding1";
 206          type: RECT;
 207          scale: 1;
 208          ignore_flags: ON_HOLD;
 209          description {
 210             state: "default" 0.0;
 211             visible: 1;
 212             min: 1 1;
 213             fixed: 1 1;
 214             color: COLORSELECTOR_PADDING_COLOR_TOP_INC;
 215             rel1.relative: 0.0 1.0;
 216             rel1.to_y: "elm.colorbar_0";
 217             rel2.to_y: "elm.colorbar_0";
 218             align: 0.0 0.0;
 219          }
 220       }
 221       part{
 222          name: "bottom_padding2";
 223          type: RECT;
 224          scale: 1;
 225          ignore_flags: ON_HOLD;
 226          description {
 227             state: "default" 0.0;
 228             visible: 1;
 229             min: 1 1;
 230             fixed: 1 1;
 231             color: COLORSELECTOR_PADDING_COLOR_BOTTOM_INC;
 232             rel1.relative: 0.0 1.0;
 233             rel1.to_y: "bottom_padding1";
 234             rel2.to_y: "bottom_padding1";
 235             align: 0.0 0.0;
 236          }
 237       }
 238       part{
 239          name: "elm.colorbar_1";
 240          type: SWALLOW;
 241          mouse_events: 1;
 242          scale: 1;
 243          description{
 244             state: "default" 0.0;
 245             min: 1 COLORSELECTOR_COLORBAR_HEIGHT;
 246             max: COLORSELECTOR_MAX_W_INC COLORSELECTOR_COLORBAR_HEIGHT;
 247             fixed: 0 1;
 248             rel1.relative: 0.0 1.0;
 249             rel1.to_y: "bottom_padding2";
 250             rel2.to_y: "bottom_padding2";
 251             align: 0.5 0.0;
 252          }
 253       }
 254       part {
 255          name: "bottom_padding3";
 256          type: RECT;
 257          scale: 1;
 258          ignore_flags: ON_HOLD;
 259          description {
 260             state: "default" 0.0;
 261             visible: 1;
 262             min: 1 1;
 263             fixed: 1 1;
 264             color: COLORSELECTOR_PADDING_COLOR_TOP_INC;
 265             rel1.relative: 0.0 1.0;
 266             rel1.to_y: "elm.colorbar_1";
 267             rel2.to_y: "elm.colorbar_1";
 268             align: 0.0 0.0;
 269          }
 270       }
 271       part {
 272          name: "bottom_padding4";
 273          type: RECT;
 274          scale: 1;
 275          ignore_flags: ON_HOLD;
 276          description {
 277             state: "default" 0.0;
 278             visible: 1;
 279             min: 1 1;
 280             fixed: 1 1;
 281             color: COLORSELECTOR_PADDING_COLOR_BOTTOM_INC;
 282             rel1.relative: 0.0 1.0;
 283             rel1.to_y: "bottom_padding3";
 284             rel2.to_y: "bottom_padding3";
 285             align: 0.0 0.0;
 286          }
 287       }
 288       part{
 289          name: "elm.colorbar_2";
 290          type: SWALLOW;
 291          mouse_events: 1;
 292          scale: 1;
 293          description{
 294             state: "default" 0.0;
 295             min: 1 COLORSELECTOR_COLORBAR_HEIGHT;
 296             max: COLORSELECTOR_MAX_W_INC COLORSELECTOR_COLORBAR_HEIGHT;
 297             fixed: 0 1;
 298             rel1.relative: 0.0 1.0;
 299             rel1.to_y: "bottom_padding4";
 300             rel2.to_y: "bottom_padding4";
 301             align: 0.5 0.0;
 302          }
 303       }
 304       part {
 305          name: "bottom_padding5";
 306          type: RECT;
 307          scale: 1;
 308          ignore_flags: ON_HOLD;
 309          description {
 310             state: "default" 0.0;
 311             visible: 1;
 312             min: 1 1;
 313             fixed: 1 1;
 314             color: COLORSELECTOR_PADDING_COLOR_TOP_INC;
 315             rel1.relative: 0.0 1.0;
 316             rel1.to_y: "elm.colorbar_2";
 317             rel2.to_y: "elm.colorbar_2";
 318             align: 0.0 0.0;
 319          }
 320       }
 321       part {
 322          name: "bottom_padding6";
 323          type: RECT;
 324          scale: 1;
 325          ignore_flags: ON_HOLD;
 326          description {
 327             state: "default" 0.0;
 328             visible: 1;
 329             min: 1 1;
 330             fixed: 1 1;
 331             color: COLORSELECTOR_PADDING_COLOR_BOTTOM_INC;
 332             rel1.relative: 0.0 1.0;
 333             rel1.to_y: "bottom_padding5";
 334             rel2.to_y: "bg_rect";
 335             align: 0.0 0.0;
 336          }
 337       }
 338    }
 339 }
 340
 341 group{
 342    name: "elm/colorselector/base/default";
 343    parts{
 344       part{
 345          name: "bg_rect";
 346          type: RECT;
 347          scale: 1;
 348          mouse_events: 1;
 349          description{
 350             state: "default" 0.0;
 351             color: 0 0 0 0;
 352          }
 353       }
 354       part{
 355          name: "bar_bg_padding_rect_l";
 356          type: RECT;
 357          scale: 1;
 358          description{
 359             state: "default" 0.0;
 360             visible: 0;
 361             min: COLORSELECTOR_COLORBAR_LEFT_PADDING 0;
 362             fixed: 1 0;
 363             rel1.relative: 0.0 0.5;
 364             rel2.relative: 0.0 0.5;
 365             align: 0.0 0.5;
 366          }
 367       }
 368       part{
 369          name: "bar_bg_padding_rect_r";
 370          type: RECT;
 371          scale: 1;
 372          description{
 373             state: "default" 0.0;
 374             visible: 0;
 375             min: COLORSELECTOR_COLORBAR_RIGHT_PADDING 0;
 376             fixed: 1 0;
 377             rel1.relative: 1.0 0.5;
 378             rel2.relative: 1.0 0.5;
 379             align: 1.0 0.5;
 380          }
 381       }
 382       part {
 383          name: "button_top_padding";
 384          type: RECT;
 385          scale: 1;
 386          ignore_flags: ON_HOLD;
 387          description {
 388             state: "default" 0.0;
 389             visible: 0;
 390             min: 0 COLORSELECTOR_BUTTON_TOP_PADDING;
 391             fixed: 1 1;
 392             rel1.relative: 0.0 0.0;
 393             rel2.relative: 1.0 0.0;
 394             align: 0.5 0;
 395          }
 396       }
 397       part{
 398          name: "elm.bar_bg";
 399          type: SWALLOW;
 400          mouse_events: 1;
 401          description{
 402             state: "default" 0.0;
 403             rel1 {relative: 1.0 (16/70); to_x: "bar_bg_padding_rect_l";}
 404             rel2 {relative: 0.0 (54/70); to_x: "bar_bg_padding_rect_r";}
 405          }
 406       }
 407       part{
 408          name: "elm.bar";
 409          type: SWALLOW;
 410          mouse_events: 1;
 411          description{
 412             state: "default" 0.0;
 413             rel1.to: "elm.bar_bg";
 414             rel2.to: "elm.bar_bg";
 415          }
 416       }
 417       part{
 418          name: "arrow_bg_padding_rect_l";
 419          type: RECT;
 420          scale: 1;
 421          description{
 422             state: "default" 0.0;
 423             visible: 0;
 424             min: COLORSELECTOR_ARROW_BG_LEFT_PADDING 0;
 425             fixed: 1 0;
 426             rel2.relative: 0.0 1.0;
 427             align: 0.0 0.5;
 428          }
 429       }
 430       part{
 431          name: "arrow_bg_padding_rect_r";
 432          type: RECT;
 433          scale: 1;
 434          description{
 435             state: "default" 0.0;
 436             visible: 0;
 437             min: COLORSELECTOR_ARROW_BG_RIGHT_PADDING 0;
 438             fixed: 1 0;
 439             rel1.relative: 1.0 0.0;
 440             align: 1.0 0.5;
 441          }
 442       }
 443       part{
 444          name: "elm.arrow_bg";
 445          type: SWALLOW;
 446          mouse_events: 1;
 447          description{
 448             state: "default" 0.0;
 449             rel1 {relative: 1.0 (10/70); to_x: "arrow_bg_padding_rect_l";}
 450             rel2 {relative: 0.0 (60/70); to_x: "arrow_bg_padding_rect_r";}
 451          }
 452       }
 453       part{
 454          name: "elm.arrow";
 455          type: RECT;
 456          mouse_events: 0;
 457          scale: 1;
 458          description{
 459             state: "default" 0.0;
 460             min: COLORSELECTOR_ARROW_MIN_WIDTH COLORSELECTOR_ARROW_MIN_HEIGHT;
 461             fixed: 1 1;
 462             align: 0 0.5;
 463             visible: 0;
 464             rel1 {relative: 0.0 0.0; to_y: "elm.arrow_bg";}
 465             rel2 {relative: 0.0 1.0; to_y: "elm.arrow_bg";}
 466          }
 467          dragable{
 468             confine: "elm.arrow_bg";
 469             x: 1 1 0;
 470             y: 0 0 0;
 471          }
 472       }
 473       part{
 474          name: "elm.arrow_icon";
 475          type: SWALLOW;
 476          mouse_events: 0;
 477          scale: 1;
 478          description{
 479             state: "default" 0.0;
 480             fixed: 1 1;
 481             align: 0.5 0.5;
 482             rel1 {
 483                to: "elm.arrow";
 484                offset: COLORSELECTOR_ARROW_REL1_OFFSET;
 485             }
 486             rel2 {
 487                to: "elm.arrow";
 488                offset: COLORSELECTOR_ARROW_REL2_OFFSET;
 489             }
 490          }
 491       }
 492       part{
 493          name: "event";
 494          type: RECT;
 495          scale: 1;
 496          description{
 497             state: "default" 0.0;
 498             min: COLORSELECTOR_DRAGGABLE_EVENT_AREA;
 499             fixed: 1 1;
 500             rel1.to: "elm.arrow_icon";
 501             rel2.to: "elm.arrow_icon";
 502             color: 0 0 0 0;
 503          }
 504          dragable{
 505             events: "elm.arrow";
 506          }
 507       }
 508       part{
 509          name: "l_button_padding_rect";
 510          type: RECT;
 511          mouse_events: 0;
 512          scale: 1;
 513          description{
 514             state: "default" 0.0;
 515             visible: 0;
 516             min: COLORSELECTOR_BUTTON_LEFT_PADDING 0;
 517             fixed: 1 0;
 518             rel2.relative: 0.0 1.0;
 519             align: 0.0 0.5;
 520          }
 521       }
 522       part{
 523          name: "r_button_padding_rect";
 524          type: RECT;
 525          mouse_events: 0;
 526          scale: 1;
 527          description{
 528             state: "default" 0.0;
 529             visible: 0;
 530             min: COLORSELECTOR_BUTTON_RIGHT_PADDING 0;
 531             fixed: 1 0;
 532             rel1.relative: 1.0 0.0;
 533             align: 1.0 0.5;
 534          }
 535       }
 536       part{
 537          name: "elm.l_button";
 538          type: SWALLOW;
 539          mouse_events: 1;
 540          scale: 1;
 541          description{
 542             state: "default" 0.0;
 543             min: COLORSELECTOR_BUTTON_WIDTH COLORSELECTOR_BUTTON_HEIGHT;
 544             fixed: 1 1;
 545             rel1 {relative: 1.0 1.0; to_x: "l_button_padding_rect"; to_y: "button_top_padding";}
 546             rel2 {relative: 1.0 1.0; to_x: "l_button_padding_rect"; to_y: "button_top_padding";}
 547             align: 0.0 0.0;
 548          }
 549       }
 550       part{
 551          name: "elm.r_button";
 552          type: SWALLOW;
 553          mouse_events: 1;
 554          scale: 1;
 555          description{
 556             state: "default" 0.0;
 557             min: COLORSELECTOR_BUTTON_WIDTH COLORSELECTOR_BUTTON_HEIGHT;
 558             fixed: 1 1;
 559             rel1 {relative: 0.0 1.0; to_x: "r_button_padding_rect"; to_y: "button_top_padding";}
 560             rel2 {relative: 0.0 1.0; to_x: "r_button_padding_rect"; to_y: "button_top_padding";}
 561             align: 1.0 0.0;
 562          }
 563       }
 564    }
 565 }
 566
 567 group{
 568    name: "elm/colorselector/image/colorbar_0/default";
 569    images{
 570       image: "00_color_picker_color.png" COMP;
 571    }
 572    parts{
 573       part{
 574          name: "bg";
 575          type: RECT;
 576          mouse_events: 1;
 577          scale: 1;
 578          description{
 579             state: "default" 0.0;
 580             visible: 1;
 581             rel1 {relative: 0.0 0.0; offset: 0 0;}
 582             rel2 {relative: 1.0 1.0; offset: 0 0;}
 583             color: 0 0 0 0;
 584          }
 585       }
 586       part{
 587          name: "colorbar_0_image";
 588          type: IMAGE;
 589          mouse_events: 1;
 590          description{
 591             state: "default" 0.0;
 592             visible: 1;
 593             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 594             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 595             image.normal:  "00_color_picker_color.png";
 596          }
 597       }
 598    }
 599 }
 600
 601 group{
 602    name: "elm/colorselector/image/colorbar_1/default";
 603    images{
 604       image: "00_color_picker_saturation.png" COMP;
 605    }
 606    parts{
 607       part{
 608          name: "bg";
 609          type: RECT;
 610          scale: 1;
 611          mouse_events: 1;
 612          description{
 613             state: "default" 0.0;
 614             visible: 1;
 615             rel1 {relative: 0.0 0.0; offset: 0 0;}
 616             rel2 {relative: 1.0 1.0; offset: 0 0;}
 617             color: 0 0 0 0;
 618          }
 619       }
 620       part{
 621          name: "colorbar_1_image";
 622          type: IMAGE;
 623          mouse_events: 1;
 624          description{
 625             state: "default" 0.0;
 626             visible: 1;
 627             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 628             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 629             image.normal:  "00_color_picker_saturation.png";
 630          }
 631       }
 632    }
 633 }
 634
 635 group{
 636    name: "elm/colorselector/image/colorbar_2/default";
 637    images{
 638       image: "00_color_picker_brightness.png" COMP;
 639    }
 640    parts{
 641       part{
 642          name: "bg";
 643          type: RECT;
 644          mouse_events: 1;
 645          scale: 1;
 646          description{
 647             state: "default" 0.0;
 648             visible: 1;
 649             rel1 {relative: 0.0 0.0; offset: 0 0;}
 650             rel2 {relative: 1.0 1.0; offset: 0 0;}
 651             color: 0 0 0 0;
 652          }
 653       }
 654       part{
 655          name: "colorbar_2_image";
 656          type: IMAGE;
 657          mouse_events: 1;
 658          description{
 659             state: "default" 0.0;
 660             visible: 1;
 661             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 662             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 663             image.normal:  "00_color_picker_brightness.png";
 664          }
 665       }
 666    }
 667 }
 668
 669 group{
 670    name: "elm/colorselector/arrow/default";
 671    images{
 672       image:"00_color_picker_handler.png" COMP;
 673    }
 674    parts{
 675       part{
 676          name: arrow_image;
 677          scale: 1;
 678          type: IMAGE;
 679          mouse_events: 1;
 680          description{
 681             state: "default" 0.0;
 682             image.normal: "00_color_picker_handler.png";
 683          }
 684       }
 685    }
 686 }
 687
 688 group {
 689    name: "elm/colorselector/item/default";
 690    images {
 691       image: "00_color_picker_palette_focus.png" COMP;
 692    }
 693    parts {
 694       part {
 695          name: "color_bg";
 696          type: RECT;
 697          mouse_events:1;
 698          scale: 1;
 699          description {
 700             state: "default" 0.0;
 701             min: COLORSELECTOR_PALETTE_COLORBG_MIN_WIDTH_INC COLORSELECTOR_PALETTE_COLORBG_MIN_HEIGHT_INC;
 702             visible: 0;
 703          }
 704       }
 705       part { name: "color_obj";
 706          type: SWALLOW;
 707          mouse_events: 1;
 708          scale: 1;
 709          description { state: "default" 0.0;
 710             rel1.to: "color_bg";
 711             rel2.to: "color_bg";
 712          }
 713       }
 714       part {
 715          name: "focus_image";
 716          mouse_events:1;
 717          scale: 1;
 718          description {
 719             state: "default" 0.0;
 720             visible: 0;
 721             min: COLORSELECTOR_PALETTE_COLORBG_FOCUS_MIN_WIDTH_INC COLORSELECTOR_PALETTE_COLORBG_FOCUS_MIN_HEIGHT_INC;
 722             image.normal: "00_color_picker_palette_focus.png";
 723             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 724             image.border_scale: 1;
 725             rel1.to: "color_bg";
 726             rel2.to: "color_bg";
 727          }
 728          description {
 729             state: "focused" 0.0;
 730             inherit: "default" 0.0;
 731             visible: 1;
 732          }
 733       }
 734       part { name: "over1";
 735          type: RECT;
 736          scale: 1;
 737          repeat_events: 1;
 738          description {
 739             state: "default" 0.0;
 740             rel1.to: "color_bg";
 741             rel2.to: "color_bg";
 742             color: 0 0 0 0;
 743          }
 744       }
 745    }
 746    programs {
 747       program { name: "item_focus";
 748          source: "elm";
 749          signal: "elm,state,selected";
 750          action: STATE_SET "focused" 0.0;
 751          target: "focus_image";
 752       }
 753       program { name: "item_unfocus";
 754          source: "elm";
 755          signal: "elm,state,unselected";
 756          action: STATE_SET "default" 0.0;
 757          target: "focus_image";
 758       }
 759       program { name: "touch_snd";
 760          signal: "mouse,clicked,1";
 761          source: "over1";
 762          action: PLAY_SAMPLE "touch_sound" 1.0;
 763       }
 764    }
 765 }
 766
 767 group {
 768    name: "elm/colorselector/item/color/default";
 769    images {
 770       image: "00_color_picker_palette_bg.png" COMP;
 771    }
 772    parts {
 773       part {
 774          name: "color_rect";
 775          type: IMAGE;
 776          mouse_events: 1;
 777          scale: 1;
 778          description{
 779             state: "default" 0.0;
 780             image.normal: "00_color_picker_palette_bg.png";
 781             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 782             image.border_scale: 1;
 783          }
 784       }
 785    }
 786 }
 787