kdutify 0.16.9-rc.0 → 2.6.1

package/lib/components/KTimePicker/KTimePickerClock.js

@@ -0,0 +1,284 @@
+import "..\\..\\..\\src\\components\\KTimePicker\\KTimePickerClock.sass"; // Mixins
+
+import Colorable from '../../mixins/colorable';
+import Themeable from '../../mixins/themeable'; // Types
+
+import mixins from '../../util/mixins';
+export default mixins(Colorable, Themeable
+/* @kdujs/component */
+).extend({
+  name: 'k-time-picker-clock',
+  props: {
+    allowedValues: Function,
+    ampm: Boolean,
+    disabled: Boolean,
+    double: Boolean,
+    format: {
+      type: Function,
+      default: val => 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() {
+    return {
+      inputValue: this.value,
+      isDragging: false,
+      valueOnMouseDown: null,
+      valueOnMouseUp: null
+    };
+  },
+
+  computed: {
+    count() {
+      return this.max - this.min + 1;
+    },
+
+    degreesPerUnit() {
+      return 360 / this.roundCount;
+    },
+
+    degrees() {
+      return this.degreesPerUnit * Math.PI / 180;
+    },
+
+    displayedValue() {
+      return this.value == null ? this.min : this.value;
+    },
+
+    innerRadiusScale() {
+      return 0.62;
+    },
+
+    roundCount() {
+      return this.double ? this.count / 2 : this.count;
+    }
+
+  },
+  watch: {
+    value(value) {
+      this.inputValue = value;
+    }
+
+  },
+  methods: {
+    wheel(e) {
+      e.preventDefault();
+      const delta = Math.sign(-e.deltaY || 1);
+      let 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(value) {
+      return this.double && value - this.min >= this.roundCount;
+    },
+
+    handScale(value) {
+      return this.isInner(value) ? this.innerRadiusScale : 1;
+    },
+
+    isAllowed(value) {
+      return !this.allowedValues || this.allowedValues(value);
+    },
+
+    genValues() {
+      const children = [];
+
+      for (let value = this.min; value <= this.max; value = value + this.step) {
+        const 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>${this.format(value)}</span>`
+          }
+        })));
+      }
+
+      return children;
+    },
+
+    genHand() {
+      const scale = `scaleY(${this.handScale(this.displayedValue)})`;
+      const angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min);
+      const 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(${angle}deg) ${scale}`
+        }
+      }));
+    },
+
+    getTransform(i) {
+      const {
+        x,
+        y
+      } = this.getPosition(i);
+      return {
+        left: `${50 + x * 50}%`,
+        top: `${50 + y * 50}%`
+      };
+    },
+
+    getPosition(value) {
+      const 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(e) {
+      e.preventDefault();
+      this.valueOnMouseDown = null;
+      this.valueOnMouseUp = null;
+      this.isDragging = true;
+      this.onDragMove(e);
+    },
+
+    onMouseUp(e) {
+      e.stopPropagation();
+      this.isDragging = false;
+
+      if (this.valueOnMouseUp !== null && this.isAllowed(this.valueOnMouseUp)) {
+        this.$emit('change', this.valueOnMouseUp);
+      }
+    },
+
+    onDragMove(e) {
+      e.preventDefault();
+      if (!this.isDragging && e.type !== 'click' || !this.$refs.clock) return;
+      const {
+        width,
+        top,
+        left
+      } = this.$refs.clock.getBoundingClientRect();
+      const {
+        width: innerWidth
+      } = this.$refs.innerClock.getBoundingClientRect();
+      const {
+        clientX,
+        clientY
+      } = 'touches' in e ? e.touches[0] : e;
+      const center = {
+        x: width / 2,
+        y: -width / 2
+      };
+      const coords = {
+        x: clientX - left,
+        y: top - clientY
+      };
+      const handAngle = Math.round(this.angle(center, coords) - this.rotate + 360) % 360;
+      const insideClick = this.double && this.euclidean(center, coords) < (innerWidth + innerWidth * this.innerRadiusScale) / 4;
+      const checksCount = Math.ceil(15 / this.degreesPerUnit);
+      let value;
+
+      for (let 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(angle, insideClick) {
+      const 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(value) {
+      if (this.valueOnMouseDown === null) {
+        this.valueOnMouseDown = value;
+      }
+
+      this.valueOnMouseUp = value;
+      this.update(value);
+    },
+
+    update(value) {
+      if (this.inputValue !== value) {
+        this.inputValue = value;
+        this.$emit('input', value);
+      }
+    },
+
+    euclidean(p0, p1) {
+      const dx = p1.x - p0.x;
+      const dy = p1.y - p0.y;
+      return Math.sqrt(dx * dx + dy * dy);
+    },
+
+    angle(center, p1) {
+      const value = 2 * Math.atan2(p1.y - center.y - this.euclidean(center, p1), p1.x - center.x);
+      return Math.abs(value * 180 / Math.PI);
+    }
+
+  },
+
+  render(h) {
+    const data = {
+      staticClass: 'k-time-picker-clock',
+      class: {
+        'k-time-picker-clock--indeterminate': this.value == null,
+        ...this.themeClasses
+      },
+      on: this.readonly || this.disabled ? undefined : {
+        mousedown: this.onMouseDown,
+        mouseup: this.onMouseUp,
+        mouseleave: e => 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()])]);
+  }
+
+});
+//# sourceMappingURL=KTimePickerClock.js.map

package/lib/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/lib/components/KTimePicker/KTimePickerTitle.js

@@ -0,0 +1,70 @@
+import "..\\..\\..\\src\\components\\KTimePicker\\KTimePickerTitle.sass"; // Mixins
+
+import PickerButton from '../../mixins/picker-button'; // Utils
+
+import { pad } from '../KDatePicker/util';
+import mixins from '../../util/mixins';
+import { SelectingTimes } from './SelectingTimes';
+export default mixins(PickerButton
+/* @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: period => period === 'am' || period === 'pm'
+    },
+    readonly: Boolean,
+    useSeconds: Boolean,
+    selecting: Number
+  },
+  methods: {
+    genTime() {
+      let hour = this.hour;
+
+      if (this.ampm) {
+        hour = hour ? (hour - 1) % 12 + 1 : 12;
+      }
+
+      const displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : pad(hour);
+      const displayedMinute = this.minute == null ? '--' : pad(this.minute);
+      const titleContent = [this.genPickerButton('selecting', SelectingTimes.Hour, displayedHour, this.disabled), this.$createElement('span', ':'), this.genPickerButton('selecting', SelectingTimes.Minute, displayedMinute, this.disabled)];
+
+      if (this.useSeconds) {
+        const displayedSecond = this.second == null ? '--' : pad(this.second);
+        titleContent.push(this.$createElement('span', ':'));
+        titleContent.push(this.genPickerButton('selecting', SelectingTimes.Second, displayedSecond, this.disabled));
+      }
+
+      return this.$createElement('div', {
+        class: 'k-time-picker-title__time'
+      }, titleContent);
+    },
+
+    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(h) {
+    const children = [this.genTime()];
+    this.ampm && children.push(this.genAmPm());
+    return h('div', {
+      staticClass: 'k-time-picker-title'
+    }, children);
+  }
+
+});
+//# sourceMappingURL=KTimePickerTitle.js.map

package/lib/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/lib/components/KTimePicker/SelectingTimes.js

@@ -0,0 +1,10 @@
+var SelectingTimes;
+
+(function (SelectingTimes) {
+  SelectingTimes[SelectingTimes["Hour"] = 1] = "Hour";
+  SelectingTimes[SelectingTimes["Minute"] = 2] = "Minute";
+  SelectingTimes[SelectingTimes["Second"] = 3] = "Second";
+})(SelectingTimes || (SelectingTimes = {}));
+
+export { SelectingTimes };
+//# sourceMappingURL=SelectingTimes.js.map

package/lib/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,KAAd,cAAc,GAAA,EAAA,CAAnB;;AAMA,SAAS,cAAT","sourcesContent":["enum SelectingTimes {\n  Hour = 1,\n  Minute = 2,\n  Second = 3\n}\n\nexport { SelectingTimes }\n"],"sourceRoot":"","file":"SelectingTimes.js"}

package/lib/components/KTimePicker/index.js

@@ -0,0 +1,12 @@
+import KTimePicker from './KTimePicker';
+import KTimePickerClock from './KTimePickerClock';
+import KTimePickerTitle from './KTimePickerTitle';
+export { KTimePicker, KTimePickerClock, KTimePickerTitle };
+export default {
+  $_kdutify_subcomponents: {
+    KTimePicker,
+    KTimePickerClock,
+    KTimePickerTitle
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAP,MAAwB,eAAxB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AAEA,SAAS,WAAT,EAAsB,gBAAtB,EAAwC,gBAAxC;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,WADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA;AAHuB;AADZ,CAAf","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/lib/components/KTimeline/KTimeline.js

@@ -0,0 +1,42 @@
+// Styles
+import "..\\..\\..\\src\\components\\KTimeline\\KTimeline.sass";
+import mixins from '../../util/mixins'; // Mixins
+
+import Themeable from '../../mixins/themeable';
+export default mixins(Themeable
+/* @kdujs/component */
+).extend({
+  name: 'k-timeline',
+
+  provide() {
+    return {
+      timeline: this
+    };
+  },
+
+  props: {
+    alignTop: Boolean,
+    dense: Boolean,
+    reverse: Boolean
+  },
+  computed: {
+    classes() {
+      return {
+        'k-timeline--align-top': this.alignTop,
+        'k-timeline--dense': this.dense,
+        'k-timeline--reverse': this.reverse,
+        ...this.themeClasses
+      };
+    }
+
+  },
+
+  render(h) {
+    return h('div', {
+      staticClass: 'k-timeline',
+      class: this.classes
+    }, this.$slots.default);
+  }
+
+});
+//# sourceMappingURL=KTimeline.js.map

package/lib/components/KTimeline/KTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimeline/KTimeline.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAP;AAIA,OAAO,MAAP,MAAmB,mBAAnB,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAEA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,YADC;;AAGP,EAAA,OAAO,GAAA;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,OAAO,GAAA;AACL,aAAO;AACL,iCAAyB,KAAK,QADzB;AAEL,6BAAqB,KAAK,KAFrB;AAGL,+BAAuB,KAAK,OAHvB;AAIL,WAAG,KAAK;AAJH,OAAP;AAMD;;AARO,GAbH;;AAwBP,EAAA,MAAM,CAAE,CAAF,EAAG;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,CAAf","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"}

package/lib/components/KTimeline/KTimelineItem.js

@@ -0,0 +1,103 @@
+// Types
+import mixins from '../../util/mixins';
+import KIcon from '../KIcon'; // Mixins
+
+import Themeable from '../../mixins/themeable';
+import Colorable from '../../mixins/colorable';
+const baseMixins = mixins(Colorable, Themeable
+/* @kdujs/component */
+);
+export default baseMixins.extend().extend({
+  name: 'k-timeline-item',
+  inject: ['timeline'],
+  props: {
+    color: {
+      type: String,
+      default: 'primary'
+    },
+    fillDot: Boolean,
+    hideDot: Boolean,
+    icon: String,
+    iconColor: String,
+    large: Boolean,
+    left: Boolean,
+    right: Boolean,
+    small: Boolean
+  },
+  computed: {
+    hasIcon() {
+      return !!this.icon || !!this.$slots.icon;
+    }
+
+  },
+  methods: {
+    genBody() {
+      return this.$createElement('div', {
+        staticClass: 'k-timeline-item__body'
+      }, this.$slots.default);
+    },
+
+    genIcon() {
+      if (this.$slots.icon) {
+        return this.$slots.icon;
+      }
+
+      return this.$createElement(KIcon, {
+        props: {
+          color: this.iconColor,
+          dark: !this.theme.isDark,
+          small: this.small
+        }
+      }, this.icon);
+    },
+
+    genInnerDot() {
+      const data = this.setBackgroundColor(this.color);
+      return this.$createElement('div', {
+        staticClass: 'k-timeline-item__inner-dot',
+        ...data
+      }, [this.hasIcon && this.genIcon()]);
+    },
+
+    genDot() {
+      return this.$createElement('div', {
+        staticClass: 'k-timeline-item__dot',
+        class: {
+          'k-timeline-item__dot--small': this.small,
+          'k-timeline-item__dot--large': this.large
+        }
+      }, [this.genInnerDot()]);
+    },
+
+    genDivider() {
+      const children = [];
+      if (!this.hideDot) children.push(this.genDot());
+      return this.$createElement('div', {
+        staticClass: 'k-timeline-item__divider'
+      }, children);
+    },
+
+    genOpposite() {
+      return this.$createElement('div', {
+        staticClass: 'k-timeline-item__opposite'
+      }, this.$slots.opposite);
+    }
+
+  },
+
+  render(h) {
+    const children = [this.genBody(), this.genDivider()];
+    if (this.$slots.opposite) children.push(this.genOpposite());
+    return h('div', {
+      staticClass: 'k-timeline-item',
+      class: {
+        'k-timeline-item--fill-dot': this.fillDot,
+        'k-timeline-item--before': this.timeline.reverse ? this.right : this.left,
+        'k-timeline-item--after': this.timeline.reverse ? this.left : this.right,
+        ...this.themeClasses
+      }
+    }, children);
+  }
+
+});
+//# sourceMappingURL=KTimelineItem.js.map

package/lib/components/KTimeline/KTimelineItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimeline/KTimelineItem.ts"],"names":[],"mappings":"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","sourcesContent":["// Types\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { KNode, KNodeData } from 'kdu'\n\n// Components\nimport KTimeline from './KTimeline'\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport Colorable from '../../mixins/colorable'\n\nconst baseMixins = mixins(\n  Colorable,\n  Themeable\n/* @kdujs/component */\n)\n\ntype KTimelineInstance = InstanceType<typeof KTimeline>\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  timeline: KTimelineInstance\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'k-timeline-item',\n\n  inject: ['timeline'],\n\n  props: {\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    fillDot: Boolean,\n    hideDot: Boolean,\n    icon: String,\n    iconColor: String,\n    large: Boolean,\n    left: Boolean,\n    right: Boolean,\n    small: Boolean,\n  },\n\n  computed: {\n    hasIcon (): boolean {\n      return !!this.icon || !!this.$slots.icon\n    },\n  },\n\n  methods: {\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'k-timeline-item__body',\n      }, this.$slots.default)\n    },\n    genIcon (): KNode | KNode[] {\n      if (this.$slots.icon) {\n        return this.$slots.icon\n      }\n\n      return this.$createElement(KIcon, {\n        props: {\n          color: this.iconColor,\n          dark: !this.theme.isDark,\n          small: this.small,\n        },\n      }, this.icon)\n    },\n    genInnerDot () {\n      const data: KNodeData = this.setBackgroundColor(this.color)\n\n      return this.$createElement('div', {\n        staticClass: 'k-timeline-item__inner-dot',\n        ...data,\n      }, [this.hasIcon && this.genIcon()])\n    },\n    genDot () {\n      return this.$createElement('div', {\n        staticClass: 'k-timeline-item__dot',\n        class: {\n          'k-timeline-item__dot--small': this.small,\n          'k-timeline-item__dot--large': this.large,\n        },\n      }, [this.genInnerDot()])\n    },\n    genDivider () {\n      const children = []\n\n      if (!this.hideDot) children.push(this.genDot())\n\n      return this.$createElement('div', {\n        staticClass: 'k-timeline-item__divider',\n      }, children)\n    },\n    genOpposite () {\n      return this.$createElement('div', {\n        staticClass: 'k-timeline-item__opposite',\n      }, this.$slots.opposite)\n    },\n  },\n\n  render (h): KNode {\n    const children = [\n      this.genBody(),\n      this.genDivider(),\n    ]\n\n    if (this.$slots.opposite) children.push(this.genOpposite())\n\n    return h('div', {\n      staticClass: 'k-timeline-item',\n      class: {\n        'k-timeline-item--fill-dot': this.fillDot,\n        'k-timeline-item--before': this.timeline.reverse ? this.right : this.left,\n        'k-timeline-item--after': this.timeline.reverse ? this.left : this.right,\n        ...this.themeClasses,\n      },\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KTimelineItem.js"}

package/lib/components/KTimeline/index.js

@@ -0,0 +1,10 @@
+import KTimeline from './KTimeline';
+import KTimelineItem from './KTimelineItem';
+export { KTimeline, KTimelineItem };
+export default {
+  $_kdutify_subcomponents: {
+    KTimeline,
+    KTimelineItem
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTimeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,SAAS,SAAT,EAAoB,aAApB;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import KTimeline from './KTimeline'\nimport KTimelineItem from './KTimelineItem'\n\nexport { KTimeline, KTimelineItem }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KTimeline,\n    KTimelineItem,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}