@ui5/webcomponents 0.0.0-db2be6526 → 0.0.0-db622d8a8

package/dist/MonthPicker.js

@@ -1,71 +1,29 @@
+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;
+};
+var MonthPicker_1;
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import getCachedLocaleDataInstance from "@ui5/webcomponents-localization/dist/getCachedLocaleDataInstance.js";
+import convertMonthNumbersToMonthNames from "@ui5/webcomponents-localization/dist/dates/convertMonthNumbersToMonthNames.js";
+import transformDateToSecondaryType from "@ui5/webcomponents-localization/dist/dates/transformDateToSecondaryType.js";
 import CalendarDate from "@ui5/webcomponents-localization/dist/dates/CalendarDate.js";
-import {
-	isEnter,
-	isSpace,
-	isDown,
-	isUp,
-	isLeft,
-	isRight,
-	isHome,
-	isEnd,
-	isHomeCtrl,
-	isEndCtrl,
-	isPageUp,
-	isPageDown,
-} from "@ui5/webcomponents-base/dist/Keys.js";
+import { isEnter, isSpace, isDown, isUp, isLeft, isRight, isHome, isEnd, isHomeCtrl, isEndCtrl, isPageUp, isPageDown, } from "@ui5/webcomponents-base/dist/Keys.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { MONTH_PICKER_DESCRIPTION, } from "./generated/i18n/i18n-defaults.js";
 import CalendarPart from "./CalendarPart.js";
+// Template
 import MonthPickerTemplate from "./generated/templates/MonthPickerTemplate.lit.js";
-import styles from "./generated/themes/MonthPicker.css.js";
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-monthpicker",
-	properties: /** @lends  sap.ui.webcomponents.main.MonthPicker.prototype */ {
-		/**
-		 * An array of UTC timestamps representing the selected date or dates depending on the capabilities of the picker component.
-		 * @type {Array}
-		 * @public
-		 */
-		selectedDates: {
-			type: Integer,
-			multiple: true,
-			compareValues: true,
-		},
-
-		_months: {
-			type: Object,
-			multiple: true,
-		},
-
-		_hidden: {
-			type: Boolean,
-			noAttribute: true,
-		},
-	},
-	events: /** @lends  sap.ui.webcomponents.main.MonthPicker.prototype */ {
-		/**
-		 * Fired when the user selects a month (space/enter/click).
-		 * @public
-		 * @event
-		 */
-		change: {},
-		/**
-		 * Fired when the timestamp changes - the user navigates with the keyboard or clicks with the mouse.
-		 * @since 1.0.0-rc.9
-		 * @public
-		 * @event
-		 */
-		navigate: {},
-	},
-};
-
-const PAGE_SIZE = 12; // Total months on a single page
-const ROW_SIZE = 3; // Months per row (4 rows of 3 months each)
-
+// Styles
+import monthPickerStyles from "./generated/themes/MonthPicker.css.js";
+const PAGE_SIZE = 12; // total months on a single page
+const ROW_SIZE = 3; // months per row (4 rows of 3 months each)
 /**
  * Month picker component.
  *
@@ -75,225 +33,247 @@ const ROW_SIZE = 3; // Months per row (4 rows of 3 months each)
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.MonthPicker
- * @extends CalendarPart
+ * @alias sap.ui.webc.main.MonthPicker
+ * @extends sap.ui.webc.main.CalendarPart
  * @tagname ui5-monthpicker
  * @public
  */
