kdutify 0.16.9-rc.0 → 2.6.1

package/lib/components/KTextarea/KTextarea.js

@@ -0,0 +1,104 @@
+// Styles
+import "..\\..\\..\\src\\components\\KTextarea\\KTextarea.sass"; // Extensions
+
+import KTextField from '../KTextField/KTextField'; // Utilities
+
+import mixins from '../../util/mixins';
+const baseMixins = mixins(KTextField);
+/* @kdujs/component */
+
+export default baseMixins.extend({
+  name: 'k-textarea',
+  props: {
+    autoGrow: Boolean,
+    noResize: Boolean,
+    rowHeight: {
+      type: [Number, String],
+      default: 24,
+      validator: v => !isNaN(parseFloat(v))
+    },
+    rows: {
+      type: [Number, String],
+      default: 5,
+      validator: v => !isNaN(parseInt(v, 10))
+    }
+  },
+  computed: {
+    classes() {
+      return {
+        'k-textarea': true,
+        'k-textarea--auto-grow': this.autoGrow,
+        'k-textarea--no-resize': this.noResizeHandle,
+        ...KTextField.options.computed.classes.call(this)
+      };
+    },
+
+    noResizeHandle() {
+      return this.noResize || this.autoGrow;
+    }
+
+  },
+  watch: {
+    autoGrow(val) {
+      this.$nextTick(() => {
+        var _this$$refs$input;
+
+        val ? this.calculateInputHeight() : (_this$$refs$input = this.$refs.input) == null ? void 0 : _this$$refs$input.style.removeProperty('height');
+      });
+    },
+
+    lazyValue() {
+      this.autoGrow && this.$nextTick(this.calculateInputHeight);
+    },
+
+    rowHeight() {
+      this.autoGrow && this.$nextTick(this.calculateInputHeight);
+    }
+
+  },
+
+  mounted() {
+    setTimeout(() => {
+      this.autoGrow && this.calculateInputHeight();
+    }, 0);
+  },
+
+  methods: {
+    calculateInputHeight() {
+      const input = this.$refs.input;
+      if (!input) return;
+      input.style.height = '0';
+      const height = input.scrollHeight;
+      const minHeight = parseInt(this.rows, 10) * parseFloat(this.rowHeight); // This has to be done ASAP, waiting for Kdu
+      // to update the DOM causes ugly layout jumping
+
+      input.style.height = Math.max(minHeight, height) + 'px';
+    },
+
+    genInput() {
+      const input = KTextField.options.methods.genInput.call(this);
+      input.tag = 'textarea';
+      delete input.data.attrs.type;
+      input.data.attrs.rows = this.rows;
+      return input;
+    },
+
+    onInput(e) {
+      KTextField.options.methods.onInput.call(this, e);
+      this.autoGrow && this.calculateInputHeight();
+    },
+
+    onKeyDown(e) {
+      // Prevents closing of a
+      // dialog when pressing
+      // enter
+      if (this.isFocused && e.keyCode === 13) {
+        e.stopPropagation();
+      }
+
+      this.$emit('keydown', e);
+    }
+
+  }
+});
+//# sourceMappingURL=KTextarea.js.map

