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