@kokoccc/vuetify 1.0.1 → 1.0.3

package/lib/components/VCalendar/mixins/calendar-with-intervals.js

@@ -0,0 +1,163 @@
+import { defineComponent } from 'vue'; // Mixins
+
+import CalendarBase from './calendar-base'; // Util
+
+import props from '../util/props';
+import { parseTime, copyTimestamp, updateMinutes, createDayList, createIntervalList, createNativeLocaleFormatter, MINUTES_IN_DAY } from '../util/timestamp';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'calendar-with-intervals',
+  extends: CalendarBase,
+  props: props.intervals,
+  computed: {
+    parsedFirstInterval() {
+      return parseInt(this.firstInterval);
+    },
+
+    parsedIntervalMinutes() {
+      return parseInt(this.intervalMinutes);
+    },
+
+    parsedIntervalCount() {
+      return parseInt(this.intervalCount);
+    },
+
+    parsedIntervalHeight() {
+      return parseFloat(this.intervalHeight);
+    },
+
+    parsedFirstTime() {
+      return parseTime(this.firstTime);
+    },
+
+    firstMinute() {
+      const time = this.parsedFirstTime;
+      return time !== false && time >= 0 && time <= MINUTES_IN_DAY ? time : this.parsedFirstInterval * this.parsedIntervalMinutes;
+    },
+
+    bodyHeight() {
+      return this.parsedIntervalCount * this.parsedIntervalHeight;
+    },
+
+    days() {
+      return createDayList(this.parsedStart, this.parsedEnd, this.times.today, this.weekdaySkips, this.maxDays);
+    },
+
+    intervals() {
+      const days = this.days;
+      const first = this.firstMinute;
+      const minutes = this.parsedIntervalMinutes;
+      const count = this.parsedIntervalCount;
+      const now = this.times.now;
+      return days.map(d => createIntervalList(d, first, minutes, count, now));
+    },
+
+    intervalFormatter() {
+      if (this.intervalFormat) {
+        return this.intervalFormat;
+      }
+
+      const longOptions = {
+        timeZone: 'UTC',
+        hour: '2-digit',
+        minute: '2-digit'
+      };
+      const shortOptions = {
+        timeZone: 'UTC',
+        hour: 'numeric',
+        minute: '2-digit'
+      };
+      const shortHourOptions = {
+        timeZone: 'UTC',
+        hour: 'numeric'
+      };
+      return createNativeLocaleFormatter(this.currentLocale, (tms, short) => short ? tms.minute === 0 ? shortHourOptions : shortOptions : longOptions);
+    }
+
+  },
+  methods: {
+    showIntervalLabelDefault(interval) {
+      const first = this.intervals[0][0];
+      const isFirst = first.hour === interval.hour && first.minute === interval.minute;
+      return !isFirst;
+    },
+
+    intervalStyleDefault(_interval) {
+      return undefined;
+    },
+
+    getTimestampAtEvent(e, day) {
+      const timestamp = copyTimestamp(day);
+      const bounds = e.currentTarget.getBoundingClientRect();
+      const baseMinutes = this.firstMinute;
+      const touchEvent = e;
+      const mouseEvent = e;
+      const touches = touchEvent.changedTouches || touchEvent.touches;
+      const clientY = touches && touches[0] ? touches[0].clientY : mouseEvent.clientY;
+      const addIntervals = (clientY - bounds.top) / this.parsedIntervalHeight;
+      const addMinutes = Math.floor(addIntervals * this.parsedIntervalMinutes);
+      const minutes = baseMinutes + addMinutes;
+      return updateMinutes(timestamp, minutes, this.times.now);
+    },
+
+    getSlotScope(timestamp) {
+      const scope = copyTimestamp(timestamp);
+      scope.timeToY = this.timeToY;
+      scope.timeDelta = this.timeDelta;
+      scope.minutesToPixels = this.minutesToPixels;
+      scope.week = this.days;
+      return scope;
+    },
+
+    scrollToTime(time) {
+      const y = this.timeToY(time);
+      const pane = this.$refs.scrollArea;
+
+      if (y === false || !pane) {
+        return false;
+      }
+
+      pane.scrollTop = y;
+      return true;
+    },
+
+    minutesToPixels(minutes) {
+      return minutes / this.parsedIntervalMinutes * this.parsedIntervalHeight;
+    },
+
+    timeToY(time, clamp = true) {
+      let y = this.timeDelta(time);
+
+      if (y !== false) {
+        y *= this.bodyHeight;
+
+        if (clamp) {
+          if (y < 0) {
+            y = 0;
+          }
+
+          if (y > this.bodyHeight) {
+            y = this.bodyHeight;
+          }
+        }
+      }
+
+      return y;
+    },
+
+    timeDelta(time) {
+      const minutes = parseTime(time);
+
+      if (minutes === false) {
+        return false;
+      }
+
+      const min = this.firstMinute;
+      const gap = this.parsedIntervalCount * this.parsedIntervalMinutes;
+      return (minutes - min) / gap;
+    }
+
+  }
+});
+//# sourceMappingURL=calendar-with-intervals.js.map

