kdutify 0.16.9-rc.0 → 2.6.0

package/es5/components/KDatePicker/KDatePickerYears.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KDatePicker\\KDatePickerYears.sass");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _localable = _interopRequireDefault(require("../../mixins/localable"));
+
+var _util = require("./util");
+
+var _mergeData = require("../../util/mergeData");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Mixins
+// Utils
+var _default = (0, _mixins.default)(_colorable.default, _localable.default
+/* @kdujs/component */
+).extend({
+  name: 'k-date-picker-years',
+  props: {
+    format: Function,
+    min: [Number, String],
+    max: [Number, String],
+    readonly: Boolean,
+    value: [Number, String]
+  },
+  data: function data() {
+    return {
+      defaultColor: 'primary'
+    };
+  },
+  computed: {
+    formatter: function formatter() {
+      return this.format || (0, _util.createNativeLocaleFormatter)(this.currentLocale, {
+        year: 'numeric',
+        timeZone: 'UTC'
+      }, {
+        length: 4
+      });
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    setTimeout(function () {
+      var activeItem = _this.$el.getElementsByClassName('active')[0];
+
+      if (activeItem) {
+        _this.$el.scrollTop = activeItem.offsetTop - _this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2;
+      } else if (_this.min && !_this.max) {
+        _this.$el.scrollTop = _this.$el.scrollHeight;
+      } else if (!_this.min && _this.max) {
+        _this.$el.scrollTop = 0;
+      } else {
+        _this.$el.scrollTop = _this.$el.scrollHeight / 2 - _this.$el.offsetHeight / 2;
+      }
+    });
+  },
+  methods: {
+    genYearItem: function genYearItem(year) {
+      var _this2 = this;
+
+      var formatted = this.formatter("".concat(year));
+      var active = parseInt(this.value, 10) === year;
+      var color = active && (this.color || 'primary');
+      return this.$createElement('li', this.setTextColor(color, {
+        key: year,
+        class: {
+          active: active
+        },
+        on: (0, _mergeData.mergeListeners)({
+          click: function click() {
+            return _this2.$emit('input', year);
+          }
+        }, (0, _util.createItemTypeNativeListeners)(this, ':year', year))
+      }), formatted);
+    },
+    genYearItems: function genYearItems() {
+      var children = [];
+      var selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear();
+      var maxYear = this.max ? parseInt(this.max, 10) : selectedYear + 100;
+      var minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : selectedYear - 100);
+
+      for (var year = maxYear; year >= minYear; year--) {
+        children.push(this.genYearItem(year));
+      }
+
+      return children;
+    }
+  },
+  render: function render() {
+    return this.$createElement('ul', {
+      staticClass: 'k-date-picker-years',
+      ref: 'years'
+    }, this.genYearItems());
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KDatePickerYears.js.map

package/es5/components/KDatePicker/KDatePickerYears.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerYears.ts"],"names":[],"mappings":"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","sourcesContent":["import './KDatePickerYears.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\n\n// Utils\nimport {\n  createItemTypeNativeListeners,\n  createNativeLocaleFormatter,\n} from './util'\nimport { mergeListeners } from '../../util/mergeData'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport Kdu, { KNode, PropType } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\ninterface options extends Kdu {\n  $el: HTMLElement\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractKdu<[\n    typeof Colorable,\n    typeof Localable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Localable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-years',\n\n  props: {\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: [Number, String],\n    max: [Number, String],\n    readonly: Boolean,\n    value: [Number, String],\n  },\n\n  data () {\n    return {\n      defaultColor: 'primary',\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      const activeItem = this.$el.getElementsByClassName('active')[0]\n      if (activeItem) {\n        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2\n      } else if (this.min && !this.max) {\n        this.$el.scrollTop = this.$el.scrollHeight\n      } else if (!this.min && this.max) {\n        this.$el.scrollTop = 0\n      } else {\n        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2\n      }\n    })\n  },\n\n  methods: {\n    genYearItem (year: number): KNode {\n      const formatted = this.formatter(`${year}`)\n      const active = parseInt(this.value, 10) === year\n      const color = active && (this.color || 'primary')\n\n      return this.$createElement('li', this.setTextColor(color, {\n        key: year,\n        class: { active },\n        on: mergeListeners({\n          click: () => this.$emit('input', year),\n        }, createItemTypeNativeListeners(this, ':year', year)),\n      }), formatted)\n    },\n\n    genYearItems (): KNode[] {\n      const children = []\n      const selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear()\n      const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)\n      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))\n\n      for (let year = maxYear; year >= minYear; year--) {\n        children.push(this.genYearItem(year))\n      }\n\n      return children\n    },\n  },\n\n  render (): KNode {\n    return this.$createElement('ul', {\n      staticClass: 'k-date-picker-years',\n      ref: 'years',\n    }, this.genYearItems())\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerYears.js"}

package/es5/components/KDatePicker/index.js

@@ -1,7 +1,69 @@
-import KDatePicker from './KDatePicker';
+"use strict";
 
-KDatePicker.install = function install(Kdu) {
-  Kdu.component(KDatePicker.name, KDatePicker);
-};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KDatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _KDatePicker.default;
+  }
+});
+Object.defineProperty(exports, "KDatePickerTitle", {
+  enumerable: true,
+  get: function get() {
+    return _KDatePickerTitle.default;
+  }
+});
+Object.defineProperty(exports, "KDatePickerHeader", {
+  enumerable: true,
+  get: function get() {
+    return _KDatePickerHeader.default;
+  }
+});
+Object.defineProperty(exports, "KDatePickerDateTable", {
+  enumerable: true,
+  get: function get() {
+    return _KDatePickerDateTable.default;
+  }
+});
+Object.defineProperty(exports, "KDatePickerMonthTable", {
+  enumerable: true,
+  get: function get() {
+    return _KDatePickerMonthTable.default;
+  }
+});
+Object.defineProperty(exports, "KDatePickerYears", {
+  enumerable: true,
+  get: function get() {
+    return _KDatePickerYears.default;
+  }
+});
+exports.default = void 0;
+
+var _KDatePicker = _interopRequireDefault(require("./KDatePicker"));
+
+var _KDatePickerTitle = _interopRequireDefault(require("./KDatePickerTitle"));
+
+var _KDatePickerHeader = _interopRequireDefault(require("./KDatePickerHeader"));
+
+var _KDatePickerDateTable = _interopRequireDefault(require("./KDatePickerDateTable"));
 