package/lib/components/KTextarea/KTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTextarea/KTextarea.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KTextarea.sass'\n\n// Extensions\nimport KTextField from '../KTextField/KTextField'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport Kdu from 'kdu'\n\ninterface options extends Kdu {\n  $refs: {\n    input: HTMLTextAreaElement\n  }\n}\n\nconst baseMixins = mixins<options &\n  InstanceType<typeof KTextField>\n>(\n  KTextField\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-textarea',\n\n  props: {\n    autoGrow: Boolean,\n    noResize: Boolean,\n    rowHeight: {\n      type: [Number, String],\n      default: 24,\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (v: any) => !isNaN(parseInt(v, 10)),\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-textarea': true,\n        'k-textarea--auto-grow': this.autoGrow,\n        'k-textarea--no-resize': this.noResizeHandle,\n        ...KTextField.options.computed.classes.call(this),\n      }\n    },\n    noResizeHandle (): boolean {\n      return this.noResize || this.autoGrow\n    },\n  },\n\n  watch: {\n    autoGrow (val: boolean) {\n      this.$nextTick(() => {\n        val\n          ? this.calculateInputHeight()\n          : this.$refs.input?.style.removeProperty('height')\n      })\n    },\n    lazyValue () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n    rowHeight () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      this.autoGrow && this.calculateInputHeight()\n    }, 0)\n  },\n\n  methods: {\n    calculateInputHeight () {\n      const input = this.$refs.input\n      if (!input) return\n\n      input.style.height = '0'\n      const height = input.scrollHeight\n      const minHeight = parseInt(this.rows, 10) * parseFloat(this.rowHeight)\n      // This has to be done ASAP, waiting for Kdu\n      // to update the DOM causes ugly layout jumping\n      input.style.height = Math.max(minHeight, height) + 'px'\n    },\n    genInput () {\n      const input = KTextField.options.methods.genInput.call(this)\n\n      input.tag = 'textarea'\n      delete input.data!.attrs!.type\n      input.data!.attrs!.rows = this.rows\n\n      return input\n    },\n    onInput (e: Event) {\n      KTextField.options.methods.onInput.call(this, e)\n      this.autoGrow && this.calculateInputHeight()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      // Prevents closing of a\n      // dialog when pressing\n      // enter\n      if (this.isFocused && e.keyCode === 13) {\n        e.stopPropagation()\n      }\n\n      this.$emit('keydown', e)\n    },\n  },\n})\n"],"sourceRoot":"","file":"KTextarea.js"}

package/lib/components/KTextarea/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTextarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AAEA,SAAS,SAAT;AACA,eAAe,SAAf","sourcesContent":["import KTextarea from './KTextarea'\n\nexport { KTextarea }\nexport default KTextarea\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KThemeProvider/KThemeProvider.js

@@ -0,0 +1,23 @@
+// Mixins
+import Themeable from '../../mixins/themeable';
+/* @kdujs/component */
+
+export default Themeable.extend({
+  name: 'k-theme-provider',
+  props: {
+    root: Boolean
+  },
+  computed: {
+    isDark() {
+      return this.root ? this.rootIsDark : Themeable.options.computed.isDark.call(this);
+    }
+
+  },
+
+  render() {
+    /* istanbul ignore next */
+    return this.$slots.default && this.$slots.default.find(node => !node.isComment && node.text !== ' ');
+  }
+
+});
+//# sourceMappingURL=KThemeProvider.js.map

package/lib/components/KThemeProvider/KThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KThemeProvider/KThemeProvider.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAKA;;AACA,eAAe,SAAS,CAAC,MAAV,CAAiB;AAC9B,EAAA,IAAI,EAAE,kBADwB;AAG9B,EAAA,KAAK,EAAE;AAAE,IAAA,IAAI,EAAE;AAAR,GAHuB;AAK9B,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,aAAO,KAAK,IAAL,GACH,KAAK,UADF,GAEH,SAAS,CAAC,OAAV,CAAkB,QAAlB,CAA2B,MAA3B,CAAkC,IAAlC,CAAuC,IAAvC,CAFJ;AAGD;;AALO,GALoB;;AAa9B,EAAA,MAAM,GAAA;AACJ;AACA,WACE,KAAK,MAAL,CAAY,OAAZ,IACA,KAAK,MAAL,CAAY,OAAZ,CAAqB,IAArB,CAA0B,IAAI,IAAI,CAAC,IAAI,CAAC,SAAN,IAAmB,IAAI,CAAC,IAAL,KAAc,GAAnE,CAFF;AAID;;AAnB6B,CAAjB,CAAf","sourcesContent":["// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default Themeable.extend({\n  name: 'k-theme-provider',\n\n  props: { root: Boolean },\n\n  computed: {\n    isDark (): boolean {\n      return this.root\n        ? this.rootIsDark\n        : Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  render (): KNode {\n    /* istanbul ignore next */\n    return (\n      this.$slots.default! &&\n      this.$slots.default!.find(node => !node.isComment && node.text !== ' ')!\n    )\n  },\n})\n"],"sourceRoot":"","file":"KThemeProvider.js"}

package/lib/components/KThemeProvider/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KThemeProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAP,MAA2B,kBAA3B;AAEA,SAAS,cAAT;AACA,eAAe,cAAf","sourcesContent":["import KThemeProvider from './KThemeProvider'\n\nexport { KThemeProvider }\nexport default KThemeProvider\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KTimePicker/KTimePicker.js

@@ -0,0 +1,334 @@
+// Components
+import KTimePickerTitle from './KTimePickerTitle';
+import KTimePickerClock from './KTimePickerClock'; // Mixins
+
+import Picker from '../../mixins/picker';
+import PickerButton from '../../mixins/picker-button'; // Utils
+
+import { createRange } from '../../util/helpers';
+import pad from '../KDatePicker/util/pad';
+import mixins from '../../util/mixins';
+import { SelectingTimes } from './SelectingTimes';
+const rangeHours24 = createRange(24);
+const rangeHours12am = createRange(12);
+const rangeHours12pm = rangeHours12am.map(v => v + 12);
+const range60 = createRange(60);
+const selectingNames = {
+  1: 'hour',
+  2: 'minute',
+  3: 'second'
+};
+export { SelectingTimes };
+export default mixins(Picker, PickerButton
+/* @kdujs/component */
+).extend({
+  name: 'k-time-picker',
+  props: {
+    allowedHours: [Function, Array],
+    allowedMinutes: [Function, Array],
+    allowedSeconds: [Function, Array],
+    disabled: Boolean,
+    format: {
+      type: String,
+      default: 'ampm',
+
+      validator(val) {
+        return ['ampm', '24hr'].includes(val);
+      }
+
+    },
+    min: String,
+    max: String,
+    readonly: Boolean,
+    scrollable: Boolean,
+    useSeconds: Boolean,
+    value: null,
+    ampmInTitle: Boolean
+  },
+
+  data() {
+    return {
+      inputHour: null,
+      inputMinute: null,
+      inputSecond: null,
+      lazyInputHour: null,
+      lazyInputMinute: null,
+      lazyInputSecond: null,
+      period: 'am',
+      selecting: SelectingTimes.Hour
+    };
+  },
+
+  computed: {
+    selectingHour: {
+      get() {
+        return this.selecting === SelectingTimes.Hour;
+      },
+
+      set(v) {
+        this.selecting = SelectingTimes.Hour;
+      }
+
+    },
+    selectingMinute: {
+      get() {
+        return this.selecting === SelectingTimes.Minute;
+      },
+
+      set(v) {
+        this.selecting = SelectingTimes.Minute;
+      }
+
+    },
+    selectingSecond: {
+      get() {
+        return this.selecting === SelectingTimes.Second;
+      },
+
+      set(v) {
+        this.selecting = SelectingTimes.Second;
+      }
+
+    },
+
+    isAllowedHourCb() {
+      let cb;
+
+      if (this.allowedHours instanceof Array) {
+        cb = val => this.allowedHours.includes(val);
+      } else {
+        cb = this.allowedHours;
+      }
+
+      if (!this.min && !this.max) return cb;
+      const minHour = this.min ? Number(this.min.split(':')[0]) : 0;
+      const maxHour = this.max ? Number(this.max.split(':')[0]) : 23;
+      return val => {
+        return val >= minHour * 1 && val <= maxHour * 1 && (!cb || cb(val));
+      };
+    },
+
+    isAllowedMinuteCb() {
+      let cb;
+      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour);
+
+      if (this.allowedMinutes instanceof Array) {
+        cb = val => this.allowedMinutes.includes(val);
+      } else {
+        cb = this.allowedMinutes;
+      }
+
+      if (!this.min && !this.max) {
+        return isHourAllowed ? cb : () => false;
+      }
+
+      const [minHour, minMinute] = this.min ? this.min.split(':').map(Number) : [0, 0];
+      const [maxHour, maxMinute] = this.max ? this.max.split(':').map(Number) : [23, 59];
+      const minTime = minHour * 60 + minMinute * 1;
+      const maxTime = maxHour * 60 + maxMinute * 1;
+      return val => {
+        const time = 60 * this.inputHour + val;
+        return time >= minTime && time <= maxTime && isHourAllowed && (!cb || cb(val));
+      };
+    },
+
+    isAllowedSecondCb() {
+      let cb;
+      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour);
+      const isMinuteAllowed = isHourAllowed && (!this.isAllowedMinuteCb || this.inputMinute === null || this.isAllowedMinuteCb(this.inputMinute));
+
+      if (this.allowedSeconds instanceof Array) {
+        cb = val => this.allowedSeconds.includes(val);
+      } else {
+        cb = this.allowedSeconds;
+      }
+
+      if (!this.min && !this.max) {
+        return isMinuteAllowed ? cb : () => false;
+      }
+
+      const [minHour, minMinute, minSecond] = this.min ? this.min.split(':').map(Number) : [0, 0, 0];
+      const [maxHour, maxMinute, maxSecond] = this.max ? this.max.split(':').map(Number) : [23, 59, 59];
+      const minTime = minHour * 3600 + minMinute * 60 + (minSecond || 0) * 1;
+      const maxTime = maxHour * 3600 + maxMinute * 60 + (maxSecond || 0) * 1;
+      return val => {
+        const time = 3600 * this.inputHour + 60 * this.inputMinute + val;
+        return time >= minTime && time <= maxTime && isMinuteAllowed && (!cb || cb(val));
+      };
+    },
+
+    isAmPm() {
+      return this.format === 'ampm';
+    }
+
+  },
+  watch: {
+    value: 'setInputData'
+  },
+
+  mounted() {
+    this.setInputData(this.value);
+    this.$on('update:period', this.setPeriod);
+  },
+
+  methods: {
+    genValue() {
+      if (this.inputHour != null && this.inputMinute != null && (!this.useSeconds || this.inputSecond != null)) {
+        return `${pad(this.inputHour)}:${pad(this.inputMinute)}` + (this.useSeconds ? `:${pad(this.inputSecond)}` : '');
+      }
+
+      return null;
+    },
+
+    emitValue() {
+      const value = this.genValue();
+      if (value !== null) this.$emit('input', value);
+    },
+
+    setPeriod(period) {
+      this.period = period;
+
+      if (this.inputHour != null) {
+        const newHour = this.inputHour + (period === 'am' ? -12 : 12);
+        this.inputHour = this.firstAllowed('hour', newHour);
+        this.emitValue();
+      }
+    },
+
+    setInputData(value) {
+      if (value == null || value === '') {
+        this.inputHour = null;
+        this.inputMinute = null;
+        this.inputSecond = null;
+      } else if (value instanceof Date) {
+        this.inputHour = value.getHours();
+        this.inputMinute = value.getMinutes();
+        this.inputSecond = value.getSeconds();
+      } else {
+        const [, hour, minute,, second, period] = value.trim().toLowerCase().match(/^(\d+):(\d+)(:(\d+))?([ap]m)?$/) || new Array(6);
+        this.inputHour = period ? this.convert12to24(parseInt(hour, 10), period) : parseInt(hour, 10);
+        this.inputMinute = parseInt(minute, 10);
+        this.inputSecond = parseInt(second || 0, 10);
+      }
+
+      this.period = this.inputHour == null || this.inputHour < 12 ? 'am' : 'pm';
+    },
+
+    convert24to12(hour) {
+      return hour ? (hour - 1) % 12 + 1 : 12;
+    },
+
+    convert12to24(hour, period) {
+      return hour % 12 + (period === 'pm' ? 12 : 0);
+    },
+
+    onInput(value) {
+      if (this.selecting === SelectingTimes.Hour) {
+        this.inputHour = this.isAmPm ? this.convert12to24(value, this.period) : value;
+      } else if (this.selecting === SelectingTimes.Minute) {
+        this.inputMinute = value;
+      } else {
+        this.inputSecond = value;
+      }
+
+      this.emitValue();
+    },
+
+    onChange(value) {
+      this.$emit(`click:${selectingNames[this.selecting]}`, value);
+      const emitChange = this.selecting === (this.useSeconds ? SelectingTimes.Second : SelectingTimes.Minute);
+
+      if (this.selecting === SelectingTimes.Hour) {
+        this.selecting = SelectingTimes.Minute;
+      } else if (this.useSeconds && this.selecting === SelectingTimes.Minute) {
+        this.selecting = SelectingTimes.Second;
+      }
+
+      if (this.inputHour === this.lazyInputHour && this.inputMinute === this.lazyInputMinute && (!this.useSeconds || this.inputSecond === this.lazyInputSecond)) return;
+      const time = this.genValue();
+      if (time === null) return;
+      this.lazyInputHour = this.inputHour;
+      this.lazyInputMinute = this.inputMinute;
+      this.useSeconds && (this.lazyInputSecond = this.inputSecond);
+      emitChange && this.$emit('change', time);
+    },
+
+    firstAllowed(type, value) {
+      const allowedFn = type === 'hour' ? this.isAllowedHourCb : type === 'minute' ? this.isAllowedMinuteCb : this.isAllowedSecondCb;
+      if (!allowedFn) return value; // TODO: clean up
+
+      const range = type === 'minute' ? range60 : type === 'second' ? range60 : this.isAmPm ? value < 12 ? rangeHours12am : rangeHours12pm : rangeHours24;
+      const first = range.find(v => allowedFn((v + value) % range.length + range[0]));
+      return ((first || 0) + value) % range.length + range[0];
+    },
+
+    genClock() {
+      return this.$createElement(KTimePickerClock, {
+        props: {
+          allowedValues: this.selecting === SelectingTimes.Hour ? this.isAllowedHourCb : this.selecting === SelectingTimes.Minute ? this.isAllowedMinuteCb : this.isAllowedSecondCb,
+          color: this.color,
+          dark: this.dark,
+          disabled: this.disabled,
+          double: this.selecting === SelectingTimes.Hour && !this.isAmPm,
+          format: this.selecting === SelectingTimes.Hour ? this.isAmPm ? this.convert24to12 : val => val : val => pad(val, 2),
+          light: this.light,
+          max: this.selecting === SelectingTimes.Hour ? this.isAmPm && this.period === 'am' ? 11 : 23 : 59,
+          min: this.selecting === SelectingTimes.Hour && this.isAmPm && this.period === 'pm' ? 12 : 0,
+          readonly: this.readonly,
+          scrollable: this.scrollable,
+          size: Number(this.width) - (!this.fullWidth && this.landscape ? 80 : 20),
+          step: this.selecting === SelectingTimes.Hour ? 1 : 5,
+          value: this.selecting === SelectingTimes.Hour ? this.inputHour : this.selecting === SelectingTimes.Minute ? this.inputMinute : this.inputSecond
+        },
+        on: {
+          input: this.onInput,
+          change: this.onChange
+        },
+        ref: 'clock'
+      });
+    },
+
+    genClockAmPm() {
+      return this.$createElement('div', this.setTextColor(this.color || 'primary', {
+        staticClass: 'k-time-picker-clock__ampm'
+      }), [this.genPickerButton('period', 'am', this.$kdutify.lang.t('$kdutify.timePicker.am'), this.disabled || this.readonly), this.genPickerButton('period', 'pm', this.$kdutify.lang.t('$kdutify.timePicker.pm'), this.disabled || this.readonly)]);
+    },
+
+    genPickerBody() {
+      return this.$createElement('div', {
+        staticClass: 'k-time-picker-clock__container',
+        key: this.selecting
+      }, [!this.ampmInTitle && this.isAmPm && this.genClockAmPm(), this.genClock()]);
+    },
+
+    genPickerTitle() {
+      return this.$createElement(KTimePickerTitle, {
+        props: {
+          ampm: this.isAmPm,
+          ampmReadonly: this.isAmPm && !this.ampmInTitle,
+          disabled: this.disabled,
+          hour: this.inputHour,
+          minute: this.inputMinute,
+          second: this.inputSecond,
+          period: this.period,
+          readonly: this.readonly,
+          useSeconds: this.useSeconds,
+          selecting: this.selecting
+        },
+        on: {
+          'update:selecting': value => this.selecting = value,
+          'update:period': period => this.$emit('update:period', period)
+        },
+        ref: 'title',
+        slot: 'title'
+      });
+    }
+
+  },
+
+  render() {
+    return this.genPicker('k-picker--time');
+  }
+
+});
+//# sourceMappingURL=KTimePicker.js.map