-class MonthPicker extends CalendarPart {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get template() {
-		return MonthPickerTemplate;
-	}
-
-	static get styles() {
-		return styles;
-	}
-
-	onBeforeRendering() {
-		this._buildMonths();
-	}
-
-	_buildMonths() {
-		if (this._hidden) {
-			return;
-		}
-
-		const localeData = getCachedLocaleDataInstance(getLocale());
-		const monthsNames = localeData.getMonths("wide", this._primaryCalendarType);
-
-		const months = [];
-		const calendarDate = this._calendarDate; // store the value of the expensive getter
-		const minDate = this._minDate; // store the value of the expensive getter
-		const maxDate = this._maxDate; // store the value of the expensive getter
-		const tempDate = new CalendarDate(calendarDate, this._primaryCalendarType);
-		let timestamp;
-
-		/* eslint-disable no-loop-func */
-		for (let i = 0; i < 12; i++) {
-			tempDate.setMonth(i);
-			timestamp = tempDate.valueOf() / 1000;
-
-			const isSelected = this.selectedDates.some(itemTimestamp => {
-				const date = CalendarDate.fromTimestamp(itemTimestamp * 1000, this._primaryCalendarType);
-				return date.getYear() === tempDate.getYear() && date.getMonth() === tempDate.getMonth();
-			});
-			const isFocused = tempDate.getMonth() === calendarDate.getMonth();
-			const isDisabled = this._isOutOfSelectableRange(tempDate, minDate, maxDate);
-
-			const month = {
-				timestamp: timestamp.toString(),
-				focusRef: isFocused,
-				_tabIndex: isFocused ? "0" : "-1",
-				selected: isSelected,
-				ariaSelected: isSelected ? "true" : "false",
-				name: monthsNames[i],
-				disabled: isDisabled,
-				classes: "ui5-mp-item",
-			};
-
-			if (isSelected) {
-				month.classes += " ui5-mp-item--selected";
-			}
-
-			if (isDisabled) {
-				month.classes += " ui5-mp-item--disabled";
-			}
-
-			const quarterIndex = parseInt(i / ROW_SIZE);
-
-			if (months[quarterIndex]) {
-				months[quarterIndex].push(month);
-			} else {
-				months[quarterIndex] = [month];
-			}
-		}
-
-		this._months = months;
-	}
-
-	onAfterRendering() {
-		if (!this._hidden) {
-			this.focus();
-		}
-	}
-
-	_onkeydown(event) {
-		let preventDefault = true;
-
-		if (isEnter(event)) {
-			this._selectMonth(event);
-		} else if (isSpace(event)) {
-			event.preventDefault();
-		} else if (isLeft(event)) {
-			this._modifyTimestampBy(-1);
-		} else if (isRight(event)) {
-			this._modifyTimestampBy(1);
-		} else if (isUp(event)) {
-			this._modifyTimestampBy(-ROW_SIZE);
-		} else if (isDown(event)) {
-			this._modifyTimestampBy(ROW_SIZE);
-		} else if (isPageUp(event)) {
-			this._modifyTimestampBy(-PAGE_SIZE);
-		} else if (isPageDown(event)) {
-			this._modifyTimestampBy(PAGE_SIZE);
-		} else if (isHome(event) || isEnd(event)) {
-			this._onHomeOrEnd(isHome(event));
-		} else if (isHomeCtrl(event)) {
-			this._setTimestamp(parseInt(this._months[0][0].timestamp)); // first month of first row
-		} else if (isEndCtrl(event)) {
-			this._setTimestamp(parseInt(this._months[PAGE_SIZE / ROW_SIZE - 1][ROW_SIZE - 1].timestamp)); // last month of last row
-		} else {
-			preventDefault = false;
-		}
-
-		if (preventDefault) {
-			event.preventDefault();
-		}
-	}
-
-	_onHomeOrEnd(homePressed) {
-		this._months.forEach(row => {
-			const indexInRow = row.findIndex(item => CalendarDate.fromTimestamp(parseInt(item.timestamp) * 1000).getMonth() === this._calendarDate.getMonth());
-			if (indexInRow !== -1) { // The current month is on this row
-				const index = homePressed ? 0 : ROW_SIZE - 1; // select the first (if Home) or last (if End) month on the row
-				this._setTimestamp(parseInt(row[index].timestamp));
-			}
-		});
-	}
-
-	/**
-	 * Sets the timestamp to an absolute value
-	 * @param value
-	 * @private
-	 */
-	_setTimestamp(value) {
-		this._safelySetTimestamp(value);
-		this.fireEvent("navigate", { timestamp: this.timestamp });
-	}
-
-	/**
-	 * Modifies timestamp by a given amount of months and, if necessary, loads the prev/next page
-	 * @param amount
-	 * @private
-	 */
-	_modifyTimestampBy(amount) {
-		// Modify the current timestamp
-		this._safelyModifyTimestampBy(amount, "month");
-
-		// Notify the calendar to update its timestamp
-		this.fireEvent("navigate", { timestamp: this.timestamp });
-	}
-
-	_onkeyup(event) {
-		if (isSpace(event)) {
-			this._selectMonth(event);
-		}
-	}
-
-	/**
-	 * User clicked with the mouser or pressed Enter/Space
-	 * @param event
-	 * @private
-	 */
-	_selectMonth(event) {
-		event.preventDefault();
-		if (event.target.className.indexOf("ui5-mp-item") > -1) {
-			const timestamp = this._getTimestampFromDom(event.target);
-			this._safelySetTimestamp(timestamp);
-			this.fireEvent("change", { timestamp: this.timestamp });
-		}
-	}
-
-	/**
-	 * Called from Calendar.js
-	 * @protected
-	 */
-	_hasPreviousPage() {
-		return this._calendarDate.getYear() !== this._minDate.getYear();
-	}
-
-	/**
-	 * Called from Calendar.js
-	 * @protected
-	 */
-	_hasNextPage() {
-		return this._calendarDate.getYear() !== this._maxDate.getYear();
-	}
-
-	/**
-	 * Called by Calendar.js
-	 * User pressed the "<" button in the calendar header (same as PageUp)
-	 * @protected
-	 */
-	_showPreviousPage() {
-		this._modifyTimestampBy(-PAGE_SIZE);
-	}
-
-	/**
-	 * Called by Calendar.js
-	 * User pressed the ">" button in the calendar header (same as PageDown)
-	 * @protected
-	 */
-	_showNextPage() {
-		this._modifyTimestampBy(PAGE_SIZE);
-	}
-
-	_isOutOfSelectableRange(date, minDate, maxDate) {
-		const month = date.getMonth();
-		const year = date.getYear();
-		const minYear = minDate.getYear();
-		const minMonth = minDate.getMonth();
-		const maxYear = maxDate.getYear();
-		const maxMonth = maxDate.getMonth();
-
-		return year < minYear || (year === minYear && month < minMonth) || year > maxYear || (year === maxYear && month > maxMonth);
-	}
-}
-
+let MonthPicker = MonthPicker_1 = class MonthPicker extends CalendarPart {
+    static async onDefine() {
+        MonthPicker_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+    get roleDescription() {
+        return MonthPicker_1.i18nBundle.getText(MONTH_PICKER_DESCRIPTION);
+    }
+    onBeforeRendering() {
+        this._buildMonths();
+    }
+    onAfterRendering() {
+        if (!this._hidden) {
+            this.focus();
+        }
+    }
+    _buildMonths() {
+        if (this._hidden) {
+            return;
+        }
+        const localeData = getCachedLocaleDataInstance(getLocale());
+        const monthsNames = localeData.getMonthsStandAlone("wide", this._primaryCalendarType);
+        const months = [];
+        const calendarDate = this._calendarDate; // store the value of the expensive getter
+        const minDate = this._minDate; // store the value of the expensive getter
+        const maxDate = this._maxDate; // store the value of the expensive getter
+        const tempDate = new CalendarDate(calendarDate, this._primaryCalendarType);
+        let timestamp;
+        /* eslint-disable no-loop-func */
+        for (let i = 0; i < 12; i++) {
+            tempDate.setMonth(i);
+            timestamp = tempDate.valueOf() / 1000;
+            const isSelected = this.selectedDates.some(itemTimestamp => {
+                const date = CalendarDate.fromTimestamp(itemTimestamp * 1000, this._primaryCalendarType);
+                return date.getYear() === tempDate.getYear() && date.getMonth() === tempDate.getMonth();
+            });
+            const isFocused = tempDate.getMonth() === calendarDate.getMonth();
+            const isDisabled = this._isOutOfSelectableRange(tempDate, minDate, maxDate);
+            const month = {
+                timestamp: timestamp.toString(),
+                focusRef: isFocused,
+                _tabIndex: isFocused ? "0" : "-1",
+                selected: isSelected,
+                ariaSelected: isSelected ? "true" : "false",
+                name: monthsNames[i],
+                nameInSecType: this.secondaryCalendarType && this._getDisplayedSecondaryMonthText(timestamp).text,
+                disabled: isDisabled,
+                classes: "ui5-mp-item",
+            };
+            if (isSelected) {
+                month.classes += " ui5-mp-item--selected";
+            }
+            if (isDisabled) {
+                month.classes += " ui5-mp-item--disabled";
+            }
+            const quarterIndex = Math.floor(i / ROW_SIZE);
+            if (months[quarterIndex]) {
+                months[quarterIndex].push(month);
+            }
+            else {
+                months[quarterIndex] = [month];
+            }
+        }
+        this._months = months;
+    }
+    _getDisplayedSecondaryMonthText(timestamp) {
+        const monthsName = transformDateToSecondaryType(this._primaryCalendarType, this.secondaryCalendarType, timestamp);
+        return convertMonthNumbersToMonthNames(monthsName.firstDate.getMonth(), monthsName.lastDate.getMonth(), this.secondaryCalendarType);
+    }
+    _onkeydown(e) {
+        let preventDefault = true;
+        if (isEnter(e)) {
+            this._selectMonth(e);
+        }
+        else if (isSpace(e)) {
+            e.preventDefault();
+        }
+        else if (isLeft(e)) {
+            this._modifyTimestampBy(-1);
+        }
+        else if (isRight(e)) {
+            this._modifyTimestampBy(1);
+        }
+        else if (isUp(e)) {
+            this._modifyTimestampBy(-ROW_SIZE);
+        }
+        else if (isDown(e)) {
+            this._modifyTimestampBy(ROW_SIZE);
+        }
+        else if (isPageUp(e)) {
+            this._modifyTimestampBy(-PAGE_SIZE);
+        }
+        else if (isPageDown(e)) {
+            this._modifyTimestampBy(PAGE_SIZE);
+        }
+        else if (isHome(e) || isEnd(e)) {
+            this._onHomeOrEnd(isHome(e));
+        }
+        else if (isHomeCtrl(e)) {
+            this._setTimestamp(parseInt(this._months[0][0].timestamp)); // first month of first row
+        }
+        else if (isEndCtrl(e)) {
+            this._setTimestamp(parseInt(this._months[PAGE_SIZE / ROW_SIZE - 1][ROW_SIZE - 1].timestamp)); // last month of last row
+        }
+        else {
+            preventDefault = false;
+        }
+        if (preventDefault) {
+            e.preventDefault();
+        }
+    }
+    _onHomeOrEnd(homePressed) {
+        this._months.forEach(row => {
+            const indexInRow = row.findIndex(item => CalendarDate.fromTimestamp(parseInt(item.timestamp) * 1000).getMonth() === this._calendarDate.getMonth());
+            if (indexInRow !== -1) { // The current month is on this row
+                const index = homePressed ? 0 : ROW_SIZE - 1; // select the first (if Home) or last (if End) month on the row
+                this._setTimestamp(parseInt(row[index].timestamp));
+            }
+        });
+    }
+    /**
+     * Sets the timestamp to an absolute value.
+     * @param { number } value
+     * @private
+     */
+    _setTimestamp(value) {
+        this._safelySetTimestamp(value);
+        this.fireEvent("navigate", { timestamp: this.timestamp });
+    }
+    /**
+     * Modifies timestamp by a given amount of months and,
+     * if necessary, loads the prev/next page.
+     * @param { number } amount
+     * @private
+     */
+    _modifyTimestampBy(amount) {
+        // Modify the current timestamp
+        this._safelyModifyTimestampBy(amount, "month");
+        // Notify the calendar to update its timestamp
+        this.fireEvent("navigate", { timestamp: this.timestamp });
+    }
+    _onkeyup(e) {
+        if (isSpace(e)) {
+            this._selectMonth(e);
+        }
+    }
+    /**
+     * Selects a month, when the user clicks or presses "Enter" or "Space".
+     * @param { Event } e
+     * @private
+     */
+    _selectMonth(e) {
+        e.preventDefault();
+        const target = e.target;
+        if (target.className.indexOf("ui5-mp-item") > -1) {
+            const timestamp = this._getTimestampFromDom(target);
+            this._safelySetTimestamp(timestamp);
+            this.fireEvent("change", { timestamp: this.timestamp });
+        }
+    }
+    /**
+     * Called by the Calendar component.
+     * @protected
+     * @returns { boolean }
+     */
+    _hasPreviousPage() {
+        return this._calendarDate.getYear() !== this._minDate.getYear();
+    }
+    /**
+     * Called by the Calendar component.
+     * @protected
+     * @returns { boolean }
+     */
+    _hasNextPage() {
+        return this._calendarDate.getYear() !== this._maxDate.getYear();
+    }
+    /**
+     * Called by Calendar.js.
+     * <b>Note:</b> when the user presses the "<" button in the calendar header (same as "PageUp")
+     * @protected
+     */
+    _showPreviousPage() {
+        this._modifyTimestampBy(-PAGE_SIZE);
+    }
+    /**
+     * Called by Calendar.js
+     * <b>Note:</b> when the user presses the ">" button in the calendar header (same as "PageDown")
+     * @protected
+     */
+    _showNextPage() {
+        this._modifyTimestampBy(PAGE_SIZE);
+    }
+    _isOutOfSelectableRange(date, minDate, maxDate) {
+        const month = date.getMonth();
+        const year = date.getYear();
+        const minYear = minDate.getYear();
+        const minMonth = minDate.getMonth();
+        const maxYear = maxDate.getYear();
+        const maxMonth = maxDate.getMonth();
+        return year < minYear || (year === minYear && month < minMonth) || year > maxYear || (year === maxYear && month > maxMonth);
+    }
+};
+__decorate([
+    property({
+        validator: Integer,
+        multiple: true,
+        compareValues: true,
+    })
+], MonthPicker.prototype, "selectedDates", void 0);
+__decorate([
+    property({ type: Object, multiple: true })
+], MonthPicker.prototype, "_months", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], MonthPicker.prototype, "_hidden", void 0);
+MonthPicker = MonthPicker_1 = __decorate([
+    customElement({
+        tag: "ui5-monthpicker",
+        template: MonthPickerTemplate,
+        styles: monthPickerStyles,
+    })
+    /**
+     * Fired when the user selects a month via "Space", "Enter" or click.
+     * @public
+     * @event sap.ui.webc.main.MonthPicker#change
+     */
+    ,
+    event("change")
+    /**
+     * Fired when the timestamp changes - the user navigates with the keyboard or clicks with the mouse.
+     * @since 1.0.0-rc.9
+     * @public
+     * @event sap.ui.webc.main.MonthPicker#navigate
+     */
+    ,
+    event("navigate")
+], MonthPicker);
 MonthPicker.define();
