themes/widgets/panes.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    group {
  21       name: "elm/panes/vertical/default";
  22       images {
  23          image: "00_splite_handler_bg_v.png" COMP;
  24          image: "00_splite_handler_bg_press.png" COMP;
  25          image: "00_splite_handler_v.png" COMP;
  26       }
  27       parts
  28       {
  29          part
  30          {
  31             name: "whole";
  32             type: RECT;
  33             description
  34             {
  35                state: "default" 0.0;
  36                visible: 0;
  37                rel1.to_x: "pad_left";
  38                rel2.to_x: "pad_right";
  39             }
  40          }
  41          part {
  42             name: "pad_left";
  43             type: RECT;
  44             scale: 1;
  45             description {
  46                state: "default" 0.0;
  47                rel2.relative:0.0 1.0;
  48                min: PANES_STYLE_DEFAULT_PADDING_LEFT_SIZE_INC 0;
  49                fixed: 1 0;
  50                align: 1.0 0.5;
  51                visible: 0;
  52             }
  53             description {
  54                state: "hidden" 0.0;
  55                inherit: "default" 0.0;
  56                min: 0 0;
  57             }
  58          }
  59          part {
  60             name: "pad_right";
  61             type: RECT;
  62             scale: 1;
  63             description {
  64                state: "default" 0.0;
  65                rel1.relative: 1.0 0.0;
  66                min: PANES_STYLE_DEFAULT_PADDING_RIGHT_SIZE_INC 0;
  67                fixed: 1 0;
  68                align: 0.0 0.5;
  69                visible: 0;
  70             }
  71             description {
  72                state: "hidden" 0.0;
  73                inherit: "default" 0.0;
  74                min: 0 0;
  75             }
  76          }
  77          //2 contents
  78          part
  79          {
  80             name: "whole_left";
  81             type: RECT;
  82             mouse_events: 0;
  83             description
  84             {
  85                state: "default" 0.0;
  86                rel1 {
  87                   to_x: "pad_left";
  88                   relative: 1.0 0.0;
  89                }
  90                rel2 {
  91                   to_x: "bar_bg";
  92                   relative: 0.0 1.0;
  93                }
  94             }
  95             description
  96             {
  97                state: "hide" 0.0;
  98                inherit: "default" 0.0;
  99                color: 255 255 255 0;
 100             }
 101          }
 102          part
 103          {
 104             name: "elm.swallow.left";
 105             type: SWALLOW;
 106             clip_to: "whole_left";
 107             description
 108             {
 109                state: "default" 0.0;
 110                align: 0.0 0.5;
 111                fixed: 1 1;
 112                rel1.to: "whole_left";
 113                rel2.to: "whole_left";
 114             }
 115             description
 116             {
 117                state: "hide" 0.0;
 118                inherit: "default" 0.0;
 119                rel1.relative: -1.0 0.0;
 120                rel2.relative: 0.0 1.0;
 121             }
 122          }
 123          part
 124          {
 125             name: "whole_right";
 126             type: RECT;
 127             mouse_events: 0;
 128             description
 129             {
 130                state: "default" 0.0;
 131                rel1 {
 132                   to_x: "bar_bg";
 133                   relative: 1.0 0.0;
 134                }
 135                rel2 {
 136                   to_x: "pad_right";
 137                   relative: 0.0 1.0;
 138                }
 139             }
 140          }
 141          part
 142          {
 143             name: "elm.swallow.right";
 144             type: SWALLOW;
 145             clip_to: "whole_right";
 146             description
 147             {
 148                state: "default" 0.0;
 149                align: 1.0 0.5;
 150                fixed: 1 1;
 151                rel1.to: "whole_right";
 152                rel2.to: "whole_right";
 153             }
 154          }
 155          //BAR
 156          part { name: "elm.bar";
 157             type: RECT;
 158             dragable {
 159                confine: "whole";
 160                x: 1 1 1;
 161                y: 0 0 0;
 162             }
 163             scale: 1;
 164             description { state: "default" 0.0;
 165                min: PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC 999999;
 166                fixed: 0 1;
 167                align: 1.0 0.5;
 168                rel1.relative: 0.0 0.5;
 169                rel2.relative: 1.0 0.5;
 170                color: 0 0 0 0;
 171             }
 172             description { state: "default" 0.1;
 173                inherit: "default" 0.0;
 174                min: 0 999999;
 175             }
 176             description { state: "disabled" 0.0;
 177                inherit:  "default" 0.0;
 178                min: PANES_STYLE_DEFAULT_FIXED_SIZE_INC 999999;
 179             }
 180             description { state: "disabled" 0.1;
 181                inherit:  "default" 0.1;
 182             }
 183          }
 184          part { name: "pad_bar_left";
 185             type: RECT;
 186             scale: 1;
 187             mouse_events: 0;
 188             description { state: "default" 0.0;
 189                min: PANES_STYLE_DEFAULT_PADDING_LEFT_SIZE_INC 0;
 190                align: 0.0 0.5;
 191                rel1.to_x: "elm.bar";
 192                rel2 {
 193                   relative: 0.0 1.0;
 194                   to_x: "elm.bar";
 195                }
 196                fixed: 1 0;
 197                visible: 0;
 198             }
 199             description {
 200                state: "hidden" 0.0;
 201                inherit: "default" 0.0;
 202                min: 0 0;
 203             }
 204          }
 205          part { name: "pad_bar_right";
 206             type: RECT;
 207             scale: 1;
 208             mouse_events: 0;
 209             description { state: "default" 0.0;
 210                min: PANES_STYLE_DEFAULT_PADDING_RIGHT_SIZE_INC 0;
 211                align: 1.0 0.5;
 212                rel1 {
 213                   relative: 1.0 0.0;
 214                   to_x: "elm.bar";
 215                }
 216                rel2.to_x: "elm.bar";
 217                fixed: 1 0;
 218                visible: 0;
 219             }
 220             description {
 221                state: "hidden" 0.0;
 222                inherit: "default" 0.0;
 223                min: 0 0;
 224             }
 225          }
 226          part { name: "bar_bg";
 227             type: IMAGE;
 228             mouse_events: 0;
 229             description { state: "default" 0.0;
 230                rel1 {
 231                   relative: 1.0 0.0;
 232                   to_x: "pad_bar_left";
 233                }
 234                rel2 {
 235                   relative: 0.0 1.0;
 236                   to_x: "pad_bar_right";
 237                }
 238                fixed: 1 0;
 239                image {
 240                   normal: "00_splite_handler_bg_v.png";
 241                   border: 2 2 0 0;
 242                   border_scale: 1;
 243                }
 244             }
 245             description { state: "clicked" 0.0;
 246                inherit: "default" 0.0;
 247                image.normal: "00_splite_handler_bg_press.png";
 248             }
 249          }
 250          part { name:"bar_handler";
 251             mouse_events: 0;
 252             description { state:"default" 0.0;
 253                rel1 {
 254                   to_x: "bar_bg";
 255                   relative: 0.0 0.5;
 256                }
 257                rel2 {
 258                   to_x: "bar_bg";
 259                   relative: 1.0 0.5;
 260                }
 261                fixed: 0 1;
 262                min: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 263                image.normal: "00_splite_handler_v.png";
 264             }
 265             description { state:"clicked" 0.0;
 266                inherit: "default" 0.0;
 267             }
 268             description { state: "disabled" 0.0;
 269                inherit: "default" 0.0;
 270                visible: 0;
 271             }
 272          }
 273          part { name: "over2";
 274             type: RECT;
 275             mouse_events: 1;
 276             repeat_events: 1;
 277             ignore_flags: ON_HOLD;
 278             description { state: "default" 0.0;
 279                rel1.to: "elm.bar";
 280                rel2.to: "elm.bar";
 281                color: 0 0 0 0;
 282             }
 283             description { state: "disabled" 0.0;
 284                inherit:  "default" 0.0;
 285                visible: 0;
 286             }
 287          }
 288          part { name: "over3";
 289             type: RECT;
 290             mouse_events: 1;
 291             repeat_events: 1;
 292             description { state: "default" 0.0;
 293                rel1.to: "elm.bar";
 294                rel2.to: "elm.bar";
 295                color: 0 0 0 0;
 296             }
 297             description { state: "clicked" 0.0;
 298                inherit:  "default" 0.0;
 299             }
 300          }
 301          part { name:"bar_disabled";
 302             type: RECT;
 303             description { state:"default" 0.0;
 304                rel1.to_x: "elm.bar";
 305                rel2.to_x: "elm.bar";
 306                color: 0 0 0 0;
 307                visible: 0;
 308             }
 309             description { state: "disabled" 0.0;
 310                inherit: "default" 0.0;
 311                visible: 1;
 312             }
 313          }
 314       }
 315       script {
 316          public state_pair = 1; //0:both contents are not set, 1:both contents are set
 317          public frame_num, whole_drag;
 318
 319          public drag_effect(val) {
 320             new Float:time, Float:cur_drag, Float:drag;
 321             new num;
 322
 323             num = get_int(frame_num);
 324             drag = get_float(whole_drag);
 325
 326             num += 1;
 327             time = 0.06 * num; // decide speed
 328             cur_drag = drag - drag * sin(time * 90, DEGREES);
 329
 330             set_int(frame_num, num);
 331
 332             if (time < 1.0 && cur_drag > 0.0) {
 333                set_drag(PART:"elm.bar", cur_drag, 0.0);
 334                timer(0.02, "drag_effect", val);
 335             }
 336             else {
 337                set_drag(PART:"elm.bar", 0.0, 0.0);
 338                run_program(PROGRAM:"left_content_reset");
 339             }
 340          }
 341       }
 342       programs {
 343          program {
 344             name: "load";
 345             signal: "load";
 346             source: "";
 347             script {
 348                set_int(state_pair, 1);
 349             }
 350          }
 351          program {
 352             name: "drag_effect_start";
 353             signal: "left,hide,effect";
 354             source: "";
 355             script {
 356                new Float:x, Float:y;
 357
 358                get_drag(PART:"elm.bar", x, y);
 359                set_float(whole_drag, x);
 360                set_int(frame_num, 0);
 361
 362                timer(0.02, "drag_effect", 0);
 363             }
 364             after: "left_content_hide";
 365          }
 366          program {
 367             name: "left_content_hide";
 368             action: STATE_SET "hide" 0.0;
 369             transition: DECELERATE 0.4;
 370             target: "elm.swallow.left";
 371             target: "whole_left";
 372          }
 373          program {
 374             name: "left_content_reset";
 375             action: STATE_SET "default" 0.0;
 376             target: "elm.swallow.left";
 377             target: "whole_left";
 378             after: "effect_finished";
 379          }
 380          program {
 381             name: "effect_finished";
 382             action: SIGNAL_EMIT "left,hide,effect,finished" "";
 383          }
 384          program {
 385             name:   "panes_pair";
 386             signal: "elm,panes,pair";
 387             source: "";
 388             script {
 389                new st[31];
 390                new Float:vl;
 391                set_int(state_pair, 1);
 392                get_state(PART:"elm.bar", st, 30, vl);
 393                set_state(PART:"elm.bar", st, 0.0);
 394                set_state(PART:"pad_left", "default", 0.0);
 395                set_state(PART:"pad_right", "default", 0.0);
 396                set_state(PART:"pad_bar_left", "default", 0.0);
 397                set_state(PART:"pad_bar_right", "default", 0.0);
 398             }
 399          }
 400          program {
 401             name:   "panes_unpair";
 402             signal: "elm,panes,unpair";
 403             source: "";
 404             script {
 405                new st[31];
 406                new Float:vl;
 407                set_int(state_pair, 0);
 408                get_state(PART:"elm.bar", st, 30, vl);
 409                set_state(PART:"elm.bar", st, 0.1);
 410                set_state(PART:"pad_left", "hidden", 0.0);
 411                set_state(PART:"pad_right", "hidden", 0.0);
 412                set_state(PART:"pad_bar_left", "hidden", 0.0);
 413                set_state(PART:"pad_bar_right", "hidden", 0.0);
 414             }
 415          }
 416          program {
 417             name:   "button_click";
 418             signal: "mouse,down,1";
 419             source: "over2";
 420             action: SIGNAL_EMIT "elm,action,press" "";
 421             after: "button_click_anim";
 422          }
 423          program {
 424             name:   "button_click_anim";
 425             script {
 426                set_state(PART:"bar_bg", "clicked", 0.0);
 427             }
 428          }
 429          program {
 430             name:   "button_unclick";
 431             signal: "mouse,up,1";
 432             source: "over2";
 433             action: SIGNAL_EMIT "elm,action,unpress" "";
 434             after: "button_unclick_anim";
 435          }
 436          program {
 437             name:   "button_unclick_anim";
 438             script {
 439                set_state(PART:"bar_bg", "default", 0.0);
 440             }
 441          }
 442          program {
 443             name:   "button_click2";
 444             signal: "mouse,down,1";
 445             source: "over3";
 446             action: STATE_SET "clicked" 0.0;
 447             target: "over3";
 448          }
 449          program {
 450             name:   "button_unclick2";
 451             signal: "mouse,up,1";
 452             source: "over3";
 453             action: STATE_SET "default" 0.0;
 454             transition: DECELERATE 0.5;
 455             target: "over3";
 456          }
 457          program {
 458             name:   "button_unclick3";
 459             signal: "mouse,up,1";
 460             source: "over2";
 461             action: SIGNAL_EMIT "elm,action,click" "";
 462          }
 463          program {
 464             name:   "button_down_double";
 465             signal: "mouse,down,1,double";
 466             source: "over3";
 467             action: SIGNAL_EMIT "elm,action,click,double" "";
 468          }
 469          //fix the pane
 470          program {
 471             name:   "panes_fixed";
 472             signal: "elm.panes.fixed";
 473             source: "elm";
 474             action: STATE_SET "disabled" 0.0;
 475             target: "bar_disabled";
 476             target: "bar_handler";
 477             after: "after_fixed";
 478          }
 479          program {
 480             name:   "after_fixed";
 481             script {
 482                if (get_int(state_pair))
 483                  set_state(PART:"elm.bar", "disabled", 0.0);
 484                else
 485                  set_state(PART:"elm.bar", "disabled", 0.1);
 486             }
 487          }
 488          //allow the movement by interaction
 489          program {
 490             name:   "panes_unfixed";
 491             signal: "elm.panes.unfixed";
 492             source: "elm";
 493             action: STATE_SET "default" 0.0;
 494             target: "bar_disabled";
 495             target: "bar_handler";
 496             after: "after_unfixed";
 497          }
 498          program {
 499             name:   "after_unfixed";
 500             script {
 501                if (get_int(state_pair))
 502                  set_state(PART:"elm.bar", "default", 0.0);
 503                else
 504                  set_state(PART:"elm.bar", "default", 0.1);
 505             }
 506          }
 507       }
 508    }
 509
 510    group {
 511       name: "elm/panes/horizontal/default";
 512       images {
 513          image: "00_splite_handler_bg_h.png" COMP;
 514          image: "00_splite_handler_bg_press.png" COMP;
 515          image: "00_splite_handler_h.png" COMP;
 516       }
 517       script {
 518          public state_pair = 1; //0:both contents are not set, 1:both contents are set
 519       }
 520       parts
 521       {
 522          part
 523          {
 524             name: "whole";
 525             type: RECT;
 526             description
 527             {
 528                state: "default" 0.0;
 529                visible: 0;
 530                rel1.to_y: "pad_left";
 531                rel2.to_y: "pad_right";
 532             }
 533          }
 534          part {
 535             name: "pad_left";
 536             type: RECT;
 537             scale: 1;
 538             description {
 539                state: "default" 0.0;
 540                rel2.relative:1.0 0.0;
 541                min: 0 PANES_STYLE_DEFAULT_PADDING_LEFT_SIZE_INC;
 542                fixed: 0 1;
 543                align: 0.5 1.0;
 544                visible: 0;
 545             }
 546             description {
 547                state: "hidden" 0.0;
 548                inherit: "default" 0.0;
 549                min: 0 0;
 550             }
 551          }
 552          part {
 553             name: "pad_right";
 554             type: RECT;
 555             scale: 1;
 556             description {
 557                state: "default" 0.0;
 558                rel1.relative: 0.0 1.0;
 559                min: 0 PANES_STYLE_DEFAULT_PADDING_RIGHT_SIZE_INC;
 560                fixed: 0 1;
 561                align: 0.5 0.0;
 562                visible: 0;
 563             }
 564             description {
 565                state: "hidden" 0.0;
 566                inherit: "default" 0.0;
 567                min: 0 0;
 568             }
 569          }
 570          //2 contents
 571          part
 572          {
 573             name: "whole_left";
 574             type: RECT;
 575             mouse_events: 0;
 576             description
 577             {
 578                state: "default" 0.0;
 579                rel1 {
 580                   to_y: "pad_left";
 581                   relative: 0.0 1.0;
 582                }
 583                rel2 {
 584                   to_y: "bar_bg";
 585                   relative: 1.0 0.0;
 586                }
 587             }
 588          }
 589          part
 590          {
 591             name: "elm.swallow.left";
 592             type: SWALLOW;
 593             clip_to: "whole_left";
 594             description
 595             {
 596                state: "default" 0.0;
 597                align: 0.5 0.0;
 598                fixed: 1 1;
 599                rel1.to: "whole_left";
 600                rel2.to: "whole_left";
 601             }
 602          }
 603          part
 604          {
 605             name: "whole_right";
 606             type: RECT;
 607             mouse_events: 0;
 608             description
 609             {
 610                state: "default" 0.0;
 611                rel1 {
 612                   to_y: "bar_bg";
 613                   relative: 0.0 1.0;
 614                }
 615                rel2 {
 616                   to_y: "pad_right";
 617                   relative: 1.0 0.0;
 618                }
 619             }
 620          }
 621          part
 622          {
 623             name: "elm.swallow.right";
 624             type: SWALLOW;
 625             clip_to: "whole_right";
 626             description
 627             {
 628                state: "default" 0.0;
 629                align: 0.5 1.0;
 630                fixed: 1 1;
 631                rel1.to: "whole_right";
 632                rel2.to: "whole_right";
 633             }
 634          }
 635          //BAR
 636          part { name: "elm.bar";
 637             type: RECT;
 638             dragable {
 639                confine: "whole";
 640                x: 0 0 0;
 641                y: 1 1 1;
 642             }
 643             scale: 1;
 644             description { state: "default" 0.0;
 645                min: 999999 PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC;
 646                fixed: 1 0;
 647                align: 0.5 0.0;
 648                rel1.relative: 0.5 0.0;
 649                rel2.relative: 0.5 1.0;
 650                color: 0 0 0 0;
 651             }
 652             description { state: "default" 0.1;
 653                inherit: "default" 0.0;
 654                min: 999999 0;
 655             }
 656             description { state: "disabled" 0.0;
 657                inherit:  "default" 0.0;
 658                min: 999999 PANES_STYLE_DEFAULT_FIXED_SIZE_INC;
 659                visible: 0;
 660             }
 661             description { state: "disabled" 0.1;
 662                inherit:  "default" 0.1;
 663             }
 664          }
 665          part { name: "pad_bar_left";
 666             type: RECT;
 667             scale: 1;
 668             mouse_events: 0;
 669             description { state: "default" 0.0;
 670                min: 0 PANES_STYLE_DEFAULT_PADDING_LEFT_SIZE_INC;
 671                align: 0.5 0.0;
 672                rel1.to_y: "elm.bar";
 673                rel2 {
 674                   relative: 1.0 0.0;
 675                   to_y: "elm.bar";
 676                }
 677                fixed: 0 1;
 678                visible: 0;
 679             }
 680             description {
 681                state: "hidden" 0.0;
 682                inherit: "default" 0.0;
 683                min: 0 0;
 684             }
 685          }
 686          part { name: "pad_bar_right";
 687             type: RECT;
 688             scale: 1;
 689             mouse_events: 0;
 690             description { state: "default" 0.0;
 691                min: 0 PANES_STYLE_DEFAULT_PADDING_RIGHT_SIZE_INC;
 692                align: 0.5 1.0;
 693                rel1 {
 694                   relative: 0.0 1.0;
 695                   to_y: "elm.bar";
 696                }
 697                rel2.to_y: "elm.bar";
 698                fixed: 0 1;
 699                visible: 0;
 700             }
 701             description {
 702                state: "visible" 0.0;
 703                inherit: "default" 0.0;
 704                min: 0 0;
 705             }
 706          }
 707          part { name: "bar_bg";
 708             type: IMAGE;
 709             mouse_events: 0;
 710             description { state: "default" 0.0;
 711                rel1 {
 712                   relative: 0.0 1.0;
 713                   to_y: "pad_bar_left";
 714                }
 715                rel2 {
 716                   relative: 1.0 0.0;
 717                   to_y: "pad_bar_right";
 718                }
 719                fixed: 0 1;
 720                image {
 721                   normal: "00_splite_handler_bg_h.png";
 722                   border: 0 0 2 2;
 723                   border_scale: 1;
 724                }
 725             }
 726             description { state: "clicked" 0.0;
 727                inherit: "default" 0.0;
 728                image.normal: "00_splite_handler_bg_press.png";
 729             }
 730          }
 731          part { name:"bar_handler";
 732             mouse_events: 0;
 733             description { state:"default" 0.0;
 734                rel1 {
 735                   to_y: "bar_bg";
 736                   relative: 0.5 0.0;
 737                }
 738                rel2 {
 739                   to_y: "bar_bg";
 740                   relative: 0.5 1.0;
 741                }
 742                fixed: 1 0;
 743                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 744                image.normal: "00_splite_handler_h.png";
 745             }
 746             description { state:"clicked" 0.0;
 747                inherit: "default" 0.0;
 748             }
 749             description { state: "disabled" 0.0;
 750                inherit: "default" 0.0;
 751                visible: 0;
 752             }
 753          }
 754          part { name: "over2";
 755             type: RECT;
 756             mouse_events: 1;
 757             repeat_events: 1;
 758             ignore_flags: ON_HOLD;
 759             description { state: "default" 0.0;
 760                rel1.to: "elm.bar";
 761                rel2.to: "elm.bar";
 762                color: 0 0 0 0;
 763             }
 764             description { state: "disabled" 0.0;
 765                inherit:  "default" 0.0;
 766                visible: 0;
 767             }
 768          }
 769          part { name: "over3";
 770             type: RECT;
 771             mouse_events: 1;
 772             repeat_events: 1;
 773             description { state: "default" 0.0;
 774                rel1.to: "elm.bar";
 775                rel2.to: "elm.bar";
 776                color: 0 0 0 0;
 777             }
 778             description { state: "clicked" 0.0;
 779                inherit:  "default" 0.0;
 780             }
 781          }
 782          part { name:"bar_disabled";
 783             type: RECT;
 784             description { state:"default" 0.0;
 785                rel1.to_y: "elm.bar";
 786                rel2.to_y: "elm.bar";
 787                color: 0 0 0 0;
 788                visible: 0;
 789             }
 790             description { state: "disabled" 0.0;
 791                inherit: "default" 0.0;
 792                visible: 1;
 793             }
 794          }
 795       }
 796       programs {
 797          program {
 798             name: "load";
 799             signal: "load";
 800             source: "";
 801             script {
 802                set_int(state_pair, 1);
 803             }
 804          }
 805          program {
 806             name:   "panes_pair";
 807             signal: "elm,panes,pair";
 808             source: "";
 809             script {
 810                new st[31];
 811                new Float:vl;
 812                set_int(state_pair, 1);
 813                get_state(PART:"elm.bar", st, 30, vl);
 814                set_state(PART:"elm.bar", st, 0.0);
 815                set_state(PART:"pad_left", "default", 0.0);
 816                set_state(PART:"pad_right", "default", 0.0);
 817                set_state(PART:"pad_bar_left", "default", 0.0);
 818                set_state(PART:"pad_bar_right", "default", 0.0);
 819             }
 820          }
 821          program {
 822             name:   "panes_unpair";
 823             signal: "elm,panes,unpair";
 824             source: "";
 825             script {
 826                new st[31];
 827                new Float:vl;
 828                set_int(state_pair, 0);
 829                get_state(PART:"elm.bar", st, 30, vl);
 830                set_state(PART:"elm.bar", st, 0.1);
 831                set_state(PART:"pad_left", "hidden", 0.0);
 832                set_state(PART:"pad_right", "hidden", 0.0);
 833                set_state(PART:"pad_bar_left", "hidden", 0.0);
 834                set_state(PART:"pad_bar_right", "hidden", 0.0);
 835             }
 836          }
 837          program {
 838             name:   "button_click";
 839             signal: "mouse,down,1";
 840             source: "over2";
 841             action: SIGNAL_EMIT "elm,action,press" "";
 842             after: "button_click_anim";
 843          }
 844          program {
 845             name:   "button_click_anim";
 846             script {
 847                set_state(PART:"bar_bg", "clicked", 0.0);
 848             }
 849          }
 850          program {
 851             name:   "button_unclick";
 852             signal: "mouse,up,1";
 853             source: "over2";
 854             action: SIGNAL_EMIT "elm,action,unpress" "";
 855             after: "button_unclick_anim";
 856          }
 857          program {
 858             name:   "button_unclick_anim";
 859             script {
 860                set_state(PART:"bar_bg", "default", 0.0);
 861             }
 862          }
 863          program {
 864             name:   "button_click2";
 865             signal: "mouse,down,1";
 866             source: "over3";
 867             action: STATE_SET "clicked" 0.0;
 868             target: "over3";
 869          }
 870          program {
 871             name:   "button_unclick2";
 872             signal: "mouse,up,1";
 873             source: "over3";
 874             action: STATE_SET "default" 0.0;
 875             transition: DECELERATE 0.5;
 876             target: "over3";
 877          }
 878          program {
 879             name:   "button_unclick3";
 880             signal: "mouse,up,1";
 881             source: "over2";
 882             action: SIGNAL_EMIT "elm,action,click" "";
 883          }
 884          program {
 885             name:   "button_down_double";
 886             signal: "mouse,down,1,double";
 887             source: "over3";
 888             action: SIGNAL_EMIT "elm,action,click,double" "";
 889          }
 890          //fix the pane
 891          program {
 892             name:   "panes_fixed";
 893             signal: "elm.panes.fixed";
 894             source: "elm";
 895             action: STATE_SET "disabled" 0.0;
 896             target: "bar_disabled";
 897             target: "bar_handler";
 898             after: "after_fixed";
 899          }
 900          program {
 901             name:   "after_fixed";
 902             script {
 903                if (get_int(state_pair))
 904                  set_state(PART:"elm.bar", "disabled", 0.0);
 905                else
 906                  set_state(PART:"elm.bar", "disabled", 0.1);
 907             }
 908          }
 909          //allow the movement by interaction
 910          program {
 911             name:   "panes_unfixed";
 912             signal: "elm.panes.unfixed";
 913             source: "elm";
 914             action: STATE_SET "default" 0.0;
 915             target: "bar_disabled";
 916             target: "bar_handler";
 917             after: "after_unfixed";
 918          }
 919          program {
 920             name:   "after_unfixed";
 921             script {
 922                if (get_int(state_pair))
 923                  set_state(PART:"elm.bar", "default", 0.0);
 924                else
 925                  set_state(PART:"elm.bar", "default", 0.1);
 926             }
 927          }
 928       }
 929    }