@kokoccc/vuetify 1.0.1 → 1.0.3

package/lib/components/VCalendar/VCalendar.js

@@ -0,0 +1,399 @@
+import { h, defineComponent, withDirectives } from 'vue'; // Styles
+// import '../../stylus/components/_calendar-daily.styl'
+// Directives
+
+import Resize from '../../directives/resize'; // Mixins
+
+import CalendarWithEvents from './mixins/calendar-with-events'; // Util
+
+import props from './util/props';
+import { DAYS_IN_MONTH_MAX, DAY_MIN, DAYS_IN_WEEK, parseTimestamp, validateTimestamp, relativeDays, nextDay, prevDay, copyTimestamp, updateFormatted, updateWeekday, updateRelative, getStartOfMonth, getEndOfMonth, timestampToDate } from './util/timestamp'; // Calendars
+
+import VCalendarMonthly from './VCalendarMonthly';
+import VCalendarDaily from './VCalendarDaily';
+import VCalendarWeekly from './VCalendarWeekly';
+import VCalendarCategory from './VCalendarCategory';
+import { getParsedCategories } from './util/parser';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-calendar',
+  extends: CalendarWithEvents,
+  props: { ...props.calendar,
+    ...props.weeks,
+    ...props.intervals,
+    ...props.category
+  },
+  emits: ['change', 'update:modelValue', 'moved', 'click:date'],
+  data: () => ({
+    lastStart: null,
+    lastEnd: null
+  }),
+  computed: {
+    parsedValue() {
+      return validateTimestamp(this.value) ? parseTimestamp(this.value, true) : this.parsedStart || this.times.today;
+    },
+
+    parsedCategoryDays() {
+      return parseInt(this.categoryDays) || 1;
+    },
+
+    renderProps() {
+      const around = this.parsedValue;
+      let component = null;
+      let maxDays = this.maxDays;
+      let weekdays = this.parsedWeekdays;
+      let categories = this.parsedCategories;
+      let start = around;
+      let end = around;
+
+      switch (this.type) {
+        case 'month':
+          component = VCalendarMonthly;
+          start = getStartOfMonth(around);
+          end = getEndOfMonth(around);
+          break;
+
+        case 'week':
+          component = VCalendarDaily;
+          start = this.getStartOfWeek(around);
+          end = this.getEndOfWeek(around);
+          maxDays = 7;
+          break;
+
+        case 'day':
+          component = VCalendarDaily;
+          maxDays = 1;
+          weekdays = [start.weekday];
+          break;
+
+        case '4day':
+          component = VCalendarDaily;
+          end = relativeDays(copyTimestamp(end), nextDay, 3);
+          updateFormatted(end);
+          maxDays = 4;
+          weekdays = [start.weekday, (start.weekday + 1) % 7, (start.weekday + 2) % 7, (start.weekday + 3) % 7];
+          break;
+
+        case 'custom-weekly':
+          component = VCalendarWeekly;
+          start = this.parsedStart || around;
+          end = this.parsedEnd;
+          break;
+
+        case 'custom-daily':
+          component = VCalendarDaily;
+          start = this.parsedStart || around;
+          end = this.parsedEnd;
+          break;
+
+        case 'category':
+          const days = this.parsedCategoryDays;
+          component = VCalendarCategory;
+          end = relativeDays(copyTimestamp(end), nextDay, days);
+          updateFormatted(end);
+          maxDays = days;
+          weekdays = [];
+
+          for (let i = 0; i < days; i++) {
+            weekdays.push((start.weekday + i) % 7);
+          }
+
+          categories = this.getCategoryList(categories);
+          break;
+
+        default:
+          throw new Error(this.type + ' is not a valid Calendar type');
+      }
+
+      return {
+        component,
+        start,
+        end,
+        maxDays,
+        weekdays,
+        categories
+      };
+    },
+
+    eventWeekdays() {
+      return this.renderProps.weekdays;
+    },
+
+    categoryMode() {
+      return this.type === 'category';
+    },
+
+    title() {
+      const {
+        start,
+        end
+      } = this.renderProps;
+      const spanYears = start.year !== end.year;
+      const spanMonths = spanYears || start.month !== end.month;
+
+      if (spanYears) {
+        return this.monthShortFormatter(start, true) + ' ' + start.year + ' - ' + this.monthShortFormatter(end, true) + ' ' + end.year;
+      }
+
+      if (spanMonths) {
+        return this.monthShortFormatter(start, true) + ' - ' + this.monthShortFormatter(end, true) + ' ' + end.year;
+      } else {
+        return this.monthLongFormatter(start, false) + ' ' + start.year;
+      }
+    },
+
+    monthLongFormatter() {
+      return this.getFormatter({
+        timeZone: 'UTC',
+        month: 'long'
+      });
+    },
+
+    monthShortFormatter() {
+      return this.getFormatter({
+        timeZone: 'UTC',
+        month: 'short'
+      });
+    },
+
+    parsedCategories() {
+      return getParsedCategories(this.categories, this.categoryText);
+    }
+
+  },
+  watch: {
+    renderProps: 'checkChange'
+  },
+
+  mounted() {
+    this.updateEventVisibility();
+    this.checkChange();
+  },
+
+  updated() {
+    window.requestAnimationFrame(this.updateEventVisibility);
+  },
+
+  methods: {
+    checkChange() {
+      const {
+        lastStart,
+        lastEnd
+      } = this;
+      const {
+        start,
+        end
+      } = this.renderProps;
+
+      if (!lastStart || !lastEnd || start.date !== lastStart.date || end.date !== lastEnd.date) {
+        this.lastStart = start;
+        this.lastEnd = end;
+        this.$emit('change', {
+          start,
+          end
+        });
+      }
+    },
+
+    move(amount = 1) {
+      const moved = copyTimestamp(this.parsedValue);
+      const forward = amount > 0;
+      const mover = forward ? nextDay : prevDay;
+      const limit = forward ? DAYS_IN_MONTH_MAX : DAY_MIN;
+      let times = forward ? amount : -amount;
+
+      while (--times >= 0) {
+        switch (this.type) {
+          case 'month':
+            moved.day = limit;
+            mover(moved);
+            break;
+
+          case 'week':
+            relativeDays(moved, mover, DAYS_IN_WEEK);
+            break;
+
+          case 'day':
+            relativeDays(moved, mover, 1);
+            break;
+
+          case '4day':
+            relativeDays(moved, mover, 4);
+            break;
+
+          case 'category':
+            relativeDays(moved, mover, this.parsedCategoryDays);
+            break;
+        }
+      }
+
+      updateWeekday(moved);
+      updateFormatted(moved);
+      updateRelative(moved, this.times.now);
+
+      if (this.value instanceof Date) {
+        this.$emit('update:modelValue', timestampToDate(moved));
+      } else if (typeof this.value === 'number') {
+        this.$emit('update:modelValue', timestampToDate(moved).getTime());
+      } else {
+        this.$emit('update:modelValue', moved.date);
+      }
+
+      this.$emit('moved', moved);
+    },
+
+    next(amount = 1) {
+      this.move(amount);
+    },
+
+    prev(amount = 1) {
+      this.move(-amount);
+    },
+
+    timeToY(time, clamp = true) {
+      const c = this.$refs.calendarChild;
+
+      if (c && c.timeToY) {
+        return c.timeToY(time, clamp);
+      } else {
+        return false;
+      }
+    },
+
+    timeDelta(time) {
+      const c = this.$refs.calendarChild;
+
+      if (c && c.timeDelta) {
+        return c.timeDelta(time);
+      } else {
+        return false;
+      }
+    },
+
+    minutesToPixels(minutes) {
+      const c = this.$refs.calendarChild;
+
+      if (c && c.minutesToPixels) {
+        return c.minutesToPixels(minutes);
+      } else {
+        return -1;
+      }
+    },
+
+    scrollToTime(time) {
+      const c = this.$refs.calendarChild;
+
+      if (c && c.scrollToTime) {
+        return c.scrollToTime(time);
+      } else {
+        return false;
+      }
+    },
+
+    parseTimestamp(input, required) {
+      return parseTimestamp(input, required, this.times.now);
+    },
+
+    timestampToDate(timestamp) {
+      return timestampToDate(timestamp);
+    },
+
+    getCategoryList(categories) {
+      if (!this.noEvents) {
+        const categoryMap = categories.reduce((map, category, index) => {
+          if (typeof category === 'object' && category.categoryName) map[category.categoryName] = {
+            index,
+            count: 0
+          };else if (typeof category === 'string') map[category] = {
+            index,
+            count: 0
+          };
+          return map;
+        }, {});
+
+        if (!this.categoryHideDynamic || !this.categoryShowAll) {
+          let categoryLength = categories.length;
+          this.parsedEvents.forEach(ev => {
+            let category = ev.category;
+
+            if (typeof category !== 'string') {
+              category = this.categoryForInvalid;
+            }
+
+            if (!category) {
+              return;
+            }
+
+            if (category in categoryMap) {
+              categoryMap[category].count++;
+            } else if (!this.categoryHideDynamic) {
+              categoryMap[category] = {
+                index: categoryLength++,
+                count: 1
+              };
+            }
+          });
+        }
+
+        if (!this.categoryShowAll) {
+          for (const category in categoryMap) {
+            if (categoryMap[category].count === 0) {
+              delete categoryMap[category];
+            }
+          }
+        }
+
+        categories = categories.filter(category => {
+          if (typeof category === 'object' && category.categoryName) {
+            return categoryMap.hasOwnProperty(category.categoryName);
+          } else if (typeof category === 'string') {
+            return categoryMap.hasOwnProperty(category);
+          }
+
+          return false;
+        });
+      }
+
+      return categories;
+    }
+
+  },
+
+  render() {
+    const {
+      start,
+      end,
+      maxDays,
+      component,
+      weekdays,
+      categories
+    } = this.renderProps; // Only pass categories prop to VCalendarCategory component
+
+    const props = {
+      ref: 'calendarChild',
+      class: ['v-calendar', {
+        'v-calendar-events': !this.noEvents
+      }],
+      start: start.date,
+      end: end.date,
+      maxDays,
+      weekdays,
+      role: 'grid',
+      'onClick:date': (day, e) => {
+        this.$emit('update:modelValue', day.date);
+        this.$emit('click:date', day, e);
+      }
+    }; // Only add categories prop for VCalendarCategory component
+
+    if (component.name === 'v-calendar-category') {
+      props.categories = categories;
+    }
+
+    return withDirectives(h(component, props, this.getScopedSlots()), [[Resize, this.updateEventVisibility, '', {
+      quiet: true
+    }]]);
+  }
+
+});
+//# sourceMappingURL=VCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCalendar/VCalendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent, VNode, Component, withDirectives } from 'vue'\n// Styles\n// import '../../stylus/components/_calendar-daily.styl'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport CalendarWithEvents from './mixins/calendar-with-events'\n\n// Util\nimport props from './util/props'\nimport {\n  DAYS_IN_MONTH_MAX,\n  DAY_MIN,\n  DAYS_IN_WEEK,\n  parseTimestamp,\n  validateTimestamp,\n  relativeDays,\n  nextDay,\n  prevDay,\n  copyTimestamp,\n  updateFormatted,\n  updateWeekday,\n  updateRelative,\n  getStartOfMonth,\n  getEndOfMonth,\n  VTime,\n  VTimestampInput,\n  timestampToDate,\n} from './util/timestamp'\n\n// Calendars\nimport VCalendarMonthly from './VCalendarMonthly'\nimport VCalendarDaily from './VCalendarDaily'\nimport VCalendarWeekly from './VCalendarWeekly'\nimport VCalendarCategory from './VCalendarCategory'\nimport { CalendarTimestamp, CalendarFormatter, CalendarCategory } from 'vuetify/types'\nimport { getParsedCategories } from './util/parser'\n\n// Types\ninterface VCalendarRenderProps {\n  start: CalendarTimestamp\n  end: CalendarTimestamp\n  component: string | Component\n  maxDays: number\n  weekdays: number[]\n  categories: CalendarCategory[]\n}\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-calendar',\n\n\n  extends: CalendarWithEvents,\n\n  props: {\n    ...props.calendar,\n    ...props.weeks,\n    ...props.intervals,\n    ...props.category,\n  },\n\n  emits: ['change', 'update:modelValue', 'moved', 'click:date'],\n\n  data: () => ({\n    lastStart: null as CalendarTimestamp | null,\n    lastEnd: null as CalendarTimestamp | null,\n  }),\n\n  computed: {\n    parsedValue (): CalendarTimestamp {\n      return (validateTimestamp(this.value)\n        ? parseTimestamp(this.value, true)\n        : (this.parsedStart || this.times.today))\n    },\n    parsedCategoryDays (): number {\n      return parseInt(this.categoryDays) || 1\n    },\n    renderProps (): VCalendarRenderProps {\n      const around = this.parsedValue\n      let component: any = null\n      let maxDays = this.maxDays\n      let weekdays = this.parsedWeekdays\n      let categories = this.parsedCategories\n      let start = around\n      let end = around\n      switch (this.type) {\n        case 'month':\n          component = VCalendarMonthly\n          start = getStartOfMonth(around)\n          end = getEndOfMonth(around)\n          break\n        case 'week':\n          component = VCalendarDaily\n          start = this.getStartOfWeek(around)\n          end = this.getEndOfWeek(around)\n          maxDays = 7\n          break\n        case 'day':\n          component = VCalendarDaily\n          maxDays = 1\n          weekdays = [start.weekday]\n          break\n        case '4day':\n          component = VCalendarDaily\n          end = relativeDays(copyTimestamp(end), nextDay, 3)\n          updateFormatted(end)\n          maxDays = 4\n          weekdays = [\n            start.weekday,\n            (start.weekday + 1) % 7,\n            (start.weekday + 2) % 7,\n            (start.weekday + 3) % 7,\n          ]\n          break\n        case 'custom-weekly':\n          component = VCalendarWeekly\n          start = this.parsedStart || around\n          end = this.parsedEnd\n          break\n        case 'custom-daily':\n          component = VCalendarDaily\n          start = this.parsedStart || around\n          end = this.parsedEnd\n          break\n        case 'category':\n          const days = this.parsedCategoryDays\n\n          component = VCalendarCategory\n          end = relativeDays(copyTimestamp(end), nextDay, days)\n          updateFormatted(end)\n          maxDays = days\n          weekdays = []\n\n          for (let i = 0; i < days; i++) {\n            weekdays.push((start.weekday + i) % 7)\n          }\n\n          categories = this.getCategoryList(categories)\n          break\n        default:\n          throw new Error(this.type + ' is not a valid Calendar type')\n      }\n\n      return { component, start, end, maxDays, weekdays, categories }\n    },\n    eventWeekdays (): number[] {\n      return this.renderProps.weekdays\n    },\n    categoryMode (): boolean {\n      return this.type === 'category'\n    },\n    title (): string {\n      const { start, end } = this.renderProps\n      const spanYears = start.year !== end.year\n      const spanMonths = spanYears || start.month !== end.month\n\n      if (spanYears) {\n        return this.monthShortFormatter(start, true) + ' ' + start.year + ' - ' + this.monthShortFormatter(end, true) + ' ' + end.year\n      }\n\n      if (spanMonths) {\n        return this.monthShortFormatter(start, true) + ' - ' + this.monthShortFormatter(end, true) + ' ' + end.year\n      } else {\n        return this.monthLongFormatter(start, false) + ' ' + start.year\n      }\n    },\n    monthLongFormatter (): CalendarFormatter {\n      return this.getFormatter({\n        timeZone: 'UTC', month: 'long',\n      })\n    },\n    monthShortFormatter (): CalendarFormatter {\n      return this.getFormatter({\n        timeZone: 'UTC', month: 'short',\n      })\n    },\n    parsedCategories (): CalendarCategory[] {\n      return getParsedCategories(this.categories, this.categoryText)\n    },\n  },\n\n  watch: {\n    renderProps: 'checkChange',\n  },\n\n  mounted () {\n    this.updateEventVisibility()\n    this.checkChange()\n  },\n\n  updated () {\n    window.requestAnimationFrame(this.updateEventVisibility)\n  },\n\n  methods: {\n    checkChange (): void {\n      const { lastStart, lastEnd } = this\n      const { start, end } = this.renderProps\n      if (!lastStart || !lastEnd ||\n        start.date !== lastStart.date ||\n        end.date !== lastEnd.date) {\n        this.lastStart = start\n        this.lastEnd = end\n        this.$emit('change', { start, end })\n      }\n    },\n    move (amount = 1): void {\n      const moved = copyTimestamp(this.parsedValue)\n      const forward = amount > 0\n      const mover = forward ? nextDay : prevDay\n      const limit = forward ? DAYS_IN_MONTH_MAX : DAY_MIN\n      let times = forward ? amount : -amount\n\n      while (--times >= 0) {\n        switch (this.type) {\n          case 'month':\n            moved.day = limit\n            mover(moved)\n            break\n          case 'week':\n            relativeDays(moved, mover, DAYS_IN_WEEK)\n            break\n          case 'day':\n            relativeDays(moved, mover, 1)\n            break\n          case '4day':\n            relativeDays(moved, mover, 4)\n            break\n          case 'category':\n            relativeDays(moved, mover, this.parsedCategoryDays)\n            break\n        }\n      }\n\n      updateWeekday(moved)\n      updateFormatted(moved)\n      updateRelative(moved, this.times.now)\n\n      if (this.value instanceof Date) {\n        this.$emit('update:modelValue', timestampToDate(moved))\n      } else if (typeof this.value === 'number') {\n        this.$emit('update:modelValue', timestampToDate(moved).getTime())\n      } else {\n        this.$emit('update:modelValue', moved.date)\n      }\n\n      this.$emit('moved', moved)\n    },\n    next (amount = 1): void {\n      this.move(amount)\n    },\n    prev (amount = 1): void {\n      this.move(-amount)\n    },\n    timeToY (time: VTime, clamp = true): number | false {\n      const c = this.$refs.calendarChild as any\n\n      if (c && c.timeToY) {\n        return c.timeToY(time, clamp)\n      } else {\n        return false\n      }\n    },\n    timeDelta (time: VTime): number | false {\n      const c = this.$refs.calendarChild as any\n\n      if (c && c.timeDelta) {\n        return c.timeDelta(time)\n      } else {\n        return false\n      }\n    },\n    minutesToPixels (minutes: number): number {\n      const c = this.$refs.calendarChild as any\n\n      if (c && c.minutesToPixels) {\n        return c.minutesToPixels(minutes)\n      } else {\n        return -1\n      }\n    },\n    scrollToTime (time: VTime): boolean {\n      const c = this.$refs.calendarChild as any\n\n      if (c && c.scrollToTime) {\n        return c.scrollToTime(time)\n      } else {\n        return false\n      }\n    },\n    parseTimestamp (input: VTimestampInput, required?: false): CalendarTimestamp | null {\n      return parseTimestamp(input, required, this.times.now)\n    },\n    timestampToDate (timestamp: CalendarTimestamp): Date {\n      return timestampToDate(timestamp)\n    },\n    getCategoryList (categories: CalendarCategory[]): CalendarCategory[] {\n      if (!this.noEvents) {\n        const categoryMap: any = categories.reduce((map: any, category, index) => {\n          if (typeof category === 'object' && category.categoryName) map[category.categoryName] = { index, count: 0 }\n          else if (typeof category === 'string') map[category] = { index, count: 0 }\n          return map\n        }, {})\n\n        if (!this.categoryHideDynamic || !this.categoryShowAll) {\n          let categoryLength = categories.length\n\n          this.parsedEvents.forEach(ev => {\n            let category = ev.category\n\n            if (typeof category !== 'string') {\n              category = this.categoryForInvalid\n            }\n\n            if (!category) {\n              return\n            }\n\n            if (category in categoryMap) {\n              categoryMap[category].count++\n            } else if (!this.categoryHideDynamic) {\n              categoryMap[category] = {\n                index: categoryLength++,\n                count: 1,\n              }\n            }\n          })\n        }\n\n        if (!this.categoryShowAll) {\n          for (const category in categoryMap) {\n            if (categoryMap[category].count === 0) {\n              delete categoryMap[category]\n            }\n          }\n        }\n\n        categories = categories.filter((category: CalendarCategory) => {\n          if (typeof category === 'object' && category.categoryName) {\n            return categoryMap.hasOwnProperty(category.categoryName)\n          } else if (typeof category === 'string') {\n            return categoryMap.hasOwnProperty(category)\n          }\n          return false\n        })\n      }\n      return categories\n    },\n  },\n\n  render (): VNode {\n    const { start, end, maxDays, component, weekdays, categories } = this.renderProps\n\n    // Only pass categories prop to VCalendarCategory component\n    const props: any = {\n      ref: 'calendarChild',\n      class: ['v-calendar', {\n        'v-calendar-events': !this.noEvents,\n      }],\n      start: start.date,\n      end: end.date,\n      maxDays,\n      weekdays,\n      role: 'grid',\n      'onClick:date': (day: CalendarTimestamp, e?: MouseEvent) => {\n        this.$emit('update:modelValue', day.date)\n        this.$emit('click:date', day, e)\n      },\n    }\n\n    // Only add categories prop for VCalendarCategory component\n    if (component.name === 'v-calendar-category') {\n      props.categories = categories\n    }\n\n    return withDirectives(h(component, props, this.getScopedSlots()), [\n      [Resize, this.updateEventVisibility, '', { quiet: true }],\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VCalendar.js"}