package/lib/components/VCalendar/mixins/calendar-with-intervals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/VCalendar/mixins/calendar-with-intervals.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineComponent } from 'vue'\n\n// Mixins\nimport CalendarBase from './calendar-base'\n\n// Util\nimport props from '../util/props'\nimport {\n  parseTime,\n  copyTimestamp,\n  updateMinutes,\n  createDayList,\n  createIntervalList,\n  createNativeLocaleFormatter,\n  VTime,\n  MINUTES_IN_DAY,\n} from '../util/timestamp'\nimport { CalendarTimestamp, CalendarFormatter, CalendarDayBodySlotScope } from 'vuetify/types'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'calendar-with-intervals',\n\n  extends: CalendarBase,\n  props: props.intervals,\n\n  computed: {\n    parsedFirstInterval (): number {\n      return parseInt(this.firstInterval)\n    },\n    parsedIntervalMinutes (): number {\n      return parseInt(this.intervalMinutes)\n    },\n    parsedIntervalCount (): number {\n      return parseInt(this.intervalCount)\n    },\n    parsedIntervalHeight (): number {\n      return parseFloat(this.intervalHeight)\n    },\n    parsedFirstTime (): number | false {\n      return parseTime(this.firstTime)\n    },\n    firstMinute (): number {\n      const time = this.parsedFirstTime\n\n      return time !== false && time >= 0 && time <= MINUTES_IN_DAY\n        ? time\n        : this.parsedFirstInterval * this.parsedIntervalMinutes\n    },\n    bodyHeight (): number {\n      return this.parsedIntervalCount * this.parsedIntervalHeight\n    },\n    days (): CalendarTimestamp[] {\n      return createDayList(\n        this.parsedStart,\n        this.parsedEnd,\n        this.times.today,\n        this.weekdaySkips,\n        this.maxDays\n      )\n    },\n    intervals (): CalendarTimestamp[][] {\n      const days: CalendarTimestamp[] = this.days\n      const first: number = this.firstMinute\n      const minutes: number = this.parsedIntervalMinutes\n      const count: number = this.parsedIntervalCount\n      const now: CalendarTimestamp = this.times.now\n\n      return days.map(d => createIntervalList(d, first, minutes, count, now))\n    },\n    intervalFormatter (): CalendarFormatter {\n      if (this.intervalFormat) {\n        return this.intervalFormat as CalendarFormatter\n      }\n\n      const longOptions = { timeZone: 'UTC', hour: '2-digit', minute: '2-digit' }\n      const shortOptions = { timeZone: 'UTC', hour: 'numeric', minute: '2-digit' }\n      const shortHourOptions = { timeZone: 'UTC', hour: 'numeric' }\n\n      return createNativeLocaleFormatter(\n        this.currentLocale,\n        (tms, short) => short ? (tms.minute === 0 ? shortHourOptions : shortOptions) : longOptions\n      )\n    },\n  },\n\n  methods: {\n    showIntervalLabelDefault (interval: CalendarTimestamp): boolean {\n      const first: CalendarTimestamp = this.intervals[0][0]\n      const isFirst: boolean = first.hour === interval.hour && first.minute === interval.minute\n      return !isFirst\n    },\n    intervalStyleDefault (_interval: CalendarTimestamp): object | undefined {\n      return undefined\n    },\n    getTimestampAtEvent (e: MouseEvent | TouchEvent, day: CalendarTimestamp): CalendarTimestamp {\n      const timestamp: CalendarTimestamp = copyTimestamp(day)\n      const bounds = (e.currentTarget as HTMLElement).getBoundingClientRect()\n      const baseMinutes: number = this.firstMinute\n      const touchEvent: TouchEvent = e as TouchEvent\n      const mouseEvent: MouseEvent = e as MouseEvent\n      const touches: TouchList = touchEvent.changedTouches || touchEvent.touches\n      const clientY: number = touches && touches[0] ? touches[0].clientY : mouseEvent.clientY\n      const addIntervals: number = (clientY - bounds.top) / this.parsedIntervalHeight\n      const addMinutes: number = Math.floor(addIntervals * this.parsedIntervalMinutes)\n      const minutes: number = baseMinutes + addMinutes\n\n      return updateMinutes(timestamp, minutes, this.times.now)\n    },\n    getSlotScope (timestamp: CalendarTimestamp): CalendarDayBodySlotScope {\n      const scope = copyTimestamp(timestamp) as any\n      scope.timeToY = this.timeToY\n      scope.timeDelta = this.timeDelta\n      scope.minutesToPixels = this.minutesToPixels\n      scope.week = this.days\n      return scope\n    },\n    scrollToTime (time: VTime): boolean {\n      const y = this.timeToY(time)\n      const pane = this.$refs.scrollArea as HTMLElement\n\n      if (y === false || !pane) {\n        return false\n      }\n\n      pane.scrollTop = y\n\n      return true\n    },\n    minutesToPixels (minutes: number): number {\n      return minutes / this.parsedIntervalMinutes * this.parsedIntervalHeight\n    },\n    timeToY (time: VTime, clamp = true): number | false {\n      let y = this.timeDelta(time)\n\n      if (y !== false) {\n        y *= this.bodyHeight\n\n        if (clamp) {\n          if (y < 0) {\n            y = 0\n          }\n          if (y > this.bodyHeight) {\n            y = this.bodyHeight\n          }\n        }\n      }\n\n      return y\n    },\n    timeDelta (time: VTime): number | false {\n      const minutes = parseTime(time)\n\n      if (minutes === false) {\n        return false\n      }\n\n      const min: number = this.firstMinute\n      const gap: number = this.parsedIntervalCount * this.parsedIntervalMinutes\n\n      return (minutes - min) / gap\n    },\n  },\n})\n"],"sourceRoot":"","file":"calendar-with-intervals.js"}

