@tlmgo/tui-calendar 2.2.0 → 2.2.2

package/dist/toastui-calendar.js

@@ -1,6 +1,6 @@
 /*!
  * TOAST UI Calendar 2nd Edition
- * @version 2.1.4 | Wed Jan 28 2026
+ * @version 2.2.2 | Thu Jan 29 2026
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -6087,11 +6087,11 @@ function toPercent(value) {
 function toPx(value) {
   return "".concat(value, "px");
 }
-/**
- * ex)
- * extractPercentPx('calc(100% - 22px)') // { percent: 100, px: -22 }
- * extractPercentPx('100%') // { percent: 100, px: 0 }
- * extractPercentPx('-22px') // { percent: 0, px: -22 }
+/**
+ * ex)
+ * extractPercentPx('calc(100% - 22px)') // { percent: 100, px: -22 }
+ * extractPercentPx('100%') // { percent: 100, px: 0 }
+ * extractPercentPx('-22px') // { percent: 0, px: -22 }
  */
 
 function extractPercentPx(value) {
@@ -6407,11 +6407,11 @@ const MESSAGE_PREFIX = '@tlmgo/tui-calendar: ';
 
 
 
-/**
- * Define custom errors for calendar
- * These errors are exposed to the user.
- *
- * We can throw the default `Error` instance for internal errors.
+/**
+ * Define custom errors for calendar
+ * These errors are exposed to the user.
+ *
+ * We can throw the default `Error` instance for internal errors.
  */
 
 class InvalidTimezoneNameError extends Error {
@@ -6506,10 +6506,10 @@ function date() {
 function getLocalTimezoneOffset() {
   return -new Date().getTimezoneOffset();
 }
-/**
- * Calculate timezone offset from UTC.
- *
- * Target date is needed for the case when the timezone is applicable to DST.
+/**
+ * Calculate timezone offset from UTC.
+ *
+ * Target date is needed for the case when the timezone is applicable to DST.
  */
 
 function calculateTimezoneOffset(timezoneName) {
@@ -6547,9 +6547,9 @@ const timezoneNameValidationCache = {};
 function isIntlDateTimeFormatSupported() {
   var _Intl, _Intl$DateTimeFormat, _Intl$DateTimeFormat$;
 
-  /**
-   * Intl.DateTimeFormat & IANA Timezone Data should be supported.
-   * also, hourCycle options should be supported.
+  /**
+   * Intl.DateTimeFormat & IANA Timezone Data should be supported.
+   * also, hourCycle options should be supported.
    */
   return isFunction((_Intl = Intl) === null || _Intl === void 0 ? void 0 : (_Intl$DateTimeFormat = _Intl.DateTimeFormat) === null || _Intl$DateTimeFormat === void 0 ? void 0 : (_Intl$DateTimeFormat$ = _Intl$DateTimeFormat.prototype) === null || _Intl$DateTimeFormat$ === void 0 ? void 0 : _Intl$DateTimeFormat$.formatToParts);
 }
@@ -6633,13 +6633,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function getTZOffsetMSDifference(offset) {
   return (getLocalTimezoneOffset() - offset) * MS_PER_MINUTES;
 }
-/**
- * Custom Date Class to handle timezone offset.
- *
- * For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/tzdate.md|TZDate} in guide.
- *
- * @class TZDate
- * @param {number|TZDate|Date|string} date - date value to be converted. If date is number or string, it should be eligible to parse by Date constructor.
+/**
+ * Custom Date Class to handle timezone offset.
+ *
+ * For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/tzdate.md|TZDate} in guide.
+ *
+ * @class TZDate
+ * @param {number|TZDate|Date|string} date - date value to be converted. If date is number or string, it should be eligible to parse by Date constructor.
  */
 
 
@@ -6657,19 +6657,19 @@ class date_TZDate {
       this.d = date(...args);
     }
   }
-  /**
-   * Get the string representation of the date.
-   * @returns {string} string representation of the date.
+  /**
+   * Get the string representation of the date.
+   * @returns {string} string representation of the date.
    */
 
 
   toString() {
     return this.d.toString();
   }
-  /**
-   * Add years to the instance.
-   * @param {number} y - number of years to be added.
-   * @returns {TZDate} - returns the instance itself.
+  /**
+   * Add years to the instance.
+   * @param {number} y - number of years to be added.
+   * @returns {TZDate} - returns the instance itself.
    */
 
 
@@ -6677,10 +6677,10 @@ class date_TZDate {
     this.setFullYear(this.getFullYear() + y);
     return this;
   }
-  /**
-   * Add months to the instance.
-   * @param {number} m - number of months to be added.
-   * @returns {TZDate} - returns the instance itself.
+  /**
+   * Add months to the instance.
+   * @param {number} m - number of months to be added.
+   * @returns {TZDate} - returns the instance itself.
    */
 
 
@@ -6688,10 +6688,10 @@ class date_TZDate {
     this.setMonth(this.getMonth() + m);
     return this;
   }
-  /**
-   * Add dates to the instance.
-   * @param {number} d - number of days to be added.
-   * @returns {TZDate} - returns the instance itself.
+  /**
+   * Add dates to the instance.
+   * @param {number} d - number of days to be added.
+   * @returns {TZDate} - returns the instance itself.
    */
 
 
@@ -6699,10 +6699,10 @@ class date_TZDate {
     this.setDate(this.getDate() + d);
     return this;
   }
-  /**
-   * Add hours to the instance.
-   * @param {number} h - number of hours to be added.
-   * @returns {TZDate} - returns the instance itself.
+  /**
+   * Add hours to the instance.
+   * @param {number} h - number of hours to be added.
+   * @returns {TZDate} - returns the instance itself.
    */
 
 
@@ -6710,10 +6710,10 @@ class date_TZDate {
     this.setHours(this.getHours() + h);
     return this;
   }
-  /**
-   * Add minutes to the instance.
-   * @param {number} M - number of minutes to be added.
-   * @returns {TZDate} - returns the instance itself.
+  /**
+   * Add minutes to the instance.
+   * @param {number} M - number of minutes to be added.
+   * @returns {TZDate} - returns the instance itself.
    */
 
 
@@ -6721,10 +6721,10 @@ class date_TZDate {
     this.setMinutes(this.getMinutes() + M);
     return this;
   }
-  /**
-   * Add seconds to the instance.
-   * @param {number} s - number of seconds to be added.
-   * @returns {TZDate} - returns the instance itself.
+  /**
+   * Add seconds to the instance.
+   * @param {number} s - number of seconds to be added.
+   * @returns {TZDate} - returns the instance itself.
    */
 
 
@@ -6732,10 +6732,10 @@ class date_TZDate {
     this.setSeconds(this.getSeconds() + s);
     return this;
   }
-  /**
-   * Add milliseconds to the instance.
-   * @param {number} ms - number of milliseconds to be added.
-   * @returns {TZDate} - returns the instance itself.
+  /**
+   * Add milliseconds to the instance.
+   * @param {number} ms - number of milliseconds to be added.
+   * @returns {TZDate} - returns the instance itself.
    */
 
 
@@ -6745,16 +6745,16 @@ class date_TZDate {
   }
   /* eslint-disable max-params*/
 
-  /**
-   * Set the date and time all at once.
-   * @param {number} y - year
-   * @param {number} m - month
-   * @param {number} d - date
-   * @param {number} h - hours
-   * @param {number} M - minutes
-   * @param {number} s - seconds
-   * @param {number} ms - milliseconds
-   * @returns {TZDate} - returns the instance itself.
+  /**
+   * Set the date and time all at once.
+   * @param {number} y - year
+   * @param {number} m - month
+   * @param {number} d - date
+   * @param {number} h - hours
+   * @param {number} M - minutes
+   * @param {number} s - seconds
+   * @param {number} ms - milliseconds
+   * @returns {TZDate} - returns the instance itself.
    */
 
 
@@ -6763,27 +6763,27 @@ class date_TZDate {
     this.setHours(h, M, s, ms);
     return this;
   }
-  /**
-   * Convert the instance to the native `Date` object.
-   * @returns {Date} - The native `Date` object.
+  /**
+   * Convert the instance to the native `Date` object.
+   * @returns {Date} - The native `Date` object.
    */
 
 
   toDate() {
     return this.d.toDate();
   }
-  /**
-   * Get the value of the date. (milliseconds since 1970-01-01 00:00:00 (UTC+0))
-   * @returns {number} - value of the date.
+  /**
+   * Get the value of the date. (milliseconds since 1970-01-01 00:00:00 (UTC+0))
+   * @returns {number} - value of the date.
    */
 
 
   valueOf() {
     return this.getTime();
   }
-  /**
-   * Get the timezone offset from UTC in minutes.
-   * @returns {number} - timezone offset in minutes.
+  /**
+   * Get the timezone offset from UTC in minutes.
+   * @returns {number} - timezone offset in minutes.
    */
 
 
@@ -6793,103 +6793,103 @@ class date_TZDate {
     return (_this$tzOffset = this.tzOffset) !== null && _this$tzOffset !== void 0 ? _this$tzOffset : this.d.getTimezoneOffset();
   } // Native properties
 
-  /**
-   * Get milliseconds which is converted by timezone
-   * @returns {number} milliseconds
+  /**
+   * Get milliseconds which is converted by timezone
+   * @returns {number} milliseconds
    */
 
 
   getTime() {
     return this.d.getTime();
   }
-  /**
-   * Get the year of the instance.
-   * @returns {number} - full year
+  /**
+   * Get the year of the instance.
+   * @returns {number} - full year
    */
 
 
   getFullYear() {
     return this.d.getFullYear();
   }
-  /**
-   * Get the month of the instance. (zero-based)
-   * @returns {number} - month
+  /**
+   * Get the month of the instance. (zero-based)
+   * @returns {number} - month
    */
 
 
   getMonth() {
     return this.d.getMonth();
   }
-  /**
-   * Get the date of the instance.
-   * @returns {number} - date
+  /**
+   * Get the date of the instance.
+   * @returns {number} - date
    */
 
 
   getDate() {
     return this.d.getDate();
   }
-  /**
-   * Get the hours of the instance.
-   * @returns {number} - hours
+  /**
+   * Get the hours of the instance.
+   * @returns {number} - hours
    */
 
 
   getHours() {
     return this.d.getHours();
   }
-  /**
-   * Get the minutes of the instance.
-   * @returns {number} - minutes
+  /**
+   * Get the minutes of the instance.
+   * @returns {number} - minutes
    */
 
 
   getMinutes() {
     return this.d.getMinutes();
   }
-  /**
-   * Get the seconds of the instance.
-   * @returns {number} - seconds
+  /**
+   * Get the seconds of the instance.
+   * @returns {number} - seconds
    */
 
 
   getSeconds() {
     return this.d.getSeconds();
   }
-  /**
-   * Get the milliseconds of the instance.
-   * @returns {number} - milliseconds
+  /**
+   * Get the milliseconds of the instance.
+   * @returns {number} - milliseconds
    */
 
 
   getMilliseconds() {
     return this.d.getMilliseconds();
   }
-  /**
-   * Get the day of the week of the instance.
-   * @returns {number} - day of the week
+  /**
+   * Get the day of the week of the instance.
+   * @returns {number} - day of the week
    */
 
 
   getDay() {
     return this.d.getDay();
   }
-  /**
-   * Sets the instance to the time represented by a number of milliseconds since 1970-01-01 00:00:00 (UTC+0).
-   * @param {number} t - number of milliseconds
-   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+  /**
+   * Sets the instance to the time represented by a number of milliseconds since 1970-01-01 00:00:00 (UTC+0).
+   * @param {number} t - number of milliseconds
+   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
    */
 
 
   setTime(t) {
     return this.d.setTime(t);
   }
-  /**
-   * Sets the year-month-date of the instance. Equivalent to calling `setFullYear` of `Date` object.
-   * @param {number} y - year
-   * @param {number} m - month (zero-based)
-   * @param {number} d - date
-   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+  /**
+   * Sets the year-month-date of the instance. Equivalent to calling `setFullYear` of `Date` object.
+   * @param {number} y - year
+   * @param {number} m - month (zero-based)
+   * @param {number} d - date
+   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
    */
 
 
@@ -6898,11 +6898,11 @@ class date_TZDate {
     let d = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.getDate();
     return this.d.setFullYear(y, m, d);
   }
-  /**
-   * Sets the month of the instance. Equivalent to calling `setMonth` of `Date` object.
-   * @param {number} m - month (zero-based)
-   * @param {number} d - date
-   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+  /**
+   * Sets the month of the instance. Equivalent to calling `setMonth` of `Date` object.
+   * @param {number} m - month (zero-based)
+   * @param {number} d - date
+   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
    */
 
 
@@ -6910,23 +6910,23 @@ class date_TZDate {
     let d = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDate();
     return this.d.setMonth(m, d);
   }
-  /**
-   * Sets the date of the instance. Equivalent to calling `setDate` of `Date` object.
-   * @param {number} d - date
-   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+  /**
+   * Sets the date of the instance. Equivalent to calling `setDate` of `Date` object.
+   * @param {number} d - date
+   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
    */
 
 
   setDate(d) {
     return this.d.setDate(d);
   }
-  /**
-   * Sets the hours of the instance. Equivalent to calling `setHours` of `Date` object.
-   * @param {number} h - hours
-   * @param {number} M - minutes
-   * @param {number} s - seconds
-   * @param {number} ms - milliseconds
-   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+  /**
+   * Sets the hours of the instance. Equivalent to calling `setHours` of `Date` object.
+   * @param {number} h - hours
+   * @param {number} M - minutes
+   * @param {number} s - seconds
+   * @param {number} ms - milliseconds
+   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
    */
 
 
@@ -6936,12 +6936,12 @@ class date_TZDate {
     let ms = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : this.getMilliseconds();
     return this.d.setHours(h, M, s, ms);
   }
-  /**
-   * Sets the minutes of the instance. Equivalent to calling `setMinutes` of `Date` object.
-   * @param {number} M - minutes
-   * @param {number} s - seconds
-   * @param {number} ms - milliseconds
-   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+  /**
+   * Sets the minutes of the instance. Equivalent to calling `setMinutes` of `Date` object.
+   * @param {number} M - minutes
+   * @param {number} s - seconds
+   * @param {number} ms - milliseconds
+   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
    */
 
 
@@ -6950,11 +6950,11 @@ class date_TZDate {
     let ms = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.getMilliseconds();
     return this.d.setMinutes(M, s, ms);
   }
-  /**
-   * Sets the seconds of the instance. Equivalent to calling `setSeconds` of `Date` object.
-   * @param {number} s - seconds
-   * @param {number} ms - milliseconds
-   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+  /**
+   * Sets the seconds of the instance. Equivalent to calling `setSeconds` of `Date` object.
+   * @param {number} s - seconds
+   * @param {number} ms - milliseconds
+   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
    */
 
 
@@ -6962,20 +6962,20 @@ class date_TZDate {
     let ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getMilliseconds();
     return this.d.setSeconds(s, ms);
   }
-  /**
-   * Sets the milliseconds of the instance. Equivalent to calling `setMilliseconds` of `Date` object.
-   * @param {number} ms - milliseconds
-   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
+  /**
+   * Sets the milliseconds of the instance. Equivalent to calling `setMilliseconds` of `Date` object.
+   * @param {number} ms - milliseconds
+   * @returns {number} - Passed milliseconds of the instance since 1970-01-01 00:00:00 (UTC+0).
    */
 
 
   setMilliseconds(ms) {
     return this.d.setMilliseconds(ms);
   }
-  /**
-   * Set the timezone offset of the instance.
-   * @param {string|number} tzValue - The name of timezone(IANA name) or timezone offset(in minutes).
-   * @returns {TZDate} - New instance with the timezone offset.
+  /**
+   * Set the timezone offset of the instance.
+   * @param {string|number} tzValue - The name of timezone(IANA name) or timezone offset(in minutes).
+   * @returns {TZDate} - New instance with the timezone offset.
    */
 
 
@@ -6989,15 +6989,15 @@ class date_TZDate {
     newTZDate.tzOffset = tzOffset;
     return newTZDate;
   }
-  /**
-   * Get the new instance following the system's timezone.
-   * If the system timezone is different from the timezone of the instance,
-   * the instance is converted to the system timezone.
-   *
-   * Instance's `tzOffset` property will be ignored if there is a `tzValue` parameter.
-   *
-   * @param {string|number} tzValue - The name of timezone(IANA name) or timezone offset(in minutes).
-   * @returns {TZDate} - New instance with the system timezone.
+  /**
+   * Get the new instance following the system's timezone.
+   * If the system timezone is different from the timezone of the instance,
+   * the instance is converted to the system timezone.
+   *
+   * Instance's `tzOffset` property will be ignored if there is a `tzValue` parameter.
+   *
+   * @param {string|number} tzValue - The name of timezone(IANA name) or timezone offset(in minutes).
+   * @returns {TZDate} - New instance with the system timezone.
    */
 
 
@@ -7027,27 +7027,27 @@ function pick(obj) {
     return acc;
   }, {});
 }
-/**
- * Clone an instance of a ES6 class.
- *
- * The cloned instance will have the (most of) same properties as the original.
- *
- * Reference: https://stackoverflow.com/a/44782052
+/**
+ * Clone an instance of a ES6 class.
+ *
+ * The cloned instance will have the (most of) same properties as the original.
+ *
+ * Reference: https://stackoverflow.com/a/44782052
  */
 
 function object_clone(source) {
   return Object.assign(Object.create(Object.getPrototypeOf(source)), source);
 }
-/**
- * Merge two objects together. And It has some pitfalls.
- *
- * For performance reason this function only mutates the target object.
- *
- * Also, it only merges values of nested objects. Array or TZDate instance will be totally replaced.
- *
- * Other non-basic objects are not supported.
- *
- * Since it mutates the target object, avoid using it outside immer `produce` function.
+/**
+ * Merge two objects together. And It has some pitfalls.
+ *
+ * For performance reason this function only mutates the target object.
+ *
+ * Also, it only merges values of nested objects. Array or TZDate instance will be totally replaced.
+ *
+ * Other non-basic objects are not supported.
+ *
+ * Since it mutates the target object, avoid using it outside immer `produce` function.
  */
 
 function mergeObject(target) {
@@ -7078,81 +7078,81 @@ function eventUIModel_defineProperty(obj, key, value) { if (key in obj) { Object
 
 
 const eventUIPropsKey = ['top', 'left', 'width', 'height', 'exceedLeft', 'exceedRight', 'croppedStart', 'croppedEnd', 'goingDurationHeight', 'modelDurationHeight', 'comingDurationHeight', 'duplicateEvents', 'duplicateEventIndex', 'duplicateStarts', 'duplicateEnds', 'duplicateLeft', 'duplicateWidth', 'collapse', 'isMain'];
-/**
- * Set of UI-related properties for calendar event.
- * @class
- * @param {EventModel} event EventModel instance.
+/**
+ * Set of UI-related properties for calendar event.
+ * @class
+ * @param {EventModel} event EventModel instance.
  */
 
 class EventUIModel {
   // If it is one of duplicate events, represents the left value of a group of duplicate events.
   // If it is one of duplicate events, represents the width value of a group of duplicate events.
 
-  /**
-   * whether the actual start-date is before the render-start-date
-   * @type {boolean}
+  /**
+   * whether the actual start-date is before the render-start-date
+   * @type {boolean}
    */
 
-  /**
-   * whether the actual end-date is after the render-end-date
-   * @type {boolean}
+  /**
+   * whether the actual end-date is after the render-end-date
+   * @type {boolean}
    */
 
-  /**
-   * whether the actual start-date is before the render-start-date for column
-   * @type {boolean}
+  /**
+   * whether the actual start-date is before the render-start-date for column
+   * @type {boolean}
    */
 
-  /**
-   * whether the actual end-date is after the render-end-date for column
-   * @type {boolean}
+  /**
+   * whether the actual end-date is after the render-end-date for column
+   * @type {boolean}
    */
 
-  /**
-   * @type {number} percent
+  /**
+   * @type {number} percent
    */
 
-  /**
-   * @type {number} percent
+  /**
+   * @type {number} percent
    */
 
-  /**
-   * @type {number} percent
+  /**
+   * @type {number} percent
    */
 
-  /**
-   * the sorted list of duplicate events.
-   * @type {EventUIModel[]}
+  /**
+   * the sorted list of duplicate events.
+   * @type {EventUIModel[]}
    */
 
-  /**
-   * the index of this event among the duplicate events.
-   * @type {number}
+  /**
+   * the index of this event among the duplicate events.
+   * @type {number}
    */
 
-  /**
-   * represent the left value of a duplicate event.
-   * ex) calc(50% - 24px), calc(50%), ...
-   *
-   * @type {string}
+  /**
+   * represent the left value of a duplicate event.
+   * ex) calc(50% - 24px), calc(50%), ...
+   *
+   * @type {string}
    */
 
-  /**
-   * represent the width value of a duplicate event.
-   * ex) calc(50% - 24px), 9px, ...
-   *
-   * @type {string}
+  /**
+   * represent the width value of a duplicate event.
+   * ex) calc(50% - 24px), 9px, ...
+   *
+   * @type {string}
    */
 
-  /**
-   * whether the event is collapsed or not among the duplicate events.
-   * @type {boolean}
+  /**
+   * whether the event is collapsed or not among the duplicate events.
+   * @type {boolean}
    */
 
-  /**
-   * whether the event is main or not.
-   * The main event is expanded on the initial rendering.
-   * @type {boolean}
+  /**
+   * whether the event is main or not.
+   * The main event is expanded on the initial rendering.
+   * @type {boolean}
    */
   constructor(event) {
     eventUIModel_defineProperty(this, "top", 0);
@@ -7199,10 +7199,10 @@ class EventUIModel {
   setUIProps(props) {
     Object.assign(this, props);
   }
-  /**
-   * return renderStarts property to render properly when specific event that exceed rendering date range.
-   *
-   * if renderStarts is not set. return model's start property.
+  /**
+   * return renderStarts property to render properly when specific event that exceed rendering date range.
+   *
+   * if renderStarts is not set. return model's start property.
    */
 
 
@@ -7213,10 +7213,10 @@ class EventUIModel {
 
     return this.model.getStarts();
   }
-  /**
-   * return renderStarts property to render properly when specific event that exceed rendering date range.
-   *
-   * if renderEnds is not set. return model's end property.
+  /**
+   * return renderStarts property to render properly when specific event that exceed rendering date range.
+   *
+   * if renderEnds is not set. return model's end property.
    */
 
 
@@ -7227,25 +7227,25 @@ class EventUIModel {
 
     return this.model.getEnds();
   }
-  /**
-   * @returns {number} unique number for model.
+  /**
+   * @returns {number} unique number for model.
    */
 
 
   cid() {
     return this.model.cid();
   }
-  /**
-   * Shadowing valueOf method for event sorting.
+  /**
+   * Shadowing valueOf method for event sorting.
    */
 
 
   valueOf() {
     return this.model;
   }
-  /**
-   * Link duration method
-   * @returns {number} EventModel#duration result.
+  /**
+   * Link duration method
+   * @returns {number} EventModel#duration result.
    */
 
 
@@ -7457,8 +7457,8 @@ const memo = {
   millisecondsFrom: {}
 };
 const convByTimeUnit = [24, 60, 60, 1000];
-/**
- * pad left zero characters
+/**
+ * pad left zero characters
  */
 
 function leadingZero(number, length) {
@@ -7532,22 +7532,22 @@ const tokenFunc = {
 const MS_PER_DAY = 86400000;
 const MS_PER_HOUR = 3600000;
 const MS_PER_MINUTES = 60000;
-/**
- * The number of milliseconds 20 minutes for event min duration
+/**
+ * The number of milliseconds 20 minutes for event min duration
  */
 
 const MS_EVENT_MIN_DURATION = 20 * MS_PER_MINUTES;
 const MS_PER_THIRTY_MINUTES = 30 * 60 * 1000;
 const SIXTY_SECONDS = 60;
-/**
- * Return formatted string as basis of supplied string.
- *
- * Supported Token Lists.
- *
- * - YYYY => 1988
- * - MM => 01 ~ 12
- * - DD => 01 ~ 31
- * - YYYYMMDD => 19880925
+/**
+ * Return formatted string as basis of supplied string.
+ *
+ * Supported Token Lists.
+ *
+ * - YYYY => 1988
+ * - MM => 01 ~ 12
+ * - DD => 01 ~ 31
+ * - YYYYMMDD => 19880925
  */
 
 function datetime_toFormat(date, strFormat) {
@@ -7558,8 +7558,8 @@ function datetime_toFormat(date, strFormat) {
   });
   return result;
 }
-/**
- * convert to milliseconds
+/**
+ * convert to milliseconds
  */
 
 function convMilliseconds(type, value, iteratee) {
@@ -7576,8 +7576,8 @@ function convMilliseconds(type, value, iteratee) {
 
   return [value].concat(convByTimeUnit.slice(index[type])).reduce(iteratee);
 }
-/**
- * Convert value to milliseconds
+/**
+ * Convert value to milliseconds
  */
 
 
@@ -7598,8 +7598,8 @@ function millisecondsFrom(type, value) {
   cache[key] = result;
   return cache[key];
 }
-/**
- * Return 00:00:00 supplied date
+/**
+ * Return 00:00:00 supplied date
  */
 
 function toStartOfDay(date) {
@@ -7607,8 +7607,8 @@ function toStartOfDay(date) {
   d.setHours(0, 0, 0, 0);
   return d;
 }
-/**
- * Make date array from supplied parameters
+/**
+ * Make date array from supplied parameters
  */
 
 function makeDateRange(startDate, endDate, step) {
@@ -7626,19 +7626,19 @@ function makeDateRange(startDate, endDate, step) {
 
   return result;
 }
-/**
- * Clone supplied date
+/**
+ * Clone supplied date
  */
 
 function datetime_clone(date) {
   return new date_TZDate(date);
 }
-/**
- * Compare two dates.
- *
- * when first date is latest then seconds then return -1.
- *
- * return +1 reverse, and return 0 is same.
+/**
+ * Compare two dates.
+ *
+ * when first date is latest then seconds then return -1.
+ *
+ * return +1 reverse, and return 0 is same.
  */
 
 function compare(d1, d2) {
@@ -7671,15 +7671,15 @@ function max(d1, d2) {
 function min(d1, d2) {
   return compare(d1, d2) === -1 ? d1 : d2;
 }
-/**
- * Convert date string to date object.
- * Only listed below formats available.
- *
- * - YYYYMMDD
- * - YYYY/MM/DD
- * - YYYY-MM-DD
- * - YYYY/MM/DD HH:mm:SS
- * - YYYY-MM-DD HH:mm:SS
+/**
+ * Convert date string to date object.
+ * Only listed below formats available.
+ *
+ * - YYYYMMDD
+ * - YYYY/MM/DD
+ * - YYYY-MM-DD
+ * - YYYY/MM/DD HH:mm:SS
+ * - YYYY-MM-DD HH:mm:SS
  */
 
 function parse(str) {
@@ -7711,9 +7711,9 @@ function parse(str) {
 
   return new date_TZDate().setWithRaw(Number(ymd[0]), Number(ymd[1]) + fixMonth, Number(ymd[2]), Number(hms[0]), Number(hms[1]), Number(hms[2]), 0);
 }
-/**
- * Return 23:59:59 supplied date.
- * If you want to use milliseconds, use format 'YYYY-MM-DDTHH:mm:ss.sssZ' based on http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15
+/**
+ * Return 23:59:59 supplied date.
+ * If you want to use milliseconds, use format 'YYYY-MM-DDTHH:mm:ss.sssZ' based on http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15
  */
 
 function toEndOfDay(date) {
@@ -7730,8 +7730,8 @@ function isSunday(day) {
 function isSaturday(day) {
   return day === Day.SAT;
 }
-/**
- * Whether date is between supplied dates with date value?
+/**
+ * Whether date is between supplied dates with date value?
  */
 
 function isBetweenWithDate(d, d1, d2) {
@@ -7757,8 +7757,8 @@ function toEndOfMonth(date) {
   endDate.setHours(23, 59, 59, 999);
   return endDate;
 }
-/**
- * Calculate grid left(%), width(%) by narrowWeekend, startDayOfWeek, workweek
+/**
+ * Calculate grid left(%), width(%) by narrowWeekend, startDayOfWeek, workweek
  */
 
 function getRowStyleInfo(days, narrowWeekend, startDayOfWeek, workweek) {
@@ -7833,10 +7833,10 @@ function subtractDate(d, steps) {
   date.setDate(d.getDate() - steps);
   return date;
 }
-/**
- * Inspired by `date-fns`
- *
- * See more: https://github.com/date-fns/date-fns/blob/master/src/addMonths/index.ts
+/**
+ * Inspired by `date-fns`
+ *
+ * See more: https://github.com/date-fns/date-fns/blob/master/src/addMonths/index.ts
  */
 
 function addMonths(d) {
@@ -7953,8 +7953,8 @@ function eventModel_defineProperty(obj, key, value) { if (key in obj) { Object.d
 
 
 class EventModel {
-  /**
-   * whether the event includes multiple dates
+  /**
+   * whether the event includes multiple dates
    */
   constructor() {
     let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -8109,34 +8109,34 @@ class EventModel {
 
     this.hasMultiDates = this.end.getTime() - this.start.getTime() > MS_PER_DAY;
   }
-  /**
-   * @returns {TZDate} render start date.
+  /**
+   * @returns {TZDate} render start date.
    */
 
 
   getStarts() {
     return this.start;
   }
-  /**
-   * @returns {TZDate} render end date.
+  /**
+   * @returns {TZDate} render end date.
    */
 
 
   getEnds() {
     return this.end;
   }
-  /**
-   * @returns {number} instance unique id.
+  /**
+   * @returns {number} instance unique id.
    */
 
 
   cid() {
     return stamp(this);
   }
-  /**
-   * Check two  are equals (means title, isAllday, start, end are same)
-   * @param {EventModel}  event model instance to compare.
-   * @returns {boolean} Return false when not same.
+  /**
+   * Check two  are equals (means title, isAllday, start, end are same)
+   * @param {EventModel}  event model instance to compare.
+   * @returns {boolean} Return false when not same.
    */
   // eslint-disable-next-line complexity
 
@@ -8184,9 +8184,9 @@ class EventModel {
 
     return true;
   }
-  /**
-   * return duration between start and end.
-   * @returns {number} duration milliseconds (UTC)
+  /**
+   * return duration between start and end.
+   * @returns {number} duration milliseconds (UTC)
    */
 
 
@@ -8207,12 +8207,12 @@ class EventModel {
   valueOf() {
     return this;
   }
-  /**
-   * Returns true if the given EventModel coincides with the same time as the
-   * calling EventModel.
-   * @param {EventModel | EventUIModel} event The other event to compare with this EventModel.
-   * @param {boolean = true} usingTravelTime When calculating collision, whether to calculate with travel time.
-   * @returns {boolean} If the other event occurs within the same time as the first object.
+  /**
+   * Returns true if the given EventModel coincides with the same time as the
+   * calling EventModel.
+   * @param {EventModel | EventUIModel} event The other event to compare with this EventModel.
+   * @param {boolean = true} usingTravelTime When calculating collision, whether to calculate with travel time.
+   * @returns {boolean} If the other event occurs within the same time as the first object.
    */
 
 
@@ -8301,13 +8301,13 @@ function collection_defineProperty(obj, key, value) { if (key in obj) { Object.d
 
 
 
-/**
- * Generic collection base on ES6 Map.
- *
- * It needs function for get model's unique id.
- *
- * if the function is not supplied then it uses default function {@link Collection#getItemID}
- * @param {function} [getItemIDFn] function for get model's id.
+/**
+ * Generic collection base on ES6 Map.
+ *
+ * It needs function for get model's unique id.
+ *
+ * if the function is not supplied then it uses default function {@link Collection#getItemID}
+ * @param {function} [getItemIDFn] function for get model's id.
  */
 class Collection {
   constructor(getItemIDFn) {
@@ -8317,10 +8317,10 @@ class Collection {
       this.getItemID = getItemIDFn;
     }
   }
-  /**
-   * Combine supplied function filters and condition.
-   * @param {...Filter} filterFns - function filters
-   * @returns {function} combined filter
+  /**
+   * Combine supplied function filters and condition.
+   * @param {...Filter} filterFns - function filters
+   * @returns {function} combined filter
    */
 
 
@@ -8342,10 +8342,10 @@ class Collection {
       return true;
     };
   }
-  /**
-   * Combine multiple function filters with OR clause.
-   * @param {...function} filterFns - function filters
-   * @returns {function} combined filter
+  /**
+   * Combine multiple function filters with OR clause.
+   * @param {...function} filterFns - function filters
+   * @returns {function} combined filter
    */
 
 
@@ -8372,10 +8372,10 @@ class Collection {
       return result;
     };
   }
-  /**
-   * get model's unique id.
-   * @param {object} item model instance.
-   * @returns {string | number} model unique id.
+  /**
+   * get model's unique id.
+   * @param {object} item model instance.
+   * @returns {string | number} model unique id.
    */
 
 
@@ -8389,9 +8389,9 @@ class Collection {
     const iterator = this.internalMap.values();
     return iterator.next().value;
   }
-  /**
-   * add models.
-   * @param {Object[]} items - models to add this collection.
+  /**
+   * add models.
+   * @param {Object[]} items - models to add this collection.
    */
 
 
@@ -8406,9 +8406,9 @@ class Collection {
     });
     return this;
   }
-  /**
-   * remove models.
-   * @param {Array.<(Object|string|number)>} items model instances or unique ids to delete.
+  /**
+   * remove models.
+   * @param {Array.<(Object|string|number)>} items model instances or unique ids to delete.
    */
 
 
@@ -8431,10 +8431,10 @@ class Collection {
     });
     return removeResult.length === 1 ? removeResult[0] : removeResult;
   }
-  /**
-   * check collection has specific model.
-   * @param {(object|string|number)} id model instance or id to check
-   * @returns {boolean} is has model?
+  /**
+   * check collection has specific model.
+   * @param {(object|string|number)} id model instance or id to check
+   * @returns {boolean} is has model?
    */
 
 
@@ -8449,10 +8449,10 @@ class Collection {
     const id = isString_default()(item) || isNumber_default()(item) ? item : this.getItemID(item);
     return (_this$internalMap$get = this.internalMap.get(id)) !== null && _this$internalMap$get !== void 0 ? _this$internalMap$get : null;
   }
-  /**
-   * invoke callback when model exist in collection.
-   * @param {(string|number)} id model unique id.
-   * @param {function} callback the callback.
+  /**
+   * invoke callback when model exist in collection.
+   * @param {(string|number)} id model unique id.
+   * @param {function} callback the callback.
    */
 
 
@@ -8465,26 +8465,26 @@ class Collection {
 
     callback(item);
   }
-  /**
-   * Search model. and return new collection.
-   * @param {function} filterFn filter function.
-   * @returns {Collection} new collection with filtered models.
-   * @example
-   * collection.filter(function(item) {
-   *     return item.edited === true;
-   * });
-   *
-   * function filter1(item) {
-   *     return item.edited === false;
-   * }
-   *
-   * function filter2(item) {
-   *     return item.disabled === false;
-   * }
-   *
-   * collection.filter(Collection.and(filter1, filter2));
-   *
-   * collection.filter(Collection.or(filter1, filter2));
+  /**
+   * Search model. and return new collection.
+   * @param {function} filterFn filter function.
+   * @returns {Collection} new collection with filtered models.
+   * @example
+   * collection.filter(function(item) {
+   *     return item.edited === true;
+   * });
+   *
+   * function filter1(item) {
+   *     return item.edited === false;
+   * }
+   *
+   * function filter2(item) {
+   *     return item.disabled === false;
+   * }
+   *
+   * collection.filter(Collection.and(filter1, filter2));
+   *
+   * collection.filter(Collection.or(filter1, filter2));
    */
 
 
@@ -8502,24 +8502,24 @@ class Collection {
     });
     return result;
   }
-  /**
-   * Group element by specific key values.
-   *
-   * if key parameter is function then invoke it and use returned value.
-   * @param {(string|number|function)} groupByFn key property or getter function.
-   * @returns {object.<string|number, Collection>} grouped object
-   * @example
-   * // pass `string`, `number`, `boolean` type value then group by property value.
-   * collection.groupBy('gender');    // group by 'gender' property value.
-   * collection.groupBy(50);          // group by '50' property value.
-   *
-   * // pass `function` then group by return value. each invocation `function` is called with `(item)`.
-   * collection.groupBy(function(item) {
-   *     if (item.score > 60) {
-   *         return 'pass';
-   *     }
-   *     return 'fail';
-   * });
+  /**
+   * Group element by specific key values.
+   *
+   * if key parameter is function then invoke it and use returned value.
+   * @param {(string|number|function)} groupByFn key property or getter function.
+   * @returns {object.<string|number, Collection>} grouped object
+   * @example
+   * // pass `string`, `number`, `boolean` type value then group by property value.
+   * collection.groupBy('gender');    // group by 'gender' property value.
+   * collection.groupBy(50);          // group by '50' property value.
+   *
+   * // pass `function` then group by return value. each invocation `function` is called with `(item)`.
+   * collection.groupBy(function(item) {
+   *     if (item.score > 60) {
+   *         return 'pass';
+   *     }
+   *     return 'fail';
+   * });
    */
 
 
@@ -8539,10 +8539,10 @@ class Collection {
     });
     return result;
   }
-  /**
-   * Return the first item in collection that satisfies the provided function.
-   * @param {function} [findFn] - function filter
-   * @returns {object|null} item.
+  /**
+   * Return the first item in collection that satisfies the provided function.
+   * @param {function} [findFn] - function filter
+   * @returns {object|null} item.
    */
 
 
@@ -8562,21 +8562,21 @@ class Collection {
 
     return result;
   }
-  /**
-   * sort a basis of supplied compare function.
-   * @param {function} compareFn compareFunction
-   * @returns {array} sorted array.
+  /**
+   * sort a basis of supplied compare function.
+   * @param {function} compareFn compareFunction
+   * @returns {array} sorted array.
    */
 
 
   sort(compareFn) {
     return this.toArray().sort(compareFn);
   }
-  /**
-   * iterate each model element.
-   *
-   * when iteratee return false then break the loop.
-   * @param {function} iteratee iteratee(item, index, items)
+  /**
+   * iterate each model element.
+   *
+   * when iteratee return false then break the loop.
+   * @param {function} iteratee iteratee(item, index, items)
    */
 
 
@@ -8594,17 +8594,17 @@ class Collection {
       next = entries.next();
     }
   }
-  /**
-   * remove all models in collection.
+  /**
+   * remove all models in collection.
    */
 
 
   clear() {
     this.internalMap.clear();
   }
-  /**
-   * return new array with collection items.
-   * @returns {array} new array.
+  /**
+   * return new array with collection items.
+   * @returns {array} new array.
    */
 
 
@@ -8624,9 +8624,9 @@ class Collection {
 
 
 
-/**
- * Make a event collection
- * @returns {Collection<EventModel>} instance
+/**
+ * Make a event collection
+ * @returns {Collection<EventModel>} instance
  */
 function createEventCollection() {
   const collection = new Collection(event => event.cid());
@@ -8637,11 +8637,11 @@ function createEventCollection() {
 
   return collection;
 }
-/**
- * Calculate contain dates in event.
- * @param {TZDate} start - start date of range
- * @param {TZDate} end - end date of range
- * @returns {array} contain dates.
+/**
+ * Calculate contain dates in event.
+ * @param {TZDate} start - start date of range
+ * @param {TZDate} end - end date of range
+ * @returns {array} contain dates.
  */
 
 function getDateRange(start, end) {
@@ -8650,11 +8650,11 @@ function getDateRange(start, end) {
 function isAllday(event) {
   return event.isAllday || event.category === 'time' && Number(event.end) - Number(event.start) > MS_PER_DAY;
 }
-/**
- * function for group each event models.
- * @type {function}
- * @param {EventUIModel} uiModel - ui model instance
- * @returns {string} group key
+/**
+ * function for group each event models.
+ * @type {function}
+ * @param {EventUIModel} uiModel - ui model instance
+ * @returns {string} group key
  */
 
 function filterByCategory(uiModel) {
@@ -8668,14 +8668,14 @@ function filterByCategory(uiModel) {
 
   return model.category;
 }
-/****************
- * Events CRUD
+/****************
+ * Events CRUD
  ****************/
 
-/**
- * Set date matrix to supplied event model instance.
- * @param {IDS_OF_DAY} idsOfDay - ids of day
- * @param {EventModel} event - instance of event model.
+/**
+ * Set date matrix to supplied event model instance.
+ * @param {IDS_OF_DAY} idsOfDay - ids of day
+ * @param {EventModel} event - instance of event model.
  */
 
 function addToMatrix(idsOfDay, event) {
@@ -8686,10 +8686,10 @@ function addToMatrix(idsOfDay, event) {
     matrix.push(event.cid());
   });
 }
-/**
- * Remove event's id from matrix.
- * @param {IDS_OF_DAY} idsOfDay - ids of day
- * @param {EventModel} event - instance of event model
+/**
+ * Remove event's id from matrix.
+ * @param {IDS_OF_DAY} idsOfDay - ids of day
+ * @param {EventModel} event - instance of event model
  */
 
 function removeFromMatrix(idsOfDay, event) {
@@ -8715,13 +8715,13 @@ function createEvents(calendarData) {
   let events = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   return events.map(eventData => createEvent(calendarData, eventData));
 }
-/**
- * Update an event.
- * @param {CalendarData} calendarData - data of calendar
- * @param {string} eventId - event id
- * @param {string} calendarId - calendar id
- * @param {EventObject} eventData - event data
- * @returns {boolean} success or failure
+/**
+ * Update an event.
+ * @param {CalendarData} calendarData - data of calendar
+ * @param {string} eventId - event id
+ * @param {string} calendarId - calendar id
+ * @param {EventObject} eventData - event data
+ * @returns {boolean} success or failure
  */
 
 function updateEvent(calendarData, eventId, calendarId, eventData) {
@@ -8741,11 +8741,11 @@ function updateEvent(calendarData, eventId, calendarId, eventData) {
   addToMatrix(idsOfDay, event);
   return true;
 }
-/**
- * Delete event instance from controller.
- * @param {CalendarData} calendarData - data of calendar
- * @param {EventModel} event - event model instance to delete
- * @returns {EventModel} deleted model instance.
+/**
+ * Delete event instance from controller.
+ * @param {CalendarData} calendarData - data of calendar
+ * @param {EventModel} event - event model instance to delete
+ * @returns {EventModel} deleted model instance.
  */
 
 function deleteEvent(calendarData, event) {
@@ -8757,22 +8757,22 @@ function clearEvents(calendarData) {
   calendarData.idsOfDay = {};
   calendarData.events.clear();
 }
-/**
- * Set calendar list
- * @param {CalendarData} calendarData - data of calendar
- * @param {Array.<Calendar>} calendars - calendar list
+/**
+ * Set calendar list
+ * @param {CalendarData} calendarData - data of calendar
+ * @param {Array.<Calendar>} calendars - calendar list
  */
 
 function setCalendars(calendarData, calendars) {
   calendarData.calendars = calendars;
 }
-/**
- * Return events in supplied date range.
- *
- * available only YMD.
- * @param {CalendarData} calendarData - data of calendar
- * @param {{start: TZDate, end: TZDate}} condition - condition of find range
- * @returns {object.<string, Collection>} event collection grouped by dates.
+/**
+ * Return events in supplied date range.
+ *
+ * available only YMD.
+ * @param {CalendarData} calendarData - data of calendar
+ * @param {{start: TZDate, end: TZDate}} condition - condition of find range
+ * @returns {object.<string, Collection>} event collection grouped by dates.
  */
 
 function findByDateRange(calendarData, condition) {
@@ -9731,10 +9731,10 @@ function createViewDispatchers(set) {
 
 
 
-/**
- * Inspired by Zustand
- *
- * See more: https://github.com/pmndrs/zustand
+/**
+ * Inspired by Zustand
+ *
+ * See more: https://github.com/pmndrs/zustand
  */
 const isSSR = isUndefined_default()(window) || !window.navigator;
 const useIsomorphicLayoutEffect = isSSR ? hooks_module_ : hooks_module_h;
@@ -9826,9 +9826,9 @@ function createStoreContext() {
     }, []);
     return hasNewStateSlice ? newStateSlice : currentSliceRef.current;
   };
-  /**
-   * For handling often occurring state changes (Transient updates)
-   * See more: https://github.com/pmndrs/zustand/blob/master/readme.md#transient-updates-for-often-occuring-state-changes
+  /**
+   * For handling often occurring state changes (Transient updates)
+   * See more: https://github.com/pmndrs/zustand/blob/master/readme.md#transient-updates-for-often-occuring-state-changes
    */
 
 
@@ -9975,9 +9975,9 @@ var browser_default = /*#__PURE__*/__webpack_require__.n(browser);
  // For temporarily saving original target value
 
 const TEMP_TARGET_ATTRIBUTE = 'data-target-temp';
-/**
- * Add DOMPurify hook to handling exceptional rules for certain HTML attributes.
- * Should be set when the calendar instance is created.
+/**
+ * Add DOMPurify hook to handling exceptional rules for certain HTML attributes.
+ * Should be set when the calendar instance is created.
  */
 
 function addAttributeHooks() {
@@ -10004,16 +10004,16 @@ function addAttributeHooks() {
     }
   });
 }
-/**
- * Remove all attribute sanitizing hooks.
- * Use it in `Calendar#destroy`.
+/**
+ * Remove all attribute sanitizing hooks.
+ * Use it in `Calendar#destroy`.
  */
 
 function removeAttributeHooks() {
   browser_default().removeAllHooks();
 }
-/**
- * Prevent XSS attack by sanitizing input string values via DOMPurify
+/**
+ * Prevent XSS attack by sanitizing input string values via DOMPurify
  */
 
 function sanitize(str) {
@@ -10228,9 +10228,9 @@ function DayName(_ref3) {
 ;// CONCATENATED MODULE: ./src/selectors/theme.ts
 
 
-/**
- * Selectors for the theme state.
- * Use selectors with `useTheme` hooks only.
+/**
+ * Selectors for the theme state.
+ * Use selectors with `useTheme` hooks only.
  */
 const commonThemeSelector = topLevelStateSelector('common');
 const theme_weekThemeSelector = topLevelStateSelector('week');
@@ -10572,11 +10572,11 @@ let CellBarType;
 
 
 
-/**
- * Calculate collision group.
- * @param {Array<EventModel|EventUIModel>} events list of ui models.
- * @param {boolean} [usingTravelTime = true]
- * @returns {Array<number[]>} Collision Group.
+/**
+ * Calculate collision group.
+ * @param {Array<EventModel|EventUIModel>} events list of ui models.
+ * @param {boolean} [usingTravelTime = true]
+ * @returns {Array<number[]>} Collision Group.
  */
 function getCollisionGroup(events) {
   let usingTravelTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -10610,11 +10610,11 @@ function getCollisionGroup(events) {
   });
   return collisionGroups;
 }
-/**
- * Get row length by column index in 2d matrix.
- * @param {array[]} matrix Matrix
- * @param {number} col Column index.
- * @returns {number} Last row number in column or -1
+/**
+ * Get row length by column index in 2d matrix.
+ * @param {array[]} matrix Matrix
+ * @param {number} col Column index.
+ * @returns {number} Last row number in column or -1
  */
 
 function getLastRowInColumn(matrix, col) {
@@ -10632,12 +10632,12 @@ function getLastRowInColumn(matrix, col) {
 
   return -1;
 }
-/**
- * Calculate matrix for appointment block element placing.
- * @param {Collection} collection model collection.
- * @param {Array<number[]>} collisionGroups Collision groups for event set.
- * @param {boolean} [usingTravelTime = true]
- * @returns {array} matrices
+/**
+ * Calculate matrix for appointment block element placing.
+ * @param {Collection} collection model collection.
+ * @param {Array<number[]>} collisionGroups Collision groups for event set.
+ * @param {boolean} [usingTravelTime = true]
+ * @returns {array} matrices
  */
 
 function getMatrices(collection, collisionGroups) {
@@ -10676,11 +10676,11 @@ function getMatrices(collection, collisionGroups) {
   });
   return result;
 }
-/**
- * Filter that get event model in supplied date ranges.
- * @param {TZDate} start - start date
- * @param {TZDate} end - end date
- * @returns {function} event filter function
+/**
+ * Filter that get event model in supplied date ranges.
+ * @param {TZDate} start - start date
+ * @param {TZDate} end - end date
+ * @returns {function} event filter function
  */
 
 function getEventInDateRangeFilter(start, end) {
@@ -10695,12 +10695,12 @@ function getEventInDateRangeFilter(start, end) {
     return !(ownEnds < start || ownStarts > end);
   };
 }
-/**
- * Position each ui model for placing into container
- * @param {TZDate} start - start date to render
- * @param {TZDate} end - end date to render
- * @param {Matrix3d} matrices - matrices from controller
- * @param {function} [iteratee] - iteratee function invoke each ui models
+/**
+ * Position each ui model for placing into container
+ * @param {TZDate} start - start date to render
+ * @param {TZDate} end - end date to render
+ * @param {Matrix3d} matrices - matrices from controller
+ * @param {function} [iteratee] - iteratee function invoke each ui models
  */
 
 function positionUIModels(start, end, matrices, iteratee) {
@@ -10722,12 +10722,12 @@ function positionUIModels(start, end, matrices, iteratee) {
     });
   });
 }
-/**
- * Limit render range for ui models
- * @param {TZDate} start
- * @param {TZDate} end
- * @param {EventUIModel} uiModel - ui model instance
- * @returns {EventUIModel} ui model that limited render range
+/**
+ * Limit render range for ui models
+ * @param {TZDate} start
+ * @param {TZDate} end
+ * @param {EventUIModel} uiModel - ui model instance
+ * @returns {EventUIModel} ui model that limited render range
  */
 
 function limit(start, end, uiModel) {
@@ -10743,13 +10743,13 @@ function limit(start, end, uiModel) {
 
   return uiModel;
 }
-/**
- * Limit start, end date each ui model for render properly
- * @param {TZDate} start - start date to render
- * @param {TZDate} end - end date to render
- * @param {Collection<EventUIModel>|EventUIModel} uiModelColl - collection of EventUIModel or EventUIModel
- * @returns {?EventUIModel} return ui model when third parameter is
- *  ui model
+/**
+ * Limit start, end date each ui model for render properly
+ * @param {TZDate} start - start date to render
+ * @param {TZDate} end - end date to render
+ * @param {Collection<EventUIModel>|EventUIModel} uiModelColl - collection of EventUIModel or EventUIModel
+ * @returns {?EventUIModel} return ui model when third parameter is
+ *  ui model
  */
 
 
@@ -10764,10 +10764,10 @@ function limitRenderRange(start, end, uiModelColl) {
 
   return limit(start, end, uiModelColl);
 }
-/**
- * Convert event model collection to ui model collection.
- * @param {Collection} eventCollection - collection of event model
- * @returns {Collection} collection of event ui model
+/**
+ * Convert event model collection to ui model collection.
+ * @param {Collection} eventCollection - collection of event model
+ * @returns {Collection} collection of event ui model
  */
 
 function convertToUIModel(eventCollection) {
@@ -10787,10 +10787,10 @@ function convertToUIModel(eventCollection) {
 
 
 
-/**
- * Filter function for find allday event
- * @param {EventUIModel} uiModel - ui model
- * @returns {boolean} whether model is allday event?
+/**
+ * Filter function for find allday event
+ * @param {EventUIModel} uiModel - ui model
+ * @returns {boolean} whether model is allday event?
  */
 function _isAllday(_ref) {
   let {
@@ -10798,19 +10798,19 @@ function _isAllday(_ref) {
   } = _ref;
   return model.isAllday || model.hasMultiDates;
 }
-/**
- * Filter function for find time event
- * @param {EventUIModel} uiModel - ui model
- * @returns {boolean} whether model is time event?
+/**
+ * Filter function for find time event
+ * @param {EventUIModel} uiModel - ui model
+ * @returns {boolean} whether model is time event?
  */
 
 
 function _isNotAllday(uiModel) {
   return !_isAllday(uiModel);
 }
-/**
- * Weight top value +1 for month view render
- * @param {EventUIModel} uiModel - ui model
+/**
+ * Weight top value +1 for month view render
+ * @param {EventUIModel} uiModel - ui model
  */
 
 
@@ -10818,14 +10818,14 @@ function _weightTopValue(uiModel) {
   uiModel.top = uiModel.top || 0;
   uiModel.top += 1;
 }
-/**
- * Adjust render range to render properly.
- *
- * Limit start, end for each allday events and expand start, end for
- * each time events
- * @param {TZDate} start - render start date
- * @param {TZDate} end - render end date
- * @param {Collection} uiModelColl - collection of ui model.
+/**
+ * Adjust render range to render properly.
+ *
+ * Limit start, end for each allday events and expand start, end for
+ * each time events
+ * @param {TZDate} start - render start date
+ * @param {TZDate} end - render end date
+ * @param {Collection} uiModelColl - collection of ui model.
  */
 
 
@@ -10836,12 +10836,12 @@ function _adjustRenderRange(start, end, uiModelColl) {
     }
   });
 }
-/**
- * Get max top index value for allday events in specific date (YMD)
- * @param idsOfDay
- * @param {string} ymd - yyyymmdd formatted value
- * @param {Collection} uiModelAlldayColl - collection of allday events
- * @returns {number} max top index value in date
+/**
+ * Get max top index value for allday events in specific date (YMD)
+ * @param idsOfDay
+ * @param {string} ymd - yyyymmdd formatted value
+ * @param {Collection} uiModelAlldayColl - collection of allday events
+ * @returns {number} max top index value in date
  */
 
 
@@ -10859,10 +10859,10 @@ function _getAlldayMaxTopIndexAtYMD(idsOfDay, ymd, uiModelAlldayColl) {
 
   return 0;
 }
-/**
- * Adjust time ui model's top index value
- * @param idsOfDay
- * @param {Collection} uiModelColl - collection of ui ui model
+/**
+ * Adjust time ui model's top index value
+ * @param idsOfDay
+ * @param {Collection} uiModelColl - collection of ui ui model
  */
 
 
@@ -10881,10 +10881,10 @@ function _adjustTimeTopIndex(idsOfDay, uiModelColl) {
     maxIndexInYMD[eventYMD] = timeUIModel.top = alldayMaxTopInYMD + 1;
   });
 }
-/**
- * Adjust time ui model's top index value
- * @param {IDS_OF_DAY} idsOfDay - ids of days
- * @param {Collection} uiModelColl - collection of ui ui model
+/**
+ * Adjust time ui model's top index value
+ * @param {IDS_OF_DAY} idsOfDay - ids of days
+ * @param {Collection} uiModelColl - collection of ui ui model
  */
 
 
@@ -10920,10 +10920,10 @@ function _stackTimeFromTop(idsOfDay, uiModelColl) {
     topArrayInYMD.push(timeUIModel.top);
   });
 }
-/**
- * Convert multi-date time event to all-day event
- * @param {Collection} uiModelColl - collection of ui models.
- * property.
+/**
+ * Convert multi-date time event to all-day event
+ * @param {Collection} uiModelColl - collection of ui models.
+ * property.
  */
 
 
@@ -10942,11 +10942,11 @@ function _addMultiDatesInfo(uiModelColl) {
     }
   });
 }
-/**
- * Find event and get ui model for specific month
- * @returns {object} ui model data
- * @param calendarData
- * @param condition
+/**
+ * Find event and get ui model for specific month
+ * @returns {object} ui model data
+ * @param calendarData
+ * @param condition
  */
 
 
@@ -10993,15 +10993,15 @@ function month_findByDateRange(calendarData, condition) {
 
 
 
-/**********
- * TIME GRID VIEW
+/**********
+ * TIME GRID VIEW
  **********/
 
-/**
- * make a filter function that is not included range of start, end hour
- * @param {number} hStart - hour start
- * @param {number} hEnd - hour end
- * @returns {function} - filtering function
+/**
+ * make a filter function that is not included range of start, end hour
+ * @param {number} hStart - hour start
+ * @param {number} hEnd - hour end
+ * @returns {function} - filtering function
  */
 function _makeHourRangeFilter(hStart, hEnd) {
   // eslint-disable-next-line complexity
@@ -11018,13 +11018,13 @@ function _makeHourRangeFilter(hStart, hEnd) {
     return ownHourStartTime >= hourStart && ownHourStartTime < hourEnd || ownHourEndTime > hourStart && ownHourEndTime <= hourEnd || ownHourStartTime < hourStart && ownHourEndTime > hourStart || ownHourEndTime > hourEnd && ownHourStartTime < hourEnd;
   };
 }
-/**
- * make ui model function depending on start and end hour
- * if time view options has start or end hour condition
- * it add filter
- * @param {number} hourStart - start hour to be shown
- * @param {number} hourEnd - end hour to be shown
- * @returns {function} function
+/**
+ * make ui model function depending on start and end hour
+ * if time view options has start or end hour condition
+ * it add filter
+ * @param {number} hourStart - start hour to be shown
+ * @param {number} hourEnd - end hour to be shown
+ * @returns {function} function
  */
 
 function _makeGetUIModelFuncForTimeView(hourStart, hourEnd) {
@@ -11038,13 +11038,13 @@ function _makeGetUIModelFuncForTimeView(hourStart, hourEnd) {
     return uiModelColl.filter(_makeHourRangeFilter(hourStart, hourEnd)).sort(array.compare.event.asc);
   };
 }
-/**
- * split event model by ymd.
- * @param {IDS_OF_DAY} idsOfDay - ids of days
- * @param {TZDate} start - start date
- * @param {TZDate} end - end date
- * @param {Collection<EventUIModel>} uiModelColl - collection of ui models.
- * @returns {object.<string, Collection>} splitted event model collections.
+/**
+ * split event model by ymd.
+ * @param {IDS_OF_DAY} idsOfDay - ids of days
+ * @param {TZDate} start - start date
+ * @param {TZDate} end - end date
+ * @param {Collection<EventUIModel>} uiModelColl - collection of ui models.
+ * @returns {object.<string, Collection>} splitted event model collections.
  */
 
 function splitEventByDateRange(idsOfDay, start, end, uiModelColl) {
@@ -11067,16 +11067,16 @@ function splitEventByDateRange(idsOfDay, start, end, uiModelColl) {
   }, {});
   return result;
 }
-/**
- * create ui model for time view part
- * @param {IDS_OF_DAY} idsOfDay - model controller
- * @param {object} condition - find options
- *  @param {TZDate} condition.start - start date.
- *  @param {TZDate} condition.end - end date.
- *  @param {Collection} condition.uiModelTimeColl - collection of ui models.
- *  @param {number} condition.hourStart - start hour to be shown
- *  @param {number} condition.hourEnd - end hour to be shown
- * @returns {object} ui model for time part.
+/**
+ * create ui model for time view part
+ * @param {IDS_OF_DAY} idsOfDay - model controller
+ * @param {object} condition - find options
+ *  @param {TZDate} condition.start - start date.
+ *  @param {TZDate} condition.end - end date.
+ *  @param {Collection} condition.uiModelTimeColl - collection of ui models.
+ *  @param {number} condition.hourStart - start hour to be shown
+ *  @param {number} condition.hourEnd - end hour to be shown
+ * @returns {object} ui model for time part.
  */
 
 function getUIModelForTimeView(idsOfDay, condition) {
@@ -11104,13 +11104,13 @@ function getUIModelForTimeView(idsOfDay, condition) {
   });
   return result;
 }
-/**********
- * ALLDAY VIEW
+/**********
+ * ALLDAY VIEW
  **********/
 
-/**
- * Set hasMultiDates flag to true and set date ranges for rendering
- * @param {Collection} uiModelColl - collection of ui models.
+/**
+ * Set hasMultiDates flag to true and set date ranges for rendering
+ * @param {Collection} uiModelColl - collection of ui models.
  */
 
 function week_addMultiDatesInfo(uiModelColl) {
@@ -11123,12 +11123,12 @@ function week_addMultiDatesInfo(uiModelColl) {
     uiModel.renderEnds = toEndOfDay(model.getEnds());
   });
 }
-/**
- * create ui model for allday view part
- * @param {TZDate} start start date.
- * @param {TZDate} end end date.
- * @param {Collection} uiModelColl - ui models of allday event.
- * @returns {DayGridEventMatrix} matrix of allday event ui models.
+/**
+ * create ui model for allday view part
+ * @param {TZDate} start start date.
+ * @param {TZDate} end end date.
+ * @param {Collection} uiModelColl - ui models of allday event.
+ * @returns {DayGridEventMatrix} matrix of allday event ui models.
  */
 
 function getUIModelForAlldayView(start, end, uiModelColl) {
@@ -11146,21 +11146,21 @@ function getUIModelForAlldayView(start, end, uiModelColl) {
   positionUIModels(start, end, matrices);
   return matrices;
 }
-/**********
- * READ
+/**********
+ * READ
  **********/
 
-/**
- * Populate events in date range.
- * @param {CalendarData} calendarData - data store
- * @param {object} condition - find options
- *  @param {IDS_OF_DAY} condition.idsOfDay - model controller
- *  @param {TZDate} condition.start start date.
- *  @param {TZDate} condition.end end date.
- *  @param {Array.<object>} condition.panels - event panels like 'milestone', 'task', 'allday', 'time'
- *  @param {function[]} condition.[andFilters] - optional filters to applying search query
- *  @param {Object} condition.options - week view options
- * @returns {object} events grouped by dates.
+/**
+ * Populate events in date range.
+ * @param {CalendarData} calendarData - data store
+ * @param {object} condition - find options
+ *  @param {IDS_OF_DAY} condition.idsOfDay - model controller
+ *  @param {TZDate} condition.start start date.
+ *  @param {TZDate} condition.end end date.
+ *  @param {Array.<object>} condition.panels - event panels like 'milestone', 'task', 'allday', 'time'
+ *  @param {function[]} condition.[andFilters] - optional filters to applying search query
+ *  @param {Object} condition.options - week view options
+ * @returns {object} events grouped by dates.
  */
 
 function week_findByDateRange(calendarData, condition) {
@@ -11214,10 +11214,10 @@ function math_limit(value, minArr, maxArr) {
   const v = Math.max(value, ...minArr);
   return Math.min(v, ...maxArr);
 }
-/**
- * a : b = y : x;
- * ==
- * x = (b * y) / a;
+/**
+ * a : b = y : x;
+ * ==
+ * x = (b * y) / a;
  */
 
 function ratio(a, b, y) {
@@ -12197,10 +12197,10 @@ function useDrag(draggingItemType) {
   return handleMouseDown;
 }
 ;// CONCATENATED MODULE: ./src/utils/preact.ts
-/**
- * Pass the prop to component conditionally.
- * just passing `undefined` violates the ESLint rule, and it's less readable.
- * So let's use this function to pass the conditional prop.
+/**
+ * Pass the prop to component conditionally.
+ * just passing `undefined` violates the ESLint rule, and it's less readable.
+ * So let's use this function to pass the conditional prop.
  */
 function passConditionalProp(condition, prop) {
   // eslint-disable-next-line no-undefined
@@ -12483,37 +12483,37 @@ function HorizontalEvent(_ref4) {
 }
 ;// CONCATENATED MODULE: ./src/hooks/common/useWhen.ts
 
-/**
- * Check the condition and call the callback if the condition is true.
- * callback is always referencing the latest value
- * so that it doesn't have to register all values in the callback as deps to useEffect.
- * But it's not suitable when you need to keep tracking the value related to condition.
- *
- * @example
- * // when the condition is true, the callback is called.
- * useWhen(() => {
- *   if (shouldUpdateEvent) {
- *     // update event
- *   }
- * }, isDraggingEnd)
- *
- * @example
- * // avoid this when you need to keep updating `setGridDiff` by `currentGridPos` and `initGridPosition`.
- * useWhen(() => {
- *   // it will fire once.
- *   setGridDiff({
- *     columnIndex: currentGridPos.columnIndex - initGridPosition.columnIndex,
- *     rowIndex: currentGridPos.rowIndex - initGridPosition.rowIndex,
- *   });
- * }, isPresent(currentGridPos) && isPresent(initGridPosition));
- *
- * // You need to use `useEffect` this time.
- * useEffect(() => {
- *   setGridDiff({
- *     columnIndex: currentGridPos.columnIndex - initGridPosition.columnIndex,
- *     rowIndex: currentGridPos.rowIndex - initGridPosition.rowIndex,
- *   });
- * }, [currentGridPos, initGridPosition]);
+/**
+ * Check the condition and call the callback if the condition is true.
+ * callback is always referencing the latest value
+ * so that it doesn't have to register all values in the callback as deps to useEffect.
+ * But it's not suitable when you need to keep tracking the value related to condition.
+ *
+ * @example
+ * // when the condition is true, the callback is called.
+ * useWhen(() => {
+ *   if (shouldUpdateEvent) {
+ *     // update event
+ *   }
+ * }, isDraggingEnd)
+ *
+ * @example
+ * // avoid this when you need to keep updating `setGridDiff` by `currentGridPos` and `initGridPosition`.
+ * useWhen(() => {
+ *   // it will fire once.
+ *   setGridDiff({
+ *     columnIndex: currentGridPos.columnIndex - initGridPosition.columnIndex,
+ *     rowIndex: currentGridPos.rowIndex - initGridPosition.rowIndex,
+ *   });
+ * }, isPresent(currentGridPos) && isPresent(initGridPosition));
+ *
+ * // You need to use `useEffect` this time.
+ * useEffect(() => {
+ *   setGridDiff({
+ *     columnIndex: currentGridPos.columnIndex - initGridPosition.columnIndex,
+ *     rowIndex: currentGridPos.rowIndex - initGridPosition.rowIndex,
+ *   });
+ * }, [currentGridPos, initGridPosition]);
  */
 
 function useWhen(callback, condition) {
@@ -15449,8 +15449,8 @@ function useTimeGridEventResize(_ref) {
       columns,
       rows
     } = timeGridData;
-    /**
-     * Filter UIModels that are made from the target event.
+    /**
+     * Filter UIModels that are made from the target event.
      */
 
     const resizeTargetUIModelColumns = totalUIModels.map(uiModels => uiModels.filter(uiModel => uiModel.cid() === resizingStartUIModel.cid()));
@@ -16338,11 +16338,11 @@ const TimeColumn = compat_module_g(function TimeColumn(_ref3) {
 
 
 
-/**
- * @param date
- * @param {TZDate} [start] - start time
- * @param {TZDate} [end] - end time
- * @returns {number} The percent value represent current time between start and end
+/**
+ * @param date
+ * @param {TZDate} [start] - start time
+ * @param {TZDate} [end] - end time
+ * @returns {number} The percent value represent current time between start and end
  */
 function getTopPercentByTime(date, start, end) {
   const startTime = start.getTime();
@@ -16352,19 +16352,19 @@ function getTopPercentByTime(date, start, end) {
   const topPercent = ratio(max, 100, time);
   return math_limit(topPercent, [0], [100]);
 }
-/**
- * @typedef {Object} VerticalPositionsByTime
- * @property {number} top - top percent
- * @property {number} height - height percent
+/**
+ * @typedef {Object} VerticalPositionsByTime
+ * @property {number} top - top percent
+ * @property {number} height - height percent
  */
 
-/**
- *
- * @param {TZDate} start target time which is converted to percent value
- * @param {TZDate} end target time which is converted to percent value
- * @param {TZDate} minTime start time
- * @param {TZDate} maxTime end time
- * @returns {VerticalPositionsByTime} verticalPositions
+/**
+ *
+ * @param {TZDate} start target time which is converted to percent value
+ * @param {TZDate} end target time which is converted to percent value
+ * @param {TZDate} minTime start time
+ * @param {TZDate} maxTime end time
+ * @returns {VerticalPositionsByTime} verticalPositions
  */
 
 function getTopHeightByTime(start, end, minTime, maxTime) {
@@ -16395,12 +16395,12 @@ function setValueByUnit(time, value, unit) {
 
   return time;
 }
-/**
- * Get a previous grid time before the time
- * @param {TZDate} time - target time
- * @param slot
- * @param unit
- * @returns {TZDate} - next grid time
+/**
+ * Get a previous grid time before the time
+ * @param {TZDate} time - target time
+ * @param slot
+ * @param unit
+ * @returns {TZDate} - next grid time
  */
 
 
@@ -16421,12 +16421,12 @@ function getPrevGridTime(time, slot, unit) {
 
   return prevGridTime;
 }
-/**
- * Get a next grid time after the time
- * @param {TZDate} time - target time
- * @param slot
- * @param unit
- * @returns {TZDate} - next grid time
+/**
+ * Get a next grid time after the time
+ * @param {TZDate} time - target time
+ * @param slot
+ * @param unit
+ * @returns {TZDate} - next grid time
  */
 
 function getNextGridTime(time, slot, unit) {
@@ -16453,11 +16453,11 @@ function getNextGridTime(time, slot, unit) {
 
 const MIN_HEIGHT_PERCENT = 1;
 
-/**
- * Filter that get events in supplied date ranges.
- * @param {TZDate} startColumnTime - start date
- * @param {TZDate} endColumnTime - end date
- * @returns {function} event filter function
+/**
+ * Filter that get events in supplied date ranges.
+ * @param {TZDate} startColumnTime - start date
+ * @param {TZDate} endColumnTime - end date
+ * @returns {function} event filter function
  */
 function column_isBetween(startColumnTime, endColumnTime) {
   return uiModel => {
@@ -16703,11 +16703,11 @@ function setDuplicateEvents(uiModels, options, selectedDuplicateEventCid) {
   });
   return uiModels;
 }
-/**
- * Convert to EventUIModel and make rendering information of events
- * @param {EventUIModel[]} events - event list
- * @param {TZDate} startColumnTime - start date
- * @param {TZDate} endColumnTime - end date
+/**
+ * Convert to EventUIModel and make rendering information of events
+ * @param {EventUIModel[]} events - event list
+ * @param {TZDate} startColumnTime - start date
+ * @param {TZDate} endColumnTime - end date
  */
 
 
@@ -18007,8 +18007,8 @@ function useDayGridMonthEventResize(_ref) {
     if (type_isNil(resizingStartUIModel)) {
       return null;
     }
-    /**
-     * Filter UIModels that are made from the target event.
+    /**
+     * Filter UIModels that are made from the target event.
      */
 
 
@@ -18086,8 +18086,8 @@ function useDayGridMonthEventResize(_ref) {
   }, [canCalculateProps, currentGridPos, baseResizingInfo, rowIndex]);
   useWhen(() => {
     if (canCalculateProps) {
-      /**
-       * Is current grid position is the same or later comparing to the position of the start date?
+      /**
+       * Is current grid position is the same or later comparing to the position of the start date?
        */
       const {
         eventStartDateColumnIndex,
@@ -18607,140 +18607,140 @@ class EventBusImpl extends (customEvents_default()) {
 
 
 
-/**
- * {@link https://nhn.github.io/tui.code-snippet/latest/CustomEvents CustomEvents} document at {@link https://github.com/nhn/tui.code-snippet tui-code-snippet}
- * @typedef {CustomEvents} CustomEvents
+/**
+ * {@link https://nhn.github.io/tui.code-snippet/latest/CustomEvents CustomEvents} document at {@link https://github.com/nhn/tui.code-snippet tui-code-snippet}
+ * @typedef {CustomEvents} CustomEvents
  */
 
-/**
- * Define Calendars to group events.
- *
- * @typedef {object} CalendarInfo
- * @property {string} id - Calendar id.
- * @property {string} name - Calendar name.
- * @property {string} color - Text color of events.
- * @property {string} borderColor - Left border color of events.
- * @property {string} backgroundColor - Background color of events.
- * @property {string} dragBackgroundColor - Background color of events during dragging.
+/**
+ * Define Calendars to group events.
+ *
+ * @typedef {object} CalendarInfo
+ * @property {string} id - Calendar id.
+ * @property {string} name - Calendar name.
+ * @property {string} color - Text color of events.
+ * @property {string} borderColor - Left border color of events.
+ * @property {string} backgroundColor - Background color of events.
+ * @property {string} dragBackgroundColor - Background color of events during dragging.
  */
 
-/**
- * Timezone options of the calendar instance.
- *
- * For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#timezone|Timezone options} in guide.
- *
- * @typedef {object} TimezoneOptions
- * @example
- * const calendar = new Calendar('#container', {
- *   timezone: {
- *     // @property {string} zones[].timezoneName - Timezone name. it should be one of IANA timezone names.
- *     // @property {string} [zones[].displayLabel] - Display label of timezone.
- *     // @property {string} [zones[].tooltip] - Tooltip of the element of the display label.
- *     zones: [
- *       {
- *         timezoneName: 'Asia/Seoul',
- *         displayLabel: 'UTC+9:00',
- *         tooltip: 'Seoul'
- *       },
- *       {
- *         timezoneName: 'Europe/London',
- *         displayLabel: 'UTC+1:00',
- *         tooltip: 'BST'
- *       }
- *     ],
- *     // This function will be called for rendering components for each timezone.
- *     // You don't have to use it if you're able to `Intl.DateTimeFormat` API with `timeZone` option.
- *     // this function should return timezone offset from UTC.
- *     // for instance, using moment-timezone:
- *     customOffsetCalculator: (timezoneName, timestamp) => {
- *       return moment.tz(timezoneName).utcOffset(timestamp);
- *     }
- *   }
- * });
- * @property {Array.<object>} zones - Timezone data.
- * @property {string} zones[].timezoneName - Timezone name. it should be one of IANA timezone names.
- * @property {string} [zones[].displayLabel] - Display label of timezone.
- * @property {string} [zones[].tooltip] - Tooltip of the element of the display label.
- * @property {function} customOffsetCalculator - Custom offset calculator when you're not able to leverage `Intl.DateTimeFormat` API.
+/**
+ * Timezone options of the calendar instance.
+ *
+ * For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#timezone|Timezone options} in guide.
+ *
+ * @typedef {object} TimezoneOptions
+ * @example
+ * const calendar = new Calendar('#container', {
+ *   timezone: {
+ *     // @property {string} zones[].timezoneName - Timezone name. it should be one of IANA timezone names.
+ *     // @property {string} [zones[].displayLabel] - Display label of timezone.
+ *     // @property {string} [zones[].tooltip] - Tooltip of the element of the display label.
+ *     zones: [
+ *       {
+ *         timezoneName: 'Asia/Seoul',
+ *         displayLabel: 'UTC+9:00',
+ *         tooltip: 'Seoul'
+ *       },
+ *       {
+ *         timezoneName: 'Europe/London',
+ *         displayLabel: 'UTC+1:00',
+ *         tooltip: 'BST'
+ *       }
+ *     ],
+ *     // This function will be called for rendering components for each timezone.
+ *     // You don't have to use it if you're able to `Intl.DateTimeFormat` API with `timeZone` option.
+ *     // this function should return timezone offset from UTC.
+ *     // for instance, using moment-timezone:
+ *     customOffsetCalculator: (timezoneName, timestamp) => {
+ *       return moment.tz(timezoneName).utcOffset(timestamp);
+ *     }
+ *   }
+ * });
+ * @property {Array.<object>} zones - Timezone data.
+ * @property {string} zones[].timezoneName - Timezone name. it should be one of IANA timezone names.
+ * @property {string} [zones[].displayLabel] - Display label of timezone.
+ * @property {string} [zones[].tooltip] - Tooltip of the element of the display label.
+ * @property {function} customOffsetCalculator - Custom offset calculator when you're not able to leverage `Intl.DateTimeFormat` API.
  */
 
-/**
- * Object to create/modify events.
- * @typedef {object} EventObject
- * @property {string} [id] - Event id.
- * @property {string} [calendarId] - Calendar id.
- * @property {string} [title] - Event title.
- * @property {string} [body] - Body content of the event.
- * @property {string} [isAllday] - Whether the event is all day or not.
- * @property {string|number|Date|TZDate} [start] - Start time of the event.
- * @property {string|number|Date|TZDate} [end] - End time of the event.
- * @property {number} [goingDuration] - Travel time which is taken to go in minutes.
- * @property {number} [comingDuration] - Travel time which is taken to come back in minutes.
- * @property {string} [location] - Location of the event.
- * @property {Array.<string>} [attendees] - Attendees of the event.
- * @property {string} [category] - Category of the event. Available categories are 'milestone', 'task', 'time' and 'allday'.
- * @property {string} [dueDateClass] - Classification of work events. (before work, before lunch, before work)
- * @property {string} [recurrenceRule] - Recurrence rule of the event.
- * @property {string} [state] - State of the event. Available states are 'Busy', 'Free'.
- * @property {boolean} [isVisible] - Whether the event is visible or not.
- * @property {boolean} [isPending] - Whether the event is pending or not.
- * @property {boolean} [isFocused] - Whether the event is focused or not.
- * @property {boolean} [isReadOnly] - Whether the event is read only or not.
- * @property {boolean} [isPrivate] - Whether the event is private or not.
- * @property {string} [color] - Text color of the event.
- * @property {string} [backgroundColor] - Background color of the event.
- * @property {string} [dragBackgroundColor] - Background color of the event during dragging.
- * @property {string} [borderColor] - Left border color of the event.
- * @property {object} [customStyle] - Custom style of the event. The key of CSS property should be camelCase (e.g. {'fontSize': '12px'})
- * @property {*} [raw] - Raw data of the event. it's an arbitrary property for anything.
+/**
+ * Object to create/modify events.
+ * @typedef {object} EventObject
+ * @property {string} [id] - Event id.
+ * @property {string} [calendarId] - Calendar id.
+ * @property {string} [title] - Event title.
+ * @property {string} [body] - Body content of the event.
+ * @property {string} [isAllday] - Whether the event is all day or not.
+ * @property {string|number|Date|TZDate} [start] - Start time of the event.
+ * @property {string|number|Date|TZDate} [end] - End time of the event.
+ * @property {number} [goingDuration] - Travel time which is taken to go in minutes.
+ * @property {number} [comingDuration] - Travel time which is taken to come back in minutes.
+ * @property {string} [location] - Location of the event.
+ * @property {Array.<string>} [attendees] - Attendees of the event.
+ * @property {string} [category] - Category of the event. Available categories are 'milestone', 'task', 'time' and 'allday'.
+ * @property {string} [dueDateClass] - Classification of work events. (before work, before lunch, before work)
+ * @property {string} [recurrenceRule] - Recurrence rule of the event.
+ * @property {string} [state] - State of the event. Available states are 'Busy', 'Free'.
+ * @property {boolean} [isVisible] - Whether the event is visible or not.
+ * @property {boolean} [isPending] - Whether the event is pending or not.
+ * @property {boolean} [isFocused] - Whether the event is focused or not.
+ * @property {boolean} [isReadOnly] - Whether the event is read only or not.
+ * @property {boolean} [isPrivate] - Whether the event is private or not.
+ * @property {string} [color] - Text color of the event.
+ * @property {string} [backgroundColor] - Background color of the event.
+ * @property {string} [dragBackgroundColor] - Background color of the event during dragging.
+ * @property {string} [borderColor] - Left border color of the event.
+ * @property {object} [customStyle] - Custom style of the event. The key of CSS property should be camelCase (e.g. {'fontSize': '12px'})
+ * @property {*} [raw] - Raw data of the event. it's an arbitrary property for anything.
  */
 
-/**
- * CalendarCore class
- *
- * @class CalendarCore
- * @mixes CustomEvents
- * @param {string|Element} container - container element or selector.
- * @param {object} options - calendar options. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/calendar.md|Calendar options} in guide.
- *   @param {string} [options.defaultView="week"] - Initial view type. Available values are: 'day', 'week', 'month'.
- *   @param {boolean} [options.useFormPopup=false] - Whether to use the default form popup when creating/modifying events.
- *   @param {boolean} [options.useDetailPopup=false] - Whether to use the default detail popup when clicking events.
- *   @param {boolean} [options.isReadOnly=false] - Whether the calendar is read-only.
- *   @param {boolean} [options.usageStatistics=true] - Whether to allow collect hostname and send the information to google analytics.
- *                                              For more information, check out the {@link https://github.com/nhn/tui.calendar/blob/main/apps/calendar/README.md#collect-statistics-on-the-use-of-open-source|documentation}.
- *   @param {function} [options.eventFilter] - A function that returns true if the event should be displayed. The default filter checks if the event's `isVisible` property is true.
- *   @param {object} [options.week] - Week option of the calendar instance.
- *     @param {number} [options.week.startDayOfWeek=0] - Start day of the week. Available values are 0 (Sunday) to 6 (Saturday).
- *     @param {Array.<string>} [options.week.dayNames] - Names of days of the week. Should be 7 items starting from Sunday to Saturday. If not specified, the default names are used.
- *                                               Default values are ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].
- *     @param {boolean} [options.week.workweek=false] - Whether to exclude Saturday and Sunday.
- *     @param {boolean} [options.week.showTimezoneCollapseButton=true] - Whether to show the timezone collapse button.
- *     @param {boolean} [options.week.timezonesCollapsed=false] - Whether to collapse the timezones.
- *     @param {number} [options.week.hourStart=0] - Start hour of the day. Available values are 0 to 24.
- *     @param {number} [options.week.hourEnd=24] - End hour of the day. Available values are 0 to 24. Must be greater than `hourStart`.
- *     @param {boolean} [options.week.narrowWeekend=false] - Whether to narrow down width of weekends to half.
- *     @param {boolean|Array.<string>} [options.week.eventView=true] - Determine which view to display events. Available values are 'allday' and 'time'. set to `false` to disable event view.
- *     @param {boolean|Array.<string>} [options.week.taskView=true] - Determine which view to display tasks. Available values are 'milestone' and 'task'. set to `false` to disable task view.
- *     @param {boolean|object} [options.week.collapseDuplicateEvents=false] - Whether to collapse duplicate events. If you want to filter duplicate events and choose the main event based on your requirements, set `getDuplicateEvents` and `getMainEvent`. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#weekcollapseduplicateevents|Options} in guide.
- *   @param {object} options.month - Month option of the calendar instance.
- *     @param {number} [options.month.startDayOfWeek=0] - Start day of the week. Available values are 0 (Sunday) to 6 (Saturday).
- *     @param {Array.<string>} [options.month.dayNames] - Names of days of the week. Should be 7 items starting from Sunday to Saturday. If not specified, the default names are used.
- *                                                Default values are ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].
- *     @param {boolean} [options.month.workweek=false] - Whether to exclude Saturday and Sunday.
- *     @param {boolean} [options.month.narrowWeekend=false] - Whether to narrow down width of weekends to half.
- *     @param {number} [options.month.visibleWeeksCount=0] - Number of weeks to display. 0 means display all weeks.
- *   @param {Array.<CalendarInfo>} [options.calendars] - Calendars to group events.
- *   @param {boolean|object} [options.gridSelection=true] - Whether to enable grid selection. or it's option. it's enabled when the value is `true` and object and will be disabled when `isReadOnly` is true.
- *     @param {boolean} options.gridSelection.enableDbClick - Whether to enable double click to select area.
- *     @param {boolean} options.gridSelection.enableClick - Whether to enable click to select area.
- *   @param {TimezoneOptions} options.timezone - Timezone option of the calendar instance. For more information about timezone, check out the {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md|Options} in guide.
- *   @param {Theme} options.theme - Theme option of the calendar instance. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/theme.md|Theme} in guide.
- *   @param {TemplateConfig} options.template - Template option of the calendar instance. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/template.md|Template} in guide.
+/**
+ * CalendarCore class
+ *
+ * @class CalendarCore
+ * @mixes CustomEvents
+ * @param {string|Element} container - container element or selector.
+ * @param {object} options - calendar options. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/calendar.md|Calendar options} in guide.
+ *   @param {string} [options.defaultView="week"] - Initial view type. Available values are: 'day', 'week', 'month'.
+ *   @param {boolean} [options.useFormPopup=false] - Whether to use the default form popup when creating/modifying events.
+ *   @param {boolean} [options.useDetailPopup=false] - Whether to use the default detail popup when clicking events.
+ *   @param {boolean} [options.isReadOnly=false] - Whether the calendar is read-only.
+ *   @param {boolean} [options.usageStatistics=true] - Whether to allow collect hostname and send the information to google analytics.
+ *                                              For more information, check out the {@link https://github.com/nhn/tui.calendar/blob/main/apps/calendar/README.md#collect-statistics-on-the-use-of-open-source|documentation}.
+ *   @param {function} [options.eventFilter] - A function that returns true if the event should be displayed. The default filter checks if the event's `isVisible` property is true.
+ *   @param {object} [options.week] - Week option of the calendar instance.
+ *     @param {number} [options.week.startDayOfWeek=0] - Start day of the week. Available values are 0 (Sunday) to 6 (Saturday).
+ *     @param {Array.<string>} [options.week.dayNames] - Names of days of the week. Should be 7 items starting from Sunday to Saturday. If not specified, the default names are used.
+ *                                               Default values are ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].
+ *     @param {boolean} [options.week.workweek=false] - Whether to exclude Saturday and Sunday.
+ *     @param {boolean} [options.week.showTimezoneCollapseButton=true] - Whether to show the timezone collapse button.
+ *     @param {boolean} [options.week.timezonesCollapsed=false] - Whether to collapse the timezones.
+ *     @param {number} [options.week.hourStart=0] - Start hour of the day. Available values are 0 to 24.
+ *     @param {number} [options.week.hourEnd=24] - End hour of the day. Available values are 0 to 24. Must be greater than `hourStart`.
+ *     @param {boolean} [options.week.narrowWeekend=false] - Whether to narrow down width of weekends to half.
+ *     @param {boolean|Array.<string>} [options.week.eventView=true] - Determine which view to display events. Available values are 'allday' and 'time'. set to `false` to disable event view.
+ *     @param {boolean|Array.<string>} [options.week.taskView=true] - Determine which view to display tasks. Available values are 'milestone' and 'task'. set to `false` to disable task view.
+ *     @param {boolean|object} [options.week.collapseDuplicateEvents=false] - Whether to collapse duplicate events. If you want to filter duplicate events and choose the main event based on your requirements, set `getDuplicateEvents` and `getMainEvent`. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#weekcollapseduplicateevents|Options} in guide.
+ *   @param {object} options.month - Month option of the calendar instance.
+ *     @param {number} [options.month.startDayOfWeek=0] - Start day of the week. Available values are 0 (Sunday) to 6 (Saturday).
+ *     @param {Array.<string>} [options.month.dayNames] - Names of days of the week. Should be 7 items starting from Sunday to Saturday. If not specified, the default names are used.
+ *                                                Default values are ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].
+ *     @param {boolean} [options.month.workweek=false] - Whether to exclude Saturday and Sunday.
+ *     @param {boolean} [options.month.narrowWeekend=false] - Whether to narrow down width of weekends to half.
+ *     @param {number} [options.month.visibleWeeksCount=0] - Number of weeks to display. 0 means display all weeks.
+ *   @param {Array.<CalendarInfo>} [options.calendars] - Calendars to group events.
+ *   @param {boolean|object} [options.gridSelection=true] - Whether to enable grid selection. or it's option. it's enabled when the value is `true` and object and will be disabled when `isReadOnly` is true.
+ *     @param {boolean} options.gridSelection.enableDbClick - Whether to enable double click to select area.
+ *     @param {boolean} options.gridSelection.enableClick - Whether to enable click to select area.
+ *   @param {TimezoneOptions} options.timezone - Timezone option of the calendar instance. For more information about timezone, check out the {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md|Options} in guide.
+ *   @param {Theme} options.theme - Theme option of the calendar instance. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/theme.md|Theme} in guide.
+ *   @param {TemplateConfig} options.template - Template option of the calendar instance. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/template.md|Template} in guide.
  */
 class CalendarCore {
-  /**
-   * start and end date of weekly, monthly
-   * @private
+  /**
+   * start and end date of weekly, monthly
+   * @private
    */
   constructor(container) {
     var _document$querySelect, _document;
@@ -18768,8 +18768,8 @@ class CalendarCore {
     const dispatchers = this.store.getState().dispatch;
     return group ? dispatchers[group] : dispatchers;
   }
-  /**
-   * Destroys the instance.
+  /**
+   * Destroys the instance.
    */
 
 
@@ -18856,27 +18856,27 @@ class CalendarCore {
       }
     };
   }
-  /**
-   * Move the rendered date to the next/prev range.
-   *
-   * The range of movement differs depending on the current view, Basically:
-   *   - In month view, it moves to the next/prev month.
-   *   - In week view, it moves to the next/prev week.
-   *   - In day view, it moves to the next/prev day.
-   *
-   * Also, the range depends on the options like how many visible weeks/months should be rendered.
-   *
-   * @param {number} offset The offset to move by.
-   *
-   * @example
-   * // Move to the next month in month view.
-   * calendar.move(1);
-   *
-   * // Move to the next year in month view.
-   * calendar.move(12);
-   *
-   * // Move to yesterday in day view.
-   * calendar.move(-1);
+  /**
+   * Move the rendered date to the next/prev range.
+   *
+   * The range of movement differs depending on the current view, Basically:
+   *   - In month view, it moves to the next/prev month.
+   *   - In week view, it moves to the next/prev week.
+   *   - In day view, it moves to the next/prev day.
+   *
+   * Also, the range depends on the options like how many visible weeks/months should be rendered.
+   *
+   * @param {number} offset The offset to move by.
+   *
+   * @example
+   * // Move to the next month in month view.
+   * calendar.move(1);
+   *
+   * // Move to the next year in month view.
+   * calendar.move(12);
+   *
+   * // Move to yesterday in day view.
+   * calendar.move(-1);
    */
 
 
@@ -18926,34 +18926,34 @@ class CalendarCore {
     setRenderDate(calculatedRenderDate.renderDate);
     this.renderRange = calculatedRenderDate.renderRange;
   }
-  /**********
-   * CRUD Methods
+  /**********
+   * CRUD Methods
    **********/
 
-  /**
-   * Create events and render calendar.
-   * @param {Array.<EventObject>} events - list of {@link EventObject}
-   * @example
-   * calendar.createEvents([
-   *   {
-   *     id: '1',
-   *     calendarId: '1',
-   *     title: 'my event',
-   *     category: 'time',
-   *     dueDateClass: '',
-   *     start: '2018-01-18T22:30:00+09:00',
-   *     end: '2018-01-19T02:30:00+09:00',
-   *   },
-   *   {
-   *     id: '2',
-   *     calendarId: '1',
-   *     title: 'second event',
-   *     category: 'time',
-   *     dueDateClass: '',
-   *     start: '2018-01-18T17:30:00+09:00',
-   *     end: '2018-01-19T17:31:00+09:00',
-   *   },
-   * ]);
+  /**
+   * Create events and render calendar.
+   * @param {Array.<EventObject>} events - list of {@link EventObject}
+   * @example
+   * calendar.createEvents([
+   *   {
+   *     id: '1',
+   *     calendarId: '1',
+   *     title: 'my event',
+   *     category: 'time',
+   *     dueDateClass: '',
+   *     start: '2018-01-18T22:30:00+09:00',
+   *     end: '2018-01-19T02:30:00+09:00',
+   *   },
+   *   {
+   *     id: '2',
+   *     calendarId: '1',
+   *     title: 'second event',
+   *     category: 'time',
+   *     dueDateClass: '',
+   *     start: '2018-01-18T17:30:00+09:00',
+   *     end: '2018-01-19T17:31:00+09:00',
+   *   },
+   * ]);
    */
 
 
@@ -18976,17 +18976,17 @@ class CalendarCore {
       return id === eventId && eventCalendarId === calendarId;
     });
   }
-  /**
-   * Get an {@link EventObject} with event's id and calendar's id.
-   *
-   * @param {string} eventId - event's id
-   * @param {string} calendarId - calendar's id of the event
-   * @returns {EventObject|null} event. If the event can't be found, it returns null.
-   *
-   * @example
-   * const event = calendar.getEvent(eventId, calendarId);
-   *
-   * console.log(event.title);
+  /**
+   * Get an {@link EventObject} with event's id and calendar's id.
+   *
+   * @param {string} eventId - event's id
+   * @param {string} calendarId - calendar's id of the event
+   * @returns {EventObject|null} event. If the event can't be found, it returns null.
+   *
+   * @example
+   * const event = calendar.getEvent(eventId, calendarId);
+   *
+   * console.log(event.title);
    */
 
 
@@ -18995,19 +18995,19 @@ class CalendarCore {
 
     return (_this$getEventModel$t = (_this$getEventModel = this.getEventModel(eventId, calendarId)) === null || _this$getEventModel === void 0 ? void 0 : _this$getEventModel.toEventObject()) !== null && _this$getEventModel$t !== void 0 ? _this$getEventModel$t : null;
   }
-  /**
-   * Update an event.
-   *
-   * @param {string} eventId - ID of an event to update
-   * @param {string} calendarId - The calendarId of the event to update
-   * @param {EventObject} changes - The new {@link EventObject} data to apply to the event
-   *
-   * @example
-   * calendar.on('beforeUpdateEvent', function ({ event, changes }) {
-   *   const { id, calendarId } = event;
-   *
-   *   calendar.updateEvent(id, calendarId, changes);
-   * });
+  /**
+   * Update an event.
+   *
+   * @param {string} eventId - ID of an event to update
+   * @param {string} calendarId - The calendarId of the event to update
+   * @param {EventObject} changes - The new {@link EventObject} data to apply to the event
+   *
+   * @example
+   * calendar.on('beforeUpdateEvent', function ({ event, changes }) {
+   *   const { id, calendarId } = event;
+   *
+   *   calendar.updateEvent(id, calendarId, changes);
+   * });
    */
 
 
@@ -19024,11 +19024,11 @@ class CalendarCore {
       });
     }
   }
-  /**
-   * Delete an event.
-   *
-   * @param {string} eventId - event's id to delete
-   * @param {string} calendarId - The CalendarId of the event to delete
+  /**
+   * Delete an event.
+   *
+   * @param {string} eventId - event's id to delete
+   * @param {string} calendarId - The CalendarId of the event to delete
    */
 
 
@@ -19042,15 +19042,15 @@ class CalendarCore {
       deleteEvent(event);
     }
   }
-  /**********
-   * General Methods
+  /**********
+   * General Methods
    **********/
 
-  /**
-   * Set events' visibility by calendar ID
-   *
-   * @param {string|Array.<string>} calendarId - The calendar id or ids to change visibility
-   * @param {boolean} isVisible - If set to true, show the events. If set to false, hide the events.
+  /**
+   * Set events' visibility by calendar ID
+   *
+   * @param {string|Array.<string>} calendarId - The calendar id or ids to change visibility
+   * @param {boolean} isVisible - If set to true, show the events. If set to false, hide the events.
    */
 
 
@@ -19061,17 +19061,17 @@ class CalendarCore {
     const calendarIds = Array.isArray(calendarId) ? calendarId : [calendarId];
     setCalendarVisibility(calendarIds, isVisible);
   }
-  /**
-   * Render the calendar.
-   *
-   * @example
-   * calendar.render();
-   *
-   * @example
-   * // Re-render the calendar when resizing a window.
-   * window.addEventListener('resize', () => {
-   *   calendar.render();
-   * });
+  /**
+   * Render the calendar.
+   *
+   * @example
+   * calendar.render();
+   *
+   * @example
+   * // Re-render the calendar when resizing a window.
+   * window.addEventListener('resize', () => {
+   *   calendar.render();
+   * });
    */
 
 
@@ -19086,10 +19086,10 @@ class CalendarCore {
 
     return this;
   }
-  /**
-   * For SSR(Server Side Rendering), Return the HTML string of the whole calendar.
-   *
-   * @returns {string} HTML string
+  /**
+   * For SSR(Server Side Rendering), Return the HTML string of the whole calendar.
+   *
+   * @returns {string} HTML string
    */
 
 
@@ -19100,11 +19100,11 @@ class CalendarCore {
       eventBus: this.eventBus
     }, this.getComponent()));
   }
-  /**
-   * Delete all events and clear view
-   *
-   * @example
-   * calendar.clear();
+  /**
+   * Delete all events and clear view
+   *
+   * @example
+   * calendar.clear();
    */
 
 
@@ -19114,15 +19114,15 @@ class CalendarCore {
     } = this.getStoreDispatchers('calendar');
     clearEvents();
   }
-  /**
-   * Scroll to current time on today in case of daily, weekly view.
-   * Nothing happens in the monthly view.
-   *
-   * @example
-   * function onNewEvents(events) {
-   *   calendar.createEvents(events);
-   *   calendar.scrollToNow('smooth');
-   * }
+  /**
+   * Scroll to current time on today in case of daily, weekly view.
+   * Nothing happens in the monthly view.
+   *
+   * @example
+   * function onNewEvents(events) {
+   *   calendar.createEvents(events);
+   *   calendar.scrollToNow('smooth');
+   * }
    */
 
 
@@ -19165,13 +19165,13 @@ class CalendarCore {
 
     return newRenderRange;
   }
-  /**
-   * Move to today.
-   *
-   * @example
-   * function onClickTodayBtn() {
-   *   calendar.today();
-   * }
+  /**
+   * Move to today.
+   *
+   * @example
+   * function onClickTodayBtn() {
+   *   calendar.today();
+   * }
    */
 
 
@@ -19183,19 +19183,19 @@ class CalendarCore {
     setRenderDate(today);
     this.renderRange = this.calculateRenderRange(today);
   }
-  /**
-   * Move to specific date.
-   *
-   * @param {Date|string|number|TZDate} date - The date to move. it should be eligible parameter to create a `Date` instance if `date` is string or number.
-   * @example
-   * calendar.on('clickDayName', (event) => {
-   *   if (calendar.getViewName() === 'week') {
-   *     const dateToMove = new Date(event.date);
-   *
-   *     calendar.setDate(dateToMove);
-   *     calendar.changeView('day');
-   *   }
-   * });
+  /**
+   * Move to specific date.
+   *
+   * @param {Date|string|number|TZDate} date - The date to move. it should be eligible parameter to create a `Date` instance if `date` is string or number.
+   * @example
+   * calendar.on('clickDayName', (event) => {
+   *   if (calendar.getViewName() === 'week') {
+   *     const dateToMove = new Date(event.date);
+   *
+   *     calendar.setDate(dateToMove);
+   *     calendar.changeView('day');
+   *   }
+   * });
    */
 
 
@@ -19207,69 +19207,69 @@ class CalendarCore {
     setRenderDate(dateToChange);
     this.renderRange = this.calculateRenderRange(dateToChange);
   }
-  /**
-   * Move the calendar forward to the next range.
-   *
-   * @example
-   * function moveToNextOrPrevRange(offset) {
-   *   if (offset === -1) {
-   *     calendar.prev();
-   *   } else if (offset === 1) {
-   *     calendar.next();
-   *   }
-   * }
+  /**
+   * Move the calendar forward to the next range.
+   *
+   * @example
+   * function moveToNextOrPrevRange(offset) {
+   *   if (offset === -1) {
+   *     calendar.prev();
+   *   } else if (offset === 1) {
+   *     calendar.next();
+   *   }
+   * }
    */
 
 
   next() {
     this.move(1);
   }
-  /**
-   * Move the calendar backward to the previous range.
-   *
-   * @example
-   * function moveToNextOrPrevRange(offset) {
-   *   if (offset === -1) {
-   *     calendar.prev();
-   *   } else if (offset === 1) {
-   *     calendar.next();
-   *   }
-   * }
+  /**
+   * Move the calendar backward to the previous range.
+   *
+   * @example
+   * function moveToNextOrPrevRange(offset) {
+   *   if (offset === -1) {
+   *     calendar.prev();
+   *   } else if (offset === 1) {
+   *     calendar.next();
+   *   }
+   * }
    */
 
 
   prev() {
     this.move(-1);
   }
-  /**
-   * Change color values of events belong to a certain calendar.
-   *
-   * @param {string} calendarId - The calendar ID
-   * @param {object} colorOptions - The color values of the calendar
-   *   @param {string} colorOptions.color - The text color of the events
-   *   @param {string} colorOptions.borderColor - Left border color of events
-   *   @param {string} colorOptions.backgroundColor - Background color of events
-   *   @param {string} colorOptions.dragBackgroundColor - Background color of events during dragging
-   *
-   * @example
-   * calendar.setCalendarColor('1', {
-   *     color: '#e8e8e8',
-   *     backgroundColor: '#585858',
-   *     borderColor: '#a1b56c',
-   *     dragBackgroundColor: '#585858',
-   * });
-   * calendar.setCalendarColor('2', {
-   *     color: '#282828',
-   *     backgroundColor: '#dc9656',
-   *     borderColor: '#a1b56c',
-   *     dragBackgroundColor: '#dc9656',
-   * });
-   * calendar.setCalendarColor('3', {
-   *     color: '#a16946',
-   *     backgroundColor: '#ab4642',
-   *     borderColor: '#a1b56c',
-   *     dragBackgroundColor: '#ab4642',
-   * });
+  /**
+   * Change color values of events belong to a certain calendar.
+   *
+   * @param {string} calendarId - The calendar ID
+   * @param {object} colorOptions - The color values of the calendar
+   *   @param {string} colorOptions.color - The text color of the events
+   *   @param {string} colorOptions.borderColor - Left border color of events
+   *   @param {string} colorOptions.backgroundColor - Background color of events
+   *   @param {string} colorOptions.dragBackgroundColor - Background color of events during dragging
+   *
+   * @example
+   * calendar.setCalendarColor('1', {
+   *     color: '#e8e8e8',
+   *     backgroundColor: '#585858',
+   *     borderColor: '#a1b56c',
+   *     dragBackgroundColor: '#585858',
+   * });
+   * calendar.setCalendarColor('2', {
+   *     color: '#282828',
+   *     backgroundColor: '#dc9656',
+   *     borderColor: '#a1b56c',
+   *     dragBackgroundColor: '#dc9656',
+   * });
+   * calendar.setCalendarColor('3', {
+   *     color: '#a16946',
+   *     backgroundColor: '#ab4642',
+   *     borderColor: '#a1b56c',
+   *     dragBackgroundColor: '#ab4642',
+   * });
    */
 
 
@@ -19279,20 +19279,20 @@ class CalendarCore {
     } = this.getStoreDispatchers().calendar;
     setCalendarColor(calendarId, colorOptions);
   }
-  /**
-   * Change current view type.
-   *
-   * @param {string} viewName - The new view name to change to. Available values are 'month', 'week', 'day'.
-   *
-   * @example
-   * // change to daily view
-   * calendar.changeView('day');
-   *
-   * // change to weekly view
-   * calendar.changeView('week');
-   *
-   * // change to monthly view
-   * calendar.changeView('month');
+  /**
+   * Change current view type.
+   *
+   * @param {string} viewName - The new view name to change to. Available values are 'month', 'week', 'day'.
+   *
+   * @example
+   * // change to daily view
+   * calendar.changeView('day');
+   *
+   * // change to weekly view
+   * calendar.changeView('week');
+   *
+   * // change to monthly view
+   * calendar.changeView('month');
    */
 
 
@@ -19303,17 +19303,17 @@ class CalendarCore {
     changeView(viewName);
     this.renderRange = this.calculateRenderRange(this.getDate());
   }
-  /**
-   * Get the DOM element of the event by event id and calendar id
-   *
-   * @param {string} eventId - ID of event
-   * @param {string} calendarId - calendarId of event
-   * @returns {HTMLElement} event element if found or null
-   *
-   * @example
-   * const element = calendar.getElement(eventId, calendarId);
-   *
-   * console.log(element);
+  /**
+   * Get the DOM element of the event by event id and calendar id
+   *
+   * @param {string} eventId - ID of event
+   * @param {string} calendarId - calendarId of event
+   * @returns {HTMLElement} event element if found or null
+   *
+   * @example
+   * const element = calendar.getElement(eventId, calendarId);
+   *
+   * console.log(element);
    */
 
 
@@ -19326,29 +19326,29 @@ class CalendarCore {
 
     return null;
   }
-  /**
-   * Set the theme of the calendar.
-   *
-   * @param {Theme} theme - The theme object to apply. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/theme.md|Theme} in guide.
-   *
-   * @example
-   * calendar.setTheme({
-   *   common: {
-   *     gridSelection: {
-   *       backgroundColor: '#333',
-   *     },
-   *   },
-   *   week: {
-   *     nowIndicatorLabel: {
-   *       color: '#00FF00',
-   *     },
-   *   },
-   *   month: {
-   *     dayName: {
-   *       borderLeft: '1px solid #e5e5e5',
-   *     },
-   *   },
-   * });
+  /**
+   * Set the theme of the calendar.
+   *
+   * @param {Theme} theme - The theme object to apply. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/theme.md|Theme} in guide.
+   *
+   * @example
+   * calendar.setTheme({
+   *   common: {
+   *     gridSelection: {
+   *       backgroundColor: '#333',
+   *     },
+   *   },
+   *   week: {
+   *     nowIndicatorLabel: {
+   *       color: '#00FF00',
+   *     },
+   *   },
+   *   month: {
+   *     dayName: {
+   *       borderLeft: '1px solid #e5e5e5',
+   *     },
+   *   },
+   * });
    */
 
 
@@ -19358,10 +19358,10 @@ class CalendarCore {
     } = this.theme.getState().dispatch;
     setTheme(theme);
   }
-  /**
-   * Get current options.
-   *
-   * @returns {Options} - The current options of the instance
+  /**
+   * Get current options.
+   *
+   * @returns {Options} - The current options of the instance
    */
 
 
@@ -19379,10 +19379,10 @@ class CalendarCore {
       theme
     };
   }
-  /**
-   * Set options of calendar. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md|Options} in guide.
-   *
-   * @param {Options} options - The options to set
+  /**
+   * Set options of calendar. For more information, see {@link https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md|Options} in guide.
+   *
+   * @param {Options} options - The options to set
    */
 
 
@@ -19415,10 +19415,10 @@ class CalendarCore {
 
     setOptions(restOptions);
   }
-  /**
-   * Get current rendered date. (see {@link TZDate} for further information)
-   *
-   * @returns {TZDate}
+  /**
+   * Get current rendered date. (see {@link TZDate} for further information)
+   *
+   * @returns {TZDate}
    */
 
 
@@ -19428,30 +19428,30 @@ class CalendarCore {
     } = this.getStoreState().view;
     return renderDate;
   }
-  /**
-   * Start time of rendered date range. (see {@link TZDate} for further information)
-   *
-   * @returns {TZDate}
+  /**
+   * Start time of rendered date range. (see {@link TZDate} for further information)
+   *
+   * @returns {TZDate}
    */
 
 
   getDateRangeStart() {
     return this.renderRange.start;
   }
-  /**
-   * End time of rendered date range. (see {@link TZDate} for further information)
-   *
-   * @returns {TZDate}
+  /**
+   * End time of rendered date range. (see {@link TZDate} for further information)
+   *
+   * @returns {TZDate}
    */
 
 
   getDateRangeEnd() {
     return this.renderRange.end;
   }
-  /**
-   * Get current view name('day', 'week', 'month').
-   *
-   * @returns {string} current view name ('day', 'week', 'month')
+  /**
+   * Get current view name('day', 'week', 'month').
+   *
+   * @returns {string} current view name ('day', 'week', 'month')
    */
 
 
@@ -19461,10 +19461,10 @@ class CalendarCore {
     } = this.getStoreState('view');
     return currentView;
   }
-  /**
-   * Set calendar list.
-   *
-   * @param {CalendarInfo[]} calendars - list of calendars
+  /**
+   * Set calendar list.
+   *
+   * @param {CalendarInfo[]} calendars - list of calendars
    */
 
 
@@ -19475,10 +19475,10 @@ class CalendarCore {
     setCalendars(calendars);
   } // TODO: specify position of popup
 
-  /**
-   * Open event form popup with predefined form values.
-   *
-   * @param {EventObject} event - The predefined {@link EventObject} data to show in form.
+  /**
+   * Open event form popup with predefined form values.
+   *
+   * @param {EventObject} event - The predefined {@link EventObject} data to show in form.
    */
 
 
@@ -19552,12 +19552,12 @@ class CalendarCore {
 function isValidViewType(viewType) {
   return !!Object.values(VIEW_TYPE).find(type => type === viewType);
 }
-/**
- * Calendar class
- *
- * @class Calendar
- * @extends CalendarCore
- * @param {object} options - Calendar options. Check out {@link CalendarCore} for more information.
+/**
+ * Calendar class
+ *
+ * @class Calendar
+ * @extends CalendarCore
+ * @param {object} options - Calendar options. Check out {@link CalendarCore} for more information.
  */