@kokoccc/vuetify 1.0.2 → 1.0.3

package/lib/components/VCalendar/VCalendarDaily.js

@@ -0,0 +1,256 @@
+import { h, defineComponent, withDirectives } from 'vue'; // Styles
+
+import "../../../src/components/VCalendar/VCalendarDaily.sass"; // Directives
+
+import Resize from '../../directives/resize'; // Components
+
+import VBtn from '../VBtn'; // Mixins
+
+import CalendarWithIntervals from './mixins/calendar-with-intervals'; // Util
+
+import { convertToUnit, getSlot } from '../../util/helpers';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-calendar-daily',
+  extends: CalendarWithIntervals,
+  data: () => ({
+    scrollPush: 0
+  }),
+  computed: {
+    classes() {
+      return {
+        'v-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 h('div', {
+        class: 'v-calendar-daily__head',
+        style: {
+          marginRight: this.scrollPush + 'px'
+        }
+      }, [this.genHeadIntervals(), ...this.genHeadDays()]);
+    },
+
+    genHeadIntervals() {
+      const width = convertToUnit(this.intervalWidth);
+      return h('div', {
+        class: 'v-calendar-daily__intervals-head',
+        style: {
+          width
+        }
+      }, getSlot(this, 'interval-header'));
+    },
+
+    genHeadDays() {
+      return this.days.map(this.genHeadDay);
+    },
+
+    genHeadDay(day, index) {
+      return h('div', {
+        key: day.date,
+        class: ['v-calendar-daily_head-day', this.getRelativeClasses(day)],
+        ...this.getDefaultMouseEventHandlers(':day', nativeEvent => {
+          return {
+            nativeEvent,
+            ...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 h('div', this.setTextColor(color, {
+        class: 'v-calendar-daily_head-weekday'
+      }), this.weekdayFormatter(day, this.shortWeekdays));
+    },
+
+    genHeadDayLabel(day) {
+      return h('div', {
+        class: 'v-calendar-daily_head-day-label'
+      }, getSlot(this, 'day-label-header', day) || [this.genHeadDayButton(day)]);
+    },
+
+    genHeadDayButton(day) {
+      const color = day.present ? this.color : 'transparent';
+      return h(VBtn, {
+        color,
+        fab: true,
+        depressed: true,
+        ...this.getMouseEventHandlers({
+          'click:date': {
+            event: 'click',
+            stop: true
+          },
+          'contextmenu:date': {
+            event: 'contextmenu',
+            stop: true,
+            prevent: true,
+            result: false
+          }
+        }, nativeEvent => {
+          return {
+            nativeEvent,
+            ...day
+          };
+        })
+      }, {
+        default: () => this.dayFormatter(day, false)
+      });
+    },
+
+    genBody() {
+      return h('div', {
+        class: 'v-calendar-daily__body'
+      }, [this.genScrollArea()]);
+    },
+
+    genScrollArea() {
+      return h('div', {
+        ref: 'scrollArea',
+        class: 'v-calendar-daily__scroll-area'
+      }, [this.genPane()]);
+    },
+
+    genPane() {
+      return h('div', {
+        ref: 'pane',
+        class: 'v-calendar-daily__pane',
+        style: {
+          height: convertToUnit(this.bodyHeight)
+        }
+      }, [this.genDayContainer()]);
+    },
+
+    genDayContainer() {
+      return h('div', {
+        class: 'v-calendar-daily__day-container'
+      }, [this.genBodyIntervals(), ...this.genDays()]);
+    },
+
+    genDays() {
+      return this.days.map(this.genDay);
+    },
+
+    genDay(day, index) {
+      return h('div', {
+        key: day.date,
+        class: ['v-calendar-daily__day', this.getRelativeClasses(day)],
+        ...this.getDefaultMouseEventHandlers(':time', nativeEvent => {
+          return {
+            nativeEvent,
+            ...this.getSlotScope(this.getTimestampAtEvent(nativeEvent, 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,
+        class: 'v-calendar-daily__day-interval',
+        style: {
+          height,
+          ...styler(interval)
+        }
+      };
+      const children = getSlot(this, 'interval', this.getSlotScope(interval));
+      return h('div', data, children);
+    },
+
+    genBodyIntervals() {
+      const width = convertToUnit(this.intervalWidth);
+      const data = {
+        class: 'v-calendar-daily__intervals-body',
+        style: {
+          width
+        },
+        ...this.getDefaultMouseEventHandlers(':interval', nativeEvent => {
+          return {
+            nativeEvent,
+            ...this.getTimestampAtEvent(nativeEvent, this.parsedStart)
+          };
+        })
+      };
+      return h('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 h('div', {
+        key: interval.time,
+        class: 'v-calendar-daily__interval',
+        style: {
+          height
+        }
+      }, [h('div', {
+        class: 'v-calendar-daily__interval-text'
+      }, label)]);
+    }
+
+  },
+
+  render() {
+    return withDirectives(h('div', {
+      class: this.classes,
+      onDragstart: e => {
+        e.preventDefault();
+      }
+    }, [!this.hideHeader ? this.genHead() : '', this.genBody()]), [[Resize, this.onResize, '', {
+      quiet: true
+    }]]);
+  }
+
+});
+//# sourceMappingURL=VCalendarDaily.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCalendar/VCalendarDaily.ts"],"names":[],"mappings":"AAAA,SAAS,CAAT,EAAY,eAAZ,EAA6B,cAA7B,QAA0D,KAA1D,C,CACA;;AACA,OAAO,uDAAP,C,CAEA;;AACA,OAAO,MAAP,MAAmB,yBAAnB,C,CAEA;;AACA,OAAO,IAAP,MAAiB,SAAjB,C,CAEA;;AACA,OAAO,qBAAP,MAAkC,kCAAlC,C,CAEA;;AACA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AAGA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,kBADuB;AAI7B,EAAA,OAAO,EAAE,qBAJoB;AAM7B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,UAAU,EAAE;AADD,GAAP,CANuB;AAU7B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,4BAAoB,IADf;AAEL,WAAG,KAAK;AAFH,OAAP;AAID;;AANO,GAVmB;;AAmB7B,EAAA,OAAO,GAAA;AACL,SAAK,IAAL;AACD,GArB4B;;AAuB7B,EAAA,OAAO,EAAE;AACP,IAAA,IAAI,GAAA;AACF,WAAK,SAAL,CAAe,KAAK,QAApB;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,WAAK,UAAL,GAAkB,KAAK,aAAL,EAAlB;AACD,KANM;;AAOP,IAAA,aAAa,GAAA;AACX,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,UAAxB;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,IAAxB;AAEA,aAAO,IAAI,IAAI,IAAR,GAAgB,IAAI,CAAC,WAAL,GAAmB,IAAI,CAAC,WAAxC,GAAuD,CAA9D;AACD,KAZM;;AAaP,IAAA,OAAO,GAAA;AACL,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,wBADO;AAEd,QAAA,KAAK,EAAE;AACL,UAAA,WAAW,EAAE,KAAK,UAAL,GAAkB;AAD1B;AAFO,OAAR,EAKL,CACD,KAAK,gBAAL,EADC,EAED,GAAG,KAAK,WAAL,EAFF,CALK,CAAR;AASD,KAvBM;;AAwBP,IAAA,gBAAgB,GAAA;AACd,YAAM,KAAK,GAAuB,aAAa,CAAC,KAAK,aAAN,CAA/C;AAEA,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,kCADO;AAEd,QAAA,KAAK,EAAE;AACL,UAAA;AADK;AAFO,OAAR,EAKL,OAAO,CAAC,IAAD,EAAO,iBAAP,CALF,CAAR;AAMD,KAjCM;;AAkCP,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,IAAL,CAAU,GAAV,CAAc,KAAK,UAAnB,CAAP;AACD,KApCM;;AAqCP,IAAA,UAAU,CAAE,GAAF,EAA0B,KAA1B,EAAuC;AAC/C,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,GAAG,EAAE,GAAG,CAAC,IADK;AAEd,QAAA,KAAK,EAAE,CAAC,2BAAD,EAA8B,KAAK,kBAAL,CAAwB,GAAxB,CAA9B,CAFO;AAGd,WAAG,KAAK,4BAAL,CAAkC,MAAlC,EAA0C,WAAW,IAAG;AACzD,iBAAO;AAAE,YAAA,WAAF;AAAe,eAAG,KAAK,YAAL,CAAkB,GAAlB;AAAlB,WAAP;AACD,SAFE;AAHW,OAAR,EAML,CACD,KAAK,cAAL,CAAoB,GAApB,CADC,EAED,KAAK,eAAL,CAAqB,GAArB,CAFC,EAGD,GAAG,KAAK,YAAL,CAAkB,GAAlB,EAAuB,KAAvB,CAHF,CANK,CAAR;AAWD,KAjDM;;AAkDP,IAAA,YAAY,CAAE,GAAF,EAA0B,KAA1B,EAAuC;AACjD,aAAO,OAAO,CAAC,IAAD,EAAO,YAAP,EAAqB;AACjC,QAAA,IAAI,EAAE,KAAK,IADsB;AAChB,WAAG,GADa;AACR,QAAA;AADQ,OAArB,CAAP,IAED,EAFN;AAGD,KAtDM;;AAuDP,IAAA,cAAc,CAAE,GAAF,EAAwB;AACpC,YAAM,KAAK,GAAG,GAAG,CAAC,OAAJ,GAAc,KAAK,KAAnB,GAA2B,SAAzC;AAEA,aAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,YAAL,CAAkB,KAAlB,EAAyB;AACvC,QAAA,KAAK,EAAE;AADgC,OAAzB,CAAR,EAEJ,KAAK,gBAAL,CAAsB,GAAtB,EAA2B,KAAK,aAAhC,CAFI,CAAR;AAGD,KA7DM;;AA8DP,IAAA,eAAe,CAAE,GAAF,EAAwB;AACrC,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE;AADO,OAAR,EAEL,OAAO,CAAC,IAAD,EAAO,kBAAP,EAA2B,GAA3B,CAAP,IAA0C,CAAC,KAAK,gBAAL,CAAsB,GAAtB,CAAD,CAFrC,CAAR;AAGD,KAlEM;;AAmEP,IAAA,gBAAgB,CAAE,GAAF,EAAwB;AACtC,YAAM,KAAK,GAAG,GAAG,CAAC,OAAJ,GAAc,KAAK,KAAnB,GAA2B,aAAzC;AAEA,aAAO,CAAC,CAAC,IAAD,EAAO;AACb,QAAA,KADa;AAEb,QAAA,GAAG,EAAE,IAFQ;AAGb,QAAA,SAAS,EAAE,IAHE;AAIb,WAAG,KAAK,qBAAL,CAA2B;AAC5B,wBAAc;AAAE,YAAA,KAAK,EAAE,OAAT;AAAkB,YAAA,IAAI,EAAE;AAAxB,WADc;AAE5B,8BAAoB;AAAE,YAAA,KAAK,EAAE,aAAT;AAAwB,YAAA,IAAI,EAAE,IAA9B;AAAoC,YAAA,OAAO,EAAE,IAA7C;AAAmD,YAAA,MAAM,EAAE;AAA3D;AAFQ,SAA3B,EAGA,WAAW,IAAG;AACf,iBAAO;AAAE,YAAA,WAAF;AAAe,eAAG;AAAlB,WAAP;AACD,SALE;AAJU,OAAP,EAUL;AAAE,QAAA,OAAO,EAAE,MAAM,KAAK,YAAL,CAAkB,GAAlB,EAAuB,KAAvB;AAAjB,OAVK,CAAR;AAWD,KAjFM;;AAkFP,IAAA,OAAO,GAAA;AACL,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE;AADO,OAAR,EAEL,CACD,KAAK,aAAL,EADC,CAFK,CAAR;AAKD,KAxFM;;AAyFP,IAAA,aAAa,GAAA;AACX,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,GAAG,EAAE,YADS;AAEd,QAAA,KAAK,EAAE;AAFO,OAAR,EAGL,CACD,KAAK,OAAL,EADC,CAHK,CAAR;AAMD,KAhGM;;AAiGP,IAAA,OAAO,GAAA;AACL,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,GAAG,EAAE,MADS;AAEd,QAAA,KAAK,EAAE,wBAFO;AAGd,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,aAAa,CAAC,KAAK,UAAN;AADhB;AAHO,OAAR,EAML,CACD,KAAK,eAAL,EADC,CANK,CAAR;AASD,KA3GM;;AA4GP,IAAA,eAAe,GAAA;AACb,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE;AADO,OAAR,EAEL,CACD,KAAK,gBAAL,EADC,EAED,GAAG,KAAK,OAAL,EAFF,CAFK,CAAR;AAMD,KAnHM;;AAoHP,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,IAAL,CAAU,GAAV,CAAc,KAAK,MAAnB,CAAP;AACD,KAtHM;;AAuHP,IAAA,MAAM,CAAE,GAAF,EAA0B,KAA1B,EAAuC;AAC3C,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,GAAG,EAAE,GAAG,CAAC,IADK;AAEd,QAAA,KAAK,EAAE,CAAC,uBAAD,EAA0B,KAAK,kBAAL,CAAwB,GAAxB,CAA1B,CAFO;AAGd,WAAG,KAAK,4BAAL,CAAkC,OAAlC,EAA2C,WAAW,IAAG;AAC1D,iBAAO;AAAE,YAAA,WAAF;AAAe,eAAG,KAAK,YAAL,CAAkB,KAAK,mBAAL,CAAyB,WAAzB,EAAsC,GAAtC,CAAlB;AAAlB,WAAP;AACD,SAFE;AAHW,OAAR,EAML,CACD,GAAG,KAAK,eAAL,CAAqB,KAArB,CADF,EAED,GAAG,KAAK,UAAL,CAAgB,GAAhB,CAFF,CANK,CAAR;AAUD,KAlIM;;AAmIP,IAAA,UAAU,CAAE,GAAF,EAAwB;AAChC,aAAO,OAAO,CAAC,IAAD,EAAO,UAAP,EAAmB,KAAK,YAAL,CAAkB,GAAlB,CAAnB,CAAP,IAAqD,EAA5D;AACD,KArIM;;AAsIP,IAAA,eAAe,CAAE,KAAF,EAAe;AAC5B,aAAO,KAAK,SAAL,CAAe,KAAf,EAAsB,GAAtB,CAA0B,KAAK,cAA/B,CAAP;AACD,KAxIM;;AAyIP,IAAA,cAAc,CAAE,QAAF,EAA6B;AACzC,YAAM,MAAM,GAAuB,aAAa,CAAC,KAAK,cAAN,CAAhD;AACA,YAAM,MAAM,GAAG,KAAK,aAAL,IAAsB,KAAK,oBAA1C;AAEA,YAAM,IAAI,GAAG;AACX,QAAA,GAAG,EAAE,QAAQ,CAAC,IADH;AAEX,QAAA,KAAK,EAAE,gCAFI;AAGX,QAAA,KAAK,EAAE;AACL,UAAA,MADK;AAEL,aAAG,MAAM,CAAC,QAAD;AAFJ;AAHI,OAAb;AAUA,YAAM,QAAQ,GAAG,OAAO,CAAC,IAAD,EAAO,UAAP,EAAmB,KAAK,YAAL,CAAkB,QAAlB,CAAnB,CAAxB;AAEA,aAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,QAAd,CAAR;AACD,KA1JM;;AA2JP,IAAA,gBAAgB,GAAA;AACd,YAAM,KAAK,GAAuB,aAAa,CAAC,KAAK,aAAN,CAA/C;AACA,YAAM,IAAI,GAAG;AACX,QAAA,KAAK,EAAE,kCADI;AAEX,QAAA,KAAK,EAAE;AACL,UAAA;AADK,SAFI;AAKX,WAAG,KAAK,4BAAL,CAAkC,WAAlC,EAA+C,WAAW,IAAG;AAC9D,iBAAO;AAAE,YAAA,WAAF;AAAe,eAAG,KAAK,mBAAL,CAAyB,WAAzB,EAAsC,KAAK,WAA3C;AAAlB,WAAP;AACD,SAFE;AALQ,OAAb;AAUA,aAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,KAAK,iBAAL,EAAd,CAAR;AACD,KAxKM;;AAyKP,IAAA,iBAAiB,GAAA;AACf,UAAI,CAAC,KAAK,SAAL,CAAe,MAApB,EAA4B,OAAO,IAAP;AAE5B,aAAO,KAAK,SAAL,CAAe,CAAf,EAAkB,GAAlB,CAAsB,KAAK,gBAA3B,CAAP;AACD,KA7KM;;AA8KP,IAAA,gBAAgB,CAAE,QAAF,EAA6B;AAC3C,YAAM,MAAM,GAAuB,aAAa,CAAC,KAAK,cAAN,CAAhD;AACA,YAAM,KAAK,GAAY,KAAK,cAA5B;AACA,YAAM,MAAM,GAAG,KAAK,iBAAL,IAA0B,KAAK,wBAA9C;AACA,YAAM,IAAI,GAAG,MAAM,CAAC,QAAD,CAAnB;AACA,YAAM,KAAK,GAAG,IAAI,GAAG,KAAK,iBAAL,CAAuB,QAAvB,EAAiC,KAAjC,CAAH,GAA6C,SAA/D;AAEA,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,GAAG,EAAE,QAAQ,CAAC,IADA;AAEd,QAAA,KAAK,EAAE,4BAFO;AAGd,QAAA,KAAK,EAAE;AACL,UAAA;AADK;AAHO,OAAR,EAML,CACD,CAAC,CAAC,KAAD,EAAQ;AACP,QAAA,KAAK,EAAE;AADA,OAAR,EAEE,KAFF,CADA,CANK,CAAR;AAWD;;AAhMM,GAvBoB;;AA0N7B,EAAA,MAAM,GAAA;AACJ,WAAO,cAAc,CAAC,CAAC,CAAC,KAAD,EAAQ;AAC7B,MAAA,KAAK,EAAE,KAAK,OADiB;AAE7B,MAAA,WAAW,EAAG,CAAD,IAAkB;AAC7B,QAAA,CAAC,CAAC,cAAF;AACD;AAJ4B,KAAR,EAKpB,CACD,CAAC,KAAK,UAAN,GAAmB,KAAK,OAAL,EAAnB,GAAoC,EADnC,EAED,KAAK,OAAL,EAFC,CALoB,CAAF,EAQjB,CACF,CAAC,MAAD,EAAS,KAAK,QAAd,EAAwB,EAAxB,EAA4B;AAAE,MAAA,KAAK,EAAE;AAAT,KAA5B,CADE,CARiB,CAArB;AAWD;;AAtO4B,CAAD,CAA9B","sourcesContent":["import { h, defineComponent, withDirectives, VNode } from 'vue'\n// Styles\nimport './VCalendarDaily.sass'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Components\nimport VBtn from '../VBtn'\n\n// Mixins\nimport CalendarWithIntervals from './mixins/calendar-with-intervals'\n\n// Util\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { CalendarTimestamp } from 'vuetify/types'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-calendar-daily',\n\n\n  extends: CalendarWithIntervals,\n\n  data: () => ({\n    scrollPush: 0,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-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 (): VNode {\n      return h('div', {\n        class: 'v-calendar-daily__head',\n        style: {\n          marginRight: this.scrollPush + 'px',\n        },\n      }, [\n        this.genHeadIntervals(),\n        ...this.genHeadDays(),\n      ])\n    },\n    genHeadIntervals (): VNode {\n      const width: string | undefined = convertToUnit(this.intervalWidth)\n\n      return h('div', {\n        class: 'v-calendar-daily__intervals-head',\n        style: {\n          width,\n        },\n      }, getSlot(this, 'interval-header'))\n    },\n    genHeadDays (): VNode[] {\n      return this.days.map(this.genHeadDay)\n    },\n    genHeadDay (day: CalendarTimestamp, index: number): VNode {\n      return h('div', {\n        key: day.date,\n        class: ['v-calendar-daily_head-day', this.getRelativeClasses(day)],\n        ...this.getDefaultMouseEventHandlers(':day', nativeEvent => {\n          return { nativeEvent, ...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): VNode[] {\n      return getSlot(this, 'day-header', {\n        week: this.days, ...day, index,\n      }) || []\n    },\n    genHeadWeekday (day: CalendarTimestamp): VNode {\n      const color = day.present ? this.color : undefined\n\n      return h('div', this.setTextColor(color, {\n        class: 'v-calendar-daily_head-weekday',\n      }), this.weekdayFormatter(day, this.shortWeekdays))\n    },\n    genHeadDayLabel (day: CalendarTimestamp): VNode {\n      return h('div', {\n        class: 'v-calendar-daily_head-day-label',\n      }, getSlot(this, 'day-label-header', day) || [this.genHeadDayButton(day)])\n    },\n    genHeadDayButton (day: CalendarTimestamp): VNode {\n      const color = day.present ? this.color : 'transparent'\n\n      return h(VBtn, {\n        color,\n        fab: true,\n        depressed: true,\n        ...this.getMouseEventHandlers({\n          'click:date': { event: 'click', stop: true },\n          'contextmenu:date': { event: 'contextmenu', stop: true, prevent: true, result: false },\n        }, nativeEvent => {\n          return { nativeEvent, ...day }\n        }),\n      }, { default: () => this.dayFormatter(day, false) })\n    },\n    genBody (): VNode {\n      return h('div', {\n        class: 'v-calendar-daily__body',\n      }, [\n        this.genScrollArea(),\n      ])\n    },\n    genScrollArea (): VNode {\n      return h('div', {\n        ref: 'scrollArea',\n        class: 'v-calendar-daily__scroll-area',\n      }, [\n        this.genPane(),\n      ])\n    },\n    genPane (): VNode {\n      return h('div', {\n        ref: 'pane',\n        class: 'v-calendar-daily__pane',\n        style: {\n          height: convertToUnit(this.bodyHeight),\n        },\n      }, [\n        this.genDayContainer(),\n      ])\n    },\n    genDayContainer (): VNode {\n      return h('div', {\n        class: 'v-calendar-daily__day-container',\n      }, [\n        this.genBodyIntervals(),\n        ...this.genDays(),\n      ])\n    },\n    genDays (): VNode[] {\n      return this.days.map(this.genDay)\n    },\n    genDay (day: CalendarTimestamp, index: number): VNode {\n      return h('div', {\n        key: day.date,\n        class: ['v-calendar-daily__day', this.getRelativeClasses(day)],\n        ...this.getDefaultMouseEventHandlers(':time', nativeEvent => {\n          return { nativeEvent, ...this.getSlotScope(this.getTimestampAtEvent(nativeEvent, day)) }\n        }),\n      }, [\n        ...this.genDayIntervals(index),\n        ...this.genDayBody(day),\n      ])\n    },\n    genDayBody (day: CalendarTimestamp): VNode[] {\n      return getSlot(this, 'day-body', this.getSlotScope(day)) || []\n    },\n    genDayIntervals (index: number): VNode[] {\n      return this.intervals[index].map(this.genDayInterval)\n    },\n    genDayInterval (interval: CalendarTimestamp): 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),\n        },\n\n      }\n\n      const children = getSlot(this, 'interval', this.getSlotScope(interval))\n\n      return h('div', data, children)\n    },\n    genBodyIntervals (): VNode {\n      const width: string | undefined = convertToUnit(this.intervalWidth)\n      const data = {\n        class: 'v-calendar-daily__intervals-body',\n        style: {\n          width,\n        },\n        ...this.getDefaultMouseEventHandlers(':interval', nativeEvent => {\n          return { nativeEvent, ...this.getTimestampAtEvent(nativeEvent, this.parsedStart) }\n        }),\n      }\n\n      return h('div', data, this.genIntervalLabels())\n    },\n    genIntervalLabels (): VNode[] | null {\n      if (!this.intervals.length) return null\n\n      return this.intervals[0].map(this.genIntervalLabel)\n    },\n    genIntervalLabel (interval: CalendarTimestamp): VNode {\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 h('div', {\n        key: interval.time,\n        class: 'v-calendar-daily__interval',\n        style: {\n          height,\n        },\n      }, [\n        h('div', {\n          class: 'v-calendar-daily__interval-text',\n        }, label),\n      ])\n    },\n  },\n\n  render (): VNode {\n    return withDirectives(h('div', {\n      class: this.classes,\n      onDragstart: (e: MouseEvent) => {\n        e.preventDefault()\n      },\n    }, [\n      !this.hideHeader ? this.genHead() : '',\n      this.genBody(),\n    ]), [\n      [Resize, this.onResize, '', { quiet: true }],\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VCalendarDaily.js"}

package/lib/components/VCalendar/VCalendarMonthly.js

@@ -0,0 +1,28 @@
+import { defineComponent } from 'vue'; // Styles
+
+import "../../../src/components/VCalendar/VCalendarWeekly.sass"; // Mixins
+
+import VCalendarWeekly from './VCalendarWeekly'; // Util
+
+import { parseTimestamp, getStartOfMonth, getEndOfMonth } from './util/timestamp';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-calendar-monthly',
+  extends: VCalendarWeekly,
+  computed: {
+    staticClass() {
+      return 'v-calendar-monthly v-calendar-weekly';
+    },
+
+    parsedStart() {
+      return getStartOfMonth(parseTimestamp(this.start, true));
+    },
+
+    parsedEnd() {
+      return getEndOfMonth(parseTimestamp(this.end, true));
+    }
+
+  }
+});
+//# sourceMappingURL=VCalendarMonthly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCalendar/VCalendarMonthly.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,QAAgC,KAAhC,C,CAEA;;AACA,OAAO,wDAAP,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;AAC7B,EAAA,IAAI,EAAE,oBADuB;AAE7B,EAAA,OAAO,EAAE,eAFoB;AAI7B,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;AAJmB,CAAD,CAA9B","sourcesContent":["import { defineComponent } from 'vue'\n\n// Styles\nimport './VCalendarWeekly.sass'\n\n// Mixins\nimport VCalendarWeekly from './VCalendarWeekly'\n\n// Util\nimport { parseTimestamp, getStartOfMonth, getEndOfMonth } from './util/timestamp'\nimport { CalendarTimestamp } from 'vuetify/types'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-calendar-monthly',\n  extends: VCalendarWeekly,\n\n  computed: {\n    staticClass (): string {\n      return 'v-calendar-monthly v-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":"VCalendarMonthly.js"}

package/lib/components/VCalendar/VCalendarWeekly.js

@@ -0,0 +1,212 @@
+import { h, defineComponent } from 'vue'; // Styles
+
+import "../../../src/components/VCalendar/VCalendarWeekly.sass"; // Components
+
+import VBtn from '../VBtn'; // 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, validateTimestamp } from './util/timestamp';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-calendar-weekly',
+  extends: CalendarBase,
+  props: { ...props.weeks,
+    now: {
+      type: String,
+      validator: validateTimestamp
+    }
+  },
+  computed: {
+    staticClass() {
+      return 'v-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 now = this.times.now;
+      const start = this.getStartOfWeek(now);
+      const end = this.getEndOfWeek(now);
+      return createDayList(start, end, now, 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 h('div', {
+        class: 'v-calendar-weekly__head',
+        role: 'row'
+      }, this.genHeadDays());
+    },
+
+    genHeadDays() {
+      const header = this.todayWeek.map(this.genHeadDay);
+
+      if (this.showWeek) {
+        header.unshift(h('div', {
+          class: 'v-calendar-weekly__head-weeknumber'
+        }));
+      }
+
+      return header;
+    },
+
+    genHeadDay(day, index) {
+      const outside = this.isOutside(this.days[index]);
+      const color = day.present ? this.color : undefined;
+      return h('div', this.setTextColor(color, {
+        key: day.date,
+        class: ['v-calendar-weekly__head-weekday', this.getRelativeClasses(day, outside)],
+        role: 'columnheader'
+      }), 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 h('div', {
+        key: week[0].date,
+        class: 'v-calendar-weekly__week',
+        role: 'row'
+      }, weekNodes);
+    },
+
+    getWeekNumber(determineDay) {
+      return weekNumber(determineDay.year, determineDay.month - 1, determineDay.day, this.parsedWeekdays[0], parseInt(this.localeFirstDayOfYear));
+    },
+
+    genWeekNumber(weekNumber) {
+      return h('div', {
+        class: 'v-calendar-weekly__weeknumber'
+      }, [h('small', String(weekNumber))]);
+    },
+
+    genDay(day, index, week) {
+      const outside = this.isOutside(day);
+      return h('div', {
+        key: day.date,
+        class: ['v-calendar-weekly__day', this.getRelativeClasses(day, outside)],
+        role: 'cell',
+        ...this.getDefaultMouseEventHandlers(':day', nativeEvent => {
+          return {
+            nativeEvent,
+            ...day
+          };
+        })
+      }, [this.genDayLabel(day), ...(getSlot(this, 'day', {
+        outside,
+        index,
+        week,
+        ...day
+      }) || [])]);
+    },
+
+    genDayLabel(day) {
+      return h('div', {
+        class: 'v-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 h(VBtn, {
+        color,
+        fab: true,
+        depressed: true,
+        small: true,
+        ...this.getMouseEventHandlers({
+          'click:date': {
+            event: 'click',
+            stop: true
+          },
+          'contextmenu:date': {
+            event: 'contextmenu',
+            stop: true,
+            prevent: true,
+            result: false
+          }
+        }, nativeEvent => ({
+          nativeEvent,
+          ...day
+        }))
+      }, {
+        default: () => hasMonth ? this.monthFormatter(day, this.shortMonths) + ' ' + this.dayFormatter(day, false) : this.dayFormatter(day, false)
+      });
+    },
+
+    genDayMonth(day) {
+      const color = day.present ? this.color : undefined;
+      return h('div', this.setTextColor(color, {
+        class: 'v-calendar-weekly__day-month'
+      }), getSlot(this, 'day-month', day) || this.monthFormatter(day, this.shortMonths));
+    }
+
+  },
+
+  render() {
+    return h('div', {
+      class: [this.staticClass, this.classes],
+      onDragstart: e => {
+        e.preventDefault();
+      }
+    }, [!this.hideHeader ? this.genHead() : '', ...this.genWeeks()]);
+  }
+
+});
+//# sourceMappingURL=VCalendarWeekly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCalendar/VCalendarWeekly.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n// Styles\nimport './VCalendarWeekly.sass'\n\n// Types\nimport { VNode } from 'vue'\n\n// Components\nimport VBtn from '../VBtn'\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  validateTimestamp,\n} from './util/timestamp'\nimport { CalendarTimestamp, CalendarFormatter } from 'vuetify/types'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-calendar-weekly',\n  extends: CalendarBase,\n\n  props: {\n    ...props.weeks,\n    now: {\n      type: String,\n      validator: validateTimestamp,\n    },\n  },\n\n  computed: {\n    staticClass (): string {\n      return 'v-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 now = this.times.now\n      const start = this.getStartOfWeek(now)\n      const end = this.getEndOfWeek(now)\n\n      return createDayList(\n        start,\n        end,\n        now,\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 (): VNode {\n      return h('div', {\n        class: 'v-calendar-weekly__head',\n        role: 'row',\n      }, this.genHeadDays())\n    },\n    genHeadDays (): VNode[] {\n      const header = this.todayWeek.map(this.genHeadDay)\n\n      if (this.showWeek) {\n        header.unshift(h('div', {\n          class: 'v-calendar-weekly__head-weeknumber',\n        }))\n      }\n\n      return header\n    },\n    genHeadDay (day: CalendarTimestamp, index: number): VNode {\n      const outside = this.isOutside(this.days[index])\n      const color = day.present ? this.color : undefined\n\n      return h('div', this.setTextColor(color, {\n        key: day.date,\n        class: ['v-calendar-weekly__head-weekday', this.getRelativeClasses(day, outside)],\n        role: 'columnheader',\n      }), this.weekdayFormatter(day, this.shortWeekdays))\n    },\n    genWeeks (): VNode[] {\n      const days = this.days\n      const weekDays = this.parsedWeekdays.length\n      const weeks: VNode[] = []\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): VNode {\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 h('div', {\n        key: week[0].date,\n        class: 'v-calendar-weekly__week',\n        role: 'row',\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 h('div', {\n        class: 'v-calendar-weekly__weeknumber',\n      }, [\n        h('small', String(weekNumber)),\n      ])\n    },\n    genDay (day: CalendarTimestamp, index: number, week: CalendarTimestamp[]): VNode {\n      const outside = this.isOutside(day)\n\n      return h('div', {\n        key: day.date,\n        class: ['v-calendar-weekly__day', this.getRelativeClasses(day, outside)],\n        role: 'cell',\n        ...this.getDefaultMouseEventHandlers(':day', nativeEvent => {\n          return { nativeEvent, ...day }\n        }),\n      }, [\n        this.genDayLabel(day),\n        ...(getSlot(this, 'day', { outside, index, week, ...day }) || []),\n      ])\n    },\n    genDayLabel (day: CalendarTimestamp): VNode {\n      return h('div', {\n        class: 'v-calendar-weekly__day-label',\n      }, getSlot(this, 'day-label', day) || [this.genDayLabelButton(day)])\n    },\n    genDayLabelButton (day: CalendarTimestamp): VNode {\n      const color = day.present ? this.color : 'transparent'\n      const hasMonth = day.day === 1 && this.showMonthOnFirst\n\n      return h(VBtn, {\n        color,\n        fab: true,\n        depressed: true,\n        small: true,\n        ...this.getMouseEventHandlers({\n          'click:date': { event: 'click', stop: true },\n          'contextmenu:date': { event: 'contextmenu', stop: true, prevent: true, result: false },\n        }, nativeEvent => ({ nativeEvent, ...day })),\n      }, {\n        default: () => hasMonth\n          ? this.monthFormatter(day, this.shortMonths) + ' ' + this.dayFormatter(day, false)\n          : this.dayFormatter(day, false)\n      })\n    },\n    genDayMonth (day: CalendarTimestamp): VNode | string {\n      const color = day.present ? this.color : undefined\n\n      return h('div', this.setTextColor(color, {\n        class: 'v-calendar-weekly__day-month',\n      }), getSlot(this, 'day-month', day) || this.monthFormatter(day, this.shortMonths))\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: [this.staticClass, this.classes],\n      onDragstart: (e: MouseEvent) => {\n        e.preventDefault()\n      },\n    }, [\n      !this.hideHeader ? this.genHead() : '',\n      ...this.genWeeks(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VCalendarWeekly.js"}

package/lib/components/VCalendar/index.js

@@ -0,0 +1,16 @@
+import VCalendar from './VCalendar';
+import VCalendarDaily from './VCalendarDaily';
+import VCalendarWeekly from './VCalendarWeekly';
+import VCalendarMonthly from './VCalendarMonthly';
+import VCalendarCategory from './VCalendarCategory';
+export { VCalendar, VCalendarCategory, VCalendarDaily, VCalendarWeekly, VCalendarMonthly };
+export default {
+  $_vuetify_subcomponents: {
+    VCalendar,
+    VCalendarCategory,
+    VCalendarDaily,
+    VCalendarWeekly,
+    VCalendarMonthly
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCalendar/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 VCalendar from './VCalendar'\nimport VCalendarDaily from './VCalendarDaily'\nimport VCalendarWeekly from './VCalendarWeekly'\nimport VCalendarMonthly from './VCalendarMonthly'\nimport VCalendarCategory from './VCalendarCategory'\n\nexport { VCalendar, VCalendarCategory, VCalendarDaily, VCalendarWeekly, VCalendarMonthly }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCalendar,\n    VCalendarCategory,\n    VCalendarDaily,\n    VCalendarWeekly,\n    VCalendarMonthly,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

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

@@ -0,0 +1,99 @@
+import { defineComponent } from 'vue'; // Mixins
+
+import Colorable from '../../../mixins/colorable';
+import Localable from '../../../mixins/localable';
+import Mouse from '../../../mixins/mouse';
+import Themeable from '../../../mixins/themeable';
+import Times from './times'; // Util
+
+import props from '../util/props';
+import { parseTimestamp, getWeekdaySkips, createDayList, createNativeLocaleFormatter, getStartOfWeek, getEndOfWeek, getTimestampIdentifier } from '../util/timestamp';
+export default defineComponent({
+  name: 'calendar-base',
+  extends: Times,
+  mixins: [Colorable, Localable, Mouse, Themeable],
+  props: props.base,
+  emits: ['click', 'mousedown', 'mouseup', 'touchstart', 'touchend'],
+  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 {
+        'v-present': timestamp.present,
+        'v-past': timestamp.past,
+        'v-future': timestamp.future,
+        'v-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