kdutify 2.6.1 → 2.7.3

package/lib/components/KRadioGroup/KRadio.js

@@ -1,27 +1,29 @@
 // Styles
-import "..\\..\\..\\src\\components\\KRadioGroup\\KRadio.sass";
+import "../../../src/components/KRadioGroup/KRadio.sass";
 import KLabel from '../KLabel';
 import KIcon from '../KIcon';
-import KInput from '../KInput'; // Mixins
-
+import KInput from '../KInput';
+// Mixins
 import BindsAttrs from '../../mixins/binds-attrs';
 import Colorable from '../../mixins/colorable';
 import { factory as GroupableFactory } from '../../mixins/groupable';
 import Rippleable from '../../mixins/rippleable';
 import Themeable from '../../mixins/themeable';
-import Selectable, { prevent } from '../../mixins/selectable'; // Utilities
-
+import Selectable, { prevent } from '../../mixins/selectable';
+// Utilities
 import { getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 import { mergeListeners } from '../../util/mergeData';
 const baseMixins = mixins(BindsAttrs, Colorable, Rippleable, GroupableFactory('radioGroup'), Themeable);
 /* @kdujs/component */
-
 export default baseMixins.extend().extend({
   name: 'k-radio',
   inheritAttrs: false,
   props: {
-    disabled: Boolean,
+    disabled: {
+      type: Boolean,
+      default: null
+    },
     id: String,
     label: String,
     name: String,
@@ -33,7 +35,10 @@ export default baseMixins.extend().extend({
       type: String,
       default: '$radioOn'
     },
-    readonly: Boolean,
+    readonly: {
+      type: Boolean,
+      default: null
+    },
     value: {
       default: null
     }
@@ -50,49 +55,40 @@ export default baseMixins.extend().extend({
         ...this.groupClasses
       };
     },
-
     computedColor() {
+      if (this.isDisabled) return undefined;
       return Selectable.options.computed.computedColor.call(this);
     },
-
     computedIcon() {
       return this.isActive ? this.onIcon : this.offIcon;
     },
-
     computedId() {
       return KInput.options.computed.computedId.call(this);
     },
-
     hasLabel: KInput.options.computed.hasLabel,
-
     hasState() {
       return (this.radioGroup || {}).hasState;
     },
-
     isDisabled() {
-      return this.disabled || !!this.radioGroup && this.radioGroup.isDisabled;
+      var _a;
+      return (_a = this.disabled) !== null && _a !== void 0 ? _a : !!this.radioGroup && this.radioGroup.isDisabled;
     },
-
     isReadonly() {
-      return this.readonly || !!this.radioGroup && this.radioGroup.isReadonly;
+      var _a;
+      return (_a = this.readonly) !== null && _a !== void 0 ? _a : !!this.radioGroup && this.radioGroup.isReadonly;
     },
-
     computedName() {
       if (this.name || !this.radioGroup) {
         return this.name;
       }
-
       return this.radioGroup.name || `radio-${this.radioGroup._uid}`;
     },
-
     rippleState() {
       return Selectable.options.computed.rippleState.call(this);
     },
-
     validationState() {
       return (this.radioGroup || {}).validationState || this.computedColor;
     }
-
   },
   methods: {
     genInput(args) {
@@ -101,7 +97,6 @@ export default baseMixins.extend().extend({
       // genInput method is exactly what we need
       return Selectable.options.methods.genInput.call(this, 'radio', args);
     },
-
     genLabel() {
       if (!this.hasLabel) return null;
       return this.$createElement(KLabel, {
@@ -118,7 +113,6 @@ export default baseMixins.extend().extend({
         }
       }, getSlot(this, 'label') || this.label);
     },
-
     genRadio() {
       const {
         title,
@@ -136,25 +130,20 @@ export default baseMixins.extend().extend({
         ...radioAttrs
       }), this.genRipple(this.setTextColor(this.rippleState))]);
     },
-
     onFocus(e) {
       this.isFocused = true;
       this.$emit('focus', e);
     },
-
     onBlur(e) {
       this.isFocused = false;
       this.$emit('blur', e);
     },
-
     onChange() {
       if (this.isDisabled || this.isReadonly || this.isActive) return;
       this.toggle();
     },
-
-    onKeydown: () => {}
+    onKeydown: () => {} // Override default with noop
   },
-
   render(h) {
     const data = {
       staticClass: 'k-radio',
@@ -168,6 +157,5 @@ export default baseMixins.extend().extend({
     };
     return h('div', data, [this.genRadio(), this.genLabel()]);
   }
-
 });
 //# sourceMappingURL=KRadio.js.map

package/lib/components/KRadioGroup/KRadio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KRadioGroup/KRadio.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRadio.sass'\n\n// Components\nimport KRadioGroup from './KRadioGroup'\nimport KLabel from '../KLabel'\nimport KIcon from '../KIcon'\nimport KInput from '../KInput'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\nimport Selectable, { prevent } from '../../mixins/selectable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { mergeListeners } from '../../util/mergeData'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Colorable,\n  Rippleable,\n  GroupableFactory('radioGroup'),\n  Themeable\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  radioGroup: InstanceType<typeof KRadioGroup>\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-radio',\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    id: String,\n    label: String,\n    name: String,\n    offIcon: {\n      type: String,\n      default: '$radioOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$radioOn',\n    },\n    readonly: Boolean,\n    value: {\n      default: null,\n    },\n  },\n\n  data: () => ({\n    isFocused: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-radio--is-disabled': this.isDisabled,\n        'k-radio--is-focused': this.isFocused,\n        ...this.themeClasses,\n        ...this.groupClasses,\n      }\n    },\n    computedColor (): string | undefined {\n      return Selectable.options.computed.computedColor.call(this)\n    },\n    computedIcon (): string {\n      return this.isActive\n        ? this.onIcon\n        : this.offIcon\n    },\n    computedId (): string {\n      return KInput.options.computed.computedId.call(this)\n    },\n    hasLabel: KInput.options.computed.hasLabel,\n    hasState (): boolean {\n      return (this.radioGroup || {}).hasState\n    },\n    isDisabled (): boolean {\n      return this.disabled || (\n        !!this.radioGroup &&\n        this.radioGroup.isDisabled\n      )\n    },\n    isReadonly (): boolean {\n      return this.readonly || (\n        !!this.radioGroup &&\n        this.radioGroup.isReadonly\n      )\n    },\n    computedName (): string {\n      if (this.name || !this.radioGroup) {\n        return this.name\n      }\n\n      return this.radioGroup.name || `radio-${this.radioGroup._uid}`\n    },\n    rippleState (): string | undefined {\n      return Selectable.options.computed.rippleState.call(this)\n    },\n    validationState (): string | undefined {\n      return (this.radioGroup || {}).validationState || this.computedColor\n    },\n  },\n\n  methods: {\n    genInput (args: any) {\n      // We can't actually use the mixin directly because\n      // it's made for standalone components, but its\n      // genInput method is exactly what we need\n      return Selectable.options.methods.genInput.call(this, 'radio', args)\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return this.$createElement(KLabel, {\n        on: {\n          // Label shouldn't cause the input to focus\n          click: prevent,\n        },\n        attrs: {\n          for: this.computedId,\n        },\n        props: {\n          color: this.validationState,\n          focused: this.hasState,\n        },\n      }, getSlot(this, 'label') || this.label)\n    },\n    genRadio () {\n      const { title, ...radioAttrs } = this.attrs$\n\n      return this.$createElement('div', {\n        staticClass: 'k-input--selection-controls__input',\n      }, [\n        this.$createElement(KIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.radioGroup && this.radioGroup.dense,\n          },\n        }), this.computedIcon),\n        this.genInput({\n          name: this.computedName,\n          value: this.value,\n          ...radioAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    onFocus (e: Event) {\n      this.isFocused = true\n      this.$emit('focus', e)\n    },\n    onBlur (e: Event) {\n      this.isFocused = false\n      this.$emit('blur', e)\n    },\n    onChange () {\n      if (this.isDisabled || this.isReadonly || this.isActive) return\n\n      this.toggle()\n    },\n    onKeydown: () => {}, // Override default with noop\n  },\n\n  render (h): KNode {\n    const data: KNodeData = {\n      staticClass: 'k-radio',\n      class: this.classes,\n      on: mergeListeners({\n        click: this.onChange,\n      }, this.listeners$),\n      attrs: { title: this.attrs$.title },\n    }\n\n    return h('div', data, [\n      this.genRadio(),\n      this.genLabel(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KRadio.js"}
+{"version":3,"sources":["../../../src/components/KRadioGroup/KRadio.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRadio.sass'\n\n// Components\nimport KRadioGroup from './KRadioGroup'\nimport KLabel from '../KLabel'\nimport KIcon from '../KIcon'\nimport KInput from '../KInput'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\nimport Selectable, { prevent } from '../../mixins/selectable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { mergeListeners } from '../../util/mergeData'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Colorable,\n  Rippleable,\n  GroupableFactory('radioGroup'),\n  Themeable\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  radioGroup: InstanceType<typeof KRadioGroup>\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-radio',\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: null,\n    },\n    id: String,\n    label: String,\n    name: String,\n    offIcon: {\n      type: String,\n      default: '$radioOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$radioOn',\n    },\n    readonly: {\n      type: Boolean,\n      default: null,\n    },\n    value: {\n      default: null,\n    },\n  },\n\n  data: () => ({\n    isFocused: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-radio--is-disabled': this.isDisabled,\n        'k-radio--is-focused': this.isFocused,\n        ...this.themeClasses,\n        ...this.groupClasses,\n      }\n    },\n    computedColor (): string | undefined {\n      if (this.isDisabled) return undefined\n      return Selectable.options.computed.computedColor.call(this)\n    },\n    computedIcon (): string {\n      return this.isActive\n        ? this.onIcon\n        : this.offIcon\n    },\n    computedId (): string {\n      return KInput.options.computed.computedId.call(this)\n    },\n    hasLabel: KInput.options.computed.hasLabel,\n    hasState (): boolean {\n      return (this.radioGroup || {}).hasState\n    },\n    isDisabled (): boolean {\n      return this.disabled ?? (\n        !!this.radioGroup &&\n        this.radioGroup.isDisabled\n      )\n    },\n    isReadonly (): boolean {\n      return this.readonly ?? (\n        !!this.radioGroup &&\n        this.radioGroup.isReadonly\n      )\n    },\n    computedName (): string {\n      if (this.name || !this.radioGroup) {\n        return this.name\n      }\n\n      return this.radioGroup.name || `radio-${this.radioGroup._uid}`\n    },\n    rippleState (): string | undefined {\n      return Selectable.options.computed.rippleState.call(this)\n    },\n    validationState (): string | undefined {\n      return (this.radioGroup || {}).validationState || this.computedColor\n    },\n  },\n\n  methods: {\n    genInput (args: any) {\n      // We can't actually use the mixin directly because\n      // it's made for standalone components, but its\n      // genInput method is exactly what we need\n      return Selectable.options.methods.genInput.call(this, 'radio', args)\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return this.$createElement(KLabel, {\n        on: {\n          // Label shouldn't cause the input to focus\n          click: prevent,\n        },\n        attrs: {\n          for: this.computedId,\n        },\n        props: {\n          color: this.validationState,\n          focused: this.hasState,\n        },\n      }, getSlot(this, 'label') || this.label)\n    },\n    genRadio () {\n      const { title, ...radioAttrs } = this.attrs$\n\n      return this.$createElement('div', {\n        staticClass: 'k-input--selection-controls__input',\n      }, [\n        this.$createElement(KIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.radioGroup && this.radioGroup.dense,\n          },\n        }), this.computedIcon),\n        this.genInput({\n          name: this.computedName,\n          value: this.value,\n          ...radioAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    onFocus (e: Event) {\n      this.isFocused = true\n      this.$emit('focus', e)\n    },\n    onBlur (e: Event) {\n      this.isFocused = false\n      this.$emit('blur', e)\n    },\n    onChange () {\n      if (this.isDisabled || this.isReadonly || this.isActive) return\n\n      this.toggle()\n    },\n    onKeydown: () => {}, // Override default with noop\n  },\n\n  render (h): KNode {\n    const data: KNodeData = {\n      staticClass: 'k-radio',\n      class: this.classes,\n      on: mergeListeners({\n        click: this.onChange,\n      }, this.listeners$),\n      attrs: { title: this.attrs$.title },\n    }\n\n    return h('div', data, [\n      this.genRadio(),\n      this.genLabel(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KRadio.js"}

package/lib/components/KRadioGroup/KRadioGroup.js

@@ -1,25 +1,20 @@
 // Styles
-import "..\\..\\..\\src\\styles\\components\\_selection-controls.sass";
-import "..\\..\\..\\src\\components\\KRadioGroup\\KRadioGroup.sass"; // Extensions
-
+import "../../../src/styles/components/_selection-controls.sass";
+import "../../../src/components/KRadioGroup/KRadioGroup.sass";
+// Extensions
 import KInput from '../KInput';
-import { BaseItemGroup } from '../KItemGroup/KItemGroup'; // Mixins
-
-import Comparable from '../../mixins/comparable'; // Types
-
+import { BaseItemGroup } from '../KItemGroup/KItemGroup';
+// Types
 import mixins from '../../util/mixins';
-const baseMixins = mixins(Comparable, BaseItemGroup, KInput);
+const baseMixins = mixins(BaseItemGroup, KInput);
 /* @kdujs/component */
-
 export default baseMixins.extend({
   name: 'k-radio-group',
-
   provide() {
     return {
       radioGroup: this
     };
   },
-
   props: {
     column: {
       type: Boolean,
@@ -38,13 +33,13 @@ export default baseMixins.extend({
   },
   computed: {
     classes() {
-      return { ...KInput.options.computed.classes.call(this),
+      return {
+        ...KInput.options.computed.classes.call(this),
         'k-input--selection-controls k-input--radio-group': true,
         'k-input--radio-group--column': this.column && !this.row,
         'k-input--radio-group--row': this.row
       };
     }
-
   },
   methods: {
     genDefaultSlot() {
@@ -57,33 +52,26 @@ export default baseMixins.extend({
         }
       }, KInput.options.methods.genDefaultSlot.call(this));
     },
-
     genInputSlot() {
       const render = KInput.options.methods.genInputSlot.call(this);
       delete render.data.on.click;
       return render;
     },
-
     genLabel() {
       const label = KInput.options.methods.genLabel.call(this);
       if (!label) return null;
-      label.data.attrs.id = this.computedId; // WAI considers this an orphaned label
-
+      label.data.attrs.id = this.computedId;
+      // WAI considers this an orphaned label
       delete label.data.attrs.for;
       label.tag = 'legend';
       return label;
     },
-
     onClick: BaseItemGroup.options.methods.onClick
   },
-
   render(h) {
     const knode = KInput.options.render.call(this, h);
-
     this._b(knode.data, 'div', this.attrs$);
-
     return knode;
   }
-
 });
 //# sourceMappingURL=KRadioGroup.js.map

package/lib/components/KRadioGroup/KRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KRadioGroup/KRadioGroup.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './KRadioGroup.sass'\n\n// Extensions\nimport KInput from '../KInput'\nimport { BaseItemGroup } from '../KItemGroup/KItemGroup'\n\n// Mixins\nimport Comparable from '../../mixins/comparable'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { PropType } from 'kdu'\n\nconst baseMixins = mixins(\n  Comparable,\n  BaseItemGroup,\n  KInput\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-radio-group',\n\n  provide () {\n    return {\n      radioGroup: this,\n    }\n  },\n\n  props: {\n    column: {\n      type: Boolean,\n      default: true,\n    },\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    name: String,\n    row: Boolean,\n    // If no value set on KRadio\n    // will match valueComparator\n    // force default to null\n    value: null as unknown as PropType<any>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KInput.options.computed.classes.call(this),\n        'k-input--selection-controls k-input--radio-group': true,\n        'k-input--radio-group--column': this.column && !this.row,\n        'k-input--radio-group--row': this.row,\n      }\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return this.$createElement('div', {\n        staticClass: 'k-input--radio-group__input',\n        attrs: {\n          id: this.id,\n          role: 'radiogroup',\n          'aria-labelledby': this.computedId,\n        },\n      }, KInput.options.methods.genDefaultSlot.call(this))\n    },\n    genInputSlot () {\n      const render = KInput.options.methods.genInputSlot.call(this)\n\n      delete render.data!.on!.click\n\n      return render\n    },\n    genLabel () {\n      const label = KInput.options.methods.genLabel.call(this)\n\n      if (!label) return null\n\n      label.data!.attrs!.id = this.computedId\n      // WAI considers this an orphaned label\n      delete label.data!.attrs!.for\n      label.tag = 'legend'\n\n      return label\n    },\n    onClick: BaseItemGroup.options.methods.onClick,\n  },\n\n  render (h) {\n    const knode = KInput.options.render.call(this, h)\n\n    this._b(knode.data!, 'div', this.attrs$)\n\n    return knode\n  },\n})\n"],"sourceRoot":"","file":"KRadioGroup.js"}
+{"version":3,"sources":["../../../src/components/KRadioGroup/KRadioGroup.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,yDAAkD;AACzD,OAAO,sDAAoB;AAE3B;AACA,OAAO,MAAM,MAAM,WAAW;AAC9B,SAAS,aAAa,QAAQ,0BAA0B;AAExD;AACA,OAAO,MAAM,MAAM,mBAAmB;AAGtC,MAAM,UAAU,GAAG,MAAM,CACvB,aAAa,EACb,MAAM,CACP;AAED;AACA,eAAe,UAAU,CAAC,MAAM,CAAC;EAC/B,IAAI,EAAE,eAAe;EAErB,OAAO,CAAA,EAAA;IACL,OAAO;MACL,UAAU,EAAE;KACb;EACH,CAAC;EAED,KAAK,EAAE;IACL,MAAM,EAAE;MACN,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,OAAO;IACZ;IACA;IACA;IACA,KAAK,EAAE;GACR;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QAC7C,kDAAkD,EAAE,IAAI;QACxD,8BAA8B,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG;QACxD,2BAA2B,EAAE,IAAI,CAAC;OACnC;IACH;GACD;EAED,OAAO,EAAE;IACP,cAAc,CAAA,EAAA;MACZ,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,6BAA6B;QAC1C,KAAK,EAAE;UACL,EAAE,EAAE,IAAI,CAAC,EAAE;UACX,IAAI,EAAE,YAAY;UAClB,iBAAiB,EAAE,IAAI,CAAC;QACzB;OACF,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IACD,YAAY,CAAA,EAAA;MACV,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;MAE7D,OAAO,MAAM,CAAC,IAAK,CAAC,EAAG,CAAC,KAAK;MAE7B,OAAO,MAAM;IACf,CAAC;IACD,QAAQ,CAAA,EAAA;MACN,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;MAExD,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI;MAEvB,KAAK,CAAC,IAAK,CAAC,KAAM,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU;MACvC;MACA,OAAO,KAAK,CAAC,IAAK,CAAC,KAAM,CAAC,GAAG;MAC7B,KAAK,CAAC,GAAG,GAAG,QAAQ;MAEpB,OAAO,KAAK;IACd,CAAC;IACD,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;GACxC;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAEjD,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAK,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;IAExC,OAAO,KAAK;EACd;CACD,CAAC","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './KRadioGroup.sass'\n\n// Extensions\nimport KInput from '../KInput'\nimport { BaseItemGroup } from '../KItemGroup/KItemGroup'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { PropType } from 'kdu'\n\nconst baseMixins = mixins(\n  BaseItemGroup,\n  KInput\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-radio-group',\n\n  provide () {\n    return {\n      radioGroup: this,\n    }\n  },\n\n  props: {\n    column: {\n      type: Boolean,\n      default: true,\n    },\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    name: String,\n    row: Boolean,\n    // If no value set on KRadio\n    // will match valueComparator\n    // force default to null\n    value: null as unknown as PropType<any>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KInput.options.computed.classes.call(this),\n        'k-input--selection-controls k-input--radio-group': true,\n        'k-input--radio-group--column': this.column && !this.row,\n        'k-input--radio-group--row': this.row,\n      }\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return this.$createElement('div', {\n        staticClass: 'k-input--radio-group__input',\n        attrs: {\n          id: this.id,\n          role: 'radiogroup',\n          'aria-labelledby': this.computedId,\n        },\n      }, KInput.options.methods.genDefaultSlot.call(this))\n    },\n    genInputSlot () {\n      const render = KInput.options.methods.genInputSlot.call(this)\n\n      delete render.data!.on!.click\n\n      return render\n    },\n    genLabel () {\n      const label = KInput.options.methods.genLabel.call(this)\n\n      if (!label) return null\n\n      label.data!.attrs!.id = this.computedId\n      // WAI considers this an orphaned label\n      delete label.data!.attrs!.for\n      label.tag = 'legend'\n\n      return label\n    },\n    onClick: BaseItemGroup.options.methods.onClick,\n  },\n\n  render (h) {\n    const knode = KInput.options.render.call(this, h)\n\n    this._b(knode.data!, 'div', this.attrs$)\n\n    return knode\n  },\n})\n"],"sourceRoot":"","file":"KRadioGroup.js"}

package/lib/components/KRadioGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KRadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAP,MAAwB,eAAxB;AACA,OAAO,MAAP,MAAmB,UAAnB;AAEA,SAAS,WAAT,EAAsB,MAAtB;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,WADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import KRadioGroup from './KRadioGroup'\nimport KRadio from './KRadio'\n\nexport { KRadioGroup, KRadio }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KRadioGroup,\n    KRadio,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KRadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe;AACvC,OAAO,MAAM,MAAM,UAAU;AAE7B,SAAS,WAAW,EAAE,MAAM;AAE5B,eAAe;EACb,uBAAuB,EAAE;IACvB,WAAW;IACX;EACD;CACF","sourcesContent":["import KRadioGroup from './KRadioGroup'\nimport KRadio from './KRadio'\n\nexport { KRadioGroup, KRadio }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KRadioGroup,\n    KRadio,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KRangeSlider/KRangeSlider.js

@@ -1,11 +1,10 @@
 // Styles
-import "..\\..\\..\\src\\components\\KRangeSlider\\KRangeSlider.sass"; // Components
-
-import KSlider from '../KSlider'; // Helpers
-
+import "../../../src/components/KRangeSlider/KRangeSlider.sass";
+// Components
+import KSlider from '../KSlider';
+// Helpers
 import { addOnceEventListener, createRange, deepEqual, passiveSupported } from '../../util/helpers';
 /* @kdujs/component */
-
 export default KSlider.extend({
   name: 'k-range-slider',
   props: {
@@ -14,53 +13,45 @@ export default KSlider.extend({
       default: () => [0, 0]
     }
   },
-
   data() {
     return {
       activeThumb: null,
       lazyValue: this.value
     };
   },
-
   computed: {
     classes() {
-      return { ...KSlider.options.computed.classes.call(this),
+      return {
+        ...KSlider.options.computed.classes.call(this),
         'k-input--range-slider': true
       };
     },
-
     internalValue: {
       get() {
         return this.lazyValue;
       },
-
       set(val) {
         // Round value to ensure the
         // entire slider range can
         // be selected with step
-        let value = val.map((v = 0) => this.roundValue(Math.min(Math.max(v, this.minValue), this.maxValue))); // Switch values if range and wrong order
-
+        let value = val.map((v = 0) => this.roundValue(Math.min(Math.max(v, this.minValue), this.maxValue)));
+        // Switch values if range and wrong order
         if (value[0] > value[1] || value[1] < value[0]) {
           if (this.activeThumb !== null) {
             const toFocus = this.activeThumb === 1 ? 0 : 1;
             const el = this.$refs[`thumb_${toFocus}`];
             el.focus();
           }
-
           value = [value[1], value[0]];
         }
-
         this.lazyValue = value;
         if (!deepEqual(value, this.value)) this.$emit('input', value);
         this.validate();
       }
-
     },
-
     inputWidth() {
       return this.internalValue.map(v => (this.roundValue(v) - this.minValue) / (this.maxValue - this.minValue) * 100);
     }
-
   },
   methods: {
     getTrackStyle(startLength, endLength, startPadding = 0, endPadding = 0) {
@@ -74,11 +65,9 @@ export default KSlider.extend({
         [endDir]: end
       };
     },
-
     getIndexOfClosestValue(arr, v) {
       if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0;else return 1;
     },
-
     genInput() {
       return createRange(2).map(i => {
         const input = KSlider.options.methods.genInput.call(this);
@@ -89,7 +78,6 @@ export default KSlider.extend({
         return input;
       });
     },
-
     genTrackContainer() {
       const children = [];
       const padding = this.isDisabled ? 10 : 0;
@@ -116,46 +104,38 @@ export default KSlider.extend({
         ref: 'track'
       }, children);
     },
-
     genChildren() {
       return [this.genInput(), this.genTrackContainer(), this.genSteps(), createRange(2).map(index => {
         const value = this.internalValue[index];
-
         const onFocus = e => {
           this.isFocused = true;
           this.activeThumb = index;
           this.$emit('focus', e);
         };
-
         const onBlur = e => {
           this.isFocused = false;
           this.activeThumb = null;
           this.$emit('blur', e);
         };
-
         const valueWidth = this.inputWidth[index];
         const isActive = this.isActive && this.activeThumb === index;
         const isFocused = this.isFocused && this.activeThumb === index;
         return this.genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, `thumb_${index}`);
       })];
     },
-
     reevaluateSelected(value) {
       this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
       const refName = `thumb_${this.activeThumb}`;
       const thumbRef = this.$refs[refName];
       thumbRef.focus();
     },
-
     onSliderMouseDown(e) {
-      var _e$target;
-
+      var _a;
       const value = this.parseMouseMove(e);
       this.reevaluateSelected(value);
       this.oldValue = this.internalValue;
       this.isActive = true;
-
-      if ((_e$target = e.target) != null && _e$target.matches('.k-slider__thumb-container, .k-slider__thumb-container *')) {
+      if ((_a = e.target) === null || _a === void 0 ? void 0 : _a.matches('.k-slider__thumb-container, .k-slider__thumb-container *')) {
         this.thumbPressed = true;
         const domRect = e.target.getBoundingClientRect();
         const touch = 'touches' in e ? e.touches[0] : e;
@@ -167,7 +147,6 @@ export default KSlider.extend({
           this.thumbPressed = true;
         }, 300);
       }
-
       const mouseUpOptions = passiveSupported ? {
         passive: true,
         capture: true
@@ -175,41 +154,34 @@ export default KSlider.extend({
       const mouseMoveOptions = passiveSupported ? {
         passive: true
       } : false;
-      const isTouchEvent = ('touches' in e);
+      const isTouchEvent = 'touches' in e;
       this.onMouseMove(e);
       this.app.addEventListener(isTouchEvent ? 'touchmove' : 'mousemove', this.onMouseMove, mouseMoveOptions);
       addOnceEventListener(this.app, isTouchEvent ? 'touchend' : 'mouseup', this.onSliderMouseUp, mouseUpOptions);
       this.$emit('start', this.internalValue);
     },
-
     onSliderClick(e) {
       if (!this.isActive) {
         if (this.noClick) {
           this.noClick = false;
           return;
         }
-
         const value = this.parseMouseMove(e);
         this.reevaluateSelected(value);
         this.setInternalValue(value);
         this.$emit('change', this.internalValue);
       }
     },
-
     onMouseMove(e) {
       const value = this.parseMouseMove(e);
-
       if (e.type === 'mousemove') {
         this.thumbPressed = true;
       }
-
       if (this.activeThumb === null) {
         this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
       }
-
       this.setInternalValue(value);
     },
-
     onKeyDown(e) {
       if (this.activeThumb === null) return;
       const value = this.parseKeyDown(e, this.internalValue[this.activeThumb]);
@@ -217,13 +189,11 @@ export default KSlider.extend({
       this.setInternalValue(value);
       this.$emit('change', this.internalValue);
     },
-
     setInternalValue(value) {
       this.internalValue = this.internalValue.map((v, i) => {
         if (i === this.activeThumb) return value;else return Number(v);
       });
     }
-
   }
 });
 //# sourceMappingURL=KRangeSlider.js.map

package/lib/components/KRangeSlider/KRangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KRangeSlider/KRangeSlider.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRangeSlider.sass'\n\n// Components\nimport KSlider from '../KSlider'\n\n// Helpers\nimport {\n  addOnceEventListener,\n  createRange,\n  deepEqual,\n  passiveSupported,\n} from '../../util/helpers'\n\n// Types\nimport { PropValidator } from 'kdu/types/options'\n\n/* @kdujs/component */\nexport default KSlider.extend({\n  name: 'k-range-slider',\n\n  props: {\n    value: {\n      type: Array,\n      default: () => ([0, 0]),\n    } as unknown as PropValidator<[number, number]>,\n  },\n\n  data () {\n    return {\n      activeThumb: null as null | number,\n      lazyValue: this.value,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KSlider.options.computed.classes.call(this),\n        'k-input--range-slider': true,\n      }\n    },\n    internalValue: {\n      get (): number[] {\n        return this.lazyValue\n      },\n      set (val: number[]) {\n        // Round value to ensure the\n        // entire slider range can\n        // be selected with step\n        let value = val.map((v = 0) => this.roundValue(Math.min(Math.max(v, this.minValue), this.maxValue)))\n\n        // Switch values if range and wrong order\n        if (value[0] > value[1] || value[1] < value[0]) {\n          if (this.activeThumb !== null) {\n            const toFocus = this.activeThumb === 1 ? 0 : 1\n            const el = this.$refs[`thumb_${toFocus}`] as HTMLElement\n            el.focus()\n          }\n          value = [value[1], value[0]]\n        }\n\n        this.lazyValue = value\n        if (!deepEqual(value, this.value)) this.$emit('input', value)\n\n        this.validate()\n      },\n    },\n    inputWidth (): number[] {\n      return this.internalValue.map((v: number) => (\n        this.roundValue(v) - this.minValue) / (this.maxValue - this.minValue) * 100\n      )\n    },\n  },\n\n  methods: {\n    getTrackStyle (startLength: number, endLength: number, startPadding = 0, endPadding = 0) {\n      const startDir = this.vertical ? this.$kdutify.rtl ? 'top' : 'bottom' : this.$kdutify.rtl ? 'right' : 'left'\n      const endDir = this.vertical ? 'height' : 'width'\n\n      const start = `calc(${startLength}% + ${startPadding}px)`\n      const end = `calc(${endLength}% + ${endPadding}px)`\n\n      return {\n        transition: this.trackTransition,\n        [startDir]: start,\n        [endDir]: end,\n      }\n    },\n    getIndexOfClosestValue (arr: number[], v: number) {\n      if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0\n      else return 1\n    },\n    genInput () {\n      return createRange(2).map(i => {\n        const input = KSlider.options.methods.genInput.call(this)\n\n        input.data = input.data || {}\n        input.data.attrs = input.data.attrs || {}\n        input.data.attrs.value = this.internalValue[i]\n        input.data.attrs.id = `input-${i ? 'max' : 'min'}-${this._uid}`\n\n        return input\n      })\n    },\n    genTrackContainer () {\n      const children = []\n\n      const padding = this.isDisabled ? 10 : 0\n      const sections: { class: string, color: string | undefined, styles: [number, number, number, number] }[] = [\n        {\n          class: 'k-slider__track-background',\n          color: this.computedTrackColor,\n          styles: [0, this.inputWidth[0], 0, -padding],\n        },\n        {\n          class: this.isDisabled ? 'k-slider__track-background' : 'k-slider__track-fill',\n          color: this.isDisabled ? this.computedTrackColor : this.computedTrackFillColor,\n          styles: [this.inputWidth[0], Math.abs(this.inputWidth[1] - this.inputWidth[0]), padding, padding * -2],\n        },\n        {\n          class: 'k-slider__track-background',\n          color: this.computedTrackColor,\n          styles: [this.inputWidth[1], Math.abs(100 - this.inputWidth[1]), padding, -padding],\n        },\n      ]\n\n      if (this.$kdutify.rtl) sections.reverse()\n\n      children.push(...sections.map(section => this.$createElement('div', this.setBackgroundColor(section.color, {\n        staticClass: section.class,\n        style: this.getTrackStyle(...section.styles),\n      }))))\n\n      return this.$createElement('div', {\n        staticClass: 'k-slider__track-container',\n        ref: 'track',\n      }, children)\n    },\n    genChildren () {\n      return [\n        this.genInput(),\n        this.genTrackContainer(),\n        this.genSteps(),\n        createRange(2).map(index => {\n          const value = this.internalValue[index]\n          const onFocus = (e: Event) => {\n            this.isFocused = true\n            this.activeThumb = index\n\n            this.$emit('focus', e)\n          }\n\n          const onBlur = (e: Event) => {\n            this.isFocused = false\n            this.activeThumb = null\n\n            this.$emit('blur', e)\n          }\n\n          const valueWidth = this.inputWidth[index]\n          const isActive = this.isActive && this.activeThumb === index\n          const isFocused = this.isFocused && this.activeThumb === index\n\n          return this.genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, `thumb_${index}`)\n        }),\n      ]\n    },\n    reevaluateSelected (value: number) {\n      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value)\n      const refName = `thumb_${this.activeThumb}`\n      const thumbRef = this.$refs[refName] as HTMLElement\n      thumbRef.focus()\n    },\n    onSliderMouseDown (e: MouseEvent | TouchEvent) {\n      const value = this.parseMouseMove(e)\n\n      this.reevaluateSelected(value)\n\n      this.oldValue = this.internalValue\n      this.isActive = true\n\n      if ((e.target as Element)?.matches('.k-slider__thumb-container, .k-slider__thumb-container *')) {\n        this.thumbPressed = true\n        const domRect = (e.target as Element).getBoundingClientRect()\n        const touch = 'touches' in e ? e.touches[0] : e\n        this.startOffset = this.vertical\n          ? touch.clientY - (domRect.top + domRect.height / 2)\n          : touch.clientX - (domRect.left + domRect.width / 2)\n      } else {\n        this.startOffset = 0\n        window.clearTimeout(this.mouseTimeout)\n        this.mouseTimeout = window.setTimeout(() => {\n          this.thumbPressed = true\n        }, 300)\n      }\n\n      const mouseUpOptions = passiveSupported ? { passive: true, capture: true } : true\n      const mouseMoveOptions = passiveSupported ? { passive: true } : false\n\n      const isTouchEvent = 'touches' in e\n\n      this.onMouseMove(e)\n      this.app.addEventListener(isTouchEvent ? 'touchmove' : 'mousemove', this.onMouseMove, mouseMoveOptions)\n      addOnceEventListener(this.app, isTouchEvent ? 'touchend' : 'mouseup', this.onSliderMouseUp, mouseUpOptions)\n\n      this.$emit('start', this.internalValue)\n    },\n    onSliderClick (e: MouseEvent) {\n      if (!this.isActive) {\n        if (this.noClick) {\n          this.noClick = false\n          return\n        }\n\n        const value = this.parseMouseMove(e)\n\n        this.reevaluateSelected(value)\n\n        this.setInternalValue(value)\n\n        this.$emit('change', this.internalValue)\n      }\n    },\n    onMouseMove (e: MouseEvent | TouchEvent) {\n      const value = this.parseMouseMove(e)\n\n      if (e.type === 'mousemove') {\n        this.thumbPressed = true\n      }\n\n      if (this.activeThumb === null) {\n        this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value)\n      }\n\n      this.setInternalValue(value)\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (this.activeThumb === null) return\n\n      const value = this.parseKeyDown(e, this.internalValue[this.activeThumb])\n\n      if (value == null) return\n\n      this.setInternalValue(value)\n      this.$emit('change', this.internalValue)\n    },\n    setInternalValue (value: number) {\n      this.internalValue = this.internalValue.map((v: number, i: number) => {\n        if (i === this.activeThumb) return value\n        else return Number(v)\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"KRangeSlider.js"}
+{"version":3,"sources":["../../../src/components/KRangeSlider/KRangeSlider.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRangeSlider.sass'\n\n// Components\nimport KSlider from '../KSlider'\n\n// Helpers\nimport {\n  addOnceEventListener,\n  createRange,\n  deepEqual,\n  passiveSupported,\n} from '../../util/helpers'\n\n// Types\nimport { PropValidator } from 'kdu/types/options'\n\n/* @kdujs/component */\nexport default KSlider.extend({\n  name: 'k-range-slider',\n\n  props: {\n    value: {\n      type: Array,\n      default: () => ([0, 0]),\n    } as unknown as PropValidator<[number, number]>,\n  },\n\n  data () {\n    return {\n      activeThumb: null as null | number,\n      lazyValue: this.value,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KSlider.options.computed.classes.call(this),\n        'k-input--range-slider': true,\n      }\n    },\n    internalValue: {\n      get (): number[] {\n        return this.lazyValue\n      },\n      set (val: number[]) {\n        // Round value to ensure the\n        // entire slider range can\n        // be selected with step\n        let value = val.map((v = 0) => this.roundValue(Math.min(Math.max(v, this.minValue), this.maxValue)))\n\n        // Switch values if range and wrong order\n        if (value[0] > value[1] || value[1] < value[0]) {\n          if (this.activeThumb !== null) {\n            const toFocus = this.activeThumb === 1 ? 0 : 1\n            const el = this.$refs[`thumb_${toFocus}`] as HTMLElement\n            el.focus()\n          }\n          value = [value[1], value[0]]\n        }\n\n        this.lazyValue = value\n        if (!deepEqual(value, this.value)) this.$emit('input', value)\n\n        this.validate()\n      },\n    },\n    inputWidth (): number[] {\n      return this.internalValue.map((v: number) => (\n        this.roundValue(v) - this.minValue) / (this.maxValue - this.minValue) * 100\n      )\n    },\n  },\n\n  methods: {\n    getTrackStyle (startLength: number, endLength: number, startPadding = 0, endPadding = 0) {\n      const startDir = this.vertical ? this.$kdutify.rtl ? 'top' : 'bottom' : this.$kdutify.rtl ? 'right' : 'left'\n      const endDir = this.vertical ? 'height' : 'width'\n\n      const start = `calc(${startLength}% + ${startPadding}px)`\n      const end = `calc(${endLength}% + ${endPadding}px)`\n\n      return {\n        transition: this.trackTransition,\n        [startDir]: start,\n        [endDir]: end,\n      }\n    },\n    getIndexOfClosestValue (arr: number[], v: number) {\n      if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0\n      else return 1\n    },\n    genInput () {\n      return createRange(2).map(i => {\n        const input = KSlider.options.methods.genInput.call(this)\n\n        input.data = input.data || {}\n        input.data.attrs = input.data.attrs || {}\n        input.data.attrs.value = this.internalValue[i]\n        input.data.attrs.id = `input-${i ? 'max' : 'min'}-${this._uid}`\n\n        return input\n      })\n    },\n    genTrackContainer () {\n      const children = []\n\n      const padding = this.isDisabled ? 10 : 0\n      const sections: { class: string, color: string | undefined, styles: [number, number, number, number] }[] = [\n        {\n          class: 'k-slider__track-background',\n          color: this.computedTrackColor,\n          styles: [0, this.inputWidth[0], 0, -padding],\n        },\n        {\n          class: this.isDisabled ? 'k-slider__track-background' : 'k-slider__track-fill',\n          color: this.isDisabled ? this.computedTrackColor : this.computedTrackFillColor,\n          styles: [this.inputWidth[0], Math.abs(this.inputWidth[1] - this.inputWidth[0]), padding, padding * -2],\n        },\n        {\n          class: 'k-slider__track-background',\n          color: this.computedTrackColor,\n          styles: [this.inputWidth[1], Math.abs(100 - this.inputWidth[1]), padding, -padding],\n        },\n      ]\n\n      if (this.$kdutify.rtl) sections.reverse()\n\n      children.push(...sections.map(section => this.$createElement('div', this.setBackgroundColor(section.color, {\n        staticClass: section.class,\n        style: this.getTrackStyle(...section.styles),\n      }))))\n\n      return this.$createElement('div', {\n        staticClass: 'k-slider__track-container',\n        ref: 'track',\n      }, children)\n    },\n    genChildren () {\n      return [\n        this.genInput(),\n        this.genTrackContainer(),\n        this.genSteps(),\n        createRange(2).map(index => {\n          const value = this.internalValue[index]\n          const onFocus = (e: Event) => {\n            this.isFocused = true\n            this.activeThumb = index\n\n            this.$emit('focus', e)\n          }\n\n          const onBlur = (e: Event) => {\n            this.isFocused = false\n            this.activeThumb = null\n\n            this.$emit('blur', e)\n          }\n\n          const valueWidth = this.inputWidth[index]\n          const isActive = this.isActive && this.activeThumb === index\n          const isFocused = this.isFocused && this.activeThumb === index\n\n          return this.genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, `thumb_${index}`)\n        }),\n      ]\n    },\n    reevaluateSelected (value: number) {\n      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value)\n      const refName = `thumb_${this.activeThumb}`\n      const thumbRef = this.$refs[refName] as HTMLElement\n      thumbRef.focus()\n    },\n    onSliderMouseDown (e: MouseEvent | TouchEvent) {\n      const value = this.parseMouseMove(e)\n\n      this.reevaluateSelected(value)\n\n      this.oldValue = this.internalValue\n      this.isActive = true\n\n      if ((e.target as Element)?.matches('.k-slider__thumb-container, .k-slider__thumb-container *')) {\n        this.thumbPressed = true\n        const domRect = (e.target as Element).getBoundingClientRect()\n        const touch = 'touches' in e ? e.touches[0] : e\n        this.startOffset = this.vertical\n          ? touch.clientY - (domRect.top + domRect.height / 2)\n          : touch.clientX - (domRect.left + domRect.width / 2)\n      } else {\n        this.startOffset = 0\n        window.clearTimeout(this.mouseTimeout)\n        this.mouseTimeout = window.setTimeout(() => {\n          this.thumbPressed = true\n        }, 300)\n      }\n\n      const mouseUpOptions = passiveSupported ? { passive: true, capture: true } : true\n      const mouseMoveOptions = passiveSupported ? { passive: true } : false\n\n      const isTouchEvent = 'touches' in e\n\n      this.onMouseMove(e)\n      this.app.addEventListener(isTouchEvent ? 'touchmove' : 'mousemove', this.onMouseMove, mouseMoveOptions)\n      addOnceEventListener(this.app, isTouchEvent ? 'touchend' : 'mouseup', this.onSliderMouseUp, mouseUpOptions)\n\n      this.$emit('start', this.internalValue)\n    },\n    onSliderClick (e: MouseEvent) {\n      if (!this.isActive) {\n        if (this.noClick) {\n          this.noClick = false\n          return\n        }\n\n        const value = this.parseMouseMove(e)\n\n        this.reevaluateSelected(value)\n\n        this.setInternalValue(value)\n\n        this.$emit('change', this.internalValue)\n      }\n    },\n    onMouseMove (e: MouseEvent | TouchEvent) {\n      const value = this.parseMouseMove(e)\n\n      if (e.type === 'mousemove') {\n        this.thumbPressed = true\n      }\n\n      if (this.activeThumb === null) {\n        this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value)\n      }\n\n      this.setInternalValue(value)\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (this.activeThumb === null) return\n\n      const value = this.parseKeyDown(e, this.internalValue[this.activeThumb])\n\n      if (value == null) return\n\n      this.setInternalValue(value)\n      this.$emit('change', this.internalValue)\n    },\n    setInternalValue (value: number) {\n      this.internalValue = this.internalValue.map((v: number, i: number) => {\n        if (i === this.activeThumb) return value\n        else return Number(v)\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"KRangeSlider.js"}

package/lib/components/KRangeSlider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KRangeSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAP,MAAyB,gBAAzB;AAEA,SAAS,YAAT;AACA,eAAe,YAAf","sourcesContent":["import KRangeSlider from './KRangeSlider'\n\nexport { KRangeSlider }\nexport default KRangeSlider\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KRangeSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB;AAEzC,SAAS,YAAY;AACrB,eAAe,YAAY","sourcesContent":["import KRangeSlider from './KRangeSlider'\n\nexport { KRangeSlider }\nexport default KRangeSlider\n"],"sourceRoot":"","file":"index.js"}