package/lib/components/VCalendar/mixins/times.js

@@ -0,0 +1,70 @@
+import { defineComponent } from 'vue';
+import { validateTimestamp, parseTimestamp, parseDate } from '../util/timestamp';
+export default defineComponent({
+  name: 'times',
+  props: {
+    now: {
+      type: String,
+      validator: validateTimestamp
+    }
+  },
+  data: () => ({
+    times: {
+      now: parseTimestamp('0000-00-00 00:00', true),
+      today: parseTimestamp('0000-00-00', true)
+    }
+  }),
+  computed: {
+    parsedNow() {
+      return this.now ? parseTimestamp(this.now, true) : null;
+    }
+
+  },
+  watch: {
+    parsedNow: 'updateTimes'
+  },
+
+  created() {
+    this.updateTimes();
+    this.setPresent();
+  },
+
+  methods: {
+    setPresent() {
+      this.times.now.present = this.times.today.present = true;
+      this.times.now.past = this.times.today.past = false;
+      this.times.now.future = this.times.today.future = false;
+    },
+
+    updateTimes() {
+      const now = this.parsedNow || this.getNow();
+      this.updateDay(now, this.times.now);
+      this.updateTime(now, this.times.now);
+      this.updateDay(now, this.times.today);
+    },
+
+    getNow() {
+      return parseDate(new Date());
+    },
+
+    updateDay(now, target) {
+      if (now.date !== target.date) {
+        target.year = now.year;
+        target.month = now.month;
+        target.day = now.day;
+        target.weekday = now.weekday;
+        target.date = now.date;
+      }
+    },
+
+    updateTime(now, target) {
+      if (now.time !== target.time) {
+        target.hour = now.hour;
+        target.minute = now.minute;
+        target.time = now.time;
+      }
+    }
+
+  }
+});
+//# sourceMappingURL=times.js.map

