kdutify 0.16.9-rc.0 → 2.6.0

package/lib/components/KSlider/KSlider.js

@@ -0,0 +1,547 @@
+import "..\\..\\..\\src\\components\\KSlider\\KSlider.sass"; // Components
+
+import KInput from '../KInput';
+import { KScaleTransition } from '../transitions'; // Mixins
+
+import mixins from '../../util/mixins';
+import Loadable from '../../mixins/loadable'; // Directives
+
+import ClickOutside from '../../directives/click-outside'; // Helpers
+
+import { addOnceEventListener, deepEqual, keyCodes, createRange, convertToUnit, passiveSupported } from '../../util/helpers';
+import { consoleWarn } from '../../util/console';
+export default mixins(KInput, Loadable
+/* @kdujs/component */
+).extend({
+  name: 'k-slider',
+  directives: {
+    ClickOutside
+  },
+  mixins: [Loadable],
+  props: {
+    disabled: Boolean,
+    inverseLabel: Boolean,
+    max: {
+      type: [Number, String],
+      default: 100
+    },
+    min: {
+      type: [Number, String],
+      default: 0
+    },
+    step: {
+      type: [Number, String],
+      default: 1
+    },
+    thumbColor: String,
+    thumbLabel: {
+      type: [Boolean, String],
+      default: undefined,
+      validator: v => typeof v === 'boolean' || v === 'always'
+    },
+    thumbSize: {
+      type: [Number, String],
+      default: 32
+    },
+    tickLabels: {
+      type: Array,
+      default: () => []
+    },
+    ticks: {
+      type: [Boolean, String],
+      default: false,
+      validator: v => typeof v === 'boolean' || v === 'always'
+    },
+    tickSize: {
+      type: [Number, String],
+      default: 2
+    },
+    trackColor: String,
+    trackFillColor: String,
+    value: [Number, String],
+    vertical: Boolean
+  },
+  data: () => ({
+    app: null,
+    oldValue: null,
+    thumbPressed: false,
+    mouseTimeout: -1,
+    isFocused: false,
+    isActive: false,
+    noClick: false,
+    startOffset: 0
+  }),
+  computed: {
+    classes() {
+      return { ...KInput.options.computed.classes.call(this),
+        'k-input__slider': true,
+        'k-input__slider--vertical': this.vertical,
+        'k-input__slider--inverse-label': this.inverseLabel
+      };
+    },
+
+    internalValue: {
+      get() {
+        return this.lazyValue;
+      },
+
+      set(val) {
+        val = isNaN(val) ? this.minValue : val; // Round value to ensure the
+        // entire slider range can
+        // be selected with step
+
+        const value = this.roundValue(Math.min(Math.max(val, this.minValue), this.maxValue));
+        if (value === this.lazyValue) return;
+        this.lazyValue = value;
+        this.$emit('input', value);
+      }
+
+    },
+
+    trackTransition() {
+      return this.thumbPressed ? this.showTicks || this.stepNumeric ? '0.1s cubic-bezier(0.25, 0.8, 0.5, 1)' : 'none' : '';
+    },
+
+    minValue() {
+      return parseFloat(this.min);
+    },
+
+    maxValue() {
+      return parseFloat(this.max);
+    },
+
+    stepNumeric() {
+      return this.step > 0 ? parseFloat(this.step) : 0;
+    },
+
+    inputWidth() {
+      const inputWidth = (this.roundValue(this.internalValue) - this.minValue) / (this.maxValue - this.minValue) * 100;
+      return isNaN(inputWidth) ? 0 : inputWidth;
+    },
+
+    trackFillStyles() {
+      const startDir = this.vertical ? 'bottom' : 'left';
+      const endDir = this.vertical ? 'top' : 'right';
+      const valueDir = this.vertical ? 'height' : 'width';
+      const start = this.$kdutify.rtl ? 'auto' : '0';
+      const end = this.$kdutify.rtl ? '0' : 'auto';
+      const value = this.isDisabled ? `calc(${this.inputWidth}% - 10px)` : `${this.inputWidth}%`;
+      return {
+        transition: this.trackTransition,
+        [startDir]: start,
+        [endDir]: end,
+        [valueDir]: value
+      };
+    },
+
+    trackStyles() {
+      const startDir = this.vertical ? this.$kdutify.rtl ? 'bottom' : 'top' : this.$kdutify.rtl ? 'left' : 'right';
+      const endDir = this.vertical ? 'height' : 'width';
+      const start = '0px';
+      const end = this.isDisabled ? `calc(${100 - this.inputWidth}% - 10px)` : `calc(${100 - this.inputWidth}%)`;
+      return {
+        transition: this.trackTransition,
+        [startDir]: start,
+        [endDir]: end
+      };
+    },
+
+    showTicks() {
+      return this.tickLabels.length > 0 || !!(!this.isDisabled && this.stepNumeric && this.ticks);
+    },
+
+    numTicks() {
+      return Math.ceil((this.maxValue - this.minValue) / this.stepNumeric);
+    },
+
+    showThumbLabel() {
+      return !this.isDisabled && !!(this.thumbLabel || this.$scopedSlots['thumb-label']);
+    },
+
+    computedTrackColor() {
+      if (this.isDisabled) return undefined;
+      if (this.trackColor) return this.trackColor;
+      if (this.isDark) return this.validationState;
+      return this.validationState || 'primary lighten-3';
+    },
+
+    computedTrackFillColor() {
+      if (this.isDisabled) return undefined;
+      if (this.trackFillColor) return this.trackFillColor;
+      return this.validationState || this.computedColor;
+    },
+
+    computedThumbColor() {
+      if (this.thumbColor) return this.thumbColor;
+      return this.validationState || this.computedColor;
+    }
+
+  },
+  watch: {
+    min(val) {
+      const parsed = parseFloat(val);
+      parsed > this.internalValue && this.$emit('input', parsed);
+    },
+
+    max(val) {
+      const parsed = parseFloat(val);
+      parsed < this.internalValue && this.$emit('input', parsed);
+    },
+
+    value: {
+      handler(v) {
+        this.internalValue = v;
+      }
+
+    }
+  },
+
+  // If done in as immediate in
+  // value watcher, causes issues
+  // with kdu-test-utils
+  beforeMount() {
+    this.internalValue = this.value;
+  },
+
+  mounted() {
+    // Without a k-app, iOS does not work with body selectors
+    this.app = document.querySelector('[data-app]') || consoleWarn('Missing k-app or a non-body wrapping element with the [data-app] attribute', this);
+  },
+
+  methods: {
+    genDefaultSlot() {
+      const children = [this.genLabel()];
+      const slider = this.genSlider();
+      this.inverseLabel ? children.unshift(slider) : children.push(slider);
+      children.push(this.genProgress());
+      return children;
+    },
+
+    genSlider() {
+      return this.$createElement('div', {
+        class: {
+          'k-slider': true,
+          'k-slider--horizontal': !this.vertical,
+          'k-slider--vertical': this.vertical,
+          'k-slider--focused': this.isFocused,
+          'k-slider--active': this.isActive,
+          'k-slider--disabled': this.isDisabled,
+          'k-slider--readonly': this.isReadonly,
+          ...this.themeClasses
+        },
+        directives: [{
+          name: 'click-outside',
+          value: this.onBlur
+        }],
+        on: {
+          click: this.onSliderClick,
+          mousedown: this.onSliderMouseDown,
+          touchstart: this.onSliderMouseDown
+        }
+      }, this.genChildren());
+    },
+
+    genChildren() {
+      return [this.genInput(), this.genTrackContainer(), this.genSteps(), this.genThumbContainer(this.internalValue, this.inputWidth, this.isActive, this.isFocused, this.onFocus, this.onBlur)];
+    },
+
+    genInput() {
+      return this.$createElement('input', {
+        attrs: {
+          value: this.internalValue,
+          id: this.computedId,
+          disabled: true,
+          readonly: true,
+          tabindex: -1,
+          ...this.$attrs
+        }
+      });
+    },
+
+    genTrackContainer() {
+      const children = [this.$createElement('div', this.setBackgroundColor(this.computedTrackColor, {
+        staticClass: 'k-slider__track-background',
+        style: this.trackStyles
+      })), this.$createElement('div', this.setBackgroundColor(this.computedTrackFillColor, {
+        staticClass: 'k-slider__track-fill',
+        style: this.trackFillStyles
+      }))];
+      return this.$createElement('div', {
+        staticClass: 'k-slider__track-container',
+        ref: 'track'
+      }, children);
+    },
+
+    genSteps() {
+      if (!this.step || !this.showTicks) return null;
+      const tickSize = parseFloat(this.tickSize);
+      const range = createRange(this.numTicks + 1);
+      const direction = this.vertical ? 'bottom' : this.$kdutify.rtl ? 'right' : 'left';
+      const offsetDirection = this.vertical ? this.$kdutify.rtl ? 'left' : 'right' : 'top';
+      if (this.vertical) range.reverse();
+      const ticks = range.map(index => {
+        const children = [];
+
+        if (this.tickLabels[index]) {
+          children.push(this.$createElement('div', {
+            staticClass: 'k-slider__tick-label'
+          }, this.tickLabels[index]));
+        }
+
+        const width = index * (100 / this.numTicks);
+        const filled = this.$kdutify.rtl ? 100 - this.inputWidth < width : width < this.inputWidth;
+        return this.$createElement('span', {
+          key: index,
+          staticClass: 'k-slider__tick',
+          class: {
+            'k-slider__tick--filled': filled
+          },
+          style: {
+            width: `${tickSize}px`,
+            height: `${tickSize}px`,
+            [direction]: `calc(${width}% - ${tickSize / 2}px)`,
+            [offsetDirection]: `calc(50% - ${tickSize / 2}px)`
+          }
+        }, children);
+      });
+      return this.$createElement('div', {
+        staticClass: 'k-slider__ticks-container',
+        class: {
+          'k-slider__ticks-container--always-show': this.ticks === 'always' || this.tickLabels.length > 0
+        }
+      }, ticks);
+    },
+
+    genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, ref = 'thumb') {
+      const children = [this.genThumb()];
+      const thumbLabelContent = this.genThumbLabelContent(value);
+      this.showThumbLabel && children.push(this.genThumbLabel(thumbLabelContent));
+      return this.$createElement('div', this.setTextColor(this.computedThumbColor, {
+        ref,
+        key: ref,
+        staticClass: 'k-slider__thumb-container',
+        class: {
+          'k-slider__thumb-container--active': isActive,
+          'k-slider__thumb-container--focused': isFocused,
+          'k-slider__thumb-container--show-label': this.showThumbLabel
+        },
+        style: this.getThumbContainerStyles(valueWidth),
+        attrs: {
+          role: 'slider',
+          tabindex: this.isDisabled ? -1 : this.$attrs.tabindex ? this.$attrs.tabindex : 0,
+          'aria-label': this.$attrs['aria-label'] || this.label,
+          'aria-valuemin': this.min,
+          'aria-valuemax': this.max,
+          'aria-valuenow': this.internalValue,
+          'aria-readonly': String(this.isReadonly),
+          'aria-orientation': this.vertical ? 'vertical' : 'horizontal'
+        },
+        on: {
+          focus: onFocus,
+          blur: onBlur,
+          keydown: this.onKeyDown
+        }
+      }), children);
+    },
+
+    genThumbLabelContent(value) {
+      return this.$scopedSlots['thumb-label'] ? this.$scopedSlots['thumb-label']({
+        value
+      }) : [this.$createElement('span', [String(value)])];
+    },
+
+    genThumbLabel(content) {
+      const size = convertToUnit(this.thumbSize);
+      const transform = this.vertical ? `translateY(20%) translateY(${Number(this.thumbSize) / 3 - 1}px) translateX(55%) rotate(135deg)` : `translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg)`;
+      return this.$createElement(KScaleTransition, {
+        props: {
+          origin: 'bottom center'
+        }
+      }, [this.$createElement('div', {
+        staticClass: 'k-slider__thumb-label-container',
+        directives: [{
+          name: 'show',
+          value: this.isFocused || this.isActive || this.thumbLabel === 'always'
+        }]
+      }, [this.$createElement('div', this.setBackgroundColor(this.computedThumbColor, {
+        staticClass: 'k-slider__thumb-label',
+        style: {
+          height: size,
+          width: size,
+          transform
+        }
+      }), [this.$createElement('div', content)])])]);
+    },
+
+    genThumb() {
+      return this.$createElement('div', this.setBackgroundColor(this.computedThumbColor, {
+        staticClass: 'k-slider__thumb'
+      }));
+    },
+
+    getThumbContainerStyles(width) {
+      const direction = this.vertical ? 'top' : 'left';
+      let value = this.$kdutify.rtl ? 100 - width : width;
+      value = this.vertical ? 100 - value : value;
+      return {
+        transition: this.trackTransition,
+        [direction]: `${value}%`
+      };
+    },
+
+    onSliderMouseDown(e) {
+      var _e$target;
+
+      e.preventDefault();
+      this.oldValue = this.internalValue;
+      this.isActive = true;
+
+      if ((_e$target = e.target) != null && _e$target.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;
+        this.startOffset = this.vertical ? touch.clientY - (domRect.top + domRect.height / 2) : touch.clientX - (domRect.left + domRect.width / 2);
+      } else {
+        this.startOffset = 0;
+        window.clearTimeout(this.mouseTimeout);
+        this.mouseTimeout = window.setTimeout(() => {
+          this.thumbPressed = true;
+        }, 300);
+      }
+
+      const mouseUpOptions = passiveSupported ? {
+        passive: true,
+        capture: true
+      } : true;
+      const mouseMoveOptions = passiveSupported ? {
+        passive: true
+      } : false;
+      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);
+    },
+
+    onSliderMouseUp(e) {
+      e.stopPropagation();
+      window.clearTimeout(this.mouseTimeout);
+      this.thumbPressed = false;
+      const mouseMoveOptions = passiveSupported ? {
+        passive: true
+      } : false;
+      this.app.removeEventListener('touchmove', this.onMouseMove, mouseMoveOptions);
+      this.app.removeEventListener('mousemove', this.onMouseMove, mouseMoveOptions);
+      this.$emit('mouseup', e);
+      this.$emit('end', this.internalValue);
+
+      if (!deepEqual(this.oldValue, this.internalValue)) {
+        this.$emit('change', this.internalValue);
+        this.noClick = true;
+      }
+
+      this.isActive = false;
+    },
+
+    onMouseMove(e) {
+      if (e.type === 'mousemove') {
+        this.thumbPressed = true;
+      }
+
+      this.internalValue = this.parseMouseMove(e);
+    },
+
+    onKeyDown(e) {
+      if (!this.isInteractive) return;
+      const value = this.parseKeyDown(e, this.internalValue);
+      if (value == null || value < this.minValue || value > this.maxValue) return;
+      this.internalValue = value;
+      this.$emit('change', value);
+    },
+
+    onSliderClick(e) {
+      if (this.noClick) {
+        this.noClick = false;
+        return;
+      }
+
+      const thumb = this.$refs.thumb;
+      thumb.focus();
+      this.onMouseMove(e);
+      this.$emit('change', this.internalValue);
+    },
+
+    onBlur(e) {
+      this.isFocused = false;
+      this.$emit('blur', e);
+    },
+
+    onFocus(e) {
+      this.isFocused = true;
+      this.$emit('focus', e);
+    },
+
+    parseMouseMove(e) {
+      const start = this.vertical ? 'top' : 'left';
+      const length = this.vertical ? 'height' : 'width';
+      const click = this.vertical ? 'clientY' : 'clientX';
+      const {
+        [start]: trackStart,
+        [length]: trackLength
+      } = this.$refs.track.getBoundingClientRect();
+      const clickOffset = 'touches' in e ? e.touches[0][click] : e[click]; // It is possible for left to be NaN, force to number
+
+      let clickPos = Math.min(Math.max((clickOffset - trackStart - this.startOffset) / trackLength, 0), 1) || 0;
+      if (this.vertical) clickPos = 1 - clickPos;
+      if (this.$kdutify.rtl) clickPos = 1 - clickPos;
+      return parseFloat(this.min) + clickPos * (this.maxValue - this.minValue);
+    },
+
+    parseKeyDown(e, value) {
+      if (!this.isInteractive) return;
+      const {
+        pageup,
+        pagedown,
+        end,
+        home,
+        left,
+        right,
+        down,
+        up
+      } = keyCodes;
+      if (![pageup, pagedown, end, home, left, right, down, up].includes(e.keyCode)) return;
+      e.preventDefault();
+      const step = this.stepNumeric || 1;
+      const steps = (this.maxValue - this.minValue) / step;
+
+      if ([left, right, down, up].includes(e.keyCode)) {
+        const increase = this.$kdutify.rtl ? [left, up] : [right, up];
+        const direction = increase.includes(e.keyCode) ? 1 : -1;
+        const multiplier = e.shiftKey ? 3 : e.ctrlKey ? 2 : 1;
+        value = value + direction * step * multiplier;
+      } else if (e.keyCode === home) {
+        value = this.minValue;
+      } else if (e.keyCode === end) {
+        value = this.maxValue;
+      } else {
+        const direction = e.keyCode === pagedown ? 1 : -1;
+        value = value - direction * step * (steps > 100 ? steps / 10 : 10);
+      }
+
+      return value;
+    },
+
+    roundValue(value) {
+      if (!this.stepNumeric) return value; // Format input value using the same number
+      // of decimals places as in the step prop
+
+      const trimmedStep = this.step.toString().trim();
+      const decimals = trimmedStep.indexOf('.') > -1 ? trimmedStep.length - trimmedStep.indexOf('.') - 1 : 0;
+      const offset = this.minValue % this.stepNumeric;
+      const newValue = Math.round((value - offset) / this.stepNumeric) * this.stepNumeric + offset;
+      return parseFloat(Math.min(newValue, this.maxValue).toFixed(decimals));
+    }
+
+  }
+});
+//# sourceMappingURL=KSlider.js.map

