kdutify 2.6.0 → 2.7.2

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

@@ -2,17 +2,16 @@
 import mixins from '../../../util/mixins';
 import Colorable from '../../../mixins/colorable';
 import Localable from '../../../mixins/localable';
-import Mouse from './mouse';
+import Mouse from '../../../mixins/mouse';
 import Themeable from '../../../mixins/themeable';
-import Times from './times'; // Directives
-
-import Resize from '../../../directives/resize'; // Util
-
+import Times from './times';
+// Directives
+import Resize from '../../../directives/resize';
+// Util
 import props from '../util/props';
 import { parseTimestamp, getWeekdaySkips, createDayList, createNativeLocaleFormatter, getStartOfWeek, getEndOfWeek, getTimestampIdentifier } from '../util/timestamp';
 export default mixins(Colorable, Localable, Mouse, Themeable, Times
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'calendar-base',
   directives: {
     Resize
@@ -22,48 +21,39 @@ export default mixins(Colorable, Localable, Mouse, Themeable, Times
     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'
@@ -74,7 +64,6 @@ export default mixins(Colorable, Localable, Mouse, Themeable, Times
       };
       return createNativeLocaleFormatter(this.currentLocale, (_tms, short) => short ? shortOptions : longOptions);
     }
-
   },
   methods: {
     getRelativeClasses(timestamp, outside = false) {
@@ -85,19 +74,15 @@ export default mixins(Colorable, Localable, Mouse, Themeable, Times
         'k-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

package/lib/components/KCalendar/mixins/calendar-base.js.map

@@ -1 +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"}
+{"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 '../../../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 '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/lib/components/KCalendar/mixins/calendar-with-events.js

@@ -1,12 +1,10 @@
 // Styles
-import "..\\..\\..\\..\\src\\components\\KCalendar\\mixins\\calendar-with-events.sass"; // Directives
-
-import ripple from '../../../directives/ripple'; // Mixins
-
-import CalendarBase from './calendar-base'; // Helpers
-
-import { escapeHTML } from '../../../util/helpers'; // Util
-
+import "..\\..\\..\\..\\src\\components\\KCalendar\\mixins\\calendar-with-events.sass";
+// Directives
+import ripple from '../../../directives/ripple';
+// Mixins
+import CalendarBase from './calendar-base';
+// Util
 import props from '../util/props';
 import { CalendarEventOverlapModes } from '../modes';
 import { getDayIdentifier, diffMinutes } from '../util/timestamp';
@@ -15,13 +13,13 @@ const WIDTH_FULL = 100;
 const WIDTH_START = 95;
 const MINUTES_IN_DAY = 1440;
 /* @kdujs/component */
-
 export default CalendarBase.extend({
   name: 'calendar-with-events',
   directives: {
     ripple
   },
-  props: { ...props.events,
+  props: {
+    ...props.events,
     ...props.calendar,
     ...props.category
   },
@@ -29,53 +27,41 @@ export default CalendarBase.extend({
     noEvents() {
       return this.events.length === 0;
     },
-
     parsedEvents() {
       return this.events.map(this.parseEvent);
     },
-
     parsedEventOverlapThreshold() {
       return parseInt(this.eventOverlapThreshold);
     },
-
     eventTimedFunction() {
       return typeof this.eventTimed === 'function' ? this.eventTimed : event => !!event[this.eventTimed];
     },
-
     eventCategoryFunction() {
       return typeof this.eventCategory === 'function' ? this.eventCategory : event => event[this.eventCategory];
     },
-
     eventTextColorFunction() {
       return typeof this.eventTextColor === 'function' ? this.eventTextColor : () => this.eventTextColor;
     },
-
     eventNameFunction() {
-      return typeof this.eventName === 'function' ? this.eventName : (event, timedEvent) => escapeHTML(event.input[this.eventName] || '');
+      return typeof this.eventName === 'function' ? this.eventName : (event, timedEvent) => event.input[this.eventName] || '';
     },
-
     eventModeFunction() {
       return typeof this.eventOverlapMode === 'function' ? this.eventOverlapMode : CalendarEventOverlapModes[this.eventOverlapMode];
     },
-
     eventWeekdays() {
       return this.parsedWeekdays;
     },
-
     categoryMode() {
       return this.type === 'category';
     }
-
   },
   methods: {
     eventColorFunction(e) {
       return typeof this.eventColor === 'function' ? this.eventColor(e) : e.color || this.eventColor;
     },
-
     parseEvent(input, index = 0) {
       return parseEvent(input, index, this.eventStart, this.eventEnd, this.eventTimedFunction(input), this.categoryMode ? this.eventCategoryFunction(input) : false);
     },
-
     formatTime(withTime, ampm) {
       const formatter = this.getFormatter({
         timeZone: 'UTC',
@@ -84,26 +70,21 @@ export default CalendarBase.extend({
       });
       return formatter(withTime, true);
     },
-
     updateEventVisibility() {
       if (this.noEvents || !this.eventMore) {
         return;
       }
-
       const eventHeight = this.eventHeight;
       const eventsMap = this.getEventsMap();
-
       for (const date in eventsMap) {
         const {
           parent,
           events,
           more
         } = eventsMap[date];
-
         if (!more) {
           break;
         }
-
         const parentBounds = parent.getBoundingClientRect();
         const last = events.length - 1;
         const eventsSorted = events.map(event => ({
@@ -111,17 +92,14 @@ export default CalendarBase.extend({
           bottom: event.getBoundingClientRect().bottom
         })).sort((a, b) => a.bottom - b.bottom);
         let hidden = 0;
-
         for (let i = 0; i <= last; i++) {
           const bottom = eventsSorted[i].bottom;
           const 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);
@@ -130,18 +108,14 @@ export default CalendarBase.extend({
         }
       }
     },
-
     getEventsMap() {
       const eventsMap = {};
       const elements = this.$refs.events;
-
       if (!elements || !elements.forEach) {
         return eventsMap;
       }
-
       elements.forEach(el => {
         const date = el.getAttribute('data-date');
-
         if (el.parentElement && date) {
           if (!(date in eventsMap)) {
             eventsMap[date] = {
@@ -150,7 +124,6 @@ export default CalendarBase.extend({
               events: []
             };
           }
-
           if (el.getAttribute('data-more')) {
             eventsMap[date].more = el;
           } else {
@@ -161,7 +134,6 @@ export default CalendarBase.extend({
       });
       return eventsMap;
     },
-
     genDayEvent({
       event
     }, day) {
@@ -172,11 +144,9 @@ export default CalendarBase.extend({
       const start = dayIdentifier === event.startIdentifier;
       let end = dayIdentifier === event.endIdentifier;
       let width = WIDTH_START;
-
       if (!this.categoryMode) {
         for (let i = day.index + 1; i < week.length; i++) {
           const weekdayIdentifier = getDayIdentifier(week[i]);
-
           if (event.endIdentifier >= weekdayIdentifier) {
             width += WIDTH_FULL;
             end = end || weekdayIdentifier === event.endIdentifier;
@@ -186,7 +156,6 @@ export default CalendarBase.extend({
           }
         }
       }
-
       const scope = {
         eventParsed: event,
         day,
@@ -213,7 +182,6 @@ export default CalendarBase.extend({
         refInFor: true
       });
     },
-
     genTimedEvent({
       event,
       left,
@@ -222,7 +190,6 @@ export default CalendarBase.extend({
       if (day.timeDelta(event.end) < 0 || day.timeDelta(event.start) >= 1 || isEventHiddenOn(event, day)) {
         return false;
       }
-
       const dayIdentifier = getDayIdentifier(day);
       const start = event.startIdentifier >= dayIdentifier;
       const end = event.endIdentifier > dayIdentifier;
@@ -246,39 +213,37 @@ export default CalendarBase.extend({
         }
       });
     },
-
     genEvent(event, scopeInput, timedEvent, data) {
-      var _this$eventRipple;
-
+      var _a;
       const slot = this.$scopedSlots.event;
       const text = this.eventTextColorFunction(event.input);
       const background = this.eventColorFunction(event.input);
       const overlapsNoon = event.start.hour < 12 && event.end.hour >= 12;
       const singline = diffMinutes(event.start, event.end) <= this.parsedEventOverlapThreshold;
       const formatTime = this.formatTime;
-
       const timeSummary = () => formatTime(event.start, overlapsNoon) + ' - ' + formatTime(event.end, true);
-
       const eventSummary = () => {
         const name = this.eventNameFunction(event, timedEvent);
-
         if (event.start.hasTime) {
-          const eventSummaryClass = 'k-event-summary';
-
           if (timedEvent) {
             const time = timeSummary();
-            const delimiter = singline ? ', ' : '<br>';
-            return `<span class="${eventSummaryClass}"><strong>${name}</strong>${delimiter}${time}</span>`;
+            const delimiter = singline ? ', ' : this.$createElement('br');
+            return this.$createElement('span', {
+              staticClass: 'k-event-summary'
+            }, [this.$createElement('strong', [name]), delimiter, time]);
           } else {
             const time = formatTime(event.start, true);
-            return `<span class="${eventSummaryClass}"><strong>${time}</strong> ${name}</span>`;
+            return this.$createElement('span', {
+              staticClass: 'k-event-summary'
+            }, [this.$createElement('strong', [time]), ' ', name]);
           }
         }
-
-        return name;
+        return this.$createElement('span', {
+          staticClass: 'k-event-summary'
+        }, [name]);
       };
-
-      const scope = { ...scopeInput,
+      const scope = {
+        ...scopeInput,
         event: event.input,
         outside: scopeInput.day.outside,
         singline,
@@ -288,26 +253,22 @@ export default CalendarBase.extend({
         eventSummary
       };
       return this.$createElement('div', this.setTextColor(text, this.setBackgroundColor(background, {
-        on: this.getDefaultMouseEventHandlers(':event', nativeEvent => ({ ...scope,
+        on: this.getDefaultMouseEventHandlers(':event', nativeEvent => ({
+          ...scope,
           nativeEvent
         })),
         directives: [{
           name: 'ripple',
-          value: (_this$eventRipple = this.eventRipple) != null ? _this$eventRipple : true
+          value: (_a = this.eventRipple) !== null && _a !== void 0 ? _a : true
         }],
         ...data
       })), slot ? slot(scope) : [this.genName(eventSummary)]);
     },
-
     genName(eventSummary) {
       return this.$createElement('div', {
-        staticClass: 'pl-1',
-        domProps: {
-          innerHTML: eventSummary()
-        }
-      });
+        staticClass: 'pl-1'
+      }, [eventSummary()]);
     },
-
     genPlaceholder(day) {
       const height = this.eventHeight + this.eventMarginBottom;
       return this.$createElement('div', {
@@ -321,10 +282,8 @@ export default CalendarBase.extend({
         refInFor: true
       });
     },
-
     genMore(day) {
-      var _this$eventRipple2;
-
+      var _a;
       const eventHeight = this.eventHeight;
       const eventMarginBottom = this.eventMarginBottom;
       return this.$createElement('div', {
@@ -338,11 +297,14 @@ export default CalendarBase.extend({
         },
         directives: [{
           name: 'ripple',
-          value: (_this$eventRipple2 = this.eventRipple) != null ? _this$eventRipple2 : true
+          value: (_a = this.eventRipple) !== null && _a !== void 0 ? _a : true
         }],
-        on: {
-          click: e => this.$emit('click:more', day, e)
-        },
+        on: this.getDefaultMouseEventHandlers(':more', nativeEvent => {
+          return {
+            nativeEvent,
+            ...day
+          };
+        }),
         style: {
           display: 'none',
           height: `${eventHeight}px`,
@@ -352,100 +314,81 @@ export default CalendarBase.extend({
         refInFor: true
       });
     },
-
     getVisibleEvents() {
       const start = getDayIdentifier(this.days[0]);
       const end = getDayIdentifier(this.days[this.days.length - 1]);
       return this.parsedEvents.filter(event => isEventOverlapping(event, start, end));
     },
-
     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(day) {
       const identifier = getDayIdentifier(day);
       const firstWeekday = this.eventWeekdays[0];
       return this.parsedEvents.filter(event => isEventStart(event, day, identifier, firstWeekday));
     },
-
     getEventsForDayAll(day) {
       const identifier = getDayIdentifier(day);
       const firstWeekday = this.eventWeekdays[0];
       return this.parsedEvents.filter(event => event.allDay && (this.categoryMode ? isEventOn(event, identifier) : isEventStart(event, day, identifier, firstWeekday)) && this.isEventForCategory(event, day.category));
     },
-
     getEventsForDayTimed(day) {
       const identifier = getDayIdentifier(day);
       return this.parsedEvents.filter(event => !event.allDay && isEventOn(event, identifier) && this.isEventForCategory(event, day.category));
     },
-
     getScopedSlots() {
       if (this.noEvents) {
-        return { ...this.$scopedSlots
+        return {
+          ...this.$scopedSlots
         };
       }
-
       const mode = this.eventModeFunction(this.parsedEvents, this.eventWeekdays[0], this.parsedEventOverlapThreshold);
-
       const isNode = input => !!input;
-
       const getSlotChildren = (day, getter, mapper, timed) => {
         const events = getter(day);
         const visuals = mode(day, events, timed, this.categoryMode);
-
         if (timed) {
           return visuals.map(visual => mapper(visual, day)).filter(isNode);
         }
-
         const children = [];
         visuals.forEach((visual, index) => {
           while (children.length < visual.column) {
             children.push(this.genPlaceholder(day));
           }
-
           const mapped = mapper(visual, day);
-
           if (mapped) {
             children.push(mapped);
           }
         });
         return children;
       };
-
       const slots = this.$scopedSlots;
       const slotDay = slots.day;
       const slotDayHeader = slots['day-header'];
       const slotDayBody = slots['day-body'];
-      return { ...slots,
+      return {
+        ...slots,
         day: day => {
           let children = getSlotChildren(day, this.getEventsForDay, this.genDayEvent, false);
-
           if (children && children.length > 0 && this.eventMore) {
             children.push(this.genMore(day));
           }
-
           if (slotDay) {
             const slot = slotDay(day);
-
             if (slot) {
               children = children ? children.concat(slot) : slot;
             }
           }
-
           return children;
         },
         'day-header': day => {
           let children = getSlotChildren(day, this.getEventsForDayAll, this.genDayEvent, false);
-
           if (slotDayHeader) {
             const slot = slotDayHeader(day);
-
             if (slot) {
               children = children ? children.concat(slot) : slot;
             }
           }
-
           return children;
         },
         'day-body': day => {
@@ -453,20 +396,16 @@ export default CalendarBase.extend({
           let children = [this.$createElement('div', {
             staticClass: 'k-event-timed-container'
           }, events)];
-
           if (slotDayBody) {
             const slot = slotDayBody(day);
-
             if (slot) {
               children = children.concat(slot);
             }
           }
-
           return children;
         }
       };
     }
-
   }
 });
 //# sourceMappingURL=calendar-with-events.js.map