{"version":3,"sources":["webpack:///./src/components/widgets/InputSlider.vue?9a11","webpack:///./src/components/widgets/InputSlider.vue?e25d","webpack:///src/components/widgets/InputSlider.vue","webpack:///./src/components/widgets/InputSlider.vue?f7b3","webpack:///./src/components/widgets/InputSlider.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","color","attrs","name","min","max","step","domProps","value","on","$event","$emit","staticRenderFns","props","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,cAAcC,MAAQ,YAAcP,EAAIQ,OAAS,kBAAoB,CAACJ,EAAG,QAAQ,CAACK,MAAM,CAAC,KAAO,QAAQ,KAAOT,EAAIU,KAAK,IAAMV,EAAIW,IAAI,IAAMX,EAAIY,IAAI,KAAOZ,EAAIa,MAAMC,SAAS,CAAC,MAAQd,EAAIe,OAAOC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOjB,EAAIkB,MAAM,SAAUD,IAAS,MAAQ,SAASA,GAAQ,OAAOjB,EAAIkB,MAAM,SAAUD,UAC3aE,EAAkB,GCeP,GACbC,MAAOA,CAACA,QAASA,MAAOA,MAAOA,OAAQA,WAAYA,QAASA,SCjBsS,I,wBCQhWC,EAAY,eACd,EACAtB,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/chunk-1c17e92b.4d4c3b00.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputSlider.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"InputSlider\",style:((\"--color:\" + (_vm.color || 'var(--dcolor)')))},[_c('input',{attrs:{\"type\":\"range\",\"name\":_vm.name,\"min\":_vm.min,\"max\":_vm.max,\"step\":_vm.step},domProps:{\"value\":_vm.value},on:{\"change\":function($event){return _vm.$emit('change', $event)},\"input\":function($event){return _vm.$emit('change', $event)}}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main class=\"InputSlider\" :style=\"`--color:${color || 'var(--dcolor)'}`\">\n    <input\n      type=\"range\"\n      :name=\"name\"\n      :min=\"min\"\n      :max=\"max\"\n      :value=\"value\"\n      :step=\"step\"\n      @change=\"$emit('change', $event)\"\n      @input=\"$emit('change', $event)\"\n    />\n  </main>\n</template>\n\n<script>\nexport default {\n  props: [\"value\", \"min\", \"max\", \"step\", \"disabled\", \"color\", \"name\"],\n};\n</script>\n\n<style lang=\"scss\">\n/* === range theme and appearance === */\ninput[type=\"range\"] {\n  font-size: 1.5rem;\n  width: 100%;\n}\n\ninput[type=\"range\"] {\n  color: var(--color);\n  --thumb-height: 1.125em;\n  --track-height: 0.125em;\n  --track-color: rgba(0, 0, 0, 0.2);\n  --brightness-hover: 180%;\n  --brightness-down: 80%;\n  --clip-edges: 0.125em;\n}\n\ninput[type=\"range\"].win10-thumb {\n  color: #2b2d42;\n\n  --thumb-height: 1.375em;\n  --thumb-width: 0.5em;\n  --clip-edges: 0.0125em;\n}\n\n@media (prefers-color-scheme: dark) {\n  html {\n    background-color: #000;\n  }\n\n  html::before {\n    background: radial-gradient(circle at center, #101112, #000);\n  }\n\n  input[type=\"range\"] {\n    color: #f07167;\n    --track-color: rgba(255, 255, 255, 0.1);\n  }\n\n  input[type=\"range\"].win10-thumb {\n    color: #3a86ff;\n  }\n}\n\n/* === range commons === */\ninput[type=\"range\"] {\n  position: relative;\n  background: #fff0;\n  overflow: hidden;\n}\n\ninput[type=\"range\"]:active {\n  cursor: grabbing;\n}\n\ninput[type=\"range\"]:disabled {\n  filter: grayscale(1);\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n\n/* === WebKit specific styles === */\ninput[type=\"range\"],\ninput[type=\"range\"]::-webkit-slider-runnable-track,\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  transition: all ease 100ms;\n  height: var(--thumb-height);\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track,\ninput[type=\"range\"]::-webkit-slider-thumb {\n  position: relative;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);\n  --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);\n  --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n  --clip-further: calc(100% + 1px);\n  --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;\n\n  width: var(--thumb-width, var(--thumb-height));\n  background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);\n  background-color: currentColor;\n  box-shadow: var(--box-fill);\n  border-radius: var(--thumb-width, var(--thumb-height));\n\n  filter: brightness(100%);\n  clip-path: polygon(\n    100% -1px,\n    var(--clip-edges) -1px,\n    0 var(--clip-top),\n    -100vmax var(--clip-top),\n    -100vmax var(--clip-bottom),\n    0 var(--clip-bottom),\n    var(--clip-edges) 100%,\n    var(--clip-further) var(--clip-further)\n  );\n}\n\ninput[type=\"range\"]:hover::-webkit-slider-thumb {\n  filter: brightness(var(--brightness-hover));\n  cursor: grab;\n}\n\ninput[type=\"range\"]:active::-webkit-slider-thumb {\n  filter: brightness(var(--brightness-down));\n  cursor: grabbing;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);\n}\n\ninput[type=\"range\"]:disabled::-webkit-slider-thumb {\n  cursor: not-allowed;\n}\n\n/* === Firefox specific styles === */\ninput[type=\"range\"],\ninput[type=\"range\"]::-moz-range-track,\ninput[type=\"range\"]::-moz-range-thumb {\n  appearance: none;\n  transition: all ease 100ms;\n  height: var(--thumb-height);\n}\n\ninput[type=\"range\"]::-moz-range-track,\ninput[type=\"range\"]::-moz-range-thumb,\ninput[type=\"range\"]::-moz-range-progress {\n  background: #fff0;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  background: currentColor;\n  border: 0;\n  width: var(--thumb-width, var(--thumb-height));\n  border-radius: var(--thumb-width, var(--thumb-height));\n  cursor: grab;\n}\n\ninput[type=\"range\"]:active::-moz-range-thumb {\n  cursor: grabbing;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n  width: 100%;\n  background: var(--track-color);\n}\n\ninput[type=\"range\"]::-moz-range-progress {\n  appearance: none;\n  background: currentColor;\n  transition-delay: 30ms;\n}\n\ninput[type=\"range\"]::-moz-range-track,\ninput[type=\"range\"]::-moz-range-progress {\n  height: calc(var(--track-height) + 1px);\n  border-radius: var(--track-height);\n}\n\ninput[type=\"range\"]::-moz-range-thumb,\ninput[type=\"range\"]::-moz-range-progress {\n  filter: brightness(100%);\n}\n\ninput[type=\"range\"]:hover::-moz-range-thumb,\ninput[type=\"range\"]:hover::-moz-range-progress {\n  filter: brightness(var(--brightness-hover));\n}\n\ninput[type=\"range\"]:active::-moz-range-thumb,\ninput[type=\"range\"]:active::-moz-range-progress {\n  filter: brightness(var(--brightness-down));\n}\n\ninput[type=\"range\"]:disabled::-moz-range-thumb {\n  cursor: not-allowed;\n}\n</style>\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!./InputSlider.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!./InputSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputSlider.vue?vue&type=template&id=2125ade0&\"\nimport script from \"./InputSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./InputSlider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InputSlider.vue?vue&type=style&index=0&lang=scss&\"\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":""}