kdutify 0.16.9-rc.0 → 2.6.0

package/lib/components/KCalendar/KCalendarDaily.js

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

package/lib/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/lib/components/KCalendar/KCalendarMonthly.js

@@ -0,0 +1,26 @@
+// Styles
+import "..\\..\\..\\src\\components\\KCalendar\\KCalendarWeekly.sass"; // Mixins
+
+import KCalendarWeekly from './KCalendarWeekly'; // Util
+
+import { parseTimestamp, getStartOfMonth, getEndOfMonth } from './util/timestamp';
+/* @kdujs/component */
+
+export default KCalendarWeekly.extend({
+  name: 'k-calendar-monthly',
+  computed: {
+    staticClass() {
+      return 'k-calendar-monthly k-calendar-weekly';
+    },
+
+    parsedStart() {
+      return getStartOfMonth(parseTimestamp(this.start, true));
+    },
+
+    parsedEnd() {
+      return getEndOfMonth(parseTimestamp(this.end, true));
+    }
+
+  }
+});
+//# sourceMappingURL=KCalendarMonthly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCalendar/KCalendarMonthly.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,8DAAP,C,CAEA;;AACA,OAAO,eAAP,MAA4B,mBAA5B,C,CAEA;;AACA,SAAS,cAAT,EAAyB,eAAzB,EAA0C,aAA1C,QAA+D,kBAA/D;AAGA;;AACA,eAAe,eAAe,CAAC,MAAhB,CAAuB;AACpC,EAAA,IAAI,EAAE,oBAD8B;AAGpC,EAAA,QAAQ,EAAE;AACR,IAAA,WAAW,GAAA;AACT,aAAO,sCAAP;AACD,KAHO;;AAIR,IAAA,WAAW,GAAA;AACT,aAAO,eAAe,CAAC,cAAc,CAAC,KAAK,KAAN,EAAa,IAAb,CAAf,CAAtB;AACD,KANO;;AAOR,IAAA,SAAS,GAAA;AACP,aAAO,aAAa,CAAC,cAAc,CAAC,KAAK,GAAN,EAAW,IAAX,CAAf,CAApB;AACD;;AATO;AAH0B,CAAvB,CAAf","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/lib/components/KCalendar/KCalendarWeekly.js

