{"version":3,"sources":["webpack:///./src/components/Page-header.vue","webpack:///src/components/Page-header.vue","webpack:///./src/components/Page-header.vue?95ad","webpack:///./src/components/Page-header.vue?f09d","webpack:///./src/views/pages/extended/rangeslider.vue","webpack:///src/views/pages/extended/rangeslider.vue","webpack:///./src/views/pages/extended/rangeslider.vue?eacd","webpack:///./src/views/pages/extended/rangeslider.vue?8b85"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","model","value","simpleValue","callback","$$v","expression","sliderCustomzie","sliderWithLabel","data","range","on","callbackRange","$set","loadingValue","startLoad","lineHeight","customStyle","customData","page","meta","name","content","appConfig","description","Layout","PageHeader","text","active","label","isHide","rangeValue","loader","methods","val","setInterval","clearInterval","middleware"],"mappings":"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","file":"js/chunk-334fe253.b286feba.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box\",class:{\n        'page-title-box-alt':\n          _vm.layoutType !== 'vertical' && _vm.layoutType !== 'two-column',\n      }},[_c('h4',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\n/**\n * Page-header component\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  computed: {\n    ...layoutComputed,\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div\n        class=\"page-title-box\"\n        :class=\"{\n          'page-title-box-alt':\n            layoutType !== 'vertical' && layoutType !== 'two-column',\n        }\"\n      >\n        <h4 class=\"page-title\">{{ title }}</h4>\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page-header.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Page-header.vue?vue&type=template&id=14ebe7ac\"\nimport script from \"./Page-header.vue?vue&type=script&lang=js\"\nexport * from \"./Page-header.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 render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Range slider\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Cool, comfortable, responsive and easily customizable range slider \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"p-3\"},[_c('h5',{staticClass:\"font-size-14 mb-3 mt-0\"},[_vm._v(\"Default\")]),_c('div',{staticClass:\"px-3\"},[_c('vue-slide-bar',{model:{value:(_vm.simpleValue),callback:function ($$v) {_vm.simpleValue=$$v},expression:\"simpleValue\"}})],1)])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"p-3\"},[_c('h5',{staticClass:\"font-size-14 mb-3 mt-0\"},[_vm._v(\"Min-Max\")]),_c('div',{staticClass:\"px-3\"},[_c('vue-slide-bar',{attrs:{\"min\":100,\"max\":500},model:{value:(_vm.sliderCustomzie),callback:function ($$v) {_vm.sliderCustomzie=$$v},expression:\"sliderCustomzie\"}})],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"p-3\"},[_c('h5',{staticClass:\"font-size-14 mb-3 mt-0\"},[_vm._v(\"Range and Label\")]),_c('div',{staticClass:\"px-3\"},[_c('vue-slide-bar',{attrs:{\"data\":_vm.sliderWithLabel.data,\"range\":_vm.sliderWithLabel.range},on:{\"callbackRange\":_vm.callbackRange},model:{value:(_vm.sliderWithLabel.value),callback:function ($$v) {_vm.$set(_vm.sliderWithLabel, \"value\", $$v)},expression:\"sliderWithLabel.value\"}})],1)])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"p-3\"},[_c('h5',{staticClass:\"font-size-14 mb-3 mt-0\"},[_vm._v(\"Loading\")]),_c('div',{staticClass:\"px-3\"},[_c('vue-slide-bar',{attrs:{\"show-tooltip\":true,\"is-disabled\":true},model:{value:(_vm.loadingValue),callback:function ($$v) {_vm.loadingValue=$$v},expression:\"loadingValue\"}}),_c('br'),_c('b-button',{attrs:{\"size\":\"sm\",\"variant\":\"light\"},on:{\"click\":_vm.startLoad}},[_vm._v(\"Start\")])],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"p-3\"},[_c('h5',{staticClass:\"font-size-14 mb-3 mt-0\"},[_vm._v(\"Custom Style\")]),_c('div',{staticClass:\"px-3\"},[_c('vue-slide-bar',{attrs:{\"min\":100,\"max\":1000,\"line-height\":_vm.lineHeight},model:{value:(_vm.customStyle),callback:function ($$v) {_vm.customStyle=$$v},expression:\"customStyle\"}})],1)])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"p-3\"},[_c('h5',{staticClass:\"font-size-14 mb-3 mt-0\"},[_vm._v(\"Custom Data\")]),_c('div',{staticClass:\"px-3\"},[_c('vue-slide-bar',{attrs:{\"data\":_vm.customData.data,\"range\":_vm.customData.range}})],1)])])])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/Page-header\";\nimport appConfig from \"../../../../app.config\";\n\n/**\n * Rangeslider component\n */\nexport default {\n  page: {\n    title: \"Rangeslider\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"Range Slider\",\n      items: [\n        {\n          text: \"Minton\",\n        },\n        {\n          text: \"Extended UI\",\n        },\n        {\n          text: \"Range Slider\",\n          active: true,\n        },\n      ],\n      simpleValue: 10,\n      sliderCustomzie: 300,\n      sliderWithLabel: {\n        value: 45,\n        data: [15, 30, 45, 60, 75, 90, 120],\n        range: [\n          {\n            label: \"15 mins\",\n          },\n          {\n            label: \"30 mins\",\n            isHide: true,\n          },\n          {\n            label: \"45 mins\",\n          },\n          {\n            label: \"1 hr\",\n            isHide: true,\n          },\n          {\n            label: \"1 hr 15 mins\",\n          },\n          {\n            label: \"1 hr 30 mins\",\n            isHide: true,\n          },\n          {\n            label: \"2 hrs\",\n          },\n        ],\n        rangeValue: {},\n      },\n      customData: {\n        value: 3,\n        data: [1, 2, 3, 4, 5, 6, 7],\n        range: [\n          {\n            label: \"Sunday\",\n          },\n          {\n            label: \"Monday\",\n          },\n          {\n            label: \"Tuesday\",\n          },\n          {\n            label: \"Wednesday\",\n          },\n          {\n            label: \"Thursday\",\n          },\n          {\n            label: \"Friday\",\n          },\n          {\n            label: \"Saturday\",\n          },\n        ],\n      },\n      loader: null,\n      loadingValue: 0,\n      customStyle: 800,\n      lineHeight: 10,\n    };\n  },\n  methods: {\n    /**\n     * Range and label slider set range\n     */\n    callbackRange(val) {\n      this.sliderWithLabel.rangeValue = val;\n    },\n    /**\n     * Loading slider\n     */\n    startLoad() {\n      this.loader = setInterval(() => {\n        this.loadingValue++;\n        if (this.loadingValue === 100) {\n          clearInterval(this.loader);\n        }\n      }, 100);\n    },\n  },\n  middleware: \"router-auth\",\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Range slider</h4>\n            <p class=\"sub-header\">\n              Cool, comfortable, responsive and easily customizable range slider\n            </p>\n            <div class=\"row\">\n              <div class=\"col-md-6\">\n                <div class=\"p-3\">\n                  <h5 class=\"font-size-14 mb-3 mt-0\">Default</h5>\n                  <div class=\"px-3\">\n                    <vue-slide-bar v-model=\"simpleValue\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-md-6\">\n                <div class=\"p-3\">\n                  <h5 class=\"font-size-14 mb-3 mt-0\">Min-Max</h5>\n                  <div class=\"px-3\">\n                    <vue-slide-bar\n                      v-model=\"sliderCustomzie\"\n                      :min=\"100\"\n                      :max=\"500\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col-md-6\">\n                <div class=\"p-3\">\n                  <h5 class=\"font-size-14 mb-3 mt-0\">Range and Label</h5>\n                  <div class=\"px-3\">\n                    <vue-slide-bar\n                      v-model=\"sliderWithLabel.value\"\n                      :data=\"sliderWithLabel.data\"\n                      :range=\"sliderWithLabel.range\"\n                      @callbackRange=\"callbackRange\"\n                    />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-md-6\">\n                <div class=\"p-3\">\n                  <h5 class=\"font-size-14 mb-3 mt-0\">Loading</h5>\n                  <div class=\"px-3\">\n                    <vue-slide-bar\n                      v-model=\"loadingValue\"\n                      :show-tooltip=\"true\"\n                      :is-disabled=\"true\"\n                    />\n                    <br />\n                    <b-button size=\"sm\" variant=\"light\" @click=\"startLoad\"\n                      >Start</b-button\n                    >\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col-md-6\">\n                <div class=\"p-3\">\n                  <h5 class=\"font-size-14 mb-3 mt-0\">Custom Style</h5>\n                  <div class=\"px-3\">\n                    <vue-slide-bar\n                      v-model=\"customStyle\"\n                      :min=\"100\"\n                      :max=\"1000\"\n                      :line-height=\"lineHeight\"\n                    />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-md-6\">\n                <div class=\"p-3\">\n                  <h5 class=\"font-size-14 mb-3 mt-0\">Custom Data</h5>\n                  <div class=\"px-3\">\n                    <vue-slide-bar\n                      :data=\"customData.data\"\n                      :range=\"customData.range\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n</template>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rangeslider.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rangeslider.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./rangeslider.vue?vue&type=template&id=58f8ab8f\"\nimport script from \"./rangeslider.vue?vue&type=script&lang=js\"\nexport * from \"./rangeslider.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":""}