package/lib/components/KTimePicker/KTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimePicker/KTimePicker.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport KTimePickerTitle from './KTimePickerTitle'\nimport KTimePickerClock from './KTimePickerClock'\n\n// Mixins\nimport Picker from '../../mixins/picker'\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport { createRange } from '../../util/helpers'\nimport pad from '../KDatePicker/util/pad'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, PropType } from 'kdu'\nimport { SelectingTimes } from './SelectingTimes'\n\nconst rangeHours24 = createRange(24)\nconst rangeHours12am = createRange(12)\nconst rangeHours12pm = rangeHours12am.map(v => v + 12)\nconst range60 = createRange(60)\nconst selectingNames = { 1: 'hour', 2: 'minute', 3: 'second' }\nexport { SelectingTimes }\n\ntype Period = 'am' | 'pm'\ntype AllowFunction = (val: number) => boolean\n\nexport default mixins(\n  Picker,\n  PickerButton\n/* @kdujs/component */\n).extend({\n  name: 'k-time-picker',\n\n  props: {\n    allowedHours: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedMinutes: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedSeconds: [Function, Array] as PropType<AllowFunction | number[]>,\n    disabled: Boolean,\n    format: {\n      type: String as PropType<'ampm' | '24hr'>,\n      default: 'ampm',\n      validator (val) {\n        return ['ampm', '24hr'].includes(val)\n      },\n    },\n    min: String,\n    max: String,\n    readonly: Boolean,\n    scrollable: Boolean,\n    useSeconds: Boolean,\n    value: null as any as PropType<any>,\n    ampmInTitle: Boolean,\n  },\n\n  data () {\n    return {\n      inputHour: null as number | null,\n      inputMinute: null as number | null,\n      inputSecond: null as number | null,\n      lazyInputHour: null as number | null,\n      lazyInputMinute: null as number | null,\n      lazyInputSecond: null as number | null,\n      period: 'am' as Period,\n      selecting: SelectingTimes.Hour,\n    }\n  },\n\n  computed: {\n    selectingHour: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Hour\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Hour\n      },\n    },\n    selectingMinute: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Minute\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Minute\n      },\n    },\n    selectingSecond: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Second\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Second\n      },\n    },\n    isAllowedHourCb (): AllowFunction {\n      let cb: AllowFunction\n\n      if (this.allowedHours instanceof Array) {\n        cb = (val: number) => (this.allowedHours as number[]).includes(val)\n      } else {\n        cb = this.allowedHours\n      }\n\n      if (!this.min && !this.max) return cb\n\n      const minHour = this.min ? Number(this.min.split(':')[0]) : 0\n      const maxHour = this.max ? Number(this.max.split(':')[0]) : 23\n\n      return (val: number) => {\n        return val >= minHour * 1 &&\n          val <= maxHour * 1 &&\n          (!cb || cb(val))\n      }\n    },\n    isAllowedMinuteCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour)\n      if (this.allowedMinutes instanceof Array) {\n        cb = (val: number) => (this.allowedMinutes as number[]).includes(val)\n      } else {\n        cb = this.allowedMinutes\n      }\n\n      if (!this.min && !this.max) {\n        return isHourAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute] = this.min ? this.min.split(':').map(Number) : [0, 0]\n      const [maxHour, maxMinute] = this.max ? this.max.split(':').map(Number) : [23, 59]\n      const minTime = minHour * 60 + minMinute * 1\n      const maxTime = maxHour * 60 + maxMinute * 1\n\n      return (val: number) => {\n        const time = 60 * this.inputHour! + val\n        return time >= minTime &&\n          time <= maxTime &&\n          isHourAllowed &&\n          (!cb || cb(val))\n      }\n    },\n    isAllowedSecondCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour)\n      const isMinuteAllowed = isHourAllowed &&\n        (!this.isAllowedMinuteCb ||\n          this.inputMinute === null ||\n          this.isAllowedMinuteCb(this.inputMinute)\n        )\n\n      if (this.allowedSeconds instanceof Array) {\n        cb = (val: number) => (this.allowedSeconds as number[]).includes(val)\n      } else {\n        cb = this.allowedSeconds\n      }\n\n      if (!this.min && !this.max) {\n        return isMinuteAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute, minSecond] = this.min ? this.min.split(':').map(Number) : [0, 0, 0]\n      const [maxHour, maxMinute, maxSecond] = this.max ? this.max.split(':').map(Number) : [23, 59, 59]\n      const minTime = minHour * 3600 + minMinute * 60 + (minSecond || 0) * 1\n      const maxTime = maxHour * 3600 + maxMinute * 60 + (maxSecond || 0) * 1\n\n      return (val: number) => {\n        const time = 3600 * this.inputHour! + 60 * this.inputMinute! + val\n        return time >= minTime &&\n          time <= maxTime &&\n          isMinuteAllowed &&\n          (!cb || cb(val))\n      }\n    },\n    isAmPm (): boolean {\n      return this.format === 'ampm'\n    },\n  },\n\n  watch: {\n    value: 'setInputData',\n  },\n\n  mounted () {\n    this.setInputData(this.value)\n    this.$on('update:period', this.setPeriod)\n  },\n\n  methods: {\n    genValue () {\n      if (this.inputHour != null && this.inputMinute != null && (!this.useSeconds || this.inputSecond != null)) {\n        return `${pad(this.inputHour)}:${pad(this.inputMinute)}` + (this.useSeconds ? `:${pad(this.inputSecond!)}` : '')\n      }\n\n      return null\n    },\n    emitValue () {\n      const value = this.genValue()\n      if (value !== null) this.$emit('input', value)\n    },\n    setPeriod (period: Period) {\n      this.period = period\n      if (this.inputHour != null) {\n        const newHour = this.inputHour! + (period === 'am' ? -12 : 12)\n        this.inputHour = this.firstAllowed('hour', newHour)\n        this.emitValue()\n      }\n    },\n    setInputData (value: string | null | Date) {\n      if (value == null || value === '') {\n        this.inputHour = null\n        this.inputMinute = null\n        this.inputSecond = null\n      } else if (value instanceof Date) {\n        this.inputHour = value.getHours()\n        this.inputMinute = value.getMinutes()\n        this.inputSecond = value.getSeconds()\n      } else {\n        const [, hour, minute, , second, period] = value.trim().toLowerCase().match(/^(\\d+):(\\d+)(:(\\d+))?([ap]m)?$/) || new Array(6)\n\n        this.inputHour = period ? this.convert12to24(parseInt(hour, 10), period as Period) : parseInt(hour, 10)\n        this.inputMinute = parseInt(minute, 10)\n        this.inputSecond = parseInt(second || 0, 10)\n      }\n\n      this.period = (this.inputHour == null || this.inputHour < 12) ? 'am' : 'pm'\n    },\n    convert24to12 (hour: number) {\n      return hour ? ((hour - 1) % 12 + 1) : 12\n    },\n    convert12to24 (hour: number, period: Period) {\n      return hour % 12 + (period === 'pm' ? 12 : 0)\n    },\n    onInput (value: number) {\n      if (this.selecting === SelectingTimes.Hour) {\n        this.inputHour = this.isAmPm ? this.convert12to24(value, this.period) : value\n      } else if (this.selecting === SelectingTimes.Minute) {\n        this.inputMinute = value\n      } else {\n        this.inputSecond = value\n      }\n      this.emitValue()\n    },\n    onChange (value: number) {\n      this.$emit(`click:${selectingNames[this.selecting]}`, value)\n\n      const emitChange = this.selecting === (this.useSeconds ? SelectingTimes.Second : SelectingTimes.Minute)\n\n      if (this.selecting === SelectingTimes.Hour) {\n        this.selecting = SelectingTimes.Minute\n      } else if (this.useSeconds && this.selecting === SelectingTimes.Minute) {\n        this.selecting = SelectingTimes.Second\n      }\n\n      if (this.inputHour === this.lazyInputHour &&\n        this.inputMinute === this.lazyInputMinute &&\n        (!this.useSeconds || this.inputSecond === this.lazyInputSecond)\n      ) return\n\n      const time = this.genValue()\n      if (time === null) return\n\n      this.lazyInputHour = this.inputHour\n      this.lazyInputMinute = this.inputMinute\n      this.useSeconds && (this.lazyInputSecond = this.inputSecond)\n\n      emitChange && this.$emit('change', time)\n    },\n    firstAllowed (type: 'hour' | 'minute' | 'second', value: number) {\n      const allowedFn = type === 'hour' ? this.isAllowedHourCb : (type === 'minute' ? this.isAllowedMinuteCb : this.isAllowedSecondCb)\n      if (!allowedFn) return value\n\n      // TODO: clean up\n      const range = type === 'minute'\n        ? range60\n        : (type === 'second'\n          ? range60\n          : (this.isAmPm\n            ? (value < 12\n              ? rangeHours12am\n              : rangeHours12pm)\n            : rangeHours24))\n      const first = range.find(v => allowedFn((v + value) % range.length + range[0]))\n      return ((first || 0) + value) % range.length + range[0]\n    },\n    genClock () {\n      return this.$createElement(KTimePickerClock, {\n        props: {\n          allowedValues:\n            this.selecting === SelectingTimes.Hour\n              ? this.isAllowedHourCb\n              : (this.selecting === SelectingTimes.Minute\n                ? this.isAllowedMinuteCb\n                : this.isAllowedSecondCb),\n          color: this.color,\n          dark: this.dark,\n          disabled: this.disabled,\n          double: this.selecting === SelectingTimes.Hour && !this.isAmPm,\n          format: this.selecting === SelectingTimes.Hour\n            ? (this.isAmPm ? this.convert24to12 : (val: number) => val)\n            : (val: number) => pad(val, 2),\n          light: this.light,\n          max: this.selecting === SelectingTimes.Hour ? (this.isAmPm && this.period === 'am' ? 11 : 23) : 59,\n          min: this.selecting === SelectingTimes.Hour && this.isAmPm && this.period === 'pm' ? 12 : 0,\n          readonly: this.readonly,\n          scrollable: this.scrollable,\n          size: Number(this.width) - ((!this.fullWidth && this.landscape) ? 80 : 20),\n          step: this.selecting === SelectingTimes.Hour ? 1 : 5,\n          value: this.selecting === SelectingTimes.Hour\n            ? this.inputHour\n            : (this.selecting === SelectingTimes.Minute\n              ? this.inputMinute\n              : this.inputSecond),\n        },\n        on: {\n          input: this.onInput,\n          change: this.onChange,\n        },\n        ref: 'clock',\n      })\n    },\n    genClockAmPm () {\n      return this.$createElement('div', this.setTextColor(this.color || 'primary', {\n        staticClass: 'k-time-picker-clock__ampm',\n      }), [\n        this.genPickerButton('period', 'am', this.$kdutify.lang.t('$kdutify.timePicker.am'), this.disabled || this.readonly),\n        this.genPickerButton('period', 'pm', this.$kdutify.lang.t('$kdutify.timePicker.pm'), this.disabled || this.readonly),\n      ])\n    },\n    genPickerBody () {\n      return this.$createElement('div', {\n        staticClass: 'k-time-picker-clock__container',\n        key: this.selecting,\n      }, [\n        !this.ampmInTitle && this.isAmPm && this.genClockAmPm(),\n        this.genClock(),\n      ])\n    },\n    genPickerTitle () {\n      return this.$createElement(KTimePickerTitle, {\n        props: {\n          ampm: this.isAmPm,\n          ampmReadonly: this.isAmPm && !this.ampmInTitle,\n          disabled: this.disabled,\n          hour: this.inputHour,\n          minute: this.inputMinute,\n          second: this.inputSecond,\n          period: this.period,\n          readonly: this.readonly,\n          useSeconds: this.useSeconds,\n          selecting: this.selecting,\n        },\n        on: {\n          'update:selecting': (value: 1 | 2 | 3) => (this.selecting = value),\n          'update:period': (period: string) => this.$emit('update:period', period),\n        },\n        ref: 'title',\n        slot: 'title',\n      })\n    },\n  },\n\n  render (): KNode {\n    return this.genPicker('k-picker--time')\n  },\n})\n"],"sourceRoot":"","file":"KTimePicker.js"}