@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/collection/components/cura-calendar/cura-calendar.js

@@ -0,0 +1,681 @@
+import { h, Host } from "@stencil/core";
+import { getMonth, getYear, startOfMonth, endOfMonth, eachDayOfInterval, format, getDay, isBefore, isAfter, isSameDay, isToday, parseISO, addDays, addMonths, subDays, startOfYear, eachMonthOfInterval, startOfWeek, endOfWeek, subMonths, isValid } from "date-fns";
+import enAU from "date-fns/locale/en-AU";
+import ptBR from "date-fns/locale/pt-BR";
+export class CuraCalendar {
+    constructor() {
+        this.theme = window.CuraAPI.theme;
+        this.weights = this.theme.fonts.getWeights();
+        this.optionsLocale = { 'pt-BR': ptBR, 'en-US': enAU };
+        this.period = [];
+        this.width = '300px';
+        this.mode = 'single';
+        this.dateFormat = 'yyyy-MM-dd';
+        this.locale = 'pt-BR';
+        this.type = 'dropdown';
+        this.disable = [];
+        this.enable = [];
+        this.defaultDate = [];
+        this.limitRange = null;
+        this.currentDate = new Date();
+        this.selectedDates = [];
+        this.rangeStart = null;
+        this.defaultDates = [];
+        this.selectMonth = '';
+        this.selectYear = '';
+        this.styles = {};
+    }
+    connectedCallback() {
+        this.initializeDefaultDates();
+        this.setFontProperties();
+        const colors = [
+            { name: '--accent-base', theme: 'accent-base' },
+            { name: '--accent-light', theme: 'accent-light' },
+            { name: '--neutral-black', theme: 'neutral-black' },
+            { name: '--primary-darker', theme: 'primary-darker' },
+            { name: '--neutral-dark', theme: 'neutral-dark' },
+            { name: '--neutral-light', theme: 'neutral-light' },
+        ];
+        colors.forEach(color => this.styles = Object.assign(Object.assign({}, this.styles), { [color.name]: this.theme.colors.getColor(color.theme) }));
+    }
+    setFontProperties() {
+        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
+        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
+        this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
+        this.styles['--font-weight-medium'] = this.weights.medium;
+        this.styles['--font-weight-bold'] = this.weights.bold;
+        this.styles['--font-weight-regular'] = this.weights.regular;
+    }
+    /**
+     * Initialize the selected dates based on defaultDate and mode.
+     */
+    initializeDefaultDates() {
+        this.defaultDates = this.expandDateRanges(this.defaultDate);
+    }
+    /**
+   * Get the locale for the calendar.
+   *
+   * @returns {Locale} The locale object.
+   */
+    determineLocale() {
+        return this.optionsLocale[this.locale] || this.locale;
+    }
+    /**
+   * Check if a date is within the valid period.
+   *
+   * @param {Date} date - The date to check.
+   * @returns {boolean} Whether the date is valid.
+   */
+    isDateInValidPeriod(date) {
+        return this.period.includes(format(date, this.dateFormat));
+    }
+    /**
+     * Check if a date is selected.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is selected.
+     */
+    isDateSelected(date) {
+        return this.isDateInList(this.selectedDates, date);
+    }
+    /**
+     * Check if has date in defaultDates.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is selected.
+     */
+    isDateInDefaultSelection(date) {
+        return this.isDateInList(this.defaultDates, date);
+    }
+    /**
+     * Check if a date is within a disabled period.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is disabled.
+     */
+    isDateInDisabledPeriod(date) {
+        return this.isDateInList(this.expandDateRanges(this.disable), date);
+    }
+    /**
+     * Check if a date is within an enabled period.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is enabled.
+     */
+    isDateInEnabledPeriod(date) {
+        if (this.enable.length === 0)
+            return true;
+        return this.isDateInList(this.expandDateRanges(this.enable), date);
+    }
+    /**
+   * Checks if a date is in the provided list of dates.
+   *
+   * @param {Date[]} dates - The list of dates to check against.
+   * @param {Date} date - The date to check.
+   * @returns {boolean} Whether the date is in the list.
+   */
+    isDateInList(dates, date) {
+        return dates.some(d => isSameDay(d, date));
+    }
+    /**
+     * Removes a specific date from a list of dates.
+     *
+     * @param {Date[]} dates - The array of dates to filter.
+     * @param {Date} dateToRemove - The date to remove from the array.
+     * @returns {Date[]} A new array with the specified date removed.
+     */
+    removeDateFromSelection(dates, dateToRemove) {
+        return dates.filter(d => !isSameDay(d, dateToRemove));
+    }
+    /**
+     * Change the current month.
+     *
+     * @param {string} direction - 'prev' | 'next'
+     */
+    updateCurrentMonth(direction) {
+        let newMonth = new Date(this.currentDate);
+        if (direction === 'prev')
+            newMonth = subMonths(this.currentDate, 1);
+        if (direction === 'next')
+            newMonth = addMonths(this.currentDate, 1);
+        this.currentDate = newMonth;
+    }
+    /**
+     * Handle the month dropdown change.
+     *
+     * @param {CustomEvent} event - The change event.
+     */
+    onMonthDropdownChange(event) {
+        const { months } = this.fetchMonthNames();
+        const newMonth = event.detail.value;
+        this.selectMonth = newMonth;
+        this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
+    }
+    /**
+     * Handle the year input change.
+     *
+     * @param {CustomEvent} event - The change event.
+     */
+    onYearDropdownChange(event) {
+        const newYear = event.detail.value;
+        this.selectYear = newYear;
+        this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);
+    }
+    /**
+     * Flatten date ranges into individual dates.
+     *
+     * @param {({ from: string; to: string } | string)[]} dates - An array of date ranges or individual dates.
+     * @returns {Date[]} An array of individual dates.
+     */
+    expandDateRanges(dates) {
+        return dates.flatMap(date => {
+            if (typeof date === 'string')
+                return isValid(parseISO(date)) ? [parseISO(date)] : [];
+            const start = parseISO(date.from);
+            const end = parseISO(date.to);
+            if (isValid(start) && isValid(end) && start <= end)
+                return eachDayOfInterval({ start, end });
+            return [];
+        });
+    }
+    /**
+     * Handle single date selection.
+     *
+     * @param {Date} date - The date to select.
+     */
+    selectSingleDate(date) {
+        this.defaultDates = [];
+        this.selectedDates = [date];
+    }
+    /**
+     * Handle multiple date selection.
+     *
+     * @param {Date} date - The date to select or deselect.
+     */
+    selectMultiplesDate(date) {
+        if (!this.isDateSelected(date) || !this.isDateInDefaultSelection(date))
+            return this.selectedDates = [...this.selectedDates, date];
+        this.selectedDates = this.removeDateFromSelection(this.selectedDates, date);
+        this.defaultDates = this.removeDateFromSelection(this.defaultDates, date);
+    }
+    /**
+     * Handle range date selection.
+     *
+     * @param {Date} date - The date to select.
+     */
+    selectDateRange(date) {
+        this.defaultDates = [];
+        const start = isBefore(this.rangeStart, date) ? this.rangeStart : date;
+        const end = isAfter(this.rangeStart, date) ? this.rangeStart : date;
+        const range = eachDayOfInterval({ start, end });
+        if (!this.rangeStart || this.selectedDates.length === 2) {
+            this.rangeStart = date;
+            this.selectedDates = [date];
+            return;
+        }
+        if (this.limitRange === null || range.length <= this.limitRange) {
+            this.selectedDates = range;
+            this.rangeStart = null;
+        }
+    }
+    /**
+     * Handle a click on a date.
+     *
+     * @param {Date} date - The date that was clicked.
+     */
+    onDateClick(date) {
+        if (!this.isDateInValidPeriod(date) || this.isDateInDisabledPeriod(date) || !this.isDateInEnabledPeriod(date))
+            return;
+        const selectionHandlers = {
+            single: this.selectSingleDate.bind(this),
+            multiple: this.selectMultiplesDate.bind(this),
+            range: this.selectDateRange.bind(this)
+        };
+        selectionHandlers[this.mode](date);
+        this.onchangeday.emit({ days: [...this.defaultDates, ...this.selectedDates].filter(d => this.isDateInValidPeriod(d)) });
+    }
+    /**
+    * Get the days of the week.
+    *
+    * @returns {string[]} An array of abbreviated day names.
+    */
+    fetchWeekDays() {
+        const start = startOfWeek(new Date(2021, 0, 3), { locale: this.determineLocale() });
+        const end = endOfWeek(new Date(2021, 0, 3), { locale: this.determineLocale() });
+        return eachDayOfInterval({ start, end }).map(day => format(day, 'EEEEEE', { locale: this.determineLocale() }));
+    }
+    /**
+     * Get the days of the current month, including leading nulls for alignment.
+     *
+     * @returns {(Date | null)[]} An array of dates and nulls for the current month view.
+     */
+    fetchDaysOfMonth() {
+        const start = startOfMonth(this.currentDate);
+        const end = endOfMonth(this.currentDate);
+        const WEEKS_IN_CALENDAR_VIEW = 6;
+        const DAYS_IN_CALENDAR_VIEW = 42;
+        const daysIncurrentDate = eachDayOfInterval({ start, end });
+        const prevMonthStart = startOfMonth(addMonths(start, -1));
+        const prevMonthEnd = endOfMonth(prevMonthStart);
+        const daysInPrevMonth = eachDayOfInterval({
+            start: subDays(prevMonthEnd, getDay(start)),
+            end: prevMonthEnd
+        });
+        const nextMonthStart = startOfMonth(addMonths(end, 1));
+        const nextMonthEnd = endOfMonth(nextMonthStart);
+        const remainingDays = WEEKS_IN_CALENDAR_VIEW - getDay(end);
+        const daysInNextMonth = eachDayOfInterval({
+            start: nextMonthStart,
+            end: addDays(nextMonthEnd, remainingDays)
+        });
+        const totalDays = [
+            ...daysInPrevMonth.slice(-getDay(start)),
+            ...daysIncurrentDate,
+            ...daysInNextMonth
+        ];
+        return totalDays.slice(0, DAYS_IN_CALENDAR_VIEW);
+    }
+    /**
+     * Get the names of all months in the current year.
+     *
+     * @returns {{ months: string[], currentMonth: string }} An object containing an array of month names and the name of the current month.
+     */
+    fetchMonthNames() {
+        const currentYear = getYear(this.currentDate);
+        const locale = this.determineLocale();
+        const months = eachMonthOfInterval({
+            start: startOfYear(new Date(currentYear, 0, 1)),
+            end: new Date(currentYear, 11, 31)
+        }).map(month => format(month, 'MMMM', { locale }));
+        const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+        return {
+            months: months.map(capitalize),
+        };
+    }
+    /**
+     * Get a list of years in descending order from the current year to a specified limit.
+     *
+     * @returns {number[]} An array of years.
+     */
+    fetchYearList() {
+        const currentYear = getYear(new Date());
+        return Array.from({ length: 100 }, (_, i) => currentYear - i);
+    }
+    /**
+    * Get the color for the previous button.
+    *
+    * @returns {string} The color name for the previous button.
+    */
+    determinePrevButtonColor() {
+        const isPrevDisabled = isBefore(new Date(getYear(this.currentDate), getMonth(this.currentDate) - 1, 1), startOfMonth(new Date()));
+        return isPrevDisabled ? 'neutral-light' : 'primary-base';
+    }
+    /**
+    * Get the status of a given date, determining its position and interval status.
+    *
+    * @param {Date | null} date - The date to evaluate.
+    * @returns {Object} An object containing the status flags for the date.
+    */
+    getDateStatus(date) {
+        const [startSelected, endSelected] = [this.selectedDates[0], this.selectedDates[this.selectedDates.length - 1]];
+        const [startDefault, endDefault] = [this.defaultDates[0], this.defaultDates[this.defaultDates.length - 1]];
+        const hasSelectedDates = this.selectedDates.length > 1;
+        const isDateInDefaultSelection = this.defaultDates.length > 1;
+        const isStartSelected = this.isDateSelected(date) && isSameDay(date, startSelected);
+        const isStartDefault = this.isDateInDefaultSelection(date) && isSameDay(date, startDefault);
+        const isEndSelected = this.isDateSelected(date) && isSameDay(date, endSelected);
+        const isEndDefault = this.isDateInDefaultSelection(date) && isSameDay(date, endDefault);
+        const isStart = isStartSelected || isStartDefault;
+        const isEnd = isEndSelected || isEndDefault;
+        const selectedIntervals = this.expandDateRanges([{ from: startSelected === null || startSelected === void 0 ? void 0 : startSelected.toISOString(), to: endSelected === null || endSelected === void 0 ? void 0 : endSelected.toISOString() }]);
+        const defaultIntervals = this.expandDateRanges([{ from: startDefault === null || startDefault === void 0 ? void 0 : startDefault.toISOString(), to: endDefault === null || endDefault === void 0 ? void 0 : endDefault.toISOString() }]);
+        const intervalSelected = hasSelectedDates && this.isDateInList(selectedIntervals, date);
+        const intervalDefault = isDateInDefaultSelection && this.isDateInList(defaultIntervals, date);
+        const isValid = this.isDateInValidPeriod(date);
+        const isInvalid = !isValid || this.isDateInDisabledPeriod(date) || !this.isDateInEnabledPeriod(date);
+        const isSelected = this.isDateSelected(date);
+        const isRange = this.mode === 'range' && (hasSelectedDates || isDateInDefaultSelection);
+        const isDefault = this.mode !== 'range' && this.isDateInDefaultSelection(date);
+        const isInterval = (intervalSelected || intervalDefault) && !isStart && !isEnd;
+        return {
+            isStart,
+            isEnd,
+            isValid,
+            isInvalid,
+            isSelected,
+            isRange,
+            isDefault,
+            isInterval
+        };
+    }
+    /**
+     * Get the CSS classes for a given date based on its status.
+     *
+     * @param {Date | null} date - The date to evaluate.
+     * @returns {Object} An object containing the CSS classes for the date.
+     */
+    getClasses(date) {
+        const classes = { 'date': true };
+        if (date === null)
+            return classes;
+        const dateStatus = this.getDateStatus(date);
+        classes['today'] = isToday(date);
+        classes['valid'] = dateStatus.isValid;
+        classes['invalid'] = dateStatus.isInvalid;
+        classes['selected'] = dateStatus.isSelected;
+        classes['range'] = dateStatus.isRange;
+        classes['default-dates'] = dateStatus.isDefault;
+        classes['start'] = dateStatus.isStart;
+        classes['interval'] = dateStatus.isInterval;
+        classes['end'] = dateStatus.isEnd;
+        return classes;
+    }
+    /**
+     * Get custom CSS properties for the host element.
+     *
+     * @returns {Object} An object containing CSS properties and their values.
+     */
+    getHostCSSProperties() {
+        return {
+            '--width': this.width,
+        };
+    }
+    render() {
+        const { months } = this.fetchMonthNames();
+        return (h(Host, { key: '7219f5c7370d5f51eaca3893ee5d9378b3bb9cf5', style: this.getHostCSSProperties() }, h("div", { key: 'c1a1a5f3af3c1f782e8db1b768e4d2c3d00e7cfe', class: "calendar", style: this.styles }, h("header", { key: 'a31b15cb3c58a952476370fe10fd546083e3de13', class: "header" }, h("div", { key: '0f4f3113996c4d43477ef9dbed3f94b54f0f1e18', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, h("cura-icon", { key: '1aab96a34d0265cf18d54c77d0f874e11e1ebbfc', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", color: this.determinePrevButtonColor(), onClick: () => this.updateCurrentMonth('prev') }), this.type === 'dropdown' ? (h("div", { class: "select" }, h("cura-select", { class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: (e) => this.onMonthDropdownChange(e) }, months.map((month, index) => (h("cura-select-option", { key: index, value: month }, month)))), h("cura-select", { class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: (e) => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (h("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (h("cura-label", { color: "neutral-black", size: "large" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), h("cura-icon", { key: 'bbf1cabd623f27736c1acb29479f8bd3e4d9d465', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", color: "primary-base", onClick: () => this.updateCurrentMonth('next') }))), h("span", { key: '05eb9071b488607a2e6a40b687a074150382e81e', class: "days-of-week" }, this.fetchWeekDays().map((day, index) => (h("cura-label", { class: "day", size: "xsmall", color: "neutral-black", weight: 'bold', key: index }, day === 'sab' ? 'SÁB' : day.toLocaleUpperCase())))), h("div", { key: '1a107295063579356f75ee714b712cb265e408eb', class: "dates" }, this.fetchDaysOfMonth().map((day, index) => (h("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))))));
+    }
+    static get is() { return "cura-calendar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["cura-calendar.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["cura-calendar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "period": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[] | string",
+                    "resolved": "string | string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string[] | string}"
+                        }, {
+                            "name": "default",
+                            "text": "[]"
+                        }, {
+                            "name": "example",
+                            "text": "// Example usage\nperiod = [\"2024-08-01\", \"2024-08-30\"];"
+                        }],
+                    "text": "An array of specific dates to be highlighted or processed."
+                },
+                "attribute": "period",
+                "reflect": true,
+                "defaultValue": "[]"
+            },
+            "width": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string}"
+                        }, {
+                            "name": "default",
+                            "text": "'300px'"
+                        }],
+                    "text": "Width of the component."
+                },
+                "attribute": "width",
+                "reflect": true,
+                "defaultValue": "'300px'"
+            },
+            "mode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'single' | 'multiple' | 'range'",
+                    "resolved": "\"multiple\" | \"range\" | \"single\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{'single' | 'multiple' | 'range'}"
+                        }, {
+                            "name": "default",
+                            "text": "'single'"
+                        }],
+                    "text": "Selection mode of the date picker."
+                },
+                "attribute": "mode",
+                "reflect": true,
+                "defaultValue": "'single'"
+            },
+            "dateFormat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string}"
+                        }, {
+                            "name": "default",
+                            "text": "'yyyy-MM-dd'"
+                        }],
+                    "text": "Date format used for display and parsing."
+                },
+                "attribute": "date-format",
+                "reflect": true,
+                "defaultValue": "'yyyy-MM-dd'"
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'pt-BR' | 'en-US'",
+                    "resolved": "\"en-US\" | \"pt-BR\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{'pt-BR' | 'en-US'}"
+                        }, {
+                            "name": "default",
+                            "text": "'pt-BR'"
+                        }],
+                    "text": "Locale for date formatting."
+                },
+                "attribute": "locale",
+                "reflect": true,
+                "defaultValue": "'pt-BR'"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'dropdown' | 'static'",
+                    "resolved": "\"dropdown\" | \"static\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{'dropdown' | 'static'}"
+                        }, {
+                            "name": "default",
+                            "text": "'dropdown'"
+                        }],
+                    "text": "Display type of the date picker."
+                },
+                "attribute": "type",
+                "reflect": true,
+                "defaultValue": "'dropdown'"
+            },
+            "disable": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string[]}"
+                        }, {
+                            "name": "default",
+                            "text": "[]"
+                        }],
+                    "text": "List of dates to disable."
+                },
+                "defaultValue": "[]"
+            },
+            "enable": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string[]}"
+                        }, {
+                            "name": "default",
+                            "text": "[]"
+                        }],
+                    "text": "List of dates to enable."
+                },
+                "defaultValue": "[]"
+            },
+            "defaultDate": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string[]}"
+                        }, {
+                            "name": "default",
+                            "text": "[]"
+                        }],
+                    "text": "Default dates selected on initialization."
+                },
+                "defaultValue": "[]"
+            },
+            "limitRange": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | null",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{Date | null}"
+                        }, {
+                            "name": "default",
+                            "text": "null"
+                        }],
+                    "text": "Limits the selectable date range."
+                },
+                "attribute": "limit-range",
+                "reflect": true,
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "currentDate": {},
+            "selectedDates": {},
+            "rangeStart": {},
+            "defaultDates": {},
+            "selectMonth": {},
+            "selectYear": {},
+            "styles": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "onchangeday",
+                "name": "onchangeday",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "event",
+                            "text": undefined
+                        }, {
+                            "name": "type",
+                            "text": "{EventEmitter<{ days: Date[] }>}"
+                        }],
+                    "text": "Event emitted when a day is changed."
+                },
+                "complexType": {
+                    "original": "{ days: Date[] }",
+                    "resolved": "{ days: Date[]; }",
+                    "references": {
+                        "Date": {
+                            "location": "global",
+                            "id": "global::Date"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=cura-calendar.js.map