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       image: "00_color_picker_color_h.png" COMP;
 572    }
 573    parts{
 574       part{
 575          name: "bg";
 576          type: RECT;
 577          mouse_events: 1;
 578          scale: 1;
 579          description {
 580             state: "default" 0.0;
 581             visible: 1;
 582             color: 0 0 0 0;
 583          }
 584       }
 585       part{
 586          name: "colorbar_0_image";
 587          type: IMAGE;
 588          mouse_events: 1;
 589          description {
 590             state: "default" 0.0;
 591             visible: 1;
 592             rel1.to: "bg";
 593             rel2.to: "bg";
 594             image.normal: "00_color_picker_color.png";
 595          }
 596          description {
 597             state: "landscape" 0.0;
 598             inherit: "default" 0.0;
 599             image.normal: "00_color_picker_color_h.png";
 600          }
 601       }
 602    }
 603    programs {
 604       program { name: "landscape_mode";
 605          source: "elm";
 606          signal: "elm,state,orient,90";
 607          action: STATE_SET "landscape" 0.0;
 608          target: "colorbar_0_image";
 609       }
 610       program { name: "landscape_mode2";
 611          source: "elm";
 612          signal: "elm,state,orient,270";
 613          action: STATE_SET "landscape" 0.0;
 614          target: "colorbar_0_image";
 615       }
 616       program { name: "portrait_mode";
 617          source: "elm";
 618          signal: "elm,state,orient,0";
 619          action: STATE_SET "default" 0.0;
 620          target: "colorbar_0_image";
 621       }
 622       program { name: "portrait_mode2";
 623          source: "elm";
 624          signal: "elm,state,orient,180";
 625          action: STATE_SET "default" 0.0;
 626          target: "colorbar_0_image";
 627       }
 628    }
 629 }
 630
 631 group{
 632    name: "elm/colorselector/image/colorbar_1/default";
 633    images{
 634       image: "00_color_picker_saturation.png" COMP;
 635       image: "00_color_picker_saturation_h.png" COMP;
 636    }
 637    parts{
 638       part{
 639          name: "bg";
 640          type: RECT;
 641          scale: 1;
 642          mouse_events: 1;
 643          description{
 644             state: "default" 0.0;
 645             visible: 1;
 646             color: 0 0 0 0;
 647          }
 648       }
 649       part{
 650          name: "colorbar_1_image";
 651          type: IMAGE;
 652          mouse_events: 1;
 653          description{
 654             state: "default" 0.0;
 655             visible: 1;
 656             rel1.to: "bg";
 657             rel2.to: "bg";
 658             image.normal:  "00_color_picker_saturation.png";
 659          }
 660          description {
 661             state: "landscape" 0.0;
 662             inherit: "default" 0.0;
 663             image.normal:  "00_color_picker_saturation_h.png";
 664          }
 665       }
 666    }
 667    programs {
 668       program { name: "landscape_mode";
 669          source: "elm";
 670          signal: "elm,state,orient,90";
 671          action: STATE_SET "landscape" 0.0;
 672          target: "colorbar_1_image";
 673       }
 674       program { name: "landscape_mode2";
 675          source: "elm";
 676          signal: "elm,state,orient,270";
 677          action: STATE_SET "landscape" 0.0;
 678          target: "colorbar_1_image";
 679       }
 680       program { name: "portrait_mode";
 681          source: "elm";
 682          signal: "elm,state,orient,0";
 683          action: STATE_SET "default" 0.0;
 684          target: "colorbar_1_image";
 685       }
 686       program { name: "portrait_mode2";
 687          source: "elm";
 688          signal: "elm,state,orient,180";
 689          action: STATE_SET "default" 0.0;
 690          target: "colorbar_1_image";
 691       }
 692    }
 693 }
 694
 695 group{
 696    name: "elm/colorselector/image/colorbar_2/default";
 697    images{
 698       image: "00_color_picker_brightness.png" COMP;
 699       image: "00_color_picker_brightness_h.png" COMP;
 700    }
 701    parts{
 702       part{
 703          name: "bg";
 704          type: RECT;
 705          mouse_events: 1;
 706          scale: 1;
 707          description{
 708             state: "default" 0.0;
 709             visible: 1;
 710             color: 0 0 0 0;
 711          }
 712       }
 713       part{
 714          name: "colorbar_2_image";
 715          type: IMAGE;
 716          mouse_events: 1;
 717          description{
 718             state: "default" 0.0;
 719             visible: 1;
 720             rel1.to: "bg";
 721             rel2.to: "bg";
 722             image.normal:  "00_color_picker_brightness.png";
 723          }
 724          description {
 725             state: "landscape" 0.0;
 726             inherit: "default" 0.0;
 727             image.normal:  "00_color_picker_brightness_h.png";
 728          }
 729       }
 730    }
 731    programs {
 732       program { name: "landscape_mode";
 733          source: "elm";
 734          signal: "elm,state,orient,90";
 735          action: STATE_SET "landscape" 0.0;
 736          target: "colorbar_2_image";
 737       }
 738       program { name: "landscape_mode2";
 739          source: "elm";
 740          signal: "elm,state,orient,270";
 741          action: STATE_SET "landscape" 0.0;
 742          target: "colorbar_2_image";
 743       }
 744       program { name: "portrait_mode";
 745          source: "elm";
 746          signal: "elm,state,orient,0";
 747          action: STATE_SET "default" 0.0;
 748          target: "colorbar_2_image";
 749       }
 750       program { name: "portrait_mode2";
 751          source: "elm";
 752          signal: "elm,state,orient,180";
 753          action: STATE_SET "default" 0.0;
 754          target: "colorbar_2_image";
 755       }
 756    }
 757 }
 758
 759 group{
 760    name: "elm/colorselector/arrow/default";
 761    images{
 762       image:"00_color_picker_handler.png" COMP;
 763    }
 764    parts{
 765       part{
 766          name: arrow_image;
 767          scale: 1;
 768          type: IMAGE;
 769          mouse_events: 1;
 770          description{
 771             state: "default" 0.0;
 772             image.normal: "00_color_picker_handler.png";
 773          }
 774       }
 775    }
 776 }
 777
 778 group {
 779    name: "elm/colorselector/item/default";
 780    images {
 781       image: "00_color_picker_palette_focus.png" COMP;
 782    }
 783    parts {
 784       part {
 785          name: "color_bg";
 786          type: RECT;
 787          mouse_events:1;
 788          scale: 1;
 789          description {
 790             state: "default" 0.0;
 791             min: COLORSELECTOR_PALETTE_COLORBG_MIN_WIDTH_INC COLORSELECTOR_PALETTE_COLORBG_MIN_HEIGHT_INC;
 792             visible: 0;
 793          }
 794       }
 795       part { name: "color_obj";
 796          type: SWALLOW;
 797          mouse_events: 1;
 798          scale: 1;
 799          description { state: "default" 0.0;
 800             rel1.to: "color_bg";
 801             rel2.to: "color_bg";
 802          }
 803       }
 804       part {
 805          name: "focus_image";
 806          mouse_events:1;
 807          scale: 1;
 808          description {
 809             state: "default" 0.0;
 810             visible: 0;
 811             min: COLORSELECTOR_PALETTE_COLORBG_FOCUS_MIN_WIDTH_INC COLORSELECTOR_PALETTE_COLORBG_FOCUS_MIN_HEIGHT_INC;
 812             image.normal: "00_color_picker_palette_focus.png";
 813             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 814             image.border_scale: 1;
 815             rel1.to: "color_bg";
 816             rel2.to: "color_bg";
 817          }
 818          description {
 819             state: "focused" 0.0;
 820             inherit: "default" 0.0;
 821             visible: 1;
 822          }
 823       }
 824       part { name: "over1";
 825          type: RECT;
 826          scale: 1;
 827          repeat_events: 1;
 828          description {
 829             state: "default" 0.0;
 830             rel1.to: "color_bg";
 831             rel2.to: "color_bg";
 832             color: 0 0 0 0;
 833          }
 834       }
 835    }
 836    programs {
 837       program { name: "item_focus";
 838          source: "elm";
 839          signal: "elm,state,selected";
 840          action: STATE_SET "focused" 0.0;
 841          target: "focus_image";
 842       }
 843       program { name: "item_unfocus";
 844          source: "elm";
 845          signal: "elm,state,unselected";
 846          action: STATE_SET "default" 0.0;
 847          target: "focus_image";
 848       }
 849       program { name: "touch_snd";
 850          signal: "mouse,clicked,1";
 851          source: "over1";
 852          action: PLAY_SAMPLE "touch_sound" 1.0;
 853       }
 854    }
 855 }
 856
 857 group {
 858    name: "elm/colorselector/item/color/default";
 859    images {
 860       image: "00_color_picker_palette_bg.png" COMP;
 861    }
 862    parts {
 863       part {
 864          name: "color_rect";
 865          type: IMAGE;
 866          mouse_events: 1;
 867          scale: 1;
 868          description{
 869             state: "default" 0.0;
 870             image.normal: "00_color_picker_palette_bg.png";
 871             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 872             image.border_scale: 1;
 873          }
 874       }
 875    }
 876 }
 877