\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./main.vue?vue&type=template&id=2c9ce7e8&\"\nimport script from \"./main.vue?vue&type=script&lang=js&\"\nexport * from \"./main.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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 * vue-slide-bar v1.2.0\n * (c) 2018-present biig_pongsatorn \n * Released under the MIT License.\n */\n!function(t,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=e():\"function\"==typeof define&&define.amd?define(e):t.vueSlideBar=e()}(this,function(){\"use strict\";function t(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function e(e){for(var i=1;i-1&&(this.currentValue=e)}else this.currentValue=t}},currentIndex:function(){return(this.currentValue-this.minimum)/this.spacing},indexRange:function(){return[0,this.currentIndex]},minimum:function(){return this.data?0:this.min},maximum:function(){return this.data?this.data.length-1:this.max},multiple:function(){var t=\"\".concat(this.interval).split(\".\")[1];return t?Math.pow(10,t.length):1},spacing:function(){return this.data?1:this.interval},total:function(){return this.data?this.data.length-1:(Math.floor((this.maximum-this.minimum)*this.multiple)%(this.interval*this.multiple)!=0&&this.printError(\"[VueSlideBar error]: Prop[interval] is illegal, Please make sure that the interval can be divisible\"),(this.maximum-this.minimum)/this.interval)},gap:function(){return this.size/this.total},position:function(){return(this.currentValue-this.minimum)/this.spacing*this.gap},limit:function(){return[0,this.size]},valueLimit:function(){return[this.minimum,this.maximum]},calculateHeight:function(){return this.paddingless?{}:{\"padding-top\":\"40px\",\"min-height\":this.range?\"100px\":null}}},watch:{value:function(t){this.flag?this.setValue(t):this.setValue(t,this.speed)},max:function(t){if(tthis.max)return this.printError(\"[VueSlideBar error]: The minimum value can not be greater than the maximum value.\");var e=this.limitValue(this.val);this.setValue(e),this.refresh()}},methods:{bindEvents:function(){document.addEventListener(\"touchmove\",this.moving,{passive:!1}),document.addEventListener(\"touchend\",this.moveEnd,{passive:!1}),document.addEventListener(\"mousemove\",this.moving),document.addEventListener(\"mouseup\",this.moveEnd),document.addEventListener(\"mouseleave\",this.moveEnd),window.addEventListener(\"resize\",this.refresh)},unbindEvents:function(){window.removeEventListener(\"resize\",this.refresh),document.removeEventListener(\"touchmove\",this.moving),document.removeEventListener(\"touchend\",this.moveEnd),document.removeEventListener(\"mousemove\",this.moving),document.removeEventListener(\"mouseup\",this.moveEnd),document.removeEventListener(\"mouseleave\",this.moveEnd)},getPos:function(t){return this.realTime&&this.getStaticData(),t.clientX-this.offset},wrapClick:function(t){if(this.isDisabled||!this.draggable&&t.target.id===this.id)return!1;var e=this.getPos(t);this.setValueOnPos(e)},moveStart:function(t,e){if(!this.draggable)return!1;this.flag=!0,this.$emit(\"dragStart\",this)},moving:function(t){if(!this.flag||!this.draggable)return!1;t.preventDefault(),t.targetTouches&&t.targetTouches[0]&&(t=t.targetTouches[0]),this.setValueOnPos(this.getPos(t),!0)},moveEnd:function(t){if(!this.flag||!this.draggable)return!1;this.$emit(\"dragEnd\",this),this.lazy&&this.isDiff(this.val,this.value)&&this.syncValue(),this.flag=!1,this.setPosition()},setValueOnPos:function(t,e){var i=this.limit,n=this.valueLimit;if(t>=i[0]&&t<=i[1]){this.setTransform(t);var s=(Math.round(t/this.gap)*(this.spacing*this.multiple)+this.minimum*this.multiple)/this.multiple;this.setCurrentValue(s,e)}else tthis.maximum)return!1;this.isDiff(this.currentValue,t)&&(this.currentValue=t,this.lazy&&this.flag||this.syncValue()),e||this.setPosition()},setIndex:function(t){t=this.spacing*t+this.minimum,this.setCurrentValue(t)},setValue:function(t,e){var i=this;if(this.isDiff(this.val,t)){var n=this.limitValue(t);this.val=n,this.syncValue()}this.$nextTick(function(){return i.setPosition(e)})},setPosition:function(t){this.flag?this.setTransitionTime(0):this.setTransitionTime(void 0===t?this.speed:t),this.setTransform(this.position)},setTransform:function(t){var e=t-(this.$refs.tooltip.scrollWidth-2)/2,i=\"translateX(\".concat(e,\"px)\");this.slider.style.transform=i,this.slider.style.WebkitTransform=i,this.slider.style.msTransform=i,this.$refs.process.style.width=\"\".concat(t,\"px\"),this.$refs.process.style.left=0},setTransitionTime:function(t){this.slider.style.transitionDuration=\"\".concat(t,\"s\"),this.slider.style.WebkitTransitionDuration=\"\".concat(t,\"s\"),this.$refs.process.style.transitionDuration=\"\".concat(t,\"s\"),this.$refs.process.style.WebkitTransitionDuration=\"\".concat(t,\"s\")},limitValue:function(t){var e=this;if(this.data)return t;var i;return(i=t)e.max?(e.printError(\"[VueSlideBar warn]: The value of the slider is \".concat(t,\", the maximum value is \").concat(e.max,\", the value of this slider can not be greater than the maximum value\")),e.max):i},syncValue:function(){var t=this.val;this.range&&this.$emit(\"callbackRange\",this.range[this.currentIndex]),this.$emit(\"input\",t)},getValue:function(){return this.val},getIndex:function(){return this.currentIndex},getStaticData:function(){this.$refs.elem&&(this.size=this.$refs.elem.offsetWidth,this.offset=this.$refs.elem.getBoundingClientRect().left)},refresh:function(){this.$refs.elem&&(this.getStaticData(),this.setPosition())},printError:function(t){console.error(t)}},mounted:function(){var t=this;if(this.isComponentExists=!0,\"undefined\"==typeof window||\"undefined\"==typeof document)return this.printError(\"[VueSlideBar error]: window or document is undefined, can not be initialization.\");this.$nextTick(function(){t.isComponentExists&&(t.getStaticData(),t.setValue(t.limitValue(t.value),0),t.bindEvents())})},beforeDestroy:function(){this.isComponentExists=!1,this.unbindEvents()}};const n=\"undefined\"!=typeof navigator&&/msie [6-9]\\\\b/.test(navigator.userAgent.toLowerCase());const s=document.head||document.getElementsByTagName(\"head\")[0],r={};const a=i;i.__file=\"index.vue\";return function(t,e,i,n,s,r,a,o,l,u){\"function\"==typeof a&&(l=o,o=a,a=!1);const d=\"function\"==typeof i?i.options:i;let h;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,s&&(d.functional=!0)),n&&(d._scopeId=n),r?(h=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||\"undefined\"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=h):e&&(h=a?function(){e.call(this,u(this.$root.$options.shadowRoot))}:function(t){e.call(this,o(t))}),h)if(d.functional){const t=d.render;d.render=function(e,i){return h.call(i),t(e,i)}}else{const t=d.beforeCreate;d.beforeCreate=t?[].concat(t,h):[h]}return i}({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(\"div\",{ref:\"wrap\",staticClass:\"vue-slide-bar-component vue-slide-bar-horizontal\",style:t.calculateHeight,attrs:{id:t.id},on:{click:t.wrapClick}},[i(\"div\",{ref:\"elem\",staticClass:\"vue-slide-bar\",style:{height:t.lineHeight+\"px\"}},[[i(\"div\",{ref:\"tooltip\",staticClass:\"vue-slide-bar-always vue-slide-bar-tooltip-container\",style:{width:t.iconWidth+\"px\"},on:{mousedown:t.moveStart,touchstart:t.moveStart}},[t.showTooltip?i(\"span\",{staticClass:\"vue-slide-bar-tooltip-top vue-slide-bar-tooltip-wrap\"},[t._t(\"tooltip\",[i(\"span\",{staticClass:\"vue-slide-bar-tooltip\",style:t.tooltipStyles},[t._v(\"\\n \"+t._s(t.val)+\"\\n \")])])],2):t._e()])],t._v(\" \"),i(\"div\",{ref:\"process\",staticClass:\"vue-slide-bar-process\",style:t.processStyle})],2),t._v(\" \"),t.range?i(\"div\",{staticClass:\"vue-slide-bar-range\"},t._l(t.range,function(e,n){return i(\"div\",{key:n,staticClass:\"vue-slide-bar-separate\",style:t.dataLabelStyles},[e.isHide?t._e():i(\"span\",{staticClass:\"vue-slide-bar-separate-text\"},[t._v(\"\\n \"+t._s(e.label)+\"\\n \")])])}),0):t._e()])},staticRenderFns:[]},function(t){t&&t(\"data-v-d3e7b39a_0\",{source:\".vue-slide-bar-component[data-v-d3e7b39a]{position:relative;box-sizing:border-box;user-select:none}.vue-slide-bar[data-v-d3e7b39a]{position:relative;display:block;border-radius:15px;background-color:#d8d8d8;cursor:pointer}.vue-slide-bar[data-v-d3e7b39a]::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.vue-slide-bar-process[data-v-d3e7b39a]{position:absolute;border-radius:15px;background-color:#1066fd;transition:all 0s;z-index:1;width:0;height:100%;top:0;left:0;will-change:width}.vue-slide-bar-tooltip-container[data-v-d3e7b39a]{position:absolute;transition:all 0s;will-change:transform;cursor:pointer;z-index:3;left:0;top:-16px}.vue-slide-bar-tooltip-wrap[data-v-d3e7b39a]{position:absolute;z-index:9;width:100%;height:100%;display:block!important}.vue-slide-bar-tooltip-top[data-v-d3e7b39a]{top:-12px;left:40%;transform:translate(-50%,-100%)}.vue-slide-bar-tooltip[data-v-d3e7b39a]{position:relative;font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border:1px solid #1066fd;background-color:#1066fd}.vue-slide-bar-tooltip[data-v-d3e7b39a]::before{content:'';position:absolute;bottom:-10px;left:50%;width:0;height:0;border:5px solid transparent;border-top-color:inherit;transform:translate(-50%,0)}.vue-slide-bar-range[data-v-d3e7b39a]{display:flex;padding:5px 0;justify-content:space-between}.vue-slide-bar-separate[data-v-d3e7b39a]{position:relative;width:2px;background-color:#9e9e9e;height:5px;cursor:pointer}.vue-slide-bar-separate-text[data-v-d3e7b39a]{text-align:center;position:absolute;white-space:nowrap;transform:translate(-50%,0);top:6px}\",map:void 0,media:void 0})},a,\"data-v-d3e7b39a\",!1,void 0,function(t){return(t,e)=>(function(t,e){const i=n?e.media||\"default\":t,a=r[i]||(r[i]={ids:new Set,styles:[]});if(!a.ids.has(t)){a.ids.add(t);let i=e.source;if(e.map&&(i+=\"\\n/*# sourceURL=\"+e.map.sources[0]+\" */\",i+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+\" */\"),a.element||(a.element=document.createElement(\"style\"),a.element.type=\"text/css\",e.media&&a.element.setAttribute(\"media\",e.media),s.appendChild(a.element)),\"styleSheet\"in a.element)a.styles.push(i),a.element.styleSheet.cssText=a.styles.filter(Boolean).join(\"\\n\");else{const t=a.ids.size-1,e=document.createTextNode(i),n=a.element.childNodes;n[t]&&a.element.removeChild(n[t]),n.length?a.element.insertBefore(e,n[t]):a.element.appendChild(e)}}})(t,e)},void 0)});\n//# sourceMappingURL=vue-slide-bar.min.js.map\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Default\")]),_c('p',{staticClass:\"card-title-desc mb-2\"},[_vm._v(\"Start without params\")]),_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:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Min-Max\")]),_c('p',{staticClass:\"card-title-desc mb-2\"},[_vm._v(\"Set min value, max value and start point\")]),_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:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Range and Label\")]),_c('p',{staticClass:\"card-title-desc mb-2\"},[_vm._v(\"Set range, data\")]),_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:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Loading\")]),_c('p',{staticClass:\"card-title-desc mb-2\"},[_vm._v(\"Set start\")]),_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:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Custom Style\")]),_c('p',{staticClass:\"card-title-desc mb-2\"},[_vm._v(\"Set line-heigth\")]),_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:\"card\"},[_c('div',{staticClass:\"card-body pb-0\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Custom Data\")]),_c('p',{staticClass:\"card-title-desc mb-2\"},[_vm._v(\"Set label\")]),_c('div',{staticClass:\"px-3\"},[_c('vue-slide-bar',{attrs:{\"data\":_vm.customData.data,\"range\":_vm.customData.range}})],1)])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n \n \n
\n
\n
\n
\n
Default
\n
Start without params
\n \n
\n
\n \n
\n \n
\n
\n
\n
Min-Max
\n
Set min value, max value and start point
\n \n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
Range and Label
\n
Set range, data
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
Loading
\n
Set start
\n \n \n Start\n
\n
\n
\n
\n
\n
\n
\n
\n
Custom Style
\n
Set line-heigth
\n \n
\n
\n
\n
\n
\n
\n
Custom Data
\n
Set label
\n
\n \n
\n
\n
\n
\n
\n \n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./rangeslider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/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=a6eb9e76&\"\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/cli-service/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":""}