package/lib/components/VCalendar/VCalendarCategory.js

@@ -0,0 +1,132 @@
+import { h, defineComponent } from 'vue'; // Styles
+
+import "../../../src/components/VCalendar/VCalendarCategory.sass"; // Mixins
+
+import VCalendarDaily from './VCalendarDaily'; // Util
+
+import { convertToUnit, getSlot } from '../../util/helpers';
+import props from './util/props';
+import { getParsedCategories } from './util/parser';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-calendar-category',
+  extends: VCalendarDaily,
+  props: props.category,
+  computed: {
+    classes() {
+      return {
+        'v-calendar-daily': true,
+        'v-calendar-category': true,
+        ...this.themeClasses
+      };
+    },
+
+    parsedCategories() {
+      return getParsedCategories(this.categories, this.categoryText);
+    }
+
+  },
+  methods: {
+    genDayHeader(day, index) {
+      const data = {
+        class: 'v-calendar-category__columns'
+      };
+      const scope = {
+        week: this.days,
+        ...day,
+        index
+      };
+      const children = this.parsedCategories.map(category => {
+        return this.genDayHeaderCategory(day, this.getCategoryScope(scope, category));
+      });
+      return [h('div', data, children)];
+    },
+
+    getCategoryScope(scope, category) {
+      const cat = typeof category === 'object' && category && category.categoryName === this.categoryForInvalid ? null : category;
+      return { ...scope,
+        category: cat
+      };
+    },
+
+    genDayHeaderCategory(day, scope) {
+      const headerTitle = typeof scope.category === 'object' ? scope.category.categoryName : scope.category;
+      return h('div', {
+        class: 'v-calendar-category__column-header',
+        ...this.getDefaultMouseEventHandlers(':day-category', e => {
+          return this.getCategoryScope(this.getSlotScope(day), scope.category);
+        })
+      }, [getSlot(this, 'category', scope) || this.genDayHeaderCategoryTitle(headerTitle), getSlot(this, 'day-header', scope)]);
+    },
+
+    genDayHeaderCategoryTitle(categoryName) {
+      return h('div', {
+        class: 'v-calendar-category__category'
+      }, categoryName === null ? this.categoryForInvalid : categoryName);
+    },
+
+    genDays() {
+      const days = [];
+      this.days.forEach((d, j) => {
+        const day = new Array(this.parsedCategories.length || 1);
+        day.fill(d);
+        days.push(...day.map((v, i) => this.genDay(v, j, i)));
+      });
+      return days;
+    },
+
+    genDay(day, index, categoryIndex) {
+      const category = this.parsedCategories[categoryIndex];
+      return h('div', {
+        key: day.date + '-' + categoryIndex,
+        class: ['v-calendar-daily__day', this.getRelativeClasses(day)],
+        ...this.getDefaultMouseEventHandlers(':time', e => {
+          return this.getSlotScope(this.getTimestampAtEvent(e, day));
+        })
+      }, [...this.genDayIntervals(index, category), ...this.genDayBody(day, category)]);
+    },
+
+    genDayIntervals(index, category) {
+      return this.intervals[index].map(v => this.genDayInterval(v, category));
+    },
+
+    genDayInterval(interval, category) {
+      const height = convertToUnit(this.intervalHeight);
+      const styler = this.intervalStyle || this.intervalStyleDefault;
+      const data = {
+        key: interval.time,
+        class: 'v-calendar-daily__day-interval',
+        style: {
+          height,
+          ...styler({ ...interval,
+            category
+          })
+        }
+      };
+      const children = getSlot(this, 'interval', this.getCategoryScope(this.getSlotScope(interval), category));
+      return h('div', data, children);
+    },
+
+    genDayBody(day, category) {
+      const data = {
+        class: 'v-calendar-category__columns'
+      };
+      const children = [this.genDayBodyCategory(day, category)];
+      return [h('div', data, children)];
+    },
+
+    genDayBodyCategory(day, category) {
+      const data = {
+        class: 'v-calendar-category__column',
+        ...this.getDefaultMouseEventHandlers(':time-category', e => {
+          return this.getCategoryScope(this.getSlotScope(this.getTimestampAtEvent(e, day)), category);
+        })
+      };
+      const children = getSlot(this, 'day-body', this.getCategoryScope(this.getSlotScope(day), category));
+      return h('div', data, children);
+    }
+
+  }
+});
+//# sourceMappingURL=VCalendarCategory.js.map