@@ -0,0 +1,198 @@
+// Styles
+import "..\\..\\..\\src\\components\\KCalendar\\KCalendarWeekly.sass"; // Components
+
+import KBtn from '../KBtn'; // Mixins
+
+import CalendarBase from './mixins/calendar-base'; // Util
+
+import { getSlot } from '../../util/helpers';
+import { weekNumber } from '../../util/dateTimeUtils';
+import props from './util/props';
+import { createDayList, getDayIdentifier, createNativeLocaleFormatter } from './util/timestamp';
+/* @kdujs/component */
+
+export default CalendarBase.extend({
+  name: 'k-calendar-weekly',
+  props: props.weeks,
+  computed: {
+    staticClass() {
+      return 'k-calendar-weekly';
+    },
+
+    classes() {
+      return this.themeClasses;
+    },
+
+    parsedMinWeeks() {
+      return parseInt(this.minWeeks);
+    },
+
+    days() {
+      const minDays = this.parsedMinWeeks * this.parsedWeekdays.length;
+      const start = this.getStartOfWeek(this.parsedStart);
+      const end = this.getEndOfWeek(this.parsedEnd);
+      return createDayList(start, end, this.times.today, this.weekdaySkips, Number.MAX_SAFE_INTEGER, minDays);
+    },
+
+    todayWeek() {
+      const today = this.times.today;
+      const start = this.getStartOfWeek(today);
+      const end = this.getEndOfWeek(today);
+      return createDayList(start, end, today, this.weekdaySkips, this.parsedWeekdays.length, this.parsedWeekdays.length);
+    },
+
+    monthFormatter() {
+      if (this.monthFormat) {
+        return this.monthFormat;
+      }
+
+      const longOptions = {
+        timeZone: 'UTC',
+        month: 'long'
+      };
+      const shortOptions = {
+        timeZone: 'UTC',
+        month: 'short'
+      };
+      return createNativeLocaleFormatter(this.currentLocale, (_tms, short) => short ? shortOptions : longOptions);
+    }
+
+  },
+  methods: {
+    isOutside(day) {
+      const dayIdentifier = getDayIdentifier(day);
+      return dayIdentifier < getDayIdentifier(this.parsedStart) || dayIdentifier > getDayIdentifier(this.parsedEnd);
+    },
+
+    genHead() {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-weekly__head'
+      }, this.genHeadDays());
+    },
+
+    genHeadDays() {
+      const header = this.todayWeek.map(this.genHeadDay);
+
+      if (this.showWeek) {
+        header.unshift(this.$createElement('div', {
+          staticClass: 'k-calendar-weekly__head-weeknumber'
+        }));
+      }
+
+      return header;
+    },
+
+    genHeadDay(day, index) {
+      const outside = this.isOutside(this.days[index]);
+      const 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() {
+      const days = this.days;
+      const weekDays = this.parsedWeekdays.length;
+      const weeks = [];
+
+      for (let i = 0; i < days.length; i += weekDays) {
+        weeks.push(this.genWeek(days.slice(i, i + weekDays), this.getWeekNumber(days[i])));
+      }
+
+      return weeks;
+    },
+
+    genWeek(week, weekNumber) {
+      const weekNodes = week.map((day, index) => 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(determineDay) {
+      return weekNumber(determineDay.year, determineDay.month - 1, determineDay.day, this.parsedWeekdays[0], parseInt(this.localeFirstDayOfYear));
+    },
+
+    genWeekNumber(weekNumber) {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-weekly__weeknumber'
+      }, [this.$createElement('small', String(weekNumber))]);
+    },
+
+    genDay(day, index, week) {
+      const 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', _e => day)
+      }, [this.genDayLabel(day), ...(getSlot(this, 'day', () => ({
+        outside,
+        index,
+        week,
+        ...day
+      })) || [])]);
+    },
+
+    genDayLabel(day) {
+      return this.$createElement('div', {
+        staticClass: 'k-calendar-weekly__day-label'
+      }, getSlot(this, 'day-label', day) || [this.genDayLabelButton(day)]);
+    },
+
+    genDayLabelButton(day) {
+      const color = day.present ? this.color : 'transparent';
+      const hasMonth = day.day === 1 && this.showMonthOnFirst;
+      return this.$createElement(KBtn, {
+        props: {
+          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
+          }
+        }, _e => day)
+      }, hasMonth ? this.monthFormatter(day, this.shortMonths) + ' ' + this.dayFormatter(day, false) : this.dayFormatter(day, false));
+    },
+
+    genDayMonth(day) {
+      const color = day.present ? this.color : undefined;
+      return this.$createElement('div', this.setTextColor(color, {
+        staticClass: 'k-calendar-weekly__day-month'
+      }), getSlot(this, 'day-month', day) || this.monthFormatter(day, this.shortMonths));
+    }
+
+  },
+
+  render(h) {
+    return h('div', {
+      staticClass: this.staticClass,
+      class: this.classes,
+      on: {
+        dragstart: e => {
+          e.preventDefault();
+        }
+      }
+    }, [!this.hideHeader ? this.genHead() : '', ...this.genWeeks()]);
+  }
+
+});
+//# sourceMappingURL=KCalendarWeekly.js.map

package/lib/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/lib/components/KCalendar/index.js