package/lib/components/KSlider/KSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSlider/KSlider.ts"],"names":[],"mappings":"AAAA,OAAO,oDAAP,C,CAEA;;AACA,OAAO,MAAP,MAAmB,WAAnB;AACA,SAAS,gBAAT,QAAiC,gBAAjC,C,CAEA;;AACA,OAAO,MAAP,MAAmC,mBAAnC;AACA,OAAO,QAAP,MAAqB,uBAArB,C,CAEA;;AACA,OAAO,YAAP,MAAyB,gCAAzB,C,CAEA;;AACA,SAAS,oBAAT,EAA+B,SAA/B,EAA0C,QAA1C,EAAoD,WAApD,EAAiE,aAAjE,EAAgF,gBAAhF,QAAwG,oBAAxG;AACA,SAAS,WAAT,QAA4B,oBAA5B;AAaA,eAAe,MAAM,CAQnB,MARmB,EASnB;AACF;AAVqB,CAAN,CAWb,MAXa,CAWN;AACP,EAAA,IAAI,EAAE,UADC;AAGP,EAAA,UAAU,EAAE;AACV,IAAA;AADU,GAHL;AAOP,EAAA,MAAM,EAAE,CAAC,QAAD,CAPD;AASP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,YAAY,EAAE,OAFT;AAGL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAHA;AAOL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAPA;AAWL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAXD;AAeL,IAAA,UAAU,EAAE,MAfP;AAgBL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADI;AAEV,MAAA,OAAO,EAAE,SAFC;AAGV,MAAA,SAAS,EAAE,CAAC,IAAI,OAAO,CAAP,KAAa,SAAb,IAA0B,CAAC,KAAK;AAHtC,KAhBP;AAqBL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADG;AAET,MAAA,OAAO,EAAE;AAFA,KArBN;AAyBL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE,MAAO;AAFN,KAzBP;AA6BL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADD;AAEL,MAAA,OAAO,EAAE,KAFJ;AAGL,MAAA,SAAS,EAAE,CAAC,IAAI,OAAO,CAAP,KAAa,SAAb,IAA0B,CAAC,KAAK;AAH3C,KA7BF;AAkCL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADE;AAER,MAAA,OAAO,EAAE;AAFD,KAlCL;AAsCL,IAAA,UAAU,EAAE,MAtCP;AAuCL,IAAA,cAAc,EAAE,MAvCX;AAwCL,IAAA,KAAK,EAAE,CAAC,MAAD,EAAS,MAAT,CAxCF;AAyCL,IAAA,QAAQ,EAAE;AAzCL,GATA;AAqDP,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,GAAG,EAAE,IADM;AAEX,IAAA,QAAQ,EAAE,IAFC;AAGX,IAAA,YAAY,EAAE,KAHH;AAIX,IAAA,YAAY,EAAE,CAAC,CAJJ;AAKX,IAAA,SAAS,EAAE,KALA;AAMX,IAAA,QAAQ,EAAE,KANC;AAOX,IAAA,OAAO,EAAE,KAPE;AAQX,IAAA,WAAW,EAAE;AARF,GAAP,CArDC;AAgEP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,MAAM,CAAC,OAAP,CAAe,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,CADE;AAEL,2BAAmB,IAFd;AAGL,qCAA6B,KAAK,QAH7B;AAIL,0CAAkC,KAAK;AAJlC,OAAP;AAMD,KARO;;AASR,IAAA,aAAa,EAAE;AACb,MAAA,GAAG,GAAA;AACD,eAAO,KAAK,SAAZ;AACD,OAHY;;AAIb,MAAA,GAAG,CAAE,GAAF,EAAa;AACd,QAAA,GAAG,GAAG,KAAK,CAAC,GAAD,CAAL,GAAa,KAAK,QAAlB,GAA6B,GAAnC,CADc,CAEd;AACA;AACA;;AACA,cAAM,KAAK,GAAG,KAAK,UAAL,CAAgB,IAAI,CAAC,GAAL,CAAS,IAAI,CAAC,GAAL,CAAS,GAAT,EAAc,KAAK,QAAnB,CAAT,EAAuC,KAAK,QAA5C,CAAhB,CAAd;AAEA,YAAI,KAAK,KAAK,KAAK,SAAnB,EAA8B;AAE9B,aAAK,SAAL,GAAiB,KAAjB;AAEA,aAAK,KAAL,CAAW,OAAX,EAAoB,KAApB;AACD;;AAhBY,KATP;;AA2BR,IAAA,eAAe,GAAA;AACb,aAAO,KAAK,YAAL,GACH,KAAK,SAAL,IAAkB,KAAK,WAAvB,GACE,sCADF,GAEE,MAHC,GAIH,EAJJ;AAKD,KAjCO;;AAkCR,IAAA,QAAQ,GAAA;AACN,aAAO,UAAU,CAAC,KAAK,GAAN,CAAjB;AACD,KApCO;;AAqCR,IAAA,QAAQ,GAAA;AACN,aAAO,UAAU,CAAC,KAAK,GAAN,CAAjB;AACD,KAvCO;;AAwCR,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,IAAL,GAAY,CAAZ,GAAgB,UAAU,CAAC,KAAK,IAAN,CAA1B,GAAwC,CAA/C;AACD,KA1CO;;AA2CR,IAAA,UAAU,GAAA;AACR,YAAM,UAAU,GAAG,CAAC,KAAK,UAAL,CAAgB,KAAK,aAArB,IAAsC,KAAK,QAA5C,KAAyD,KAAK,QAAL,GAAgB,KAAK,QAA9E,IAA0F,GAA7G;AAEA,aAAO,KAAK,CAAC,UAAD,CAAL,GAAoB,CAApB,GAAwB,UAA/B;AACD,KA/CO;;AAgDR,IAAA,eAAe,GAAA;AACb,YAAM,QAAQ,GAAG,KAAK,QAAL,GAAgB,QAAhB,GAA2B,MAA5C;AACA,YAAM,MAAM,GAAG,KAAK,QAAL,GAAgB,KAAhB,GAAwB,OAAvC;AACA,YAAM,QAAQ,GAAG,KAAK,QAAL,GAAgB,QAAhB,GAA2B,OAA5C;AAEA,YAAM,KAAK,GAAG,KAAK,QAAL,CAAc,GAAd,GAAoB,MAApB,GAA6B,GAA3C;AACA,YAAM,GAAG,GAAG,KAAK,QAAL,CAAc,GAAd,GAAoB,GAApB,GAA0B,MAAtC;AACA,YAAM,KAAK,GAAG,KAAK,UAAL,GAAkB,QAAQ,KAAK,UAAU,WAAzC,GAAuD,GAAG,KAAK,UAAU,GAAvF;AAEA,aAAO;AACL,QAAA,UAAU,EAAE,KAAK,eADZ;AAEL,SAAC,QAAD,GAAY,KAFP;AAGL,SAAC,MAAD,GAAU,GAHL;AAIL,SAAC,QAAD,GAAY;AAJP,OAAP;AAMD,KA/DO;;AAgER,IAAA,WAAW,GAAA;AACT,YAAM,QAAQ,GAAG,KAAK,QAAL,GAAgB,KAAK,QAAL,CAAc,GAAd,GAAoB,QAApB,GAA+B,KAA/C,GAAuD,KAAK,QAAL,CAAc,GAAd,GAAoB,MAApB,GAA6B,OAArG;AACA,YAAM,MAAM,GAAG,KAAK,QAAL,GAAgB,QAAhB,GAA2B,OAA1C;AAEA,YAAM,KAAK,GAAG,KAAd;AACA,YAAM,GAAG,GAAG,KAAK,UAAL,GAAkB,QAAQ,MAAM,KAAK,UAAU,WAA/C,GAA6D,QAAQ,MAAM,KAAK,UAAU,IAAtG;AAEA,aAAO;AACL,QAAA,UAAU,EAAE,KAAK,eADZ;AAEL,SAAC,QAAD,GAAY,KAFP;AAGL,SAAC,MAAD,GAAU;AAHL,OAAP;AAKD,KA5EO;;AA6ER,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,UAAL,CAAgB,MAAhB,GAAyB,CAAzB,IACL,CAAC,EAAE,CAAC,KAAK,UAAN,IAAoB,KAAK,WAAzB,IAAwC,KAAK,KAA/C,CADH;AAED,KAhFO;;AAiFR,IAAA,QAAQ,GAAA;AACN,aAAO,IAAI,CAAC,IAAL,CAAU,CAAC,KAAK,QAAL,GAAgB,KAAK,QAAtB,IAAkC,KAAK,WAAjD,CAAP;AACD,KAnFO;;AAoFR,IAAA,cAAc,GAAA;AACZ,aAAO,CAAC,KAAK,UAAN,IAAoB,CAAC,EAC1B,KAAK,UAAL,IACA,KAAK,YAAL,CAAkB,aAAlB,CAF0B,CAA5B;AAID,KAzFO;;AA0FR,IAAA,kBAAkB,GAAA;AAChB,UAAI,KAAK,UAAT,EAAqB,OAAO,SAAP;AACrB,UAAI,KAAK,UAAT,EAAqB,OAAO,KAAK,UAAZ;AACrB,UAAI,KAAK,MAAT,EAAiB,OAAO,KAAK,eAAZ;AACjB,aAAO,KAAK,eAAL,IAAwB,mBAA/B;AACD,KA/FO;;AAgGR,IAAA,sBAAsB,GAAA;AACpB,UAAI,KAAK,UAAT,EAAqB,OAAO,SAAP;AACrB,UAAI,KAAK,cAAT,EAAyB,OAAO,KAAK,cAAZ;AACzB,aAAO,KAAK,eAAL,IAAwB,KAAK,aAApC;AACD,KApGO;;AAqGR,IAAA,kBAAkB,GAAA;AAChB,UAAI,KAAK,UAAT,EAAqB,OAAO,KAAK,UAAZ;AACrB,aAAO,KAAK,eAAL,IAAwB,KAAK,aAApC;AACD;;AAxGO,GAhEH;AA2KP,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,CAAE,GAAF,EAAK;AACN,YAAM,MAAM,GAAG,UAAU,CAAC,GAAD,CAAzB;AACA,MAAA,MAAM,GAAG,KAAK,aAAd,IAA+B,KAAK,KAAL,CAAW,OAAX,EAAoB,MAApB,CAA/B;AACD,KAJI;;AAKL,IAAA,GAAG,CAAE,GAAF,EAAK;AACN,YAAM,MAAM,GAAG,UAAU,CAAC,GAAD,CAAzB;AACA,MAAA,MAAM,GAAG,KAAK,aAAd,IAA+B,KAAK,KAAL,CAAW,OAAX,EAAoB,MAApB,CAA/B;AACD,KARI;;AASL,IAAA,KAAK,EAAE;AACL,MAAA,OAAO,CAAE,CAAF,EAAW;AAChB,aAAK,aAAL,GAAqB,CAArB;AACD;;AAHI;AATF,GA3KA;;AA2LP;AACA;AACA;AACA,EAAA,WAAW,GAAA;AACT,SAAK,aAAL,GAAqB,KAAK,KAA1B;AACD,GAhMM;;AAkMP,EAAA,OAAO,GAAA;AACL;AACA,SAAK,GAAL,GAAW,QAAQ,CAAC,aAAT,CAAuB,YAAvB,KACT,WAAW,CAAC,4EAAD,EAA+E,IAA/E,CADb;AAED,GAtMM;;AAwMP,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,YAAM,QAAQ,GAA+B,CAAC,KAAK,QAAL,EAAD,CAA7C;AACA,YAAM,MAAM,GAAG,KAAK,SAAL,EAAf;AACA,WAAK,YAAL,GACI,QAAQ,CAAC,OAAT,CAAiB,MAAjB,CADJ,GAEI,QAAQ,CAAC,IAAT,CAAc,MAAd,CAFJ;AAIA,MAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,WAAL,EAAd;AAEA,aAAO,QAAP;AACD,KAXM;;AAYP,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,KAAK,EAAE;AACL,sBAAY,IADP;AAEL,kCAAwB,CAAC,KAAK,QAFzB;AAGL,gCAAsB,KAAK,QAHtB;AAIL,+BAAqB,KAAK,SAJrB;AAKL,8BAAoB,KAAK,QALpB;AAML,gCAAsB,KAAK,UANtB;AAOL,gCAAsB,KAAK,UAPtB;AAQL,aAAG,KAAK;AARH,SADyB;AAWhC,QAAA,UAAU,EAAE,CAAC;AACX,UAAA,IAAI,EAAE,eADK;AAEX,UAAA,KAAK,EAAE,KAAK;AAFD,SAAD,CAXoB;AAehC,QAAA,EAAE,EAAE;AACF,UAAA,KAAK,EAAE,KAAK,aADV;AAEF,UAAA,SAAS,EAAE,KAAK,iBAFd;AAGF,UAAA,UAAU,EAAE,KAAK;AAHf;AAf4B,OAA3B,EAoBJ,KAAK,WAAL,EApBI,CAAP;AAqBD,KAlCM;;AAmCP,IAAA,WAAW,GAAA;AACT,aAAO,CACL,KAAK,QAAL,EADK,EAEL,KAAK,iBAAL,EAFK,EAGL,KAAK,QAAL,EAHK,EAIL,KAAK,iBAAL,CACE,KAAK,aADP,EAEE,KAAK,UAFP,EAGE,KAAK,QAHP,EAIE,KAAK,SAJP,EAKE,KAAK,OALP,EAME,KAAK,MANP,CAJK,CAAP;AAaD,KAjDM;;AAkDP,IAAA,QAAQ,GAAA;AACN,aAAO,KAAK,cAAL,CAAoB,OAApB,EAA6B;AAClC,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,KAAK,aADP;AAEL,UAAA,EAAE,EAAE,KAAK,UAFJ;AAGL,UAAA,QAAQ,EAAE,IAHL;AAIL,UAAA,QAAQ,EAAE,IAJL;AAKL,UAAA,QAAQ,EAAE,CAAC,CALN;AAML,aAAG,KAAK;AANH;AAD2B,OAA7B,CAAP;AAWD,KA9DM;;AA+DP,IAAA,iBAAiB,GAAA;AACf,YAAM,QAAQ,GAAG,CACf,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,kBAAL,CAAwB,KAAK,kBAA7B,EAAiD;AAC1E,QAAA,WAAW,EAAE,4BAD6D;AAE1E,QAAA,KAAK,EAAE,KAAK;AAF8D,OAAjD,CAA3B,CADe,EAKf,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,kBAAL,CAAwB,KAAK,sBAA7B,EAAqD;AAC9E,QAAA,WAAW,EAAE,sBADiE;AAE9E,QAAA,KAAK,EAAE,KAAK;AAFkE,OAArD,CAA3B,CALe,CAAjB;AAWA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,2BADmB;AAEhC,QAAA,GAAG,EAAE;AAF2B,OAA3B,EAGJ,QAHI,CAAP;AAID,KA/EM;;AAgFP,IAAA,QAAQ,GAAA;AACN,UAAI,CAAC,KAAK,IAAN,IAAc,CAAC,KAAK,SAAxB,EAAmC,OAAO,IAAP;AAEnC,YAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,QAAN,CAA3B;AACA,YAAM,KAAK,GAAG,WAAW,CAAC,KAAK,QAAL,GAAgB,CAAjB,CAAzB;AACA,YAAM,SAAS,GAAG,KAAK,QAAL,GAAgB,QAAhB,GAA4B,KAAK,QAAL,CAAc,GAAd,GAAoB,OAApB,GAA8B,MAA5E;AACA,YAAM,eAAe,GAAG,KAAK,QAAL,GAAiB,KAAK,QAAL,CAAc,GAAd,GAAoB,MAApB,GAA6B,OAA9C,GAAyD,KAAjF;AAEA,UAAI,KAAK,QAAT,EAAmB,KAAK,CAAC,OAAN;AAEnB,YAAM,KAAK,GAAG,KAAK,CAAC,GAAN,CAAU,KAAK,IAAG;AAC9B,cAAM,QAAQ,GAAG,EAAjB;;AAEA,YAAI,KAAK,UAAL,CAAgB,KAAhB,CAAJ,EAA4B;AAC1B,UAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACvC,YAAA,WAAW,EAAE;AAD0B,WAA3B,EAEX,KAAK,UAAL,CAAgB,KAAhB,CAFW,CAAd;AAGD;;AAED,cAAM,KAAK,GAAG,KAAK,IAAI,MAAM,KAAK,QAAf,CAAnB;AACA,cAAM,MAAM,GAAG,KAAK,QAAL,CAAc,GAAd,GAAqB,MAAM,KAAK,UAAZ,GAA0B,KAA9C,GAAsD,KAAK,GAAG,KAAK,UAAlF;AAEA,eAAO,KAAK,cAAL,CAAoB,MAApB,EAA4B;AACjC,UAAA,GAAG,EAAE,KAD4B;AAEjC,UAAA,WAAW,EAAE,gBAFoB;AAGjC,UAAA,KAAK,EAAE;AACL,sCAA0B;AADrB,WAH0B;AAMjC,UAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,GAAG,QAAQ,IADb;AAEL,YAAA,MAAM,EAAE,GAAG,QAAQ,IAFd;AAGL,aAAC,SAAD,GAAa,QAAQ,KAAK,OAAO,QAAQ,GAAG,CAAC,KAHxC;AAIL,aAAC,eAAD,GAAmB,cAAc,QAAQ,GAAG,CAAC;AAJxC;AAN0B,SAA5B,EAYJ,QAZI,CAAP;AAaD,OAzBa,CAAd;AA2BA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,2BADmB;AAEhC,QAAA,KAAK,EAAE;AACL,oDAA0C,KAAK,KAAL,KAAe,QAAf,IAA2B,KAAK,UAAL,CAAgB,MAAhB,GAAyB;AADzF;AAFyB,OAA3B,EAKJ,KALI,CAAP;AAMD,KA3HM;;AA4HP,IAAA,iBAAiB,CACf,KADe,EAEf,UAFe,EAGf,QAHe,EAIf,SAJe,EAKf,OALe,EAMf,MANe,EAOf,GAAG,GAAG,OAPS,EAOF;AAEb,YAAM,QAAQ,GAAG,CAAC,KAAK,QAAL,EAAD,CAAjB;AAEA,YAAM,iBAAiB,GAAG,KAAK,oBAAL,CAA0B,KAA1B,CAA1B;AACA,WAAK,cAAL,IAAuB,QAAQ,CAAC,IAAT,CAAc,KAAK,aAAL,CAAmB,iBAAnB,CAAd,CAAvB;AAEA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,YAAL,CAAkB,KAAK,kBAAvB,EAA2C;AAC3E,QAAA,GAD2E;AAE3E,QAAA,GAAG,EAAE,GAFsE;AAG3E,QAAA,WAAW,EAAE,2BAH8D;AAI3E,QAAA,KAAK,EAAE;AACL,+CAAqC,QADhC;AAEL,gDAAsC,SAFjC;AAGL,mDAAyC,KAAK;AAHzC,SAJoE;AAS3E,QAAA,KAAK,EAAE,KAAK,uBAAL,CAA6B,UAA7B,CAToE;AAU3E,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,QADD;AAEL,UAAA,QAAQ,EAAE,KAAK,UAAL,GAAkB,CAAC,CAAnB,GAAuB,KAAK,MAAL,CAAY,QAAZ,GAAuB,KAAK,MAAL,CAAY,QAAnC,GAA8C,CAF1E;AAGL,wBAAc,KAAK,MAAL,CAAY,YAAZ,KAA6B,KAAK,KAH3C;AAIL,2BAAiB,KAAK,GAJjB;AAKL,2BAAiB,KAAK,GALjB;AAML,2BAAiB,KAAK,aANjB;AAOL,2BAAiB,MAAM,CAAC,KAAK,UAAN,CAPlB;AAQL,8BAAoB,KAAK,QAAL,GAAgB,UAAhB,GAA6B;AAR5C,SAVoE;AAoB3E,QAAA,EAAE,EAAE;AACF,UAAA,KAAK,EAAE,OADL;AAEF,UAAA,IAAI,EAAE,MAFJ;AAGF,UAAA,OAAO,EAAE,KAAK;AAHZ;AApBuE,OAA3C,CAA3B,EAyBH,QAzBG,CAAP;AA0BD,KApKM;;AAqKP,IAAA,oBAAoB,CAAE,KAAF,EAAwB;AAC1C,aAAO,KAAK,YAAL,CAAkB,aAAlB,IACH,KAAK,YAAL,CAAkB,aAAlB,EAAkC;AAAE,QAAA;AAAF,OAAlC,CADG,GAEH,CAAC,KAAK,cAAL,CAAoB,MAApB,EAA4B,CAAC,MAAM,CAAC,KAAD,CAAP,CAA5B,CAAD,CAFJ;AAGD,KAzKM;;AA0KP,IAAA,aAAa,CAAE,OAAF,EAA6B;AACxC,YAAM,IAAI,GAAG,aAAa,CAAC,KAAK,SAAN,CAA1B;AAEA,YAAM,SAAS,GAAG,KAAK,QAAL,GACd,8BAA+B,MAAM,CAAC,KAAK,SAAN,CAAN,GAAyB,CAA1B,GAA+B,CAAC,oCADhD,GAEd,mEAFJ;AAIA,aAAO,KAAK,cAAL,CAAoB,gBAApB,EAAsC;AAC3C,QAAA,KAAK,EAAE;AAAE,UAAA,MAAM,EAAE;AAAV;AADoC,OAAtC,EAEJ,CACD,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACzB,QAAA,WAAW,EAAE,iCADY;AAEzB,QAAA,UAAU,EAAE,CAAC;AACX,UAAA,IAAI,EAAE,MADK;AAEX,UAAA,KAAK,EAAE,KAAK,SAAL,IAAkB,KAAK,QAAvB,IAAmC,KAAK,UAAL,KAAoB;AAFnD,SAAD;AAFa,OAA3B,EAMG,CACD,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,kBAAL,CAAwB,KAAK,kBAA7B,EAAiD;AAC1E,QAAA,WAAW,EAAE,uBAD6D;AAE1E,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,IADH;AAEL,UAAA,KAAK,EAAE,IAFF;AAGL,UAAA;AAHK;AAFmE,OAAjD,CAA3B,EAOI,CAAC,KAAK,cAAL,CAAoB,KAApB,EAA2B,OAA3B,CAAD,CAPJ,CADC,CANH,CADC,CAFI,CAAP;AAoBD,KArMM;;AAsMP,IAAA,QAAQ,GAAA;AACN,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,kBAAL,CAAwB,KAAK,kBAA7B,EAAiD;AACjF,QAAA,WAAW,EAAE;AADoE,OAAjD,CAA3B,CAAP;AAGD,KA1MM;;AA2MP,IAAA,uBAAuB,CAAE,KAAF,EAAe;AACpC,YAAM,SAAS,GAAG,KAAK,QAAL,GAAgB,KAAhB,GAAwB,MAA1C;AACA,UAAI,KAAK,GAAG,KAAK,QAAL,CAAc,GAAd,GAAoB,MAAM,KAA1B,GAAkC,KAA9C;AACA,MAAA,KAAK,GAAG,KAAK,QAAL,GAAgB,MAAM,KAAtB,GAA8B,KAAtC;AAEA,aAAO;AACL,QAAA,UAAU,EAAE,KAAK,eADZ;AAEL,SAAC,SAAD,GAAa,GAAG,KAAK;AAFhB,OAAP;AAID,KApNM;;AAqNP,IAAA,iBAAiB,CAAE,CAAF,EAA4B;AAAA;;AAC3C,MAAA,CAAC,CAAC,cAAF;AAEA,WAAK,QAAL,GAAgB,KAAK,aAArB;AACA,WAAK,QAAL,GAAgB,IAAhB;;AAEA,uBAAK,CAAC,CAAC,MAAP,aAAK,UAAsB,OAAtB,CAA8B,0DAA9B,CAAL,EAAgG;AAC9F,aAAK,YAAL,GAAoB,IAApB;AACA,cAAM,OAAO,GAAI,CAAC,CAAC,MAAF,CAAqB,qBAArB,EAAjB;AACA,cAAM,KAAK,GAAG,aAAa,CAAb,GAAiB,CAAC,CAAC,OAAF,CAAU,CAAV,CAAjB,GAAgC,CAA9C;AACA,aAAK,WAAL,GAAmB,KAAK,QAAL,GACf,KAAK,CAAC,OAAN,IAAiB,OAAO,CAAC,GAAR,GAAc,OAAO,CAAC,MAAR,GAAiB,CAAhD,CADe,GAEf,KAAK,CAAC,OAAN,IAAiB,OAAO,CAAC,IAAR,GAAe,OAAO,CAAC,KAAR,GAAgB,CAAhD,CAFJ;AAGD,OAPD,MAOO;AACL,aAAK,WAAL,GAAmB,CAAnB;AACA,QAAA,MAAM,CAAC,YAAP,CAAoB,KAAK,YAAzB;AACA,aAAK,YAAL,GAAoB,MAAM,CAAC,UAAP,CAAkB,MAAK;AACzC,eAAK,YAAL,GAAoB,IAApB;AACD,SAFmB,EAEjB,GAFiB,CAApB;AAGD;;AAED,YAAM,cAAc,GAAG,gBAAgB,GAAG;AAAE,QAAA,OAAO,EAAE,IAAX;AAAiB,QAAA,OAAO,EAAE;AAA1B,OAAH,GAAsC,IAA7E;AACA,YAAM,gBAAgB,GAAG,gBAAgB,GAAG;AAAE,QAAA,OAAO,EAAE;AAAX,OAAH,GAAuB,KAAhE;AAEA,YAAM,YAAY,IAAG,aAAa,CAAhB,CAAlB;AAEA,WAAK,WAAL,CAAiB,CAAjB;AACA,WAAK,GAAL,CAAS,gBAAT,CAA0B,YAAY,GAAG,WAAH,GAAiB,WAAvD,EAAoE,KAAK,WAAzE,EAAsF,gBAAtF;AACA,MAAA,oBAAoB,CAAC,KAAK,GAAN,EAAW,YAAY,GAAG,UAAH,GAAgB,SAAvC,EAAkD,KAAK,eAAvD,EAAwE,cAAxE,CAApB;AAEA,WAAK,KAAL,CAAW,OAAX,EAAoB,KAAK,aAAzB;AACD,KApPM;;AAqPP,IAAA,eAAe,CAAE,CAAF,EAAU;AACvB,MAAA,CAAC,CAAC,eAAF;AACA,MAAA,MAAM,CAAC,YAAP,CAAoB,KAAK,YAAzB;AACA,WAAK,YAAL,GAAoB,KAApB;AACA,YAAM,gBAAgB,GAAG,gBAAgB,GAAG;AAAE,QAAA,OAAO,EAAE;AAAX,OAAH,GAAuB,KAAhE;AACA,WAAK,GAAL,CAAS,mBAAT,CAA6B,WAA7B,EAA0C,KAAK,WAA/C,EAA4D,gBAA5D;AACA,WAAK,GAAL,CAAS,mBAAT,CAA6B,WAA7B,EAA0C,KAAK,WAA/C,EAA4D,gBAA5D;AAEA,WAAK,KAAL,CAAW,SAAX,EAAsB,CAAtB;AACA,WAAK,KAAL,CAAW,KAAX,EAAkB,KAAK,aAAvB;;AACA,UAAI,CAAC,SAAS,CAAC,KAAK,QAAN,EAAgB,KAAK,aAArB,CAAd,EAAmD;AACjD,aAAK,KAAL,CAAW,QAAX,EAAqB,KAAK,aAA1B;AACA,aAAK,OAAL,GAAe,IAAf;AACD;;AAED,WAAK,QAAL,GAAgB,KAAhB;AACD,KArQM;;AAsQP,IAAA,WAAW,CAAE,CAAF,EAA4B;AACrC,UAAI,CAAC,CAAC,IAAF,KAAW,WAAf,EAA4B;AAC1B,aAAK,YAAL,GAAoB,IAApB;AACD;;AACD,WAAK,aAAL,GAAqB,KAAK,cAAL,CAAoB,CAApB,CAArB;AACD,KA3QM;;AA4QP,IAAA,SAAS,CAAE,CAAF,EAAkB;AACzB,UAAI,CAAC,KAAK,aAAV,EAAyB;AAEzB,YAAM,KAAK,GAAG,KAAK,YAAL,CAAkB,CAAlB,EAAqB,KAAK,aAA1B,CAAd;AAEA,UACE,KAAK,IAAI,IAAT,IACA,KAAK,GAAG,KAAK,QADb,IAEA,KAAK,GAAG,KAAK,QAHf,EAIE;AAEF,WAAK,aAAL,GAAqB,KAArB;AACA,WAAK,KAAL,CAAW,QAAX,EAAqB,KAArB;AACD,KAzRM;;AA0RP,IAAA,aAAa,CAAE,CAAF,EAAe;AAC1B,UAAI,KAAK,OAAT,EAAkB;AAChB,aAAK,OAAL,GAAe,KAAf;AACA;AACD;;AACD,YAAM,KAAK,GAAG,KAAK,KAAL,CAAW,KAAzB;AACA,MAAA,KAAK,CAAC,KAAN;AAEA,WAAK,WAAL,CAAiB,CAAjB;AACA,WAAK,KAAL,CAAW,QAAX,EAAqB,KAAK,aAA1B;AACD,KApSM;;AAqSP,IAAA,MAAM,CAAE,CAAF,EAAU;AACd,WAAK,SAAL,GAAiB,KAAjB;AAEA,WAAK,KAAL,CAAW,MAAX,EAAmB,CAAnB;AACD,KAzSM;;AA0SP,IAAA,OAAO,CAAE,CAAF,EAAU;AACf,WAAK,SAAL,GAAiB,IAAjB;AAEA,WAAK,KAAL,CAAW,OAAX,EAAoB,CAApB;AACD,KA9SM;;AA+SP,IAAA,cAAc,CAAE,CAAF,EAA4B;AACxC,YAAM,KAAK,GAAG,KAAK,QAAL,GAAgB,KAAhB,GAAwB,MAAtC;AACA,YAAM,MAAM,GAAG,KAAK,QAAL,GAAgB,QAAhB,GAA2B,OAA1C;AACA,YAAM,KAAK,GAAG,KAAK,QAAL,GAAgB,SAAhB,GAA4B,SAA1C;AAEA,YAAM;AACJ,SAAC,KAAD,GAAS,UADL;AAEJ,SAAC,MAAD,GAAU;AAFN,UAGF,KAAK,KAAL,CAAW,KAAX,CAAiB,qBAAjB,EAHJ;AAIA,YAAM,WAAW,GAAG,aAAa,CAAb,GAAiB,CAAC,CAAC,OAAF,CAAU,CAAV,EAAa,KAAb,CAAjB,GAAuC,CAAC,CAAC,KAAD,CAA5D,CATwC,CAWxC;;AACA,UAAI,QAAQ,GAAG,IAAI,CAAC,GAAL,CAAS,IAAI,CAAC,GAAL,CAAS,CAAC,WAAW,GAAG,UAAd,GAA2B,KAAK,WAAjC,IAAgD,WAAzD,EAAsE,CAAtE,CAAT,EAAmF,CAAnF,KAAyF,CAAxG;AAEA,UAAI,KAAK,QAAT,EAAmB,QAAQ,GAAG,IAAI,QAAf;AACnB,UAAI,KAAK,QAAL,CAAc,GAAlB,EAAuB,QAAQ,GAAG,IAAI,QAAf;AAEvB,aAAO,UAAU,CAAC,KAAK,GAAN,CAAV,GAAuB,QAAQ,IAAI,KAAK,QAAL,GAAgB,KAAK,QAAzB,CAAtC;AACD,KAjUM;;AAkUP,IAAA,YAAY,CAAE,CAAF,EAAoB,KAApB,EAAiC;AAC3C,UAAI,CAAC,KAAK,aAAV,EAAyB;AAEzB,YAAM;AAAE,QAAA,MAAF;AAAU,QAAA,QAAV;AAAoB,QAAA,GAApB;AAAyB,QAAA,IAAzB;AAA+B,QAAA,IAA/B;AAAqC,QAAA,KAArC;AAA4C,QAAA,IAA5C;AAAkD,QAAA;AAAlD,UAAyD,QAA/D;AAEA,UAAI,CAAC,CAAC,MAAD,EAAS,QAAT,EAAmB,GAAnB,EAAwB,IAAxB,EAA8B,IAA9B,EAAoC,KAApC,EAA2C,IAA3C,EAAiD,EAAjD,EAAqD,QAArD,CAA8D,CAAC,CAAC,OAAhE,CAAL,EAA+E;AAE/E,MAAA,CAAC,CAAC,cAAF;AACA,YAAM,IAAI,GAAG,KAAK,WAAL,IAAoB,CAAjC;AACA,YAAM,KAAK,GAAG,CAAC,KAAK,QAAL,GAAgB,KAAK,QAAtB,IAAkC,IAAhD;;AACA,UAAI,CAAC,IAAD,EAAO,KAAP,EAAc,IAAd,EAAoB,EAApB,EAAwB,QAAxB,CAAiC,CAAC,CAAC,OAAnC,CAAJ,EAAiD;AAC/C,cAAM,QAAQ,GAAG,KAAK,QAAL,CAAc,GAAd,GAAoB,CAAC,IAAD,EAAO,EAAP,CAApB,GAAiC,CAAC,KAAD,EAAQ,EAAR,CAAlD;AACA,cAAM,SAAS,GAAG,QAAQ,CAAC,QAAT,CAAkB,CAAC,CAAC,OAApB,IAA+B,CAA/B,GAAmC,CAAC,CAAtD;AACA,cAAM,UAAU,GAAG,CAAC,CAAC,QAAF,GAAa,CAAb,GAAkB,CAAC,CAAC,OAAF,GAAY,CAAZ,GAAgB,CAArD;AAEA,QAAA,KAAK,GAAG,KAAK,GAAI,SAAS,GAAG,IAAZ,GAAmB,UAApC;AACD,OAND,MAMO,IAAI,CAAC,CAAC,OAAF,KAAc,IAAlB,EAAwB;AAC7B,QAAA,KAAK,GAAG,KAAK,QAAb;AACD,OAFM,MAEA,IAAI,CAAC,CAAC,OAAF,KAAc,GAAlB,EAAuB;AAC5B,QAAA,KAAK,GAAG,KAAK,QAAb;AACD,OAFM,MAEA;AACL,cAAM,SAAS,GAAG,CAAC,CAAC,OAAF,KAAc,QAAd,GAAyB,CAAzB,GAA6B,CAAC,CAAhD;AACA,QAAA,KAAK,GAAG,KAAK,GAAI,SAAS,GAAG,IAAZ,IAAoB,KAAK,GAAG,GAAR,GAAc,KAAK,GAAG,EAAtB,GAA2B,EAA/C,CAAjB;AACD;;AAED,aAAO,KAAP;AACD,KA5VM;;AA6VP,IAAA,UAAU,CAAE,KAAF,EAAe;AACvB,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,KAAP,CADA,CAEvB;AACA;;AACA,YAAM,WAAW,GAAG,KAAK,IAAL,CAAU,QAAV,GAAqB,IAArB,EAApB;AACA,YAAM,QAAQ,GAAG,WAAW,CAAC,OAAZ,CAAoB,GAApB,IAA2B,CAAC,CAA5B,GACZ,WAAW,CAAC,MAAZ,GAAqB,WAAW,CAAC,OAAZ,CAAoB,GAApB,CAArB,GAAgD,CADpC,GAEb,CAFJ;AAGA,YAAM,MAAM,GAAG,KAAK,QAAL,GAAgB,KAAK,WAApC;AAEA,YAAM,QAAQ,GAAG,IAAI,CAAC,KAAL,CAAW,CAAC,KAAK,GAAG,MAAT,IAAmB,KAAK,WAAnC,IAAkD,KAAK,WAAvD,GAAqE,MAAtF;AAEA,aAAO,UAAU,CAAC,IAAI,CAAC,GAAL,CAAS,QAAT,EAAmB,KAAK,QAAxB,EAAkC,OAAlC,CAA0C,QAA1C,CAAD,CAAjB;AACD;;AA1WM;AAxMF,CAXM,CAAf","sourcesContent":["import './KSlider.sass'\n\n// Components\nimport KInput from '../KInput'\nimport { KScaleTransition } from '../transitions'\n\n// Mixins\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport Loadable from '../../mixins/loadable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Helpers\nimport { addOnceEventListener, deepEqual, keyCodes, createRange, convertToUnit, passiveSupported } from '../../util/helpers'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu, { KNode, KNodeChildrenArrayContents, PropType } from 'kdu'\nimport { ScopedSlotChildren } from 'kdu/types/knode'\nimport { PropValidator } from 'kdu/types/options'\n\ninterface options extends Kdu {\n  $refs: {\n    track: HTMLElement\n  }\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractKdu<[\n    typeof KInput,\n    typeof Loadable\n  ]>\n/* eslint-enable indent */\n>(\n  KInput,\n  Loadable\n/* @kdujs/component */\n).extend({\n  name: 'k-slider',\n\n  directives: {\n    ClickOutside,\n  },\n\n  mixins: [Loadable],\n\n  props: {\n    disabled: Boolean,\n    inverseLabel: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    min: {\n      type: [Number, String],\n      default: 0,\n    },\n    step: {\n      type: [Number, String],\n      default: 1,\n    },\n    thumbColor: String,\n    thumbLabel: {\n      type: [Boolean, String] as PropType<boolean | 'always' | undefined>,\n      default: undefined,\n      validator: v => typeof v === 'boolean' || v === 'always',\n    },\n    thumbSize: {\n      type: [Number, String],\n      default: 32,\n    },\n    tickLabels: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<string[]>,\n    ticks: {\n      type: [Boolean, String] as PropType<boolean | 'always'>,\n      default: false,\n      validator: v => typeof v === 'boolean' || v === 'always',\n    },\n    tickSize: {\n      type: [Number, String],\n      default: 2,\n    },\n    trackColor: String,\n    trackFillColor: String,\n    value: [Number, String],\n    vertical: Boolean,\n  },\n\n  data: () => ({\n    app: null as any,\n    oldValue: null as any,\n    thumbPressed: false,\n    mouseTimeout: -1,\n    isFocused: false,\n    isActive: false,\n    noClick: false, // Prevent click event if dragging took place, hack for #7915\n    startOffset: 0,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        ...KInput.options.computed.classes.call(this),\n        'k-input__slider': true,\n        'k-input__slider--vertical': this.vertical,\n        'k-input__slider--inverse-label': this.inverseLabel,\n      }\n    },\n    internalValue: {\n      get (): number {\n        return this.lazyValue\n      },\n      set (val: number) {\n        val = isNaN(val) ? this.minValue : val\n        // Round value to ensure the\n        // entire slider range can\n        // be selected with step\n        const value = this.roundValue(Math.min(Math.max(val, this.minValue), this.maxValue))\n\n        if (value === this.lazyValue) return\n\n        this.lazyValue = value\n\n        this.$emit('input', value)\n      },\n    },\n    trackTransition (): string {\n      return this.thumbPressed\n        ? this.showTicks || this.stepNumeric\n          ? '0.1s cubic-bezier(0.25, 0.8, 0.5, 1)'\n          : 'none'\n        : ''\n    },\n    minValue (): number {\n      return parseFloat(this.min)\n    },\n    maxValue (): number {\n      return parseFloat(this.max)\n    },\n    stepNumeric (): number {\n      return this.step > 0 ? parseFloat(this.step) : 0\n    },\n    inputWidth (): number {\n      const inputWidth = (this.roundValue(this.internalValue) - this.minValue) / (this.maxValue - this.minValue) * 100\n\n      return isNaN(inputWidth) ? 0 : inputWidth\n    },\n    trackFillStyles (): Partial<CSSStyleDeclaration> {\n      const startDir = this.vertical ? 'bottom' : 'left'\n      const endDir = this.vertical ? 'top' : 'right'\n      const valueDir = this.vertical ? 'height' : 'width'\n\n      const start = this.$kdutify.rtl ? 'auto' : '0'\n      const end = this.$kdutify.rtl ? '0' : 'auto'\n      const value = this.isDisabled ? `calc(${this.inputWidth}% - 10px)` : `${this.inputWidth}%`\n\n      return {\n        transition: this.trackTransition,\n        [startDir]: start,\n        [endDir]: end,\n        [valueDir]: value,\n      }\n    },\n    trackStyles (): Partial<CSSStyleDeclaration> {\n      const startDir = this.vertical ? this.$kdutify.rtl ? 'bottom' : 'top' : this.$kdutify.rtl ? 'left' : 'right'\n      const endDir = this.vertical ? 'height' : 'width'\n\n      const start = '0px'\n      const end = this.isDisabled ? `calc(${100 - this.inputWidth}% - 10px)` : `calc(${100 - this.inputWidth}%)`\n\n      return {\n        transition: this.trackTransition,\n        [startDir]: start,\n        [endDir]: end,\n      }\n    },\n    showTicks (): boolean {\n      return this.tickLabels.length > 0 ||\n        !!(!this.isDisabled && this.stepNumeric && this.ticks)\n    },\n    numTicks (): number {\n      return Math.ceil((this.maxValue - this.minValue) / this.stepNumeric)\n    },\n    showThumbLabel (): boolean {\n      return !this.isDisabled && !!(\n        this.thumbLabel ||\n        this.$scopedSlots['thumb-label']\n      )\n    },\n    computedTrackColor (): string | undefined {\n      if (this.isDisabled) return undefined\n      if (this.trackColor) return this.trackColor\n      if (this.isDark) return this.validationState\n      return this.validationState || 'primary lighten-3'\n    },\n    computedTrackFillColor (): string | undefined {\n      if (this.isDisabled) return undefined\n      if (this.trackFillColor) return this.trackFillColor\n      return this.validationState || this.computedColor\n    },\n    computedThumbColor (): string | undefined {\n      if (this.thumbColor) return this.thumbColor\n      return this.validationState || this.computedColor\n    },\n  },\n\n  watch: {\n    min (val) {\n      const parsed = parseFloat(val)\n      parsed > this.internalValue && this.$emit('input', parsed)\n    },\n    max (val) {\n      const parsed = parseFloat(val)\n      parsed < this.internalValue && this.$emit('input', parsed)\n    },\n    value: {\n      handler (v: number) {\n        this.internalValue = v\n      },\n    },\n  },\n\n  // If done in as immediate in\n  // value watcher, causes issues\n  // with kdu-test-utils\n  beforeMount () {\n    this.internalValue = this.value\n  },\n\n  mounted () {\n    // Without a k-app, iOS does not work with body selectors\n    this.app = document.querySelector('[data-app]') ||\n      consoleWarn('Missing k-app or a non-body wrapping element with the [data-app] attribute', this)\n  },\n\n  methods: {\n    genDefaultSlot (): KNodeChildrenArrayContents {\n      const children: KNodeChildrenArrayContents = [this.genLabel()]\n      const slider = this.genSlider()\n      this.inverseLabel\n        ? children.unshift(slider)\n        : children.push(slider)\n\n      children.push(this.genProgress())\n\n      return children\n    },\n    genSlider (): KNode {\n      return this.$createElement('div', {\n        class: {\n          'k-slider': true,\n          'k-slider--horizontal': !this.vertical,\n          'k-slider--vertical': this.vertical,\n          'k-slider--focused': this.isFocused,\n          'k-slider--active': this.isActive,\n          'k-slider--disabled': this.isDisabled,\n          'k-slider--readonly': this.isReadonly,\n          ...this.themeClasses,\n        },\n        directives: [{\n          name: 'click-outside',\n          value: this.onBlur,\n        }],\n        on: {\n          click: this.onSliderClick,\n          mousedown: this.onSliderMouseDown,\n          touchstart: this.onSliderMouseDown,\n        },\n      }, this.genChildren())\n    },\n    genChildren (): KNodeChildrenArrayContents {\n      return [\n        this.genInput(),\n        this.genTrackContainer(),\n        this.genSteps(),\n        this.genThumbContainer(\n          this.internalValue,\n          this.inputWidth,\n          this.isActive,\n          this.isFocused,\n          this.onFocus,\n          this.onBlur,\n        ),\n      ]\n    },\n    genInput (): KNode {\n      return this.$createElement('input', {\n        attrs: {\n          value: this.internalValue,\n          id: this.computedId,\n          disabled: true,\n          readonly: true,\n          tabindex: -1,\n          ...this.$attrs,\n        },\n        // on: this.genListeners(), // TODO: do we need to attach the listeners to input?\n      })\n    },\n    genTrackContainer (): KNode {\n      const children = [\n        this.$createElement('div', this.setBackgroundColor(this.computedTrackColor, {\n          staticClass: 'k-slider__track-background',\n          style: this.trackStyles,\n        })),\n        this.$createElement('div', this.setBackgroundColor(this.computedTrackFillColor, {\n          staticClass: 'k-slider__track-fill',\n          style: this.trackFillStyles,\n        })),\n      ]\n\n      return this.$createElement('div', {\n        staticClass: 'k-slider__track-container',\n        ref: 'track',\n      }, children)\n    },\n    genSteps (): KNode | null {\n      if (!this.step || !this.showTicks) return null\n\n      const tickSize = parseFloat(this.tickSize)\n      const range = createRange(this.numTicks + 1)\n      const direction = this.vertical ? 'bottom' : (this.$kdutify.rtl ? 'right' : 'left')\n      const offsetDirection = this.vertical ? (this.$kdutify.rtl ? 'left' : 'right') : 'top'\n\n      if (this.vertical) range.reverse()\n\n      const ticks = range.map(index => {\n        const children = []\n\n        if (this.tickLabels[index]) {\n          children.push(this.$createElement('div', {\n            staticClass: 'k-slider__tick-label',\n          }, this.tickLabels[index]))\n        }\n\n        const width = index * (100 / this.numTicks)\n        const filled = this.$kdutify.rtl ? (100 - this.inputWidth) < width : width < this.inputWidth\n\n        return this.$createElement('span', {\n          key: index,\n          staticClass: 'k-slider__tick',\n          class: {\n            'k-slider__tick--filled': filled,\n          },\n          style: {\n            width: `${tickSize}px`,\n            height: `${tickSize}px`,\n            [direction]: `calc(${width}% - ${tickSize / 2}px)`,\n            [offsetDirection]: `calc(50% - ${tickSize / 2}px)`,\n          },\n        }, children)\n      })\n\n      return this.$createElement('div', {\n        staticClass: 'k-slider__ticks-container',\n        class: {\n          'k-slider__ticks-container--always-show': this.ticks === 'always' || this.tickLabels.length > 0,\n        },\n      }, ticks)\n    },\n    genThumbContainer (\n      value: number,\n      valueWidth: number,\n      isActive: boolean,\n      isFocused: boolean,\n      onFocus: Function,\n      onBlur: Function,\n      ref = 'thumb'\n    ): KNode {\n      const children = [this.genThumb()]\n\n      const thumbLabelContent = this.genThumbLabelContent(value)\n      this.showThumbLabel && children.push(this.genThumbLabel(thumbLabelContent))\n\n      return this.$createElement('div', this.setTextColor(this.computedThumbColor, {\n        ref,\n        key: ref,\n        staticClass: 'k-slider__thumb-container',\n        class: {\n          'k-slider__thumb-container--active': isActive,\n          'k-slider__thumb-container--focused': isFocused,\n          'k-slider__thumb-container--show-label': this.showThumbLabel,\n        },\n        style: this.getThumbContainerStyles(valueWidth),\n        attrs: {\n          role: 'slider',\n          tabindex: this.isDisabled ? -1 : this.$attrs.tabindex ? this.$attrs.tabindex : 0,\n          'aria-label': this.$attrs['aria-label'] || this.label,\n          'aria-valuemin': this.min,\n          'aria-valuemax': this.max,\n          'aria-valuenow': this.internalValue,\n          'aria-readonly': String(this.isReadonly),\n          'aria-orientation': this.vertical ? 'vertical' : 'horizontal',\n        },\n        on: {\n          focus: onFocus,\n          blur: onBlur,\n          keydown: this.onKeyDown,\n        },\n      }), children)\n    },\n    genThumbLabelContent (value: number | string): ScopedSlotChildren {\n      return this.$scopedSlots['thumb-label']\n        ? this.$scopedSlots['thumb-label']!({ value })\n        : [this.$createElement('span', [String(value)])]\n    },\n    genThumbLabel (content: ScopedSlotChildren): KNode {\n      const size = convertToUnit(this.thumbSize)\n\n      const transform = this.vertical\n        ? `translateY(20%) translateY(${(Number(this.thumbSize) / 3) - 1}px) translateX(55%) rotate(135deg)`\n        : `translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg)`\n\n      return this.$createElement(KScaleTransition, {\n        props: { origin: 'bottom center' },\n      }, [\n        this.$createElement('div', {\n          staticClass: 'k-slider__thumb-label-container',\n          directives: [{\n            name: 'show',\n            value: this.isFocused || this.isActive || this.thumbLabel === 'always',\n          }],\n        }, [\n          this.$createElement('div', this.setBackgroundColor(this.computedThumbColor, {\n            staticClass: 'k-slider__thumb-label',\n            style: {\n              height: size,\n              width: size,\n              transform,\n            },\n          }), [this.$createElement('div', content)]),\n        ]),\n      ])\n    },\n    genThumb (): KNode {\n      return this.$createElement('div', this.setBackgroundColor(this.computedThumbColor, {\n        staticClass: 'k-slider__thumb',\n      }))\n    },\n    getThumbContainerStyles (width: number): object {\n      const direction = this.vertical ? 'top' : 'left'\n      let value = this.$kdutify.rtl ? 100 - width : width\n      value = this.vertical ? 100 - value : value\n\n      return {\n        transition: this.trackTransition,\n        [direction]: `${value}%`,\n      }\n    },\n    onSliderMouseDown (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\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    onSliderMouseUp (e: Event) {\n      e.stopPropagation()\n      window.clearTimeout(this.mouseTimeout)\n      this.thumbPressed = false\n      const mouseMoveOptions = passiveSupported ? { passive: true } : false\n      this.app.removeEventListener('touchmove', this.onMouseMove, mouseMoveOptions)\n      this.app.removeEventListener('mousemove', this.onMouseMove, mouseMoveOptions)\n\n      this.$emit('mouseup', e)\n      this.$emit('end', this.internalValue)\n      if (!deepEqual(this.oldValue, this.internalValue)) {\n        this.$emit('change', this.internalValue)\n        this.noClick = true\n      }\n\n      this.isActive = false\n    },\n    onMouseMove (e: MouseEvent | TouchEvent) {\n      if (e.type === 'mousemove') {\n        this.thumbPressed = true\n      }\n      this.internalValue = this.parseMouseMove(e)\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (!this.isInteractive) return\n\n      const value = this.parseKeyDown(e, this.internalValue)\n\n      if (\n        value == null ||\n        value < this.minValue ||\n        value > this.maxValue\n      ) return\n\n      this.internalValue = value\n      this.$emit('change', value)\n    },\n    onSliderClick (e: MouseEvent) {\n      if (this.noClick) {\n        this.noClick = false\n        return\n      }\n      const thumb = this.$refs.thumb as HTMLElement\n      thumb.focus()\n\n      this.onMouseMove(e)\n      this.$emit('change', this.internalValue)\n    },\n    onBlur (e: Event) {\n      this.isFocused = false\n\n      this.$emit('blur', e)\n    },\n    onFocus (e: Event) {\n      this.isFocused = true\n\n      this.$emit('focus', e)\n    },\n    parseMouseMove (e: MouseEvent | TouchEvent) {\n      const start = this.vertical ? 'top' : 'left'\n      const length = this.vertical ? 'height' : 'width'\n      const click = this.vertical ? 'clientY' : 'clientX'\n\n      const {\n        [start]: trackStart,\n        [length]: trackLength,\n      } = this.$refs.track.getBoundingClientRect()\n      const clickOffset = 'touches' in e ? e.touches[0][click] : e[click]\n\n      // It is possible for left to be NaN, force to number\n      let clickPos = Math.min(Math.max((clickOffset - trackStart - this.startOffset) / trackLength, 0), 1) || 0\n\n      if (this.vertical) clickPos = 1 - clickPos\n      if (this.$kdutify.rtl) clickPos = 1 - clickPos\n\n      return parseFloat(this.min) + clickPos * (this.maxValue - this.minValue)\n    },\n    parseKeyDown (e: KeyboardEvent, value: number) {\n      if (!this.isInteractive) return\n\n      const { pageup, pagedown, end, home, left, right, down, up } = keyCodes\n\n      if (![pageup, pagedown, end, home, left, right, down, up].includes(e.keyCode)) return\n\n      e.preventDefault()\n      const step = this.stepNumeric || 1\n      const steps = (this.maxValue - this.minValue) / step\n      if ([left, right, down, up].includes(e.keyCode)) {\n        const increase = this.$kdutify.rtl ? [left, up] : [right, up]\n        const direction = increase.includes(e.keyCode) ? 1 : -1\n        const multiplier = e.shiftKey ? 3 : (e.ctrlKey ? 2 : 1)\n\n        value = value + (direction * step * multiplier)\n      } else if (e.keyCode === home) {\n        value = this.minValue\n      } else if (e.keyCode === end) {\n        value = this.maxValue\n      } else {\n        const direction = e.keyCode === pagedown ? 1 : -1\n        value = value - (direction * step * (steps > 100 ? steps / 10 : 10))\n      }\n\n      return value\n    },\n    roundValue (value: number): number {\n      if (!this.stepNumeric) return value\n      // Format input value using the same number\n      // of decimals places as in the step prop\n      const trimmedStep = this.step.toString().trim()\n      const decimals = trimmedStep.indexOf('.') > -1\n        ? (trimmedStep.length - trimmedStep.indexOf('.') - 1)\n        : 0\n      const offset = this.minValue % this.stepNumeric\n\n      const newValue = Math.round((value - offset) / this.stepNumeric) * this.stepNumeric + offset\n\n      return parseFloat(Math.min(newValue, this.maxValue).toFixed(decimals))\n    },\n  },\n})\n"],"sourceRoot":"","file":"KSlider.js"}

package/lib/components/KSlider/index.js

@@ -0,0 +1,4 @@
+import KSlider from './KSlider';
+export { KSlider };
+export default KSlider;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import KSlider from './KSlider'\n\nexport { KSlider }\nexport default KSlider\n"],"sourceRoot":"","file":"index.js"}