package/lib/components/VCalendar/mixins/times.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/VCalendar/mixins/times.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,QAAgC,KAAhC;AAEA,SACE,iBADF,EAEE,cAFF,EAGE,SAHF,QAIO,mBAJP;AAOA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,OADuB;AAG7B,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,SAAS,EAAE;AAFR;AADA,GAHsB;AAU7B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,KAAK,EAAE;AACL,MAAA,GAAG,EAAE,cAAc,CAAC,kBAAD,EAAqB,IAArB,CADd;AAEL,MAAA,KAAK,EAAE,cAAc,CAAC,YAAD,EAAe,IAAf;AAFhB;AADI,GAAP,CAVuB;AAiB7B,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,GAAL,GAAW,cAAc,CAAC,KAAK,GAAN,EAAW,IAAX,CAAzB,GAA4C,IAAnD;AACD;;AAHO,GAjBmB;AAuB7B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE;AADN,GAvBsB;;AA2B7B,EAAA,OAAO,GAAA;AACL,SAAK,WAAL;AACA,SAAK,UAAL;AACD,GA9B4B;;AAgC7B,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,WAAK,KAAL,CAAW,GAAX,CAAe,OAAf,GAAyB,KAAK,KAAL,CAAW,KAAX,CAAiB,OAAjB,GAA2B,IAApD;AACA,WAAK,KAAL,CAAW,GAAX,CAAe,IAAf,GAAsB,KAAK,KAAL,CAAW,KAAX,CAAiB,IAAjB,GAAwB,KAA9C;AACA,WAAK,KAAL,CAAW,GAAX,CAAe,MAAf,GAAwB,KAAK,KAAL,CAAW,KAAX,CAAiB,MAAjB,GAA0B,KAAlD;AACD,KALM;;AAMP,IAAA,WAAW,GAAA;AACT,YAAM,GAAG,GAAsB,KAAK,SAAL,IAAkB,KAAK,MAAL,EAAjD;AACA,WAAK,SAAL,CAAe,GAAf,EAAoB,KAAK,KAAL,CAAW,GAA/B;AACA,WAAK,UAAL,CAAgB,GAAhB,EAAqB,KAAK,KAAL,CAAW,GAAhC;AACA,WAAK,SAAL,CAAe,GAAf,EAAoB,KAAK,KAAL,CAAW,KAA/B;AACD,KAXM;;AAYP,IAAA,MAAM,GAAA;AACJ,aAAO,SAAS,CAAC,IAAI,IAAJ,EAAD,CAAhB;AACD,KAdM;;AAeP,IAAA,SAAS,CAAE,GAAF,EAA0B,MAA1B,EAAmD;AAC1D,UAAI,GAAG,CAAC,IAAJ,KAAa,MAAM,CAAC,IAAxB,EAA8B;AAC5B,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACA,QAAA,MAAM,CAAC,KAAP,GAAe,GAAG,CAAC,KAAnB;AACA,QAAA,MAAM,CAAC,GAAP,GAAa,GAAG,CAAC,GAAjB;AACA,QAAA,MAAM,CAAC,OAAP,GAAiB,GAAG,CAAC,OAArB;AACA,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACD;AACF,KAvBM;;AAwBP,IAAA,UAAU,CAAE,GAAF,EAA0B,MAA1B,EAAmD;AAC3D,UAAI,GAAG,CAAC,IAAJ,KAAa,MAAM,CAAC,IAAxB,EAA8B;AAC5B,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACA,QAAA,MAAM,CAAC,MAAP,GAAgB,GAAG,CAAC,MAApB;AACA,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACD;AACF;;AA9BM;AAhCoB,CAAD,CAA9B","sourcesContent":["import { defineComponent } from 'vue'\n\nimport {\n  validateTimestamp,\n  parseTimestamp,\n  parseDate,\n} from '../util/timestamp'\nimport { CalendarTimestamp } from 'vuetify/types'\n\nexport default defineComponent({\n  name: 'times',\n\n  props: {\n    now: {\n      type: String,\n      validator: validateTimestamp,\n    },\n  },\n\n  data: () => ({\n    times: {\n      now: parseTimestamp('0000-00-00 00:00', true),\n      today: parseTimestamp('0000-00-00', true),\n    },\n  }),\n\n  computed: {\n    parsedNow (): CalendarTimestamp | null {\n      return this.now ? parseTimestamp(this.now, true) : null\n    },\n  },\n\n  watch: {\n    parsedNow: 'updateTimes',\n  },\n\n  created () {\n    this.updateTimes()\n    this.setPresent()\n  },\n\n  methods: {\n    setPresent (): void {\n      this.times.now.present = this.times.today.present = true\n      this.times.now.past = this.times.today.past = false\n      this.times.now.future = this.times.today.future = false\n    },\n    updateTimes (): void {\n      const now: CalendarTimestamp = this.parsedNow || this.getNow()\n      this.updateDay(now, this.times.now)\n      this.updateTime(now, this.times.now)\n      this.updateDay(now, this.times.today)\n    },\n    getNow (): CalendarTimestamp {\n      return parseDate(new Date())\n    },\n    updateDay (now: CalendarTimestamp, target: CalendarTimestamp): void {\n      if (now.date !== target.date) {\n        target.year = now.year\n        target.month = now.month\n        target.day = now.day\n        target.weekday = now.weekday\n        target.date = now.date\n      }\n    },\n    updateTime (now: CalendarTimestamp, target: CalendarTimestamp): void {\n      if (now.time !== target.time) {\n        target.hour = now.hour\n        target.minute = now.minute\n        target.time = now.time\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"times.js"}

package/lib/components/VCalendar/modes/column.js

@@ -0,0 +1,18 @@
+import { getOverlapGroupHandler } from './common';
+const FULL_WIDTH = 100;
+export const column = (events, firstWeekday, overlapThreshold) => {
+  const handler = getOverlapGroupHandler(firstWeekday);
+  return (day, dayEvents, timed, reset) => {
+    const visuals = handler.getVisuals(day, dayEvents, timed, reset);
+
+    if (timed) {
+      visuals.forEach(visual => {
+        visual.left = visual.column * FULL_WIDTH / visual.columnCount;
+        visual.width = FULL_WIDTH / visual.columnCount;
+      });
+    }
+
+    return visuals;
+  };
+};
+//# sourceMappingURL=column.js.map

package/lib/components/VCalendar/modes/column.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/VCalendar/modes/column.ts"],"names":[],"mappings":"AACA,SAAS,sBAAT,QAAuC,UAAvC;AAEA,MAAM,UAAU,GAAG,GAAnB;AAEA,OAAO,MAAM,MAAM,GAA6B,CAAC,MAAD,EAAS,YAAT,EAAuB,gBAAvB,KAA2C;AACzF,QAAM,OAAO,GAAG,sBAAsB,CAAC,YAAD,CAAtC;AAEA,SAAO,CAAC,GAAD,EAAM,SAAN,EAAiB,KAAjB,EAAwB,KAAxB,KAAiC;AACtC,UAAM,OAAO,GAAG,OAAO,CAAC,UAAR,CAAmB,GAAnB,EAAwB,SAAxB,EAAmC,KAAnC,EAA0C,KAA1C,CAAhB;;AAEA,QAAI,KAAJ,EAAW;AACT,MAAA,OAAO,CAAC,OAAR,CAAgB,MAAM,IAAG;AACvB,QAAA,MAAM,CAAC,IAAP,GAAc,MAAM,CAAC,MAAP,GAAgB,UAAhB,GAA6B,MAAM,CAAC,WAAlD;AACA,QAAA,MAAM,CAAC,KAAP,GAAe,UAAU,GAAG,MAAM,CAAC,WAAnC;AACD,OAHD;AAID;;AAED,WAAO,OAAP;AACD,GAXD;AAYD,CAfM","sourcesContent":["import { CalendarEventOverlapMode } from 'vuetify/types'\nimport { getOverlapGroupHandler } from './common'\n\nconst FULL_WIDTH = 100\n\nexport const column: CalendarEventOverlapMode = (events, firstWeekday, overlapThreshold) => {\n  const handler = getOverlapGroupHandler(firstWeekday)\n\n  return (day, dayEvents, timed, reset) => {\n    const visuals = handler.getVisuals(day, dayEvents, timed, reset)\n\n    if (timed) {\n      visuals.forEach(visual => {\n        visual.left = visual.column * FULL_WIDTH / visual.columnCount\n        visual.width = FULL_WIDTH / visual.columnCount\n      })\n    }\n\n    return visuals\n  }\n}\n"],"sourceRoot":"","file":"column.js"}

package/lib/components/VCalendar/modes/common.js

@@ -0,0 +1,119 @@
+import { getTimestampIdentifier } from '../util/timestamp';
+const MILLIS_IN_DAY = 86400000;
+export function getVisuals(events, minStart = 0) {
+  const visuals = events.map(event => ({
+    event,
+    columnCount: 0,
+    column: 0,
+    left: 0,
+    width: 100
+  }));
+  visuals.sort((a, b) => {
+    return Math.max(minStart, a.event.startTimestampIdentifier) - Math.max(minStart, b.event.startTimestampIdentifier) || b.event.endTimestampIdentifier - a.event.endTimestampIdentifier;
+  });
+  return visuals;
+}
+export function hasOverlap(s0, e0, s1, e1, exclude = true) {
+  return exclude ? !(s0 >= e1 || e0 <= s1) : !(s0 > e1 || e0 < s1);
+}
+export function setColumnCount(groups) {
+  groups.forEach(group => {
+    group.visuals.forEach(groupVisual => {
+      groupVisual.columnCount = groups.length;
+    });
+  });
+}
+export function getRange(event) {
+  return [event.startTimestampIdentifier, event.endTimestampIdentifier];
+}
+export function getDayRange(event) {
+  return [event.startIdentifier, event.endIdentifier];
+}
+export function getNormalizedRange(event, dayStart) {
+  return [Math.max(dayStart, event.startTimestampIdentifier), Math.min(dayStart + MILLIS_IN_DAY, event.endTimestampIdentifier)];
+}
+export function getOpenGroup(groups, start, end, timed) {
+  for (let i = 0; i < groups.length; i++) {
+    const group = groups[i];
+    let intersected = false;
+
+    if (hasOverlap(start, end, group.start, group.end, timed)) {
+      for (let k = 0; k < group.visuals.length; k++) {
+        const groupVisual = group.visuals[k];
+        const [groupStart, groupEnd] = timed ? getRange(groupVisual.event) : getDayRange(groupVisual.event);
+
+        if (hasOverlap(start, end, groupStart, groupEnd, timed)) {
+          intersected = true;
+          break;
+        }
+      }
+    }
+
+    if (!intersected) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+export function getOverlapGroupHandler(firstWeekday) {
+  const handler = {
+    groups: [],
+    min: -1,
+    max: -1,
+    reset: () => {
+      handler.groups = [];
+      handler.min = handler.max = -1;
+    },
+    getVisuals: (day, dayEvents, timed, reset = false) => {
+      if (day.weekday === firstWeekday || reset) {
+        handler.reset();
+      }
+
+      const dayStart = getTimestampIdentifier(day);
+      const visuals = getVisuals(dayEvents, dayStart);
+      visuals.forEach(visual => {
+        const [start, end] = timed ? getRange(visual.event) : getDayRange(visual.event);
+
+        if (handler.groups.length > 0 && !hasOverlap(start, end, handler.min, handler.max, timed)) {
+          setColumnCount(handler.groups);
+          handler.reset();
+        }
+
+        let targetGroup = getOpenGroup(handler.groups, start, end, timed);
+
+        if (targetGroup === -1) {
+          targetGroup = handler.groups.length;
+          handler.groups.push({
+            start,
+            end,
+            visuals: []
+          });
+        }
+
+        const target = handler.groups[targetGroup];
+        target.visuals.push(visual);
+        target.start = Math.min(target.start, start);
+        target.end = Math.max(target.end, end);
+        visual.column = targetGroup;
+
+        if (handler.min === -1) {
+          handler.min = start;
+          handler.max = end;
+        } else {
+          handler.min = Math.min(handler.min, start);
+          handler.max = Math.max(handler.max, end);
+        }
+      });
+      setColumnCount(handler.groups);
+
+      if (timed) {
+        handler.reset();
+      }
+
+      return visuals;
+    }
+  };
+  return handler;
+}
+//# sourceMappingURL=common.js.map

package/lib/components/VCalendar/modes/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/VCalendar/modes/common.ts"],"names":[],"mappings":"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","sourcesContent":["import { CalendarEventParsed, CalendarEventVisual, CalendarTimestamp } from 'vuetify/types'\nimport { getTimestampIdentifier } from '../util/timestamp'\n\nconst MILLIS_IN_DAY = 86400000\n\nexport type GetRange = (event: CalendarEventParsed) => [number, number]\n\nexport function getVisuals (events: CalendarEventParsed[], minStart = 0): CalendarEventVisual[] {\n  const visuals = events.map(event => ({\n    event,\n    columnCount: 0,\n    column: 0,\n    left: 0,\n    width: 100,\n  }))\n\n  visuals.sort((a, b) => {\n    return (Math.max(minStart, a.event.startTimestampIdentifier) - Math.max(minStart, b.event.startTimestampIdentifier)) ||\n           (b.event.endTimestampIdentifier - a.event.endTimestampIdentifier)\n  })\n\n  return visuals\n}\n\nexport interface ColumnGroup {\n  start: number\n  end: number\n  visuals: CalendarEventVisual[]\n}\n\nexport function hasOverlap (s0: number, e0: number, s1: number, e1: number, exclude = true): boolean {\n  return exclude ? !(s0 >= e1 || e0 <= s1) : !(s0 > e1 || e0 < s1)\n}\n\nexport function setColumnCount (groups: ColumnGroup[]) {\n  groups.forEach(group => {\n    group.visuals.forEach(groupVisual => {\n      groupVisual.columnCount = groups.length\n    })\n  })\n}\n\nexport function getRange (event: CalendarEventParsed): [number, number] {\n  return [event.startTimestampIdentifier, event.endTimestampIdentifier]\n}\n\nexport function getDayRange (event: CalendarEventParsed): [number, number] {\n  return [event.startIdentifier, event.endIdentifier]\n}\n\nexport function getNormalizedRange (event: CalendarEventParsed, dayStart: number): [number, number] {\n  return [Math.max(dayStart, event.startTimestampIdentifier), Math.min(dayStart + MILLIS_IN_DAY, event.endTimestampIdentifier)]\n}\n\nexport function getOpenGroup (groups: ColumnGroup[], start: number, end: number, timed: boolean) {\n  for (let i = 0; i < groups.length; i++) {\n    const group = groups[i]\n    let intersected = false\n\n    if (hasOverlap(start, end, group.start, group.end, timed)) {\n      for (let k = 0; k < group.visuals.length; k++) {\n        const groupVisual = group.visuals[k]\n        const [groupStart, groupEnd] = timed ? getRange(groupVisual.event) : getDayRange(groupVisual.event)\n\n        if (hasOverlap(start, end, groupStart, groupEnd, timed)) {\n          intersected = true\n          break\n        }\n      }\n    }\n\n    if (!intersected) {\n      return i\n    }\n  }\n\n  return -1\n}\n\nexport function getOverlapGroupHandler (firstWeekday: number) {\n  const handler = {\n    groups: [] as ColumnGroup[],\n    min: -1,\n    max: -1,\n    reset: () => {\n      handler.groups = []\n      handler.min = handler.max = -1\n    },\n    getVisuals: (day: CalendarTimestamp, dayEvents: CalendarEventParsed[], timed: boolean, reset = false) => {\n      if (day.weekday === firstWeekday || reset) {\n        handler.reset()\n      }\n\n      const dayStart = getTimestampIdentifier(day)\n      const visuals = getVisuals(dayEvents, dayStart)\n\n      visuals.forEach(visual => {\n        const [start, end] = timed ? getRange(visual.event) : getDayRange(visual.event)\n\n        if (handler.groups.length > 0 && !hasOverlap(start, end, handler.min, handler.max, timed)) {\n          setColumnCount(handler.groups)\n          handler.reset()\n        }\n\n        let targetGroup = getOpenGroup(handler.groups, start, end, timed)\n\n        if (targetGroup === -1) {\n          targetGroup = handler.groups.length\n\n          handler.groups.push({ start, end, visuals: [] })\n        }\n\n        const target = handler.groups[targetGroup]\n        target.visuals.push(visual)\n        target.start = Math.min(target.start, start)\n        target.end = Math.max(target.end, end)\n\n        visual.column = targetGroup\n\n        if (handler.min === -1) {\n          handler.min = start\n          handler.max = end\n        } else {\n          handler.min = Math.min(handler.min, start)\n          handler.max = Math.max(handler.max, end)\n        }\n      })\n\n      setColumnCount(handler.groups)\n\n      if (timed) {\n        handler.reset()\n      }\n\n      return visuals\n    },\n  }\n\n  return handler\n}\n"],"sourceRoot":"","file":"common.js"}

package/lib/components/VCalendar/modes/index.js

@@ -0,0 +1,7 @@
+import { stack } from './stack';
+import { column } from './column';
+export const CalendarEventOverlapModes = {
+  stack,
+  column
+};
+//# sourceMappingURL=index.js.map

package/lib/components/VCalendar/modes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/VCalendar/modes/index.ts"],"names":[],"mappings":"AACA,SAAS,KAAT,QAAsB,SAAtB;AACA,SAAS,MAAT,QAAuB,UAAvB;AAEA,OAAO,MAAM,yBAAyB,GAA6C;AACjF,EAAA,KADiF;AAEjF,EAAA;AAFiF,CAA5E","sourcesContent":["import { CalendarEventOverlapMode } from 'vuetify/types'\nimport { stack } from './stack'\nimport { column } from './column'\n\nexport const CalendarEventOverlapModes: Record<string, CalendarEventOverlapMode> = {\n  stack,\n  column,\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VCalendar/modes/stack.js

@@ -0,0 +1,242 @@
+import { getOverlapGroupHandler, getVisuals, hasOverlap, getNormalizedRange } from './common';
+import { getTimestampIdentifier } from '../util/timestamp';
+const FULL_WIDTH = 100;
+const DEFAULT_OFFSET = 5;
+const WIDTH_MULTIPLIER = 1.7;
+/**
+ * Variation of column mode where events can be stacked. The priority of this
+ * mode is to stack events together taking up the least amount of space while
+ * trying to ensure the content of the event is always visible as well as its
+ * start and end. A sibling column has intersecting event content and must be
+ * placed beside each other. Non-sibling columns are offset by 5% from the
+ * previous column. The width is scaled by 1.7 so the events overlap and
+ * whitespace is reduced. If there is a hole in columns the event width is
+ * scaled up so it intersects with the next column. The columns have equal
+ * width in the space they are given. If the event doesn't have any to the
+ * right of it that intersect with it's content it's right side is extended
+ * to the right side.
+ */
+
+export const stack = (events, firstWeekday, overlapThreshold) => {
+  const handler = getOverlapGroupHandler(firstWeekday); // eslint-disable-next-line max-statements
+
+  return (day, dayEvents, timed, reset) => {
+    if (!timed) {
+      return handler.getVisuals(day, dayEvents, timed, reset);
+    }
+
+    const dayStart = getTimestampIdentifier(day);
+    const visuals = getVisuals(dayEvents, dayStart);
+    const groups = getGroups(visuals, dayStart);
+
+    for (const group of groups) {
+      const nodes = [];
+
+      for (const visual of group.visuals) {
+        const child = getNode(visual, dayStart);
+        const index = getNextIndex(child, nodes);
+
+        if (index === false) {
+          const parent = getParent(child, nodes);
+
+          if (parent) {
+            child.parent = parent;
+            child.sibling = hasOverlap(child.start, child.end, parent.start, addTime(parent.start, overlapThreshold));
+            child.index = parent.index + 1;
+            parent.children.push(child);
+          }
+        } else {
+          const [parent] = getOverlappingRange(child, nodes, index - 1, index - 1);
+          const children = getOverlappingRange(child, nodes, index + 1, index + nodes.length, true);
+          child.children = children;
+          child.index = index;
+
+          if (parent) {
+            child.parent = parent;
+            child.sibling = hasOverlap(child.start, child.end, parent.start, addTime(parent.start, overlapThreshold));
+            parent.children.push(child);
+          }
+
+          for (const grand of children) {
+            if (grand.parent === parent) {
+              grand.parent = child;
+            }
+
+            const grandNext = grand.index - child.index <= 1;
+
+            if (grandNext && child.sibling && hasOverlap(child.start, addTime(child.start, overlapThreshold), grand.start, grand.end)) {
+              grand.sibling = true;
+            }
+          }
+        }
+
+        nodes.push(child);
+      }
+
+      calculateBounds(nodes, overlapThreshold);
+    }
+
+    visuals.sort((a, b) => a.left - b.left || a.event.startTimestampIdentifier - b.event.startTimestampIdentifier);
+    return visuals;
+  };
+};
+
+function calculateBounds(nodes, overlapThreshold) {
+  for (const node of nodes) {
+    const {
+      visual,
+      parent
+    } = node;
+    const columns = getMaxChildIndex(node) + 1;
+    const spaceLeft = parent ? parent.visual.left : 0;
+    const spaceWidth = FULL_WIDTH - spaceLeft;
+    const offset = Math.min(DEFAULT_OFFSET, FULL_WIDTH / columns);
+    const columnWidthMultiplier = getColumnWidthMultiplier(node, nodes);
+    const columnOffset = spaceWidth / (columns - node.index + 1);
+    const columnWidth = spaceWidth / (columns - node.index + (node.sibling ? 1 : 0)) * columnWidthMultiplier;
+
+    if (parent) {
+      visual.left = node.sibling ? spaceLeft + columnOffset : spaceLeft + offset;
+    }
+
+    visual.width = hasFullWidth(node, nodes, overlapThreshold) ? FULL_WIDTH - visual.left : Math.min(FULL_WIDTH - visual.left, columnWidth * WIDTH_MULTIPLIER);
+  }
+}
+
+function getColumnWidthMultiplier(node, nodes) {
+  if (!node.children.length) {
+    return 1;
+  }
+
+  const maxColumn = node.index + nodes.length;
+  const minColumn = node.children.reduce((min, c) => Math.min(min, c.index), maxColumn);
+  return minColumn - node.index;
+}
+
+function getOverlappingIndices(node, nodes) {
+  const indices = [];
+
+  for (const other of nodes) {
+    if (hasOverlap(node.start, node.end, other.start, other.end)) {
+      indices.push(other.index);
+    }
+  }
+
+  return indices;
+}
+
+function getNextIndex(node, nodes) {
+  const indices = getOverlappingIndices(node, nodes);
+  indices.sort();
+
+  for (let i = 0; i < indices.length; i++) {
+    if (i < indices[i]) {
+      return i;
+    }
+  }
+
+  return false;
+}
+
+function getOverlappingRange(node, nodes, indexMin, indexMax, returnFirstColumn = false) {
+  const overlapping = [];
+
+  for (const other of nodes) {
+    if (other.index >= indexMin && other.index <= indexMax && hasOverlap(node.start, node.end, other.start, other.end)) {
+      overlapping.push(other);
+    }
+  }
+
+  if (returnFirstColumn && overlapping.length > 0) {
+    const first = overlapping.reduce((min, n) => Math.min(min, n.index), overlapping[0].index);
+    return overlapping.filter(n => n.index === first);
+  }
+
+  return overlapping;
+}
+
+function getParent(node, nodes) {
+  let parent = null;
+
+  for (const other of nodes) {
+    if (hasOverlap(node.start, node.end, other.start, other.end) && (parent === null || other.index > parent.index)) {
+      parent = other;
+    }
+  }
+
+  return parent;
+}
+
+function hasFullWidth(node, nodes, overlapThreshold) {
+  for (const other of nodes) {
+    if (other !== node && other.index > node.index && hasOverlap(node.start, addTime(node.start, overlapThreshold), other.start, other.end)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function getGroups(visuals, dayStart) {
+  const groups = [];
+
+  for (const visual of visuals) {
+    const [start, end] = getNormalizedRange(visual.event, dayStart);
+    let added = false;
+
+    for (const group of groups) {
+      if (hasOverlap(start, end, group.start, group.end)) {
+        group.visuals.push(visual);
+        group.end = Math.max(group.end, end);
+        added = true;
+        break;
+      }
+    }
+
+    if (!added) {
+      groups.push({
+        start,
+        end,
+        visuals: [visual]
+      });
+    }
+  }
+
+  return groups;
+}
+
+function getNode(visual, dayStart) {
+  const [start, end] = getNormalizedRange(visual.event, dayStart);
+  return {
+    parent: null,
+    sibling: true,
+    index: 0,
+    visual,
+    start,
+    end,
+    children: []
+  };
+}
+
+function getMaxChildIndex(node) {
+  let max = node.index;
+
+  for (const child of node.children) {
+    const childMax = getMaxChildIndex(child);
+
+    if (childMax > max) {
+      max = childMax;
+    }
+  }
+
+  return max;
+}
+
+function addTime(identifier, minutes) {
+  const removeMinutes = identifier % 100;
+  const totalMinutes = removeMinutes + minutes;
+  const addHours = Math.floor(totalMinutes / 60);
+  const addMinutes = totalMinutes % 60;
+  return identifier - removeMinutes + addHours * 100 + addMinutes;
+}
+//# sourceMappingURL=stack.js.map