slider: fix slider themeref/for/tizen

- fix slider right padding size. - fix slider color color class. Signed-off-by: Hosang Kim <hosang12.kim@samsung.com> Change-Id: I184e2962c4ef4f16469ccde5fa4c6c442e86a3d9
author: Hosang Kim <hosang12.kim@samsung.com> 2016-09-08 15:33:33 +0900
committer: Hosang Kim <hosang12.kim@samsung.com> 2016-10-11 15:35:57 +0900
commit: d784aa1e78d6fac91f8baf9229bb0b0b3d423a57 (patch)
tree: 9f45bed12be9470026b9918a17255f0d49da8e5e
parent: 1e107b73004dff814b5dd1af5d201dcb53db82ff (diff)
download: efl-theme-tizen-mobile-ref/for/tizen.tar.gz
efl-theme-tizen-mobile-ref/for/tizen.tar.bz2
efl-theme-tizen-mobile-ref/for/tizen.zip
7 files changed, 3110 insertions, 3168 deletions
diff --git a/mobile/HD-inc.edc b/mobile/HD-inc.edc
index d150a331..284f8ef6 100644
--- a/mobile/HD-inc.edc
+++ b/mobile/HD-inc.edc
@@ -518,9 +518,10 @@
 #define SLIDER_LEFT_RIGHT_PADDING_SIZE_INC 32 0
 #define SLIDER_ICON_PADDING_SIZE_INC 5 0
 #define SLIDER_CENTER_POINT_SIZE_INC 6 26
-#define SLIDER_INDICATOR_NORMAL_SIZE_INC 20 20
-#define SLIDER_INDICATOR_BUBBLE_SIZE_INC 20 20
-#define SLIDER_INDICATOR_BUBBLE_PRESSED_SIZE_INC 80 140
+#define SLIDER_INDICATOR_NORMAL_SIZE_INC 64 64
+#define SLIDER_INDICATOR_DEFAULT_VECTOR_INC 20 10
+#define SLIDER_INDICATOR_NORMAL_VECTOR_INC 64 32
+#define SLIDER_INDICATOR_EXPAND_VECTOR_INC 80 40
 #define SLIDER_WARNING_LEVEL 0.636
 
 //Slider vertical
diff --git a/mobile/HD/images/User_Input_Elements/core_slider_handle_normal.svg b/mobile/HD/images/User_Input_Elements/core_slider_handle_normal.svg
new file mode 100755
index 00000000..4dae1c7d
--- /dev/null
+++ b/mobile/HD/images/User_Input_Elements/core_slider_handle_normal.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<path fill="#FFFFFF" d="M44,32c0,6.625-5.375,12-12,12l0,0c-6.627,0-12-5.375-12-12l0,0c0-6.627,5.373-12,12-12l0,0
+	C38.625,20,44,25.373,44,32L44,32z"/>
+</svg>
diff --git a/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_bottom.svg b/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_bottom.svg
new file mode 100755
index 00000000..53ccee3a
--- /dev/null
+++ b/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_bottom.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="80px" height="40px" viewBox="0 0 80 40" enable-background="new 0 0 80 40" xml:space="preserve">
+<path fill="#FFFFFF" d="M0,0h80c0,22.092-17.908,40-40,40S0,22.092,0,0z"/>
+</svg>
diff --git a/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_center.svg b/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_center.svg
new file mode 100755
index 00000000..7edf589e
--- /dev/null
+++ b/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_center.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="80px" height="60px" viewBox="0 0 80 60" enable-background="new 0 0 80 60" preserveAspectRatio="none" xml:space="preserve">
+<rect fill="#FFFFFF" width="80" height="60"/>
+</svg>
diff --git a/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_top.svg b/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_top.svg
new file mode 100755
index 00000000..d5c8dee1
--- /dev/null
+++ b/mobile/HD/images/User_Input_Elements/core_slider_handle_press_expand_top.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="80px" height="40px" viewBox="0 0 80 40" enable-background="new 0 0 80 40" xml:space="preserve">
+<path fill="#FFFFFF" d="M80,40H0C0,17.908,17.908,0,40,0S80,17.908,80,40z"/>
+</svg>
diff --git a/mobile/color_classes.edc b/mobile/color_classes.edc
index f260e5ee..fcd40dea 100644
--- a/mobile/color_classes.edc
+++ b/mobile/color_classes.edc
@@ -56,14 +56,6 @@ color_classes {
       color: 0 0 0 0;
    }
    color_class {
-      name: "elm/widget/slider/default/bg-default";
-      color: 0 0 0 0;
-   }
-   color_class {
-      name: "elm/widget/slider/warning/bg-default";
-      color: 0 0 0 0;
-   }
-   color_class {
       name: "elm/widget/colorselector/default/bg-default";
       color: 250 250 250 255;
    }
@@ -1733,6 +1725,78 @@ color_classes {
     * Slider
     */
 
+   color_class {
+      name: "slider/default/bg-normal";
+      color: 145 145 145 179;
+   }
+   color_class {
+      name: "slider/default/bg-disabled";
+      color: 145 145 145 179;
+   }
+   color_class {
+      name: "slider/default/bar-normal";
+      color: 61 184 204 255;
+   }
+   color_class {
+      name: "slider/default/bar-disabled";
+      color: 61 184 204 77;
+   }
+   color_class {
+      name: "slider/warning/bg-normal";
+      color: 201 132 132 255;
+   }
+   color_class {
+      name: "slider/warning/bar-normal";
+      color: 255 25 25 255;
+   }
+   color_class {
+      name: "slider/warning/bar-disabled";
+      color: 216 162 162 255;
+   }
+   color_class {
+      name: "slider/default/text-normal";
+      color: 250 250 250 255;
+   }
+   color_class {
+      name: "slider/default/handler-normal";
+      color: 61 184 204 255;
+   }
+   color_class {
+      name: "slider/default/handler-disabled";
+      color: 163 199 204 255;
+   }
+   color_class {
+      name: "slider/default/handler-pressed";
+      color: 61 184 204 255;
+   }
+   color_class {
+      name: "slider/warning/handler-normal";
+      color: 255 25 25 255;
+   }
+   color_class {
+      name: "slider/warning/handler-disabled";
+      color: 216 162 162 255;
+   }
+   color_class {
+      name: "slider/warning/handler-pressed";
+      color: 255 25 25 255;
+   }
+   color_class {
+      name: "slider/default/bg-default";
+      color: 0 0 0 0;
+   }
+   color_class {
+      name: "slider/warning/bg-default";
+      color: 0 0 0 0;
+   }
+   color_class {
+      name: "slider/default/icon-normal";
+      color: 50 150 166 204;
+   }
+   color_class {
+      name: "slider/default/icon-disabled";
+      color: 50 150 166 77;
+   }
    /*
     * Spinner
     */
diff --git a/mobile/widgets/slider.edc b/mobile/widgets/slider.edc
index 463f8960..3c97cd59 100644
--- a/mobile/widgets/slider.edc
+++ b/mobile/widgets/slider.edc
@@ -23,3352 +23,3200 @@
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
+group {  "elm/slider/event/default";
+   inherit_only: 1;
+   parts {
+      rect { "event";
+         mouse;
+         norepeat;
+         desc { "default";
+            color: 0 0 0 0;
+            rel.to: "base";
+            hid;
+         }
+         desc { "disabled";
+            inherit: "default";
+            vis;
+         }
+      }
+   }
+   programs {
+      program { "disabled";
+         signal: "elm,state,disabled";
+         source: "elm";
+         after: "on_disabled";
+      }
+      program { "enabled";
+         signal: "elm,state,enabled";
+         source: "elm";
+         after: "on_enabled";
+      }
+      program { "enable_event_pass";
+         signal: "elm,event,pass,enabled";
+         source: "elm";
+         script {
+            set_mouse_events(PART:"event", 0);
+         }
+      }
+      program { "disable_event_pass";
+         signal: "elm,event,pass,disabled";
+         source: "elm";
+         script {
+            set_mouse_events(PART:"event", 1);
+         }
+      }
+      program { "enable_event_repeat";
+         signal: "elm,event,repeat,enabled";
+         source: "elm";
+         script {
+            set_repeat_events(PART:"event", 1);
+         }
+      }
+      program { "disable_event_repeat";
+         signal: "elm,event,repeat,disabled";
+         source: "elm";
+         script {
+            set_repeat_events(PART:"event", 0);
+         }
+      }
+   }
+}
 
-   group { name: "elm/slider/horizontal/indicator/default";
-      parts {
-         part { name: "access";
-            type: RECT;
-            description { state: "default" 0.0;
-               fixed: 1 1;
-               color: 0 0 0 0;
-            }
-         }
-         part { name: "button_events";
-            type: RECT;
-            mouse_events: 1;
-            scale: 1;
-            description { state: "default" 0.0;
-               fixed: 1 1;
-               min: 1.5*SLIDER_INDICATOR_SIZE_INC 1.5*SLIDER_SWALLOWBAR_HEIGHT_INC;
-               aspect: 1.0 1.0;
-               aspect_preference: VERTICAL;
-               color: 0 0 0 0;
-            }
-            description { state: "disabled" 0.0;
-               inherit: "default" 0.0;
-               visible: 0;
-            }
-         }
-         part { name: "elm.swallow.tizen_vg_shape1";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "button0";
-            description { state: "default" 0.0;
-               rel1.to: "button0";
-               rel2.to: "button0";
-            }
-         }
-         part { name: "button0";
-            type : RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               fixed: 1 1;
-               min: SLIDER_INDICATOR_NORMAL_SIZE_INC;
-               max: SLIDER_INDICATOR_NORMAL_SIZE_INC;
-               color: 255 255 255 255;
-            }
-            description { state: "disabled" 0.0;
-               inherit: "default" 0.0;
-            }
-         }
-      }
-      programs {
-         program { name: "slider_disable";
-            signal: "elm,state,disabled";
-            source: "elm";
-            action:  STATE_SET "disabled" 0.0;
-            target: "button0";
-            target: "button_events";
-         }
-         program { name: "slider_enable";
-            signal: "elm,state,enabled";
-            source: "elm";
-            action:  STATE_SET "default" 0.0;
-            target: "button0";
-            target: "button_events";
+group { "elm/slider/horizontal/indicator/default";
+   alias: "elm/slider/vertical/indicator/default";
+   images.vector: "core_slider_handle_normal.svg";
+   parts {
+      rect { "access";
+         desc { "default";
+            fixed: 1 1;
+            color: 0 0 0 0;
+         }
+      }
+      rect { "button_events";
+         mouse;
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            min: 1.5*SLIDER_INDICATOR_SIZE_INC 1.5*SLIDER_SWALLOWBAR_HEIGHT_INC;
+            aspect: 1.0 1.0;
+            aspect_preference: VERTICAL;
+            color: 0 0 0 0;
+         }
+         desc { "disabled";
+            inherit: "default";
+            hid;
+         }
+      }
+      vector { "handler";
+         nomouse;
+         scale;
+         desc { "default";
+            image.normal: "core_slider_handle_normal.svg";
+            fixed: 1 1;
+            min: SLIDER_INDICATOR_NORMAL_SIZE_INC;
+            max: SLIDER_INDICATOR_NORMAL_SIZE_INC;
+         }
+         desc { "disabled";
+            inherit: "default";
          }
       }
    }
+   programs {
+      program { "slider_disable";
+         signal: "elm,state,disabled";
+         source: "elm";
+         action:  STATE_SET "disabled";
+         target: "handler";
+         target: "button_events";
+      }
+      program { "slider_enable";
+         signal: "elm,state,enabled";
+         source: "elm";
+         action:  STATE_SET "default";
+         target: "handler";
+         target: "button_events";
+      }
+   }
+}
 
-group { name: "elm/slider/horizontal/default";
-      data.item: "vector_ux" "default";
-      script {
-         public invert_on = 0;
-         public disabled = 0;
-         public popup_show = 1;
-         public show = 0;
-         public set_popup_show() {
-            set_int(popup_show, 1);
+group {  "elm/slider/horizontal/default";
+   data.item: "vector_ux" "default";
+   parts {
+      spacer { "base";
+         scale;
+         nomouse;
+         desc { "default";
+            min: 0 SLIDER_SWALLOWBAR_HEIGHT_INC;
          }
-         public set_popup_hide() {
-            set_int(popup_show, 0);
+      }
+      rect { "access";
+         nomouse;
+         desc { "default";
+            fixed: 1 1;
+            color: 0 0 0 0;
          }
-         public set_invert_on() {
-            if (!get_int(disabled)) {
-              set_state(PART:"level", "inverted", 0.0);
-              set_state(PART:"level2", "inverted", 0.0);
+      }
+      rect { "bg"; /// for C# temporarily
+         scale;
+         nomouse;
+         desc { "default"
+            color_class: "slider/default/bg-default"; /// for C# temporarily
+            rel.to: "base";
+         }
+      }
+      spacer { "padding_left";
+         scale;
+         nomouse;
+         desc { "default";
+            min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
+            fixed: 1 0;
+            rel1.to: "base";
+            rel2 {
+               relative: 0.0 1.0;
+               to: "base";
+            }
+            align: 0.0 0.5;
+         }
+      }
+      spacer { "padding_right";
+         scale;
+         nomouse;
+         desc { "default";
+            min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
+            fixed: 1 0;
+            rel1 {
+               relative: 1.0 0.0;
+               to: "base";
+            }
+            rel2 {
+               relative: 1.0 1.0;
+               to: "base";
+            }
+            align: 1.0 0.5;
+         }
+      }
+      swallow { "elm.swallow.icon";
+         clip: "clipper_elm.swallow.icon";
+         scale;
+         mouse;
+         desc { "default";
+            align: 0.0 0.5;
+            max: SLIDER_SWALLOWBAR_HEIGHT_INC SLIDER_SWALLOWBAR_HEIGHT_INC;
+            rel1 {
+               relative: 1.0 0.0;
+               to_x: "padding_left";
+               to_y: "base";
+            }
+            rel2 {
+               relative: 1.0 1.0;
+               to_x: "padding_left";
+               to_y: "base";
+            }
+            fixed: 1 1;
+            hid;
+         }
+         desc { "visible";
+            inherit: "default";
+            vis;
+         }
+      }
+      rect { "clipper_elm.swallow.icon";
+         scale;
+         nomouse;
+         desc { "default";
+            color_class: "slider/default/icon-normal";
+         }
+         desc { "disabled";
+            color_class: "slider/default/icon-disabled";
+         }
+      }
+      spacer { "padding_right_elm.swallow.icon";
+         scale;
+         desc { "default";
+            align: 0.0 0.5;
+            min: 0 0;
+            rel1 {
+               relative: 1.0 0.0;
+               to_x: "elm.swallow.icon";
+               to_y: "base";
+            }
+            rel2 {
+               relative: 1.0 1.0;
+               to_x: "elm.swallow.icon";
+               to_y: "base";
+            }
+            fixed: 1 0;
+         }
+         desc { "visible";
+            inherit: "default";
+            min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
+         }
+      }
+      spacer { "area_elm.dragable.slider";
+         scale;
+         desc { "default";
+            min: 0 SLIDER_SWALLOWBAR_HEIGHT_INC;
+            rel1 {
+               to_x: "padding_right_elm.swallow.icon";
+               to_y: "base";
+               relative: 1.0 0.5;
+            }
+            rel2 {
+               to_x: "padding_right";
+               to_y: "base";
+               relative: 0.0 0.5;
+            }
+            fixed: 1 1;
+         }
+      }
+      swallow { "elm.swallow.bar";
+         scale;
+         mouse;
+         desc { "default";
+            min: 0  SLIDER_SWALLOWBAR_HEIGHT_INC;
+            fixed: 1 1;
+            rel1 {
+               to_x: "padding_right_elm.swallow.icon";
+               to_y: "base";
+               relative: 1.0 0.5;
+            }
+            rel2 {
+               to_x: "padding_right";
+               to_y: "base";
+               relative: 0.0 0.5;
             }
-            else {
-              set_state(PART:"level", "inverted", 0.0);
-              set_state(PART:"level2", "disabled", 0.0);
+         }
+      }
+      rect { "center_point";
+         scale;
+         nomouse;
+         desc { "default";
+            min: SLIDER_CENTER_POINT_SIZE_INC;
+            hid;
+            rel1 {
+               to: "bg_bar";
+               relative: 0.5 0.5;
+            }
+            rel2 {
+               to: "bg_bar";
+               relative: 0.5 0.5;
+            }
+            fixed: 1 1;
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "visible";
+            inherit: "default";
+            vis;
+         }
+         desc { "disabled";
+            inherit: "default";
+            vis;
+            color_class: "slider/default/bar-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape1";
+         mouse;
+         scale;
+         clip: "bg_bar";
+         desc { "default";
+            fixed: 1 1;
+            rel1.to: "bg_bar";
+            rel2.to: "bg_bar";
+         }
+      }
+      rect {"bg_bar";
+         nomouse;
+         scale;
+         desc { "default";
+            min: 0 SLIDER_BASE_HEIGHT_INC;
+            rel1 {
+               to_x: "padding_right_elm.swallow.icon";
+               to_y: "base";
+               relative: 1.0 0.5;
+            }
+            rel2 {
+               to_x: "padding_right";
+               to_y: "base";
+               relative: 0.0 0.5;
+            }
+            fixed: 1 1;
+            color_class: "slider/default/bg-normal";
+         }
+         desc{ "disabled";
+            inherit: "default";
+            color_class: "slider/default/bg-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape2";
+         mouse;
+         scale;
+         clip: "level";
+         desc { "default";
+            fixed: 1 1;
+            rel1.to: "level";
+            rel2.to: "level";
+         }
+      }
+      rect { "level";
+         nomouse;
+         scale;
+         desc { "default";
+            rel1 {
+               to_x: "padding_right_elm.swallow.icon";
+               relative: 1.0 0.5;
             }
-            set_int(invert_on, 1);
+            rel2 {
+               to_x: "elm.dragable.slider";
+               relative: 0.5 0.5;
+            }
+            fixed: 1 1;
+            min: 0 SLIDER_BASE_HEIGHT_INC;
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "pressed";
+            inherit: "default";
+         }
+         desc { "inverted";
+            inherit: "default";
+            hid;
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/bar-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape3";
+         mouse;
+         scale;
+         clip: "level2";
+         desc { "default";
+            fixed: 1 1;
+            rel1.to: "level2";
+            rel2.to: "level2";
+         }
+      }
+      rect {"level2";
+         nomouse;
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            hid;
+            rel1.to: "level";
+            rel1.relative: 1 0;
+            rel2.to: "bg_bar";
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "inverted";
+            inherit: "default";
+            vis;
+         }
+         desc { "pressed";
+            inherit: "inverted";
+         }
+         desc { "disabled";
+            inherit: "inverted";
+            color_class: "slider/default/bar-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape4";
+         mouse;
+         scale;
+         clip: "hider";
+         desc { "default";
+            fixed: 1 1;
+            rel1.to: "level";
+            rel2.to: "level";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape5";
+         mouse;
+         scale;
+         clip: "center_point";
+         desc { "default";
+            fixed: 1 1;
+            rel1.to: "center_point";
+            rel2.to: "center_point";
+         }
+      }
+      group { "elm.dragable.slider";
+         source: "elm/slider/horizontal/indicator/default";
+         mouse;
+         scale;
+         clip: "handle_color";
+         dragable {
+            x: 1 1 0;
+            y: 0 0 0;
+            confine: "area_elm.dragable.slider";
+         }
+         desc { "default";
+            min: SLIDER_INDICATOR_SIZE_INC SLIDER_SWALLOWBAR_HEIGHT_INC;
+            fixed: 1 1;
+            align: 0.5 0.5;
+            rel1.to: "area_elm.dragable.slider";
+            rel1.relative: 0.5 0.5;
+            rel2.to: "area_elm.dragable.slider";
+            rel2.relative: 0.5 0.5;
+            color: 0 0 0 0;
+         }
+      }
+      swallow { "elm.track.slider";
+         nomouse;
+         scale;
+         desc { "default";
+            min: 0 SLIDER_POPUP_HEIGHT_INC;
+            max: -1 SLIDER_POPUP_HEIGHT_INC;
+            fixed: 1 1;
+            rel1.to: "elm.dragable.slider";
+            rel2.to: "elm.dragable.slider";
+         }
+      }
+      rect { "handle_color";
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            rel1.offset: 0 -1000;
+            rel2.offset: -1 1000;
+            color_class: "slider/default/handler-normal";
+         }
+         desc { "pressed";
+            inherit: "default";
+            color_class: "slider/default/handler-pressed";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/handler-disabled";
+         }
+      }
+      rect { "hider";
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            hid;
+            color: 0 0 0 0;
+         }
+      }
+   }
+   inherit: "elm/slider/event/default";
+   script {
+      public invert_on = 0;
+      public disabled = 0;
+      public popup_show = 1;
+      public show = 0;
+      public set_popup_show() {
+         set_int(popup_show, 1);
+      }
+      public set_popup_hide() {
+         set_int(popup_show, 0);
+      }
+      public set_invert_on() {
+         if (!get_int(disabled)) {
+            set_state(PART:"level", "inverted", 0.0);
+            set_state(PART:"level2", "inverted", 0.0);
          }
-         public set_invert_off() {
+         else {
+            set_state(PART:"level", "inverted", 0.0);
+            set_state(PART:"level2", "disabled", 0.0);
+         }
+         set_int(invert_on, 1);
+      }
+      public set_invert_off() {
+         if (!get_int(disabled)) {
+            set_state(PART:"level", "default", 0.0);
+            set_state(PART:"level2", "default", 0.0);
+         }
+         else {
+            set_state(PART:"level", "disabled", 0.0);
+            set_state(PART:"level2", "default", 0.0);
+         }
+         set_int(invert_on, 0);
+      }
+      public thumb_down() {
+         if (!get_int(invert_on))
+         set_state(PART:"level", "pressed", 0.0);
+         else
+         set_state(PART:"level2", "pressed", 0.0);
+         set_state(PART:"handle_color", "pressed", 0.0);
+         if (get_int(popup_show))
+         emit("popup,show", "elm");
+      }
+      public thumb_up() {
+         if (!get_int(invert_on))
+         set_state(PART:"level", "default", 0.0);
+         else
+         set_state(PART:"level2", "inverted", 0.0);
+         set_state(PART:"handle_color", "default", 0.0);
+         if (get_int(popup_show))
+         emit("popup,hide", "elm");
+      }
+      public drag_state() {
+         new Float:dx, Float:dy;
+         get_drag(PART:"elm.dragable.slider", dx, dy);
+         if (dx > 0.5) {
             if (!get_int(disabled)) {
-              set_state(PART:"level", "default", 0.0);
-              set_state(PART:"level2", "default", 0.0);
+               set_state(PART:"level", "default", 0.0);
+               set_state(PART:"level2", "default", 0.0);
             }
             else {
-              set_state(PART:"level", "disabled", 0.0);
-              set_state(PART:"level2", "default", 0.0);
+               set_state(PART:"level", "disabled", 0.0);
+               set_state(PART:"level2", "default", 0.0);
             }
             set_int(invert_on, 0);
          }
-         public thumb_down() {
-            if (!get_int(invert_on))
-              set_state(PART:"level", "pressed", 0.0);
-            else
-              set_state(PART:"level2", "pressed", 0.0);
-            set_state(PART:"handle_color", "pressed", 0.0);
-            if (get_int(popup_show))
-               emit("popup,show", "elm");
-            }
-         public thumb_up() {
-            if (!get_int(invert_on))
-              set_state(PART:"level", "default", 0.0);
-            else
-              set_state(PART:"level2", "inverted", 0.0);
-            set_state(PART:"handle_color", "default", 0.0);
-            if (get_int(popup_show))
-               emit("popup,hide", "elm");
-            }
-         public drag_state() {
-            new Float:dx, Float:dy;
-            get_drag(PART:"elm.dragable.slider", dx, dy);
-            if (dx > 0.5) {
-              if (!get_int(disabled)) {
-                set_state(PART:"level", "default", 0.0);
-                set_state(PART:"level2", "default", 0.0);
-              }
-              else {
-                set_state(PART:"level", "disabled", 0.0);
-                set_state(PART:"level2", "default", 0.0);
-              }
-              set_int(invert_on, 0);
+         else {
+            if (!get_int(disabled)) {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "inverted", 0.0);
             }
             else {
-              if (!get_int(disabled)) {
-                set_state(PART:"level", "inverted", 0.0);
-                set_state(PART:"level2", "inverted", 0.0);
-              }
-              else {
-                set_state(PART:"level", "inverted", 0.0);
-                set_state(PART:"level2", "disabled", 0.0);
-              }
-              set_int(invert_on, 1);
-            }
-         }
-      }
-         parts {
-            part { name: "access";
-               type: RECT;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  color: 0 0 0 0;
-               }
-            }
-            part {
-               name: "bg";
-               //type: SPACER;
-               type: RECT; /// for C# temporarily
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: 0 SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  color_class: "elm/widget/slider/default/bg-default"; /// for C# temporarily
-               }
-            }
-            part {
-               name: "bar_image_left_padding";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
-                  fixed: 1 0;
-                  rel1.to: "bg";
-                  rel2 {
-                     relative: 0.0 1.0;
-                     to: "bg";
-                  }
-                  align: 0.0 0.5;
-               }
-            }
-            part { name: "elm.swallow.icon";
-               type: SWALLOW;
-               clip_to: "icon_clipper";
-               scale: 1;
-               description { state: "default" 0.0;
-                  visible: 0;
-                  align: 0.0 0.5;
-                  max: SLIDER_SWALLOWBAR_HEIGHT_INC SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  rel1 {
-                     relative: 1.0 0.0;
-                     to_x: "bar_image_left_padding";
-                     to_y: "bg";
-                  }
-                  rel2 {
-                     relative: 1.0 1.0;
-                     to_x: "bar_image_left_padding";
-                     to_y: "bg";
-                  }
-                  fixed: 1 1;
-               }
-               description { state: "visible" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-            }
-            part {
-               name: "bar_icon_right_padding_1";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  align: 0.0 0.5;
-                  min: 0 0;
-                  rel1 {
-                     relative: 1.0 0.0;
-                     to_x: "elm.swallow.icon";
-                     to_y: "bg";
-                  }
-                  rel2 {
-                     relative: 1.0 1.0;
-                     to_x: "elm.swallow.icon";
-                     to_y: "bg";
-                  }
-                  fixed: 1 0;
-               }
-               description { state: "visible";
-                  inherit: "default" 0.0;
-                  min: SLIDER_ICON_PADDING_SIZE_INC;
-               }
-            }
-            part {
-               name: "bar_icon_right_padding_2";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  align: 0.0 0.5;
-                  min: 0 0;
-                  rel1 {
-                     relative: 1.0 0.0;
-                     to_x: "bar_icon_right_padding_1";
-                     to_y: "bg";
-                  }
-                  rel2 {
-                     relative: 1.0 1.0;
-                     to_x: "bar_icon_right_padding_1";
-                     to_y: "bg";
-                  }
-                  fixed: 1 0;
-               }
-               description { state: "visible";
-                  inherit: "default" 0.0;
-                  min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
-               }
-            }
-            part { name: "base";
-               type: "RECT";
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 SLIDER_BASE_HEIGHT_INC;
-                  rel1 {
-                     to_x: "bar_icon_right_padding_2";
-                     to_y: "bg";
-                     relative: 1.0 0.5;
-                  }
-                  rel2 {
-                     to_x: "bar_image_right_padding";
-                     to_y: "bg";
-                     relative: 0.0 0.5;
-                  }
-                  fixed: 1 1;
-                  color: 145 145 145 179;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 145 145 145 77;
-               }
-            }
-            part { name: "drag_base";
-               type: "SPACER";
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  rel1 {
-                     to_x: "bar_image_left_padding";
-                     to_y: "bg";
-                     relative: 1.0 0.5;
-                  }
-                  rel2 {
-                      to_x: "bar_image_right_padding";
-                      to_y: "bg";
-                      relative: 0.0 0.5;
-                  }
-                  fixed: 1 1;
-               }
-               description { state: "visible" 0.0;
-                  inherit: "default" 0.0;
-                  rel1 {
-                     to_x: "bar_icon_right_padding_2";
-                     to_y: "bg";
-                     relative: 1.0 0.5;
-                  }
-                  rel2 {
-                      to_x: "bar_image_right_padding";
-                      to_y: "bg";
-                      relative: 0.0 0.5;
-                  }
-               }
-            }
-            part { name: "level";
-               type: RECT;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  rel1 {
-                     to_x: "bar_icon_right_padding_2";
-                     relative: 1.0 0.5;
-                  }
-                  rel2 {
-                     to_x: "elm.dragable.slider";
-                     relative: 0.5 0.5;
-                  }
-                  fixed: 1 1;
-                  min: 0 SLIDER_BASE_HEIGHT_INC;
-                  color: 61 184 204 255;
-               }
-               description { state: "pressed" 0.0;
-                 inherit: "default" 0.0;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 0;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 61 184 204 77;
-               }
-            }
-            part { name: "level2";
-               type: RECT;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  visible: 0;
-                  rel1.to: "level";
-                  rel1.relative: 1 0;
-                  rel2.to: "base";
-                  color: 61 184 204 255;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-               description { state: "pressed" 0.0;
-                 inherit: "inverted" 0.0;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "inverted" 0.0;
-                  color: 61 184 204 77;
-               }
-            }
-            part {
-               name: "bar_image_right_padding";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
-                  fixed: 1 0;
-                  rel1 {
-                     relative: 1.0 0.0;
-                     to: "bg";
-                  }
-                  rel2 {
-                     relative: 1.0 1.0;
-                     to: "bg";
-                  }
-                  align: 1.0 0.5;
-               }
-            }
-            part { name: "icon_clipper";
-               scale: 1;
-               type: RECT;
-               description { state: "default" 0.0;
-                  color: 61 184 204 255;
-               }
-               description { state: "disabled" 0.0;
-                  color: 61 184 204 76;
-               }
-            }
-            part { name: "elm.swallow.bar";
-               type: SWALLOW;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0  SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  fixed: 1 1;
-                  rel1 {
-                     to_x: "bar_icon_right_padding_2";
-                     to_y: "bg";
-                     relative: 1.0 0.5;
-                  }
-                  rel2 {
-                     to_x: "bar_image_right_padding";
-                     to_y: "bg";
-                     relative: 0.0 0.5;
-                  }
-               }
-            }
-            part { name:"center_point";
-               type: RECT;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: SLIDER_CENTER_POINT_SIZE_INC;
-                  visible: 0;
-                  rel1 {
-                     to: "base";
-                     relative: 0.5 0.5;
-                  }
-                  rel2 {
-                     to: "base";
-                     relative: 0.5 0.5;
-                  }
-                  fixed: 1 1;
-                  color: 61 184 204 255;
-               }
-               description { state: "visible" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-                  color: 61 184 204 77;
-               }
-            }
-            part { name: "elm.swallow.tizen_vg_shape1";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "base";
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1.to: "base";
-                  rel2.to: "base";
-               }
-            }
-            part { name: "elm.swallow.tizen_vg_shape2";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "level";
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1.to: "level";
-                  rel2.to: "level";
-               }
-            }
-            part { name: "elm.swallow.tizen_vg_shape3";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "level2";
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1.to: "level2";
-                  rel2.to: "level2";
-               }
-            }
-            part { name: "elm.swallow.tizen_vg_shape4";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "hider";
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1.to: "level";
-                  rel2.to: "level";
-               }
-            }
-            part { name: "elm.swallow.tizen_vg_shape5";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "center_point";
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1.to: "center_point";
-                  rel2.to: "center_point";
-               }
-            }
-            part { name: "elm.dragable.slider";
-               type: GROUP;
-               source: "elm/slider/horizontal/indicator/default";
-               mouse_events: 1;
-               scale: 1;
-               clip_to : "handle_color";
-               dragable {
-                  x: 1 1 0;
-                  y: 0 0 0;
-                  confine: "drag_base";
-               }
-               description { state: "default" 0.0;
-                  min: SLIDER_INDICATOR_SIZE_INC SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  fixed: 1 1;
-                  align: 0.5 0.5;
-                  rel1.to: "drag_base";
-                  rel1.relative: 0.5 0.5;
-                  rel2.to: "drag_base";
-                  rel2.relative: 0.5 0.5;
-                  color: 0 0 0 0;
-               }
-            }
-            part { name: "elm.track.slider";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 SLIDER_POPUP_HEIGHT_INC;
-                  max: -1 SLIDER_POPUP_HEIGHT_INC;
-                  fixed: 1 1;
-                  rel1.to: "elm.dragable.slider";
-                  rel2.to: "elm.dragable.slider";
-               }
-            }
-            part { name:"handle_color";
-               type: RECT;
-               scale: 1;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1.offset: 0 -1000;
-                  rel2.offset: -1 1000;
-                  color: 61 184 204 255;
-               }
-               description { state: "pressed" 0.0;
-                 inherit: "default" 0.0;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 163 198 204 255;
-               }
-            }
-            part { name: "hider";
-               type: RECT;
-               scale: 1;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  visible: 0;
-                  color: 0 0 0 0;
-               }
-            }
-            part { name: "disabler";
-               type: RECT;
-               mouse_events: 1;
-               repeat_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  visible: 0;
-                  color: 0 0 0 0;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "disabled", 0.0);
             }
