kdutify 0.16.9-rc.0 → 2.6.0

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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _mixins = _interopRequireDefault(require("../../../util/mixins"));
+
+var _colorable = _interopRequireDefault(require("../../../mixins/colorable"));
+
+var _localable = _interopRequireDefault(require("../../../mixins/localable"));
+
+var _mouse = _interopRequireDefault(require("./mouse"));
+
+var _themeable = _interopRequireDefault(require("../../../mixins/themeable"));
+
+var _times = _interopRequireDefault(require("./times"));
+
+var _resize = _interopRequireDefault(require("../../../directives/resize"));
+
+var _props = _interopRequireDefault(require("../util/props"));
+
+var _timestamp = require("../util/timestamp");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Mixins
+// Directives
+// Util
+var _default = (0, _mixins.default)(_colorable.default, _localable.default, _mouse.default, _themeable.default, _times.default
+/* @kdujs/component */
+).extend({
+  name: 'calendar-base',
+  directives: {
+    Resize: _resize.default
+  },
+  props: _props.default.base,
+  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 {
+        'k-present': timestamp.present,
+        'k-past': timestamp.past,
+        'k-future': timestamp.future,
+        'k-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/KCalendar/mixins/calendar-base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KCalendar/mixins/calendar-base.ts"],"names":[],"mappings":"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","sourcesContent":["\n// Mixins\nimport mixins from '../../../util/mixins'\nimport Colorable from '../../../mixins/colorable'\nimport Localable from '../../../mixins/localable'\nimport Mouse from './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 'kdutify/types'\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Mouse,\n  Themeable,\n  Times\n/* @kdujs/component */\n).extend({\n  name: 'calendar-base',\n\n  directives: {\n    Resize,\n  },\n\n  props: props.base,\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        'k-present': timestamp.present,\n        'k-past': timestamp.past,\n        'k-future': timestamp.future,\n        'k-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/KCalendar/mixins/calendar-with-events.js

@@ -0,0 +1,509 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\..\\src\\components\\KCalendar\\mixins\\calendar-with-events.sass");
+
+var _ripple = _interopRequireDefault(require("../../../directives/ripple"));
+
+var _calendarBase = _interopRequireDefault(require("./calendar-base"));
+
+var _helpers = require("../../../util/helpers");
+
+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;
+/* @kdujs/component */
+
+var _default = _calendarBase.default.extend({
+  name: 'calendar-with-events',
+  directives: {
+    ripple: _ripple.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 (0, _helpers.escapeHTML)(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.$kdutify.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, {
+        staticClass: 'k-event',
+        class: {
+          'k-event-start': start,
+          'k-event-end': end
+        },
+        style: {
+          height: "".concat(eventHeight, "px"),
+          width: "".concat(width, "%"),
+          'margin-bottom': "".concat(eventMarginBottom, "px")
+        },
+        attrs: {
+          'data-date': day.date
+        },
+        key: event.index,
+        ref: 'events',
+        refInFor: true
+      });
+    },
+    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, {
+        staticClass: 'k-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,
+          _this$eventRipple;
+
+      var slot = this.$scopedSlots.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) {
+          var eventSummaryClass = 'k-event-summary';
+
+          if (timedEvent) {
+            var time = timeSummary();
+            var delimiter = singline ? ', ' : '<br>';
+            return "<span class=\"".concat(eventSummaryClass, "\"><strong>").concat(name, "</strong>").concat(delimiter).concat(time, "</span>");
+          } else {
+            var _time = formatTime(event.start, true);
+
+            return "<span class=\"".concat(eventSummaryClass, "\"><strong>").concat(_time, "</strong> ").concat(name, "</span>");
+          }
+        }
+
+        return name;
+      };
+
+      var scope = _objectSpread(_objectSpread({}, scopeInput), {}, {
+        event: event.input,
+        outside: scopeInput.day.outside,
+        singline: singline,
+        overlapsNoon: overlapsNoon,
+        formatTime: formatTime,
+        timeSummary: timeSummary,
+        eventSummary: eventSummary
+      });
+
+      return this.$createElement('div', this.setTextColor(text, this.setBackgroundColor(background, _objectSpread({
+        on: this.getDefaultMouseEventHandlers(':event', function (nativeEvent) {
+          return _objectSpread(_objectSpread({}, scope), {}, {
+            nativeEvent: nativeEvent
+          });
+        }),
+        directives: [{
+          name: 'ripple',
+          value: (_this$eventRipple = this.eventRipple) != null ? _this$eventRipple : true
+        }]
+      }, data))), slot ? slot(scope) : [this.genName(eventSummary)]);
+    },
+    genName: function genName(eventSummary) {
+      return this.$createElement('div', {
+        staticClass: 'pl-1',
+        domProps: {
+          innerHTML: eventSummary()
+        }
+      });
+    },
+    genPlaceholder: function genPlaceholder(day) {
+      var height = this.eventHeight + this.eventMarginBottom;
+      return this.$createElement('div', {
+        style: {
+          height: "".concat(height, "px")
+        },
+        attrs: {
+          'data-date': day.date
+        },
+        ref: 'events',
+        refInFor: true
+      });
+    },
+    genMore: function genMore(day) {
+      var _this$eventRipple2,
+          _this6 = this;
+
+      var eventHeight = this.eventHeight;
+      var eventMarginBottom = this.eventMarginBottom;
+      return this.$createElement('div', {
+        staticClass: 'k-event-more pl-1',
+        class: {
+          'k-outside': day.outside
+        },
+        attrs: {
+          'data-date': day.date,
+          'data-more': 1
+        },
+        directives: [{
+          name: 'ripple',
+          value: (_this$eventRipple2 = this.eventRipple) != null ? _this$eventRipple2 : true
+        }],
+        on: {
+          click: function click(e) {
+            return _this6.$emit('click:more', day, e);
+          }
+        },
+        style: {
+          display: 'none',
+          height: "".concat(eventHeight, "px"),
+          'margin-bottom': "".concat(eventMarginBottom, "px")
+        },
+        ref: 'events',
+        refInFor: 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 _this7 = this;
+
+      var identifier = (0, _timestamp.getDayIdentifier)(day);
+      var firstWeekday = this.eventWeekdays[0];
+      return this.parsedEvents.filter(function (event) {
+        return event.allDay && (_this7.categoryMode ? (0, _events.isEventOn)(event, identifier) : (0, _events.isEventStart)(event, day, identifier, firstWeekday)) && _this7.isEventForCategory(event, day.category);
+      });
+    },
+    getEventsForDayTimed: function getEventsForDayTimed(day) {
+      var _this8 = this;
+
+      var identifier = (0, _timestamp.getDayIdentifier)(day);
+      return this.parsedEvents.filter(function (event) {
+        return !event.allDay && (0, _events.isEventOn)(event, identifier) && _this8.isEventForCategory(event, day.category);
+      });
+    },
+    getScopedSlots: function getScopedSlots() {
+      var _this9 = this;
+
+      if (this.noEvents) {
+        return _objectSpread({}, this.$scopedSlots);
+      }
+
+      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, _this9.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(_this9.genPlaceholder(day));
+          }
+
+          var mapped = mapper(visual, day);
+
+          if (mapped) {
+            children.push(mapped);
+          }
+        });
+        return children;
+      };
+
+      var slots = this.$scopedSlots;
+      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, _this9.getEventsForDay, _this9.genDayEvent, false);
+
+          if (children && children.length > 0 && _this9.eventMore) {
+            children.push(_this9.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, _this9.getEventsForDayAll, _this9.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, _this9.getEventsForDayTimed, _this9.genTimedEvent, true);
+          var children = [_this9.$createElement('div', {
+            staticClass: 'k-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