kdutify 0.16.9-rc.0 → 2.6.1

package/es5/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"}

package/es5/components/KTimePicker/KTimePickerClock.js

@@ -0,0 +1,282 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KTimePicker\\KTimePickerClock.sass");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default2 = (0, _mixins.default)(_colorable.default, _themeable.default
+/* @kdujs/component */
+).extend({
+  name: 'k-time-picker-clock',
+  props: {
+    allowedValues: Function,
+    ampm: Boolean,
+    disabled: Boolean,
+    double: Boolean,
+    format: {
+      type: Function,
+      default: function _default(val) {
+        return val;
+      }
+    },
+    max: {
+      type: Number,
+      required: true
+    },
+    min: {
+      type: Number,
+      required: true
+    },
+    scrollable: Boolean,
+    readonly: Boolean,
+    rotate: {
+      type: Number,
+      default: 0
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    value: Number
+  },
+  data: function data() {
+    return {
+      inputValue: this.value,
+      isDragging: false,
+      valueOnMouseDown: null,
+      valueOnMouseUp: null
+    };
+  },
+  computed: {
+    count: function count() {
+      return this.max - this.min + 1;
+    },
+    degreesPerUnit: function degreesPerUnit() {
+      return 360 / this.roundCount;
+    },
+    degrees: function degrees() {
+      return this.degreesPerUnit * Math.PI / 180;
+    },
+    displayedValue: function displayedValue() {
+      return this.value == null ? this.min : this.value;
+    },
+    innerRadiusScale: function innerRadiusScale() {
+      return 0.62;
+    },
+    roundCount: function roundCount() {
+      return this.double ? this.count / 2 : this.count;
+    }
+  },
+  watch: {
+    value: function value(_value) {
+      this.inputValue = _value;
+    }
+  },
+  methods: {
+    wheel: function wheel(e) {
+      e.preventDefault();
+      var delta = Math.sign(-e.deltaY || 1);
+      var value = this.displayedValue;
+
+      do {
+        value = value + delta;
+        value = (value - this.min + this.count) % this.count + this.min;
+      } while (!this.isAllowed(value) && value !== this.displayedValue);
+
+      if (value !== this.displayedValue) {
+        this.update(value);
+      }
+    },
+    isInner: function isInner(value) {
+      return this.double && value - this.min >= this.roundCount;
+    },
+    handScale: function handScale(value) {
+      return this.isInner(value) ? this.innerRadiusScale : 1;
+    },
+    isAllowed: function isAllowed(value) {
+      return !this.allowedValues || this.allowedValues(value);
+    },
+    genValues: function genValues() {
+      var children = [];
+
+      for (var value = this.min; value <= this.max; value = value + this.step) {
+        var color = value === this.value && (this.color || 'accent');
+        children.push(this.$createElement('span', this.setBackgroundColor(color, {
+          staticClass: 'k-time-picker-clock__item',
+          class: {
+            'k-time-picker-clock__item--active': value === this.displayedValue,
+            'k-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value)
+          },
+          style: this.getTransform(value),
+          domProps: {
+            innerHTML: "<span>".concat(this.format(value), "</span>")
+          }
+        })));
+      }
+
+      return children;
+    },
+    genHand: function genHand() {
+      var scale = "scaleY(".concat(this.handScale(this.displayedValue), ")");
+      var angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min);
+      var color = this.value != null && (this.color || 'accent');
+      return this.$createElement('div', this.setBackgroundColor(color, {
+        staticClass: 'k-time-picker-clock__hand',
+        class: {
+          'k-time-picker-clock__hand--inner': this.isInner(this.value)
+        },
+        style: {
+          transform: "rotate(".concat(angle, "deg) ").concat(scale)
+        }
+      }));
+    },
+    getTransform: function getTransform(i) {
+      var _this$getPosition = this.getPosition(i),
+          x = _this$getPosition.x,
+          y = _this$getPosition.y;
+
+      return {
+        left: "".concat(50 + x * 50, "%"),
+        top: "".concat(50 + y * 50, "%")
+      };
+    },
+    getPosition: function getPosition(value) {
+      var rotateRadians = this.rotate * Math.PI / 180;
+      return {
+        x: Math.sin((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),
+        y: -Math.cos((value - this.min) * this.degrees + rotateRadians) * this.handScale(value)
+      };
+    },
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      this.valueOnMouseDown = null;
+      this.valueOnMouseUp = null;
+      this.isDragging = true;
+      this.onDragMove(e);
+    },
+    onMouseUp: function onMouseUp(e) {
+      e.stopPropagation();
+      this.isDragging = false;
+
+      if (this.valueOnMouseUp !== null && this.isAllowed(this.valueOnMouseUp)) {
+        this.$emit('change', this.valueOnMouseUp);
+      }
+    },
+    onDragMove: function onDragMove(e) {
+      e.preventDefault();
+      if (!this.isDragging && e.type !== 'click' || !this.$refs.clock) return;
+
+      var _this$$refs$clock$get = this.$refs.clock.getBoundingClientRect(),
+          width = _this$$refs$clock$get.width,
+          top = _this$$refs$clock$get.top,
+          left = _this$$refs$clock$get.left;
+
+      var _this$$refs$innerCloc = this.$refs.innerClock.getBoundingClientRect(),
+          innerWidth = _this$$refs$innerCloc.width;
+
+      var _ref = 'touches' in e ? e.touches[0] : e,
+          clientX = _ref.clientX,
+          clientY = _ref.clientY;
+
+      var center = {
+        x: width / 2,
+        y: -width / 2
+      };
+      var coords = {
+        x: clientX - left,
+        y: top - clientY
+      };
+      var handAngle = Math.round(this.angle(center, coords) - this.rotate + 360) % 360;
+      var insideClick = this.double && this.euclidean(center, coords) < (innerWidth + innerWidth * this.innerRadiusScale) / 4;
+      var checksCount = Math.ceil(15 / this.degreesPerUnit);
+      var value;
+
+      for (var i = 0; i < checksCount; i++) {
+        value = this.angleToValue(handAngle + i * this.degreesPerUnit, insideClick);
+        if (this.isAllowed(value)) return this.setMouseDownValue(value);
+        value = this.angleToValue(handAngle - i * this.degreesPerUnit, insideClick);
+        if (this.isAllowed(value)) return this.setMouseDownValue(value);
+      }
+    },
+    angleToValue: function angleToValue(angle, insideClick) {
+      var value = (Math.round(angle / this.degreesPerUnit) + (insideClick ? this.roundCount : 0)) % this.count + this.min; // Necessary to fix edge case when selecting left part of the value(s) at 12 o'clock
+
+      if (angle < 360 - this.degreesPerUnit / 2) return value;
+      return insideClick ? this.max - this.roundCount + 1 : this.min;
+    },
+    setMouseDownValue: function setMouseDownValue(value) {
+      if (this.valueOnMouseDown === null) {
+        this.valueOnMouseDown = value;
+      }
+
+      this.valueOnMouseUp = value;
+      this.update(value);
+    },
+    update: function update(value) {
+      if (this.inputValue !== value) {
+        this.inputValue = value;
+        this.$emit('input', value);
+      }
+    },
+    euclidean: function euclidean(p0, p1) {
+      var dx = p1.x - p0.x;
+      var dy = p1.y - p0.y;
+      return Math.sqrt(dx * dx + dy * dy);
+    },
+    angle: function angle(center, p1) {
+      var value = 2 * Math.atan2(p1.y - center.y - this.euclidean(center, p1), p1.x - center.x);
+      return Math.abs(value * 180 / Math.PI);
+    }
+  },
+  render: function render(h) {
+    var _this = this;
+
+    var data = {
+      staticClass: 'k-time-picker-clock',
+      class: _objectSpread({
+        'k-time-picker-clock--indeterminate': this.value == null
+      }, this.themeClasses),
+      on: this.readonly || this.disabled ? undefined : {
+        mousedown: this.onMouseDown,
+        mouseup: this.onMouseUp,
+        mouseleave: function mouseleave(e) {
+          return _this.isDragging && _this.onMouseUp(e);
+        },
+        touchstart: this.onMouseDown,
+        touchend: this.onMouseUp,
+        mousemove: this.onDragMove,
+        touchmove: this.onDragMove
+      },
+      ref: 'clock'
+    };
+
+    if (this.scrollable && data.on) {
+      data.on.wheel = this.wheel;
+    }
+
+    return h('div', data, [h('div', {
+      staticClass: 'k-time-picker-clock__inner',
+      ref: 'innerClock'
+    }, [this.genHand(), this.genValues()])]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=KTimePickerClock.js.map

package/es5/components/KTimePicker/KTimePickerClock.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimePicker/KTimePickerClock.ts"],"names":[],"mappings":"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","sourcesContent":["import './KTimePickerClock.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport Kdu, { KNode, PropType, KNodeData } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\ninterface Point {\n  x: number\n  y: number\n}\n\ninterface options extends Kdu {\n  $refs: {\n    clock: HTMLElement\n    innerClock: HTMLElement\n  }\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractKdu<[\n    typeof Colorable,\n    typeof Themeable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Themeable\n/* @kdujs/component */\n).extend({\n  name: 'k-time-picker-clock',\n\n  props: {\n    allowedValues: Function as PropType<(value: number) => boolean>,\n    ampm: Boolean,\n    disabled: Boolean,\n    double: Boolean,\n    format: {\n      type: Function,\n      default: (val: string | number) => val,\n    } as PropValidator<(val: string | number) => string | number>,\n    max: {\n      type: Number,\n      required: true,\n    },\n    min: {\n      type: Number,\n      required: true,\n    },\n    scrollable: Boolean,\n    readonly: Boolean,\n    rotate: {\n      type: Number,\n      default: 0,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    value: Number,\n  },\n\n  data () {\n    return {\n      inputValue: this.value,\n      isDragging: false,\n      valueOnMouseDown: null as number | null,\n      valueOnMouseUp: null as number | null,\n    }\n  },\n\n  computed: {\n    count (): number {\n      return this.max - this.min + 1\n    },\n    degreesPerUnit (): number {\n      return 360 / this.roundCount\n    },\n    degrees (): number {\n      return this.degreesPerUnit * Math.PI / 180\n    },\n    displayedValue (): number {\n      return this.value == null ? this.min : this.value\n    },\n    innerRadiusScale (): number {\n      return 0.62\n    },\n    roundCount (): number {\n      return this.double ? (this.count / 2) : this.count\n    },\n  },\n\n  watch: {\n    value (value) {\n      this.inputValue = value\n    },\n  },\n\n  methods: {\n    wheel (e: WheelEvent) {\n      e.preventDefault()\n\n      const delta = Math.sign(-e.deltaY || 1)\n      let value = this.displayedValue\n      do {\n        value = value + delta\n        value = (value - this.min + this.count) % this.count + this.min\n      } while (!this.isAllowed(value) && value !== this.displayedValue)\n\n      if (value !== this.displayedValue) {\n        this.update(value)\n      }\n    },\n    isInner (value: number) {\n      return this.double && (value - this.min >= this.roundCount)\n    },\n    handScale (value: number) {\n      return this.isInner(value) ? this.innerRadiusScale : 1\n    },\n    isAllowed (value: number) {\n      return !this.allowedValues || this.allowedValues(value)\n    },\n    genValues () {\n      const children: KNode[] = []\n\n      for (let value = this.min; value <= this.max; value = value + this.step) {\n        const color = value === this.value && (this.color || 'accent')\n        children.push(this.$createElement('span', this.setBackgroundColor(color, {\n          staticClass: 'k-time-picker-clock__item',\n          class: {\n            'k-time-picker-clock__item--active': value === this.displayedValue,\n            'k-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value),\n          },\n          style: this.getTransform(value),\n          domProps: { innerHTML: `<span>${this.format(value)}</span>` },\n        })))\n      }\n\n      return children\n    },\n    genHand () {\n      const scale = `scaleY(${this.handScale(this.displayedValue)})`\n      const angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min)\n      const color = (this.value != null) && (this.color || 'accent')\n      return this.$createElement('div', this.setBackgroundColor(color, {\n        staticClass: 'k-time-picker-clock__hand',\n        class: {\n          'k-time-picker-clock__hand--inner': this.isInner(this.value),\n        },\n        style: {\n          transform: `rotate(${angle}deg) ${scale}`,\n        },\n      }))\n    },\n    getTransform (i: number) {\n      const { x, y } = this.getPosition(i)\n      return {\n        left: `${50 + x * 50}%`,\n        top: `${50 + y * 50}%`,\n      }\n    },\n    getPosition (value: number) {\n      const rotateRadians = this.rotate * Math.PI / 180\n      return {\n        x: Math.sin((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n        y: -Math.cos((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n      }\n    },\n    onMouseDown (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n\n      this.valueOnMouseDown = null\n      this.valueOnMouseUp = null\n      this.isDragging = true\n      this.onDragMove(e)\n    },\n    onMouseUp (e: MouseEvent | TouchEvent) {\n      e.stopPropagation()\n\n      this.isDragging = false\n      if (this.valueOnMouseUp !== null && this.isAllowed(this.valueOnMouseUp)) {\n        this.$emit('change', this.valueOnMouseUp)\n      }\n    },\n    onDragMove (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n      if ((!this.isDragging && e.type !== 'click') || !this.$refs.clock) return\n\n      const { width, top, left } = this.$refs.clock.getBoundingClientRect()\n      const { width: innerWidth } = this.$refs.innerClock.getBoundingClientRect()\n      const { clientX, clientY } = 'touches' in e ? e.touches[0] : e\n      const center = { x: width / 2, y: -width / 2 }\n      const coords = { x: clientX - left, y: top - clientY }\n      const handAngle = Math.round(this.angle(center, coords) - this.rotate + 360) % 360\n      const insideClick = this.double && this.euclidean(center, coords) < (innerWidth + innerWidth * this.innerRadiusScale) / 4\n      const checksCount = Math.ceil(15 / this.degreesPerUnit)\n      let value\n\n      for (let i = 0; i < checksCount; i++) {\n        value = this.angleToValue(handAngle + i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n\n        value = this.angleToValue(handAngle - i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n      }\n    },\n    angleToValue (angle: number, insideClick: boolean): number {\n      const value = (\n        Math.round(angle / this.degreesPerUnit) +\n        (insideClick ? this.roundCount : 0)\n      ) % this.count + this.min\n\n      // Necessary to fix edge case when selecting left part of the value(s) at 12 o'clock\n      if (angle < (360 - this.degreesPerUnit / 2)) return value\n\n      return insideClick ? this.max - this.roundCount + 1 : this.min\n    },\n    setMouseDownValue (value: number) {\n      if (this.valueOnMouseDown === null) {\n        this.valueOnMouseDown = value\n      }\n\n      this.valueOnMouseUp = value\n      this.update(value)\n    },\n    update (value: number) {\n      if (this.inputValue !== value) {\n        this.inputValue = value\n        this.$emit('input', value)\n      }\n    },\n    euclidean (p0: Point, p1: Point) {\n      const dx = p1.x - p0.x\n      const dy = p1.y - p0.y\n\n      return Math.sqrt(dx * dx + dy * dy)\n    },\n    angle (center: Point, p1: Point) {\n      const value = 2 * Math.atan2(p1.y - center.y - this.euclidean(center, p1), p1.x - center.x)\n      return Math.abs(value * 180 / Math.PI)\n    },\n  },\n\n  render (h): KNode {\n    const data: KNodeData = {\n      staticClass: 'k-time-picker-clock',\n      class: {\n        'k-time-picker-clock--indeterminate': this.value == null,\n        ...this.themeClasses,\n      },\n      on: (this.readonly || this.disabled) ? undefined : {\n        mousedown: this.onMouseDown,\n        mouseup: this.onMouseUp,\n        mouseleave: (e: MouseEvent) => (this.isDragging && this.onMouseUp(e)),\n        touchstart: this.onMouseDown,\n        touchend: this.onMouseUp,\n        mousemove: this.onDragMove,\n        touchmove: this.onDragMove,\n      },\n      ref: 'clock',\n    }\n\n    if (this.scrollable && data.on) {\n      data.on.wheel = this.wheel\n    }\n\n    return h('div', data, [\n      h('div', {\n        staticClass: 'k-time-picker-clock__inner',\n        ref: 'innerClock',\n      }, [\n        this.genHand(),\n        this.genValues(),\n      ]),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KTimePickerClock.js"}

package/es5/components/KTimePicker/KTimePickerTitle.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KTimePicker\\KTimePickerTitle.sass");
+
+var _pickerButton = _interopRequireDefault(require("../../mixins/picker-button"));
+
+var _util = require("../KDatePicker/util");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _SelectingTimes = require("./SelectingTimes");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Mixins
+// Utils
+var _default = (0, _mixins.default)(_pickerButton.default
+/* @kdujs/component */
+).extend({
+  name: 'k-time-picker-title',
+  props: {
+    ampm: Boolean,
+    ampmReadonly: Boolean,
+    disabled: Boolean,
+    hour: Number,
+    minute: Number,
+    second: Number,
+    period: {
+      type: String,
+      validator: function validator(period) {
+        return period === 'am' || period === 'pm';
+      }
+    },
+    readonly: Boolean,
+    useSeconds: Boolean,
+    selecting: Number
+  },
+  methods: {
+    genTime: function genTime() {
+      var hour = this.hour;
+
+      if (this.ampm) {
+        hour = hour ? (hour - 1) % 12 + 1 : 12;
+      }
+
+      var displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : (0, _util.pad)(hour);
+      var displayedMinute = this.minute == null ? '--' : (0, _util.pad)(this.minute);
+      var titleContent = [this.genPickerButton('selecting', _SelectingTimes.SelectingTimes.Hour, displayedHour, this.disabled), this.$createElement('span', ':'), this.genPickerButton('selecting', _SelectingTimes.SelectingTimes.Minute, displayedMinute, this.disabled)];
+
+      if (this.useSeconds) {
+        var displayedSecond = this.second == null ? '--' : (0, _util.pad)(this.second);
+        titleContent.push(this.$createElement('span', ':'));
+        titleContent.push(this.genPickerButton('selecting', _SelectingTimes.SelectingTimes.Second, displayedSecond, this.disabled));
+      }
+
+      return this.$createElement('div', {
+        class: 'k-time-picker-title__time'
+      }, titleContent);
+    },
+    genAmPm: function genAmPm() {
+      return this.$createElement('div', {
+        staticClass: 'k-time-picker-title__ampm',
+        class: {
+          'k-time-picker-title__ampm--readonly': this.ampmReadonly
+        }
+      }, [!this.ampmReadonly || this.period === 'am' ? this.genPickerButton('period', 'am', this.$kdutify.lang.t('$kdutify.timePicker.am'), this.disabled || this.readonly) : null, !this.ampmReadonly || this.period === 'pm' ? this.genPickerButton('period', 'pm', this.$kdutify.lang.t('$kdutify.timePicker.pm'), this.disabled || this.readonly) : null]);
+    }
+  },
+  render: function render(h) {
+    var children = [this.genTime()];
+    this.ampm && children.push(this.genAmPm());
+    return h('div', {
+      staticClass: 'k-time-picker-title'
+    }, children);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KTimePickerTitle.js.map

package/es5/components/KTimePicker/KTimePickerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimePicker/KTimePickerTitle.ts"],"names":[],"mappings":"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","sourcesContent":["import './KTimePickerTitle.sass'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport { pad } from '../KDatePicker/util'\nimport mixins from '../../util/mixins'\n\nimport { SelectingTimes } from './SelectingTimes'\nimport { KNode, PropType } from 'kdu'\n\nexport default mixins(\n  PickerButton\n/* @kdujs/component */\n).extend({\n  name: 'k-time-picker-title',\n\n  props: {\n    ampm: Boolean,\n    ampmReadonly: Boolean,\n    disabled: Boolean,\n    hour: Number,\n    minute: Number,\n    second: Number,\n    period: {\n      type: String as PropType<'am' | 'pm'>,\n      validator: period => period === 'am' || period === 'pm',\n    },\n    readonly: Boolean,\n    useSeconds: Boolean,\n    selecting: Number,\n  },\n\n  methods: {\n    genTime () {\n      let hour = this.hour\n      if (this.ampm) {\n        hour = hour ? ((hour - 1) % 12 + 1) : 12\n      }\n\n      const displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : pad(hour)\n      const displayedMinute = this.minute == null ? '--' : pad(this.minute)\n      const titleContent = [\n        this.genPickerButton('selecting', SelectingTimes.Hour, displayedHour, this.disabled),\n        this.$createElement('span', ':'),\n        this.genPickerButton('selecting', SelectingTimes.Minute, displayedMinute, this.disabled),\n      ]\n\n      if (this.useSeconds) {\n        const displayedSecond = this.second == null ? '--' : pad(this.second)\n        titleContent.push(this.$createElement('span', ':'))\n        titleContent.push(this.genPickerButton('selecting', SelectingTimes.Second, displayedSecond, this.disabled))\n      }\n      return this.$createElement('div', {\n        class: 'k-time-picker-title__time',\n      }, titleContent)\n    },\n    genAmPm () {\n      return this.$createElement('div', {\n        staticClass: 'k-time-picker-title__ampm',\n        class: {\n          'k-time-picker-title__ampm--readonly': this.ampmReadonly,\n        },\n      }, [\n        (!this.ampmReadonly || this.period === 'am') ? this.genPickerButton('period', 'am', this.$kdutify.lang.t('$kdutify.timePicker.am'), this.disabled || this.readonly) : null,\n        (!this.ampmReadonly || this.period === 'pm') ? this.genPickerButton('period', 'pm', this.$kdutify.lang.t('$kdutify.timePicker.pm'), this.disabled || this.readonly) : null,\n      ])\n    },\n  },\n\n  render (h): KNode {\n    const children = [this.genTime()]\n\n    this.ampm && children.push(this.genAmPm())\n\n    return h('div', {\n      staticClass: 'k-time-picker-title',\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KTimePickerTitle.js"}

package/es5/components/KTimePicker/SelectingTimes.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectingTimes = void 0;
+var SelectingTimes;
+exports.SelectingTimes = SelectingTimes;
+
+(function (SelectingTimes) {
+  SelectingTimes[SelectingTimes["Hour"] = 1] = "Hour";
+  SelectingTimes[SelectingTimes["Minute"] = 2] = "Minute";
+  SelectingTimes[SelectingTimes["Second"] = 3] = "Second";
+})(SelectingTimes || (exports.SelectingTimes = SelectingTimes = {}));
+//# sourceMappingURL=SelectingTimes.js.map

package/es5/components/KTimePicker/SelectingTimes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimePicker/SelectingTimes.ts"],"names":[],"mappings":";;;;;;AAAA,IAAK,cAAL;;;AAAA,CAAA,UAAK,cAAL,EAAmB;AACjB,EAAA,cAAA,CAAA,cAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA;AACA,EAAA,cAAA,CAAA,cAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA;AACA,EAAA,cAAA,CAAA,cAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA;AACD,CAJD,EAAK,cAAc,8BAAd,cAAc,GAAA,EAAA,CAAnB","sourcesContent":["enum SelectingTimes {\n  Hour = 1,\n  Minute = 2,\n  Second = 3\n}\n\nexport { SelectingTimes }\n"],"sourceRoot":"","file":"SelectingTimes.js"}

package/es5/components/KTimePicker/index.js

@@ -1,7 +1,42 @@
-import KTimePicker from './KTimePicker';
+"use strict";
 
-KTimePicker.install = function install(Kdu) {
-  Kdu.component(KTimePicker.name, KTimePicker);
-};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KTimePicker", {
+  enumerable: true,
+  get: function get() {
+    return _KTimePicker.default;
+  }
+});
+Object.defineProperty(exports, "KTimePickerClock", {
+  enumerable: true,
+  get: function get() {
+    return _KTimePickerClock.default;
+  }
+});
+Object.defineProperty(exports, "KTimePickerTitle", {
+  enumerable: true,
+  get: function get() {
+    return _KTimePickerTitle.default;
+  }
+});
+exports.default = void 0;
+
+var _KTimePicker = _interopRequireDefault(require("./KTimePicker"));
+
+var _KTimePickerClock = _interopRequireDefault(require("./KTimePickerClock"));
 
-export default KTimePicker;
+var _KTimePickerTitle = _interopRequireDefault(require("./KTimePickerTitle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  $_kdutify_subcomponents: {
+    KTimePicker: _KTimePicker.default,
+    KTimePickerClock: _KTimePickerClock.default,
+    KTimePickerTitle: _KTimePickerTitle.default
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/KTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimePicker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;eAIe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,WAAW,EAAX,oBADuB;AAEvB,IAAA,gBAAgB,EAAhB,yBAFuB;AAGvB,IAAA,gBAAgB,EAAhB;AAHuB;AADZ,C","sourcesContent":["import KTimePicker from './KTimePicker'\nimport KTimePickerClock from './KTimePickerClock'\nimport KTimePickerTitle from './KTimePickerTitle'\n\nexport { KTimePicker, KTimePickerClock, KTimePickerTitle }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KTimePicker,\n    KTimePickerClock,\n    KTimePickerTitle,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KTimeline/KTimeline.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KTimeline\\KTimeline.sass");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = (0, _mixins.default)(_themeable.default
+/* @kdujs/component */
+).extend({
+  name: 'k-timeline',
+  provide: function provide() {
+    return {
+      timeline: this
+    };
+  },
+  props: {
+    alignTop: Boolean,
+    dense: Boolean,
+    reverse: Boolean
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread({
+        'k-timeline--align-top': this.alignTop,
+        'k-timeline--dense': this.dense,
+        'k-timeline--reverse': this.reverse
+      }, this.themeClasses);
+    }
+  },
+  render: function render(h) {
+    return h('div', {
+      staticClass: 'k-timeline',
+      class: this.classes
+    }, this.$slots.default);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KTimeline.js.map

package/es5/components/KTimeline/KTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimeline/KTimeline.ts"],"names":[],"mappings":";;;;;;;AACA;;AAIA;;AAGA;;;;;;;;;;eAEe,qBACb;AACF;AAFe,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,YADC;AAGP,EAAA,OAHO,qBAGA;AACL,WAAO;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAP;AACD,GALM;AAOP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,KAAK,EAAE,OAFF;AAGL,IAAA,OAAO,EAAE;AAHJ,GAPA;AAaP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL;AACE,iCAAyB,KAAK,QADhC;AAEE,6BAAqB,KAAK,KAF5B;AAGE,+BAAuB,KAAK;AAH9B,SAIK,KAAK,YAJV;AAMD;AARO,GAbH;AAwBP,EAAA,MAxBO,kBAwBC,CAxBD,EAwBE;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,YADC;AAEd,MAAA,KAAK,EAAE,KAAK;AAFE,KAAR,EAGL,KAAK,MAAL,CAAY,OAHP,CAAR;AAID;AA7BM,CAHM,C","sourcesContent":["// Styles\nimport './KTimeline.sass'\n\n// Types\nimport { KNode } from 'kdu'\nimport mixins from '../../util/mixins'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default mixins(\n  Themeable\n/* @kdujs/component */\n).extend({\n  name: 'k-timeline',\n\n  provide (): object {\n    return { timeline: this }\n  },\n\n  props: {\n    alignTop: Boolean,\n    dense: Boolean,\n    reverse: Boolean,\n  },\n\n  computed: {\n    classes (): {} {\n      return {\n        'k-timeline--align-top': this.alignTop,\n        'k-timeline--dense': this.dense,\n        'k-timeline--reverse': this.reverse,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-timeline',\n      class: this.classes,\n    }, this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KTimeline.js"}