{"version":3,"sources":["webpack:///./src/views/components/vuesax/slider/Slider.vue?8145","webpack:///./src/views/components/vuesax/slider/SliderDefault.vue?c79b","webpack:///src/views/components/vuesax/slider/SliderDefault.vue","webpack:///./src/views/components/vuesax/slider/SliderDefault.vue?4773","webpack:///./src/views/components/vuesax/slider/SliderDefault.vue","webpack:///./src/views/components/vuesax/slider/SliderColor.vue?fc09","webpack:///src/views/components/vuesax/slider/SliderColor.vue","webpack:///./src/views/components/vuesax/slider/SliderColor.vue?9d9e","webpack:///./src/views/components/vuesax/slider/SliderColor.vue","webpack:///./src/views/components/vuesax/slider/SliderTicks.vue?7f61","webpack:///src/views/components/vuesax/slider/SliderTicks.vue","webpack:///./src/views/components/vuesax/slider/SliderTicks.vue?dce1","webpack:///./src/views/components/vuesax/slider/SliderTicks.vue","webpack:///./src/views/components/vuesax/slider/SliderRange.vue?ff91","webpack:///src/views/components/vuesax/slider/SliderRange.vue","webpack:///./src/views/components/vuesax/slider/SliderRange.vue?41d9","webpack:///./src/views/components/vuesax/slider/SliderRange.vue","webpack:///./src/views/components/vuesax/slider/SliderIcon.vue?7ea0","webpack:///src/views/components/vuesax/slider/SliderIcon.vue","webpack:///./src/views/components/vuesax/slider/SliderIcon.vue?420f","webpack:///./src/views/components/vuesax/slider/SliderIcon.vue","webpack:///./src/views/components/vuesax/slider/SliderTextFixed.vue?e1ea","webpack:///src/views/components/vuesax/slider/SliderTextFixed.vue","webpack:///./src/views/components/vuesax/slider/SliderTextFixed.vue?76a8","webpack:///./src/views/components/vuesax/slider/SliderTextFixed.vue","webpack:///./src/views/components/vuesax/slider/SliderChangeMethod.vue?3b5e","webpack:///src/views/components/vuesax/slider/SliderChangeMethod.vue","webpack:///./src/views/components/vuesax/slider/SliderChangeMethod.vue?868e","webpack:///./src/views/components/vuesax/slider/SliderChangeMethod.vue","webpack:///src/views/components/vuesax/slider/Slider.vue","webpack:///./src/views/components/vuesax/slider/Slider.vue?9646","webpack:///./src/views/components/vuesax/slider/Slider.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","model","value","callback","$$v","value1","expression","value2","value3","slot","data","component","directives","name","rawName","domProps","on","$event","target","composing","colorx","cambio","style","widthx","heightx","_s","methods","components","SliderDefault","SliderColor","SliderTicks","SliderRange","SliderIcon","SliderTextFixed","SliderChangeMethod"],"mappings":"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","file":"js/chunk-2d2095bf.317a3fbd.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 }","<!-- =========================================================================================\n    File Name: SliderDefault.vue\n    Description: Rendering of default Slider\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Default\" code-toggler>\n\n        <p>To implement a <strong>Slider</strong> we have the <code>vs-slider</code> component</p>\n\n        <div class=\"mt-5\">\n            <vs-slider v-model=\"value1\"/>\n            <vs-slider disabled=\"true\" v-model=\"value2\"/>\n            <vs-slider max=\"200\" v-model=\"value3\"/>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;vs-slider v-model=&quot;value1&quot; /&gt;\n  &lt;vs-slider disabled=&quot;true&quot; v-model=&quot;value2&quot; /&gt;\n  &lt;vs-slider max=200 v-model=&quot;value3&quot; /&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      value1: 67,\n      value2: 34,\n      value3: 60\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\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","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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/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=1450f93a&\"\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 }","<!-- =========================================================================================\n    File Name: SliderColor.vue\n    Description: Change color of slider\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Color\" code-toggler>\n\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>\n\n        <div class=\"mt-5\">\n            <input type=\"color\" v-model=\"colorx\" name=\"\" >\n            <vs-slider :color=\"colorx\" v-model=\"value1\"/>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;input type=&quot;color&quot; v-model=&quot;colorx&quot; name=&quot;&quot; &gt;\n  &lt;vs-slider :color=&quot;colorx&quot; v-model=&quot;value1&quot;/&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      colorx:'#db7d12',\n      value1:24,\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      colorx:'#db7d12',\n      value1:24\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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/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=b82138d4&\"\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\"}}),_c('vs-slider',{attrs:{\"ticks\":\"\",\"step\":\"0.5\",\"step-decimals\":true},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}})],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  <vs-slider ticks step=0.5 :step-decimals=\\\"true\\\" v-model=\\\"value3\\\"/>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:60,\\n      value2:25,\\n      value3: 25.5\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: SliderTicks.vue\n    Description: Add ticks to you slider using step\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Ticks\" code-toggler>\n\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>\n\n        <div class=\"mt-5\">\n            <vs-slider step=\"10\" v-model=\"value1\"/>\n            <vs-slider ticks step=\"25\" v-model=\"value2\"/>\n            <vs-slider ticks step=\"0.5\" :step-decimals=\"true\" v-model=\"value3\"/>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;vs-slider step=10 v-model=&quot;value1&quot;/&gt;\n  &lt;vs-slider ticks step=25 v-model=&quot;value2&quot;/&gt;\n  &lt;vs-slider ticks step=0.5 :step-decimals=&quot;true&quot; v-model=&quot;value3&quot;/&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      value1:60,\n      value2:25,\n      value3: 25.5\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      value1: 60,\n      value2: 25,\n      value3: 50.5\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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/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=6e0039b0&\"\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 }","<!-- =========================================================================================\n    File Name: SliderRange.vue\n    Description: Add range to your sliders\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Range\" code-toggler>\n\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>\n        <div class=\"mt-5\">\n            <vs-slider color=\"warning\" v-model=\"value1\"/>\n            <vs-slider color=\"danger\" ticks step=\"10\" v-model=\"value2\"/>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;vs-slider color=&quot;warning&quot; v-model=&quot;value1&quot;/&gt;\n  &lt;vs-slider color=&quot;danger&quot; ticks step=10 v-model=&quot;value2&quot;/&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      value1:[60,90],\n      value2:[30,40]\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\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","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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/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=d06f80a6&\"\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 }","<!-- =========================================================================================\n    File Name: SliderIcon.vue\n    Description: Rendering of Slider with Icon\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Icon\" code-toggler>\n\n        <p>You can add an icon with the <code>icon</code> property to better representation the sliders to the user</p>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\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>\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>\n        </vs-alert>\n\n        <div class=\"mt-5\">\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        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;vs-slider icon=&quot;volume_up&quot; max=10 v-model=&quot;value1&quot;/&gt;\n  &lt;vs-slider icon=&quot;group_add&quot; ticks step=25 v-model=&quot;value2&quot;/&gt;\n  &lt;vs-slider icon=&quot;star&quot; ticks max=5 v-model=&quot;value3&quot;/&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      value1:6,\n      value2:25,\n      value3:[2,4]\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\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","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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/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=3476375f&\"\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 }","<!-- =========================================================================================\n    File Name: SliderTextFixed.vue\n    Description: Add fixed text next to the value of slider\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Text Fixed\" code-toggler>\n\n        <p>Determine the text that will be fixed next to the value with the property <code>text-fixed</code></p>\n\n        <div class=\"mt-5\">\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        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;vs-slider color=&quot;success&quot; text-fixed=% v-model=&quot;value1&quot;/&gt;\n  &lt;vs-slider color=&quot;danger&quot; text-fixed=Min ticks step=25 v-model=&quot;value2&quot;/&gt;\n  &lt;vs-slider color=&quot;dark&quot; text-fixed=K ticks max=5 v-model=&quot;value3&quot;/&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      value1:6,\n      value2:25,\n      value3:[2,4]\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\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","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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/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=0e41c5b5&\"\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 }","<!-- =========================================================================================\n    File Name: SliderChangeMethod.vue\n    Description: Trigger function on change\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Change Method\" code-toggler>\n\n        <p>You can add a function that will be triggered every time the value changes with <code>@change=\"MyFunction\"</code></p>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n            <p>You can change the minimum or maximum number admitted with the properties: <code>min</code>, <code>max</code></p>\n        </vs-alert>\n\n        <div class=\"mt-5\">\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=\"p-2 bg-success rounded text-white flex items-center justify-center\"> {{value1}} </div>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\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;\n  &lt;div :style=&quot;{'width':widthx+'px','height':heightx+'px'}&quot; class=&quot;box&quot;&gt; {{value1}} &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\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&lt;/script&gt;\n        </template>\n\n    </vx-card>\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","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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/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=3a8a3a66&\"\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","<!-- =========================================================================================\n    File Name: Slider.vue\n    Description: Slider - Imports all page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <div id=\"slider-demo\">\n        <slider-default></slider-default>\n        <slider-color></slider-color>\n        <slider-ticks></slider-ticks>\n        <slider-range></slider-range>\n        <slider-icon></slider-icon>\n        <slider-text-fixed></slider-text-fixed>\n        <slider-change-method></slider-change-method>\n    </div>\n</template>\n\n<script>\nimport SliderDefault from './SliderDefault.vue'\nimport SliderColor from './SliderColor.vue'\nimport SliderTicks from './SliderTicks.vue'\nimport SliderRange from './SliderRange.vue'\nimport SliderIcon from './SliderIcon.vue'\nimport SliderTextFixed from './SliderTextFixed.vue'\nimport SliderChangeMethod from './SliderChangeMethod.vue'\n\nexport default{\n  components: {\n    SliderDefault,\n    SliderColor,\n    SliderTicks,\n    SliderRange,\n    SliderIcon,\n    SliderTextFixed,\n    SliderChangeMethod\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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/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=3cf465f8&\"\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":""}