@@ -0,0 +1,16 @@
+import KCalendar from './KCalendar';
+import KCalendarDaily from './KCalendarDaily';
+import KCalendarWeekly from './KCalendarWeekly';
+import KCalendarMonthly from './KCalendarMonthly';
+import KCalendarCategory from './KCalendarCategory';
+export { KCalendar, KCalendarCategory, KCalendarDaily, KCalendarWeekly, KCalendarMonthly };
+export default {
+  $_kdutify_subcomponents: {
+    KCalendar,
+    KCalendarCategory,
+    KCalendarDaily,
+    KCalendarWeekly,
+    KCalendarMonthly
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,cAAP,MAA2B,kBAA3B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,iBAAP,MAA8B,qBAA9B;AAEA,SAAS,SAAT,EAAoB,iBAApB,EAAuC,cAAvC,EAAuD,eAAvD,EAAwE,gBAAxE;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SADuB;AAEvB,IAAA,iBAFuB;AAGvB,IAAA,cAHuB;AAIvB,IAAA,eAJuB;AAKvB,IAAA;AALuB;AADZ,CAAf","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"}

package/lib/components/KCalendar/mixins/calendar-base.js

@@ -0,0 +1,103 @@
+// Mixins
+import mixins from '../../../util/mixins';
+import Colorable from '../../../mixins/colorable';
+import Localable from '../../../mixins/localable';
+import Mouse from './mouse';
+import Themeable from '../../../mixins/themeable';
+import Times from './times'; // Directives
+
+import Resize from '../../../directives/resize'; // Util
+
+import props from '../util/props';
+import { parseTimestamp, getWeekdaySkips, createDayList, createNativeLocaleFormatter, getStartOfWeek, getEndOfWeek, getTimestampIdentifier } from '../util/timestamp';
+export default mixins(Colorable, Localable, Mouse, Themeable, Times
+/* @kdujs/component */
+).extend({
+  name: 'calendar-base',
+  directives: {
+    Resize
+  },
+  props: props.base,
+  computed: {
+    parsedWeekdays() {
+      return Array.isArray(this.weekdays) ? this.weekdays : (this.weekdays || '').split(',').map(x => parseInt(x, 10));
+    },
+
+    weekdaySkips() {
+      return getWeekdaySkips(this.parsedWeekdays);
+    },
+
+    weekdaySkipsReverse() {
+      const reversed = this.weekdaySkips.slice();
+      reversed.reverse();
+      return reversed;
+    },
+
+    parsedStart() {
+      return parseTimestamp(this.start, true);
+    },
+
+    parsedEnd() {
+      const start = this.parsedStart;
+      const end = this.end ? parseTimestamp(this.end) || start : start;
+      return getTimestampIdentifier(end) < getTimestampIdentifier(start) ? start : end;
+    },
+
+    days() {
+      return createDayList(this.parsedStart, this.parsedEnd, this.times.today, this.weekdaySkips);
+    },
+
+    dayFormatter() {
+      if (this.dayFormat) {
+        return this.dayFormat;
+      }
+
+      const options = {
+        timeZone: 'UTC',
+        day: 'numeric'
+      };
+      return createNativeLocaleFormatter(this.currentLocale, (_tms, _short) => options);
+    },
+
+    weekdayFormatter() {
+      if (this.weekdayFormat) {
+        return this.weekdayFormat;
+      }
+
+      const longOptions = {
+        timeZone: 'UTC',
+        weekday: 'long'
+      };
+      const shortOptions = {
+        timeZone: 'UTC',
+        weekday: 'short'
+      };
+      return createNativeLocaleFormatter(this.currentLocale, (_tms, short) => short ? shortOptions : longOptions);
+    }
+
+  },
+  methods: {
+    getRelativeClasses(timestamp, outside = false) {
+      return {
+        'k-present': timestamp.present,
+        'k-past': timestamp.past,
+        'k-future': timestamp.future,
+        'k-outside': outside
+      };
+    },
+
+    getStartOfWeek(timestamp) {
+      return getStartOfWeek(timestamp, this.parsedWeekdays, this.times.today);
+    },
+
+    getEndOfWeek(timestamp) {
+      return getEndOfWeek(timestamp, this.parsedWeekdays, this.times.today);
+    },
+
+    getFormatter(options) {
+      return createNativeLocaleFormatter(this.locale, (_tms, _short) => options);
+    }
+
+  }
+});
+//# sourceMappingURL=calendar-base.js.map