{"version":3,"sources":["webpack:///./src/views/components/vuesax/slider/Slider.vue?1fa9","webpack:///./src/views/components/vuesax/slider/SliderDefault.vue?608d","webpack:///src/views/components/vuesax/slider/SliderDefault.vue","webpack:///./src/views/components/vuesax/slider/SliderDefault.vue?3d47","webpack:///./src/views/components/vuesax/slider/SliderDefault.vue","webpack:///./src/views/components/vuesax/slider/SliderColor.vue?d514","webpack:///src/views/components/vuesax/slider/SliderColor.vue","webpack:///./src/views/components/vuesax/slider/SliderColor.vue?f85b","webpack:///./src/views/components/vuesax/slider/SliderColor.vue","webpack:///./src/views/components/vuesax/slider/SliderTicks.vue?dc71","webpack:///src/views/components/vuesax/slider/SliderTicks.vue","webpack:///./src/views/components/vuesax/slider/SliderTicks.vue?fac1","webpack:///./src/views/components/vuesax/slider/SliderTicks.vue","webpack:///./src/views/components/vuesax/slider/SliderRange.vue?1102","webpack:///src/views/components/vuesax/slider/SliderRange.vue","webpack:///./src/views/components/vuesax/slider/SliderRange.vue?7e02","webpack:///./src/views/components/vuesax/slider/SliderRange.vue","webpack:///./src/views/components/vuesax/slider/SliderIcon.vue?4e6f","webpack:///src/views/components/vuesax/slider/SliderIcon.vue","webpack:///./src/views/components/vuesax/slider/SliderIcon.vue?1338","webpack:///./src/views/components/vuesax/slider/SliderIcon.vue","webpack:///./src/views/components/vuesax/slider/SliderTextFixed.vue?fea6","webpack:///src/views/components/vuesax/slider/SliderTextFixed.vue","webpack:///./src/views/components/vuesax/slider/SliderTextFixed.vue?b8f5","webpack:///./src/views/components/vuesax/slider/SliderTextFixed.vue","webpack:///./src/views/components/vuesax/slider/SliderChangeMethod.vue?0e65","webpack:///src/views/components/vuesax/slider/SliderChangeMethod.vue","webpack:///./src/views/components/vuesax/slider/SliderChangeMethod.vue?9633","webpack:///./src/views/components/vuesax/slider/SliderChangeMethod.vue","webpack:///src/views/components/vuesax/slider/Slider.vue","webpack:///./src/views/components/vuesax/slider/Slider.vue?4e87","webpack:///./src/views/components/vuesax/slider/Slider.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","SliderDefaultvue_type_template_id_7e5116bb_render","title","code-toggler","_v","staticClass","model","value","callback","$$v","value1","expression","disabled","value2","max","value3","slot","SliderDefaultvue_type_template_id_7e5116bb_staticRenderFns","SliderDefaultvue_type_script_lang_js_","data","slider_SliderDefaultvue_type_script_lang_js_","component","Object","componentNormalizer","SliderDefault","SliderColorvue_type_template_id_3dee0a94_render","directives","name","rawName","type","domProps","on","input","$event","target","composing","colorx","color","SliderColorvue_type_template_id_3dee0a94_staticRenderFns","SliderColorvue_type_script_lang_js_","slider_SliderColorvue_type_script_lang_js_","SliderColor_component","SliderColor","SliderTicksvue_type_template_id_25c84ba2_render","step","ticks","SliderTicksvue_type_template_id_25c84ba2_staticRenderFns","SliderTicksvue_type_script_lang_js_","slider_SliderTicksvue_type_script_lang_js_","SliderTicks_component","SliderTicks","SliderRangevue_type_template_id_2793a7d4_render","SliderRangevue_type_template_id_2793a7d4_staticRenderFns","SliderRangevue_type_script_lang_js_","slider_SliderRangevue_type_script_lang_js_","SliderRange_component","SliderRange","SliderIconvue_type_template_id_2b9bcdf4_render","icon","active","href","SliderIconvue_type_template_id_2b9bcdf4_staticRenderFns","SliderIconvue_type_script_lang_js_","slider_SliderIconvue_type_script_lang_js_","SliderIcon_component","SliderIcon","SliderTextFixedvue_type_template_id_33673632_render","text-fixed","SliderTextFixedvue_type_template_id_33673632_staticRenderFns","SliderTextFixedvue_type_script_lang_js_","slider_SliderTextFixedvue_type_script_lang_js_","SliderTextFixed_component","SliderTextFixed","SliderChangeMethodvue_type_template_id_110c55be_render","min","change","cambio","style","width","widthx","height","heightx","_s","SliderChangeMethodvue_type_template_id_110c55be_staticRenderFns","SliderChangeMethodvue_type_script_lang_js_","methods","slider_SliderChangeMethodvue_type_script_lang_js_","SliderChangeMethod_component","SliderChangeMethod","Slidervue_type_script_lang_js_","components","slider_Slidervue_type_script_lang_js_","Slider_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d2095bf.6db407f2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"slider-demo\"}},[_c('slider-default'),_c('slider-color'),_c('slider-ticks'),_c('slider-range'),_c('slider-icon'),_c('slider-text-fixed'),_c('slider-change-method')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To implement a \"),_c('strong',[_vm._v(\"Slider\")]),_vm._v(\" we have the \"),_c('code',[_vm._v(\"vs-slider\")]),_vm._v(\" component\")]),_c('div',{staticClass:\"mt-5\"},[_c('vs-slider',{model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-slider',{attrs:{\"disabled\":\"true\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-slider',{attrs:{\"max\":\"200\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-slider v-model=\\\"value1\\\" />\\n  <vs-slider disabled=\\\"true\\\" v-model=\\\"value2\\\" />\\n  <vs-slider max=200 v-model=\\\"value3\\\" />\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1: 67,\\n      value2: 34,\\n      value3: 60\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SliderDefault.vue\r\n    Description: Rendering of default Slider\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Default\" code-toggler>\r\n        \r\n        <p>To implement a <strong>Slider</strong> we have the <code>vs-slider</code> component</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-slider v-model=\"value1\"/>\r\n            <vs-slider disabled=\"true\" v-model=\"value2\"/>\r\n            <vs-slider max=200 v-model=\"value3\"/>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-slider v-model=&quot;value1&quot; /&gt;\r\n  &lt;vs-slider disabled=&quot;true&quot; v-model=&quot;value2&quot; /&gt;\r\n  &lt;vs-slider max=200 v-model=&quot;value3&quot; /&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      value1: 67,\r\n      value2: 34,\r\n      value3: 60\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: 67,\r\n            value2: 34,\r\n            value3: 60\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderDefault.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderDefault.vue?vue&type=template&id=7e5116bb&\"\nimport script from \"./SliderDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderDefault.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the slider's color with the property color. You can also add the main \"),_c('code',[_vm._v(\"colors\")]),_vm._v(\" like: \"),_c('code',[_vm._v(\"primary\")]),_vm._v(\", \"),_c('code',[_vm._v(\"success\")]),_vm._v(\", \"),_c('code',[_vm._v(\"danger\")]),_vm._v(\", \"),_c('code',[_vm._v(\"warning\")]),_vm._v(\", \"),_c('code',[_vm._v(\"dark\")])]),_c('div',{staticClass:\"mt-5\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.colorx),expression:\"colorx\"}],attrs:{\"type\":\"color\",\"name\":\"\"},domProps:{\"value\":(_vm.colorx)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.colorx=$event.target.value}}}),_c('vs-slider',{attrs:{\"color\":_vm.colorx},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <input type=\\\"color\\\" v-model=\\\"colorx\\\" name=\\\"\\\" >\\n  <vs-slider :color=\\\"colorx\\\" v-model=\\\"value1\\\"/>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      colorx:'#db7d12',\\n      value1:24,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SliderColor.vue\r\n    Description: Change color of slider\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Color\" code-toggler>\r\n        \r\n        <p>You can change the slider's color with the property color. You can also add the main <code>colors</code> like: <code>primary</code>, <code>success</code>, <code>danger</code>, <code>warning</code>, <code>dark</code></p>\r\n\r\n        <div class=\"mt-5\">\r\n            <input type=\"color\" v-model=\"colorx\" name=\"\" >\r\n            <vs-slider :color=\"colorx\" v-model=\"value1\"/>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;input type=&quot;color&quot; v-model=&quot;colorx&quot; name=&quot;&quot; &gt;\r\n  &lt;vs-slider :color=&quot;colorx&quot; v-model=&quot;value1&quot;/&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      colorx:'#db7d12',\r\n      value1:24,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            colorx:'#db7d12',\r\n            value1:24,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderColor.vue?vue&type=template&id=3dee0a94&\"\nimport script from \"./SliderColor.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderColor.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Ticks\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"With Ticks you can allow the user to select a value inside a range of allowed values. With the property \"),_c('strong',[_vm._v(\"step\")]),_vm._v(\" you can change the distance between each Tick\")]),_c('div',{staticClass:\"mt-5\"},[_c('vs-slider',{attrs:{\"step\":\"10\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-slider',{attrs:{\"ticks\":\"\",\"step\":\"25\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-slider step=10 v-model=\\\"value1\\\"/>\\n  <vs-slider ticks step=25 v-model=\\\"value2\\\"/>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:60,\\n      value2:25\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SliderTicks.vue\r\n    Description: Add ticks to you slider using step\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Ticks\" code-toggler>\r\n        \r\n        <p>With Ticks you can allow the user to select a value inside a range of allowed values. With the property <strong>step</strong> you can change the distance between each Tick</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-slider step=10 v-model=\"value1\"/>\r\n            <vs-slider ticks step=25 v-model=\"value2\"/>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-slider step=10 v-model=&quot;value1&quot;/&gt;\r\n  &lt;vs-slider ticks step=25 v-model=&quot;value2&quot;/&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:60,\r\n      value2:25\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: 60,\r\n            value2: 25\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderTicks.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderTicks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderTicks.vue?vue&type=template&id=25c84ba2&\"\nimport script from \"./SliderTicks.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderTicks.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Range\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"With Range you can allow the user to select a range inside a range of allowed values. You can use the v-model property with \"),_c('strong',[_vm._v(\"Array\")]),_vm._v(\" and a minimum and maximum value represented as: \"),_c('code',[_vm._v(\"[min, max]\")])]),_c('div',{staticClass:\"mt-5\"},[_c('vs-slider',{attrs:{\"color\":\"warning\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-slider',{attrs:{\"color\":\"danger\",\"ticks\":\"\",\"step\":\"10\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-slider color=\\\"warning\\\" v-model=\\\"value1\\\"/>\\n  <vs-slider color=\\\"danger\\\" ticks step=10 v-model=\\\"value2\\\"/>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:[60,90],\\n      value2:[30,40]\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SliderRange.vue\r\n    Description: Add range to your sliders\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Range\" code-toggler>\r\n        \r\n        <p>With Range you can allow the user to select a range inside a range of allowed values. You can use the v-model property with <strong>Array</strong> and a minimum and maximum value represented as: <code>[min, max]</code></p>\r\n        <div class=\"mt-5\">\r\n            <vs-slider color=\"warning\" v-model=\"value1\"/>\r\n            <vs-slider color=\"danger\" ticks step=10 v-model=\"value2\"/>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-slider color=&quot;warning&quot; v-model=&quot;value1&quot;/&gt;\r\n  &lt;vs-slider color=&quot;danger&quot; ticks step=10 v-model=&quot;value2&quot;/&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:[60,90],\r\n      value2:[30,40]\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: [60,90],\r\n            value2: [30,40]\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderRange.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderRange.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderRange.vue?vue&type=template&id=2793a7d4&\"\nimport script from \"./SliderRange.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderRange.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Icon\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add an icon with the \"),_c('code',[_vm._v(\"icon\")]),_vm._v(\" property to better representation the sliders to the user\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"Vuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official \"),_c('a',{attrs:{\"href\":\"https://material.io/icons/\",\"target\":\"_blank\"}},[_vm._v(\"Material Icons page\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"FontAwesome and other fonts library are supported. Simply use the icon-pack with fa or fas. You still need to include the Font Awesome icons in your project.\")])]),_c('div',{staticClass:\"mt-5\"},[_c('vs-slider',{attrs:{\"icon\":\"volume_up\",\"max\":\"10\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-slider',{attrs:{\"icon\":\"group_add\",\"ticks\":\"\",\"step\":\"25\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-slider',{attrs:{\"icon\":\"star\",\"ticks\":\"\",\"max\":\"5\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-slider icon=\\\"volume_up\\\" max=10 v-model=\\\"value1\\\"/>\\n  <vs-slider icon=\\\"group_add\\\" ticks step=25 v-model=\\\"value2\\\"/>\\n  <vs-slider icon=\\\"star\\\" ticks max=5 v-model=\\\"value3\\\"/>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1:6,\\n      value2:25,\\n      value3:[2,4]\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SliderIcon.vue\r\n    Description: Rendering of Slider with Icon\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Icon\" code-toggler>\r\n        \r\n        <p>You can add an icon with the <code>icon</code> property to better representation the sliders to the user</p>\r\n\r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n            <p>Vuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official <a href=\"https://material.io/icons/\" target=\"_blank\">Material Icons page</a>.</p>\r\n            <p>FontAwesome and other fonts library are supported. Simply use the icon-pack with fa or fas. You still need to include the Font Awesome icons in your project.</p>\r\n        </vs-alert>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-slider icon=\"volume_up\" max=10 v-model=\"value1\" />\r\n            <vs-slider icon=\"group_add\" ticks step=25 v-model=\"value2\" />\r\n            <vs-slider icon=\"star\" ticks max=5 v-model=\"value3\" />\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-slider icon=&quot;volume_up&quot; max=10 v-model=&quot;value1&quot;/&gt;\r\n  &lt;vs-slider icon=&quot;group_add&quot; ticks step=25 v-model=&quot;value2&quot;/&gt;\r\n  &lt;vs-slider icon=&quot;star&quot; ticks max=5 v-model=&quot;value3&quot;/&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      value1:6,\r\n      value2:25,\r\n      value3:[2,4]\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1:6,\r\n            value2:25,\r\n            value3:[2,4]\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderIcon.vue?vue&type=template&id=2b9bcdf4&\"\nimport script from \"./SliderIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderIcon.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Text Fixed\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Determine the text that will be fixed next to the value with the property \"),_c('code',[_vm._v(\"text-fixed\")])]),_c('div',{staticClass:\"mt-5\"},[_c('vs-slider',{attrs:{\"color\":\"success\",\"text-fixed\":\"%\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-slider',{attrs:{\"color\":\"danger\",\"text-fixed\":\"Min\",\"ticks\":\"\",\"step\":\"25\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-slider',{attrs:{\"color\":\"dark\",\"text-fixed\":\"K\",\"ticks\":\"\",\"max\":\"5\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-slider color=\\\"success\\\" text-fixed=% v-model=\\\"value1\\\"/>\\n  <vs-slider color=\\\"danger\\\" text-fixed=Min ticks step=25 v-model=\\\"value2\\\"/>\\n  <vs-slider color=\\\"dark\\\" text-fixed=K ticks max=5 v-model=\\\"value3\\\"/>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1:6,\\n      value2:25,\\n      value3:[2,4]\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SliderTextFixed.vue\r\n    Description: Add fixed text next to the value of slider\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Text Fixed\" code-toggler>\r\n        \r\n        <p>Determine the text that will be fixed next to the value with the property <code>text-fixed</code></p>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-slider color=\"success\" text-fixed=% v-model=\"value1\"/>\r\n            <vs-slider color=\"danger\" text-fixed=Min ticks step=25 v-model=\"value2\"/>\r\n            <vs-slider color=\"dark\" text-fixed=K ticks max=5 v-model=\"value3\"/>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-slider color=&quot;success&quot; text-fixed=% v-model=&quot;value1&quot;/&gt;\r\n  &lt;vs-slider color=&quot;danger&quot; text-fixed=Min ticks step=25 v-model=&quot;value2&quot;/&gt;\r\n  &lt;vs-slider color=&quot;dark&quot; text-fixed=K ticks max=5 v-model=&quot;value3&quot;/&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      value1:6,\r\n      value2:25,\r\n      value3:[2,4]\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1:6,\r\n            value2:25,\r\n            value3:[2,4]\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderTextFixed.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderTextFixed.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderTextFixed.vue?vue&type=template&id=33673632&\"\nimport script from \"./SliderTextFixed.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderTextFixed.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Change Method\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add a function that will be triggered every time the value changes with \"),_c('code',[_vm._v(\"@change=\\\"MyFunction\\\"\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"You can change the minimum or maximum number admitted with the properties: \"),_c('code',[_vm._v(\"min\")]),_vm._v(\", \"),_c('code',[_vm._v(\"max\")])])]),_c('div',{staticClass:\"mt-5\"},[_c('vs-slider',{attrs:{\"min\":50,\"color\":\"rgb(45, 208, 129)\"},on:{\"change\":_vm.cambio},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('div',{staticClass:\"p-2 bg-success rounded text-white flex items-center justify-center\",style:({'width':_vm.widthx+'px','height':_vm.heightx+'px'})},[_vm._v(\" \"+_vm._s(_vm.value1)+\" \")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-slider :min=\\\"50\\\" @change=\\\"cambio\\\" color=\\\"rgb(45, 208, 129)\\\" v-model=\\\"value1\\\"/>\\n  <div :style=\\\"{'width':widthx+'px','height':heightx+'px'}\\\" class=\\\"box\\\"> \"+_vm._s(_vm.value1)+\" </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:55,\\n      widthx:55,\\n      heightx:55\\n    }\\n  },\\n  methods:{\\n    cambio(value){\\n      this.widthx = value\\n      this.heightx = value\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SliderChangeMethod.vue\r\n    Description: Trigger function on change\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Change Method\" code-toggler>\r\n        \r\n        <p>You can add a function that will be triggered every time the value changes with <code>@change=\"MyFunction\"</code></p>\r\n\r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n            <p>You can change the minimum or maximum number admitted with the properties: <code>min</code>, <code>max</code></p>\r\n        </vs-alert>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-slider :min=\"50\" @change=\"cambio\" color=\"rgb(45, 208, 129)\" v-model=\"value1\"/>\r\n            <div :style=\"{'width':widthx+'px','height':heightx+'px'}\" class=\"p-2 bg-success rounded text-white flex items-center justify-center\"> {{value1}} </div>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-slider :min=&quot;50&quot; @change=&quot;cambio&quot; color=&quot;rgb(45, 208, 129)&quot; v-model=&quot;value1&quot;/&gt;\r\n  &lt;div :style=&quot;{'width':widthx+'px','height':heightx+'px'}&quot; class=&quot;box&quot;&gt; {{value1}} &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:55,\r\n      widthx:55,\r\n      heightx:55\r\n    }\r\n  },\r\n  methods:{\r\n    cambio(value){\r\n      this.widthx = value\r\n      this.heightx = value\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: 55,\r\n            widthx: 55,\r\n            heightx: 55\r\n        }\r\n    },\r\n    methods: {\r\n        cambio(value) {\r\n            this.widthx = value\r\n            this.heightx = value\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderChangeMethod.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderChangeMethod.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderChangeMethod.vue?vue&type=template&id=110c55be&\"\nimport script from \"./SliderChangeMethod.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderChangeMethod.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\r\n    File Name: Slider.vue\r\n    Description: Slider - Imports all page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"slider-demo\">\r\n        <slider-default></slider-default>\r\n        <slider-color></slider-color>\r\n        <slider-ticks></slider-ticks>\r\n        <slider-range></slider-range>\r\n        <slider-icon></slider-icon>\r\n        <slider-text-fixed></slider-text-fixed>\r\n        <slider-change-method></slider-change-method>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport SliderDefault from './SliderDefault.vue'\r\nimport SliderColor from './SliderColor.vue'\r\nimport SliderTicks from './SliderTicks.vue'\r\nimport SliderRange from './SliderRange.vue'\r\nimport SliderIcon from './SliderIcon.vue'\r\nimport SliderTextFixed from './SliderTextFixed.vue'\r\nimport SliderChangeMethod from './SliderChangeMethod.vue'\r\n\r\nexport default{\r\n    components: {\r\n        SliderDefault,\r\n        SliderColor,\r\n        SliderTicks,\r\n        SliderRange,\r\n        SliderIcon,\r\n        SliderTextFixed,\r\n        SliderChangeMethod,\r\n    }   \r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Slider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Slider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Slider.vue?vue&type=template&id=25a8d1e8&\"\nimport script from \"./Slider.vue?vue&type=script&lang=js&\"\nexport * from \"./Slider.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}