-export default KDatePicker;
+var _KDatePickerMonthTable = _interopRequireDefault(require("./KDatePickerMonthTable"));
+
+var _KDatePickerYears = _interopRequireDefault(require("./KDatePickerYears"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  $_kdutify_subcomponents: {
+    KDatePicker: _KDatePicker.default,
+    KDatePickerTitle: _KDatePickerTitle.default,
+    KDatePickerHeader: _KDatePickerHeader.default,
+    KDatePickerDateTable: _KDatePickerDateTable.default,
+    KDatePickerMonthTable: _KDatePickerMonthTable.default,
+    KDatePickerYears: _KDatePickerYears.default
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KDatePicker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;eAWe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,WAAW,EAAX,oBADuB;AAEvB,IAAA,gBAAgB,EAAhB,yBAFuB;AAGvB,IAAA,iBAAiB,EAAjB,0BAHuB;AAIvB,IAAA,oBAAoB,EAApB,6BAJuB;AAKvB,IAAA,qBAAqB,EAArB,8BALuB;AAMvB,IAAA,gBAAgB,EAAhB;AANuB;AADZ,C","sourcesContent":["import KDatePicker from './KDatePicker'\nimport KDatePickerTitle from './KDatePickerTitle'\nimport KDatePickerHeader from './KDatePickerHeader'\nimport KDatePickerDateTable from './KDatePickerDateTable'\nimport KDatePickerMonthTable from './KDatePickerMonthTable'\nimport KDatePickerYears from './KDatePickerYears'\n\nexport {\n  KDatePicker,\n  KDatePickerTitle,\n  KDatePickerHeader,\n  KDatePickerDateTable,\n  KDatePickerMonthTable,\n  KDatePickerYears,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KDatePicker,\n    KDatePickerTitle,\n    KDatePickerHeader,\n    KDatePickerDateTable,\n    KDatePickerMonthTable,\n    KDatePickerYears,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KDatePicker/mixins/date-picker-table.js

@@ -0,0 +1,285 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\..\\src\\components\\KDatePicker\\KDatePickerTable.sass");
+
+var _touch = _interopRequireDefault(require("../../../directives/touch"));
+
+var _colorable = _interopRequireDefault(require("../../../mixins/colorable"));
+
+var _localable = _interopRequireDefault(require("../../../mixins/localable"));
+
+var _themeable = _interopRequireDefault(require("../../../mixins/themeable"));
+
+var _util = require("../util");
+
+var _isDateAllowed = _interopRequireDefault(require("../util/isDateAllowed"));
+
+var _mergeData = require("../../../util/mergeData");
+
+var _mixins = _interopRequireDefault(require("../../../util/mixins"));
+
+var _helpers = require("../../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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, _localable.default, _themeable.default
+/* @kdujs/component */
+).extend({
+  directives: {
+    Touch: _touch.default
+  },
+  props: {
+    allowedDates: Function,
+    current: String,
+    disabled: Boolean,
+    format: Function,
+    events: {
+      type: [Array, Function, Object],
+      default: function _default() {
+        return null;
+      }
+    },
+    eventColor: {
+      type: [Array, Function, Object, String],
+      default: function _default() {
+        return 'warning';
+      }
+    },
+    min: String,
+    max: String,
+    range: Boolean,
+    readonly: Boolean,
+    scrollable: Boolean,
+    tableDate: {
+      type: String,
+      required: true
+    },
+    value: [String, Array]
+  },
+  data: function data() {
+    return {
+      isReversing: false,
+      wheelThrottle: null
+    };
+  },
+  computed: {
+    computedTransition: function computedTransition() {
+      return this.isReversing === !this.$kdutify.rtl ? 'tab-reverse-transition' : 'tab-transition';
+    },
+    displayedMonth: function displayedMonth() {
+      return Number(this.tableDate.split('-')[1]) - 1;
+    },
+    displayedYear: function displayedYear() {
+      return Number(this.tableDate.split('-')[0]);
+    }
+  },
+  watch: {
+    tableDate: function tableDate(newVal, oldVal) {
+      this.isReversing = newVal < oldVal;
+    }
+  },
+  mounted: function mounted() {
+    this.wheelThrottle = (0, _helpers.throttle)(this.wheel, 250);
+  },
+  methods: {
+    genButtonClasses: function genButtonClasses(isAllowed, isFloating, isSelected, isCurrent, isFirst, isLast) {
+      return _objectSpread({
+        'k-size--default': !isFloating,
+        'k-date-picker-table__current': isCurrent,
+        'k-btn--active': isSelected,
+        'k-btn--flat': !isAllowed || this.disabled,
+        'k-btn--text': isSelected === isCurrent,
+        'k-btn--rounded': isFloating,
+        'k-btn--disabled': !isAllowed || this.disabled,
+        'k-btn--outlined': isCurrent && !isSelected,
+        'k-date-picker--first-in-range': isFirst,
+        'k-date-picker--last-in-range': isLast
+      }, this.themeClasses);
+    },
+    genButtonEvents: function genButtonEvents(value, isAllowed, mouseEventType) {
+      var _this = this;
+
+      if (this.disabled) return undefined;
+      return (0, _mergeData.mergeListeners)({
+        click: function click() {
+          if (isAllowed && !_this.readonly) _this.$emit('input', value);
+        }
+      }, (0, _util.createItemTypeNativeListeners)(this, ":".concat(mouseEventType), value));
+    },
+    genButton: function genButton(value, isFloating, mouseEventType, formatter) {
+      var isOtherMonth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+      var isAllowed = (0, _isDateAllowed.default)(value, this.min, this.max, this.allowedDates);
+      var isSelected = this.isSelected(value) && isAllowed;
+      var isCurrent = value === this.current;
+      var setColor = isSelected ? this.setBackgroundColor : this.setTextColor;
+      var color = (isSelected || isCurrent) && (this.color || 'accent');
+      var isFirst = false;
+      var isLast = false;
+
+      if (this.range && !!this.value && Array.isArray(this.value)) {
+        isFirst = value === this.value[0];
+        isLast = value === this.value[this.value.length - 1];
+      }
+
+      return this.$createElement('button', setColor(color, {
+        staticClass: 'k-btn',
+        class: this.genButtonClasses(isAllowed && !isOtherMonth, isFloating, isSelected, isCurrent, isFirst, isLast),
+        attrs: {
+          type: 'button'
+        },
+        domProps: {
+          disabled: this.disabled || !isAllowed || isOtherMonth
+        },
+        on: this.genButtonEvents(value, isAllowed, mouseEventType)
+      }), [this.$createElement('div', {
+        staticClass: 'k-btn__content'
+      }, [formatter(value)]), this.genEvents(value)]);
+    },
+    getEventColors: function getEventColors(date) {
+      var arrayize = function arrayize(v) {
+        return Array.isArray(v) ? v : [v];
+      };
+
+      var eventData;
+      var eventColors = [];
+
+      if (Array.isArray(this.events)) {
+        eventData = this.events.includes(date);
+      } else if (this.events instanceof Function) {
+        eventData = this.events(date) || false;
+      } else if (this.events) {
+        eventData = this.events[date] || false;
+      } else {
+        eventData = false;
+      }
+
+      if (!eventData) {
+        return [];
+      } else if (eventData !== true) {
+        eventColors = arrayize(eventData);
+      } else if (typeof this.eventColor === 'string') {
+        eventColors = [this.eventColor];
+      } else if (typeof this.eventColor === 'function') {
+        eventColors = arrayize(this.eventColor(date));
+      } else if (Array.isArray(this.eventColor)) {
+        eventColors = this.eventColor;
+      } else {
+        eventColors = arrayize(this.eventColor[date]);
+      }
+
+      return eventColors.filter(function (v) {
+        return v;
+      });
+    },
+    genEvents: function genEvents(date) {
+      var _this2 = this;
+
+      var eventColors = this.getEventColors(date);
+      return eventColors.length ? this.$createElement('div', {
+        staticClass: 'k-date-picker-table__events'
+      }, eventColors.map(function (color) {
+        return _this2.$createElement('div', _this2.setBackgroundColor(color));
+      })) : null;
+    },
+    isValidScroll: function isValidScroll(value, calculateTableDate) {
+      var tableDate = calculateTableDate(value); // tableDate is 'YYYY-MM' for DateTable and 'YYYY' for MonthTable
+
+      var sanitizeType = tableDate.split('-').length === 1 ? 'year' : 'month';
+      return value < 0 && (this.min ? tableDate >= (0, _util.sanitizeDateString)(this.min, sanitizeType) : true) || value > 0 && (this.max ? tableDate <= (0, _util.sanitizeDateString)(this.max, sanitizeType) : true);
+    },
+    wheel: function wheel(e, calculateTableDate) {
+      this.$emit('update:table-date', calculateTableDate(e.deltaY));
+    },
+    touch: function touch(value, calculateTableDate) {
+      this.$emit('update:table-date', calculateTableDate(value));
+    },
+    genTable: function genTable(staticClass, children, calculateTableDate) {
+      var _this3 = this;
+
+      var transition = this.$createElement('transition', {
+        props: {
+          name: this.computedTransition
+        }
+      }, [this.$createElement('table', {
+        key: this.tableDate
+      }, children)]);
+      var touchDirective = {
+        name: 'touch',
+        value: {
+          left: function left(e) {
+            return e.offsetX < -15 && _this3.isValidScroll(1, calculateTableDate) && _this3.touch(1, calculateTableDate);
+          },
+          right: function right(e) {
+            return e.offsetX > 15 && _this3.isValidScroll(-1, calculateTableDate) && _this3.touch(-1, calculateTableDate);
+          }
+        }
+      };
+      return this.$createElement('div', {
+        staticClass: staticClass,
+        class: _objectSpread({
+          'k-date-picker-table--disabled': this.disabled
+        }, this.themeClasses),
+        on: !this.disabled && this.scrollable ? {
+          wheel: function wheel(e) {
+            e.preventDefault();
+
+            if (_this3.isValidScroll(e.deltaY, calculateTableDate)) {
+              _this3.wheelThrottle(e, calculateTableDate);
+            }
+          }
+        } : undefined,
+        directives: [touchDirective]
+      }, [transition]);
+    },
+    isSelected: function isSelected(value) {
+      if (Array.isArray(this.value)) {
+        if (this.range && this.value.length === 2) {
+          var _sort = _toConsumableArray(this.value).sort(),
+              _sort2 = _slicedToArray(_sort, 2),
+              from = _sort2[0],
+              to = _sort2[1];
+
+          return from <= value && value <= to;
+        } else {
+          return this.value.indexOf(value) !== -1;
+        }
+      }
+
+      return value === this.value;
+    }
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=date-picker-table.js.map

package/es5/components/KDatePicker/mixins/date-picker-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KDatePicker/mixins/date-picker-table.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAmBe,qBACb,kBADa,EAEb,kBAFa,EAGb;AACF;AAJe,EAKb,MALa,CAKN;AACP,EAAA,UAAU,EAAE;AAAE,IAAA,KAAK,EAAL;AAAF,GADL;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,YAAY,EAAE,QADT;AAEL,IAAA,OAAO,EAAE,MAFJ;AAGL,IAAA,QAAQ,EAAE,OAHL;AAIL,IAAA,MAAM,EAAE,QAJH;AAKL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,CADA;AAEN,MAAA,OAAO,EAAE;AAAA,eAAM,IAAN;AAAA;AAFH,KALH;AASL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,MAA1B,CADI;AAEV,MAAA,OAAO,EAAE;AAAA,eAAM,SAAN;AAAA;AAFC,KATP;AAaL,IAAA,GAAG,EAAE,MAbA;AAcL,IAAA,GAAG,EAAE,MAdA;AAeL,IAAA,KAAK,EAAE,OAfF;AAgBL,IAAA,QAAQ,EAAE,OAhBL;AAiBL,IAAA,UAAU,EAAE,OAjBP;AAkBL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,MADG;AAET,MAAA,QAAQ,EAAE;AAFD,KAlBN;AAsBL,IAAA,KAAK,EAAE,CAAC,MAAD,EAAS,KAAT;AAtBF,GAHA;AA4BP,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,WAAW,EAAE,KADF;AAEX,MAAA,aAAa,EAAE;AAFJ,KAAP;AAAA,GA5BC;AAiCP,EAAA,QAAQ,EAAE;AACR,IAAA,kBADQ,gCACU;AAChB,aAAQ,KAAK,WAAL,KAAqB,CAAC,KAAK,QAAL,CAAc,GAArC,GAA4C,wBAA5C,GAAuE,gBAA9E;AACD,KAHO;AAIR,IAAA,cAJQ,4BAIM;AACZ,aAAO,MAAM,CAAC,KAAK,SAAL,CAAe,KAAf,CAAqB,GAArB,EAA0B,CAA1B,CAAD,CAAN,GAAuC,CAA9C;AACD,KANO;AAOR,IAAA,aAPQ,2BAOK;AACX,aAAO,MAAM,CAAC,KAAK,SAAL,CAAe,KAAf,CAAqB,GAArB,EAA0B,CAA1B,CAAD,CAAb;AACD;AATO,GAjCH;AA6CP,EAAA,KAAK,EAAE;AACL,IAAA,SADK,qBACM,MADN,EACsB,MADtB,EACoC;AACvC,WAAK,WAAL,GAAmB,MAAM,GAAG,MAA5B;AACD;AAHI,GA7CA;AAmDP,EAAA,OAnDO,qBAmDA;AACL,SAAK,aAAL,GAAqB,uBAAS,KAAK,KAAd,EAAqB,GAArB,CAArB;AACD,GArDM;AAuDP,EAAA,OAAO,EAAE;AACP,IAAA,gBADO,4BAEL,SAFK,EAGL,UAHK,EAIL,UAJK,EAKL,SALK,EAML,OANK,EAOL,MAPK,EAOU;AAEf;AACE,2BAAmB,CAAC,UADtB;AAEE,wCAAgC,SAFlC;AAGE,yBAAiB,UAHnB;AAIE,uBAAe,CAAC,SAAD,IAAc,KAAK,QAJpC;AAKE,uBAAe,UAAU,KAAK,SALhC;AAME,0BAAkB,UANpB;AAOE,2BAAmB,CAAC,SAAD,IAAc,KAAK,QAPxC;AAQE,2BAAmB,SAAS,IAAI,CAAC,UARnC;AASE,yCAAiC,OATnC;AAUE,wCAAgC;AAVlC,SAWK,KAAK,YAXV;AAaD,KAtBM;AAuBP,IAAA,eAvBO,2BAuBU,KAvBV,EAuByB,SAvBzB,EAuB6C,cAvB7C,EAuBmE;AAAA;;AACxE,UAAI,KAAK,QAAT,EAAmB,OAAO,SAAP;AAEnB,aAAO,+BAAe;AACpB,QAAA,KAAK,EAAE,iBAAK;AACV,cAAI,SAAS,IAAI,CAAC,KAAI,CAAC,QAAvB,EAAiC,KAAI,CAAC,KAAL,CAAW,OAAX,EAAoB,KAApB;AAClC;AAHmB,OAAf,EAIJ,yCAA8B,IAA9B,aAAwC,cAAxC,GAA0D,KAA1D,CAJI,CAAP;AAKD,KA/BM;AAgCP,IAAA,SAhCO,qBAgCI,KAhCJ,EAgCmB,UAhCnB,EAgCwC,cAhCxC,EAgCgE,SAhChE,EAgCoH;AAAA,UAApB,YAAoB,uEAAL,KAAK;AACzH,UAAM,SAAS,GAAG,4BAAc,KAAd,EAAqB,KAAK,GAA1B,EAA+B,KAAK,GAApC,EAAyC,KAAK,YAA9C,CAAlB;AACA,UAAM,UAAU,GAAG,KAAK,UAAL,CAAgB,KAAhB,KAA0B,SAA7C;AACA,UAAM,SAAS,GAAG,KAAK,KAAK,KAAK,OAAjC;AACA,UAAM,QAAQ,GAAG,UAAU,GAAG,KAAK,kBAAR,GAA6B,KAAK,YAA7D;AACA,UAAM,KAAK,GAAG,CAAC,UAAU,IAAI,SAAf,MAA8B,KAAK,KAAL,IAAc,QAA5C,CAAd;AACA,UAAI,OAAO,GAAG,KAAd;AACA,UAAI,MAAM,GAAG,KAAb;;AACA,UAAI,KAAK,KAAL,IAAc,CAAC,CAAC,KAAK,KAArB,IAA8B,KAAK,CAAC,OAAN,CAAc,KAAK,KAAnB,CAAlC,EAA6D;AAC3D,QAAA,OAAO,GAAG,KAAK,KAAK,KAAK,KAAL,CAAW,CAAX,CAApB;AACA,QAAA,MAAM,GAAG,KAAK,KAAK,KAAK,KAAL,CAAW,KAAK,KAAL,CAAW,MAAX,GAAoB,CAA/B,CAAnB;AACD;;AAED,aAAO,KAAK,cAAL,CAAoB,QAApB,EAA8B,QAAQ,CAAC,KAAD,EAAQ;AACnD,QAAA,WAAW,EAAE,OADsC;AAEnD,QAAA,KAAK,EAAE,KAAK,gBAAL,CACL,SAAS,IAAI,CAAC,YADT,EAEL,UAFK,EAGL,UAHK,EAIL,SAJK,EAKL,OALK,EAML,MANK,CAF4C;AAUnD,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD,SAV4C;AAanD,QAAA,QAAQ,EAAE;AACR,UAAA,QAAQ,EAAE,KAAK,QAAL,IAAiB,CAAC,SAAlB,IAA+B;AADjC,SAbyC;AAgBnD,QAAA,EAAE,EAAE,KAAK,eAAL,CAAqB,KAArB,EAA4B,SAA5B,EAAuC,cAAvC;AAhB+C,OAAR,CAAtC,EAiBH,CACF,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACzB,QAAA,WAAW,EAAE;AADY,OAA3B,EAEG,CAAC,SAAS,CAAC,KAAD,CAAV,CAFH,CADE,EAIF,KAAK,SAAL,CAAe,KAAf,CAJE,CAjBG,CAAP;AAuBD,KApEM;AAqEP,IAAA,cArEO,0BAqES,IArET,EAqEqB;AAC1B,UAAM,QAAQ,GAAG,SAAX,QAAW,CAAC,CAAD;AAAA,eAA0B,KAAK,CAAC,OAAN,CAAc,CAAd,IAAmB,CAAnB,GAAuB,CAAC,CAAD,CAAjD;AAAA,OAAjB;;AACA,UAAI,SAAJ;AACA,UAAI,WAAW,GAAa,EAA5B;;AAEA,UAAI,KAAK,CAAC,OAAN,CAAc,KAAK,MAAnB,CAAJ,EAAgC;AAC9B,QAAA,SAAS,GAAG,KAAK,MAAL,CAAY,QAAZ,CAAqB,IAArB,CAAZ;AACD,OAFD,MAEO,IAAI,KAAK,MAAL,YAAuB,QAA3B,EAAqC;AAC1C,QAAA,SAAS,GAAG,KAAK,MAAL,CAAY,IAAZ,KAAqB,KAAjC;AACD,OAFM,MAEA,IAAI,KAAK,MAAT,EAAiB;AACtB,QAAA,SAAS,GAAG,KAAK,MAAL,CAAY,IAAZ,KAAqB,KAAjC;AACD,OAFM,MAEA;AACL,QAAA,SAAS,GAAG,KAAZ;AACD;;AAED,UAAI,CAAC,SAAL,EAAgB;AACd,eAAO,EAAP;AACD,OAFD,MAEO,IAAI,SAAS,KAAK,IAAlB,EAAwB;AAC7B,QAAA,WAAW,GAAG,QAAQ,CAAC,SAAD,CAAtB;AACD,OAFM,MAEA,IAAI,OAAO,KAAK,UAAZ,KAA2B,QAA/B,EAAyC;AAC9C,QAAA,WAAW,GAAG,CAAC,KAAK,UAAN,CAAd;AACD,OAFM,MAEA,IAAI,OAAO,KAAK,UAAZ,KAA2B,UAA/B,EAA2C;AAChD,QAAA,WAAW,GAAG,QAAQ,CAAC,KAAK,UAAL,CAAgB,IAAhB,CAAD,CAAtB;AACD,OAFM,MAEA,IAAI,KAAK,CAAC,OAAN,CAAc,KAAK,UAAnB,CAAJ,EAAoC;AACzC,QAAA,WAAW,GAAG,KAAK,UAAnB;AACD,OAFM,MAEA;AACL,QAAA,WAAW,GAAG,QAAQ,CAAC,KAAK,UAAL,CAAgB,IAAhB,CAAD,CAAtB;AACD;;AAED,aAAO,WAAW,CAAC,MAAZ,CAAmB,UAAA,CAAC;AAAA,eAAI,CAAJ;AAAA,OAApB,CAAP;AACD,KAnGM;AAoGP,IAAA,SApGO,qBAoGI,IApGJ,EAoGgB;AAAA;;AACrB,UAAM,WAAW,GAAG,KAAK,cAAL,CAAoB,IAApB,CAApB;AAEA,aAAO,WAAW,CAAC,MAAZ,GAAqB,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACrD,QAAA,WAAW,EAAE;AADwC,OAA3B,EAEzB,WAAW,CAAC,GAAZ,CAAgB,UAAA,KAAK;AAAA,eAAI,MAAI,CAAC,cAAL,CAAoB,KAApB,EAA2B,MAAI,CAAC,kBAAL,CAAwB,KAAxB,CAA3B,CAAJ;AAAA,OAArB,CAFyB,CAArB,GAEoF,IAF3F;AAGD,KA1GM;AA2GP,IAAA,aA3GO,yBA2GQ,KA3GR,EA2GuB,kBA3GvB,EA2GqE;AAC1E,UAAM,SAAS,GAAG,kBAAkB,CAAC,KAAD,CAApC,CAD0E,CAE1E;;AACA,UAAM,YAAY,GAAG,SAAS,CAAC,KAAV,CAAgB,GAAhB,EAAqB,MAArB,KAAgC,CAAhC,GAAoC,MAApC,GAA6C,OAAlE;AACA,aAAQ,KAAK,GAAG,CAAR,KAAc,KAAK,GAAL,GAAW,SAAS,IAAI,8BAAmB,KAAK,GAAxB,EAA6B,YAA7B,CAAxB,GAAqE,IAAnF,CAAD,IACJ,KAAK,GAAG,CAAR,KAAc,KAAK,GAAL,GAAW,SAAS,IAAI,8BAAmB,KAAK,GAAxB,EAA6B,YAA7B,CAAxB,GAAqE,IAAnF,CADH;AAED,KAjHM;AAkHP,IAAA,KAlHO,iBAkHA,CAlHA,EAkHe,kBAlHf,EAkH6D;AAClE,WAAK,KAAL,CAAW,mBAAX,EAAgC,kBAAkB,CAAC,CAAC,CAAC,MAAH,CAAlD;AACD,KApHM;AAqHP,IAAA,KArHO,iBAqHA,KArHA,EAqHe,kBArHf,EAqH6D;AAClE,WAAK,KAAL,CAAW,mBAAX,EAAgC,kBAAkB,CAAC,KAAD,CAAlD;AACD,KAvHM;AAwHP,IAAA,QAxHO,oBAwHG,WAxHH,EAwHwB,QAxHxB,EAwHiD,kBAxHjD,EAwH+F;AAAA;;AACpG,UAAM,UAAU,GAAG,KAAK,cAAL,CAAoB,YAApB,EAAkC;AACnD,QAAA,KAAK,EAAE;AAAE,UAAA,IAAI,EAAE,KAAK;AAAb;AAD4C,OAAlC,EAEhB,CAAC,KAAK,cAAL,CAAoB,OAApB,EAA6B;AAAE,QAAA,GAAG,EAAE,KAAK;AAAZ,OAA7B,EAAsD,QAAtD,CAAD,CAFgB,CAAnB;AAIA,UAAM,cAAc,GAAG;AACrB,QAAA,IAAI,EAAE,OADe;AAErB,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,cAAC,CAAD;AAAA,mBAAsB,CAAC,CAAC,OAAF,GAAY,CAAC,EAAd,IACxB,MAAI,CAAC,aAAL,CAAmB,CAAnB,EAAsB,kBAAtB,KAA6C,MAAI,CAAC,KAAL,CAAW,CAAX,EAAc,kBAAd,CAD1C;AAAA,WADD;AAGL,UAAA,KAAK,EAAE,eAAC,CAAD;AAAA,mBAAsB,CAAC,CAAC,OAAF,GAAY,EAAb,IACzB,MAAI,CAAC,aAAL,CAAmB,CAAC,CAApB,EAAuB,kBAAvB,KAA8C,MAAI,CAAC,KAAL,CAAW,CAAC,CAAZ,EAAe,kBAAf,CAD1C;AAAA;AAHF;AAFc,OAAvB;AAUA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAX,WADgC;AAEhC,QAAA,KAAK;AACH,2CAAiC,KAAK;AADnC,WAEA,KAAK,YAFL,CAF2B;AAMhC,QAAA,EAAE,EAAG,CAAC,KAAK,QAAN,IAAkB,KAAK,UAAxB,GAAsC;AACxC,UAAA,KAAK,EAAE,eAAC,CAAD,EAAkB;AACvB,YAAA,CAAC,CAAC,cAAF;;AACA,gBAAI,MAAI,CAAC,aAAL,CAAmB,CAAC,CAAC,MAArB,EAA6B,kBAA7B,CAAJ,EAAsD;AAAE,cAAA,MAAI,CAAC,aAAL,CAAmB,CAAnB,EAAsB,kBAAtB;AAA2C;AACpG;AAJuC,SAAtC,GAKA,SAX4B;AAYhC,QAAA,UAAU,EAAE,CAAC,cAAD;AAZoB,OAA3B,EAaJ,CAAC,UAAD,CAbI,CAAP;AAcD,KArJM;AAsJP,IAAA,UAtJO,sBAsJK,KAtJL,EAsJkB;AACvB,UAAI,KAAK,CAAC,OAAN,CAAc,KAAK,KAAnB,CAAJ,EAA+B;AAC7B,YAAI,KAAK,KAAL,IAAc,KAAK,KAAL,CAAW,MAAX,KAAsB,CAAxC,EAA2C;AAAA,sBACtB,mBAAI,KAAK,KAAT,EAAgB,IAAhB,EADsB;AAAA;AAAA,cAClC,IADkC;AAAA,cAC5B,EAD4B;;AAEzC,iBAAO,IAAI,IAAI,KAAR,IAAiB,KAAK,IAAI,EAAjC;AACD,SAHD,MAGO;AACL,iBAAO,KAAK,KAAL,CAAW,OAAX,CAAmB,KAAnB,MAA8B,CAAC,CAAtC;AACD;AACF;;AAED,aAAO,KAAK,KAAK,KAAK,KAAtB;AACD;AAjKM;AAvDF,CALM,C","sourcesContent":["import '../KDatePickerTable.sass'\n\n// Directives\nimport Touch from '../../../directives/touch'\n\n// Mixins\nimport Colorable from '../../../mixins/colorable'\nimport Localable from '../../../mixins/localable'\nimport Themeable from '../../../mixins/themeable'\n\n// Utils\nimport { createItemTypeNativeListeners, sanitizeDateString } from '../util'\nimport isDateAllowed from '../util/isDateAllowed'\nimport { mergeListeners } from '../../../util/mergeData'\nimport mixins from '../../../util/mixins'\nimport { throttle } from '../../../util/helpers'\n\n// Types\nimport {\n  PropType,\n  KNodeChildren,\n} from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport {\n  DatePickerAllowedDatesFunction,\n  DatePickerEventColors,\n  DatePickerEventColorValue,\n  DatePickerEvents,\n  DatePickerFormatter,\n  TouchWrapper,\n} from 'kdutify/types'\n\ntype CalculateTableDateFunction = (v: number) => string\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Themeable\n/* @kdujs/component */\n).extend({\n  directives: { Touch },\n\n  props: {\n    allowedDates: Function as PropType<DatePickerAllowedDatesFunction | undefined>,\n    current: String,\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    events: {\n      type: [Array, Function, Object],\n      default: () => null,\n    } as PropValidator<DatePickerEvents | null>,\n    eventColor: {\n      type: [Array, Function, Object, String],\n      default: () => 'warning',\n    } as PropValidator<DatePickerEventColors>,\n    min: String,\n    max: String,\n    range: Boolean,\n    readonly: Boolean,\n    scrollable: Boolean,\n    tableDate: {\n      type: String,\n      required: true,\n    },\n    value: [String, Array] as PropType<string | string[]>,\n  },\n\n  data: () => ({\n    isReversing: false,\n    wheelThrottle: null as any,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return (this.isReversing === !this.$kdutify.rtl) ? 'tab-reverse-transition' : 'tab-transition'\n    },\n    displayedMonth (): number {\n      return Number(this.tableDate.split('-')[1]) - 1\n    },\n    displayedYear (): number {\n      return Number(this.tableDate.split('-')[0])\n    },\n  },\n\n  watch: {\n    tableDate (newVal: string, oldVal: string) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  mounted () {\n    this.wheelThrottle = throttle(this.wheel, 250)\n  },\n\n  methods: {\n    genButtonClasses (\n      isAllowed: boolean,\n      isFloating: boolean,\n      isSelected: boolean,\n      isCurrent: boolean,\n      isFirst: boolean,\n      isLast: boolean,\n    ) {\n      return {\n        'k-size--default': !isFloating,\n        'k-date-picker-table__current': isCurrent,\n        'k-btn--active': isSelected,\n        'k-btn--flat': !isAllowed || this.disabled,\n        'k-btn--text': isSelected === isCurrent,\n        'k-btn--rounded': isFloating,\n        'k-btn--disabled': !isAllowed || this.disabled,\n        'k-btn--outlined': isCurrent && !isSelected,\n        'k-date-picker--first-in-range': isFirst,\n        'k-date-picker--last-in-range': isLast,\n        ...this.themeClasses,\n      }\n    },\n    genButtonEvents (value: string, isAllowed: boolean, mouseEventType: string) {\n      if (this.disabled) return undefined\n\n      return mergeListeners({\n        click: () => {\n          if (isAllowed && !this.readonly) this.$emit('input', value)\n        },\n      }, createItemTypeNativeListeners(this, `:${mouseEventType}`, value))\n    },\n    genButton (value: string, isFloating: boolean, mouseEventType: string, formatter: DatePickerFormatter, isOtherMonth = false) {\n      const isAllowed = isDateAllowed(value, this.min, this.max, this.allowedDates)\n      const isSelected = this.isSelected(value) && isAllowed\n      const isCurrent = value === this.current\n      const setColor = isSelected ? this.setBackgroundColor : this.setTextColor\n      const color = (isSelected || isCurrent) && (this.color || 'accent')\n      let isFirst = false\n      let isLast = false\n      if (this.range && !!this.value && Array.isArray(this.value)) {\n        isFirst = value === this.value[0]\n        isLast = value === this.value[this.value.length - 1]\n      }\n\n      return this.$createElement('button', setColor(color, {\n        staticClass: 'k-btn',\n        class: this.genButtonClasses(\n          isAllowed && !isOtherMonth,\n          isFloating,\n          isSelected,\n          isCurrent,\n          isFirst,\n          isLast,\n        ),\n        attrs: {\n          type: 'button',\n        },\n        domProps: {\n          disabled: this.disabled || !isAllowed || isOtherMonth,\n        },\n        on: this.genButtonEvents(value, isAllowed, mouseEventType),\n      }), [\n        this.$createElement('div', {\n          staticClass: 'k-btn__content',\n        }, [formatter(value)]),\n        this.genEvents(value),\n      ])\n    },\n    getEventColors (date: string) {\n      const arrayize = (v: string | string[]) => Array.isArray(v) ? v : [v]\n      let eventData: boolean | DatePickerEventColorValue\n      let eventColors: string[] = []\n\n      if (Array.isArray(this.events)) {\n        eventData = this.events.includes(date)\n      } else if (this.events instanceof Function) {\n        eventData = this.events(date) || false\n      } else if (this.events) {\n        eventData = this.events[date] || false\n      } else {\n        eventData = false\n      }\n\n      if (!eventData) {\n        return []\n      } else if (eventData !== true) {\n        eventColors = arrayize(eventData)\n      } else if (typeof this.eventColor === 'string') {\n        eventColors = [this.eventColor]\n      } else if (typeof this.eventColor === 'function') {\n        eventColors = arrayize(this.eventColor(date))\n      } else if (Array.isArray(this.eventColor)) {\n        eventColors = this.eventColor\n      } else {\n        eventColors = arrayize(this.eventColor[date])\n      }\n\n      return eventColors.filter(v => v)\n    },\n    genEvents (date: string) {\n      const eventColors = this.getEventColors(date)\n\n      return eventColors.length ? this.$createElement('div', {\n        staticClass: 'k-date-picker-table__events',\n      }, eventColors.map(color => this.$createElement('div', this.setBackgroundColor(color)))) : null\n    },\n    isValidScroll (value: number, calculateTableDate: CalculateTableDateFunction) {\n      const tableDate = calculateTableDate(value)\n      // tableDate is 'YYYY-MM' for DateTable and 'YYYY' for MonthTable\n      const sanitizeType = tableDate.split('-').length === 1 ? 'year' : 'month'\n      return (value < 0 && (this.min ? tableDate >= sanitizeDateString(this.min, sanitizeType) : true)) ||\n        (value > 0 && (this.max ? tableDate <= sanitizeDateString(this.max, sanitizeType) : true))\n    },\n    wheel (e: WheelEvent, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(e.deltaY))\n    },\n    touch (value: number, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(value))\n    },\n    genTable (staticClass: string, children: KNodeChildren, calculateTableDate: CalculateTableDateFunction) {\n      const transition = this.$createElement('transition', {\n        props: { name: this.computedTransition },\n      }, [this.$createElement('table', { key: this.tableDate }, children)])\n\n      const touchDirective = {\n        name: 'touch',\n        value: {\n          left: (e: TouchWrapper) => (e.offsetX < -15) &&\n            (this.isValidScroll(1, calculateTableDate) && this.touch(1, calculateTableDate)),\n          right: (e: TouchWrapper) => (e.offsetX > 15) &&\n            (this.isValidScroll(-1, calculateTableDate) && this.touch(-1, calculateTableDate)),\n        },\n      }\n\n      return this.$createElement('div', {\n        staticClass,\n        class: {\n          'k-date-picker-table--disabled': this.disabled,\n          ...this.themeClasses,\n        },\n        on: (!this.disabled && this.scrollable) ? {\n          wheel: (e: WheelEvent) => {\n            e.preventDefault()\n            if (this.isValidScroll(e.deltaY, calculateTableDate)) { this.wheelThrottle(e, calculateTableDate) }\n          },\n        } : undefined,\n        directives: [touchDirective],\n      }, [transition])\n    },\n    isSelected (value: string): boolean {\n      if (Array.isArray(this.value)) {\n        if (this.range && this.value.length === 2) {\n          const [from, to] = [...this.value].sort()\n          return from <= value && value <= to\n        } else {\n          return this.value.indexOf(value) !== -1\n        }\n      }\n\n      return value === this.value\n    },\n  },\n})\n"],"sourceRoot":"","file":"date-picker-table.js"}

package/es5/components/KDatePicker/util/createNativeLocaleFormatter.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _pad = _interopRequireDefault(require("./pad"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function createNativeLocaleFormatter(locale, options) {
+  var substrOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    start: 0,
+    length: 0
+  };
+
+  var makeIsoString = function makeIsoString(dateString) {
+    var _dateString$trim$spli = dateString.trim().split(' ')[0].split('-'),
+        _dateString$trim$spli2 = _slicedToArray(_dateString$trim$spli, 3),
+        year = _dateString$trim$spli2[0],
+        month = _dateString$trim$spli2[1],
+        date = _dateString$trim$spli2[2];
+
+    return [(0, _pad.default)(year, 4), (0, _pad.default)(month || 1), (0, _pad.default)(date || 1)].join('-');
+  };
+
+  try {
+    var intlFormatter = new Intl.DateTimeFormat(locale || undefined, options);
+    return function (dateString) {
+      return intlFormatter.format(new Date("".concat(makeIsoString(dateString), "T00:00:00+00:00")));
+    };
+  } catch (e) {
+    return substrOptions.start || substrOptions.length ? function (dateString) {
+      return makeIsoString(dateString).substr(substrOptions.start || 0, substrOptions.length);
+    } : undefined;
+  }
+}
+
+var _default = createNativeLocaleFormatter;
+exports.default = _default;
+//# sourceMappingURL=createNativeLocaleFormatter.js.map

package/es5/components/KDatePicker/util/createNativeLocaleFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KDatePicker/util/createNativeLocaleFormatter.ts"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;AAmBA,SAAS,2BAAT,CACE,MADF,EAEE,OAFF,EAGwD;AAAA,MAAtD,aAAsD,uEAAvB;AAAE,IAAA,KAAK,EAAE,CAAT;AAAY,IAAA,MAAM,EAAE;AAApB,GAAuB;;AAEtD,MAAM,aAAa,GAAG,SAAhB,aAAgB,CAAC,UAAD,EAAuB;AAAA,gCACf,UAAU,CAAC,IAAX,GAAkB,KAAlB,CAAwB,GAAxB,EAA6B,CAA7B,EAAgC,KAAhC,CAAsC,GAAtC,CADe;AAAA;AAAA,QACpC,IADoC;AAAA,QAC9B,KAD8B;AAAA,QACvB,IADuB;;AAE3C,WAAO,CAAC,kBAAI,IAAJ,EAAU,CAAV,CAAD,EAAe,kBAAI,KAAK,IAAI,CAAb,CAAf,EAAgC,kBAAI,IAAI,IAAI,CAAZ,CAAhC,EAAgD,IAAhD,CAAqD,GAArD,CAAP;AACD,GAHD;;AAKA,MAAI;AACF,QAAM,aAAa,GAAG,IAAI,IAAI,CAAC,cAAT,CAAwB,MAAM,IAAI,SAAlC,EAA6C,OAA7C,CAAtB;AACA,WAAO,UAAC,UAAD;AAAA,aAAwB,aAAa,CAAC,MAAd,CAAqB,IAAI,IAAJ,WAAY,aAAa,CAAC,UAAD,CAAzB,qBAArB,CAAxB;AAAA,KAAP;AACD,GAHD,CAGE,OAAO,CAAP,EAAU;AACV,WAAQ,aAAa,CAAC,KAAd,IAAuB,aAAa,CAAC,MAAtC,GACH,UAAC,UAAD;AAAA,aAAwB,aAAa,CAAC,UAAD,CAAb,CAA0B,MAA1B,CAAiC,aAAa,CAAC,KAAd,IAAuB,CAAxD,EAA2D,aAAa,CAAC,MAAzE,CAAxB;AAAA,KADG,GAEH,SAFJ;AAGD;AACF;;eAEc,2B","sourcesContent":["import pad from './pad'\nimport { DatePickerFormatter } from 'kdutify/types'\n\ninterface SubstrOptions {\n  start?: number\n  length: number\n}\n\nfunction createNativeLocaleFormatter (\n  local: string | undefined,\n  options: Intl.DateTimeFormatOptions\n): DatePickerFormatter | undefined\n\nfunction createNativeLocaleFormatter (\n  local: string | undefined,\n  options: Intl.DateTimeFormatOptions,\n  substrOptions: SubstrOptions\n): DatePickerFormatter\n\nfunction createNativeLocaleFormatter (\n  locale: string | undefined,\n  options: Intl.DateTimeFormatOptions,\n  substrOptions: SubstrOptions = { start: 0, length: 0 }\n): DatePickerFormatter | undefined {\n  const makeIsoString = (dateString: string) => {\n    const [year, month, date] = dateString.trim().split(' ')[0].split('-')\n    return [pad(year, 4), pad(month || 1), pad(date || 1)].join('-')\n  }\n\n  try {\n    const intlFormatter = new Intl.DateTimeFormat(locale || undefined, options)\n    return (dateString: string) => intlFormatter.format(new Date(`${makeIsoString(dateString)}T00:00:00+00:00`))\n  } catch (e) {\n    return (substrOptions.start || substrOptions.length)\n      ? (dateString: string) => makeIsoString(dateString).substr(substrOptions.start || 0, substrOptions.length)\n      : undefined\n  }\n}\n\nexport default createNativeLocaleFormatter\n"],"sourceRoot":"","file":"createNativeLocaleFormatter.js"}

package/es5/components/KDatePicker/util/eventHelpers.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createItemTypeNativeListeners = createItemTypeNativeListeners;
+exports.createItemTypeListeners = createItemTypeListeners;
+
+function createItemTypeNativeListeners(instance, itemTypeSuffix, value) {
+  return Object.keys(instance.$listeners).reduce(function (on, eventName) {
+    if (eventName.endsWith(itemTypeSuffix)) {
+      on[eventName.slice(0, -itemTypeSuffix.length)] = function (event) {
+        return instance.$emit(eventName, value, event);
+      };
+    }
+
+    return on;
+  }, {});
+}
+
+function createItemTypeListeners(instance, itemTypeSuffix) {
+  return Object.keys(instance.$listeners).reduce(function (on, eventName) {
+    if (eventName.endsWith(itemTypeSuffix)) {
+      on[eventName] = instance.$listeners[eventName];
+    }
+
+    return on;
+  }, {});
+}
+//# sourceMappingURL=eventHelpers.js.map

package/es5/components/KDatePicker/util/eventHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KDatePicker/util/eventHelpers.ts"],"names":[],"mappings":";;;;;;;;AAEM,SAAU,6BAAV,CAAyC,QAAzC,EAAwD,cAAxD,EAAgF,KAAhF,EAA0F;AAC9F,SAAO,MAAM,CAAC,IAAP,CAAY,QAAQ,CAAC,UAArB,EAAiC,MAAjC,CAAwC,UAAC,EAAD,EAAK,SAAL,EAAkB;AAC/D,QAAI,SAAS,CAAC,QAAV,CAAmB,cAAnB,CAAJ,EAAwC;AACtC,MAAA,EAAE,CAAC,SAAS,CAAC,KAAV,CAAgB,CAAhB,EAAmB,CAAC,cAAc,CAAC,MAAnC,CAAD,CAAF,GAAiD,UAAC,KAAD;AAAA,eAAkB,QAAQ,CAAC,KAAT,CAAe,SAAf,EAA0B,KAA1B,EAAiC,KAAjC,CAAlB;AAAA,OAAjD;AACD;;AAED,WAAO,EAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD;;AAEK,SAAU,uBAAV,CAAmC,QAAnC,EAAkD,cAAlD,EAAwE;AAC5E,SAAO,MAAM,CAAC,IAAP,CAAY,QAAQ,CAAC,UAArB,EAAiC,MAAjC,CAAwC,UAAC,EAAD,EAAK,SAAL,EAAkB;AAC/D,QAAI,SAAS,CAAC,QAAV,CAAmB,cAAnB,CAAJ,EAAwC;AACtC,MAAA,EAAE,CAAC,SAAD,CAAF,GAAgB,QAAQ,CAAC,UAAT,CAAoB,SAApB,CAAhB;AACD;;AAED,WAAO,EAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD","sourcesContent":["import Kdu from 'kdu'\n\nexport function createItemTypeNativeListeners (instance: Kdu, itemTypeSuffix: string, value: any) {\n  return Object.keys(instance.$listeners).reduce((on, eventName) => {\n    if (eventName.endsWith(itemTypeSuffix)) {\n      on[eventName.slice(0, -itemTypeSuffix.length)] = (event: Event) => instance.$emit(eventName, value, event)\n    }\n\n    return on\n  }, {} as typeof instance.$listeners)\n}\n\nexport function createItemTypeListeners (instance: Kdu, itemTypeSuffix: string) {\n  return Object.keys(instance.$listeners).reduce((on, eventName) => {\n    if (eventName.endsWith(itemTypeSuffix)) {\n      on[eventName] = instance.$listeners[eventName]\n    }\n\n    return on\n  }, {} as typeof instance.$listeners)\n}\n"],"sourceRoot":"","file":"eventHelpers.js"}