@ui5/webcomponents 0.0.0-a3eca7ade → 0.0.0-a8e886a07

package/dist/Calendar.js

@@ -1,9 +1,19 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import fastNavigation from "@ui5/webcomponents-base/dist/decorators/fastNavigation.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import transformDateToSecondaryType from "@ui5/webcomponents-localization/dist/dates/transformDateToSecondaryType.js";
+import convertMonthNumbersToMonthNames from "@ui5/webcomponents-localization/dist/dates/convertMonthNumbersToMonthNames.js";
 import CalendarDate from "@ui5/webcomponents-localization/dist/dates/CalendarDate.js";
 import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
-import {
-	isF4,
-	isF4Shift,
-} from "@ui5/webcomponents-base/dist/Keys.js";
+import { isF4, isF4Shift, } from "@ui5/webcomponents-base/dist/Keys.js";
 import getCachedLocaleDataInstance from "@ui5/webcomponents-localization/dist/getCachedLocaleDataInstance.js";
 import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
 import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
@@ -14,118 +24,12 @@ import DayPicker from "./DayPicker.js";
 import MonthPicker from "./MonthPicker.js";
 import YearPicker from "./YearPicker.js";
 import CalendarSelectionMode from "./types/CalendarSelectionMode.js";
-
 // Default calendar for bundling
 import "@ui5/webcomponents-localization/dist/features/calendar/Gregorian.js";
-
 // Template
 import CalendarTemplate from "./generated/templates/CalendarTemplate.lit.js";
-
 // Styles
 import calendarCSS from "./generated/themes/Calendar.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-calendar",
-	fastNavigation: true,
-	properties: /** @lends  sap.ui.webcomponents.main.Calendar.prototype */ {
-		/**
-		 * Defines the type of selection used in the calendar component.
-		 * Accepted property values are:<br>
-		 * <ul>
-		 * <li><code>CalendarSelectionMode.Single</code> - enables a single date selection.(default value)</li>
-		 * <li><code>CalendarSelectionMode.Range</code> - enables selection of a date range.</li>
-		 * <li><code>CalendarSelectionMode.Multiple</code> - enables selection of multiple dates.</li>
-		 * </ul>
-		 * @type {CalendarSelectionMode}
-		 * @defaultvalue "Single"
-		 * @public
-		 */
-		selectionMode: {
-			type: CalendarSelectionMode,
-			defaultValue: CalendarSelectionMode.Single,
-		},
-
-		/**
-		 * Defines the visibility of the week numbers column.
-		 * <br><br>
-		 *
-		 * <b>Note:</b> For calendars other than Gregorian,
-		 * the week numbers are not displayed regardless of what is set.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		hideWeekNumbers: {
-			type: Boolean,
-		},
-
-		/**
-		 * Which picker is currently visible to the user: day/month/year
-		 */
-		_currentPicker: {
-			type: String,
-			defaultValue: "day",
-		},
-
-		_previousButtonDisabled: {
-			type: Boolean,
-		},
-
-		_nextButtonDisabled: {
-			type: Boolean,
-		},
-
-		_headerMonthButtonText: {
-			type: String,
-		},
-
-		_headerYearButtonText: {
-			type: String,
-		},
-	},
-	managedSlots: true,
-	slots: /** @lends  sap.ui.webcomponents.main.Calendar.prototype */ {
-		/**
-		 * Defines the selected date or dates (depending on the <code>selectionMode</code> property) for this calendar as instances of <code>ui5-date</code>
-		 *
-		 * @type {sap.ui.webcomponents.main.ICalendarDate[]}
-		 * @slot dates
-		 * @public
-		 */
-		"default": {
-			propertyName: "dates",
-			type: HTMLElement,
-			invalidateOnChildChange: true,
-		},
-	},
-	events: /** @lends  sap.ui.webcomponents.main.Calendar.prototype */ {
-		/**
-		 * Fired when the selected dates change.
-		 * <b>Note:</b> If you call <code>preventDefault()</code> for this event, the component will not
-		 * create instances of <code>ui5-date</code> for the newly selected dates. In that case you should do this manually.
-		 *
-		 * @event sap.ui.webcomponents.main.Calendar#selected-dates-change
-		 * @allowPreventDefault
-		 * @param {Array} values The selected dates
-		 * @param {Array} dates The selected dates as UTC timestamps
-		 * @public
-		 */
-		"selected-dates-change": {
-			detail: {
-				dates: { type: Array },
-				values: { type: Array },
-			},
-		},
-
-		"show-month-press": {},
-		"show-year-press": {},
-	},
-};
-
 /**
  * @class
  *
@@ -233,264 +137,264 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.Calendar
- * @extends CalendarPart
+ * @alias sap.ui.webc.main.Calendar
+ * @extends sap.ui.webc.main.CalendarPart
  * @tagname ui5-calendar
  * @appenddocs CalendarDate
  * @public
  * @since 1.0.0-rc.11
  */