-
 export default MonthPicker;
+//# sourceMappingURL=MonthPicker.js.map

package/dist/MonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../src/MonthPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport getCachedLocaleDataInstance from \"@ui5/webcomponents-localization/dist/getCachedLocaleDataInstance.js\";\nimport convertMonthNumbersToMonthNames from \"@ui5/webcomponents-localization/dist/dates/convertMonthNumbersToMonthNames.js\";\nimport transformDateToSecondaryType from \"@ui5/webcomponents-localization/dist/dates/transformDateToSecondaryType.js\";\nimport CalendarDate from \"@ui5/webcomponents-localization/dist/dates/CalendarDate.js\";\nimport {\n\tisEnter,\n\tisSpace,\n\tisDown,\n\tisUp,\n\tisLeft,\n\tisRight,\n\tisHome,\n\tisEnd,\n\tisHomeCtrl,\n\tisEndCtrl,\n\tisPageUp,\n\tisPageDown,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport getLocale from \"@ui5/webcomponents-base/dist/locale/getLocale.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n\tMONTH_PICKER_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport CalendarPart from \"./CalendarPart.js\";\nimport type { ICalendarPicker } from \"./Calendar.js\";\n\n// Template\nimport MonthPickerTemplate from \"./generated/templates/MonthPickerTemplate.lit.js\";\n\n// Styles\nimport monthPickerStyles from \"./generated/themes/MonthPicker.css.js\";\n\nconst PAGE_SIZE = 12; // total months on a single page\nconst ROW_SIZE = 3; // months per row (4 rows of 3 months each)\n\ntype Month = {\n\ttimestamp: string,\n\tfocusRef: boolean,\n\t_tabIndex: string,\n\tselected: boolean,\n\tariaSelected: string,\n\tname: string,\n\tnameInSecType: string,\n\tdisabled: boolean,\n\tclasses: string,\n}\n\ntype MonthInterval = Array<Array<Month>>;\n\ntype MonthPickerChangeEventDetail = {\n\ttimestamp: number,\n}\n\ntype MonthPickerNavigateEventDetail = {\n\ttimestamp: number,\n}\n\n/**\n * Month picker component.\n *\n * @class\n *\n * Displays months which can be selected.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.MonthPicker\n * @extends sap.ui.webc.main.CalendarPart\n * @tagname ui5-monthpicker\n * @public\n */\n@customElement({\n\ttag: \"ui5-monthpicker\",\n\ttemplate: MonthPickerTemplate,\n\tstyles: monthPickerStyles,\n})\n/**\n * Fired when the user selects a month via \"Space\", \"Enter\" or click.\n * @public\n * @event sap.ui.webc.main.MonthPicker#change\n */\n @event(\"change\")\n/**\n * Fired when the timestamp changes - the user navigates with the keyboard or clicks with the mouse.\n * @since 1.0.0-rc.9\n * @public\n * @event sap.ui.webc.main.MonthPicker#navigate\n */\n@event(\"navigate\")\nclass MonthPicker extends CalendarPart implements ICalendarPicker {\n\t/**\n\t * An array of UTC timestamps representing the selected date\n\t * or dates depending on the capabilities of the picker component.\n\t * @type {array}\n\t * @name sap.ui.webc.main.MonthPicker.prototype.selectedDates\n\t * @public\n\t */\n\t@property({\n\t\tvalidator: Integer,\n\t\tmultiple: true,\n\t\tcompareValues: true,\n\t})\n\tselectedDates!: Array<number>;\n\n\t@property({ type: Object, multiple: true })\n\t_months!: MonthInterval;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_hidden!: boolean;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tMonthPicker.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tget roleDescription() {\n\t\treturn MonthPicker.i18nBundle.getText(MONTH_PICKER_DESCRIPTION);\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._buildMonths();\n\t}\n\n\tonAfterRendering() {\n\t\tif (!this._hidden) {\n\t\t\tthis.focus();\n\t\t}\n\t}\n\n\t_buildMonths() {\n\t\tif (this._hidden) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst localeData = getCachedLocaleDataInstance(getLocale());\n\t\tconst monthsNames = localeData.getMonthsStandAlone(\"wide\", this._primaryCalendarType);\n\n\t\tconst months: MonthInterval = [];\n\t\tconst calendarDate = this._calendarDate; // store the value of the expensive getter\n\t\tconst minDate = this._minDate; // store the value of the expensive getter\n\t\tconst maxDate = this._maxDate; // store the value of the expensive getter\n\t\tconst tempDate = new CalendarDate(calendarDate, this._primaryCalendarType);\n\t\tlet timestamp;\n\n\t\t/* eslint-disable no-loop-func */\n\t\tfor (let i = 0; i < 12; i++) {\n\t\t\ttempDate.setMonth(i);\n\t\t\ttimestamp = tempDate.valueOf() / 1000;\n\n\t\t\tconst isSelected = this.selectedDates.some(itemTimestamp => {\n\t\t\t\tconst date = CalendarDate.fromTimestamp(itemTimestamp * 1000, this._primaryCalendarType);\n\t\t\t\treturn date.getYear() === tempDate.getYear() && date.getMonth() === tempDate.getMonth();\n\t\t\t});\n\t\t\tconst isFocused = tempDate.getMonth() === calendarDate.getMonth();\n\t\t\tconst isDisabled = this._isOutOfSelectableRange(tempDate, minDate, maxDate);\n\n\t\t\tconst month: Month = {\n\t\t\t\ttimestamp: timestamp.toString(),\n\t\t\t\tfocusRef: isFocused,\n\t\t\t\t_tabIndex: isFocused ? \"0\" : \"-1\",\n\t\t\t\tselected: isSelected,\n\t\t\t\tariaSelected: isSelected ? \"true\" : \"false\",\n\t\t\t\tname: monthsNames[i],\n\t\t\t\tnameInSecType: this.secondaryCalendarType && this._getDisplayedSecondaryMonthText(timestamp).text,\n\t\t\t\tdisabled: isDisabled,\n\t\t\t\tclasses: \"ui5-mp-item\",\n\t\t\t};\n\n\t\t\tif (isSelected) {\n\t\t\t\tmonth.classes += \" ui5-mp-item--selected\";\n\t\t\t}\n\n\t\t\tif (isDisabled) {\n\t\t\t\tmonth.classes += \" ui5-mp-item--disabled\";\n\t\t\t}\n\n\t\t\tconst quarterIndex = Math.floor(i / ROW_SIZE);\n\n\t\t\tif (months[quarterIndex]) {\n\t\t\t\tmonths[quarterIndex].push(month);\n\t\t\t} else {\n\t\t\t\tmonths[quarterIndex] = [month];\n\t\t\t}\n\t\t}\n\n\t\tthis._months = months;\n\t}\n\n\t_getDisplayedSecondaryMonthText(timestamp: number) {\n\t\tconst monthsName = transformDateToSecondaryType(this._primaryCalendarType, this.secondaryCalendarType, timestamp);\n\t\treturn convertMonthNumbersToMonthNames(monthsName.firstDate.getMonth(), monthsName.lastDate.getMonth(), this.secondaryCalendarType);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tlet preventDefault = true;\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._selectMonth(e);\n\t\t} else if (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t} else if (isLeft(e)) {\n\t\t\tthis._modifyTimestampBy(-1);\n\t\t} else if (isRight(e)) {\n\t\t\tthis._modifyTimestampBy(1);\n\t\t} else if (isUp(e)) {\n\t\t\tthis._modifyTimestampBy(-ROW_SIZE);\n\t\t} else if (isDown(e)) {\n\t\t\tthis._modifyTimestampBy(ROW_SIZE);\n\t\t} else if (isPageUp(e)) {\n\t\t\tthis._modifyTimestampBy(-PAGE_SIZE);\n\t\t} else if (isPageDown(e)) {\n\t\t\tthis._modifyTimestampBy(PAGE_SIZE);\n\t\t} else if (isHome(e) || isEnd(e)) {\n\t\t\tthis._onHomeOrEnd(isHome(e));\n\t\t} else if (isHomeCtrl(e)) {\n\t\t\tthis._setTimestamp(parseInt(this._months[0][0].timestamp)); // first month of first row\n\t\t} else if (isEndCtrl(e)) {\n\t\t\tthis._setTimestamp(parseInt(this._months[PAGE_SIZE / ROW_SIZE - 1][ROW_SIZE - 1].timestamp)); // last month of last row\n\t\t} else {\n\t\t\tpreventDefault = false;\n\t\t}\n\n\t\tif (preventDefault) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onHomeOrEnd(homePressed: boolean) {\n\t\tthis._months.forEach(row => {\n\t\t\tconst indexInRow = row.findIndex(item => CalendarDate.fromTimestamp(parseInt(item.timestamp) * 1000).getMonth() === this._calendarDate.getMonth());\n\t\t\tif (indexInRow !== -1) { // The current month is on this row\n\t\t\t\tconst index = homePressed ? 0 : ROW_SIZE - 1; // select the first (if Home) or last (if End) month on the row\n\t\t\t\tthis._setTimestamp(parseInt(row[index].timestamp));\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Sets the timestamp to an absolute value.\n\t * @param { number } value\n\t * @private\n\t */\n\t_setTimestamp(value: number) {\n\t\tthis._safelySetTimestamp(value);\n\t\tthis.fireEvent<MonthPickerNavigateEventDetail>(\"navigate\", { timestamp: this.timestamp! });\n\t}\n\n\t/**\n\t * Modifies timestamp by a given amount of months and,\n\t * if necessary, loads the prev/next page.\n\t * @param { number } amount\n\t * @private\n\t */\n\t_modifyTimestampBy(amount: number) {\n\t\t// Modify the current timestamp\n\t\tthis._safelyModifyTimestampBy(amount, \"month\");\n\n\t\t// Notify the calendar to update its timestamp\n\t\tthis.fireEvent<MonthPickerNavigateEventDetail>(\"navigate\", { timestamp: this.timestamp! });\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._selectMonth(e);\n\t\t}\n\t}\n\n\t/**\n\t * Selects a month, when the user clicks or presses \"Enter\" or \"Space\".\n\t * @param { Event } e\n\t * @private\n\t */\n\t_selectMonth(e: Event) {\n\t\te.preventDefault();\n\n\t\tconst target = e.target as HTMLElement;\n\n\t\tif (target.className.indexOf(\"ui5-mp-item\") > -1) {\n\t\t\tconst timestamp = this._getTimestampFromDom(target);\n\t\t\tthis._safelySetTimestamp(timestamp);\n\t\t\tthis.fireEvent<MonthPickerChangeEventDetail>(\"change\", { timestamp: this.timestamp! });\n\t\t}\n\t}\n\n\t/**\n\t * Called by the Calendar component.\n\t * @protected\n\t * @returns { boolean }\n\t */\n\t_hasPreviousPage(): boolean {\n\t\treturn this._calendarDate.getYear() !== this._minDate.getYear();\n\t}\n\n\t/**\n\t * Called by the Calendar component.\n\t * @protected\n\t * @returns { boolean }\n\t */\n\t_hasNextPage(): boolean {\n\t\treturn this._calendarDate.getYear() !== this._maxDate.getYear();\n\t}\n\n\t/**\n\t * Called by Calendar.js.\n\t * <b>Note:</b> when the user presses the \"<\" button in the calendar header (same as \"PageUp\")\n\t * @protected\n\t */\n\t_showPreviousPage() {\n\t\tthis._modifyTimestampBy(-PAGE_SIZE);\n\t}\n\n\t/**\n\t * Called by Calendar.js\n\t * <b>Note:</b> when the user presses the \">\" button in the calendar header (same as \"PageDown\")\n\t * @protected\n\t */\n\t_showNextPage() {\n\t\tthis._modifyTimestampBy(PAGE_SIZE);\n\t}\n\n\t_isOutOfSelectableRange(date: CalendarDate, minDate: CalendarDate, maxDate: CalendarDate): boolean {\n\t\tconst month = date.getMonth();\n\t\tconst year = date.getYear();\n\t\tconst minYear = minDate.getYear();\n\t\tconst minMonth = minDate.getMonth();\n\t\tconst maxYear = maxDate.getYear();\n\t\tconst maxMonth = maxDate.getMonth();\n\n\t\treturn year < minYear || (year === minYear && month < minMonth) || year > maxYear || (year === maxYear && month > maxMonth);\n\t}\n}\n\nMonthPicker.define();\n\nexport default MonthPicker;\nexport type {\n\tMonthPickerNavigateEventDetail,\n\tMonthPickerChangeEventDetail,\n};\n"]}