{"version":3,"sources":["webpack:///./src/components/SliderIconStyles.vue?b7cf","webpack:///./src/views/IconStyles.vue?0163","webpack:///./src/components/SliderMulti.vue?2c21","webpack:///./src/views/IconStyles.vue?d3a1","webpack:///./src/components/SliderIconStyles.vue?1b72","webpack:///./src/components/SliderMulti.vue?11fa","webpack:///./src/components/SliderMulti.vue?dcb5","webpack:///./src/components/SliderMulti.vue?dd0e","webpack:///./src/components/SliderMulti.vue","webpack:///./src/components/SliderIconStyles.vue?75c4","webpack:///./src/components/SliderIconStyles.vue?d675","webpack:///./src/components/SliderIconStyles.vue","webpack:///./src/views/IconStyles.vue?75f4","webpack:///./src/views/IconStyles.vue?d760","webpack:///./src/views/IconStyles.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","properties","name","_v","_s","title","attrs","options","value","staticRenderFns","model","callback","$$v","expression","ref","style","width","on","handleKey","posPercent","selected","tick","index","key","class","active","left","$event","setValue","handleMouseOver","$emit","ticks","length","event","buttons","$refs","slider","document","activeElement","Array","Number","type","String","default","component","indexOf","iconStyle","$store","commit","newValue","components","SliderMulti","categories","state","settings","iconStyles","SliderIconStyles"],"mappings":"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","file":"js/chunk-0d293f29.bf55b977.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderIconStyles.vue?vue&type=style&index=0&id=1bde34b5&lang=stylus&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconStyles.vue?vue&type=style&index=0&id=150a6202&lang=stylus&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderMulti.vue?vue&type=style&index=0&id=53431e0e&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"grid\"},_vm._l((_vm.categories),function(properties,name){return _c('div',{staticClass:\"group\"},[_c('h1',[_vm._v(_vm._s(properties.title))]),_c('SliderIconStyles',{attrs:{\"options\":properties.options,\"name\":name,\"iconStyle\":properties.value}})],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('SliderMulti',{attrs:{\"ticks\":_vm.options,\"width\":\"200px\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"slider\",staticClass:\"slider\",style:({ width: _vm.width }),attrs:{\"tabindex\":\"0\"},on:{\"keydown\":_vm.handleKey}},[_c('div',{staticClass:\"bar\"}),_c('div',{staticClass:\"track\",style:({ width: _vm.posPercent(_vm.selected) })}),_vm._l((_vm.ticks),function(tick,index){return _c('div',{key:index,staticClass:\"tick\",class:{ active: index <= _vm.selected },style:({ left: _vm.posPercent(index) }),on:{\"mousedown\":function($event){return _vm.setValue(index)},\"mouseover\":function($event){return _vm.handleMouseOver(index, $event)}}},[_c('span',[_vm._v(_vm._s(tick))])])}),_c('div',{ref:\"handle\",staticClass:\"handle\",style:({ left: _vm.posPercent(_vm.selected) })})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Component, Prop, Vue } from \"vue-property-decorator\";\n\n@Component\nexport default class SliderMulti extends Vue {\n  @Prop(Array) ticks!: string[];\n  @Prop(Number) value!: number;\n  @Prop({ type: String, default: \"250px\" }) width!: string;\n\n  selected = this.value;\n\n  setValue(index: number) {\n    this.selected = index;\n    this.$emit(\"input\", index);\n  }\n\n  posPercent(index: number): string {\n    return (index / (this.ticks.length - 1)) * 100 + \"%\";\n  }\n\n  handleMouseOver(index: number, event: MouseEvent) {\n    if (event.buttons === 1 && this.$refs.slider === document.activeElement) {\n      this.setValue(index);\n    }\n  }\n\n  handleKey(event: KeyboardEvent) {\n    if (event.key === \"ArrowRight\" && this.selected < this.ticks.length - 1) {\n      this.selected++;\n    } else if (event.key === \"ArrowLeft\" && this.selected > 0) {\n      this.selected--;\n    }\n  }\n}\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/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderMulti.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderMulti.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./SliderMulti.vue?vue&type=template&id=53431e0e&scoped=true&lang=pug&\"\nimport script from \"./SliderMulti.vue?vue&type=script&lang=ts&\"\nexport * from \"./SliderMulti.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./SliderMulti.vue?vue&type=style&index=0&id=53431e0e&lang=stylus&scoped=true&\"\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  \"53431e0e\",\n  null\n  \n)\n\nexport default component.exports","\n\n\n\n\nimport { Component, Prop, Vue } from \"vue-property-decorator\";\n\nimport { IconStyle } from \"@/store/settings\";\nimport SliderMulti from \"@/components/SliderMulti.vue\";\n\n@Component({\n  components: {\n    SliderMulti,\n  },\n})\nexport default class SliderIconStyles extends Vue {\n  @Prop(String) name!: string;\n  @Prop(Array) options!: string[];\n  @Prop(String) iconStyle!: IconStyle;\n\n  get value(): number {\n    const index = this.options.indexOf(this.iconStyle);\n    if (index === -1) {\n      this.$store.commit(\"settings/setIconStyle\", { name: this.name, value: \"Default\" });\n      return this.value;\n    }\n\n    return index;\n  }\n\n  set value(newValue) {\n    this.$store.commit(\"settings/setIconStyle\", { name: this.name, value: this.options[newValue] });\n  }\n}\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/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderIconStyles.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderIconStyles.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./SliderIconStyles.vue?vue&type=template&id=1bde34b5&scoped=true&lang=pug&\"\nimport script from \"./SliderIconStyles.vue?vue&type=script&lang=ts&\"\nexport * from \"./SliderIconStyles.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./SliderIconStyles.vue?vue&type=style&index=0&id=1bde34b5&lang=stylus&scoped=true&\"\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  \"1bde34b5\",\n  null\n  \n)\n\nexport default component.exports","\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Component, Vue } from \"vue-property-decorator\";\n\nimport SliderIconStyles from \"@/components/SliderIconStyles.vue\";\n\n@Component({\n  components: {\n    SliderIconStyles,\n  },\n})\nexport default class IconStyles extends Vue {\n  categories = this.$store.state.settings.iconStyles;\n}\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/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconStyles.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconStyles.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./IconStyles.vue?vue&type=template&id=150a6202&scoped=true&lang=pug&\"\nimport script from \"./IconStyles.vue?vue&type=script&lang=ts&\"\nexport * from \"./IconStyles.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./IconStyles.vue?vue&type=style&index=0&id=150a6202&lang=stylus&scoped=true&\"\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  \"150a6202\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}