{"version":3,"sources":["webpack:///./src/components/elements/Slider.vue?8b04","webpack:///./src/components/elements/Slider.vue","webpack:///./src/components/elements/Slider.vue?7dba"],"names":["class","type","min","range","max","value","disabled","$emit","$event","withLabel","name","emits","props","Number","Boolean","default","Array","render","__scopeId"],"mappings":"yIAAA,W,yICCE,eAOQ,cANN,eAGqF,SAH9EA,MAAM,SAASC,KAAK,QAASC,IAAK,EAAAC,MAAK,GAAMC,IAAK,EAAAD,MAAK,GAAME,MAAO,EAAAA,MAAQC,SAAU,EAAAA,SACrF,SAAM,+BAAE,EAAAC,MAAK,QAAUC,KAAU,UAAO,+BAAE,EAAAD,MAAK,UAAYC,KAAU,QAAK,+BAAE,EAAAD,MAAK,QAAUC,KAC3F,YAAS,+BAAE,EAAAD,MAAK,YAAcC,KAAU,QAAK,+BAAE,EAAAD,MAAK,QAAUC,KAC9D,aAAU,+BAAE,EAAAD,MAAK,YAAcC,KAAU,WAAQ,+BAAE,EAAAD,MAAK,UAAYC,M,0CAElD,EAAAC,W,iBAA1B,eAAsD,Q,MAAhDT,MAAM,Q,YAAyB,eAAc,EAAD,Q,oDAKvC,G,UAAA,CACbU,KAAM,SACNC,MAAO,CAAC,QAAS,UAAW,aAC5BC,MAAO,CACLP,MAAO,CACLJ,KAAMY,QAGRP,SAAU,CACRL,KAAMa,QACNC,SAAS,GAGXZ,MAAO,CACLF,KAAMe,MACND,QAAS,iBAAM,CAAC,EAAG,OAGrBN,UAAW,CACTR,KAAMa,QACNC,SAAS,M,UC3Bf,EAAOE,OAAS,EAChB,EAAOC,UAAY,kBAEJ","file":"static/js/chunk-6ee47cbe.3a207d3e.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Slider.vue?vue&type=style&index=0&id=1a18952e&lang=scss&scoped=true\"","<template>\n  <label>\n    <input class=\"slider\" type=\"range\" :min=\"range[0]\" :max=\"range[1]\" :value=\"value\" :disabled=\"disabled\"\n           @change=\"$emit('input', $event)\" @mouseup=\"$emit('mouseup', $event)\" @input=\"$emit('input', $event)\"\n           @mousedown=\"$emit('mousedown', $event)\" @touch=\"$emit('input', $event)\"\n           @touchstart=\"$emit('mousedown', $event)\" @touchend=\"$emit('mouseup', $event)\">\n\n    <span class=\"label\" v-if=\"withLabel\" v-text=\"value\" />\n  </label>\n</template>\n\n<script>\nexport default {\n  name: \"Slider\",\n  emits: ['input', 'mouseup', 'mousedown'],\n  props: {\n    value: {\n      type: Number,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    range: {\n      type: Array,\n      default: () => [0, 100],\n    },\n\n    withLabel: {\n      type: Boolean,\n      default: false,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.slider {\n  @include appearance(none);\n  @include transition(opacity .2s);\n  width: 100%;\n  height: 1em;\n  border-radius: 0.33em;\n  background: $slider-bg;\n  outline: none;\n\n  @mixin slider-thumb {\n    @include appearance(none);\n    width: 1.5em;\n    height: 1.5em;\n    border-radius: 50%;\n    border: 0;\n    background: $slider-thumb-bg;\n    cursor: pointer;\n  }\n\n  &::-webkit-slider-thumb { @include slider-thumb; }\n  &::-moz-range-thumb { @include slider-thumb; }\n  &::-moz-range-track { @include appearance(none); }\n\n  &::-webkit-progress-value,\n  &::-moz-range-progress {\n    background: $slider-progress-bg;\n    height: 1em;\n  }\n\n  &[disabled] {\n    &::-webkit-progress-value,\n    &::-moz-range-progress {\n      opacity: .5;\n    }\n\n    &::-webkit-slider-thumb,\n    &::-moz-range-thumb {\n      opacity: .4;\n    }\n  }\n}\n\nlabel {\n  position: relative;\n  .label {\n    font-weight: normal;\n    text-align: center;\n  }\n}\n</style>\n","import { render } from \"./Slider.vue?vue&type=template&id=1a18952e&scoped=true\"\nimport script from \"./Slider.vue?vue&type=script&lang=js\"\nexport * from \"./Slider.vue?vue&type=script&lang=js\"\n\nimport \"./Slider.vue?vue&type=style&index=0&id=1a18952e&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-1a18952e\"\n\nexport default script"],"sourceRoot":""}