package/lib/components/VCalendar/VCalendarCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCalendar/VCalendarCategory.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VCalendarCategory.sass'\n\n// Types\nimport { VNode } from 'vue'\n\n// Mixins\nimport VCalendarDaily from './VCalendarDaily'\n\n// Util\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { CalendarCategory, CalendarTimestamp } from 'types'\nimport props from './util/props'\nimport { getParsedCategories } from './util/parser'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-calendar-category',\n  extends: VCalendarDaily,\n\n  props: props.category,\n\n  computed: {\n    classes (): object {\n      return {\n        'v-calendar-daily': true,\n        'v-calendar-category': true,\n        ...this.themeClasses,\n      }\n    },\n    parsedCategories (): CalendarCategory[] {\n      return getParsedCategories(this.categories, this.categoryText)\n    },\n  },\n  methods: {\n    genDayHeader (day: CalendarTimestamp, index: number): VNode[] {\n      const data = {\n        class: 'v-calendar-category__columns',\n      }\n      const scope = {\n        week: this.days, ...day, index,\n      }\n\n      const children = this.parsedCategories.map(category => {\n        return this.genDayHeaderCategory(day, this.getCategoryScope(scope, category))\n      })\n\n      return [h('div', data, children)]\n    },\n    getCategoryScope (scope: any, category: CalendarCategory) {\n      const cat = typeof category === 'object' && category &&\n          category.categoryName === this.categoryForInvalid ? null : category\n      return {\n        ...scope,\n        category: cat,\n      }\n    },\n    genDayHeaderCategory (day: CalendarTimestamp, scope: any): VNode {\n      const headerTitle = typeof scope.category === 'object' ? scope.category.categoryName : scope.category\n      return h('div', {\n        class: 'v-calendar-category__column-header',\n        ...this.getDefaultMouseEventHandlers(':day-category', e => {\n          return this.getCategoryScope(this.getSlotScope(day), scope.category)\n        }),\n      }, [\n        getSlot(this, 'category', scope) || this.genDayHeaderCategoryTitle(headerTitle),\n        getSlot(this, 'day-header', scope),\n      ])\n    },\n    genDayHeaderCategoryTitle (categoryName: string | null) {\n      return h('div', {\n        class: 'v-calendar-category__category',\n      }, categoryName === null ? this.categoryForInvalid : categoryName)\n    },\n    genDays (): VNode[] {\n      const days: VNode[] = []\n      this.days.forEach((d, j) => {\n        const day = new Array(this.parsedCategories.length || 1)\n        day.fill(d)\n        days.push(...day.map((v, i) => this.genDay(v, j, i)))\n      })\n      return days\n    },\n    genDay (day: CalendarTimestamp, index: number, categoryIndex: number): VNode {\n      const category = this.parsedCategories[categoryIndex]\n      return h('div', {\n        key: day.date + '-' + categoryIndex,\n        class: ['v-calendar-daily__day', this.getRelativeClasses(day)],\n        ...this.getDefaultMouseEventHandlers(':time', e => {\n          return this.getSlotScope(this.getTimestampAtEvent(e, day))\n        }),\n      }, [\n        ...this.genDayIntervals(index, category),\n        ...this.genDayBody(day, category),\n      ])\n    },\n    genDayIntervals (index: number, category: CalendarCategory): VNode[] {\n      return this.intervals[index].map(v => this.genDayInterval(v, category))\n    },\n    genDayInterval (interval: CalendarTimestamp, category: CalendarCategory): VNode {\n      const height: string | undefined = convertToUnit(this.intervalHeight)\n      const styler = this.intervalStyle || this.intervalStyleDefault\n\n      const data = {\n        key: interval.time,\n        class: 'v-calendar-daily__day-interval',\n        style: {\n          height,\n          ...styler({ ...interval, category }),\n        },\n      }\n\n      const children = getSlot(this, 'interval',\n        this.getCategoryScope(this.getSlotScope(interval), category)\n      )\n\n      return h('div', data, children)\n    },\n    genDayBody (day: CalendarTimestamp, category: CalendarCategory): VNode[] {\n      const data = {\n        class: 'v-calendar-category__columns',\n      }\n\n      const children = [this.genDayBodyCategory(day, category)]\n\n      return [h('div', data, children)]\n    },\n    genDayBodyCategory (day: CalendarTimestamp, category: CalendarCategory): VNode {\n      const data = {\n        class: 'v-calendar-category__column',\n        ...this.getDefaultMouseEventHandlers(':time-category', e => {\n          return this.getCategoryScope(this.getSlotScope(this.getTimestampAtEvent(e, day)), category)\n        }),\n      }\n\n      const children = getSlot(this, 'day-body', this.getCategoryScope(this.getSlotScope(day), category))\n\n      return h('div', data, children)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCalendarCategory.js"}