@kokoccc/vuetify 1.0.2 → 1.0.4

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

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var _colorable = _interopRequireDefault(require("../../../mixins/colorable"));
+
+var _localable = _interopRequireDefault(require("../../../mixins/localable"));
+
+var _mouse = _interopRequireDefault(require("../../../mixins/mouse"));
+
+var _themeable = _interopRequireDefault(require("../../../mixins/themeable"));
+
+var _times = _interopRequireDefault(require("./times"));
+
+var _props = _interopRequireDefault(require("../util/props"));
+
+var _timestamp = require("../util/timestamp");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Mixins
+// Util
+var _default = (0, _vue.defineComponent)({
+  name: 'calendar-base',
+  extends: _times.default,
+  mixins: [_colorable.default, _localable.default, _mouse.default, _themeable.default],
+  props: _props.default.base,
+  emits: ['click', 'mousedown', 'mouseup', 'touchstart', 'touchend'],
+  computed: {
+    parsedWeekdays: function parsedWeekdays() {
+      return Array.isArray(this.weekdays) ? this.weekdays : (this.weekdays || '').split(',').map(function (x) {
+        return parseInt(x, 10);
+      });
+    },
+    weekdaySkips: function weekdaySkips() {
+      return (0, _timestamp.getWeekdaySkips)(this.parsedWeekdays);
+    },
+    weekdaySkipsReverse: function weekdaySkipsReverse() {
+      var reversed = this.weekdaySkips.slice();
+      reversed.reverse();
+      return reversed;
+    },
+    parsedStart: function parsedStart() {
+      return (0, _timestamp.parseTimestamp)(this.start, true);
+    },
+    parsedEnd: function parsedEnd() {
+      var start = this.parsedStart;
+      var end = this.end ? (0, _timestamp.parseTimestamp)(this.end) || start : start;
+      return (0, _timestamp.getTimestampIdentifier)(end) < (0, _timestamp.getTimestampIdentifier)(start) ? start : end;
+    },
+    days: function days() {
+      return (0, _timestamp.createDayList)(this.parsedStart, this.parsedEnd, this.times.today, this.weekdaySkips);
+    },
+    dayFormatter: function dayFormatter() {
+      if (this.dayFormat) {
+        return this.dayFormat;
+      }
+
+      var options = {
+        timeZone: 'UTC',
+        day: 'numeric'
+      };
+      return (0, _timestamp.createNativeLocaleFormatter)(this.currentLocale, function (_tms, _short) {
+        return options;
+      });
+    },
+    weekdayFormatter: function weekdayFormatter() {
+      if (this.weekdayFormat) {
+        return this.weekdayFormat;
+      }
+
+      var longOptions = {
+        timeZone: 'UTC',
+        weekday: 'long'
+      };
+      var shortOptions = {
+        timeZone: 'UTC',
+        weekday: 'short'
+      };
+      return (0, _timestamp.createNativeLocaleFormatter)(this.currentLocale, function (_tms, short) {
+        return short ? shortOptions : longOptions;
+      });
+    }
+  },
+  methods: {
+    getRelativeClasses: function getRelativeClasses(timestamp) {
+      var outside = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      return {
+        'v-present': timestamp.present,
+        'v-past': timestamp.past,
+        'v-future': timestamp.future,
+        'v-outside': outside
+      };
+    },
+    getStartOfWeek: function getStartOfWeek(timestamp) {
+      return (0, _timestamp.getStartOfWeek)(timestamp, this.parsedWeekdays, this.times.today);
+    },
+    getEndOfWeek: function getEndOfWeek(timestamp) {
+      return (0, _timestamp.getEndOfWeek)(timestamp, this.parsedWeekdays, this.times.today);
+    },
+    getFormatter: function getFormatter(options) {
+      return (0, _timestamp.createNativeLocaleFormatter)(this.locale, function (_tms, _short) {
+        return options;
+      });
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=calendar-base.js.map

package/es5/components/VCalendar/mixins/calendar-base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/VCalendar/mixins/calendar-base.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAMA;;AACA;;;;AAZA;AAUA;eAae,0BAAgB;AAC7B,EAAA,IAAI,EAAE,eADuB;AAI7B,EAAA,OAAO,EAAE,cAJoB;AAM7B,EAAA,MAAM,EAAE,CAAC,kBAAD,EAAY,kBAAZ,EAAuB,cAAvB,EAA8B,kBAA9B,CANqB;AAQ7B,EAAA,KAAK,EAAE,eAAM,IARgB;AAU7B,EAAA,KAAK,EAAE,CAAC,OAAD,EAAU,WAAV,EAAuB,SAAvB,EAAkC,YAAlC,EAAgD,UAAhD,CAVsB;AAY7B,EAAA,QAAQ,EAAE;AACR,IAAA,cADQ,4BACM;AACZ,aAAO,KAAK,CAAC,OAAN,CAAc,KAAK,QAAnB,IACH,KAAK,QADF,GAEH,CAAC,KAAK,QAAL,IAAiB,EAAlB,EAAsB,KAAtB,CAA4B,GAA5B,EAAiC,GAAjC,CAAqC,UAAA,CAAC;AAAA,eAAI,QAAQ,CAAC,CAAD,EAAI,EAAJ,CAAZ;AAAA,OAAtC,CAFJ;AAGD,KALO;AAMR,IAAA,YANQ,0BAMI;AACV,aAAO,gCAAgB,KAAK,cAArB,CAAP;AACD,KARO;AASR,IAAA,mBATQ,iCASW;AACjB,UAAM,QAAQ,GAAG,KAAK,YAAL,CAAkB,KAAlB,EAAjB;AACA,MAAA,QAAQ,CAAC,OAAT;AACA,aAAO,QAAP;AACD,KAbO;AAcR,IAAA,WAdQ,yBAcG;AACT,aAAO,+BAAe,KAAK,KAApB,EAA2B,IAA3B,CAAP;AACD,KAhBO;AAiBR,IAAA,SAjBQ,uBAiBC;AACP,UAAM,KAAK,GAAG,KAAK,WAAnB;AACA,UAAM,GAAG,GAAsB,KAAK,GAAL,GAAW,+BAAe,KAAK,GAApB,KAA4B,KAAvC,GAA+C,KAA9E;AAEA,aAAO,uCAAuB,GAAvB,IAA8B,uCAAuB,KAAvB,CAA9B,GAA8D,KAA9D,GAAsE,GAA7E;AACD,KAtBO;AAuBR,IAAA,IAvBQ,kBAuBJ;AACF,aAAO,8BACL,KAAK,WADA,EAEL,KAAK,SAFA,EAGL,KAAK,KAAL,CAAW,KAHN,EAIL,KAAK,YAJA,CAAP;AAMD,KA9BO;AA+BR,IAAA,YA/BQ,0BA+BI;AACV,UAAI,KAAK,SAAT,EAAoB;AAClB,eAAO,KAAK,SAAZ;AACD;;AAED,UAAM,OAAO,GAAG;AAAE,QAAA,QAAQ,EAAE,KAAZ;AAAmB,QAAA,GAAG,EAAE;AAAxB,OAAhB;AAEA,aAAO,4CACL,KAAK,aADA,EAEL,UAAC,IAAD,EAAO,MAAP;AAAA,eAAkB,OAAlB;AAAA,OAFK,CAAP;AAID,KA1CO;AA2CR,IAAA,gBA3CQ,8BA2CQ;AACd,UAAI,KAAK,aAAT,EAAwB;AACtB,eAAO,KAAK,aAAZ;AACD;;AAED,UAAM,WAAW,GAAG;AAAE,QAAA,QAAQ,EAAE,KAAZ;AAAmB,QAAA,OAAO,EAAE;AAA5B,OAApB;AACA,UAAM,YAAY,GAAG;AAAE,QAAA,QAAQ,EAAE,KAAZ;AAAmB,QAAA,OAAO,EAAE;AAA5B,OAArB;AAEA,aAAO,4CACL,KAAK,aADA,EAEL,UAAC,IAAD,EAAO,KAAP;AAAA,eAAiB,KAAK,GAAG,YAAH,GAAkB,WAAxC;AAAA,OAFK,CAAP;AAID;AAvDO,GAZmB;AAsE7B,EAAA,OAAO,EAAE;AACP,IAAA,kBADO,8BACa,SADb,EAC0D;AAAA,UAAf,OAAe,uEAAL,KAAK;AAC/D,aAAO;AACL,qBAAa,SAAS,CAAC,OADlB;AAEL,kBAAU,SAAS,CAAC,IAFf;AAGL,oBAAY,SAAS,CAAC,MAHjB;AAIL,qBAAa;AAJR,OAAP;AAMD,KARM;AASP,IAAA,cATO,0BASS,SATT,EASqC;AAC1C,aAAO,+BAAe,SAAf,EAA0B,KAAK,cAA/B,EAA+C,KAAK,KAAL,CAAW,KAA1D,CAAP;AACD,KAXM;AAYP,IAAA,YAZO,wBAYO,SAZP,EAYmC;AACxC,aAAO,6BAAa,SAAb,EAAwB,KAAK,cAA7B,EAA6C,KAAK,KAAL,CAAW,KAAxD,CAAP;AACD,KAdM;AAeP,IAAA,YAfO,wBAeO,OAfP,EAesB;AAC3B,aAAO,4CACL,KAAK,MADA,EAEL,UAAC,IAAD,EAAO,MAAP;AAAA,eAAkB,OAAlB;AAAA,OAFK,CAAP;AAID;AApBM;AAtEoB,CAAhB,C","sourcesContent":["import { defineComponent } from 'vue'\n\n// Mixins\nimport Colorable from '../../../mixins/colorable'\nimport Localable from '../../../mixins/localable'\nimport Mouse from '../../../mixins/mouse'\nimport Themeable from '../../../mixins/themeable'\nimport Times from './times'\n\n// Directives\nimport Resize from '../../../directives/resize'\n\n// Util\nimport props from '../util/props'\nimport {\n  parseTimestamp,\n  getWeekdaySkips,\n  createDayList,\n  createNativeLocaleFormatter,\n  getStartOfWeek,\n  getEndOfWeek,\n  getTimestampIdentifier,\n} from '../util/timestamp'\nimport { CalendarTimestamp, CalendarFormatter } from 'vuetify/types'\n\nexport default defineComponent({\n  name: 'calendar-base',\n\n\n  extends: Times,\n\n  mixins: [Colorable, Localable, Mouse, Themeable],\n\n  props: props.base,\n\n  emits: ['click', 'mousedown', 'mouseup', 'touchstart', 'touchend'],\n\n  computed: {\n    parsedWeekdays (): number[] {\n      return Array.isArray(this.weekdays)\n        ? this.weekdays\n        : (this.weekdays || '').split(',').map(x => parseInt(x, 10))\n    },\n    weekdaySkips (): number[] {\n      return getWeekdaySkips(this.parsedWeekdays)\n    },\n    weekdaySkipsReverse (): number [] {\n      const reversed = this.weekdaySkips.slice()\n      reversed.reverse()\n      return reversed\n    },\n    parsedStart (): CalendarTimestamp {\n      return parseTimestamp(this.start, true)\n    },\n    parsedEnd (): CalendarTimestamp {\n      const start = this.parsedStart\n      const end: CalendarTimestamp = this.end ? parseTimestamp(this.end) || start : start\n\n      return getTimestampIdentifier(end) < getTimestampIdentifier(start) ? start : end\n    },\n    days (): CalendarTimestamp[] {\n      return createDayList(\n        this.parsedStart,\n        this.parsedEnd,\n        this.times.today,\n        this.weekdaySkips\n      )\n    },\n    dayFormatter (): CalendarFormatter {\n      if (this.dayFormat) {\n        return this.dayFormat as CalendarFormatter\n      }\n\n      const options = { timeZone: 'UTC', day: 'numeric' }\n\n      return createNativeLocaleFormatter(\n        this.currentLocale,\n        (_tms, _short) => options\n      )\n    },\n    weekdayFormatter (): CalendarFormatter {\n      if (this.weekdayFormat) {\n        return this.weekdayFormat as CalendarFormatter\n      }\n\n      const longOptions = { timeZone: 'UTC', weekday: 'long' }\n      const shortOptions = { timeZone: 'UTC', weekday: 'short' }\n\n      return createNativeLocaleFormatter(\n        this.currentLocale,\n        (_tms, short) => short ? shortOptions : longOptions\n      )\n    },\n  },\n\n  methods: {\n    getRelativeClasses (timestamp: CalendarTimestamp, outside = false): object {\n      return {\n        'v-present': timestamp.present,\n        'v-past': timestamp.past,\n        'v-future': timestamp.future,\n        'v-outside': outside,\n      }\n    },\n    getStartOfWeek (timestamp: CalendarTimestamp): CalendarTimestamp {\n      return getStartOfWeek(timestamp, this.parsedWeekdays, this.times.today)\n    },\n    getEndOfWeek (timestamp: CalendarTimestamp): CalendarTimestamp {\n      return getEndOfWeek(timestamp, this.parsedWeekdays, this.times.today)\n    },\n    getFormatter (options: object): CalendarFormatter {\n      return createNativeLocaleFormatter(\n        this.locale,\n        (_tms, _short) => options\n      )\n    },\n  },\n})\n"],"sourceRoot":"","file":"calendar-base.js"}

package/es5/components/VCalendar/mixins/calendar-with-events.js

@@ -0,0 +1,487 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../../src/components/VCalendar/mixins/calendar-with-events.sass");
+
+var _vue = require("vue");
+
+var _ripple = _interopRequireDefault(require("../../../directives/ripple"));
+
+var _calendarBase = _interopRequireDefault(require("./calendar-base"));
+
+var _props = _interopRequireDefault(require("../util/props"));
+
+var _modes = require("../modes");
+
+var _timestamp = require("../util/timestamp");
+
+var _events = require("../util/events");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var WIDTH_FULL = 100;
+var WIDTH_START = 95;
+var MINUTES_IN_DAY = 1440;
+/* @vue/component */
+
+var _default = (0, _vue.defineComponent)({
+  name: 'calendar-with-events',
+  extends: _calendarBase.default,
+  props: _objectSpread(_objectSpread(_objectSpread({}, _props.default.events), _props.default.calendar), _props.default.category),
+  computed: {
+    noEvents: function noEvents() {
+      return this.events.length === 0;
+    },
+    parsedEvents: function parsedEvents() {
+      return this.events.map(this.parseEvent);
+    },
+    parsedEventOverlapThreshold: function parsedEventOverlapThreshold() {
+      return parseInt(this.eventOverlapThreshold);
+    },
+    eventTimedFunction: function eventTimedFunction() {
+      var _this = this;
+
+      return typeof this.eventTimed === 'function' ? this.eventTimed : function (event) {
+        return !!event[_this.eventTimed];
+      };
+    },
+    eventCategoryFunction: function eventCategoryFunction() {
+      var _this2 = this;
+
+      return typeof this.eventCategory === 'function' ? this.eventCategory : function (event) {
+        return event[_this2.eventCategory];
+      };
+    },
+    eventTextColorFunction: function eventTextColorFunction() {
+      var _this3 = this;
+
+      return typeof this.eventTextColor === 'function' ? this.eventTextColor : function () {
+        return _this3.eventTextColor;
+      };
+    },
+    eventNameFunction: function eventNameFunction() {
+      var _this4 = this;
+
+      return typeof this.eventName === 'function' ? this.eventName : function (event, timedEvent) {
+        return event.input[_this4.eventName] || '';
+      };
+    },
+    eventModeFunction: function eventModeFunction() {
+      return typeof this.eventOverlapMode === 'function' ? this.eventOverlapMode : _modes.CalendarEventOverlapModes[this.eventOverlapMode];
+    },
+    eventWeekdays: function eventWeekdays() {
+      return this.parsedWeekdays;
+    },
+    categoryMode: function categoryMode() {
+      return this.type === 'category';
+    }
+  },
+  methods: {
+    eventColorFunction: function eventColorFunction(e) {
+      return typeof this.eventColor === 'function' ? this.eventColor(e) : e.color || this.eventColor;
+    },
+    parseEvent: function parseEvent(input) {
+      var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return (0, _events.parseEvent)(input, index, this.eventStart, this.eventEnd, this.eventTimedFunction(input), this.categoryMode ? this.eventCategoryFunction(input) : false);
+    },
+    formatTime: function formatTime(withTime, ampm) {
+      var formatter = this.getFormatter({
+        timeZone: 'UTC',
+        hour: 'numeric',
+        minute: withTime.minute > 0 ? 'numeric' : undefined
+      });
+      return formatter(withTime, true);
+    },
+    updateEventVisibility: function updateEventVisibility() {
+      if (this.noEvents || !this.eventMore) {
+        return;
+      }
+
+      var eventHeight = this.eventHeight;
+      var eventsMap = this.getEventsMap();
+
+      for (var date in eventsMap) {
+        var _eventsMap$date = eventsMap[date],
+            parent = _eventsMap$date.parent,
+            events = _eventsMap$date.events,
+            more = _eventsMap$date.more;
+
+        if (!more) {
+          break;
+        }
+
+        var parentBounds = parent.getBoundingClientRect();
+        var last = events.length - 1;
+        var eventsSorted = events.map(function (event) {
+          return {
+            event: event,
+            bottom: event.getBoundingClientRect().bottom
+          };
+        }).sort(function (a, b) {
+          return a.bottom - b.bottom;
+        });
+        var hidden = 0;
+
+        for (var i = 0; i <= last; i++) {
+          var bottom = eventsSorted[i].bottom;
+          var hide = i === last ? bottom > parentBounds.bottom : bottom + eventHeight > parentBounds.bottom;
+
+          if (hide) {
+            eventsSorted[i].event.style.display = 'none';
+            hidden++;
+          }
+        }
+
+        if (hidden) {
+          more.style.display = '';
+          more.innerHTML = this.$vuetify.lang.t(this.eventMoreText, hidden);
+        } else {
+          more.style.display = 'none';
+        }
+      }
+    },
+    getEventsMap: function getEventsMap() {
+      var eventsMap = {};
+      var elements = this.$refs.events;
+
+      if (!elements || !elements.forEach) {
+        return eventsMap;
+      }
+
+      elements.forEach(function (el) {
+        var date = el.getAttribute('data-date');
+
+        if (el.parentElement && date) {
+          if (!(date in eventsMap)) {
+            eventsMap[date] = {
+              parent: el.parentElement,
+              more: null,
+              events: []
+            };
+          }
+
+          if (el.getAttribute('data-more')) {
+            eventsMap[date].more = el;
+          } else {
+            eventsMap[date].events.push(el);
+            el.style.display = '';
+          }
+        }
+      });
+      return eventsMap;
+    },
+    genDayEvent: function genDayEvent(_ref, day) {
+      var event = _ref.event;
+      var eventHeight = this.eventHeight;
+      var eventMarginBottom = this.eventMarginBottom;
+      var dayIdentifier = (0, _timestamp.getDayIdentifier)(day);
+      var week = day.week;
+      var start = dayIdentifier === event.startIdentifier;
+      var end = dayIdentifier === event.endIdentifier;
+      var width = WIDTH_START;
+
+      if (!this.categoryMode) {
+        for (var i = day.index + 1; i < week.length; i++) {
+          var weekdayIdentifier = (0, _timestamp.getDayIdentifier)(week[i]);
+
+          if (event.endIdentifier >= weekdayIdentifier) {
+            width += WIDTH_FULL;
+            end = end || weekdayIdentifier === event.endIdentifier;
+          } else {
+            end = true;
+            break;
+          }
+        }
+      }
+
+      var scope = {
+        eventParsed: event,
+        day: day,
+        start: start,
+        end: end,
+        timed: false
+      };
+      return this.genEvent(event, scope, false, {
+        class: ['v-event', {
+          'v-event-start': start,
+          'v-event-end': end
+        }],
+        style: {
+          height: "".concat(eventHeight, "px"),
+          width: "".concat(width, "%"),
+          'margin-bottom': "".concat(eventMarginBottom, "px")
+        },
+        'data-date': day.date,
+        key: event.index,
+        ref: 'events'
+      });
+    },
+    genTimedEvent: function genTimedEvent(_ref2, day) {
+      var event = _ref2.event,
+          left = _ref2.left,
+          width = _ref2.width;
+
+      if (day.timeDelta(event.end) < 0 || day.timeDelta(event.start) >= 1 || (0, _events.isEventHiddenOn)(event, day)) {
+        return false;
+      }
+
+      var dayIdentifier = (0, _timestamp.getDayIdentifier)(day);
+      var start = event.startIdentifier >= dayIdentifier;
+      var end = event.endIdentifier > dayIdentifier;
+      var top = start ? day.timeToY(event.start) : 0;
+      var bottom = end ? day.timeToY(MINUTES_IN_DAY) : day.timeToY(event.end);
+      var height = Math.max(this.eventHeight, bottom - top);
+      var scope = {
+        eventParsed: event,
+        day: day,
+        start: start,
+        end: end,
+        timed: true
+      };
+      return this.genEvent(event, scope, true, {
+        class: 'v-event-timed',
+        style: {
+          top: "".concat(top, "px"),
+          height: "".concat(height, "px"),
+          left: "".concat(left, "%"),
+          width: "".concat(width, "%")
+        }
+      });
+    },
+    genEvent: function genEvent(event, scopeInput, timedEvent, data) {
+      var _this5 = this;
+
+      var _a;
+
+      var slot = this.$slots.event;
+      var text = this.eventTextColorFunction(event.input);
+      var background = this.eventColorFunction(event.input);
+      var overlapsNoon = event.start.hour < 12 && event.end.hour >= 12;
+      var singline = (0, _timestamp.diffMinutes)(event.start, event.end) <= this.parsedEventOverlapThreshold;
+      var formatTime = this.formatTime;
+
+      var timeSummary = function timeSummary() {
+        return formatTime(event.start, overlapsNoon) + ' - ' + formatTime(event.end, true);
+      };
+
+      var eventSummary = function eventSummary() {
+        var name = _this5.eventNameFunction(event, timedEvent);
+
+        if (event.start.hasTime) {
+          if (timedEvent) {
+            var time = timeSummary();
+            var delimiter = singline ? ', ' : (0, _vue.h)('br');
+            return (0, _vue.h)('span', {
+              class: 'v-event-summary'
+            }, [(0, _vue.h)('strong', [name]), delimiter, time]);
+          } else {
+            var _time = formatTime(event.start, true);
+
+            return (0, _vue.h)('span', {
+              class: 'v-event-summary'
+            }, [(0, _vue.h)('strong', [_time]), ' ', name]);
+          }
+        }
+
+        return (0, _vue.h)('span', {
+          class: 'v-event-summary'
+        }, [name]);
+      };
+
+      var scope = _objectSpread(_objectSpread({}, scopeInput), {}, {
+        event: event.input,
+        outside: scopeInput.day.outside,
+        singline: singline,
+        overlapsNoon: overlapsNoon,
+        formatTime: formatTime,
+        timeSummary: timeSummary,
+        eventSummary: eventSummary
+      });
+
+      return (0, _vue.withDirectives)((0, _vue.h)('div', this.setTextColor(text, this.setBackgroundColor(background, _objectSpread(_objectSpread({}, this.getDefaultMouseEventHandlers(':event', function (nativeEvent) {
+        return _objectSpread(_objectSpread({}, scope), {}, {
+          nativeEvent: nativeEvent
+        });
+      })), data))), slot ? slot(scope) : [this.genName(eventSummary)]), [[_ripple.default, (_a = this.eventRipple) !== null && _a !== void 0 ? _a : true]]);
+    },
+    genName: function genName(eventSummary) {
+      return (0, _vue.h)('div', {
+        class: 'pl-1'
+      }, [eventSummary()]);
+    },
+    genPlaceholder: function genPlaceholder(day) {
+      var height = this.eventHeight + this.eventMarginBottom;
+      return (0, _vue.h)('div', {
+        style: {
+          height: "".concat(height, "px")
+        },
+        'data-date': day.date,
+        ref: 'events'
+      });
+    },
+    genMore: function genMore(day) {
+      var _a;
+
+      var eventHeight = this.eventHeight;
+      var eventMarginBottom = this.eventMarginBottom;
+      return (0, _vue.withDirectives)((0, _vue.h)('div', _objectSpread(_objectSpread({
+        class: ['v-event-more pl-1', {
+          'v-outside': day.outside
+        }],
+        'data-date': day.date,
+        'data-more': 1
+      }, this.getDefaultMouseEventHandlers(':more', function (nativeEvent) {
+        return _objectSpread({
+          nativeEvent: nativeEvent
+        }, day);
+      })), {}, {
+        style: {
+          display: 'none',
+          height: "".concat(eventHeight, "px"),
+          'margin-bottom': "".concat(eventMarginBottom, "px")
+        },
+        ref: 'events'
+      })), [[_ripple.default, (_a = this.eventRipple) !== null && _a !== void 0 ? _a : true]]);
+    },
+    getVisibleEvents: function getVisibleEvents() {
+      var start = (0, _timestamp.getDayIdentifier)(this.days[0]);
+      var end = (0, _timestamp.getDayIdentifier)(this.days[this.days.length - 1]);
+      return this.parsedEvents.filter(function (event) {
+        return (0, _events.isEventOverlapping)(event, start, end);
+      });
+    },
+    isEventForCategory: function isEventForCategory(event, category) {
+      return !this.categoryMode || _typeof(category) === 'object' && category.categoryName && category.categoryName === event.category || typeof event.category === 'string' && category === event.category || typeof event.category !== 'string' && category === null;
+    },
+    getEventsForDay: function getEventsForDay(day) {
+      var identifier = (0, _timestamp.getDayIdentifier)(day);
+      var firstWeekday = this.eventWeekdays[0];
+      return this.parsedEvents.filter(function (event) {
+        return (0, _events.isEventStart)(event, day, identifier, firstWeekday);
+      });
+    },
+    getEventsForDayAll: function getEventsForDayAll(day) {
+      var _this6 = this;
+
+      var identifier = (0, _timestamp.getDayIdentifier)(day);
+      var firstWeekday = this.eventWeekdays[0];
+      return this.parsedEvents.filter(function (event) {
+        return event.allDay && (_this6.categoryMode ? (0, _events.isEventOn)(event, identifier) : (0, _events.isEventStart)(event, day, identifier, firstWeekday)) && _this6.isEventForCategory(event, day.category);
+      });
+    },
+    getEventsForDayTimed: function getEventsForDayTimed(day) {
+      var _this7 = this;
+
+      var identifier = (0, _timestamp.getDayIdentifier)(day);
+      return this.parsedEvents.filter(function (event) {
+        return !event.allDay && (0, _events.isEventOn)(event, identifier) && _this7.isEventForCategory(event, day.category);
+      });
+    },
+    getScopedSlots: function getScopedSlots() {
+      var _this8 = this;
+
+      if (this.noEvents) {
+        return _objectSpread({}, this.$slots);
+      }
+
+      var mode = this.eventModeFunction(this.parsedEvents, this.eventWeekdays[0], this.parsedEventOverlapThreshold);
+
+      var isNode = function isNode(input) {
+        return !!input;
+      };
+
+      var getSlotChildren = function getSlotChildren(day, getter, mapper, timed) {
+        var events = getter(day);
+        var visuals = mode(day, events, timed, _this8.categoryMode);
+
+        if (timed) {
+          return visuals.map(function (visual) {
+            return mapper(visual, day);
+          }).filter(isNode);
+        }
+
+        var children = [];
+        visuals.forEach(function (visual, index) {
+          while (children.length < visual.column) {
+            children.push(_this8.genPlaceholder(day));
+          }
+
+          var mapped = mapper(visual, day);
+
+          if (mapped) {
+            children.push(mapped);
+          }
+        });
+        return children;
+      };
+
+      var slots = this.$slots;
+      var slotDay = slots.day;
+      var slotDayHeader = slots['day-header'];
+      var slotDayBody = slots['day-body'];
+      return _objectSpread(_objectSpread({}, slots), {}, {
+        day: function day(_day) {
+          var children = getSlotChildren(_day, _this8.getEventsForDay, _this8.genDayEvent, false);
+
+          if (children && children.length > 0 && _this8.eventMore) {
+            children.push(_this8.genMore(_day));
+          }
+
+          if (slotDay) {
+            var slot = slotDay(_day);
+
+            if (slot) {
+              children = children ? children.concat(slot) : slot;
+            }
+          }
+
+          return children;
+        },
+        'day-header': function dayHeader(day) {
+          var children = getSlotChildren(day, _this8.getEventsForDayAll, _this8.genDayEvent, false);
+
+          if (slotDayHeader) {
+            var slot = slotDayHeader(day);
+
+            if (slot) {
+              children = children ? children.concat(slot) : slot;
+            }
+          }
+
+          return children;
+        },
+        'day-body': function dayBody(day) {
+          var events = getSlotChildren(day, _this8.getEventsForDayTimed, _this8.genTimedEvent, true);
+          var children = [(0, _vue.h)('div', {
+            class: 'v-event-timed-container'
+          }, events)];
+
+          if (slotDayBody) {
+            var slot = slotDayBody(day);
+
+            if (slot) {
+              children = children.concat(slot);
+            }
+          }
+
+          return children;
+        }
+      });
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=calendar-with-events.js.map