+            set_int(invert_on, 1);
          }
-      programs {
-          program { name: "load";
-            signal: "load";
-            source: "";
-            script {
-                set_int(popup_show, 1);
-            }
-          }
-         program { name: "invert_on";
-            signal: "elm,state,inverted,on";
-            source: "elm";
-            script {
-               set_invert_on();
-            }
-         }
-         program { name: "invert_off";
-            signal: "elm,state,inverted,off";
-            source: "elm";
-            script {
-               set_invert_off();
-            }
-         }
-         program { name: "val_show";
-            signal: "mouse,down,*";
-            source: "elm.dragable.slider";
-            script {
-               thumb_down();
-            }
-         }
-         program { name: "val_hide";
-            signal: "mouse,up,*";
-            source: "elm.dragable.slider";
-            script {
-               thumb_up();
-            }
-         }
-         /* TIZEN ONLY(20150819) : This program is not necessary.
-         program { name: "popup_show";
-            signal: "elm,state,val,show";
-            source: "elm";
-            script {
-               set_popup_show();
-            }
-         }
-         program { name: "popup_hide";
-            signal: "elm,state,val,hide";
-            source: "elm";
-            script {
-               set_popup_hide();
-            }
-         }*/
-         program { name: "indicator_show";
-            signal: "elm,state,indicator,show";
-            source: "elm";
-            action:  SIGNAL_EMIT "elm,popup,show" "elm";
-         }
-         program { name: "indicator_hide";
-            signal: "elm,state,indicator,hide";
-            source: "elm";
-            action:  SIGNAL_EMIT "elm,popup,hide" "elm";
-         }
-         program { name: "icon_show";
-            signal: "elm,state,icon,visible";
-            source: "elm";
-            action:  STATE_SET "visible" 0.0;
-            target: "elm.swallow.icon";
-            target: "bar_icon_right_padding_1";
-            target: "bar_icon_right_padding_2";
-            target: "drag_base";
-         }
-         program { name: "center_point_enable";
-            signal: "slider,center,point,show";
-            source: "elm";
-            script {
-               set_state(PART:"center_point", "visible", 0.0);
-               set_int(show, 1);
-            }
+      }
+   }
+   programs {
+      program { "load";
+         signal: "load";
+         source: "";
+         script {
+            set_int(popup_show, 1);
          }
-         program { name: "center_point_disable";
-            signal: "slider,center,point,hide";
-            source: "elm";
-            script {
-               set_state(PART:"center_point", "default", 0.0);
-               set_int(show, 0);
-            }
+      }
+      program { "invert_on";
+         signal: "elm,state,inverted,on";
+         source: "elm";
+         script {
+            set_invert_on();
          }
-         program { name: "slider_disable";
-            signal: "elm,state,disabled";
-            source: "elm";
-            script {
-               if (get_int(show))
-                  set_state(PART:"center_point", "disabled", 0.0);
-               set_state(PART:"disabler", "disabled", 0.0);
-               set_state(PART:"icon_clipper", "disabled", 0.0);
-               set_state(PART:"base", "disabled", 0.0);
-               set_state(PART:"handle_color", "disabled", 0.0);
-               if (!get_int(invert_on)) {
-                 set_state(PART:"level", "disabled", 0.0);
-                 set_state(PART:"level2", "default", 0.0);
-               } else {
-                 set_state(PART:"level", "inverted", 0.0);
-                 set_state(PART:"level2", "disabled", 0.0);
-               }
-               set_int(disabled, 1);
+      }
+      program { "invert_off";
+         signal: "elm,state,inverted,off";
+         source: "elm";
+         script {
+            set_invert_off();
+         }
+      }
+      program { "val_show";
+         signal: "mouse,down,*";
+         source: "elm.dragable.slider";
+         script {
+            thumb_down();
+         }
+      }
+      program { "val_hide";
+         signal: "mouse,up,*";
+         source: "elm.dragable.slider";
+         script {
+            thumb_up();
+         }
+      }
+      program { "indicator_show";
+         signal: "elm,state,indicator,show";
+         source: "elm";
+         action:  SIGNAL_EMIT "elm,popup,show" "elm";
+      }
+      program { "indicator_hide";
+         signal: "elm,state,indicator,hide";
+         source: "elm";
+         action:  SIGNAL_EMIT "elm,popup,hide" "elm";
+      }
+      program { "icon_show";
+         signal: "elm,state,icon,visible";
+         source: "elm";
+         action:  STATE_SET "visible";
+         target: "elm.swallow.icon";
+         target: "padding_right_elm.swallow.icon";
+      }
+      program { "center_point_enable";
+         signal: "slider,center,point,show";
+         source: "elm";
+         script {
+            set_state(PART:"center_point", "visible", 0.0);
+            set_int(show, 1);
+         }
+      }
+      program { "center_point_disable";
+         signal: "slider,center,point,hide";
+         source: "elm";
+         script {
+            set_state(PART:"center_point", "default", 0.0);
+            set_int(show, 0);
+         }
+      }
+      program { "on_disabled";
+         script {
+            if (get_int(show))
+            set_state(PART:"center_point", "disabled", 0.0);
+            set_state(PART:"event", "disabled", 0.0);
+            set_state(PART:"clipper_elm.swallow.icon", "disabled", 0.0);
+            set_state(PART:"bg_bar", "disabled", 0.0);
+            set_state(PART:"handle_color", "disabled", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level", "disabled", 0.0);
+               set_state(PART:"level2", "default", 0.0);
+            } else {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "disabled", 0.0);
             }
+            set_int(disabled, 1);
          }
-         program { name: "slider_enable";
-            signal: "elm,state,enabled";
-            source: "elm";
-            script {
-               if (get_int(show))
-                  set_state(PART:"center_point", "visible", 0.0);
-               set_state(PART:"disabler", "default", 0.0);
-               set_state(PART:"icon_clipper", "default", 0.0);
-               set_state(PART:"base", "default", 0.0);
-               set_state(PART:"handle_color", "default", 0.0);
-               if (!get_int(invert_on)) {
-                 set_state(PART:"level", "default", 0.0);
-                 set_state(PART:"level2", "default", 0.0);
-               } else {
-                 set_state(PART:"level", "inverted", 0.0);
-                 set_state(PART:"level2", "inverted", 0.0);
-               }
-               set_int(disabled, 0);
+      }
+      program { "on_enabled";
+         script {
+            if (get_int(show))
+            set_state(PART:"center_point", "visible", 0.0);
+            set_state(PART:"event", "default", 0.0);
+            set_state(PART:"clipper_elm.swallow.icon", "default", 0.0);
+            set_state(PART:"bg_bar", "default", 0.0);
+            set_state(PART:"handle_color", "default", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level", "default", 0.0);
+               set_state(PART:"level2", "default", 0.0);
+            } else {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "inverted", 0.0);
             }
+            set_int(disabled, 0);
          }
       }
    }
+}
 
-group { name: "elm/slider/horizontal/center_point";
-      inherit: "elm/slider/horizontal/default";
-      data.item: "vector_ux" "center_point";
-         parts {
-            part { name: "level";
-               type: RECT;
-               clip_to: "level_clipper";
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1 {
-                     to: "base";
-                     relative: 0.0 0.0;
-                  }
-                  rel2 {
-                     to_x: "elm.dragable.slider";
-                     to_y: "base";
-                     relative: 0.5 1.0;
-                  }
-                  visible: 1;
-                  color: 61 184 204 255;
-               }
-               description { state: "pressed" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-                  color: 61 184 204 77;
-               }
-            }
-            part { name: "level2";
-               type: RECT;
-               clip_to: "level2_clipper";
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1 {
-                     to_x: "elm.dragable.slider";
-                     to_y: "base";
-                     relative: 0.5 0.0;
-                  }
-                  rel2 {
-                     to: "base";
-                     relative: 1.0 1.0;
-                  }
-                  color: 61 184 204 255;
-                  visible: 1;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-               description { state: "pressed" 0.0;
-                  inherit: "inverted" 0.0;
-                  visible: 1;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "inverted" 0.0;
-                  visible: 1;
-                  color: 61 184 204 77;
-               }
+group { "elm/slider/horizontal/center_point";
+   inherit: "elm/slider/horizontal/default";
+   data.item: "vector_ux" "center_point";
+   parts {
+      rect { "level";
+         clip: "clipper_level";
+         desc { "default";
+            fixed: 1 1;
+            rel1 {
+               to: "bg_bar";
+               relative: 0.0 0.0;
+            }
+            rel2 {
+               to_x: "elm.dragable.slider";
+               to_y: "bg_bar";
+               relative: 0.5 1.0;
+            }
+            vis;
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "pressed";
+            inherit: "default";
+         }
+         desc { "inverted";
+            inherit: "default";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/bar-disabled";
+         }
+      }
+      rect { "level2";
+         clip: "clipper_level2";
+         desc { "default";
+            fixed: 1 1;
+            rel1 {
+               to_x: "elm.dragable.slider";
+               to_y: "bg_bar";
+               relative: 0.5 0.0;
             }
-            part { name: "level_clipper";
-               type: RECT;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1 {
-                     to_x: "center_point";
-                     to_y: "base";
-                     relative: 0.5 0.0;
-                  }
-                  rel2 {
-                     to_x: "bar_image_right_padding";
-                     to_y: "base";
-                     relative: 0.0 1.0;
-                  }
-               }
+            rel2 {
+               to: "bg_bar";
+               relative: 1.0 1.0;
             }
-            part { name: "level2_clipper";
-               type: RECT;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  rel1 {
-                     to_x: "bar_image_left_padding";
-                     to_y: "base";
-                     relative: 1.0 0.0;
-                  }
-                  rel2 {
-                     to_x: "center_point";
-                     to_y: "base";
-                     relative: 0.5 1.0;
-                  }
-               }
+            color_class: "slider/default/bar-normal";
+            vis;
+         }
+         desc { "inverted";
+            inherit: "default";
+         }
+         desc { "pressed";
+            inherit: "inverted";
+         }
+         desc { "disabled";
+            inherit: "inverted";
+            color_class: "slider/default/bar-disabled";
+         }
+      }
+      rect { "clipper_level";
+         desc { "default";
+            fixed: 1 1;
+            rel1 {
+               to_x: "center_point";
+               to_y: "bg_bar";
+               relative: 0.5 0.0;
             }
-            part { name:"center_point";
-               type: RECT;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: SLIDER_CENTER_POINT_SIZE_INC;
-                  rel1 {
-                     to: "base";
-                     relative: 0.5 0.5;
-                  }
-                  rel2 {
-                     to: "base";
-                     relative: 0.5 0.5;
-                  }
-                  fixed: 1 1;
-                  visible: 1;
-                  color: 61 184 204 255;
-               }
-               description { state: "visible" 0.0;
-                  inherit: "default";
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-                  color: 61 184 204 77;
-               }
+            rel2 {
+               to_x: "padding_right";
+               to_y: "bg_bar";
+               relative: 0.0 1.0;
             }
          }
-         programs {
-            program { name: "center_point_calc";
-               signal: "drag";
-               source: "elm.dragable.slider";
-               script {
-                  drag_state();
-               }
-            }
-            program { name: "center_point_calc1";
-               signal: "drag,start";
-               source: "elm.dragable.slider";
-               script {
-                  drag_state();
-               }
+      }
+      rect { "clipper_level2";
+         desc { "default";
+            fixed: 1 1;
+            rel1 {
+               to_x: "padding_left";
+               to_y: "bg_bar";
+               relative: 1.0 0.0;
             }
-            program { name: "center_point_calc2";
-               signal: "drag,set";
-               source: "elm.dragable.slider";
-               script {
-                  drag_state();
-               }
+            rel2 {
+               to_x: "center_point";
+               to_y: "bg_bar";
+               relative: 0.5 1.0;
             }
-            program { name: "center_point_calc3";
-               signal: "mouse,up,*";
-               source: "elm.swallow.bar";
-               script {
-                  drag_state();
-               }
+         }
+      }
+      rect { "center_point";
+         scale;
+         desc { "default";
+            min: SLIDER_CENTER_POINT_SIZE_INC;
+            rel1 {
+               to: "bg_bar";
+               relative: 0.5 0.5;
             }
-            program { name: "center_point_calc4";
-               signal: "mouse,move";
-               source: "elm.swallow.bar";
-               script {
-                  drag_state();
-               }
+            rel2 {
+               to: "bg_bar";
+               relative: 0.5 0.5;
             }
-            program { name: "slider_disable";
-               signal: "elm,state,disabled";
-               source: "elm";
-               script {
-                  set_state(PART:"center_point", "disabled", 0.0);
-                  set_state(PART:"disabler", "disabled", 0.0);
-                  set_state(PART:"icon_clipper", "disabled", 0.0);
-                  set_state(PART:"base", "disabled", 0.0);
-                  set_state(PART:"handle_color", "disabled", 0.0);
-                  if (!get_int(invert_on)) {
-                    set_state(PART:"level", "disabled", 0.0);
-                    set_state(PART:"level2", "default", 0.0);
-                  } else {
-                    set_state(PART:"level", "inverted", 0.0);
-                    set_state(PART:"level2", "disabled", 0.0);
-                  }
-                  set_int(disabled, 1);
-               }
+            fixed: 1 1;
+            vis;
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "visible";
+            inherit: "default";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/bar-disabled";
+         }
+      }
+   }
+   programs {
+      program { "center_point_calc";
+         signal: "drag";
+         source: "elm.dragable.slider";
+         script {
+            drag_state();
+         }
+      }
+      program { "center_point_calc1";
+         signal: "drag,start";
+         source: "elm.dragable.slider";
+         script {
+            drag_state();
+         }
+      }
+      program { "center_point_calc2";
+         signal: "drag,set";
+         source: "elm.dragable.slider";
+         script {
+            drag_state();
+         }
+      }
+      program { "center_point_calc3";
+         signal: "mouse,up,*";
+         source: "elm.swallow.bar";
+         script {
+            drag_state();
+         }
+      }
+      program { "center_point_calc4";
+         signal: "mouse,move";
+         source: "elm.swallow.bar";
+         script {
+            drag_state();
+         }
+      }
+      program { "on_disabled";
+         script {
+            set_state(PART:"center_point", "disabled", 0.0);
+            set_state(PART:"event", "disabled", 0.0);
+            set_state(PART:"clipper_elm.swallow.icon", "disabled", 0.0);
+            set_state(PART:"bg_bar", "disabled", 0.0);
+            set_state(PART:"handle_color", "disabled", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level", "disabled", 0.0);
+               set_state(PART:"level2", "default", 0.0);
+            } else {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "disabled", 0.0);
             }
-            program { name: "slider_enable";
-               signal: "elm,state,enabled";
-               source: "elm";
-               script {
-                  set_state(PART:"center_point", "visible", 0.0);
-                  set_state(PART:"disabler", "default", 0.0);
-                  set_state(PART:"icon_clipper", "default", 0.0);
-                  set_state(PART:"base", "default", 0.0);
-                  set_state(PART:"handle_color", "default", 0.0);
-                  if (!get_int(invert_on)) {
-                    set_state(PART:"level", "default", 0.0);
-                    set_state(PART:"level2", "default", 0.0);
-                  } else {
-                    set_state(PART:"level", "inverted", 0.0);
-                    set_state(PART:"level2", "inverted", 0.0);
-                  }
-                  set_int(disabled, 0);
-               }
+            set_int(disabled, 1);
+         }
+      }
+      program { "on_enabled";
+         script {
+            set_state(PART:"center_point", "visible", 0.0);
+            set_state(PART:"event", "default", 0.0);
+            set_state(PART:"clipper_elm.swallow.icon", "default", 0.0);
+            set_state(PART:"bg_bar", "default", 0.0);
+            set_state(PART:"handle_color", "default", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level", "default", 0.0);
+               set_state(PART:"level2", "default", 0.0);
+            } else {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "inverted", 0.0);
             }
+            set_int(disabled, 0);
          }
+      }
    }
+}
 
-group { name: "elm/slider/horizontal/warning";
-      data.item: "vector_ux" "default";
-      script {
-         public invert_on = 0;
-         public warning = 0;
-         public disabled = 0;
-         public popup_show = 1;
-         public show = 0;
-         public warning_area = 0;
-         public warning_area_set = 0;
-
-         public set_popup_show() {
-            set_int(popup_show, 1);
+group { "elm/slider/horizontal/warning";
+   data.item: "vector_ux" "default";
+   parts {
+      spacer { "base";
+         scale;
+         nomouse;
+         desc { "default";
+            min: 0 SLIDER_SWALLOWBAR_HEIGHT_INC;
          }
-         public set_popup_hide() {
-            set_int(popup_show, 0);
+      }
+      rect { "access";
+         nomouse;
+         desc { "default";
+            fixed: 1 1;
+            color: 0 0 0 0;
          }
-         public set_invert_on() {
-            if (!get_int(disabled)) {
-              set_state(PART:"level", "inverted", 0.0);
-              set_state(PART:"level2", "inverted", 0.0);
-            }
-            else {
-              set_state(PART:"level", "inverted", 0.0);
-              set_state(PART:"level2", "disabled", 0.0);
-            }
-            if (!get_int(warning)){
-              set_state(PART:"level_warning_clip", "inverted", 0.0);
-            }
-            else {
-              set_state(PART:"level_warning_clip", "inverted_warning", 0.0);
-            }
-            set_state(PART:"center_point", "inverted", 0.0);
-            set_state(PART:"level_rest_clip", "inverted", 0.0);
-            set_int(invert_on, 1);
+      }
+      rect { "bg"; /// for C# temporarily
+         scale;
+         desc { "default";
+            color_class: "slider/warning/bg-default"; /// for C# temporarily
+            rel.to: "base";
          }
-         public set_invert_off() {
-            if (!get_int(disabled)) {
-              set_state(PART:"level", "default", 0.0);
-              set_state(PART:"level2", "default", 0.0);
-            }
-            else {
-              set_state(PART:"level", "disabled", 0.0);
-              set_state(PART:"level2", "default", 0.0);
+      }
+      spacer { "padding_left";
+         scale;
+         desc { "default";
+            min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
+            fixed: 1 0;
+            rel1.to: "base";
+            rel2 {
+               relative: 0.0 1.0;
+               to: "base";
+            }
+            align: 0.0 0.5;
+         }
+      }
+      spacer { "padding_right"
+         scale;
+         desc { "default";
+            min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
+            fixed: 1 0;
+            rel1 {
+               relative: 1.0 0.0;
+               to: "base";
             }
-            if (!get_int(warning)){
-              set_state(PART:"level_warning_clip", "default", 0.0);
+            rel2 {
+               relative: 1.0 1.0;
+               to: "base";
             }
-            else {
-              set_state(PART:"level_warning_clip", "warning", 0.0);
+            align: 1.0 0.5;
+         }
+      }
+      swallow { "elm.swallow.icon";
+         clip: "clipper_elm.swallow.icon";
+         scale;
+         mouse;
+         desc { "default";
+            align: 0.0 0.5;
+            max: SLIDER_SWALLOWBAR_HEIGHT_INC SLIDER_SWALLOWBAR_HEIGHT_INC;
+            rel1 {
+               relative: 1.0 0.0;
+               to_x: "padding_left";
+               to_y: "base";
+            }
+            rel2 {
+               relative: 1.0 1.0;
+               to_x: "padding_left";
+               to_y: "base";
+            }
+            hid;
+         }
+         desc { "visible";
+            inherit: "default";
+            vis;
+         }
+      }
+      rect { "clipper_elm.swallow.icon";
+         scale;
+         nomouse;
+         desc { "default";
+            color_class: "slider/default/icon-normal";
+         }
+         desc { "disabled";
+            color_class: "slider/default/icon-disabled";
+         }
+      }
+      spacer { "padding_right_elm.swallow.icon";
+         scale;
+         desc { "default";
+            align: 0.0 0.5;
+            min: 0 0;
+            rel1 {
+               relative: 1.0  0.0;
+               to_x: "elm.swallow.icon";
+               to_y: "base";
+            }
+            rel2 {
+               relative: 1.0  1.0;
+               to_x: "elm.swallow.icon";
+               to_y: "base";
+            }
+            fixed: 1 0;
+         }
+         desc { "visible";
+            inherit: "default";
+            min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
+         }
+      }
+      spacer { "area_elm.dragable.slider";
+         scale;
+         desc { "default";
+            min: 0 SLIDER_SWALLOWBAR_HEIGHT_INC;
+            rel1 {
+               to_x: "padding_right_elm.swallow.icon";
+               to_y: "base";
+               relative: 1.0 0.0;
+            }
+            rel2 {
+               to_x: "padding_right";
+               to_y: "base";
+               relative: 0.0 1.0;
+            }
+            fixed: 1 1;
+         }
+      }
+      swallow { "elm.swallow.bar";
+         scale;
+         mouse;
+         desc { "default";
+            min: 0  SLIDER_SWALLOWBAR_HEIGHT_INC;
+            max: -1 SLIDER_SWALLOWBAR_HEIGHT_INC;
+            fixed: 0 1;
+            rel1 {
+               to: "padding_right_elm.swallow.icon";
+               relative: 1.0 0.0;
+            }
+            rel2 {
+               to: "padding_right";
+               relative: 0.0 1.0;
             }
-            set_state(PART:"center_point", "default", 0.0);
-            set_state(PART:"level_rest_clip", "default", 0.0);
-            set_int(invert_on, 0);
          }
-         public thumb_down() {
-            if (!get_int(warning))
-              set_state(PART:"handle_color", "pressed", 0.0);
-            else
-              set_state(PART:"handle_color", "pressed_warning", 0.0);
-            if (get_int(popup_show))
-               emit("popup,show", "elm");
+      }
+      rect { "center_point";
+         scale;
+         desc { "default";
+            min: 0 0;
+            max: 0 0;
+            align: SLIDER_WARNING_LEVEL 0.5;
+            rel1.to: "bg_bar";
+            rel2.to: "bg_bar";
+            fixed: 0 1;
+            color: 0 0 0 0;
+         }
+         desc { "inverted";
+            inherit: "default";
+            align: (1.0 - SLIDER_WARNING_LEVEL) 0.5;
          }
-         public thumb_up() {
-            if (!get_int(warning))
-              set_state(PART:"handle_color", "default", 0.0);
-            else
-              set_state(PART:"handle_color", "warning", 0.0);
-            if (get_int(popup_show))
-               emit("popup,hide", "elm");
+      }
+      swallow { "elm.swallow.tizen_vg_shape1";
+         scale;
+         clip: "bg_bar";
+         desc { "default";
+            rel1.to: "bg_bar";
+            rel2.to: "bg_bar";
          }
-         public drag_state_warning() {
-            new Float:dx, Float:dy;
-            get_drag(PART:"elm.dragable.slider", dx, dy);
-            if (!get_int(invert_on)) {
-               if (get_int(warning_area_set)) {
-                  if (dx > get_float(warning_area)) {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "warning", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,warning", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled_warning", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "warning", 0.0);
-                     set_int(warning, 1);
+      }
+      rect { "bg_bar";
+         nomouse;
+         scale;
+         desc { "default";
+            min: 0 SLIDER_BASE_HEIGHT_INC;
+            rel1 {
+               to_x: "padding_right_elm.swallow.icon";
+               to_y: "base";
+               relative: 1.0 0.5;
+            }
+            rel2 {
+               to_x: "padding_right";
+               to_y: "base";
+               relative: 0.0 0.5;
+            }
+            fixed: 0 1;
+            color_class: "slider/default/bg-normal";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "sliderdefault/bg-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape4";
+         nomouse;
+         scale;
+         clip: "clipper_elm.swallow.tizen_vg_shape4";
+         desc { "default";
+            rel1.to: "clipper_elm.swallow.tizen_vg_shape4";
+            rel2.to: "clipper_elm.swallow.tizen_vg_shape4";
+         }
+      }
+      rect { "clipper_elm.swallow.tizen_vg_shape4";
+         desc { "default";
+            fixed: 1 1;
+            color_class: "slider/warning/bg-normal";
+            rel1.to_x: "center_point";
+            rel1.to_y: "bg_bar";
+            rel1.relative: 0.5 0.0;
+            rel2.to: "bg_bar";
+         }
+         desc { "inverted";
+            inherit: "default";
+            rel1.to: "bg_bar";
+            rel1.relative: 0.0 0.0;
+            rel2.to_x: "center_point";
+            rel2.to_y: "bg_bar";
+            rel2.relative: 0.5 1.0;
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape2";
+         nomouse;
+         scale;
+         clip: "level";
+         desc { "default";
+            rel1.to: "level";
+            rel2.to: "level";
+         }
+      }
+      rect { "level";
+         nomouse;
+         scale;
+         desc { "default";
+            rel1 {
+               to_x: "padding_right_elm.swallow.icon";
+               relative: 1.0 0.0;
+            }
+            rel2 {
+               to_x: "elm.dragable.slider";
+               relative: 0.5 1.0;
+            }
+            fixed: 1 1;
+            min: 0 SLIDER_BASE_HEIGHT_INC;
+            max: -1 SLIDER_BASE_HEIGHT_INC;
+            color_class: "slider/warning/bar-normal";
+         }
+         desc { "inverted";
+            inherit: "default";
+            hid;
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/warning/bar-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape3";
+         nomouse;
+         scale;
+         clip: "level2";
+         desc { "default";
+            rel1.to: "level2";
+            rel2.to: "level2";
+         }
+      }
+      rect { "level2";
+         nomouse;
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            hid;
+            rel1.to: "level";
+            rel1.relative: 1 0;
+            rel2.to: "bg_bar";
+            color_class: "slider/warning/bar-normal";
+         }
+         desc { "inverted";
+            inherit: "default";
+            vis;
+         }
+         desc { "disabled";
+            inherit: "inverted";
+            color_class: "slider/warning/bar-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape5";
+         nomouse;
+         scale;
+         clip: "clipper_elm.swallow.tizen_vg_shape5";
+         desc { "default";
+            rel1.to: "clipper_elm.swallow.tizen_vg_shape5";
+            rel2.to: "clipper_elm.swallow.tizen_vg_shape5";
+         }
+      }
+      rect { "clipper_elm.swallow.tizen_vg_shape5";
+         scale;
+         clip: "clipper_clipper_elm.swallow.tizen_vg_shape5";
+         desc { "default";
+            rel1.to: "level";
+            rel2.to: "level";
+         }
+         desc { "warning";
+            inherit: "default";
+            rel1.to: "level";
+            rel2.to_x: "clipper_elm.swallow.tizen_vg_shape4";
+            rel2.to_y: "level";
+            rel2.relative: 0.0 1.0;
+         }
+         desc { "inverted";
+            inherit: "default";
+            rel1.to: "level2";
+            rel2.to: "level2";
+         }
+         desc { "inverted_warning";
+            inherit: "inverted";
+            rel1.to_x: "clipper_elm.swallow.tizen_vg_shape4";
+            rel1.to_y: "level2";
+            rel1.relative: 1.0 0.0;
+            rel2.to: "level2";
+         }
+      }
+      rect { "clipper_clipper_elm.swallow.tizen_vg_shape5";
+         scale;
+         desc { "default";
+            rel1.to: "clipper_elm.swallow.tizen_vg_shape5";
+            rel2.to: "clipper_elm.swallow.tizen_vg_shape5";
+            color: 61 184 204 255;
+         }
+         desc { "disabled";
+            inherit: "default";
+            color: 163 198 204 255;
+         }
+      }
+      group { "elm.dragable.slider";
+         source: "elm/slider/horizontal/indicator/default";
+         mouse;
+         scale;
+         clip: "handle_color";
+         dragable {
+            x: 1 1 0;
+            y: 0 0 0;
+            confine: "area_elm.dragable.slider";
+         }
+         desc { "default";
+            min: SLIDER_INDICATOR_SIZE_INC SLIDER_SWALLOWBAR_HEIGHT_INC;
+            fixed: 1 1;
+            align: 0.5 0.5;
+            rel1.to: "area_elm.dragable.slider";
+            rel1.relative: 0.5 0.5;
+            rel2.to: "area_elm.dragable.slider";
+            rel2.relative: 0.5 0.5;
+            color: 0 0 0 0;
+         }
+      }
+      swallow { "elm.track.slider";
+         nomouse;
+         scale;
+         desc { "default";
+            min: 0 SLIDER_POPUP_HEIGHT_INC;
+            max: -1 SLIDER_POPUP_HEIGHT_INC;
+            fixed: 0 1;
+            rel1.to: "elm.dragable.slider";
+            rel2.to: "elm.dragable.slider";
+         }
+      }
+      rect { "handle_color";
+         scale;
+         desc { "default";
+            rel1.offset: 0 -1000;
+            rel2.offset: -1 1000;
+            color_class: "slider/default/handler-normal";
+         }
+         desc { "warning";
+            inherit: "default";
+            color_class: "slider/warning/handler-normal";
+         }
+         desc { "pressed";
+            inherit: "default";
+            color_class: "slider/default/handler-pressed";
+         }
+         desc { "pressed_warning";
+            inherit: "warning";
+            color_class: "slider/warning/handler-pressed";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/handler-disabled";
+         }
+         desc { "disabled_warning";
+            inherit: "default";
+            color_class: "slider/warning/handler-disabled";
+         }
+      }
+   }
+   inherit: "elm/slider/event/default";
+   script {
+      public invert_on = 0;
+      public warning = 0;
+      public disabled = 0;
+      public popup_show = 1;
+      public show = 0;
+      public warning_area = 0;
+      public warning_area_set = 0;
+
+      public set_popup_show() {
+         set_int(popup_show, 1);
+      }
+      public set_popup_hide() {
+         set_int(popup_show, 0);
+      }
+      public set_invert_on() {
+         if (!get_int(disabled)) {
+            set_state(PART:"level", "inverted", 0.0);
+            set_state(PART:"level2", "inverted", 0.0);
+         }
+         else {
+            set_state(PART:"level", "inverted", 0.0);
+            set_state(PART:"level2", "disabled", 0.0);
+         }
+         if (!get_int(warning)){
+            set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted", 0.0);
+         }
+         else {
+            set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted_warning", 0.0);
+         }
+         set_state(PART:"center_point", "inverted", 0.0);
+         set_state(PART:"clipper_elm.swallow.tizen_vg_shape4", "inverted", 0.0);
+         set_int(invert_on, 1);
+      }
+      public set_invert_off() {
+         if (!get_int(disabled)) {
+            set_state(PART:"level", "default", 0.0);
+            set_state(PART:"level2", "default", 0.0);
+         }
+         else {
+            set_state(PART:"level", "disabled", 0.0);
+            set_state(PART:"level2", "default", 0.0);
+         }
+         if (!get_int(warning)){
+            set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "default", 0.0);
+         }
+         else {
+            set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "warning", 0.0);
+         }
+         set_state(PART:"center_point", "default", 0.0);
+         set_state(PART:"clipper_elm.swallow.tizen_vg_shape4", "default", 0.0);
+         set_int(invert_on, 0);
+      }
+      public thumb_down() {
+         if (!get_int(warning))
+         set_state(PART:"handle_color", "pressed", 0.0);
+         else
+         set_state(PART:"handle_color", "pressed_warning", 0.0);
+         if (get_int(popup_show))
+         emit("popup,show", "elm");
+      }
+      public thumb_up() {
+         if (!get_int(warning))
+         set_state(PART:"handle_color", "default", 0.0);
+         else
+         set_state(PART:"handle_color", "warning", 0.0);
+         if (get_int(popup_show))
+         emit("popup,hide", "elm");
+      }
+      public drag_state_warning() {
+         new Float:dx, Float:dy;
+         get_drag(PART:"elm.dragable.slider", dx, dy);
+         if (!get_int(invert_on)) {
+            if (get_int(warning_area_set)) {
+               if (dx > get_float(warning_area)) {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "warning", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,warning", "popup,emit");
                   }
                   else {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "default", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,default", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "default", 0.0);
-                     set_int(warning, 0);
+                     set_state(PART:"handle_color", "disabled_warning", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "warning", 0.0);
+                  set_int(warning, 1);
                }
                else {
-                  if (dx > SLIDER_WARNING_LEVEL) {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "warning", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,warning", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled_warning", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "warning", 0.0);
-                     set_int(warning, 1);
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "default", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,default", "popup,emit");
                   }
                   else {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "default", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,default", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "default", 0.0);
-                     set_int(warning, 0);
+                     set_state(PART:"handle_color", "disabled", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "default", 0.0);
+                  set_int(warning, 0);
                }
             }
             else {
-               if (get_int(warning_area_set)) {
-                  if (dx < (1.0 - get_float(warning_area))) {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "warning", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,warning", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled_warning", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "inverted_warning", 0.0);
-                     set_int(warning, 1);
+               if (dx > SLIDER_WARNING_LEVEL) {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "warning", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,warning", "popup,emit");
                   }
                   else {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "default", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,default", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "inverted", 0.0);
-                     set_int(warning, 0);
+                     set_state(PART:"handle_color", "disabled_warning", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "warning", 0.0);
+                  set_int(warning, 1);
                }
                else {
-                  if (dx < (1.0 - SLIDER_WARNING_LEVEL)) {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "warning", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,warning", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled_warning", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "inverted_warning", 0.0);
-                     set_int(warning, 1);
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "default", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,default", "popup,emit");
                   }
                   else {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "default", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,default", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "inverted", 0.0);
-                     set_int(warning, 0);
+                     set_state(PART:"handle_color", "disabled", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "default", 0.0);
+                  set_int(warning, 0);
                }
             }
          }
-         public message(Msg_Type:type, id, ...) {
-            if (type == MSG_FLOAT_SET) {
-               new Float:ratio;
-               ratio = getfarg(2);
-               if (id == 0) {
-                  set_float(warning_area, ratio);
-                  set_int(warning_area_set, 1);
-                  custom_state(PART:"center_point", "default", 0.0);
-                  if (!get_int(invert_on)) {
-                     set_state_val(PART:"center_point", STATE_ALIGNMENT, ratio, 0.5);
+         else {
+            if (get_int(warning_area_set)) {
+               if (dx < (1.0 - get_float(warning_area))) {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "warning", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,warning", "popup,emit");
                   }
                   else {
-                     set_state_val(PART:"center_point", STATE_ALIGNMENT, 1 - ratio, 0.5);
-                  }
-                  set_state(PART:"center_point", "custom", 0.0);
-                  drag_state_warning();
-               }
-            }
-         }
-      }
-         parts {
-            part { name: "access";
-               type: RECT;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  color: 0 0 0 0;
-               }
-            }
-            part {
-               name: "bg";
-               //type: SPACER;
-               type: RECT; /// for C# temporarily
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: 0 SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  color_class: "elm/widget/slider/warning/bg-default"; /// for C# temporarily
-               }
-            }
-            part {
-               name: "bar_image_left_padding";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
-                  fixed: 1 0;
-                  rel1.to: "bg";
-                  rel2 {
-                     relative: 0.0 1.0;
-                     to: "bg";
-                  }
-                  align: 0.0 0.5;
-               }
-            }
-            part { name: "elm.swallow.icon";
-               type: SWALLOW;
-               clip_to: "icon_clipper";
-               scale: 1;
-               description { state: "default" 0.0;
-                  visible: 0;
-                  align: 0.0 0.5;
-                  max: SLIDER_SWALLOWBAR_HEIGHT_INC SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  rel1 {
-                     relative: 1.0 0.0;
-                     to_x: "bar_image_left_padding";
-                     to_y: "bg";
-                  }
-                  rel2 {
-                     relative: 1.0 1.0;
-                     to_x: "bar_image_left_padding";
-                     to_y: "bg";
-                  }
-               }
-               description { state: "visible" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-            }
-            part {
-               name: "bar_icon_right_padding_1";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  align: 0.0 0.5;
-                  min: 0 0;
-                  rel1 {
-                     relative: 1.0  0.0;
-                     to: "elm.swallow.icon";
-                  }
-                  rel2 {
-                     relative: 1.0  1.0;
-                     to: "elm.swallow.icon";
-                  }
-                  fixed: 1 0;
-               }
-               description { state: "visible";
-                  inherit: "default" 0.0;
-                  min: SLIDER_ICON_PADDING_SIZE_INC;
-               }
-            }
-            part {
-               name: "bar_icon_right_padding_2";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  align: 0.0 0.5;
-                  min: 0 0;
-                  rel1 {
-                     relative: 1.0  0.0;
-                     to: "bar_icon_right_padding_1";
-                  }
-                  rel2 {
-                     relative: 1.0  1.0;
-                     to: "bar_icon_right_padding_1";
-                  }
-                  fixed: 1 0;
-               }
-               description { state: "visible";
-                  inherit: "default" 0.0;
-                  min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
-               }
-            }
-            part { name: "base";
-               type: "RECT";
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 SLIDER_BASE_HEIGHT_INC;
-                  rel1 {
-                     to_x: "bar_icon_right_padding_2";
-                     to_y: "bg";
-                     relative: 1.0 0.5;
-                  }
-                  rel2 {
-                     to_x: "bar_image_right_padding";
-                     to_y: "bg";
-                     relative: 0.0 0.5;
-                  }
-                  fixed: 0 1;
-                  color: 145 145 145 179;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 145 145 145 77;
-               }
-            }
-            part { name: "drag_base";
-               type: "SPACER";
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  rel1 {
-                     to_x: "bar_image_left_padding";
-                     to_y: "bg";
-                     relative: 1.0 0.0;
-                  }
-                  rel2 {
-                      to_x: "bar_image_right_padding";
-                      to_y: "bg";
-                      relative: 0.0 1.0;
-                  }
-                  fixed: 1 1;
-               }
-               description { state: "visible" 0.0;
-                  inherit: "default" 0.0;
-                  rel1 {
-                     to_x: "bar_icon_right_padding_2";
-                     to_y: "bg";
-                     relative: 1.0 0.0;
-                  }
-                  rel2 {
-                      to_x: "bar_image_right_padding";
-                      to_y: "bg";
-                      relative: 0.0 1.0;
+                     set_state(PART:"handle_color", "disabled_warning", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted_warning", 0.0);
+                  set_int(warning, 1);
                }
-            }
-            part { name: "level";
-               type: RECT;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  rel1 {
-                     to_x: "bar_icon_right_padding_2";
-                     relative: 1.0 0.0;
+               else {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "default", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,default", "popup,emit");
                   }
-                  rel2 {
-                     to_x: "elm.dragable.slider";
-                     relative: 0.5 1.0;
+                  else {
+                     set_state(PART:"handle_color", "disabled", 0.0);
                   }
-                  fixed: 1 1;
-                  min: 0 SLIDER_BASE_HEIGHT_INC;
-                  max: -1 SLIDER_BASE_HEIGHT_INC;
-                  color: 255 25 25 255;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 0;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 216 162 162 255;
-               }
-            }
-            part { name: "level2";
-               type: RECT;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  visible: 0;
-                  rel1.to: "level";
-                  rel1.relative: 1 0;
-                  rel2.to: "base";
-                  color: 255 25 25 255;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "inverted" 0.0;
-                  color: 216 162 162 255;
-               }
-            }
-            part { name: "level_rest_clip";
-               type: RECT;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  color: 201 132 132 255;
-                  rel1.to_x: "center_point";
-                  rel1.to_y: "base";
-                  rel1.relative: 0.5 0.0;
-                  rel2.to: "base";
-               }
-               description { state: "inverted" 0.0;
-                 inherit: "default" 0.0;
-                 rel1.to: "base";
-                 rel1.relative: 0.0 0.0;
-                 rel2.to_x: "center_point";
-                 rel2.to_y: "base";
-                 rel2.relative: 0.5 1.0;
-               }
-            }
-            part { name: "level_warning_clip";
-               type: RECT;
-               scale: 1;
-               clip_to: "disabled_clipper";
-               description { state: "default" 0.0;
-                  rel1.to: "level";
-                  rel2.to: "level";
-               }
-               description { state: "warning" 0.0;
-                  inherit: "default";
-                  rel1.to: "level";
-                  rel2.to_x: "level_rest_clip";
-                  rel2.to_y: "level";
-                  rel2.relative: 0.0 1.0;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default";
-                  rel1.to: "level2";
-                  rel2.to: "level2";
-               }
-               description { state: "inverted_warning" 0.0;
-                 inherit: "inverted" 0.0;
-                 rel1.to_x: "level_rest_clip";
-                 rel1.to_y: "level2";
-                 rel1.relative: 1.0 0.0;
-                 rel2.to: "level2";
-               }
-            }
-            part { name: "disabled_clipper";
-              type: RECT;
-              scale: 1;
-               description { state: "default" 0.0;
-                  rel1.to: "level_warning_clip";
-                  rel2.to: "level_warning_clip";
-                  color: 61 184 204 255;
-               }
-               description { state: "disabled";
-                  inherit: "default" 0.0;
-                  color: 163 198 204 255;
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted", 0.0);
+                  set_int(warning, 0);
                }
             }
-            part {
-               name: "bar_image_right_padding";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: SLIDER_LEFT_RIGHT_PADDING_SIZE_INC;
-                  fixed: 1 0;
-                  rel1 {
-                     relative: 1.0 0.0;
-                     to: "bg";
+            else {
+               if (dx < (1.0 - SLIDER_WARNING_LEVEL)) {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "warning", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,warning", "popup,emit");
                   }
-                  rel2 {
-                     relative: 1.0 1.0;
-                     to: "bg";
+                  else {
+                     set_state(PART:"handle_color", "disabled_warning", 0.0);
                   }
-                  align: 1.0 0.5;
-               }
-            }
-            part { name: "icon_clipper";
-               scale: 1;
-               type: RECT;
-               description { state: "default" 0.0;
-                  color: 61 184 204 255;
-               }
-               description { state: "disabled" 0.0;
-                  color: 61 184 204 76;
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted_warning", 0.0);
+                  set_int(warning, 1);
                }
-            }
-            part { name: "elm.swallow.bar";
-               type: SWALLOW;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0  SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  max: -1 SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  fixed: 0 1;
-                  rel1 {
-                     to: "bar_icon_right_padding_2";
-                     relative: 1.0 0.0;
+               else {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "default", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,default", "popup,emit");
                   }
-                  rel2 {
-                     to: "bar_image_right_padding";
-                     relative: 0.0 1.0;
+                  else {
+                     set_state(PART:"handle_color", "disabled", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted", 0.0);
+                  set_int(warning, 0);
                }
             }
-            part { name:"center_point";
-               type: RECT;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 0;
-                  max: 0 0;
-                  align: SLIDER_WARNING_LEVEL 0.5;
-                  rel1.to: "base";
-                  rel2.to: "base";
-                  fixed: 0 1;
-                  color: 0 0 0 0;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  align: (1.0 - SLIDER_WARNING_LEVEL) 0.5;
-               }
-            }
-            part { name: "elm.swallow.tizen_vg_shape1";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "base";
-               description { state: "default" 0.0;
-                  rel1.to: "base";
-                  rel2.to: "base";
-               }
-            }
-            part { name: "elm.swallow.tizen_vg_shape4";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "level_rest_clip";
-               description { state: "default" 0.0;
-                  rel1.to: "level_rest_clip";
-                  rel2.to: "level_rest_clip";
+         }
+      }
+      public message(Msg_Type:type, id, ...) {
+         if (type == MSG_FLOAT_SET) {
+            new Float:ratio;
+            ratio = getfarg(2);
+            if (id == 0) {
+               set_float(warning_area, ratio);
+               set_int(warning_area_set, 1);
+               custom_state(PART:"center_point", "default", 0.0);
+               if (!get_int(invert_on)) {
+                  set_state_val(PART:"center_point", STATE_ALIGNMENT, ratio, 0.5);
                }
-            }
-            part { name: "elm.swallow.tizen_vg_shape2";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "level";
-               description { state: "default" 0.0;
-                  rel1.to: "level";
-                  rel2.to: "level";
+               else {
+                  set_state_val(PART:"center_point", STATE_ALIGNMENT, 1 - ratio, 0.5);
                }
+               set_state(PART:"center_point", "custom", 0.0);
+               drag_state_warning();
             }
-            part { name: "elm.swallow.tizen_vg_shape3";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "level2";
-               description { state: "default" 0.0;
-                  rel1.to: "level2";
-                  rel2.to: "level2";
-               }
+         }
+      }
+   }
+   programs {
+      program { "load";
+         signal: "load";
+         source: "";
+         script {
+            set_int(popup_show, 1);
+         }
+      }
+      program { "invert_on";
+         signal: "elm,state,inverted,on";
+         source: "elm";
+         script {
+            set_invert_on();
+         }
+      }
+      program { "invert_off";
+         signal: "elm,state,inverted,off";
+         source: "elm";
+         script {
+            set_invert_off();
+         }
+      }
+      program { "val_show";
+         signal: "mouse,down,*";
+         source: "elm.dragable.slider";
+         script {
+            thumb_down();
+         }
+      }
+      program { "val_hide";
+         signal: "mouse,up,*";
+         source: "elm.dragable.slider";
+         script {
+            thumb_up();
+         }
+      }
+      program { "indicator_show";
+         signal: "elm,state,indicator,show";
+         source: "elm";
+         action:  SIGNAL_EMIT "elm,popup,show" "elm";
+      }
+      program { "indicator_hide";
+         signal: "elm,state,indicator,hide";
+         source: "elm";
+         action:  SIGNAL_EMIT "elm,popup,hide" "elm";
+      }
+      program { "icon_show";
+         signal: "elm,state,icon,visible";
+         source: "elm";
+         action:  STATE_SET "visible";
+         target: "elm.swallow.icon";
+         target: "padding_right_elm.swallow.icon";
+      }
+      program { "center_point_enable";
+         signal: "slider,center,point,show";
+         source: "elm";
+         script {
+            set_state(PART:"center_point", "visible", 0.0);
+            set_int(show, 1);
+         }
+      }
+      program { "center_point_disable";
+         signal: "slider,center,point,hide";
+         source: "elm";
+         script {
+            set_state(PART:"center_point", "default", 0.0);
+            set_int(show, 0);
+         }
+      }
+      program { "on_disabled";
+         script {
+            set_state(PART:"event", "disabled", 0.0);
+            set_state(PART:"clipper_elm.swallow.icon", "disabled", 0.0);
+            set_state(PART:"bg_bar", "disabled", 0.0);
+            set_state(PART:"clipper_clipper_elm.swallow.tizen_vg_shape5", "disabled", 0.0);
+            if (!get_int(warning))
+            set_state(PART:"handle_color", "disabled", 0.0);
+            else
+            set_state(PART:"handle_color", "disabled_warning", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level", "disabled", 0.0);
+               set_state(PART:"level2", "default", 0.0);
+            } else {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "disabled", 0.0);
             }
-            part { name: "elm.swallow.tizen_vg_shape5";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               clip_to: "level_warning_clip";
-               description { state: "default" 0.0;
-                  rel1.to: "level_warning_clip";
-                  rel2.to: "level_warning_clip";
-               }
+            set_int(disabled, 1);
+         }
+      }
+      program { "on_enabled";
+         script {
+            set_state(PART:"event", "default", 0.0);
+            set_state(PART:"clipper_elm.swallow.icon", "default", 0.0);
+            set_state(PART:"bg_bar", "default", 0.0);
+            set_state(PART:"clipper_clipper_elm.swallow.tizen_vg_shape5", "default", 0.0);
+            if (!get_int(warning))
+            set_state(PART:"handle_color", "default", 0.0);
+            else
+            set_state(PART:"handle_color", "warning", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level", "default", 0.0);
+               set_state(PART:"level2", "default", 0.0);
+            } else {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "inverted", 0.0);
             }
-            part { name: "elm.dragable.slider";
-               type: GROUP;
-               source: "elm/slider/horizontal/indicator/default";
-               mouse_events: 1;
-               scale: 1;
-               clip_to : "handle_color";
-               dragable {
-                  x: 1 1 0;
-                  y: 0 0 0;
-                  confine: "drag_base";
-               }
-               description { state: "default" 0.0;
-                  min: SLIDER_INDICATOR_SIZE_INC SLIDER_SWALLOWBAR_HEIGHT_INC;
-                  fixed: 1 1;
-                  align: 0.5 0.5;
-                  rel1.to: "drag_base";
-                  rel1.relative: 0.5 0.5;
-                  rel2.to: "drag_base";
-                  rel2.relative: 0.5 0.5;
-                  color: 0 0 0 0;
-               }
+            set_int(disabled, 0);
+         }
+      }
+      program { "center_point_calc";
+         signal: "drag";
+         source: "elm.dragable.slider";
+         script {
+            drag_state_warning();
+         }
+      }
+      program { "center_point_calc1";
+         signal: "drag,start";
+         source: "elm.dragable.slider";
+         script {
+            drag_state_warning();
+         }
+      }
+      program { "center_point_calc2";
+         signal: "drag,set";
+         source: "elm.dragable.slider";
+         script {
+            drag_state_warning();
+         }
+      }
+      program { "center_point_calc3";
+         signal: "mouse,up,*";
+         source: "elm.swallow.bar";
+         script {
+            drag_state_warning();
+         }
+      }
+      program { "center_point_calc4";
+         signal: "mouse,move";
+         source: "elm.swallow.bar";
+         script {
+            drag_state_warning();
+         }
+      }
+   }
+}
+
+group { "elm/slider/vertical/default";
+   data.item: "vector_ux" "default";
+   parts {
+      spacer { "base";
+         scale;
+         nomouse;
+         desc { "default";
+            min: SLIDER_SWALLOWBAR_WIDTH_INC 0;
+            max: SLIDER_SWALLOWBAR_WIDTH_INC -1;
+         }
+      }
+      rect { "access";
+         desc { "default";
+            fixed: 1 1;
+            color: 0 0 0 0;
+         }
+      }
+      rect { "bg"; /// for C# temporarily
+         scale;
+         desc { "default";
+            color_class: "slider/default/bg-default"; /// for C# temporarily
+            rel.to: "base";
+         }
+      }
+      spacer { "padding_top";
+         scale;
+         desc { "default";
+            min: SLIDER_TOP_PADDING_SIZE_INC;
+            max: SLIDER_TOP_PADDING_SIZE_INC;
+            fixed: 1 1;
+            rel1 {
+               relative: 0.0  0.0;
+               to: "base";
+            }
+            rel2 {
+               relative: 1.0  0.0;
+               to: "base";
+            }
+            align: 0.5 0.0;
+         }
+      }
+      spacer { "padding_bottom";
+         scale;
+         desc { "default";
+            min: SLIDER_BOTTOM_PADDING_SIZE_INC;
+            max: SLIDER_BOTTOM_PADDING_SIZE_INC;
+            fixed: 1 1;
+            rel1 {
+               relative: 0.0  1.0;
+               to: "base";
+            }
+            rel2 {
+               relative: 1.0  1.0;
+               to: "base";
+            }
+            align: 0.5 1.0;
+         }
+      }
+      spacer { "area_elm.dragable.slider";
+         scale;
+         desc { "default";
+            min: SLIDER_SWALLOWBAR_HEIGHT_INC 0;
+            rel1 {
+               to: "padding_top";
+               relative: 0.0 1.0;
             }
-            part { name: "elm.track.slider";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 SLIDER_POPUP_HEIGHT_INC;
-                  max: -1 SLIDER_POPUP_HEIGHT_INC;
-                  fixed: 0 1;
-                  rel1.to: "elm.dragable.slider";
-                  rel2.to: "elm.dragable.slider";
-               }
+            rel2 {
+               to: "padding_bottom";
+               relative: 1.0 0.0;
             }
-            part { name:"handle_color";
-               type: RECT;
-               scale: 1;
-               description { state: "default" 0.0;
-                  rel1.offset: 0 -1000;
-                  rel2.offset: -1 1000;
-                  color: 61 184 204 255;
-               }
-               description { state: "warning" 0.0;
-                  inherit: "default" 0.0;
-                  color: 255 25 25 255;
-               }
-               description { state: "pressed" 0.0;
-                  inherit: "default";
-               }
-               description { state: "pressed_warning" 0.0;
-                  inherit: "warning";
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 163 198 204 255;
-               }
-               description { state: "disabled_warning" 0.0;
-                  inherit: "default" 0.0;
-                  color: 216 162 162 255;
-               }
+            fixed: 1 1;
+         }
+      }
+      swallow { "elm.swallow.bar";
+         scale;
+         desc { "default";
+            min: SLIDER_SWALLOWBAR_HEIGHT_INC 0;
+            max: SLIDER_SWALLOWBAR_HEIGHT_INC -1;
+            fixed: 1 0;
+            rel1 {
+               to: "padding_top";
+               relative: 0.0 1.0;
             }
-            part { name: "disabler";
-               type: RECT;
-               mouse_events: 1;
-               repeat_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  visible: 0;
-                  color: 0 0 0 0;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
+            rel2 {
+               to: "padding_bottom";
+               relative: 1.0 0.0;
             }
          }
-      programs {
-         program { name: "load";
-           signal: "load";
-           source: "";
-           script {
-               set_int(popup_show, 1);
-           }
-         }
-         program { name: "invert_on";
-            signal: "elm,state,inverted,on";
-            source: "elm";
-            script {
-               set_invert_on();
-            }
-         }
-         program { name: "invert_off";
-            signal: "elm,state,inverted,off";
-            source: "elm";
-            script {
-               set_invert_off();
-            }
-         }
-         program { name: "val_show";
-            signal: "mouse,down,*";
-            source: "elm.dragable.slider";
-            script {
-               thumb_down();
-            }
-         }
-         program { name: "val_hide";
-            signal: "mouse,up,*";
-            source: "elm.dragable.slider";
-            script {
-               thumb_up();
-            }
-         }
-         /* TIZEN ONLY(20150819) : This program is not necessary.
-         program { name: "popup_show";
-            signal: "elm,state,val,show";
-            source: "elm";
-            script {
-               set_popup_show();
-            }
-         }
-         program { name: "popup_hide";
-            signal: "elm,state,val,hide";
-            source: "elm";
-            script {
-               set_popup_hide();
-            }
-         }*/
-         program { name: "indicator_show";
-            signal: "elm,state,indicator,show";
-            source: "elm";
-            action:  SIGNAL_EMIT "elm,popup,show" "elm";
-         }
-         program { name: "indicator_hide";
-            signal: "elm,state,indicator,hide";
-            source: "elm";
-            action:  SIGNAL_EMIT "elm,popup,hide" "elm";
-         }
-         program { name: "icon_show";
-            signal: "elm,state,icon,visible";
-            source: "elm";
-            action:  STATE_SET "visible" 0.0;
-            target: "elm.swallow.icon";
-            target: "bar_icon_right_padding_1";
-            target: "bar_icon_right_padding_2";
-            target: "drag_base";
-         }
-         program { name: "center_point_enable";
-            signal: "slider,center,point,show";
-            source: "elm";
-            script {
-               set_state(PART:"center_point", "visible", 0.0);
-               set_int(show, 1);
-            }
+      }
+      rect { "center_point";
+         scale;
+         desc { "default";
+            min: SLIDER_VERTICAL_CENTER_POINT_SIZE_INC;
+            max: SLIDER_VERTICAL_CENTER_POINT_SIZE_INC;
+            hid;
+            rel1.to: "bg_bar";
+            rel2.to: "bg_bar";
+            fixed: 1 0;
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "visible";
+            inherit: "default";
+            vis;
+         }
+         desc { "disabled";
+            inherit: "default";
+            vis;
+            color_class: "slider/default/bar-disabled";
          }
-         program { name: "center_point_disable";
-            signal: "slider,center,point,hide";
-            source: "elm";
-            script {
-               set_state(PART:"center_point", "default", 0.0);
-               set_int(show, 0);
-            }
+      }
+      swallow { "elm.swallow.tizen_vg_shape1";
+         nomouse;
+         scale;
+         clip: "bg_bar";
+         desc { "default";
+            rel1.to: "bg_bar";
+            rel2.to: "bg_bar";
          }
-         program { name: "slider_disable";
-            signal: "elm,state,disabled";
-            source: "elm";
-            script {
-               set_state(PART:"disabler", "disabled", 0.0);
-               set_state(PART:"icon_clipper", "disabled", 0.0);
-               set_state(PART:"base", "disabled", 0.0);
-               set_state(PART:"disabled_clipper", "disabled", 0.0);
-               if (!get_int(warning))
-                 set_state(PART:"handle_color", "disabled", 0.0);
-               else
-                 set_state(PART:"handle_color", "disabled_warning", 0.0);
-               if (!get_int(invert_on)) {
-                 set_state(PART:"level", "disabled", 0.0);
-                 set_state(PART:"level2", "default", 0.0);
-               } else {
-                 set_state(PART:"level", "inverted", 0.0);
-                 set_state(PART:"level2", "disabled", 0.0);
-               }
-               set_int(disabled, 1);
-            }
+      }
+      rect { "bg_bar";
+         nomouse;
+         scale;
+         desc { "default";
+            min: SLIDER_VERTICAL_BASE_HEIGHT_INC 0;
+            max: SLIDER_VERTICAL_BASE_HEIGHT_INC -1;
+            fixed: 1 1;
+            rel1 {
+               to: "padding_top";
+               relative: 0.0 1.0;
+            }
+            rel2 {
+               to: "padding_bottom";
+               relative: 1.0 0.0;
+            }
+            fixed: 1 1;
+            color_class: "slider/default/bg-normal";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/bg-disabled";
          }
-         program { name: "slider_enable";
-            signal: "elm,state,enabled";
-            source: "elm";
-            script {
-               set_state(PART:"disabler", "default", 0.0);
-               set_state(PART:"icon_clipper", "default", 0.0);
-               set_state(PART:"base", "default", 0.0);
-               set_state(PART:"disabled_clipper", "default", 0.0);
-               if (!get_int(warning))
-                 set_state(PART:"handle_color", "default", 0.0);
-               else
-                 set_state(PART:"handle_color", "warning", 0.0);
-               if (!get_int(invert_on)) {
-                 set_state(PART:"level", "default", 0.0);
-                 set_state(PART:"level2", "default", 0.0);
-               } else {
-                 set_state(PART:"level", "inverted", 0.0);
-                 set_state(PART:"level2", "inverted", 0.0);
-               }
-               set_int(disabled, 0);
-            }
+      }
+      swallow { "elm.swallow.tizen_vg_shape2";
+         nomouse;
+         scale;
+         clip: "level";
+         desc { "default";
+            rel1.to: "level";
+            rel2.to: "level";
          }
-         program { name: "center_point_calc";
-            signal: "drag";
-            source: "elm.dragable.slider";
-            script {
-               drag_state_warning();
-            }
+      }
+      rect { "level";
+         nomouse;
+         scale;
+         desc { "default";
+            hid;
+            rel1 {
+               to_y: "elm.dragable.slider";
+               to_x: "bg_bar";
+               relative: 0.0 0.5;
+            }
+            rel2 {
+               to_y: "padding_bottom";
+               to_x: "bg_bar";
+               relative: 1.0 0.0;
+            }
+            fixed: 1 1;
+            min: SLIDER_BASE_HEIGHT_INC 0;
+            max: SLIDER_BASE_HEIGHT_INC -1;
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "inverted";
+            inherit: "default";
+            vis;
+         }
+         desc { "pressed";
+            inherit: "inverted";
+         }
+         desc { "disabled";
+            inherit: "inverted";
+            color_class: "slider/default/bar-disabled";
          }
-         program { name: "center_point_calc1";
-            signal: "drag,start";
-            source: "elm.dragable.slider";
-            script {
-               drag_state_warning();
-            }
+      }
+      rect { "level2";
+         nomouse;
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            rel1 {
+               to: "bg_bar";
+               relative: 0.5 0.0;
+            }
+            rel2 {
+               to_y: "elm.dragable.slider";
+               to_x: "padding_top";
+               relative: 0.5 0.5;
+            }
+            fixed: 1 1;
+            min: SLIDER_BASE_HEIGHT_INC 0;
+            max: SLIDER_BASE_HEIGHT_INC -1;
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "pressed";
+            inherit: "default";
+         }
+         desc { "inverted";
+            inherit: "default";
+            hid;
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/bar-disabled";
          }
-         program { name: "center_point_calc2";
-            signal: "drag,set";
-            source: "elm.dragable.slider";
-            script {
-               drag_state_warning();
-            }
+      }
+      swallow { "elm.swallow.tizen_vg_shape3";
+         nomouse;
+         scale;
+         clip: "level2";
+         desc { "default";
+            rel1.to: "level2";
+            rel2.to: "level2";
          }
-         program { name: "center_point_calc3";
-            signal: "mouse,up,*";
-            source: "elm.swallow.bar";
-            script {
-               drag_state_warning();
-            }
+      }
+      swallow { "elm.swallow.tizen_vg_shape4";
+         nomouse;
+         scale;
+         clip: "hider";
+         desc { "default";
+            rel1.to: "level";
+            rel2.to: "level";
          }
-         program { name: "center_point_calc4";
-            signal: "mouse,move";
-            source: "elm.swallow.bar";
-            script {
-               drag_state_warning();
-            }
+      }
+      swallow { "elm.swallow.tizen_vg_shape5";
+         nomouse;
+         scale;
+         clip: "center_point";
+         desc { "default";
+            rel1.to: "center_point";
+            rel2.to: "center_point";
+         }
+      }
+      group{ "elm.dragable.slider";
+         source: "elm/slider/vertical/indicator/default";
+         mouse;
+         scale;
+         clip: "handle_color";
+         dragable {
+            x: 0 0 0;
+            y: 1 1 0;
+            confine: "area_elm.dragable.slider";
+         }
+         desc { "default";
+            min: SLIDER_LEFT_VERTICAL_INDICATOR_SIZE_INC SLIDER_VERTICAL_INDICATOR_SIZE_INC;
+            fixed: 1 1;
+            align: 0.5 0.5;
+            rel1.to: "area_elm.dragable.slider";
+            rel1.relative: 0.5 0.5;
+            rel2.to: "area_elm.dragable.slider";
+            rel2.relative: 0.5 0.5;
+            color: 0 0 0 0;
+         }
+      }
+      swallow { "elm.track.slider";
+         nomouse;
+         scale;
+         desc { "default";
+            min: 0 SLIDER_POPUP_HEIGHT_INC;
+            max: -1 SLIDER_POPUP_HEIGHT_INC;
+            fixed: 0 1;
+            rel1.to: "elm.dragable.slider";
+            rel2.to: "elm.dragable.slider";
+         }
+      }
+      rect { "handle_color";
+         scale;
+         desc { "default";
+            rel1.offset: 0 -1000;
+            rel2.offset: -1 1000;
+            color_class: "slider/default/handler-normal";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/handler-disabled";
+         }
+         desc { "pressed";
+            inherit: "default";
+            color_class: "slider/default/handler-pressed";
+         }
+      }
+      rect { "hider";
+         scale;
+         desc { "default";
+            hid;
+            color: 0 0 0 0;
          }
       }
    }
-
-group { name: "elm/slider/vertical/default";
-  data.item: "vector_ux" "default";
-  script {
-     public invert_on = 0;
-     public disabled = 0;
-     public show = 0;
-     public popup_show = 1;
-     public set_popup_show() {
-        set_int(popup_show, 1);
-     }
-     public set_popup_hide() {
-        set_int(popup_show, 0);
-     }
-     public set_invert_on() {
-        if (!get_int(disabled)) {
-          set_state(PART:"level", "inverted", 0.0);
-          set_state(PART:"level2", "inverted", 0.0);
-        }
-        else {
-          set_state(PART:"level", "disabled", 0.0);
-          set_state(PART:"level2", "inverted", 0.0);
-        }
-        set_int(invert_on, 1);
-     }
-     public set_invert_off() {
-        if (!get_int(disabled)) {
-          set_state(PART:"level", "default", 0.0);
-          set_state(PART:"level2", "default", 0.0);
-        }
-        else {
-          set_state(PART:"level", "default", 0.0);
-          set_state(PART:"level2", "disabled", 0.0);
-        }
-        set_int(invert_on, 0);
-     }
-     public thumb_down() {
-        if (!get_int(invert_on))
-          set_state(PART:"level2", "pressed", 0.0);
-        else
-          set_state(PART:"level", "pressed", 0.0);
-         set_state(PART:"handle_color", "pressed", 0.0);
-        if (get_int(popup_show))
-           emit("popup,show", "elm");
-        }
-     public thumb_up() {
-        if (!get_int(invert_on))
-          set_state(PART:"level2", "default", 0.0);
-        else
-         set_state(PART:"level", "inverted", 0.0);
-        set_state(PART:"handle_color", "default", 0.0);
-        if (get_int(popup_show))
-           emit("popup,hide", "elm");
-        }
-     public drag_state() {
-        new Float:dx, Float:dy;
-        get_drag(PART:"elm.dragable.slider", dx, dy);
-        if (dy < 0.5) {
-          if (!get_int(disabled)) {
-            set_state(PART:"level", "pressed", 0.0);
-            set_state(PART:"level2", "default", 0.0);
-          }
-          else {
+   inherit: "elm/slider/event/default";
+   script {
+      public invert_on = 0;
+      public disabled = 0;
+      public show = 0;
+      public popup_show = 1;
+      public set_popup_show() {
+         set_int(popup_show, 1);
+      }
+      public set_popup_hide() {
+         set_int(popup_show, 0);
+      }
+      public set_invert_on() {
+         if (!get_int(disabled)) {
+            set_state(PART:"level", "inverted", 0.0);
+            set_state(PART:"level2", "inverted", 0.0);
+         }
+         else {
             set_state(PART:"level", "disabled", 0.0);
+            set_state(PART:"level2", "inverted", 0.0);
+         }
+         set_int(invert_on, 1);
+      }
+      public set_invert_off() {
+         if (!get_int(disabled)) {
+            set_state(PART:"level", "default", 0.0);
             set_state(PART:"level2", "default", 0.0);
-          }
-          set_int(invert_on, 0);
-        }
-        else {
-          if (!get_int(disabled)) {
-            set_state(PART:"level", "inverted", 0.0);
-            set_state(PART:"level2", "pressed", 0.0);
-          }
-          else {
-            set_state(PART:"level", "inverted", 0.0);
+         }
+         else {
+            set_state(PART:"level", "default", 0.0);
             set_state(PART:"level2", "disabled", 0.0);
-          }
-          set_int(invert_on, 1);
-        }
-     }
-  }
-  parts {
-     part { name: "access";
-        type: RECT;
-           description { state: "default" 0.0;
-           fixed: 1 1;
-           color: 0 0 0 0;
-           }
-      }
-        part {
-           name: "bg";
-           //type: SPACER;
-           type: RECT; /// for C# temporarily
-           scale: 1;
-           description {
-              state: "default" 0.0;
-              min: SLIDER_SWALLOWBAR_WIDTH_INC 0;
-              max: SLIDER_SWALLOWBAR_WIDTH_INC -1;
-              color_class: "elm/widget/slider/default/bg-default"; /// for C# temporarily
-           }
-        }
-        part {
-           name: "bar_image_top_padding";
-           type: SPACER;
-           scale: 1;
-           description {
-              state: "default" 0.0;
-              min: SLIDER_TOP_PADDING_SIZE_INC;
-              max: SLIDER_TOP_PADDING_SIZE_INC;
-              fixed: 1 1;
-              rel1 {
-                 relative: 0.0  0.0;
-                 to: "bg";
-              }
-              rel2 {
-                 relative: 1.0  0.0;
-                 to: "bg";
-              }
-              align: 0.5 0.0;
-           }
-        }
-        part { name: "base";
-           type: "RECT";
-           mouse_events: 0;
-           scale: 1;
-           description { state: "default" 0.0;
-              min: SLIDER_VERTICAL_BASE_HEIGHT_INC 0;
-              max: SLIDER_VERTICAL_BASE_HEIGHT_INC -1;
-              fixed: 1 1;
-              rel1 {
-                 to: "bar_image_top_padding";
-                 relative: 0.0 1.0;
-              }
-              rel2 {
-                 to: "bar_image_bottom_padding";
-                 relative: 1.0 0.0;
-              }
-              fixed: 1 1;
-              color: 145 145 145 179;
-           }
-           description { state: "disabled" 0.0;
-              inherit: "default" 0.0;
-              color: 145 145 145 77;
-           }
-        }
-        part { name: "drag_base";
-           type: "SPACER";
-           scale: 1;
-           description { state: "default" 0.0;
-              min: SLIDER_SWALLOWBAR_HEIGHT_INC 0;
-              rel1 {
-                 to: "bar_image_top_padding";
-                 relative: 0.0 1.0;
-              }
-              rel2 {
-                 to: "bar_image_bottom_padding";
-                 relative: 1.0 0.0;
-              }
-              fixed: 1 1;
-           }
-           description { state: "visible" 0.0;
-              inherit: "default" 0.0;
-              rel1 {
-                 to: "bar_image_top_padding";
-                 relative: 0.0 1.0;
-              }
-              rel2 {
-                 to: "bar_image_bottom_padding";
-                 relative: 1.0 0.0;
-              }
-           }
-        }
-        part { name: "level";
-           type: RECT;
-           mouse_events: 0;
-           scale: 1;
-           description { state: "default" 0.0;
-              visible: 0;
-              rel1 {
-                 to_y: "elm.dragable.slider";
-                 to_x: "base";
-                 relative: 0.0 0.5;
-              }
-              rel2 {
-                 to_y: "bar_image_bottom_padding";
-                 to_x: "base";
-                 relative: 1.0 0.0;
-              }
-              fixed: 1 1;
-              min: SLIDER_BASE_HEIGHT_INC 0;
-              max: SLIDER_BASE_HEIGHT_INC -1;
-              color: 61 184 204 255;
-           }
-           description { state: "inverted" 0.0;
-              inherit: "default" 0.0;
-              visible: 1;
-           }
-           description { state: "pressed" 0.0;
-             inherit: "inverted" 0.0;
-           }
-           description { state: "disabled" 0.0;
-              inherit: "inverted" 0.0;
-              color: 61 184 204 77;
-           }
-        }
-        part { name: "level2";
-           type: RECT;
-           mouse_events: 0;
-           scale: 1;
-           description { state: "default" 0.0;
-              fixed: 1 1;
-              rel1 {
-                 to: "base";
-                 relative: 0.5 0.0;
-              }
-              rel2 {
-                 to_y: "elm.dragable.slider";
-                 to_x: "bar_image_top_padding";
-                 relative: 0.5 0.5;
-              }
-              fixed: 1 1;
-              min: SLIDER_BASE_HEIGHT_INC 0;
-              max: SLIDER_BASE_HEIGHT_INC -1;
-              color: 61 184 204 255;
-           }
-           description { state: "pressed" 0.0;
-              inherit: "default" 0.0;
-           }
-           description { state: "inverted" 0.0;
-              inherit: "default" 0.0;
-              visible: 0;
-           }
-           description { state: "disabled" 0.0;
-              inherit: "default" 0.0;
-              color: 61 184 204 77;
-           }
-        }
-        part {
-           name: "bar_image_bottom_padding";
-           type: SPACER;
-           scale: 1;
-           description {
-              state: "default" 0.0;
-              min: SLIDER_BOTTOM_PADDING_SIZE_INC;
-              max: SLIDER_BOTTOM_PADDING_SIZE_INC;
-              fixed: 1 1;
-              rel1 {
-                 relative: 0.0  1.0;
-                 to: "bg";
-              }
-              rel2 {
-                 relative: 1.0  1.0;
-                 to: "bg";
-              }
-              align: 0.5 1.0;
-           }
-        }
-        part { name: "elm.swallow.bar";
-           type: SWALLOW;
-           scale: 1;
-           description { state: "default" 0.0;
-              min: SLIDER_SWALLOWBAR_HEIGHT_INC 0;
-              max: SLIDER_SWALLOWBAR_HEIGHT_INC -1;
-              fixed: 1 0;
-              rel1 {
-                 to: "bar_image_top_padding";
-                 relative: 0.0 1.0;
-              }
-              rel2 {
-                 to: "bar_image_bottom_padding";
-                 relative: 1.0 0.0;
-              }
-           }
-        }
-        part { name:"center_point";
-           type: RECT;
-           scale: 1;
-           description { state: "default" 0.0;
-              min: SLIDER_VERTICAL_CENTER_POINT_SIZE_INC;
-              max: SLIDER_VERTICAL_CENTER_POINT_SIZE_INC;
-              visible: 0;
-              rel1.to: "base";
-              rel2.to: "base";
-              fixed: 1 0;
-              color: 61 184 204 255;
-           }
-           description { state: "visible" 0.0;
-              inherit: "default" 0.0;
-              visible: 1;
-           }
-           description { state: "disabled" 0.0;
-              inherit: "default" 0.0;
-              visible: 1;
-              color: 61 184 204 77;
-           }
-        }
-         part { name: "elm.swallow.tizen_vg_shape1";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "base";
-            description { state: "default" 0.0;
-               rel1.to: "base";
-               rel2.to: "base";
-            }
-         }
-         part { name: "elm.swallow.tizen_vg_shape2";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "level";
-            description { state: "default" 0.0;
-               rel1.to: "level";
-               rel2.to: "level";
-            }
-         }
-         part { name: "elm.swallow.tizen_vg_shape3";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "level2";
-            description { state: "default" 0.0;
-               rel1.to: "level2";
-               rel2.to: "level2";
-            }
-         }
-         part { name: "elm.swallow.tizen_vg_shape4";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "hider";
-            description { state: "default" 0.0;
-               rel1.to: "level";
-               rel2.to: "level";
-            }
-         }
-         part { name: "elm.swallow.tizen_vg_shape5";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "center_point";
-            description { state: "default" 0.0;
-               rel1.to: "center_point";
-               rel2.to: "center_point";
-            }
-         }
-        part { name: "elm.dragable.slider";
-           type: GROUP;
-           source: "elm/slider/horizontal/indicator/default";
-           mouse_events: 1;
-           scale: 1;
-           clip_to : "handle_color";
-           dragable {
-              x: 0 0 0;
-              y: 1 1 0;
-              confine: "drag_base";
-           }
-           description { state: "default" 0.0;
-              min: SLIDER_LEFT_VERTICAL_INDICATOR_SIZE_INC SLIDER_VERTICAL_INDICATOR_SIZE_INC;
-              fixed: 1 1;
-              align: 0.5 0.5;
-              rel1.to: "drag_base";
-              rel1.relative: 0.5 0.5;
-              rel2.to: "drag_base";
-              rel2.relative: 0.5 0.5;
-              color: 0 0 0 0;
-           }
-        }
-        part { name: "elm.track.slider";
-           type: SWALLOW;
-           mouse_events: 0;
-           scale: 1;
-           description { state: "default" 0.0;
-              min: 0 SLIDER_POPUP_HEIGHT_INC;
-              max: -1 SLIDER_POPUP_HEIGHT_INC;
-              fixed: 0 1;
-              rel1.to: "elm.dragable.slider";
-              rel2.to: "elm.dragable.slider";
-           }
-        }
-         part { name:"handle_color";
-            type: RECT;
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1.offset: 0 -1000;
-               rel2.offset: -1 1000;
-               color: 61 184 204 255;
-            }
-            description { state: "disabled" 0.0;
-               inherit: "default" 0.0;
-               color: 163 198 204 255;
-            }
-            description { state: "pressed" 0.0;
-               inherit: "default" 0.0;
-            }
-         }
-        part { name: "hider";
-            type: RECT;
-            scale: 1;
-            description { state: "default" 0.0;
-               visible: 0;
-               color: 0 0 0 0;
-            }
-        }
-        part { name: "disabler";
-           type: RECT;
-           mouse_events: 1;
-           repeat_events: 0;
-           scale: 1;
-           description { state: "default" 0.0;
-              visible: 0;
-              color: 0 0 0 0;
-           }
-           description { state: "disabled" 0.0;
-              inherit: "default" 0.0;
-              visible: 1;
-           }
-        }
-     }
-     programs {
-        program { name: "load";
-          signal: "load";
-          source: "";
-          script {
-              set_int(popup_show, 1);
-          }
-        }
-        program { name: "invert_on";
-           signal: "elm,state,inverted,on";
-           source: "elm";
-           script {
-              set_invert_on();
-           }
-        }
-        program { name: "invert_off";
-           signal: "elm,state,inverted,off";
-           source: "elm";
-           script {
-              set_invert_off();
-           }
-        }
-        program { name: "val_show";
-           signal: "mouse,down,*";
-           source: "elm.dragable.slider";
-           script {
-              thumb_down();
-           }
-        }
-        program { name: "val_hide";
-           signal: "mouse,up,*";
-           source: "elm.dragable.slider";
-           script {
-              thumb_up();
-           }
-        }
-        /* TIZEN ONLY(20150819) : This program is not necessary.
-        program { name: "popup_show";
-           signal: "elm,state,val,show";
-           source: "elm";
-           script {
-              set_popup_show();
-           }
-        }
-        program { name: "popup_hide";
-           signal: "elm,state,val,hide";
-           source: "elm";
-           script {
-              set_popup_hide();
-           }
-        }*/
-         program { name: "indicator_show";
-            signal: "elm,state,indicator,show";
-            source: "elm";
-            action:  SIGNAL_EMIT "elm,popup,show" "elm";
-         }
-         program { name: "indicator_hide";
-            signal: "elm,state,indicator,hide";
-            source: "elm";
-            action:  SIGNAL_EMIT "elm,popup,hide" "elm";
-         }
-        program { name: "icon_show";
-           signal: "elm,state,icon,visible";
-           source: "elm";
-           action:  STATE_SET "visible" 0.0;
-           target: "drag_base";
-        }
-        program { name: "center_point_enable";
-           signal: "slider,center,point,show";
-           source: "elm";
-           action:  STATE_SET "visible" 0.0;
-           target: "center_point";
-        }
-        program { name: "center_point_disable";
-           signal: "slider,center,point,hide";
-           source: "elm";
-           action:  STATE_SET "default" 0.0;
-           target: "center_point";
-        }
-         program { name: "slider_disable";
-            signal: "elm,state,disabled";
-            source: "elm";
-            script {
-               if (get_int(show))
-                  set_state(PART:"center_point", "disabled", 0.0);
-               set_state(PART:"disabler", "disabled", 0.0);
-               set_state(PART:"base", "disabled", 0.0);
-               set_state(PART:"handle_color", "disabled", 0.0);
-               if (!get_int(invert_on)) {
-                 set_state(PART:"level2", "disabled", 0.0);
-                 set_state(PART:"level", "default", 0.0);
-               } else {
-                 set_state(PART:"level2", "inverted", 0.0);
-                 set_state(PART:"level", "disabled", 0.0);
-               }
-               set_int(disabled, 1);
+         }
+         set_int(invert_on, 0);
+      }
+      public thumb_down() {
+         if (!get_int(invert_on))
+         set_state(PART:"level2", "pressed", 0.0);
+         else
+         set_state(PART:"level", "pressed", 0.0);
+         set_state(PART:"handle_color", "pressed", 0.0);
+         if (get_int(popup_show))
+         emit("popup,show", "elm");
+      }
+      public thumb_up() {
+         if (!get_int(invert_on))
+         set_state(PART:"level2", "default", 0.0);
+         else
+         set_state(PART:"level", "inverted", 0.0);
+         set_state(PART:"handle_color", "default", 0.0);
+         if (get_int(popup_show))
+         emit("popup,hide", "elm");
+      }
+      public drag_state() {
+         new Float:dx, Float:dy;
+         get_drag(PART:"elm.dragable.slider", dx, dy);
+         if (dy < 0.5) {
+            if (!get_int(disabled)) {
+               set_state(PART:"level", "pressed", 0.0);
+               set_state(PART:"level2", "default", 0.0);
+            }
+            else {
+               set_state(PART:"level", "disabled", 0.0);
+               set_state(PART:"level2", "default", 0.0);
             }
+            set_int(invert_on, 0);
          }
-         program { name: "slider_enable";
-            signal: "elm,state,enabled";
-            source: "elm";
-            script {
-               if (get_int(show))
-                  set_state(PART:"center_point", "visible", 0.0);
-               set_state(PART:"disabler", "default", 0.0);
-               set_state(PART:"base", "default", 0.0);
-               set_state(PART:"handle_color", "default", 0.0);
-               if (!get_int(invert_on)) {
-                 set_state(PART:"level2", "default", 0.0);
-                 set_state(PART:"level", "default", 0.0);
-               } else {
-                 set_state(PART:"level2", "inverted", 0.0);
-                 set_state(PART:"level", "inverted", 0.0);
-               }
-               set_int(disabled, 0);
+         else {
+            if (!get_int(disabled)) {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "pressed", 0.0);
+            }
+            else {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "disabled", 0.0);
             }
+            set_int(invert_on, 1);
          }
       }
    }
-   group { name: "elm/slider/horizontal/popup/default";
-      alias: "elm/slider/vertical/popup/default";
-      alias: "elm/slider/horizontal/popup/warning";
-      alias: "elm/slider/vertical/popup/warning";
-      script {
-         public warning = 0;
-         public show = 0;
-         public visible = 1;
-      }
-      parts {
-         part { name: "elm.swallow.tizen_vg_shape2";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "button0_press";
-            description { state: "default" 0.0;
-               rel1.to: "button0_press";
-               rel2.to: "button0_press";
-            }
-         }
-         part { name: "button0_press";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               fixed: 1 1;
-               min: SLIDER_INDICATOR_BUBBLE_SIZE_INC;
-               max: SLIDER_INDICATOR_BUBBLE_SIZE_INC;
-               visible: 0;
-               color: 61 184 204 255;
-               rel1.relative: 0.0 0.5;
-               rel2.relative: 1.0 0.5;
-            }
-            description { state: "warning" 0.0;
-               inherit: "default";
-               visible: 0;
-               color: 255 25 25 255;
-               rel1.relative: 0.0 0.5;
-               rel2.relative: 1.0 0.5;
-            }
-            description { state: "pressed" 0.0;
-               inherit: "default" 0.0;
-               min: SLIDER_INDICATOR_BUBBLE_PRESSED_SIZE_INC;
-               max: SLIDER_INDICATOR_BUBBLE_PRESSED_SIZE_INC;
-               visible: 1;
-               align: 0.5 0.72;
-            }
-            description { state: "pressed_warning" 0.0;
-               inherit: "warning" 0.0;
-               min: SLIDER_INDICATOR_BUBBLE_PRESSED_SIZE_INC;
-               max: SLIDER_INDICATOR_BUBBLE_PRESSED_SIZE_INC;
-               visible: 1;
-               align: 0.5 0.72;
-            }
-         }
-         part { name: "elm.indicator";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
-               fixed: 1 1;
-               visible: 0;
-               min: SLIDER_INDICATOR_TEXT_SIZE_WIDTH SLIDER_INDICATOR_TEXT_SIZE_HEIGHT;
-               max: -1 SLIDER_INDICATOR_TEXT_SIZE_HEIGHT;
-               color: 249 249 249 255;
-               align: 0.5 0.0;
-               rel1.to: "button0_press";
-               rel2.to: "button0_press";
-               rel1.offset: 0 12;
-               text {
-                  min: 0 1;
-                  font: "Tizen:style=Light"; size: "36";
-                  text_class: "tizen";
-               }
-            }
-            description { state: "pressed" 0.0;
-               inherit: "default" 0.0;
-               visible: 1;
-               text {
-                  min: 0 1;
-                  font: "Tizen:style=Light"; size: "36";
-                  text_class: "tizen";
-               }
-            }
+   programs {
+      program { "load";
+         signal: "load";
+         source: "";
+         script {
+            set_int(popup_show, 1);
          }
       }
-      programs {
-         program { name: "popup,val,show";
-            signal: "elm,state,val,show";
-            source: "elm";
-            script {
-               set_int(visible, 1);
-            }
+      program { "invert_on";
+         signal: "elm,state,inverted,on";
+         source: "elm";
+         script {
+            set_invert_on();
          }
-         program { name: "popup,val,hide";
-            signal: "elm,state,val,hide";
-            source: "elm";
-            script {
-               set_int(visible, 0);
-            }
+      }
+      program { "invert_off";
+         signal: "elm,state,inverted,off";
+         source: "elm";
+         script {
+            set_invert_off();
          }
-         program { name: "popup,show";
-            signal: "popup,show";
-            source: "elm";
-            script {
-               if (!get_int(show))
-                 {
-                   set_int(show, 1);
-                   if (!get_int(warning))
-                     run_program(PROGRAM:"pressed_effect1");
-                   else
-                     run_program(PROGRAM:"pressed_warning_effect1");
-                   if (get_int(visible))
-                     run_program(PROGRAM:"pressed_effect2");
-                 }
+      }
+      program { "val_show";
+         signal: "mouse,down,*";
+         source: "elm.dragable.slider";
+         script {
+            thumb_down();
+         }
+      }
+      program { "val_hide";
+         signal: "mouse,up,*";
+         source: "elm.dragable.slider";
+         script {
+            thumb_up();
+         }
+      }
+      program { "indicator_show";
+         signal: "elm,state,indicator,show";
+         source: "elm";
+         action:  SIGNAL_EMIT "elm,popup,show" "elm";
+      }
+      program { "indicator_hide";
+         signal: "elm,state,indicator,hide";
+         source: "elm";
+         action:  SIGNAL_EMIT "elm,popup,hide" "elm";
+      }
+      program { "center_point_enable";
+         signal: "slider,center,point,show";
+         source: "elm";
+         action:  STATE_SET "visible";
+         target: "center_point";
+      }
+      program { "center_point_disable";
+         signal: "slider,center,point,hide";
+         source: "elm";
+         action:  STATE_SET "default";
+         target: "center_point";
+      }
+      program { "on_disabled";
+         script {
+            if (get_int(show))
+            set_state(PART:"center_point", "disabled", 0.0);
+            set_state(PART:"event", "disabled", 0.0);
+            set_state(PART:"bg_bar", "disabled", 0.0);
+            set_state(PART:"handle_color", "disabled", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level2", "disabled", 0.0);
+               set_state(PART:"level", "default", 0.0);
+            } else {
+               set_state(PART:"level2", "inverted", 0.0);
+               set_state(PART:"level", "disabled", 0.0);
             }
+            set_int(disabled, 1);
          }
-         program { name: "popup,hide";
-            signal: "popup,hide";
-            source: "elm";
-            script {
-               if (get_int(show))
-                 {
-                   set_int(show, 0);
-                   if (!get_int(warning))
-                     run_program(PROGRAM:"release_effect1");
-                   else
-                     run_program(PROGRAM:"release_warning_effect1");
-                   run_program(PROGRAM:"release_effect2");
-                 }
-            }
-         }
-         program { name: "popup,handle,default";
-           signal: "popup,default";
-           source: "popup,emit";
-           script {
-              if (get_int(warning))
-                {
-                  set_int(warning, 0);
-                  if (get_int(show))
-                    run_program(PROGRAM:"pressed_effect1");
-                }
-           }
-         }
-         program { name: "popup,handle,warning";
-           signal: "popup,warning";
-           source: "popup,emit";
-           script {
-              if (!get_int(warning))
-                {
-                  set_int(warning, 1);
-                  if (get_int(show))
-                    run_program(PROGRAM:"pressed_warning_effect1");
-                }
-           }
-         }
-         program { name: "popup,hide,done";
-            action: SIGNAL_EMIT "popup,hide,done" "elm";
-         }
-         program { name: "pressed_effect1";
-            action:  STATE_SET "pressed" 0.0;
-            transition: DECELERATE 0.3;
-            target: "button0_press";
-         }
-         program { name: "pressed_effect2";
-            action:  STATE_SET "default" 0.0;
-            transition: DECELERATE 0.21;
-            target: "elm.indicator";
-            after: "pressed_effect3";
-         }
-         program { name: "pressed_effect3";
-            action:  STATE_SET "pressed" 0.0;
-            transition: DECELERATE 0.09;
-            target: "elm.indicator";
-         }
-         program { name: "release_effect1";
-            action:  STATE_SET "default" 0.0;
-            transition: DECELERATE 0.3;
-            target: "button0_press";
-         }
-         program { name: "release_effect2";
-            action:  STATE_SET "default" 0.0;
-            transition: DECELERATE 0.09;
-            target: "elm.indicator";
-         }
-         program { name: "pressed_warning_effect1";
-            action:  STATE_SET "pressed_warning" 0.0;
-            transition: DECELERATE 0.3;
-            target: "button0_press";
-         }
-         program { name: "release_warning_effect1";
-            action:  STATE_SET "warning" 0.0;
-            transition: DECELERATE 0.3;
-            target: "button0_press";
+      }
+      program { "on_enabled";
+         script {
+            if (get_int(show))
+            set_state(PART:"center_point", "visible", 0.0);
+            set_state(PART:"event", "default", 0.0);
+            set_state(PART:"bg_bar", "default", 0.0);
+            set_state(PART:"handle_color", "default", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level2", "default", 0.0);
+               set_state(PART:"level", "default", 0.0);
+            } else {
+               set_state(PART:"level2", "inverted", 0.0);
+               set_state(PART:"level", "inverted", 0.0);
+            }
+            set_int(disabled, 0);
          }
       }
    }
-   group { name: "elm/slider/vertical/center_point";
-      inherit: "elm/slider/vertical/default";
-      data.item: "vector_ux" "center_point";
-      parts {
-         part { name: "level2";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               fixed: 1 1;
-               rel1 {
-                  to_y: "center_point";
-                  to_x: "base";
-                  relative: 0.0 0.5;
-               }
-               rel2 {
-                  to_y: "elm.dragable.slider";
-                  to_x: "base";
-                  relative: 1.0 0.5;
-               }
-               color: 61 184 204 255;
-            }
-            description { state: "pressed" 0.0;
-               inherit: "default" 0.0;
-            }
-            description { state: "inverted" 0.0;
-               inherit: "default" 0.0;
-               visible: 0;
-            }
-            description { state: "disabled" 0.0;
-               inherit: "default" 0.0;
-               color: 61 184 204 77;
-            }
-         }
-         part { name: "level";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               fixed: 1 1;
-               visible: 0;
-               rel1 {
-                  to_y: "elm.dragable.slider";
-                  to_x: "base";
-                  relative: 0.0 0.5;
-               }
-               rel2 {
-                  to_y: "center_point";
-                  to_x: "base";
-                  relative: 1.0 0.5;
-               }
-               color: 61 184 204 255;
-            }
-            description { state: "inverted" 0.0;
-               inherit: "default" 0.0;
-               visible: 1;
-            }
-            description { state: "pressed" 0.0;
-               inherit: "inverted" 0.0;
-            }
-            description { state: "disabled" 0.0;
-               inherit: "inverted" 0.0;
-               color: 61 184 204 77;
-            }
-         }
-         part { name:"center_point";
-            type: RECT;
-            scale: 1;
-            description { state: "default" 0.0;
-               min: SLIDER_VERTICAL_CENTER_POINT_SIZE_INC;
-               max: SLIDER_VERTICAL_CENTER_POINT_SIZE_INC;
-               rel1.to: "base";
-               rel2.to: "base";
-               fixed: 1 0;
-               visible: 1;
-               color: 61 184 204 255;
-            }
-            description { state: "visible" 0.0;
-               inherit: "default";
-            }
-            description { state: "disabled" 0.0;
-               inherit: "default" 0.0;
-               visible: 1;
-               color: 61 184 204 77;
-            }
-         }
-      }
-     programs {
-        program { name: "center_point_calc";
-           signal: "drag";
-           source: "elm.dragable.slider";
-           script {
-              drag_state();
-           }
-         }
-         program { name: "center_point_calc1";
-            signal: "drag,start";
-             source: "elm.dragable.slider";
-             script {
-                drag_state();
-             }
-          }
-          program { name: "center_point_calc2";
-             signal: "drag,set";
-              source: "elm.dragable.slider";
-              script {
-                  drag_state();
-              }
-          }
-          program { name: "center_point_calc3";
-             signal: "mouse,up,*";
-             source: "elm.swallow.bar";
-              script {
-                 drag_state();
-              }
-          }
-          program { name: "center_point_calc4";
-             signal: "mouse,move";
-              source: "elm.swallow.bar";
-              script {
-                 drag_state();
-              }
-          }
-          program { name: "slider_disable";
-             signal: "elm,state,disabled";
-             source: "elm";
-             script {
-                set_state(PART:"center_point", "disabled", 0.0);
-                set_state(PART:"disabler", "disabled", 0.0);
-                set_state(PART:"base", "disabled", 0.0);
-                set_state(PART:"handle_color", "disabled", 0.0);
-                if (!get_int(invert_on)) {
-                  set_state(PART:"level2", "disabled", 0.0);
-                  set_state(PART:"level", "default", 0.0);
-                } else {
-                  set_state(PART:"level2", "inverted", 0.0);
-                  set_state(PART:"level", "disabled", 0.0);
-                }
-                set_int(disabled, 1);
-             }
-          }
-          program { name: "slider_enable";
-             signal: "elm,state,enabled";
-             source: "elm";
-             script {
-                set_state(PART:"center_point", "visible", 0.0);
-                set_state(PART:"disabler", "default", 0.0);
-                set_state(PART:"base", "default", 0.0);
-                set_state(PART:"handle_color", "default", 0.0);
-                if (!get_int(invert_on)) {
-                  set_state(PART:"level2", "default", 0.0);
-                  set_state(PART:"level", "default", 0.0);
-                } else {
-                  set_state(PART:"level2", "inverted", 0.0);
-                  set_state(PART:"level", "inverted", 0.0);
-                }
-                set_int(disabled, 0);
-             }
-          }
-       }
-   }
-
-   group { name: "elm/slider/vertical/warning";
-      data.item: "vector_ux" "default";
-      script {
-         public invert_on = 0;
-         public warning = 0;
-         public disabled = 0;
-         public popup_show = 1;
-         public show = 0;
-         public warning_area = 0;
-         public warning_area_set = 0;
+}
 
-         public set_popup_show() {
-            set_int(popup_show, 0);
+group { "elm/slider/vertical/center_point";
+   inherit: "elm/slider/vertical/default";
+   data.item: "vector_ux" "center_point";
+   parts {
+      rect { "level2";
+         nomouse;
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            rel1 {
+               to_y: "center_point";
+               to_x: "base";
+               relative: 0.0 0.5;
+            }
+            rel2 {
+               to_y: "elm.dragable.slider";
+               to_x: "base";
+               relative: 1.0 0.5;
+            }
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "pressed";
+            inherit: "default";
+         }
+         desc { "inverted";
+            inherit: "default";
+            hid;
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/bar-disabled";
          }
-         public set_popup_hide() {
-            set_int(popup_show, 0);
+      }
+      rect { "level";
+         nomouse;
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            hid;
+            rel1 {
+               to_y: "elm.dragable.slider";
+               to_x: "base";
+               relative: 0.0 0.5;
+            }
+            rel2 {
+               to_y: "center_point";
+               to_x: "base";
+               relative: 1.0 0.5;
+            }
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "inverted";
+            inherit: "default";
+            vis;
+         }
+         desc { "pressed";
+            inherit: "inverted";
+         }
+         desc { "disabled";
+            inherit: "inverted";
+            color_class: "slider/default/bar-disabled";
          }
-         public set_invert_on() {
-            if (!get_int(disabled)) {
-              set_state(PART:"level", "inverted", 0.0);
-              set_state(PART:"level2", "inverted", 0.0);
-            }
-            else {
-              set_state(PART:"level", "inverted", 0.0);
-              set_state(PART:"level2", "disabled", 0.0);
-            }
-            if (!get_int(warning)){
-              set_state(PART:"level_warning_clip", "inverted", 0.0);
+      }
+      rect { "center_point";
+         scale;
+         desc { "default";
+            min: SLIDER_VERTICAL_CENTER_POINT_SIZE_INC;
+            max: SLIDER_VERTICAL_CENTER_POINT_SIZE_INC;
+            rel1.to: "base";
+            rel2.to: "base";
+            fixed: 1 0;
+            vis;
+            color_class: "slider/default/bar-normal";
+         }
+         desc { "visible";
+            inherit: "default";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/bar-disabled";
+         }
+      }
+   }
+   programs {
+      program { "center_point_calc";
+         signal: "drag";
+         source: "elm.dragable.slider";
+         script {
+            drag_state();
+         }
+      }
+      program { "center_point_calc1";
+         signal: "drag,start";
+         source: "elm.dragable.slider";
+         script {
+            drag_state();
+         }
+      }
+      program { "center_point_calc2";
+         signal: "drag,set";
+         source: "elm.dragable.slider";
+         script {
+            drag_state();
+         }
+      }
+      program { "center_point_calc3";
+         signal: "mouse,up,*";
+         source: "elm.swallow.bar";
+         script {
+            drag_state();
+         }
+      }
+      program { "center_point_calc4";
+         signal: "mouse,move";
+         source: "elm.swallow.bar";
+         script {
+            drag_state();
+         }
+      }
+      program { "on_disabled";
+         script {
+            set_state(PART:"center_point", "disabled", 0.0);
+            set_state(PART:"event", "disabled", 0.0);
+            set_state(PART:"bg_bar", "disabled", 0.0);
+            set_state(PART:"handle_color", "disabled", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level2", "disabled", 0.0);
+               set_state(PART:"level", "default", 0.0);
+            } else {
+               set_state(PART:"level2", "inverted", 0.0);
+               set_state(PART:"level", "disabled", 0.0);
             }
-            else {
-               set_state(PART:"level_warning_clip", "inverted_warning", 0.0);
+            set_int(disabled, 1);
+         }
+      }
+      program { "on_enabled";
+         script {
+            set_state(PART:"center_point", "visible", 0.0);
+            set_state(PART:"event", "default", 0.0);
+            set_state(PART:"bg_bar", "default", 0.0);
+            set_state(PART:"handle_color", "default", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level2", "default", 0.0);
+               set_state(PART:"level", "default", 0.0);
+            } else {
+               set_state(PART:"level2", "inverted", 0.0);
+               set_state(PART:"level", "inverted", 0.0);
             }
-            set_state(PART:"center_point", "inverted", 0.0);
-            set_state(PART:"level_rest_clip", "inverted", 0.0);
-            set_int(invert_on, 1);
+            set_int(disabled, 0);
          }
-         public set_invert_off() {
-            if (!get_int(disabled)) {
-              set_state(PART:"level", "default", 0.0);
-              set_state(PART:"level2", "default", 0.0);
+      }
+   }
+}
+
+group { "elm/slider/vertical/warning";
+   data.item: "vector_ux" "default";
+   parts {
+      spacer { "base";
+         scale;
+         nomouse;
+         desc { "default";
+            min: SLIDER_SWALLOWBAR_WIDTH_INC 0;
+            max: SLIDER_SWALLOWBAR_WIDTH_INC -1;
+         }
+      }
+      rect { "access";
+         desc { "default";
+            fixed: 1 1;
+            color: 0 0 0 0;
+         }
+      }
+      rect {"bg"; /// for C# temporarily
+         scale;
+         desc {"default";
+            color_class: "slider/warning/bg-default"; /// for C# temporarily
+            rel.to: "base";
+         }
+      }
+      spacer { "padding_top";
+         scale;
+         desc { "default";
+            min: SLIDER_TOP_PADDING_SIZE_INC;
+            max: SLIDER_TOP_PADDING_SIZE_INC;
+            fixed: 1 1;
+            rel1 {
+               relative: 0.0 0.0;
+               to: "base";
+            }
+            rel2 {
+               relative: 1.0  0.0;
+               to: "base";
+            }
+            align: 0.5 0.0;
+         }
+      }
+      spacer { "padding_bottom";
+         scale;
+         desc { "default";
+            min: SLIDER_BOTTOM_PADDING_SIZE_INC;
+            max: SLIDER_BOTTOM_PADDING_SIZE_INC;
+            fixed: 1 1;
+            rel1 {
+               relative: 0.0  1.0;
+               to: "base";
+            }
+            rel2 {
+               relative: 1.0  1.0;
+               to: "base";
+            }
+            align: 0.5 1.0;
+         }
+      }
+      spacer { "area_elm.dragable.slider";
+         scale;
+         desc { "default";
+            min: SLIDER_SWALLOWBAR_HEIGHT_INC 0;
+            rel1 {
+               to: "padding_top";
+               relative: 0.0 1.0;
             }
-            else {
-              set_state(PART:"level", "default", 0.0);
-              set_state(PART:"level2", "disabled", 0.0);
+            rel2 {
+               to: "padding_bottom";
+               relative: 1.0 0.0;
             }
-            if (!get_int(warning)){
-               set_state(PART:"level_warning_clip", "default", 0.0);
+            fixed: 1 1;
+         }
+      }
+      swallow { "elm.swallow.bar";
+         scale;
+         desc { "default";
+            min: SLIDER_SWALLOWBAR_HEIGHT_INC 0;
+            max: SLIDER_SWALLOWBAR_HEIGHT_INC -1;
+            fixed: 1 0;
+            rel1 {
+               to: "padding_top";
+               relative: 0.0 1.0;
             }
-            else {
-               set_state(PART:"level_warning_clip", "warning", 0.0);
+            rel2 {
+               to: "padding_bottom";
+               relative: 1.0 0.0;
             }
-            set_state(PART:"center_point", "default", 0.0);
-            set_state(PART:"level_rest_clip", "default", 0.0);
-            set_int(invert_on, 0);
          }
-         public thumb_down() {
-            if (!get_int(warning))
-               set_state(PART:"handle_color", "pressed", 0.0);
-            else
-               set_state(PART:"handle_color", "pressed_warning", 0.0);
-            if (get_int(popup_show) == 1)
-               emit("popup,show", "elm");
+      }
+      rect { "center_point";
+         scale;
+         desc { "default";
+            min: 0 0;
+            max: 0 0;
+            align: 0.5 SLIDER_WARNING_LEVEL;
+            rel1.to: "bg_bar";
+            rel2.to: "bg_bar";
+            fixed: 1 0;
+            color: 0 0 0 0;
+         }
+         desc { "inverted";
+            inherit: "default";
+            align: 0.5 (1.0 - SLIDER_WARNING_LEVEL);
          }
-         public thumb_up() {
-            if (!get_int(warning))
-               set_state(PART:"handle_color", "default", 0.0);
-            else
-               set_state(PART:"handle_color", "warning", 0.0);
-            if (get_int(popup_show) == 1)
-               emit("popup,hide", "elm");
+      }
+      swallow { "elm.track.slider";
+         nomouse;
+         scale;
+         desc { "default";
+            min: 0 SLIDER_POPUP_HEIGHT_INC;
+            max: -1 SLIDER_POPUP_HEIGHT_INC;
+            fixed: 0 1;
+            rel1.to: "elm.dragable.slider";
+            rel2.to: "elm.dragable.slider";
          }
-         public drag_state_warning() {
-            new Float:dx, Float:dy;
-            get_drag(PART:"elm.dragable.slider", dx, dy);
-            if (!get_int(invert_on)) {
-               if (get_int(warning_area_set)) {
-                  if (dy > get_float(warning_area)) {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "warning", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,warning", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled_warning", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "warning", 0.0);
-                     set_int(warning, 1);
+      }
+      swallow { "elm.swallow.tizen_vg_shape1";
+         nomouse;
+         scale;
+         clip: "bg_bar";
+         desc { "default";
+            rel1.to: "bg_bar";
+            rel2.to: "bg_bar";
+         }
+      }
+      rect { "bg_bar";
+         nomouse;
+         scale;
+         desc { "default";
+            min: SLIDER_VERTICAL_BASE_HEIGHT_INC 0;
+            max: SLIDER_VERTICAL_BASE_HEIGHT_INC -1;
+            fixed: 1 1;
+            rel1 {
+               to: "padding_top";
+               relative: 0.0 1.0;
+            }
+            rel2 {
+               to: "padding_bottom";
+               relative: 1.0 0.0;
+            }
+            fixed: 1 1;
+            color_class: "slider/default/bg-normal";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/bg-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape4";
+         nomouse;
+         scale;
+         clip: "clipper_elm.swallow.tizen_vg_shape4";
+         desc { "default";
+            rel1.to: "clipper_elm.swallow.tizen_vg_shape4";
+            rel2.to: "clipper_elm.swallow.tizen_vg_shape4";
+         }
+      }
+      rect { "clipper_elm.swallow.tizen_vg_shape4";
+         desc { "default";
+            fixed: 1 1;
+            color_class: "slider/warning/bg-normal";
+            rel1.to_x: "bg_bar";
+            rel1.to_y: "center_point";
+            rel1.relative: 0.0 0.5;
+            rel2.to: "bg_bar";
+         }
+         desc { "inverted";
+            inherit: "default";
+            rel1.to: "bg_bar";
+            rel1.relative: 0.0 0.0;
+            rel2.to_x: "bg_bar";
+            rel2.to_y: "center_point";
+            rel2.relative: 1.0 0.5;
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape2";
+         nomouse;
+         scale;
+         clip: "level";
+         desc { "default";
+            rel1.to: "level";
+            rel2.to: "level";
+         }
+      }
+      rect { "level";
+         nomouse;
+         scale;
+         desc { "default";
+            rel1 {
+               to_y: "padding_top";
+               relative: 0.0 1.0;
+            }
+            rel2 {
+               to_y: "elm.dragable.slider";
+               relative: 1.0 0.0;
+            }
+            fixed: 1 1;
+            min: SLIDER_BASE_HEIGHT_INC 0;
+            max: SLIDER_BASE_HEIGHT_INC -1;
+            color_class: "slider/warning/bar-normal";
+         }
+         desc {  "inverted";
+            inherit: "default";
+            hid;
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/warning/bar-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape3";
+         nomouse;
+         scale;
+         clip: "level2";
+         desc { "default";
+            rel1.to: "level2";
+            rel2.to: "level2";
+         }
+      }
+      rect { "level2";
+         nomouse;
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            hid;
+            rel1.to: "level";
+            rel1.relative: 0.0 1.0;
+            rel2.to: "bg_bar";
+            color_class: "slider/warning/bar-normal";
+         }
+         desc { "inverted";
+            inherit: "default";
+            vis;
+         }
+         desc { "disabled";
+            inherit: "inverted";
+            color_class: "slider/warning/bar-disabled";
+         }
+      }
+      swallow { "elm.swallow.tizen_vg_shape5";
+         nomouse;
+         scale;
+         clip: "clipper_elm.swallow.tizen_vg_shape5";
+         desc { "default";
+            rel1.to: "clipper_elm.swallow.tizen_vg_shape5";
+            rel2.to: "clipper_elm.swallow.tizen_vg_shape5";
+         }
+      }
+      rect { "clipper_elm.swallow.tizen_vg_shape5";
+         scale;
+         clip: "clipper_clipper_elm.swallow.tizen_vg_shape5";
+         desc { "default";
+            rel1.to: "level";
+            rel2.to: "level";
+         }
+         desc { "warning";
+            inherit: "default";
+            rel1.to: "level";
+            rel2.to_x: "level";
+            rel2.to_y: "clipper_elm.swallow.tizen_vg_shape4";
+            rel2.relative: 1.0 0.0;
+         }
+         desc { "inverted";
+            inherit: "default";
+            rel1.to: "level2";
+            rel2.to: "level2";
+         }
+         desc { "inverted_warning";
+            inherit: "inverted";
+            rel1.to_x: "level2";
+            rel1.to_y: "clipper_elm.swallow.tizen_vg_shape4";
+            rel1.relative: 0.0 1.0;
+            rel2.to: "level2";
+         }
+      }
+      rect { "clipper_clipper_elm.swallow.tizen_vg_shape5";
+         scale;
+         desc { "default";
+            rel1.to: "clipper_elm.swallow.tizen_vg_shape5";
+            rel2.to: "clipper_elm.swallow.tizen_vg_shape5";
+            color: 61 184 204 255;
+         }
+         desc {"disabled";
+            inherit: "default";
+            color: 163 198 204 255;
+         }
+      }
+      group { "elm.dragable.slider";
+         source: "elm/slider/vertical/indicator/default";
+         mouse;
+         scale;
+         clip: "handle_color";
+         dragable {
+            x: 0 0 0;
+            y: 1 1 0;
+            confine: "area_elm.dragable.slider";
+         }
+         desc { "default";
+            min: SLIDER_LEFT_VERTICAL_INDICATOR_SIZE_INC SLIDER_VERTICAL_INDICATOR_SIZE_INC;
+            fixed: 1 1;
+            align: 0.5 0.5;
+            rel1.to: "area_elm.dragable.slider";
+            rel1.relative: 0.5 0.5;
+            rel2.to: "area_elm.dragable.slider";
+            rel2.relative: 0.5 0.5;
+            color: 0 0 0 0;
+         }
+      }
+      rect { "handle_color";
+         scale;
+         desc { "default";
+            rel1.offset: 0 -1000;
+            rel2.offset: -1 1000;
+            color_class: "slider/default/handler-normal";
+         }
+         desc { "warning";
+            inherit: "default";
+            color_class: "slider/warning/handler-normal";
+         }
+         desc { "pressed";
+            inherit: "default";
+            color_class: "slider/default/handler-pressed";
+         }
+         desc { "pressed_warning";
+            inherit: "warning";
+            color_class: "slider/warning/handler-pressed";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "slider/default/handler-disabled";
+         }
+         desc { "disabled_warning";
+            inherit: "default" 0.0;
+            color_class: "slider/warning/handler-disabled";
+         }
+      }
+   }
+   inherit: "elm/slider/event/default";
+   script {
+      public invert_on = 0;
+      public warning = 0;
+      public disabled = 0;
+      public popup_show = 1;
+      public show = 0;
+      public warning_area = 0;
+      public warning_area_set = 0;
+
+      public set_popup_show() {
+         set_int(popup_show, 1);
+      }
+      public set_popup_hide() {
+         set_int(popup_show, 0);
+      }
+      public set_invert_on() {
+         if (!get_int(disabled)) {
+            set_state(PART:"level", "inverted", 0.0);
+            set_state(PART:"level2", "inverted", 0.0);
+         }
+         else {
+            set_state(PART:"level", "inverted", 0.0);
+            set_state(PART:"level2", "disabled", 0.0);
+         }
+         if (!get_int(warning)){
+            set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted", 0.0);
+         }
+         else {
+            set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted_warning", 0.0);
+         }
+         set_state(PART:"center_point", "inverted", 0.0);
+         set_state(PART:"clipper_elm.swallow.tizen_vg_shape4", "inverted", 0.0);
+         set_int(invert_on, 1);
+      }
+      public set_invert_off() {
+         if (!get_int(disabled)) {
+            set_state(PART:"level", "default", 0.0);
+            set_state(PART:"level2", "default", 0.0);
+         }
+         else {
+            set_state(PART:"level", "default", 0.0);
+            set_state(PART:"level2", "disabled", 0.0);
+         }
+         if (!get_int(warning)){
+            set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "default", 0.0);
+         }
+         else {
+            set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "warning", 0.0);
+         }
+         set_state(PART:"center_point", "default", 0.0);
+         set_state(PART:"clipper_elm.swallow.tizen_vg_shape4", "default", 0.0);
+         set_int(invert_on, 0);
+      }
+      public thumb_down() {
+         if (!get_int(warning))
+         set_state(PART:"handle_color", "pressed", 0.0);
+         else
+         set_state(PART:"handle_color", "pressed_warning", 0.0);
+         if (get_int(popup_show))
+         emit("popup,show", "elm");
+      }
+      public thumb_up() {
+         if (!get_int(warning))
+         set_state(PART:"handle_color", "default", 0.0);
+         else
+         set_state(PART:"handle_color", "warning", 0.0);
+         if (get_int(popup_show) == 1)
+         emit("popup,hide", "elm");
+      }
+      public drag_state_warning() {
+         new Float:dx, Float:dy;
+         get_drag(PART:"elm.dragable.slider", dx, dy);
+         if (!get_int(invert_on)) {
+            if (get_int(warning_area_set)) {
+               if (dy > get_float(warning_area)) {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "warning", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,warning", "popup,emit");
                   }
                   else {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "default", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,default", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "default", 0.0);
-                     set_int(warning, 0);
+                     set_state(PART:"handle_color", "disabled_warning", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "warning", 0.0);
+                  set_int(warning, 1);
                }
                else {
-                  if (dy > SLIDER_WARNING_LEVEL) {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "warning", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,warning", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled_warning", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "warning", 0.0);
-                     set_int(warning, 1);
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "default", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,default", "popup,emit");
                   }
                   else {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "default", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,default", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "default", 0.0);
-                     set_int(warning, 0);
+                     set_state(PART:"handle_color", "disabled", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "default", 0.0);
+                  set_int(warning, 0);
                }
             }
             else {
-               if (get_int(warning_area_set)) {
-                  if (dy < (1.0 - get_float(warning_area))) {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "warning", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,warning", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled_warning", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "inverted_warning", 0.0);
-                     set_int(warning, 1);
+               if (dy > SLIDER_WARNING_LEVEL) {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "warning", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,warning", "popup,emit");
                   }
                   else {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "default", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,default", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "inverted", 0.0);
-                     set_int(warning, 0);
+                     set_state(PART:"handle_color", "disabled_warning", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "warning", 0.0);
+                  set_int(warning, 1);
                }
                else {
-                  if (dy < (1.0 - SLIDER_WARNING_LEVEL)) {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "warning", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,warning", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled_warning", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "inverted_warning", 0.0);
-                     set_int(warning, 1);
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "default", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,default", "popup,emit");
                   }
                   else {
-                     if (!get_int(disabled)) {
-                        set_state(PART:"handle_color", "default", 0.0);
-                        if (get_int(popup_show))
-                           emit("popup,default", "popup,emit");
-                     }
-                     else {
-                        set_state(PART:"handle_color", "disabled", 0.0);
-                     }
-                     set_state(PART:"level_warning_clip", "inverted", 0.0);
-                     set_int(warning, 0);
+                     set_state(PART:"handle_color", "disabled", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "default", 0.0);
+                  set_int(warning, 0);
                }
             }
          }
-         public message(Msg_Type:type, id, ...) {
-            if (type == MSG_FLOAT_SET) {
-               new Float:ratio;
-               ratio = getfarg(2);
-               if (id == 0) {
-                  set_float(warning_area, ratio);
-                  set_int(warning_area_set, 1);
-                  custom_state(PART:"center_point", "default", 0.0);
-                  if (!get_int(invert_on)) {
-                     set_state_val(PART:"center_point", STATE_ALIGNMENT, 0.5, ratio);
+         else {
+            if (get_int(warning_area_set)) {
+               if (dy < (1.0 - get_float(warning_area))) {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "warning", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,warning", "popup,emit");
                   }
                   else {
-                     set_state_val(PART:"center_point", STATE_ALIGNMENT, 0.5, 1 - ratio);
-                  }
-                  set_state(PART:"center_point", "custom", 0.0);
-                  drag_state_warning();
-               }
-            }
-         }
-      }
-      parts {
-         part { name: "access";
-            type: RECT;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  color: 0 0 0 0;
-               }
-            }
-            part {
-               name: "bg";
-               //type: SPACER;
-               type: RECT; /// for C# temporarily
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: SLIDER_SWALLOWBAR_WIDTH_INC 0;
-                  max: SLIDER_SWALLOWBAR_WIDTH_INC -1;
-                  color_class: "elm/widget/slider/warning/bg-default"; /// for C# temporarily
-               }
-            }
-            part {
-               name: "bar_image_top_padding";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: SLIDER_TOP_PADDING_SIZE_INC;
-                  max: SLIDER_TOP_PADDING_SIZE_INC;
-                  fixed: 1 1;
-                  rel1 {
-                     relative: 0.0 0.0;
-                     to: "bg";
-                  }
-                  rel2 {
-                     relative: 1.0  0.0;
-                     to: "bg";
-                  }
-                  align: 0.5 0.0;
-               }
-            }
-            part { name: "base";
-               type: "RECT";
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: SLIDER_VERTICAL_BASE_HEIGHT_INC 0;
-                  max: SLIDER_VERTICAL_BASE_HEIGHT_INC -1;
-                  fixed: 1 1;
-                  rel1 {
-                     to: "bar_image_top_padding";
-                     relative: 0.0 1.0;
-                  }
-                  rel2 {
-                     to: "bar_image_bottom_padding";
-                     relative: 1.0 0.0;
-                  }
-                  fixed: 1 1;
-                  color: 145 145 145 179;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 145 145 145 77;
-               }
-            }
-            part { name: "drag_base";
-               type: "SPACER";
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: SLIDER_SWALLOWBAR_HEIGHT_INC 0;
-                  rel1 {
-                     to: "bar_image_top_padding";
-                     relative: 0.0 1.0;
-                  }
-                  rel2 {
-                     to: "bar_image_bottom_padding";
-                     relative: 1.0 0.0;
-                  }
-                  fixed: 1 1;
-               }
-               description { state: "visible" 0.0;
-                  inherit: "default" 0.0;
-                  rel1 {
-                     to: "bar_image_top_padding";
-                     relative: 0.0 1.0;
-                  }
-                  rel2 {
-                     to: "bar_image_bottom_padding";
-                     relative: 1.0 0.0;
+                     set_state(PART:"handle_color", "disabled_warning", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted_warning", 0.0);
+                  set_int(warning, 1);
                }
-            }
-            part { name: "level";
-               type: RECT;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  rel1 {
-                     to_y: "bar_image_top_padding";
-                     relative: 0.0 1.0;
+               else {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "default", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,default", "popup,emit");
                   }
-                  rel2 {
-                     to_y: "elm.dragable.slider";
-                     relative: 1.0 0.0;
+                  else {
+                     set_state(PART:"handle_color", "disabled", 0.0);
                   }
-                  fixed: 1 1;
-                  min: SLIDER_BASE_HEIGHT_INC 0;
-                  max: SLIDER_BASE_HEIGHT_INC -1;
-                  color: 255 25 25 255;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 0;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 216 162 162 255;
-               }
-            }
-            part { name: "level2";
-               type: RECT;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  visible: 0;
-                  rel1.to: "level";
-                  rel1.relative: 0.0 1.0;
-                  rel2.to: "base";
-                  color: 255 25 25 255;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "inverted" 0.0;
-                  color: 216 162 162 255;
-               }
-            }
-            part { name: "level_rest_clip";
-               type: RECT;
-               description { state: "default" 0.0;
-                  fixed: 1 1;
-                  color: 201 132 132 255;
-                  rel1.to_x: "base";
-                  rel1.to_y: "center_point";
-                  rel1.relative: 0.0 0.5;
-                  rel2.to: "base";
-               }
-               description { state: "inverted" 0.0;
-                 inherit: "default" 0.0;
-                 rel1.to: "base";
-                 rel1.relative: 0.0 0.0;
-                 rel2.to_x: "base";
-                 rel2.to_y: "center_point";
-                 rel2.relative: 1.0 0.5;
-               }
-            }
-            part { name: "level_warning_clip";
-               type: RECT;
-               scale: 1;
-               clip_to: "disabled_clipper";
-               description { state: "default" 0.0;
-                  rel1.to: "level";
-                  rel2.to: "level";
-               }
-               description { state: "warning" 0.0;
-                  inherit: "default";
-                  rel1.to: "level";
-                  rel2.to_x: "level";
-                  rel2.to_y: "level_rest_clip";
-                  rel2.relative: 1.0 0.0;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default";
-                  rel1.to: "level2";
-                  rel2.to: "level2";
-               }
-               description { state: "inverted_warning" 0.0;
-                 inherit: "inverted" 0.0;
-                 rel1.to_x: "level2";
-                 rel1.to_y: "level_rest_clip";
-                 rel1.relative: 0.0 1.0;
-                 rel2.to: "level2";
-               }
-            }
-            part { name: "disabled_clipper";
-              type: RECT;
-              scale: 1;
-               description { state: "default" 0.0;
-                  rel1.to: "level_warning_clip";
-                  rel2.to: "level_warning_clip";
-                  color: 61 184 204 255;
-               }
-               description { state: "disabled";
-                  inherit: "default" 0.0;
-                  color: 163 198 204 255;
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted", 0.0);
+                  set_int(warning, 0);
                }
             }
-            part {
-               name: "bar_image_bottom_padding";
-               type: SPACER;
-               scale: 1;
-               description {
-                  state: "default" 0.0;
-                  min: SLIDER_BOTTOM_PADDING_SIZE_INC;
-                  max: SLIDER_BOTTOM_PADDING_SIZE_INC;
-                  fixed: 1 1;
-                  rel1 {
-                     relative: 0.0  1.0;
-                     to: "bg";
+            else {
+               if (dy < (1.0 - SLIDER_WARNING_LEVEL)) {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "warning", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,warning", "popup,emit");
                   }
-                  rel2 {
-                     relative: 1.0  1.0;
-                     to: "bg";
+                  else {
+                     set_state(PART:"handle_color", "disabled_warning", 0.0);
                   }
-                  align: 0.5 1.0;
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted_warning", 0.0);
+                  set_int(warning, 1);
                }
-            }
-            part { name: "elm.swallow.bar";
-               type: SWALLOW;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: SLIDER_SWALLOWBAR_HEIGHT_INC 0;
-                  max: SLIDER_SWALLOWBAR_HEIGHT_INC -1;
-                  fixed: 1 0;
-                  rel1 {
-                     to: "bar_image_top_padding";
-                     relative: 0.0 1.0;
+               else {
+                  if (!get_int(disabled)) {
+                     set_state(PART:"handle_color", "default", 0.0);
+                     if (get_int(popup_show))
+                     emit("popup,default", "popup,emit");
                   }
-                  rel2 {
-                     to: "bar_image_bottom_padding";
-                     relative: 1.0 0.0;
+                  else {
+                     set_state(PART:"handle_color", "disabled", 0.0);
                   }
+                  set_state(PART:"clipper_elm.swallow.tizen_vg_shape5", "inverted", 0.0);
+                  set_int(warning, 0);
                }
             }
-            part { name:"center_point";
-               type: RECT;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 0;
-                  max: 0 0;
-                  align: 0.5 SLIDER_WARNING_LEVEL;
-                  rel1.to: "base";
-                  rel2.to: "base";
-                  fixed: 1 0;
-                  color: 0 0 0 0;
-               }
-               description { state: "inverted" 0.0;
-                  inherit: "default" 0.0;
-                  align: 0.5 (1.0 - SLIDER_WARNING_LEVEL);
-               }
-            }
-            part { name: "elm.track.slider";
-               type: SWALLOW;
-               mouse_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  min: 0 SLIDER_POPUP_HEIGHT_INC;
-                  max: -1 SLIDER_POPUP_HEIGHT_INC;
-                  fixed: 0 1;
-                  rel1.to: "elm.dragable.slider";
-                  rel2.to: "elm.dragable.slider";
-               }
-            }
-             part { name: "elm.swallow.tizen_vg_shape1";
-                type: SWALLOW;
-                mouse_events: 0;
-                scale: 1;
-                clip_to: "base";
-                description { state: "default" 0.0;
-                   rel1.to: "base";
-                   rel2.to: "base";
-                }
-             }
-             part { name: "elm.swallow.tizen_vg_shape4";
-                type: SWALLOW;
-                mouse_events: 0;
-                scale: 1;
-                clip_to: "level_rest_clip";
-                description { state: "default" 0.0;
-                   rel1.to: "level_rest_clip";
-                   rel2.to: "level_rest_clip";
-                }
-             }
-             part { name: "elm.swallow.tizen_vg_shape2";
-                type: SWALLOW;
-                mouse_events: 0;
-                scale: 1;
-                clip_to: "level";
-                description { state: "default" 0.0;
-                   rel1.to: "level";
-                   rel2.to: "level";
-                }
-             }
-             part { name: "elm.swallow.tizen_vg_shape3";
-                type: SWALLOW;
-                mouse_events: 0;
-                scale: 1;
-                clip_to: "level2";
-                description { state: "default" 0.0;
-                   rel1.to: "level2";
-                   rel2.to: "level2";
-                }
-             }
-             part { name: "elm.swallow.tizen_vg_shape5";
-                type: SWALLOW;
-                mouse_events: 0;
-                scale: 1;
-                clip_to: "level_warning_clip";
-                description { state: "default" 0.0;
-                   rel1.to: "level_warning_clip";
-                   rel2.to: "level_warning_clip";
-                }
-             }
-            part { name: "elm.dragable.slider";
-               type: GROUP;
-               source: "elm/slider/horizontal/indicator/default";
-               mouse_events: 1;
-               scale: 1;
-               clip_to : "handle_color";
-               dragable {
-                  x: 0 0 0;
-                  y: 1 1 0;
-                  confine: "drag_base";
+         }
+      }
+      public message(Msg_Type:type, id, ...) {
+         if (type == MSG_FLOAT_SET) {
+            new Float:ratio;
+            ratio = getfarg(2);
+            if (id == 0) {
+               set_float(warning_area, ratio);
+               set_int(warning_area_set, 1);
+               custom_state(PART:"center_point", "default", 0.0);
+               if (!get_int(invert_on)) {
+                  set_state_val(PART:"center_point", STATE_ALIGNMENT, 0.5, ratio);
                }
-               description { state: "default" 0.0;
-                  min: SLIDER_LEFT_VERTICAL_INDICATOR_SIZE_INC SLIDER_VERTICAL_INDICATOR_SIZE_INC;
-                  fixed: 1 1;
-                  align: 0.5 0.5;
-                  rel1.to: "drag_base";
-                  rel1.relative: 0.5 0.5;
-                  rel2.to: "drag_base";
-                  rel2.relative: 0.5 0.5;
-                  color: 0 0 0 0;
+               else {
+                  set_state_val(PART:"center_point", STATE_ALIGNMENT, 0.5, 1 - ratio);
                }
+               set_state(PART:"center_point", "custom", 0.0);
+               drag_state_warning();
             }
-            part { name:"handle_color";
-               type: RECT;
-               scale: 1;
-               description { state: "default" 0.0;
-                  rel1.offset: 0 -1000;
-                  rel2.offset: -1 1000;
-                  color: 61 184 204 255;
-               }
-               description { state: "warning" 0.0;
-                  inherit: "default" 0.0;
-                  color: 255 25 25 255;
-               }
-               description { state: "pressed" 0.0;
-                  inherit: "default" 0.0;
-               }
-               description { state: "pressed_warning" 0.0;
-                  inherit: "warning";
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  color: 163 198 204 255;
-               }
-               description { state: "disabled_warning" 0.0;
-                  inherit: "default" 0.0;
-                  color: 216 162 162 255;
-               }
+         }
+      }
+   }
+   programs {
+      program { "load";
+         signal: "load";
+         source: "";
+         script {
+            set_int(popup_show, 1);
+         }
+      }
+      program { "invert_on";
+         signal: "elm,state,inverted,on";
+         source: "elm";
+         script {
+            set_invert_on();
+         }
+      }
+      program { "invert_off";
+         signal: "elm,state,inverted,off";
+         source: "elm";
+         script {
+            set_invert_off();
+         }
+      }
+      program { "val_show";
+         signal: "mouse,down,*";
+         source: "elm.dragable.slider";
+         script {
+            thumb_down();
+         }
+      }
+      program { "val_hide";
+         signal: "mouse,up,*";
+         source: "elm.dragable.slider";
+         script {
+            thumb_up();
+         }
+      }
+      program { "center_point_enable";
+         signal: "slider,center,point,show";
+         source: "elm";
+         action:  STATE_SET "visible";
+         target: "center_point";
+      }
+      program { "center_point_disable";
+         signal: "slider,center,point,hide";
+         source: "elm";
+         action:  STATE_SET "default";
+         target: "center_point";
+      }
+      program { "on_disabled";
+         script {
+            set_state(PART:"event", "disabled", 0.0);
+            set_state(PART:"bg_bar", "disabled", 0.0);
+            set_state(PART:"clipper_clipper_elm.swallow.tizen_vg_shape5", "disabled", 0.0);
+            if (!get_int(warning))
+            set_state(PART:"handle_color", "disabled", 0.0);
+            else
+            set_state(PART:"handle_color", "disabled_warning", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level", "disabled", 0.0);
+               set_state(PART:"level2", "default", 0.0);
+            } else {
+               set_state(PART:"level", "inverted", 0.0);
+               set_state(PART:"level2", "disabled", 0.0);
             }
-            part { name: "disabler";
-               type: RECT;
-               mouse_events: 1;
-               repeat_events: 0;
-               scale: 1;
-               description { state: "default" 0.0;
-                  visible: 0;
-                  color: 0 0 0 0;
-               }
-               description { state: "disabled" 0.0;
-                  inherit: "default" 0.0;
-                  visible: 1;
-               }
+            set_int(disabled, 1);
+         }
+      }
+      program { "on_enabled";
+         script {
+            set_state(PART:"event", "default", 0.0);
+            set_state(PART:"bg_bar", "default", 0.0);
+            set_state(PART:"clipper_clipper_elm.swallow.tizen_vg_shape5", "default", 0.0);
+            if (!get_int(warning))
+            set_state(PART:"handle_color", "default", 0.0);
+            else
+            set_state(PART:"handle_color", "warning", 0.0);
+            if (!get_int(invert_on)) {
+               set_state(PART:"level2", "default", 0.0);
+               set_state(PART:"level", "default", 0.0);
+            } else {
+               set_state(PART:"level2", "inverted", 0.0);
+               set_state(PART:"level", "inverted", 0.0);
             }
+            set_int(disabled, 0);
+         }
+      }
+      program { "center_point_calc";
+         signal: "drag";
+         source: "elm.dragable.slider";
+         script {
+            drag_state_warning();
+         }
+      }
+      program { "center_point_calc1";
+         signal: "drag,start";
+         source: "elm.dragable.slider";
+         script {
+            drag_state_warning();
+         }
+      }
+      program { "center_point_calc2";
+         signal: "drag,set";
+         source: "elm.dragable.slider";
+         script {
+            drag_state_warning();
          }
-         programs {
-            program { name: "invert_on";
-               signal: "elm,state,inverted,on";
-               source: "elm";
-               script {
-                  set_invert_on();
+      }
+      program { "center_point_calc3";
+         signal: "mouse,up,*";
+         source: "elm.swallow.bar";
+         script {
+            drag_state_warning();
+         }
+      }
+      program { "center_point_calc4";
+         signal: "mouse,move";
+         source: "elm.swallow.bar";
+         script {
+            drag_state_warning();
+         }
+      }
+   }
+}
+
+group { "elm/slider/horizontal/popup/default";
+   alias: "elm/slider/vertical/popup/default";
+   alias: "elm/slider/horizontal/popup/warning";
+   alias: "elm/slider/vertical/popup/warning";
+   images.vector: "core_slider_handle_press_expand_top.svg";
+   images.vector: "core_slider_handle_press_expand_center.svg";
+   images.vector: "core_slider_handle_press_expand_bottom.svg";
+   script {
+      public warning = 0;
+      public show = 0;
+      public visible = 0;
+   }
+   parts {
+      spacer { "base";
+         scale;
+         nomouse;
+         desc { "default";
+         }
+      }
+      vector { "handler_top";
+         scale;
+         nomouse;
+         desc { "default";
+            rel1.to_x: "base";
+            rel1.to_y: "handler_center";
+            rel1.relative: 0.5 0.0;
+            rel2.to_x: "base";
+            rel2.to_y: "handler_center";
+            rel2.relative: 0.5 0.0;
+            align: 0.5 1.0;
+            min: SLIDER_INDICATOR_DEFAULT_VECTOR_INC;
+            max: SLIDER_INDICATOR_DEFAULT_VECTOR_INC;
+            fixed: 1 1;
+            image.normal: "core_slider_handle_press_expand_top.svg";
+            color_class: "slider/default/handler-normal";
+            hid;
+         }
+         desc { "warning";
+            inherit: "default";
+            color_class: "slider/warning/handler-normal";
+            hid;
+         }
+         desc { "pressed_normal";
+            inherit: "default";
+            min: SLIDER_INDICATOR_NORMAL_VECTOR_INC;
+            max: SLIDER_INDICATOR_NORMAL_VECTOR_INC;
+            vis;
+         }
+         desc { "pressed_warning_normal";
+            inherit: "warning";
+            min: SLIDER_INDICATOR_NORMAL_VECTOR_INC;
+            max: SLIDER_INDICATOR_NORMAL_VECTOR_INC;
+            vis;
+         }
+         desc { "pressed_expand";
+            inherit: "default";
+            min: SLIDER_INDICATOR_EXPAND_VECTOR_INC;
+            max: SLIDER_INDICATOR_EXPAND_VECTOR_INC;
+            vis;
+         }
+         desc { "pressed_warning_expand";
+            inherit: "warning";
+            min: SLIDER_INDICATOR_EXPAND_VECTOR_INC;
+            max: SLIDER_INDICATOR_EXPAND_VECTOR_INC;
+            vis;
+         }
+      }
+      vector { "handler_center";
+         scale;
+         nomouse;
+         desc { "default";
+            rel1.to_x: "base";
+            rel1.to_y: "handler_bottom";
+            rel1.relative: 0.5 0.0;
+            rel2.to_x: "base";
+            rel2.to_y: "handler_bottom";
+            rel2.relative: 0.5 0.0;
+            align: 0.5 1.0;
+            min: 20 0;
+            max: 20 0;
+            fixed: 1 1;
+            image.normal: "core_slider_handle_press_expand_center.svg";
+            color_class: "slider/default/handler-normal";
+            hid;
+         }
+         desc { "warning";
+            inherit: "default";
+            color_class: "slider/warning/handler-normal";
+            hid;
+         }
+         desc { "pressed_expand";
+            inherit: "default";
+            min: 80 60;
+            max: 80 60;
+            vis;
+         }
+         desc { "pressed_warning_expand";
+            inherit: "warning";
+            min: 80 60;
+            max: 80 60;
+            vis;
+         }
+      }
+      vector { "handler_bottom";
+         scale;
+         nomouse;
+         desc { "default";
+            rel1.to: "base";
+            rel1.relative: 0.5 0.5;
+            rel2.to: "base";
+            rel2.relative: 0.5 0.5;
+            align: 0.5 0.0;
+            min: SLIDER_INDICATOR_DEFAULT_VECTOR_INC;
+            max: SLIDER_INDICATOR_DEFAULT_VECTOR_INC;
+            fixed: 1 1;
+            image.normal: "core_slider_handle_press_expand_bottom.svg";
+            color_class: "slider/default/handler-normal";
+            hid;
+         }
+         desc { "warning";
+            inherit: "default";
+            color_class: "slider/warning/handler-normal";
+            hid;
+         }
+         desc { "pressed_normal";
+            inherit: "default";
+            min: SLIDER_INDICATOR_NORMAL_VECTOR_INC;
+            max: SLIDER_INDICATOR_NORMAL_VECTOR_INC;
+            vis;
+         }
+         desc { "pressed_warning_normal";
+            inherit: "warning";
+            min: SLIDER_INDICATOR_NORMAL_VECTOR_INC;
+            max: SLIDER_INDICATOR_NORMAL_VECTOR_INC;
+            vis;
+         }
+         desc { "pressed_expand";
+            inherit: "default";
+            min: SLIDER_INDICATOR_EXPAND_VECTOR_INC;
+            max: SLIDER_INDICATOR_EXPAND_VECTOR_INC;
+            vis;
+         }
+         desc { "pressed_warning_expand";
+            inherit: "warning";
+            min: SLIDER_INDICATOR_EXPAND_VECTOR_INC;
+            max: SLIDER_INDICATOR_EXPAND_VECTOR_INC;
+            vis;
+         }
+      }
+      text { "elm.indicator";
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            hid;
+            min: SLIDER_INDICATOR_TEXT_SIZE_WIDTH SLIDER_INDICATOR_TEXT_SIZE_HEIGHT;
+            max: -1 SLIDER_INDICATOR_TEXT_SIZE_HEIGHT;
+            color: 249 249 249 255;
+            align: 0.5 0.0;
+            rel1.to: "handler_top";
+            rel2.to: "handler_top";
+            rel1.offset: 0 12;
+            text {
+               min: 0 1;
+               font: "Tizen:style=Light"; size: "36";
+               text_class: "tizen";
+            }
+         }
+         desc { "pressed";
+            inherit: "default";
+            vis;
+         }
+      }
+   }
+   programs {
+      program { "popup,val,show";
+         signal: "elm,state,val,show";
+         source: "elm";
+         script {
+            set_int(visible, 1);
+         }
+      }
+      program { "popup,val,hide";
+         signal: "elm,state,val,hide";
+         source: "elm";
+         script {
+            set_int(visible, 0);
+         }
+      }
+      program { "popup,show";
+         signal: "popup,show";
+         source: "elm";
+         script {
+            if (!get_int(show))
+            {
+               set_int(show, 1);
+               if (get_int(visible))
+               {
+                  if (!get_int(warning))
+                  run_program(PROGRAM:"pressed_expand");
+                  else
+                  run_program(PROGRAM:"pressed_warning_expand");
+                  run_program(PROGRAM:"pressed_indicator");
                }
-            }
-            program { name: "invert_off";
-               signal: "elm,state,inverted,off";
-               source: "elm";
-               script {
-                  set_invert_off();
+               else
+               {
+                  if (!get_int(warning))
+                  run_program(PROGRAM:"pressed");
+                  else
+                  run_program(PROGRAM:"pressed_warning_normal");
                }
             }
-            program { name: "val_show";
-               signal: "mouse,down,*";
-               source: "elm.dragable.slider";
-               script {
-                  thumb_down();
-               }
+         }
+      }
+      program { "popup,hide";
+         signal: "popup,hide";
+         source: "elm";
+         script {
+            if (get_int(show))
+            {
+               set_int(show, 0);
+               if (!get_int(warning))
+               run_program(PROGRAM:"released");
+               else
+               run_program(PROGRAM:"released_warning");
+               run_program(PROGRAM:"released_indicator");
             }
-            program { name: "val_hide";
-               signal: "mouse,up,*";
-               source: "elm.dragable.slider";
-               script {
-                  thumb_up();
+         }
+      }
+      program { "popup,handle,default";
+         signal: "popup,default";
+         source: "popup,emit";
+         script {
+            if (get_int(warning))
+            {
+               set_int(warning, 0);
+               if (get_int(show))
+               {
+                  if (get_int(visible))
+                  run_program(PROGRAM:"pressed_expand");
+                  else
+                  run_program(PROGRAM:"pressed");
                }
             }
-            /* TIZEN ONLY(20150819) : This program is not necessary.
-            program { name: "popup_show";
-               signal: "elm,state,val,show";
-               source: "elm";
-               script {
-                  set_popup_show();
+         }
+      }
+      program { "popup,handle,warning";
+         signal: "popup,warning";
+         source: "popup,emit";
+         script {
+            if (!get_int(warning))
+            {
+               set_int(warning, 1);
+               if (get_int(show))
+               {
+                  if (get_int(visible))
+                  run_program(PROGRAM:"pressed_warning_expand");
+                  else
+                  run_program(PROGRAM:"pressed_warning_normal");
                }
             }
-            program { name: "popup_hide";
-               signal: "elm,state,val,hide";
-               source: "elm";
-               script {
-                  set_popup_hide();
-               }
-            }*/
-            program { name: "icon_show";
-               signal: "elm,state,icon,visible";
-               source: "elm";
-               action:  STATE_SET "visible" 0.0;
-               target: "drag_base";
-            }
-            program { name: "center_point_enable";
-               signal: "slider,center,point,show";
-               source: "elm";
-               action:  STATE_SET "visible" 0.0;
-               target: "center_point";
-            }
-            program { name: "center_point_disable";
-               signal: "slider,center,point,hide";
-               source: "elm";
-               action:  STATE_SET "default" 0.0;
-               target: "center_point";
-            }
-             program { name: "slider_disable";
-                signal: "elm,state,disabled";
-                source: "elm";
-                script {
-                   set_state(PART:"disabler", "disabled", 0.0);
-                   set_state(PART:"base", "disabled", 0.0);
-                   set_state(PART:"disabled_clipper", "disabled", 0.0);
-                   if (!get_int(warning))
-                     set_state(PART:"handle_color", "disabled", 0.0);
-                   else
-                     set_state(PART:"handle_color", "disabled_warning", 0.0);
-                   if (!get_int(invert_on)) {
-                     set_state(PART:"level", "disabled", 0.0);
-                     set_state(PART:"level2", "default", 0.0);
-                   } else {
-                     set_state(PART:"level", "inverted", 0.0);
-                     set_state(PART:"level2", "disabled", 0.0);
-                   }
-                   set_int(disabled, 1);
-                }
-             }
-             program { name: "slider_enable";
-                signal: "elm,state,enabled";
-                source: "elm";
-                script {
-                   set_state(PART:"disabler", "default", 0.0);
-                   set_state(PART:"base", "default", 0.0);
-                   set_state(PART:"disabled_clipper", "default", 0.0);
-                   if (!get_int(warning))
-                     set_state(PART:"handle_color", "default", 0.0);
-                   else
-                     set_state(PART:"handle_color", "warning", 0.0);
-                   if (!get_int(invert_on)) {
-                     set_state(PART:"level2", "default", 0.0);
-                     set_state(PART:"level", "default", 0.0);
-                   } else {
-                     set_state(PART:"level2", "inverted", 0.0);
-                     set_state(PART:"level", "inverted", 0.0);
-                   }
-                   set_int(disabled, 0);
-                }
-             }
-             program { name: "center_point_calc";
-                signal: "drag";
-                source: "elm.dragable.slider";
-                script {
-                   drag_state_warning();
-                }
-             }
-             program { name: "center_point_calc1";
-                signal: "drag,start";
-                source: "elm.dragable.slider";
-                script {
-                   drag_state_warning();
-                }
-             }
-             program { name: "center_point_calc2";
-                signal: "drag,set";
-                source: "elm.dragable.slider";
-                script {
-                   drag_state_warning();
-                }
-             }
-             program { name: "center_point_calc3";
-                signal: "mouse,up,*";
-                source: "elm.swallow.bar";
-                script {
-                   drag_state_warning();
-                }
-             }
-             program { name: "center_point_calc4";
-                signal: "mouse,move";
-                source: "elm.swallow.bar";
-                script {
-                   drag_state_warning();
-                }
-             }
-          }
-       }
+         }
+      }
+      program { "popup,hide,done";
+         action: SIGNAL_EMIT "popup,hide,done" "elm";
+      }
+      program { "pressed";
+         action:  STATE_SET "pressed_normal";
+         transition: DECELERATE 0.3;
+         target: "handler_top";
+         target: "handler_bottom";
+      }
+      program { "pressed_expand";
+         action:  STATE_SET "pressed_expand";
+         transition: DECELERATE 0.3;
+         target: "handler_top";
+         target: "handler_center";
+         target: "handler_bottom";
+      }
+      program { "released";
+         action:  STATE_SET "default";
+         transition: DECELERATE 0.3;
+         target: "handler_top";
+         target: "handler_center";
+         target: "handler_bottom";
+      }
+      program { "pressed_warning_normal";
+         action:  STATE_SET "pressed_warning_normal";
+         transition: DECELERATE 0.3;
+         target: "handler_top";
+         target: "handler_bottom";
+      }
+      program { "pressed_warning_expand";
+         action:  STATE_SET "pressed_warning_expand";
+         transition: DECELERATE 0.3;
+         target: "handler_top";
+         target: "handler_center";
+         target: "handler_bottom";
+      }
+      program { "released_warning";
+         action:  STATE_SET "warning";
+         transition: DECELERATE 0.3;
+         target: "handler_top";
+         target: "handler_center";
+         target: "handler_bottom";
+      }
+      program { "pressed_indicator";
+         action:  STATE_SET "default";
+         transition: DECELERATE 0.21;
+         target: "elm.indicator";
+         after: "pressed_indicator2";
+      }
+      program { "pressed_indicator2";
+         action:  STATE_SET "pressed";
+         transition: DECELERATE 0.09;
+         target: "elm.indicator";
+      }
+      program { "released_indicator";
+         action:  STATE_SET "default";
+         transition: DECELERATE 0.09;
+         target: "elm.indicator";
+      }
+   }
+}
+
author	Hosang Kim <hosang12.kim@samsung.com>	2016-09-08 15:33:33 +0900
committer	Hosang Kim <hosang12.kim@samsung.com>	2016-10-11 15:35:57 +0900
commit	d784aa1e78d6fac91f8baf9229bb0b0b3d423a57 (patch)
tree	9f45bed12be9470026b9918a17255f0d49da8e5e
parent	1e107b73004dff814b5dd1af5d201dcb53db82ff (diff)
download	efl-theme-tizen-mobile-ref/for/tizen.tar.gz efl-theme-tizen-mobile-ref/for/tizen.tar.bz2 efl-theme-tizen-mobile-ref/for/tizen.zip