-class Calendar extends CalendarPart {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get template() {
-		return CalendarTemplate;
-	}
-
-	static get styles() {
-		return calendarCSS;
-	}
-
-	/**
-	 * @private
-	 */
-	get _selectedDatesTimestamps() {
-		return this.dates.map(date => {
-			const value = date.value;
-			return value && !!this.getFormat().parse(value) ? this._getTimeStampFromString(value) / 1000 : undefined;
-		}).filter(date => !!date);
-	}
-
-	/**
-	 * @private
-	 */
-	_setSelectedDates(selectedDates) {
-		const selectedValues = selectedDates.map(timestamp => this.getFormat().format(new Date(timestamp * 1000), true)); // Format as UTC
-		const valuesInDOM = [...this.dates].map(dateElement => dateElement.value);
-
-		// Remove all elements for dates that are no longer selected
-		this.dates.filter(dateElement => !selectedValues.includes(dateElement.value)).forEach(dateElement => {
-			this.removeChild(dateElement);
-		});
-
-		// Create tags for the selected dates that don't already exist in DOM
-		selectedValues.filter(value => !valuesInDOM.includes(value)).forEach(value => {
-			const dateElement = document.createElement(CalendarDateComponent.default.getMetadata().getTag());
-			dateElement.value = value;
-			this.appendChild(dateElement);
-		});
-	}
-
-	async onAfterRendering() {
-		await renderFinished(); // Await for the current picker to render and then ask if it has previous/next pages
-		this._previousButtonDisabled = !this._currentPickerDOM._hasPreviousPage();
-		this._nextButtonDisabled = !this._currentPickerDOM._hasNextPage();
-
-		const yearFormat = DateFormat.getDateInstance({ format: "y", calendarType: this.primaryCalendarType });
-		const localeData = getCachedLocaleDataInstance(getLocale());
-		this._headerMonthButtonText = localeData.getMonths("wide", this.primaryCalendarType)[this._calendarDate.getMonth()];
-
-		if (this._currentPicker === "year") {
-			const rangeStart = new CalendarDate(this._calendarDate, this._primaryCalendarType);
-			const rangeEnd = new CalendarDate(this._calendarDate, this._primaryCalendarType);
-			rangeStart.setYear(this._currentPickerDOM._firstYear);
-			rangeEnd.setYear(this._currentPickerDOM._lastYear);
-
-			this._headerYearButtonText = `${yearFormat.format(rangeStart.toLocalJSDate(), true)} - ${yearFormat.format(rangeEnd.toLocalJSDate(), true)}`;
-		} else {
-			this._headerYearButtonText = String(yearFormat.format(this._localDate, true));
-		}
-	}
-
-	/**
-	 * The user clicked the "month" button in the header
-	 */
-	onHeaderShowMonthPress(event) {
-		this._currentPickerDOM._autoFocus = false;
-		this._currentPicker = "month";
-		this.fireEvent("show-month-press", event);
-	}
-
-	/**
-	 * The user clicked the "year" button in the header
-	 */
-	onHeaderShowYearPress(event) {
-		this._currentPickerDOM._autoFocus = false;
-		this._currentPicker = "year";
-		this.fireEvent("show-year-press", event);
-	}
-
-	get _currentPickerDOM() {
-		return this.shadowRoot.querySelector(`[ui5-${this._currentPicker}picker]`);
-	}
-
-	/**
-	 * The year clicked the "Previous" button in the header
-	 */
-	onHeaderPreviousPress() {
-		this._currentPickerDOM._showPreviousPage();
-	}
-
-	/**
-	 * The year clicked the "Next" button in the header
-	 */
-	onHeaderNextPress() {
-		this._currentPickerDOM._showNextPage();
-	}
-
-	get secondaryCalendarTypeButtonText() {
-		if (!this.secondaryCalendarType) {
-			return;
-		}
-
-		const localDate = new Date(this._timestamp * 1000);
-		const secondYearFormat = DateFormat.getDateInstance({ format: "y", calendarType: this.secondaryCalendarType });
-		const secondMonthInfo = this._getDisplayedSecondaryMonthText();
-		const secondYearText = secondYearFormat.format(localDate, true);
-		return {
-			yearButtonText: secondYearText,
-			monthButtonText: secondMonthInfo.text,
-			monthButtonInfo: secondMonthInfo.info,
-		};
-	}
-
-	_getDisplayedSecondaryMonthText() {
-		const month = this._getDisplayedSecondaryMonths();
-		const localeData = getCachedLocaleDataInstance(getLocale());
-		const pattern = localeData.getIntervalPattern();
-		const secondaryMonthsNames = getCachedLocaleDataInstance(getLocale()).getMonthsStandAlone("abbreviated", this.secondaryCalendarType);
-		const secondaryMonthsNamesWide = getCachedLocaleDataInstance(getLocale()).getMonthsStandAlone("wide", this.secondaryCalendarType);
-
-		if (month.startMonth === month.endMonth) {
-			return {
-				text: localeData.getMonths("abbreviated", this.secondaryCalendarType)[month.startMonth],
-				textInfo: localeData.getMonths("wide", this.secondaryCalendarType)[month.startMonth],
-			};
-		}
-
-		return {
-			text: pattern.replace(/\{0\}/, secondaryMonthsNames[month.startMonth]).replace(/\{1\}/, secondaryMonthsNames[month.endMonth]),
-			textInfo: pattern.replace(/\{0\}/, secondaryMonthsNamesWide[month.startMonth]).replace(/\{1\}/, secondaryMonthsNamesWide[month.endMonth]),
-		};
-	}
-
-	_getDisplayedSecondaryMonths() {
-		const localDate = new Date(this._timestamp * 1000);
-		let firstDate = CalendarDate.fromLocalJSDate(localDate, this._primaryCalendarType);
-		firstDate.setDate(1);
-		firstDate = new CalendarDate(firstDate, this.secondaryCalendarType);
-		const startMonth = firstDate.getMonth();
-
-		let lastDate = CalendarDate.fromLocalJSDate(localDate, this._primaryCalendarType);
-		lastDate.setDate(this._getDaysInMonth(lastDate));
-		lastDate = new CalendarDate(lastDate, this.secondaryCalendarType);
-		const endMonth = lastDate.getMonth();
-
-		return { startMonth, endMonth };
-	}
-
-	_getDaysInMonth(date) {
-		const tempCalendarDate = new CalendarDate(date);
-		tempCalendarDate.setDate(1);
-		tempCalendarDate.setMonth(tempCalendarDate.getMonth() + 1);
-		tempCalendarDate.setDate(0);
-		return tempCalendarDate.getDate();
-	}
-
-	/**
-	 * The month button is hidden when the month picker or year picker is shown
-	 * @returns {boolean}
-	 * @private
-	 */
-	get _isHeaderMonthButtonHidden() {
-		return this._currentPicker === "month" || this._currentPicker === "year";
-	}
-
-	get _isDayPickerHidden() {
-		return this._currentPicker !== "day";
-	}
-
-	get _isMonthPickerHidden() {
-		return this._currentPicker !== "month";
-	}
-
-	get _isYearPickerHidden() {
-		return this._currentPicker !== "year";
-	}
-
-	onSelectedDatesChange(event) {
-		const timestamp = event.detail.timestamp;
-		const selectedDates = event.detail.dates;
-		const datesValues = selectedDates.map(ts => {
-			const calendarDate = CalendarDate.fromTimestamp(ts * 1000, this._primaryCalendarType);
-			return this.getFormat().format(calendarDate.toUTCJSDate(), true);
-		});
-
-		this.timestamp = timestamp;
-		const defaultPrevented = !this.fireEvent("selected-dates-change", { timestamp, dates: [...selectedDates], values: datesValues }, true);
-		if (!defaultPrevented) {
-			this._setSelectedDates(selectedDates);
-		}
-	}
-
-	onSelectedMonthChange(event) {
-		this.timestamp = event.detail.timestamp;
-		this._currentPicker = "day";
-		this._currentPickerDOM._autoFocus = true;
-	}
-
-	onSelectedYearChange(event) {
-		this.timestamp = event.detail.timestamp;
-		this._currentPicker = "day";
-		this._currentPickerDOM._autoFocus = true;
-	}
-
-	onNavigate(event) {
-		this.timestamp = event.detail.timestamp;
-	}
-
-	_onkeydown(event) {
-		if (isF4(event) && this._currentPicker !== "month") {
-			this._currentPicker = "month";
-		}
-
-		if (isF4Shift(event) && this._currentPicker !== "year") {
-			this._currentPicker = "year";
-		}
-	}
-
-	/**
-	 * Returns an array of UTC timestamps, representing the selected dates.
-	 * @protected
-	 * @deprecated
-	 */
-	get selectedDates() {
-		return this._selectedDatesTimestamps;
-	}
-
-	/**
-	 * Creates instances of <code>ui5-date</code> inside this <code>ui5-calendar</code> with values, equal to the provided UTC timestamps
-	 * @protected
-	 * @deprecated
-	 * @param selectedDates Array of UTC timestamps
-	 */
-	set selectedDates(selectedDates) {
-		this._setSelectedDates(selectedDates);
-	}
-
-	static get dependencies() {
-		return [
-			CalendarDateComponent.default,
-			CalendarHeader,
-			DayPicker,
-			MonthPicker,
-			YearPicker,
-		];
-	}
-}
-
+let Calendar = class Calendar extends CalendarPart {
+    static get template() {
+        return CalendarTemplate;
+    }
+    static get styles() {
+        return calendarCSS;
+    }
+    /**
+     * @private
+     */
+    get _selectedDatesTimestamps() {
+        return this.dates.map(date => {
+            const value = date.value;
+            // <b>Note:</b> Format#parse accepts only boolean type for 2nd and 3rd params,
+            // but has logic related to "undefined" value, so we're calling it with "undefined" and casting to "boolean".
+            const validValue = value && !!this.getFormat().parse(value, undefined, undefined);
+            return validValue ? this._getTimeStampFromString(value) / 1000 : undefined;
+        }).filter((date) => !!date);
+    }
+    /**
+     * @private
+     */
+    _setSelectedDates(selectedDates) {
+        const selectedValues = selectedDates.map(timestamp => this.getFormat().format(new Date(timestamp * 1000), true)); // Format as UTC
+        const valuesInDOM = [...this.dates].map(dateElement => dateElement.value);
+        // Remove all elements for dates that are no longer selected
+        this.dates.filter(dateElement => !selectedValues.includes(dateElement.value)).forEach(dateElement => {
+            this.removeChild(dateElement);
+        });
+        // Create tags for the selected dates that don't already exist in DOM
+        selectedValues.filter(value => !valuesInDOM.includes(value)).forEach(value => {
+            const dateElement = document.createElement(CalendarDateComponent.default.getMetadata().getTag());
+            dateElement.value = value;
+            this.appendChild(dateElement);
+        });
+    }
+    async onAfterRendering() {
+        await renderFinished(); // Await for the current picker to render and then ask if it has previous/next pages
+        this._previousButtonDisabled = !this._currentPickerDOM._hasPreviousPage();
+        this._nextButtonDisabled = !this._currentPickerDOM._hasNextPage();
+        const yearFormat = DateFormat.getDateInstance({ format: "y", calendarType: this.primaryCalendarType });
+        const localeData = getCachedLocaleDataInstance(getLocale());
+        this._headerMonthButtonText = localeData.getMonthsStandAlone("wide", this.primaryCalendarType)[this._calendarDate.getMonth()];
+        if (this._currentPicker === "year") {
+            const rangeStart = new CalendarDate(this._calendarDate, this._primaryCalendarType);
+            const rangeEnd = new CalendarDate(this._calendarDate, this._primaryCalendarType);
+            rangeStart.setYear(this._currentPickerDOM._firstYear);
+            rangeEnd.setYear(this._currentPickerDOM._lastYear);
+            this._headerYearButtonText = `${yearFormat.format(rangeStart.toLocalJSDate(), true)} - ${yearFormat.format(rangeEnd.toLocalJSDate(), true)}`;
+        }
+        else {
+            this._headerYearButtonText = String(yearFormat.format(this._localDate, true));
+        }
+        this.secondaryCalendarType && this._setSecondaryCalendarTypeButtonText();
+    }
+    /**
+     * The user clicked the "month" button in the header
+     */
+    onHeaderShowMonthPress(e) {
+        this._currentPickerDOM._autoFocus = false;
+        this._currentPicker = "month";
+        this.fireEvent("show-month-press", e);
+    }
+    /**
+     * The user clicked the "year" button in the header
+     */
+    onHeaderShowYearPress(e) {
+        this._currentPickerDOM._autoFocus = false;
+        this._currentPicker = "year";
+        this.fireEvent("show-year-press", e);
+    }
+    get _currentPickerDOM() {
+        // Calendar's shadowRoot and all the pickers are always present - the "!" is safe to be used.
+        return this.shadowRoot.querySelector(`[ui5-${this._currentPicker}picker]`);
+    }
+    /**
+     * The year clicked the "Previous" button in the header
+     */
+    onHeaderPreviousPress() {
+        this._currentPickerDOM._showPreviousPage();
+    }
+    /**
+     * The year clicked the "Next" button in the header
+     */
+    onHeaderNextPress() {
+        this._currentPickerDOM._showNextPage();
+    }
+    _setSecondaryCalendarTypeButtonText() {
+        const yearFormatSecType = DateFormat.getDateInstance({ format: "y", calendarType: this.secondaryCalendarType });
+        if (this._currentPicker === "year") {
+            const rangeStart = new CalendarDate(this._calendarDate, this._primaryCalendarType);
+            const rangeEnd = new CalendarDate(this._calendarDate, this._primaryCalendarType);
+            rangeStart.setYear(this._currentPickerDOM._firstYear);
+            rangeEnd.setYear(this._currentPickerDOM._lastYear);
+            const rangeStartSecType = transformDateToSecondaryType(this.primaryCalendarType, this.secondaryCalendarType, rangeStart.valueOf() / 1000, true)
+                .firstDate;
+            const rangeEndSecType = transformDateToSecondaryType(this.primaryCalendarType, this.secondaryCalendarType, rangeEnd.valueOf() / 1000, true)
+                .lastDate;
+            this._headerYearButtonTextSecType = `${yearFormatSecType.format(rangeStartSecType.toLocalJSDate(), true)} - ${yearFormatSecType.format(rangeEndSecType.toLocalJSDate(), true)}`;
+        }
+        else {
+            this._headerYearButtonTextSecType = String(yearFormatSecType.format(this._localDate, true));
+        }
+    }
+    get secondaryCalendarTypeButtonText() {
+        if (!this.secondaryCalendarType) {
+            return;
+        }
+        const localDate = new Date(this._timestamp * 1000);
+        const secondYearFormat = DateFormat.getDateInstance({ format: "y", calendarType: this.secondaryCalendarType });
+        const dateInSecType = transformDateToSecondaryType(this._primaryCalendarType, this.secondaryCalendarType, this._timestamp);
+        const secondMonthInfo = convertMonthNumbersToMonthNames(dateInSecType.firstDate.getMonth(), dateInSecType.lastDate.getMonth(), this.secondaryCalendarType);
+        const secondYearText = secondYearFormat.format(localDate, true);
+        return {
+            yearButtonText: secondYearText,
+            monthButtonText: secondMonthInfo.text,
+            monthButtonInfo: secondMonthInfo.textInfo,
+        };
+    }
+    /**
+     * The month button is hidden when the month picker or year picker is shown
+     * @returns {boolean}
+     * @private
+     */
+    get _isHeaderMonthButtonHidden() {
+        return this._currentPicker === "month" || this._currentPicker === "year";
+    }
+    get _isDayPickerHidden() {
+        return this._currentPicker !== "day";
+    }
+    get _isMonthPickerHidden() {
+        return this._currentPicker !== "month";
+    }
+    get _isYearPickerHidden() {
+        return this._currentPicker !== "year";
+    }
+    onSelectedDatesChange(e) {
+        const timestamp = e.detail.timestamp;
+        const selectedDates = e.detail.dates;
+        const datesValues = selectedDates.map(ts => {
+            const calendarDate = CalendarDate.fromTimestamp(ts * 1000, this._primaryCalendarType);
+            return this.getFormat().format(calendarDate.toUTCJSDate(), true);
+        });
+        this.timestamp = timestamp;
+        const defaultPrevented = !this.fireEvent("selected-dates-change", { timestamp, dates: [...selectedDates], values: datesValues }, true);
+        if (!defaultPrevented) {
+            this._setSelectedDates(selectedDates);
+        }
+    }
+    onSelectedMonthChange(e) {
+        this.timestamp = e.detail.timestamp;
+        this._currentPicker = "day";
+        this._currentPickerDOM._autoFocus = true;
+    }
+    onSelectedYearChange(e) {
+        this.timestamp = e.detail.timestamp;
+        this._currentPicker = "day";
+        this._currentPickerDOM._autoFocus = true;
+    }
+    onNavigate(e) {
+        this.timestamp = e.detail.timestamp;
+    }
+    _onkeydown(e) {
+        if (isF4(e) && this._currentPicker !== "month") {
+            this._currentPicker = "month";
+        }
+        if (isF4Shift(e) && this._currentPicker !== "year") {
+            this._currentPicker = "year";
+        }
+    }
+    /**
+     * Returns an array of UTC timestamps, representing the selected dates.
+     * @protected
+     * @deprecated
+     */
+    get selectedDates() {
+        return this._selectedDatesTimestamps;
+    }
+    /**
+     * Creates instances of <code>ui5-date</code> inside this <code>ui5-calendar</code> with values, equal to the provided UTC timestamps
+     * @protected
+     * @deprecated
+     * @param { Array<number> } selectedDates Array of UTC timestamps
+     */
+    set selectedDates(selectedDates) {
+        this._setSelectedDates(selectedDates);
+    }
+    static get dependencies() {
+        return [
+            CalendarDateComponent.default,
+            CalendarHeader,
+            DayPicker,
+            MonthPicker,
+            YearPicker,
+        ];
+    }
+};
+__decorate([
+    property({
+        type: CalendarSelectionMode,
+        defaultValue: CalendarSelectionMode.Single,
+    })
+], Calendar.prototype, "selectionMode", void 0);
+__decorate([
+    property({ type: Boolean })
+], Calendar.prototype, "hideWeekNumbers", void 0);
+__decorate([
+    property({ defaultValue: "day" })
+], Calendar.prototype, "_currentPicker", void 0);
+__decorate([
+    property({ type: Boolean })
+], Calendar.prototype, "_previousButtonDisabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], Calendar.prototype, "_nextButtonDisabled", void 0);
+__decorate([
+    property()
+], Calendar.prototype, "_headerMonthButtonText", void 0);
+__decorate([
+    property()
+], Calendar.prototype, "_headerYearButtonText", void 0);
+__decorate([
+    property()
+], Calendar.prototype, "_headerYearButtonTextSecType", void 0);
+__decorate([
+    slot({ type: HTMLElement, invalidateOnChildChange: true, "default": true })
+], Calendar.prototype, "dates", void 0);
+Calendar = __decorate([
+    customElement("ui5-calendar"),
+    fastNavigation
+    /**
+     * Fired when the selected dates change.
+     * <b>Note:</b> If you call <code>preventDefault()</code> for this event, the component will not
+     * create instances of <code>ui5-date</code> for the newly selected dates. In that case you should do this manually.
+     *
+     * @event sap.ui.webc.main.Calendar#selected-dates-change
+     * @allowPreventDefault
+     * @param {Array} values The selected dates
+     * @param {Array} dates The selected dates as UTC timestamps
+     * @public
+     */
+    ,
+    event("selected-dates-change", {
+        detail: {
+            dates: { type: Array },
+            values: { type: Array },
+        },
+    }),
+    event("show-month-press"),
+    event("show-year-press")
+], Calendar);
 Calendar.define();
-
 export default Calendar;
+//# sourceMappingURL=Calendar.js.map