kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KCalendar/KCalendarDaily.js

@@ -0,0 +1,272 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KCalendar\\KCalendarDaily.sass");
+
+var _resize = _interopRequireDefault(require("../../directives/resize"));
+
+var _KBtn = _interopRequireDefault(require("../KBtn"));
+
+var _calendarWithIntervals = _interopRequireDefault(require("./mixins/calendar-with-intervals"));
+
+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 _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 _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 _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 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; }
+
+/* @kdujs/component */
+var _default = _calendarWithIntervals.default.extend({
+  name: 'k-calendar-daily',
+  directives: {
+    Resize: _resize.default
+  },
+  data: function data() {
+    return {
+      scrollPush: 0
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread({
+        'k-calendar-daily': true
+      }, this.themeClasses);
+    }
+  },
+  mounted: function mounted() {
+    this.init();
+  },
+  methods: {
+    init: function init() {
+      this.$nextTick(this.onResize);
+    },
+    onResize: function onResize() {
+      this.scrollPush = this.getScrollPush();
+    },
+    getScrollPush: function getScrollPush() {
+      var area = this.$refs.scrollArea;
+      var pane = this.$refs.pane;
+      return area && pane ? area.offsetWidth - pane.offsetWidth : 0;
+    },
+    genHead: function genHead() {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-daily__head',
+        style: {
+          marginRight: this.scrollPush + 'px'
+        }
+      }, [this.genHeadIntervals()].concat(_toConsumableArray(this.genHeadDays())));
+    },
+    genHeadIntervals: function genHeadIntervals() {
+      var width = (0, _helpers.convertToUnit)(this.intervalWidth);
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-daily__intervals-head',
+        style: {
+          width: width
+        }
+      }, (0, _helpers.getSlot)(this, 'interval-header'));
+    },
+    genHeadDays: function genHeadDays() {
+      return this.days.map(this.genHeadDay);
+    },
+    genHeadDay: function genHeadDay(day, index) {
+      var _this = this;
+
+      return this.$createElement('div', {
+        key: day.date,
+        staticClass: 'k-calendar-daily_head-day',
+        class: this.getRelativeClasses(day),
+        on: this.getDefaultMouseEventHandlers(':day', function (_e) {
+          return _this.getSlotScope(day);
+        })
+      }, [this.genHeadWeekday(day), this.genHeadDayLabel(day)].concat(_toConsumableArray(this.genDayHeader(day, index))));
+    },
+    genDayHeader: function genDayHeader(day, index) {
+      var _this2 = this;
+
+      return (0, _helpers.getSlot)(this, 'day-header', function () {
+        return _objectSpread(_objectSpread({
+          week: _this2.days
+        }, day), {}, {
+          index: index
+        });
+      }) || [];
+    },
+    genHeadWeekday: function genHeadWeekday(day) {
+      var color = day.present ? this.color : undefined;
+      return this.$createElement('div', this.setTextColor(color, {
+        staticClass: 'k-calendar-daily_head-weekday'
+      }), this.weekdayFormatter(day, this.shortWeekdays));
+    },
+    genHeadDayLabel: function genHeadDayLabel(day) {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-daily_head-day-label'
+      }, (0, _helpers.getSlot)(this, 'day-label-header', day) || [this.genHeadDayButton(day)]);
+    },
+    genHeadDayButton: function genHeadDayButton(day) {
+      var color = day.present ? this.color : 'transparent';
+      return this.$createElement(_KBtn.default, {
+        props: {
+          color: color,
+          fab: true,
+          depressed: true
+        },
+        on: this.getMouseEventHandlers({
+          'click:date': {
+            event: 'click',
+            stop: true
+          },
+          'contextmenu:date': {
+            event: 'contextmenu',
+            stop: true,
+            prevent: true,
+            result: false
+          }
+        }, function (_e) {
+          return day;
+        })
+      }, this.dayFormatter(day, false));
+    },
+    genBody: function genBody() {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-daily__body'
+      }, [this.genScrollArea()]);
+    },
+    genScrollArea: function genScrollArea() {
+      return this.$createElement('div', {
+        ref: 'scrollArea',
+        staticClass: 'k-calendar-daily__scroll-area'
+      }, [this.genPane()]);
+    },
+    genPane: function genPane() {
+      return this.$createElement('div', {
+        ref: 'pane',
+        staticClass: 'k-calendar-daily__pane',
+        style: {
+          height: (0, _helpers.convertToUnit)(this.bodyHeight)
+        }
+      }, [this.genDayContainer()]);
+    },
+    genDayContainer: function genDayContainer() {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-daily__day-container'
+      }, [this.genBodyIntervals()].concat(_toConsumableArray(this.genDays())));
+    },
+    genDays: function genDays() {
+      return this.days.map(this.genDay);
+    },
+    genDay: function genDay(day, index) {
+      var _this3 = this;
+
+      return this.$createElement('div', {
+        key: day.date,
+        staticClass: 'k-calendar-daily__day',
+        class: this.getRelativeClasses(day),
+        on: this.getDefaultMouseEventHandlers(':time', function (e) {
+          return _this3.getSlotScope(_this3.getTimestampAtEvent(e, day));
+        })
+      }, [].concat(_toConsumableArray(this.genDayIntervals(index)), _toConsumableArray(this.genDayBody(day))));
+    },
+    genDayBody: function genDayBody(day) {
+      var _this4 = this;
+
+      return (0, _helpers.getSlot)(this, 'day-body', function () {
+        return _this4.getSlotScope(day);
+      }) || [];
+    },
+    genDayIntervals: function genDayIntervals(index) {
+      return this.intervals[index].map(this.genDayInterval);
+    },
+    genDayInterval: function genDayInterval(interval) {
+      var _this5 = this;
+
+      var height = (0, _helpers.convertToUnit)(this.intervalHeight);
+      var styler = this.intervalStyle || this.intervalStyleDefault;
+      var data = {
+        key: interval.time,
+        staticClass: 'k-calendar-daily__day-interval',
+        style: _objectSpread({
+          height: height
+        }, styler(interval))
+      };
+      var children = (0, _helpers.getSlot)(this, 'interval', function () {
+        return _this5.getSlotScope(interval);
+      });
+      return this.$createElement('div', data, children);
+    },
+    genBodyIntervals: function genBodyIntervals() {
+      var _this6 = this;
+
+      var width = (0, _helpers.convertToUnit)(this.intervalWidth);
+      var data = {
+        staticClass: 'k-calendar-daily__intervals-body',
+        style: {
+          width: width
+        },
+        on: this.getDefaultMouseEventHandlers(':interval', function (e) {
+          return _this6.getTimestampAtEvent(e, _this6.parsedStart);
+        })
+      };
+      return this.$createElement('div', data, this.genIntervalLabels());
+    },
+    genIntervalLabels: function genIntervalLabels() {
+      if (!this.intervals.length) return null;
+      return this.intervals[0].map(this.genIntervalLabel);
+    },
+    genIntervalLabel: function genIntervalLabel(interval) {
+      var height = (0, _helpers.convertToUnit)(this.intervalHeight);
+      var short = this.shortIntervals;
+      var shower = this.showIntervalLabel || this.showIntervalLabelDefault;
+      var show = shower(interval);
+      var label = show ? this.intervalFormatter(interval, short) : undefined;
+      return this.$createElement('div', {
+        key: interval.time,
+        staticClass: 'k-calendar-daily__interval',
+        style: {
+          height: height
+        }
+      }, [this.$createElement('div', {
+        staticClass: 'k-calendar-daily__interval-text'
+      }, label)]);
+    }
+  },
+  render: function render(h) {
+    return h('div', {
+      class: this.classes,
+      on: {
+        dragstart: function dragstart(e) {
+          e.preventDefault();
+        }
+      },
+      directives: [{
+        modifiers: {
+          quiet: true
+        },
+        name: 'resize',
+        value: this.onResize
+      }]
+    }, [!this.hideHeader ? this.genHead() : '', this.genBody()]);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KCalendarDaily.js.map

package/es5/components/KCalendar/KCalendarDaily.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCalendar/KCalendarDaily.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KCalendarDaily.sass'\n\n// Types\nimport { KNode } from 'kdu'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Components\nimport KBtn from '../KBtn'\n\n// Mixins\nimport CalendarWithIntervals from './mixins/calendar-with-intervals'\n\n// Util\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { CalendarTimestamp } from 'kdutify/types'\n\n/* @kdujs/component */\nexport default CalendarWithIntervals.extend({\n  name: 'k-calendar-daily',\n\n  directives: { Resize },\n\n  data: () => ({\n    scrollPush: 0,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-calendar-daily': true,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      this.$nextTick(this.onResize)\n    },\n    onResize () {\n      this.scrollPush = this.getScrollPush()\n    },\n    getScrollPush (): number {\n      const area = this.$refs.scrollArea as HTMLElement\n      const pane = this.$refs.pane as HTMLElement\n\n      return area && pane ? (area.offsetWidth - pane.offsetWidth) : 0\n    },\n    genHead (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-calendar-daily__head',\n        style: {\n          marginRight: this.scrollPush + 'px',\n        },\n      }, [\n        this.genHeadIntervals(),\n        ...this.genHeadDays(),\n      ])\n    },\n    genHeadIntervals (): KNode {\n      const width: string | undefined = convertToUnit(this.intervalWidth)\n\n      return this.$createElement('div', {\n        staticClass: 'k-calendar-daily__intervals-head',\n        style: {\n          width,\n        },\n      }, getSlot(this, 'interval-header'))\n    },\n    genHeadDays (): KNode[] {\n      return this.days.map(this.genHeadDay)\n    },\n    genHeadDay (day: CalendarTimestamp, index: number): KNode {\n      return this.$createElement('div', {\n        key: day.date,\n        staticClass: 'k-calendar-daily_head-day',\n        class: this.getRelativeClasses(day),\n        on: this.getDefaultMouseEventHandlers(':day', _e => {\n          return this.getSlotScope(day)\n        }),\n      }, [\n        this.genHeadWeekday(day),\n        this.genHeadDayLabel(day),\n        ...this.genDayHeader(day, index),\n      ])\n    },\n    genDayHeader (day: CalendarTimestamp, index: number): KNode[] {\n      return getSlot(this, 'day-header', () => ({\n        week: this.days, ...day, index,\n      })) || []\n    },\n    genHeadWeekday (day: CalendarTimestamp): KNode {\n      const color = day.present ? this.color : undefined\n\n      return this.$createElement('div', this.setTextColor(color, {\n        staticClass: 'k-calendar-daily_head-weekday',\n      }), this.weekdayFormatter(day, this.shortWeekdays))\n    },\n    genHeadDayLabel (day: CalendarTimestamp): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-calendar-daily_head-day-label',\n      }, getSlot(this, 'day-label-header', day) || [this.genHeadDayButton(day)])\n    },\n    genHeadDayButton (day: CalendarTimestamp): KNode {\n      const color = day.present ? this.color : 'transparent'\n\n      return this.$createElement(KBtn, {\n        props: {\n          color,\n          fab: true,\n          depressed: true,\n        },\n        on: this.getMouseEventHandlers({\n          'click:date': { event: 'click', stop: true },\n          'contextmenu:date': { event: 'contextmenu', stop: true, prevent: true, result: false },\n        }, _e => {\n          return day\n        }),\n      }, this.dayFormatter(day, false))\n    },\n    genBody (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-calendar-daily__body',\n      }, [\n        this.genScrollArea(),\n      ])\n    },\n    genScrollArea (): KNode {\n      return this.$createElement('div', {\n        ref: 'scrollArea',\n        staticClass: 'k-calendar-daily__scroll-area',\n      }, [\n        this.genPane(),\n      ])\n    },\n    genPane (): KNode {\n      return this.$createElement('div', {\n        ref: 'pane',\n        staticClass: 'k-calendar-daily__pane',\n        style: {\n          height: convertToUnit(this.bodyHeight),\n        },\n      }, [\n        this.genDayContainer(),\n      ])\n    },\n    genDayContainer (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-calendar-daily__day-container',\n      }, [\n        this.genBodyIntervals(),\n        ...this.genDays(),\n      ])\n    },\n    genDays (): KNode[] {\n      return this.days.map(this.genDay)\n    },\n    genDay (day: CalendarTimestamp, index: number): KNode {\n      return this.$createElement('div', {\n        key: day.date,\n        staticClass: 'k-calendar-daily__day',\n        class: this.getRelativeClasses(day),\n        on: this.getDefaultMouseEventHandlers(':time', e => {\n          return this.getSlotScope(this.getTimestampAtEvent(e, day))\n        }),\n      }, [\n        ...this.genDayIntervals(index),\n        ...this.genDayBody(day),\n      ])\n    },\n    genDayBody (day: CalendarTimestamp): KNode[] {\n      return getSlot(this, 'day-body', () => this.getSlotScope(day)) || []\n    },\n    genDayIntervals (index: number): KNode[] {\n      return this.intervals[index].map(this.genDayInterval)\n    },\n    genDayInterval (interval: CalendarTimestamp): KNode {\n      const height: string | undefined = convertToUnit(this.intervalHeight)\n      const styler = this.intervalStyle || this.intervalStyleDefault\n\n      const data = {\n        key: interval.time,\n        staticClass: 'k-calendar-daily__day-interval',\n        style: {\n          height,\n          ...styler(interval),\n        },\n      }\n\n      const children = getSlot(this, 'interval', () => this.getSlotScope(interval))\n\n      return this.$createElement('div', data, children)\n    },\n    genBodyIntervals (): KNode {\n      const width: string | undefined = convertToUnit(this.intervalWidth)\n      const data = {\n        staticClass: 'k-calendar-daily__intervals-body',\n        style: {\n          width,\n        },\n        on: this.getDefaultMouseEventHandlers(':interval', e => {\n          return this.getTimestampAtEvent(e, this.parsedStart)\n        }),\n      }\n\n      return this.$createElement('div', data, this.genIntervalLabels())\n    },\n    genIntervalLabels (): KNode[] | null {\n      if (!this.intervals.length) return null\n\n      return this.intervals[0].map(this.genIntervalLabel)\n    },\n    genIntervalLabel (interval: CalendarTimestamp): KNode {\n      const height: string | undefined = convertToUnit(this.intervalHeight)\n      const short: boolean = this.shortIntervals\n      const shower = this.showIntervalLabel || this.showIntervalLabelDefault\n      const show = shower(interval)\n      const label = show ? this.intervalFormatter(interval, short) : undefined\n\n      return this.$createElement('div', {\n        key: interval.time,\n        staticClass: 'k-calendar-daily__interval',\n        style: {\n          height,\n        },\n      }, [\n        this.$createElement('div', {\n          staticClass: 'k-calendar-daily__interval-text',\n        }, label),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      class: this.classes,\n      on: {\n        dragstart: (e: MouseEvent) => {\n          e.preventDefault()\n        },\n      },\n      directives: [{\n        modifiers: { quiet: true },\n        name: 'resize',\n        value: this.onResize,\n      }],\n    }, [\n      !this.hideHeader ? this.genHead() : '',\n      this.genBody(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KCalendarDaily.js"}

package/es5/components/KCalendar/KCalendarMonthly.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KCalendar\\KCalendarWeekly.sass");
+
+var _KCalendarWeekly2 = _interopRequireDefault(require("./KCalendarWeekly"));
+
+var _timestamp = require("./util/timestamp");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Styles
+// Mixins
+// Util
+
+/* @kdujs/component */
+var _default = _KCalendarWeekly2.default.extend({
+  name: 'k-calendar-monthly',
+  computed: {
+    staticClass: function staticClass() {
+      return 'k-calendar-monthly k-calendar-weekly';
+    },
+    parsedStart: function parsedStart() {
+      return (0, _timestamp.getStartOfMonth)((0, _timestamp.parseTimestamp)(this.start, true));
+    },
+    parsedEnd: function parsedEnd() {
+      return (0, _timestamp.getEndOfMonth)((0, _timestamp.parseTimestamp)(this.end, true));
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KCalendarMonthly.js.map

package/es5/components/KCalendar/KCalendarMonthly.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCalendar/KCalendarMonthly.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;;;AAPA;AAGA;AAGA;;AAIA;eACe,0BAAgB,MAAhB,CAAuB;AACpC,EAAA,IAAI,EAAE,oBAD8B;AAGpC,EAAA,QAAQ,EAAE;AACR,IAAA,WADQ,yBACG;AACT,aAAO,sCAAP;AACD,KAHO;AAIR,IAAA,WAJQ,yBAIG;AACT,aAAO,gCAAgB,+BAAe,KAAK,KAApB,EAA2B,IAA3B,CAAhB,CAAP;AACD,KANO;AAOR,IAAA,SAPQ,uBAOC;AACP,aAAO,8BAAc,+BAAe,KAAK,GAApB,EAAyB,IAAzB,CAAd,CAAP;AACD;AATO;AAH0B,CAAvB,C","sourcesContent":["// Styles\nimport './KCalendarWeekly.sass'\n\n// Mixins\nimport KCalendarWeekly from './KCalendarWeekly'\n\n// Util\nimport { parseTimestamp, getStartOfMonth, getEndOfMonth } from './util/timestamp'\nimport { CalendarTimestamp } from 'kdutify/types'\n\n/* @kdujs/component */\nexport default KCalendarWeekly.extend({\n  name: 'k-calendar-monthly',\n\n  computed: {\n    staticClass (): string {\n      return 'k-calendar-monthly k-calendar-weekly'\n    },\n    parsedStart (): CalendarTimestamp {\n      return getStartOfMonth(parseTimestamp(this.start, true))\n    },\n    parsedEnd (): CalendarTimestamp {\n      return getEndOfMonth(parseTimestamp(this.end, true))\n    },\n  },\n\n})\n"],"sourceRoot":"","file":"KCalendarMonthly.js"}

package/es5/components/KCalendar/KCalendarWeekly.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KCalendar\\KCalendarWeekly.sass");
+
+var _KBtn = _interopRequireDefault(require("../KBtn"));
+
+var _calendarBase = _interopRequireDefault(require("./mixins/calendar-base"));
+
+var _helpers = require("../../util/helpers");
+
+var _dateTimeUtils = require("../../util/dateTimeUtils");
+
+var _props = _interopRequireDefault(require("./util/props"));
+
+var _timestamp = require("./util/timestamp");
+
+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; }
+
+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 _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 _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 _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; }
+
+/* @kdujs/component */
+var _default = _calendarBase.default.extend({
+  name: 'k-calendar-weekly',
+  props: _props.default.weeks,
+  computed: {
+    staticClass: function staticClass() {
+      return 'k-calendar-weekly';
+    },
+    classes: function classes() {
+      return this.themeClasses;
+    },
+    parsedMinWeeks: function parsedMinWeeks() {
+      return parseInt(this.minWeeks);
+    },
+    days: function days() {
+      var minDays = this.parsedMinWeeks * this.parsedWeekdays.length;
+      var start = this.getStartOfWeek(this.parsedStart);
+      var end = this.getEndOfWeek(this.parsedEnd);
+      return (0, _timestamp.createDayList)(start, end, this.times.today, this.weekdaySkips, Number.MAX_SAFE_INTEGER, minDays);
+    },
+    todayWeek: function todayWeek() {
+      var today = this.times.today;
+      var start = this.getStartOfWeek(today);
+      var end = this.getEndOfWeek(today);
+      return (0, _timestamp.createDayList)(start, end, today, this.weekdaySkips, this.parsedWeekdays.length, this.parsedWeekdays.length);
+    },
+    monthFormatter: function monthFormatter() {
+      if (this.monthFormat) {
+        return this.monthFormat;
+      }
+
+      var longOptions = {
+        timeZone: 'UTC',
+        month: 'long'
+      };
+      var shortOptions = {
+        timeZone: 'UTC',
+        month: 'short'
+      };
+      return (0, _timestamp.createNativeLocaleFormatter)(this.currentLocale, function (_tms, short) {
+        return short ? shortOptions : longOptions;
+      });
+    }
+  },
+  methods: {
+    isOutside: function isOutside(day) {
+      var dayIdentifier = (0, _timestamp.getDayIdentifier)(day);
+      return dayIdentifier < (0, _timestamp.getDayIdentifier)(this.parsedStart) || dayIdentifier > (0, _timestamp.getDayIdentifier)(this.parsedEnd);
+    },
+    genHead: function genHead() {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-weekly__head'
+      }, this.genHeadDays());
+    },
+    genHeadDays: function genHeadDays() {
+      var header = this.todayWeek.map(this.genHeadDay);
+
+      if (this.showWeek) {
+        header.unshift(this.$createElement('div', {
+          staticClass: 'k-calendar-weekly__head-weeknumber'
+        }));
+      }
+
+      return header;
+    },
+    genHeadDay: function genHeadDay(day, index) {
+      var outside = this.isOutside(this.days[index]);
+      var color = day.present ? this.color : undefined;
+      return this.$createElement('div', this.setTextColor(color, {
+        key: day.date,
+        staticClass: 'k-calendar-weekly__head-weekday',
+        class: this.getRelativeClasses(day, outside)
+      }), this.weekdayFormatter(day, this.shortWeekdays));
+    },
+    genWeeks: function genWeeks() {
+      var days = this.days;
+      var weekDays = this.parsedWeekdays.length;
+      var weeks = [];
+
+      for (var i = 0; i < days.length; i += weekDays) {
+        weeks.push(this.genWeek(days.slice(i, i + weekDays), this.getWeekNumber(days[i])));
+      }
+
+      return weeks;
+    },
+    genWeek: function genWeek(week, weekNumber) {
+      var _this = this;
+
+      var weekNodes = week.map(function (day, index) {
+        return _this.genDay(day, index, week);
+      });
+
+      if (this.showWeek) {
+        weekNodes.unshift(this.genWeekNumber(weekNumber));
+      }
+
+      return this.$createElement('div', {
+        key: week[0].date,
+        staticClass: 'k-calendar-weekly__week'
+      }, weekNodes);
+    },
+    getWeekNumber: function getWeekNumber(determineDay) {
+      return (0, _dateTimeUtils.weekNumber)(determineDay.year, determineDay.month - 1, determineDay.day, this.parsedWeekdays[0], parseInt(this.localeFirstDayOfYear));
+    },
+    genWeekNumber: function genWeekNumber(weekNumber) {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-weekly__weeknumber'
+      }, [this.$createElement('small', String(weekNumber))]);
+    },
+    genDay: function genDay(day, index, week) {
+      var outside = this.isOutside(day);
+      return this.$createElement('div', {
+        key: day.date,
+        staticClass: 'k-calendar-weekly__day',
+        class: this.getRelativeClasses(day, outside),
+        on: this.getDefaultMouseEventHandlers(':day', function (_e) {
+          return day;
+        })
+      }, [this.genDayLabel(day)].concat(_toConsumableArray((0, _helpers.getSlot)(this, 'day', function () {
+        return _objectSpread({
+          outside: outside,
+          index: index,
+          week: week
+        }, day);
+      }) || [])));
+    },
+    genDayLabel: function genDayLabel(day) {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-weekly__day-label'
+      }, (0, _helpers.getSlot)(this, 'day-label', day) || [this.genDayLabelButton(day)]);
+    },
+    genDayLabelButton: function genDayLabelButton(day) {
+      var color = day.present ? this.color : 'transparent';
+      var hasMonth = day.day === 1 && this.showMonthOnFirst;
+      return this.$createElement(_KBtn.default, {
+        props: {
+          color: color,
+          fab: true,
+          depressed: true,
+          small: true
+        },
+        on: this.getMouseEventHandlers({
+          'click:date': {
+            event: 'click',
+            stop: true
+          },
+          'contextmenu:date': {
+            event: 'contextmenu',
+            stop: true,
+            prevent: true,
+            result: false
+          }
+        }, function (_e) {
+          return day;
+        })
+      }, hasMonth ? this.monthFormatter(day, this.shortMonths) + ' ' + this.dayFormatter(day, false) : this.dayFormatter(day, false));
+    },
+    genDayMonth: function genDayMonth(day) {
+      var color = day.present ? this.color : undefined;
+      return this.$createElement('div', this.setTextColor(color, {
+        staticClass: 'k-calendar-weekly__day-month'
+      }), (0, _helpers.getSlot)(this, 'day-month', day) || this.monthFormatter(day, this.shortMonths));
+    }
+  },
+  render: function render(h) {
+    return h('div', {
+      staticClass: this.staticClass,
+      class: this.classes,
+      on: {
+        dragstart: function dragstart(e) {
+          e.preventDefault();
+        }
+      }
+    }, [!this.hideHeader ? this.genHead() : ''].concat(_toConsumableArray(this.genWeeks())));
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KCalendarWeekly.js.map

package/es5/components/KCalendar/KCalendarWeekly.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCalendar/KCalendarWeekly.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KCalendarWeekly.sass'\n\n// Types\nimport { KNode } from 'kdu'\n\n// Components\nimport KBtn from '../KBtn'\n\n// Mixins\nimport CalendarBase from './mixins/calendar-base'\n\n// Util\nimport { getSlot } from '../../util/helpers'\nimport { weekNumber } from '../../util/dateTimeUtils'\nimport props from './util/props'\nimport {\n  createDayList,\n  getDayIdentifier,\n  createNativeLocaleFormatter,\n} from './util/timestamp'\nimport { CalendarTimestamp, CalendarFormatter } from 'kdutify/types'\n\n/* @kdujs/component */\nexport default CalendarBase.extend({\n  name: 'k-calendar-weekly',\n\n  props: props.weeks,\n\n  computed: {\n    staticClass (): string {\n      return 'k-calendar-weekly'\n    },\n    classes (): object {\n      return this.themeClasses\n    },\n    parsedMinWeeks (): number {\n      return parseInt(this.minWeeks)\n    },\n    days (): CalendarTimestamp[] {\n      const minDays = this.parsedMinWeeks * this.parsedWeekdays.length\n      const start = this.getStartOfWeek(this.parsedStart)\n      const end = this.getEndOfWeek(this.parsedEnd)\n\n      return createDayList(\n        start,\n        end,\n        this.times.today,\n        this.weekdaySkips,\n        Number.MAX_SAFE_INTEGER,\n        minDays\n      )\n    },\n    todayWeek (): CalendarTimestamp[] {\n      const today = this.times.today\n      const start = this.getStartOfWeek(today)\n      const end = this.getEndOfWeek(today)\n\n      return createDayList(\n        start,\n        end,\n        today,\n        this.weekdaySkips,\n        this.parsedWeekdays.length,\n        this.parsedWeekdays.length\n      )\n    },\n    monthFormatter (): CalendarFormatter {\n      if (this.monthFormat) {\n        return this.monthFormat as CalendarFormatter\n      }\n\n      const longOptions = { timeZone: 'UTC', month: 'long' }\n      const shortOptions = { timeZone: 'UTC', month: 'short' }\n\n      return createNativeLocaleFormatter(\n        this.currentLocale,\n        (_tms, short) => short ? shortOptions : longOptions\n      )\n    },\n  },\n\n  methods: {\n    isOutside (day: CalendarTimestamp): boolean {\n      const dayIdentifier = getDayIdentifier(day)\n\n      return dayIdentifier < getDayIdentifier(this.parsedStart) ||\n             dayIdentifier > getDayIdentifier(this.parsedEnd)\n    },\n    genHead (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-calendar-weekly__head',\n      }, this.genHeadDays())\n    },\n    genHeadDays (): KNode[] {\n      const header = this.todayWeek.map(this.genHeadDay)\n\n      if (this.showWeek) {\n        header.unshift(this.$createElement('div', {\n          staticClass: 'k-calendar-weekly__head-weeknumber',\n        }))\n      }\n\n      return header\n    },\n    genHeadDay (day: CalendarTimestamp, index: number): KNode {\n      const outside = this.isOutside(this.days[index])\n      const color = day.present ? this.color : undefined\n\n      return this.$createElement('div', this.setTextColor(color, {\n        key: day.date,\n        staticClass: 'k-calendar-weekly__head-weekday',\n        class: this.getRelativeClasses(day, outside),\n      }), this.weekdayFormatter(day, this.shortWeekdays))\n    },\n    genWeeks (): KNode[] {\n      const days = this.days\n      const weekDays = this.parsedWeekdays.length\n      const weeks: KNode[] = []\n\n      for (let i = 0; i < days.length; i += weekDays) {\n        weeks.push(this.genWeek(days.slice(i, i + weekDays), this.getWeekNumber(days[i])))\n      }\n\n      return weeks\n    },\n    genWeek (week: CalendarTimestamp[], weekNumber: number): KNode {\n      const weekNodes = week.map((day, index) => this.genDay(day, index, week))\n\n      if (this.showWeek) {\n        weekNodes.unshift(this.genWeekNumber(weekNumber))\n      }\n\n      return this.$createElement('div', {\n        key: week[0].date,\n        staticClass: 'k-calendar-weekly__week',\n      }, weekNodes)\n    },\n    getWeekNumber (determineDay: CalendarTimestamp) {\n      return weekNumber(\n        determineDay.year,\n        determineDay.month - 1,\n        determineDay.day,\n        this.parsedWeekdays[0],\n        parseInt(this.localeFirstDayOfYear)\n      )\n    },\n    genWeekNumber (weekNumber: number) {\n      return this.$createElement('div', {\n        staticClass: 'k-calendar-weekly__weeknumber',\n      }, [\n        this.$createElement('small', String(weekNumber)),\n      ])\n    },\n    genDay (day: CalendarTimestamp, index: number, week: CalendarTimestamp[]): KNode {\n      const outside = this.isOutside(day)\n\n      return this.$createElement('div', {\n        key: day.date,\n        staticClass: 'k-calendar-weekly__day',\n        class: this.getRelativeClasses(day, outside),\n        on: this.getDefaultMouseEventHandlers(':day', _e => day),\n      }, [\n        this.genDayLabel(day),\n        ...(getSlot(this, 'day', () => ({ outside, index, week, ...day })) || []),\n      ])\n    },\n    genDayLabel (day: CalendarTimestamp): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-calendar-weekly__day-label',\n      }, getSlot(this, 'day-label', day) || [this.genDayLabelButton(day)])\n    },\n    genDayLabelButton (day: CalendarTimestamp): KNode {\n      const color = day.present ? this.color : 'transparent'\n      const hasMonth = day.day === 1 && this.showMonthOnFirst\n\n      return this.$createElement(KBtn, {\n        props: {\n          color,\n          fab: true,\n          depressed: true,\n          small: true,\n        },\n        on: this.getMouseEventHandlers({\n          'click:date': { event: 'click', stop: true },\n          'contextmenu:date': { event: 'contextmenu', stop: true, prevent: true, result: false },\n        }, _e => day),\n      }, hasMonth\n        ? this.monthFormatter(day, this.shortMonths) + ' ' + this.dayFormatter(day, false)\n        : this.dayFormatter(day, false)\n      )\n    },\n    genDayMonth (day: CalendarTimestamp): KNode | string {\n      const color = day.present ? this.color : undefined\n\n      return this.$createElement('div', this.setTextColor(color, {\n        staticClass: 'k-calendar-weekly__day-month',\n      }), getSlot(this, 'day-month', day) || this.monthFormatter(day, this.shortMonths))\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: this.staticClass,\n      class: this.classes,\n      on: {\n        dragstart: (e: MouseEvent) => {\n          e.preventDefault()\n        },\n      },\n    }, [\n      !this.hideHeader ? this.genHead() : '',\n      ...this.genWeeks(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KCalendarWeekly.js"}

package/es5/components/KCalendar/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KCalendar", {
+  enumerable: true,
+  get: function get() {
+    return _KCalendar.default;
+  }
+});
+Object.defineProperty(exports, "KCalendarDaily", {
+  enumerable: true,
+  get: function get() {
+    return _KCalendarDaily.default;
+  }
+});
+Object.defineProperty(exports, "KCalendarWeekly", {
+  enumerable: true,
+  get: function get() {
+    return _KCalendarWeekly.default;
+  }
+});
+Object.defineProperty(exports, "KCalendarMonthly", {
+  enumerable: true,
+  get: function get() {
+    return _KCalendarMonthly.default;
+  }
+});
+Object.defineProperty(exports, "KCalendarCategory", {
+  enumerable: true,
+  get: function get() {
+    return _KCalendarCategory.default;
+  }
+});
+exports.default = void 0;
+
+var _KCalendar = _interopRequireDefault(require("./KCalendar"));
+
+var _KCalendarDaily = _interopRequireDefault(require("./KCalendarDaily"));
+
+var _KCalendarWeekly = _interopRequireDefault(require("./KCalendarWeekly"));
+
+var _KCalendarMonthly = _interopRequireDefault(require("./KCalendarMonthly"));
+
+var _KCalendarCategory = _interopRequireDefault(require("./KCalendarCategory"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  $_kdutify_subcomponents: {
+    KCalendar: _KCalendar.default,
+    KCalendarCategory: _KCalendarCategory.default,
+    KCalendarDaily: _KCalendarDaily.default,
+    KCalendarWeekly: _KCalendarWeekly.default,
+    KCalendarMonthly: _KCalendarMonthly.default
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCalendar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;eAIe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SAAS,EAAT,kBADuB;AAEvB,IAAA,iBAAiB,EAAjB,0BAFuB;AAGvB,IAAA,cAAc,EAAd,uBAHuB;AAIvB,IAAA,eAAe,EAAf,wBAJuB;AAKvB,IAAA,gBAAgB,EAAhB;AALuB;AADZ,C","sourcesContent":["import KCalendar from './KCalendar'\nimport KCalendarDaily from './KCalendarDaily'\nimport KCalendarWeekly from './KCalendarWeekly'\nimport KCalendarMonthly from './KCalendarMonthly'\nimport KCalendarCategory from './KCalendarCategory'\n\nexport { KCalendar, KCalendarCategory, KCalendarDaily, KCalendarWeekly, KCalendarMonthly }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KCalendar,\n    KCalendarCategory,\n    KCalendarDaily,\n    KCalendarWeekly,\n    KCalendarMonthly,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}