@ui5/webcomponents 0.0.0-b132dd7b9 → 0.0.0-b3a4f8020

package/dist/YearRangePicker.js

@@ -0,0 +1,413 @@
+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 YearRangePicker_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-strict.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
+import { isEnter, isSpace, isDown, isUp, isLeft, isRight, isHome, isEnd, isHomeCtrl, isEndCtrl, isPageUp, isPageDown, } from "@ui5/webcomponents-base/dist/Keys.js";
+import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
+import CalendarDate from "@ui5/webcomponents-localization/dist/dates/CalendarDate.js";
+import { getMaxCalendarDate } from "@ui5/webcomponents-localization/dist/dates/ExtremeDates.js";
+import CalendarPart from "./CalendarPart.js";
+import { YEAR_RANGE_PICKER_DESCRIPTION } from "./generated/i18n/i18n-defaults.js";
+// Template
+import YearRangePickerTemplate from "./YearRangePickerTemplate.js";
+// Styles
+import yearRangePickerStyles from "./generated/themes/YearRangePicker.css.js";
+const isBetweenInclusive = (x, num1, num2) => x >= Math.min(num1, num2) && x <= Math.max(num1, num2);
+/**
+ * @class
+ *
+ * Displays year ranges which help navigate through years faster.
+ * @constructor
+ * @extends CalendarPart
+ * @private
+ */
+let YearRangePicker = YearRangePicker_1 = class YearRangePicker extends CalendarPart {
+    constructor() {
+        super(...arguments);
+        /**
+         * An array of UTC timestamps representing the selected date
+         * or dates depending on the capabilities of the picker component.
+         * @default []
+         */
+        this.selectedDates = [];
+        /**
+         * Defines if the YearRangePicker should visualize the selected dates as a range.
+         * @default false
+         *
+         * @private
+         */
+        this._showRangeSelection = false;
+        this._yearRanges = [];
+        this._hidden = false;
+    }
+    get roleDescription() {
+        return YearRangePicker_1.i18nBundle.getText(YEAR_RANGE_PICKER_DESCRIPTION);
+    }
+    onBeforeRendering() {
+        if (this._hidden) {
+            return;
+        }
+        this._gridStartYear = this._getGridStartYear();
+        this._yearRanges = this._getYearRanges();
+    }
+    _shouldShowOneColumn() {
+        const locale = getLocale();
+        const language = locale.getLanguage();
+        const longLanguages = ["zh", "ja", "ko", "bg", "mk", "ru"];
+        return longLanguages.includes(language) && this.hasSecondaryCalendarType;
+    }
+    _getPageSize() {
+        return this._shouldShowOneColumn() ? 6 : 8;
+    }
+    _getRowSize() {
+        return this._shouldShowOneColumn() ? 1 : 2;
+    }
+    _getInitialFocusedIndex() {
+        return 2;
+    }
+    _getRangeSize() {
+        return this.hasSecondaryCalendarType ? 8 : 20;
+    }
+    _getYearRangeFormattedText(startDate, endDate, yearFormat) {
+        return `${yearFormat.format(startDate.toLocalJSDate())} - ${yearFormat.format(endDate.toLocalJSDate())}`;
+    }
+    _getGridStartYear() {
+        const rangeSize = this._getRangeSize();
+        const pageSize = this._getPageSize();
+        const pageSizeInYears = rangeSize * pageSize;
+        const yearsOffset = rangeSize * this._getInitialFocusedIndex();
+        const currentStartYear = this._currentYearRange?.startYear ? this._currentYearRange?.startYear : this._calendarDate.getYear();
+        // On first load, current range should be the 3rd item in the grid
+        let gridStartYear = this._gridStartYear ? this._gridStartYear : currentStartYear - yearsOffset;
+        // If page navigation occured, update the current range start year
+        gridStartYear += Math.floor((currentStartYear - gridStartYear) / pageSizeInYears) * pageSizeInYears;
+        // Normalize grid start year to be between the min and absolute max year
+        const minYear = this._minDate.getYear();
+        if (currentStartYear - rangeSize < minYear) {
+            gridStartYear = minYear;
+        }
+        const absoluteMaxYear = getMaxCalendarDate(this._primaryCalendarType).getYear();
+        if (currentStartYear + pageSizeInYears > absoluteMaxYear) {
+            gridStartYear = absoluteMaxYear - pageSizeInYears + 1;
+        }
+        return gridStartYear;
+    }
+    _getYearRanges() {
+        const locale = getLocale();
+        const yearFormat = DateFormat.getDateInstance({ format: "y", calendarType: this._primaryCalendarType }, locale);
+        const yearFormatInSecType = DateFormat.getDateInstance({ format: "y", calendarType: this._secondaryCalendarType }, locale);
+        const pageSize = this._getPageSize();
+        const rowSize = this._getRowSize();
+        const rangeSize = this._getRangeSize();
+        const calendarDate = this._calendarDate;
+        const minYear = this._minDate.getYear();
+        const maxYear = this._maxDate.getYear();
+        const tempDate = new CalendarDate(calendarDate, this._primaryCalendarType);
+        tempDate.setYear(this._gridStartYear);
+        const yearRanges = [];
+        for (let i = 0; i < pageSize; i++) {
+            const endDate = new CalendarDate(tempDate, this._primaryCalendarType);
+            endDate.setYear(endDate.getYear() + rangeSize - 1);
+            const timestamp = tempDate.valueOf() / 1000;
+            const endTimestamp = endDate.valueOf() / 1000;
+            const isFocused = isBetweenInclusive(calendarDate.getYear(), tempDate.getYear(), endDate.getYear());
+            const isSelected = this._isYearRangeSelected(timestamp, endTimestamp);
+            const isSelectedBetween = this._isInsideSelectionRange(timestamp);
+            const yearRangeText = this._getYearRangeFormattedText(tempDate, endDate, yearFormat);
+            const secYearRangeText = this.hasSecondaryCalendarType ? this._getYearRangeFormattedText(tempDate, endDate, yearFormatInSecType) : undefined;
+            const isDisabled = !(isBetweenInclusive(tempDate.getYear(), minYear, maxYear)
+                || isBetweenInclusive(endDate.getYear(), minYear, maxYear));
+            const yearRange = this._getYearRange(timestamp, isFocused, isSelected, isSelectedBetween, yearRangeText, secYearRangeText, isDisabled);
+            const intervalIndex = Math.floor(i / rowSize);
+            if (yearRanges[intervalIndex]) {
+                yearRanges[intervalIndex].push(yearRange);
+            }
+            else {
+                yearRanges[intervalIndex] = [yearRange];
+            }
+            tempDate.setYear(tempDate.getYear() + rangeSize);
+        }
+        return yearRanges;
+    }
+    _getYearRange(timestamp, isFocused, isSelected, isSelectedBetween, yearRangeText, secYearRangeText, isDisabled) {
+        const yearRange = {
+            timestamp: timestamp.toString(),
+            _tabIndex: isFocused ? 0 : -1,
+            focusRef: isFocused,
+            selected: isSelected || isSelectedBetween,
+            ariaSelected: isSelected || isSelectedBetween,
+            range: yearRangeText,
+            rangeInSecType: secYearRangeText,
+            disabled: isDisabled,
+            ariaDisabled: isDisabled,
+            classes: "ui5-yrp-item",
+            parts: "year-range-cell",
+        };
+        if (isSelected) {
+            yearRange.classes += " ui5-yrp-item--selected";
+            yearRange.parts += " year-range-cell-selected";
+        }
+        if (isSelectedBetween && !isSelected) {
+            yearRange.classes += " ui5-yrp-item--selected-between";
+            yearRange.parts += " year-range-cell-selected-between";
+        }
+        if (isDisabled) {
+            yearRange.classes += " ui5-yrp-item--disabled";
+        }
+        if (this.hasSecondaryCalendarType) {
+            yearRange.classes += " ui5-yrp-item-secondary-type";
+        }
+        if (this._shouldShowOneColumn()) {
+            yearRange.classes += " ui5-yrp-item-one-column-view";
+        }
+        return yearRange;
+    }
+    _isYearRangeSelected(startYear, endYear) {
+        return this.selectedDates.some(itemTimestamp => {
+            return isBetweenInclusive(itemTimestamp, startYear, endYear);
+        });
+    }
+    /**
+      * Returns true if the timestamp is inside the selection range.
+      * @private
+      */
+    _isInsideSelectionRange(timestamp) {
+        if (!this._showRangeSelection || !this.selectedDates.length) {
+            return false;
+        }
+        if (this.selectedDates.length === 1 && this._secondTimestamp) {
+            return isBetweenInclusive(timestamp, this.selectedDates[0], this._secondTimestamp);
+        }
+        return isBetweenInclusive(timestamp, this.selectedDates[0], this.selectedDates[1]);
+    }
+    _onkeydown(e) {
+        let preventDefault = true;
+        const pageSize = this._getPageSize();
+        const rowSize = this._getRowSize();
+        if (isEnter(e)) {
+            this._selectYearRange(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(-rowSize);
+        }
+        else if (isDown(e)) {
+            this._modifyTimestampBy(rowSize);
+        }
+        else if (isPageUp(e)) {
+            this._modifyTimestampBy(-pageSize);
+        }
+        else if (isPageDown(e)) {
+            this._modifyTimestampBy(pageSize);
+        }
+        else if (isHome(e) || isEnd(e)) {
+            this._onHomeOrEnd(isHome(e));
+        }
+        else if (isHomeCtrl(e)) {
+            this._setTimestamp(parseInt(this._yearRanges[0][0].timestamp)); // first year range of first row
+        }
+        else if (isEndCtrl(e)) {
+            this._setTimestamp(parseInt(this._yearRanges[pageSize / rowSize - 1][rowSize - 1].timestamp)); // last year range of last row
+        }
+        else {
+            preventDefault = false;
+        }
+        if (preventDefault) {
+            e.preventDefault();
+        }
+    }
+    _onkeyup(e) {
+        if (isSpace(e)) {
+            this._selectYearRange(e);
+        }
+    }
+    _onHomeOrEnd(homePressed) {
+        this._yearRanges.forEach(row => {
+            const indexInRow = row.findIndex(item => {
+                const startYear = CalendarDate.fromTimestamp(parseInt(item.timestamp) * 1000).getYear();
+                const currentYear = this._calendarDate.getYear();
+                return isBetweenInclusive(startYear, currentYear, currentYear + this._getRangeSize() - 1);
+            });
+            if (indexInRow !== -1) { // The current year is on this row
+                const index = homePressed ? 0 : this._getRowSize() - 1; // select the first (if Home) or last (if End) year on the row
+                this._setTimestamp(parseInt(row[index].timestamp));
+            }
+        });
+    }
+    /**
+     * Set the hovered day as the "_secondTimestamp".
+     *
+     * @param e
+     * @private
+     */
+    _onmouseover(e) {
+        const target = e.target;
+        const hoveredItem = target.closest(".ui5-yrp-item");
+        if (hoveredItem && this._showRangeSelection && this.selectedDates.length === 1) {
+            this._secondTimestamp = this._getTimestampFromDom(hoveredItem);
+        }
+    }
+    /**
+     * Sets the timestamp to an absolute value.
+     * @param value
+     * @private
+     */
+    _setTimestamp(value) {
+        this._safelySetTimestamp(value);
+        this.fireDecoratorEvent("navigate", { timestamp: this.timestamp });
+    }
+    /**
+     * In range selection, the currently focused or hovered year range is considered the "second timestamp".
+     * @private
+     */
+    _updateSecondTimestamp() {
+        if (this._showRangeSelection && (this.selectedDates.length === 1 || this.selectedDates.length === 2)) {
+            this._secondTimestamp = this.timestamp;
+        }
+    }
+    /**
+     * User selected range with the mouse or pressed Enter/Space.
+     * @param e
+     * @private
+     */
+    _selectYearRange(e) {
+        e.preventDefault();
+        const target = e.target;
+        if (target.className.indexOf("ui5-yrp-item") === -1) {
+            return;
+        }
+        let timestamp = this._getTimestampFromDom(target);
+        timestamp = this._getYearPickerCenteredTimestamp(timestamp);
+        this._safelySetTimestamp(timestamp);
+        this.fireDecoratorEvent("change", {
+            timestamp: this.timestamp,
+        });
+    }
+    /**
+     * Returns the centered timestamp for the year picker.
+     * @private
+     */
+    _getYearPickerCenteredTimestamp(oldTimestamp) {
+        const yearsOffset = this.hasSecondaryCalendarType ? 2 : 9;
+        const selectedDate = CalendarDate.fromTimestamp(oldTimestamp * 1000, this._primaryCalendarType);
+        const startYear = selectedDate.getYear();
+        const centeredYear = startYear + yearsOffset;
+        selectedDate.setYear(centeredYear);
+        return selectedDate.valueOf() / 1000;
+    }
+    /**
+     * Called by the Calendar component.
+     * @protected
+     */
+    _hasPreviousPage() {
+        return this._gridStartYear > this._minDate.getYear();
+    }
+    /**
+     * Called by the Calendar component.
+     * @protected
+     */
+    _hasNextPage() {
+        const amountInYears = this._getPageSize() * this._getRangeSize();
+        return this._gridStartYear + amountInYears - 1 < this._maxDate.getYear();
+    }
+    /**
+     * Called by the Calendar component.
+     * **Note:** when the user presses the "<" button in the calendar header (same as "PageUp")
+     * @protected
+     */
+    _showPreviousPage() {
+        const pageSize = this._getPageSize();
+        this._modifyTimestampBy(-pageSize);
+        const amountInYears = pageSize * this._getRangeSize();
+        this._modifyGridStartBy(-amountInYears);
+    }
+    /**
+     * Called by the Calendar component.
+     * **Note:** when the user presses the ">" button in the calendar header (same as "PageDown")
+     * @protected
+     */
+    _showNextPage() {
+        const pageSize = this._getPageSize();
+        this._modifyTimestampBy(pageSize);
+        const amountInYears = pageSize * this._getRangeSize();
+        this._modifyGridStartBy(amountInYears);
+    }
+    /**
+     * Modifies timestamp by a given amount of year ranges and, if necessary, loads the prev/next page.
+     * @param amount
+     * @private
+     */
+    _modifyTimestampBy(amount) {
+        // Modify the current timestamp
+        const amountInYears = amount * this._getRangeSize();
+        this._safelyModifyTimestampBy(amountInYears, "year");
+        // Notify the calendar to update its timestamp
+        this.fireDecoratorEvent("navigate", { timestamp: this.timestamp });
+    }
+    _modifyGridStartBy(years) {
+        this._gridStartYear += years;
+    }
+};
+__decorate([
+    property({ type: Array })
+], YearRangePicker.prototype, "selectedDates", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], YearRangePicker.prototype, "_showRangeSelection", void 0);
+__decorate([
+    property({ type: Number })
+], YearRangePicker.prototype, "_secondTimestamp", void 0);
+__decorate([
+    property({ type: Array })
+], YearRangePicker.prototype, "_yearRanges", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], YearRangePicker.prototype, "_hidden", void 0);
+__decorate([
+    property({ noAttribute: true })
+], YearRangePicker.prototype, "_currentYearRange", void 0);
+__decorate([
+    i18n("@ui5/webcomponents")
+], YearRangePicker, "i18nBundle", void 0);
+YearRangePicker = YearRangePicker_1 = __decorate([
+    customElement({
+        tag: "ui5-yearrangepicker",
+        styles: [
+            yearRangePickerStyles,
+        ],
+        template: YearRangePickerTemplate,
+    })
+    /**
+     * Fired when the user selects a year range via "Space", "Enter" or click.
+     */
+    ,
+    event("change", {
+        bubbles: true,
+    })
+    /**
+     * Fired when the timestamp changes - the user navigates with the keyboard or clicks with the mouse.
+     */
+    ,
+    event("navigate", {
+        bubbles: true,
+    })
+], YearRangePicker);
+YearRangePicker.define();
+export default YearRangePicker;
+//# sourceMappingURL=YearRangePicker.js.map

package/dist/YearRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearRangePicker.js","sourceRoot":"","sources":["../src/YearRangePicker.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-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type LocaleT from \"sap/ui/core/Locale\";\nimport DateFormat from \"@ui5/webcomponents-localization/dist/DateFormat.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 getLocale from \"@ui5/webcomponents-base/dist/locale/getLocale.js\";\nimport CalendarDate from \"@ui5/webcomponents-localization/dist/dates/CalendarDate.js\";\nimport { getMaxCalendarDate } from \"@ui5/webcomponents-localization/dist/dates/ExtremeDates.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport CalendarPart from \"./CalendarPart.js\";\nimport type { ICalendarPicker, CalendarYearRangeT } from \"./Calendar.js\";\nimport { YEAR_RANGE_PICKER_DESCRIPTION } from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport YearRangePickerTemplate from \"./YearRangePickerTemplate.js\";\n\n// Styles\nimport yearRangePickerStyles from \"./generated/themes/YearRangePicker.css.js\";\n\nconst isBetweenInclusive = (x: number, num1: number, num2: number) => x >= Math.min(num1, num2) && x <= Math.max(num1, num2);\n\ntype YearRange = {\n\ttimestamp: string;\n\t_tabIndex: number;\n\tfocusRef: boolean;\n\tselected: boolean;\n\tariaSelected: boolean;\n\trange: string;\n\trangeInSecType: string | undefined;\n\tdisabled: boolean;\n\tariaDisabled: boolean | undefined;\n\tclasses: string;\n\tparts: string;\n}\n\ntype YearRanges = Array<Array<YearRange>>;\n\ntype YearRangePickerChangeEventDetail = {\n\ttimestamp: number,\n}\n\ntype YearRangePickerNavigateEventDetail = {\n\ttimestamp: number,\n}\n\n/**\n * @class\n *\n * Displays year ranges which help navigate through years faster.\n * @constructor\n * @extends CalendarPart\n * @private\n */\n@customElement({\n\ttag: \"ui5-yearrangepicker\",\n\tstyles: [\n\t\tyearRangePickerStyles,\n\t],\n\ttemplate: YearRangePickerTemplate,\n})\n\n/**\n * Fired when the user selects a year range via \"Space\", \"Enter\" or click.\n */\n@event(\"change\", {\n\tbubbles: true,\n})\n/**\n * Fired when the timestamp changes - the user navigates with the keyboard or clicks with the mouse.\n */\n@event(\"navigate\", {\n\tbubbles: true,\n})\nclass YearRangePicker extends CalendarPart implements ICalendarPicker {\n\teventDetails!: CalendarPart[\"eventDetails\"] & {\n\t\t\"change\": YearRangePickerChangeEventDetail,\n\t\t\"navigate\": YearRangePickerNavigateEventDetail,\n\t}\n\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 * @default []\n\t */\n\t@property({ type: Array })\n\tselectedDates: Array<number> = [];\n\n\t/**\n\t * Defines if the YearRangePicker should visualize the selected dates as a range.\n\t * @default false\n\t *\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_showRangeSelection = false;\n\n\t/**\n\t * When _showRangeSelection is \"true\" and the first year in the range is selected, this is the currently hovered or focused year range.\n\t *\n\t * @private\n\t */\n\t@property({ type: Number })\n\t_secondTimestamp?: number;\n\n\t@property({ type: Array })\n\t_yearRanges: YearRanges = [];\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_hidden = false;\n\n\t@property({ noAttribute: true })\n\t_currentYearRange?: CalendarYearRangeT;\n\n\t_gridStartYear?: number;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tget roleDescription() {\n\t\treturn YearRangePicker.i18nBundle.getText(YEAR_RANGE_PICKER_DESCRIPTION);\n\t}\n\n\tonBeforeRendering() {\n\t\tif (this._hidden) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._gridStartYear = this._getGridStartYear();\n\t\tthis._yearRanges = this._getYearRanges();\n\t}\n\n\t_shouldShowOneColumn() {\n\t\tconst locale = getLocale() as unknown as LocaleT;\n\t\tconst language = locale.getLanguage();\n\t\tconst longLanguages = [\"zh\", \"ja\", \"ko\", \"bg\", \"mk\", \"ru\"];\n\n\t\treturn longLanguages.includes(language) && this.hasSecondaryCalendarType;\n\t}\n\n\t_getPageSize() {\n\t\treturn this._shouldShowOneColumn() ? 6 : 8;\n\t}\n\n\t_getRowSize() {\n\t\treturn this._shouldShowOneColumn() ? 1 : 2;\n\t}\n\n\t_getInitialFocusedIndex() {\n\t\treturn 2;\n\t}\n\n\t_getRangeSize() {\n\t\treturn this.hasSecondaryCalendarType ? 8 : 20;\n\t}\n\n\t_getYearRangeFormattedText(startDate: CalendarDate, endDate: CalendarDate, yearFormat: DateFormat): string {\n\t\treturn `${yearFormat.format(startDate.toLocalJSDate())} - ${yearFormat.format(endDate.toLocalJSDate())}`;\n\t}\n\n\t_getGridStartYear() {\n\t\tconst rangeSize = this._getRangeSize();\n\t\tconst pageSize = this._getPageSize();\n\t\tconst pageSizeInYears = rangeSize * pageSize;\n\t\tconst yearsOffset = rangeSize * this._getInitialFocusedIndex();\n\t\tconst currentStartYear = this._currentYearRange?.startYear ? this._currentYearRange?.startYear : this._calendarDate.getYear();\n\n\t\t// On first load, current range should be the 3rd item in the grid\n\t\tlet gridStartYear = this._gridStartYear ? this._gridStartYear : currentStartYear - yearsOffset;\n\n\t\t// If page navigation occured, update the current range start year\n\t\tgridStartYear += Math.floor((currentStartYear - gridStartYear) / pageSizeInYears) * pageSizeInYears;\n\n\t\t// Normalize grid start year to be between the min and absolute max year\n\t\tconst minYear = this._minDate.getYear();\n\t\tif (currentStartYear - rangeSize < minYear) {\n\t\t\tgridStartYear = minYear;\n\t\t}\n\n\t\tconst absoluteMaxYear = getMaxCalendarDate(this._primaryCalendarType).getYear();\n\t\tif (currentStartYear + pageSizeInYears > absoluteMaxYear) {\n\t\t\tgridStartYear = absoluteMaxYear - pageSizeInYears + 1;\n\t\t}\n\n\t\treturn gridStartYear;\n\t}\n\n\t_getYearRanges() {\n\t\tconst locale = getLocale() as unknown as LocaleT;\n\t\tconst yearFormat = DateFormat.getDateInstance({ format: \"y\", calendarType: this._primaryCalendarType }, locale);\n\t\tconst yearFormatInSecType = DateFormat.getDateInstance({ format: \"y\", calendarType: this._secondaryCalendarType }, locale);\n\n\t\tconst pageSize = this._getPageSize();\n\t\tconst rowSize = this._getRowSize();\n\t\tconst rangeSize = this._getRangeSize();\n\n\t\tconst calendarDate = this._calendarDate;\n\t\tconst minYear = this._minDate.getYear();\n\t\tconst maxYear = this._maxDate.getYear();\n\n\t\tconst tempDate = new CalendarDate(calendarDate, this._primaryCalendarType);\n\t\ttempDate.setYear(this._gridStartYear!);\n\n\t\tconst yearRanges: YearRanges = [];\n\n\t\tfor (let i = 0; i < pageSize; i++) {\n\t\t\tconst endDate = new CalendarDate(tempDate, this._primaryCalendarType);\n\t\t\tendDate.setYear(endDate.getYear() + rangeSize - 1);\n\n\t\t\tconst timestamp = tempDate.valueOf() / 1000;\n\t\t\tconst endTimestamp = endDate.valueOf() / 1000;\n\n\t\t\tconst isFocused = isBetweenInclusive(calendarDate.getYear(), tempDate.getYear(), endDate.getYear());\n\n\t\t\tconst isSelected = this._isYearRangeSelected(timestamp, endTimestamp);\n\t\t\tconst isSelectedBetween = this._isInsideSelectionRange(timestamp);\n\n\t\t\tconst yearRangeText = this._getYearRangeFormattedText(tempDate, endDate, yearFormat);\n\t\t\tconst secYearRangeText = this.hasSecondaryCalendarType ? this._getYearRangeFormattedText(tempDate, endDate, yearFormatInSecType) : undefined;\n\n\t\t\tconst isDisabled = !(isBetweenInclusive(tempDate.getYear(), minYear, maxYear)\n\t\t\t\t\t\t\t\t|| isBetweenInclusive(endDate.getYear(), minYear, maxYear));\n\n\t\t\tconst yearRange = this._getYearRange(timestamp, isFocused, isSelected, isSelectedBetween, yearRangeText, secYearRangeText, isDisabled);\n\n\t\t\tconst intervalIndex = Math.floor(i / rowSize);\n\n\t\t\tif (yearRanges[intervalIndex]) {\n\t\t\t\tyearRanges[intervalIndex].push(yearRange);\n\t\t\t} else {\n\t\t\t\tyearRanges[intervalIndex] = [yearRange];\n\t\t\t}\n\n\t\t\ttempDate.setYear(tempDate.getYear() + rangeSize);\n\t\t}\n\n\t\treturn yearRanges;\n\t}\n\n\t_getYearRange(timestamp: number, isFocused: boolean, isSelected: boolean, isSelectedBetween: boolean, yearRangeText: string, secYearRangeText: string | undefined, isDisabled: boolean) {\n\t\tconst yearRange: YearRange = {\n\t\t\ttimestamp: timestamp.toString(),\n\t\t\t_tabIndex: isFocused ? 0 : -1,\n\t\t\tfocusRef: isFocused,\n\t\t\tselected: isSelected || isSelectedBetween,\n\t\t\tariaSelected: isSelected || isSelectedBetween,\n\t\t\trange: yearRangeText,\n\t\t\trangeInSecType: secYearRangeText,\n\t\t\tdisabled: isDisabled,\n\t\t\tariaDisabled: isDisabled,\n\t\t\tclasses: \"ui5-yrp-item\",\n\t\t\tparts: \"year-range-cell\",\n\t\t};\n\n\t\tif (isSelected) {\n\t\t\tyearRange.classes += \" ui5-yrp-item--selected\";\n\t\t\tyearRange.parts += \" year-range-cell-selected\";\n\t\t}\n\n\t\tif (isSelectedBetween && !isSelected) {\n\t\t\tyearRange.classes += \" ui5-yrp-item--selected-between\";\n\t\t\tyearRange.parts += \" year-range-cell-selected-between\";\n\t\t}\n\n\t\tif (isDisabled) {\n\t\t\tyearRange.classes += \" ui5-yrp-item--disabled\";\n\t\t}\n\n\t\tif (this.hasSecondaryCalendarType) {\n\t\t\tyearRange.classes += \" ui5-yrp-item-secondary-type\";\n\t\t}\n\n\t\tif (this._shouldShowOneColumn()) {\n\t\t\tyearRange.classes += \" ui5-yrp-item-one-column-view\";\n\t\t}\n\n\t\treturn yearRange;\n\t}\n\n\t_isYearRangeSelected(startYear: number, endYear: number) {\n\t\treturn this.selectedDates.some(itemTimestamp => {\n\t\t\treturn isBetweenInclusive(itemTimestamp, startYear, endYear);\n\t\t});\n\t}\n\n\t/**\n\t  * Returns true if the timestamp is inside the selection range.\n\t  * @private\n\t  */\n\t_isInsideSelectionRange(timestamp: number): boolean {\n\t\tif (!this._showRangeSelection || !this.selectedDates.length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.selectedDates.length === 1 && this._secondTimestamp) {\n\t\t\treturn isBetweenInclusive(timestamp, this.selectedDates[0], this._secondTimestamp);\n\t\t}\n\n\t\treturn isBetweenInclusive(timestamp, this.selectedDates[0], this.selectedDates[1]);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tlet preventDefault = true;\n\t\tconst pageSize = this._getPageSize();\n\t\tconst rowSize = this._getRowSize();\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._selectYearRange(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(-rowSize);\n\t\t} else if (isDown(e)) {\n\t\t\tthis._modifyTimestampBy(rowSize);\n\t\t} else if (isPageUp(e)) {\n\t\t\tthis._modifyTimestampBy(-pageSize);\n\t\t} else if (isPageDown(e)) {\n\t\t\tthis._modifyTimestampBy(pageSize);\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._yearRanges[0][0].timestamp)); // first year range of first row\n\t\t} else if (isEndCtrl(e)) {\n\t\t\tthis._setTimestamp(parseInt(this._yearRanges[pageSize / rowSize - 1][rowSize - 1].timestamp)); // last year range 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_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._selectYearRange(e);\n\t\t}\n\t}\n\n\t_onHomeOrEnd(homePressed: boolean) {\n\t\tthis._yearRanges.forEach(row => {\n\t\t\tconst indexInRow = row.findIndex(item => {\n\t\t\t\tconst startYear = CalendarDate.fromTimestamp(parseInt(item.timestamp) * 1000).getYear();\n\t\t\t\tconst currentYear = this._calendarDate.getYear();\n\t\t\t\treturn isBetweenInclusive(startYear, currentYear, currentYear + this._getRangeSize() - 1);\n\t\t\t});\n\t\t\tif (indexInRow !== -1) { // The current year is on this row\n\t\t\t\tconst index = homePressed ? 0 : this._getRowSize() - 1; // select the first (if Home) or last (if End) year 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 * Set the hovered day as the \"_secondTimestamp\".\n\t *\n\t * @param e\n\t * @private\n\t */\n\t_onmouseover(e: MouseEvent) {\n\t\tconst target = e.target as HTMLElement;\n\t\tconst hoveredItem = target.closest(\".ui5-yrp-item\") as HTMLElement;\n\t\tif (hoveredItem && this._showRangeSelection && this.selectedDates.length === 1) {\n\t\t\tthis._secondTimestamp = this._getTimestampFromDom(hoveredItem);\n\t\t}\n\t}\n\n\t/**\n\t * Sets the timestamp to an absolute value.\n\t * @param value\n\t * @private\n\t */\n\t_setTimestamp(value: number) {\n\t\tthis._safelySetTimestamp(value);\n\t\tthis.fireDecoratorEvent(\"navigate\", { timestamp: this.timestamp! });\n\t}\n\n\t/**\n\t * In range selection, the currently focused or hovered year range is considered the \"second timestamp\".\n\t * @private\n\t */\n\t_updateSecondTimestamp() {\n\t\tif (this._showRangeSelection && (this.selectedDates.length === 1 || this.selectedDates.length === 2)) {\n\t\t\tthis._secondTimestamp = this.timestamp;\n\t\t}\n\t}\n\n\t/**\n\t * User selected range with the mouse or pressed Enter/Space.\n\t * @param e\n\t * @private\n\t */\n\t_selectYearRange(e: Event) {\n\t\te.preventDefault();\n\t\tconst target = e.target as HTMLElement;\n\n\t\tif (target.className.indexOf(\"ui5-yrp-item\") === -1) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet timestamp = this._getTimestampFromDom(target);\n\t\ttimestamp = this._getYearPickerCenteredTimestamp(timestamp);\n\n\t\tthis._safelySetTimestamp(timestamp);\n\t\tthis.fireDecoratorEvent(\"change\", {\n\t\t\ttimestamp: this.timestamp!,\n\t\t});\n\t}\n\n\t/**\n\t * Returns the centered timestamp for the year picker.\n\t * @private\n\t */\n\t_getYearPickerCenteredTimestamp(oldTimestamp: number): number {\n\t\tconst yearsOffset = this.hasSecondaryCalendarType ? 2 : 9;\n\t\tconst selectedDate = CalendarDate.fromTimestamp(oldTimestamp * 1000, this._primaryCalendarType);\n\t\tconst startYear = selectedDate.getYear();\n\t\tconst centeredYear = startYear + yearsOffset;\n\n\t\tselectedDate.setYear(centeredYear);\n\n\t\treturn selectedDate.valueOf() / 1000;\n\t}\n\n\t/**\n\t * Called by the Calendar component.\n\t * @protected\n\t */\n\t_hasPreviousPage(): boolean {\n\t\treturn this._gridStartYear! > this._minDate.getYear();\n\t}\n\n\t/**\n\t * Called by the Calendar component.\n\t * @protected\n\t */\n\t_hasNextPage(): boolean {\n\t\tconst amountInYears = this._getPageSize() * this._getRangeSize();\n\t\treturn this._gridStartYear! + amountInYears - 1 < this._maxDate.getYear();\n\t}\n\n\t/**\n\t * Called by the Calendar component.\n\t * **Note:** when the user presses the \"<\" button in the calendar header (same as \"PageUp\")\n\t * @protected\n\t */\n\t_showPreviousPage() {\n\t\tconst pageSize = this._getPageSize();\n\t\tthis._modifyTimestampBy(-pageSize);\n\n\t\tconst amountInYears = pageSize * this._getRangeSize();\n\t\tthis._modifyGridStartBy(-amountInYears);\n\t}\n\n\t/**\n\t * Called by the Calendar component.\n\t * **Note:** when the user presses the \">\" button in the calendar header (same as \"PageDown\")\n\t * @protected\n\t */\n\t_showNextPage() {\n\t\tconst pageSize = this._getPageSize();\n\t\tthis._modifyTimestampBy(pageSize);\n\n\t\tconst amountInYears = pageSize * this._getRangeSize();\n\t\tthis._modifyGridStartBy(amountInYears);\n\t}\n\n\t/**\n\t * Modifies timestamp by a given amount of year ranges and, if necessary, loads the prev/next page.\n\t * @param amount\n\t * @private\n\t */\n\t_modifyTimestampBy(amount: number) {\n\t\t// Modify the current timestamp\n\t\tconst amountInYears = amount * this._getRangeSize();\n\t\tthis._safelyModifyTimestampBy(amountInYears, \"year\");\n\n\t\t// Notify the calendar to update its timestamp\n\t\tthis.fireDecoratorEvent(\"navigate\", { timestamp: this.timestamp! });\n\t}\n\n\t_modifyGridStartBy(years: number) {\n\t\tthis._gridStartYear! += years;\n\t}\n}\n\nYearRangePicker.define();\n\nexport default YearRangePicker;\nexport type {\n\tYearRangePickerChangeEventDetail,\n\tYearRangePickerNavigateEventDetail,\n};\n"]}

package/dist/YearRangePickerTemplate.d.ts

@@ -0,0 +1,2 @@
+import type YearRangePicker from "./YearRangePicker.js";
+export default function YearRangePickerTemplate(this: YearRangePicker): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/YearRangePickerTemplate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+export default function YearRangePickerTemplate() {
+    return (_jsx("div", { class: "ui5-yrp-root", part: "year-range-picker-root", role: "grid", "aria-roledescription": this.roleDescription, "aria-readonly": "false", "aria-multiselectable": "false", onClick: this._selectYearRange, onMouseOver: this._onmouseover, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, children: this._yearRanges.map(rangeRow => _jsx("div", { role: "row", class: "ui5-yrp-interval-container", children: rangeRow.map(yearRange => _jsxs("div", { "data-sap-timestamp": yearRange.timestamp, tabindex: yearRange._tabIndex, "data-sap-focus-ref": yearRange.focusRef ? "true" : undefined, class: yearRange.classes, part: yearRange.parts, role: "gridcell", "aria-selected": yearRange.ariaSelected, "aria-disabled": yearRange.ariaDisabled, children: [_jsx("span", { class: "ui5-dp-yeartext", children: yearRange.range }), yearRange.rangeInSecType &&
+                        _jsx("span", { class: "ui5-yrp-item-sec-type", children: yearRange.rangeInSecType })] })) })) }));
+}
+//# sourceMappingURL=YearRangePickerTemplate.js.map

package/dist/YearRangePickerTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearRangePickerTemplate.js","sourceRoot":"","sources":["../src/YearRangePickerTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC9C,OAAO,CACN,cACC,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,wBAAwB,EAC7B,IAAI,EAAC,MAAM,0BACW,IAAI,CAAC,eAAe,mBAC5B,OAAO,0BACA,OAAO,EAC5B,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,YAErB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAChC,cAAK,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B,YAChD,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,qCACN,SAAS,CAAC,SAAS,EACvC,QAAQ,EAAE,SAAS,CAAC,SAAS,wBACT,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3D,KAAK,EAAE,SAAS,CAAC,OAAO,EACxB,IAAI,EAAE,SAAS,CAAC,KAAK,EACrB,IAAI,EAAC,UAAU,mBACA,SAAS,CAAC,YAAY,mBACtB,SAAS,CAAC,YAAY,aAErC,eAAM,KAAK,EAAC,iBAAiB,YAC3B,SAAS,CAAC,KAAK,GACV,EAEN,SAAS,CAAC,cAAc;wBACxB,eAAM,KAAK,EAAC,uBAAuB,YACjC,SAAS,CAAC,cAAc,GACnB,IAEH,CACL,GACI,CACN,GACI,CAAC,CAAC;AACV,CAAC","sourcesContent":["import type YearRangePicker from \"./YearRangePicker.js\";\n\nexport default function YearRangePickerTemplate(this: YearRangePicker) {\n\treturn (\n\t\t<div\n\t\t\tclass=\"ui5-yrp-root\"\n\t\t\tpart=\"year-range-picker-root\"\n\t\t\trole=\"grid\"\n\t\t\taria-roledescription={this.roleDescription}\n\t\t\taria-readonly=\"false\"\n\t\t\taria-multiselectable=\"false\"\n\t\t\tonClick={this._selectYearRange}\n\t\t\tonMouseOver={this._onmouseover}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\tonKeyUp={this._onkeyup}\n\t\t>\n\t\t\t{this._yearRanges.map(rangeRow =>\n\t\t\t\t<div role=\"row\" class=\"ui5-yrp-interval-container\">\n\t\t\t\t\t{rangeRow.map(yearRange => <div\n\t\t\t\t\t\tdata-sap-timestamp={yearRange.timestamp}\n\t\t\t\t\t\ttabindex={yearRange._tabIndex}\n\t\t\t\t\t\tdata-sap-focus-ref={yearRange.focusRef ? \"true\" : undefined}\n\t\t\t\t\t\tclass={yearRange.classes}\n\t\t\t\t\t\tpart={yearRange.parts}\n\t\t\t\t\t\trole=\"gridcell\"\n\t\t\t\t\t\taria-selected={yearRange.ariaSelected}\n\t\t\t\t\t\taria-disabled={yearRange.ariaDisabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"ui5-dp-yeartext\">\n\t\t\t\t\t\t\t{yearRange.range}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tyearRange.rangeInSecType &&\n\t\t\t\t\t\t\t<span class=\"ui5-yrp-item-sec-type\">\n\t\t\t\t\t\t\t\t{yearRange.rangeInSecType}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>);\n}\n"]}

package/dist/bundle-assets/IconPensilJSXTemplate.d.ts

@@ -0,0 +1 @@
+export default function IconPensilJSXTemplate(): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/bundle-assets/IconPensilJSXTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+export default function IconPensilJSXTemplate() {
+    return (_jsxs("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { "clip-path": "url(#clip0_2221_23716)", children: [_jsx("path", { d: "M11.3333 1.99998C11.503 1.79933 11.7131 1.63601 11.9499 1.52043C12.1868 1.40485 12.4453 1.33953 12.709 1.32865C12.9727 1.31777 13.2358 1.36156 13.4815 1.45723C13.7272 1.55291 13.9502 1.69836 14.1361 1.88432C14.3221 2.07029 14.467 2.29268 14.5616 2.53734C14.6562 2.78199 14.6985 3.04353 14.6857 3.3053C14.6728 3.56706 14.6052 3.8233 14.4872 4.05769C14.3691 4.29207 14.2032 4.49947 13.9999 4.66664L4.99992 13.6666L1.33325 14.6666L2.33325 11L11.3333 1.99998Z", "stroke-linecap": "round", "stroke-linejoin": "round" }), _jsx("path", { d: "M10 3.33331L12.6667 5.99998", "stroke-linecap": "round", "stroke-linejoin": "round" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_2221_23716", children: _jsx("rect", { width: "16", height: "16" }) }) })] }));
+}
+//# sourceMappingURL=IconPensilJSXTemplate.js.map

package/dist/bundle-assets/IconPensilJSXTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPensilJSXTemplate.js","sourceRoot":"","sources":["../../src/bundle-assets/IconPensilJSXTemplate.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,qBAAqB;IAC5C,OAAO,CACN,eAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aAC1D,0BAAa,wBAAwB,aAAC,eAAM,CAAC,EAAC,ycAAyc,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,EAAA,eAAM,CAAC,EAAC,6BAA6B,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,IAAI,EACloB,yBACC,mBAAU,EAAE,EAAC,kBAAkB,YAAC,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAE,GAAW,GACnE,IACF,CACN,CAAC;AACH,CAAC","sourcesContent":["export default function IconPensilJSXTemplate() {\n\treturn (\n\t\t<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_2221_23716)\"><path d=\"M11.3333 1.99998C11.503 1.79933 11.7131 1.63601 11.9499 1.52043C12.1868 1.40485 12.4453 1.33953 12.709 1.32865C12.9727 1.31777 13.2358 1.36156 13.4815 1.45723C13.7272 1.55291 13.9502 1.69836 14.1361 1.88432C14.3221 2.07029 14.467 2.29268 14.5616 2.53734C14.6562 2.78199 14.6985 3.04353 14.6857 3.3053C14.6728 3.56706 14.6052 3.8233 14.4872 4.05769C14.3691 4.29207 14.2032 4.49947 13.9999 4.66664L4.99992 13.6666L1.33325 14.6666L2.33325 11L11.3333 1.99998Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M10 3.33331L12.6667 5.99998\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_2221_23716\"><rect width=\"16\" height=\"16\"/></clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t);\n}\n"]}

package/dist/bundle.common.bootstrap.d.ts

@@ -1,4 +1,3 @@
-import "@ui5/webcomponents-base/dist/features/OpenUI5Support.js";
 import "./Assets.js";
 import "@ui5/webcomponents-icons/dist/Assets.js";
 import "@ui5/webcomponents-icons/dist/AllIcons.js";
@@ -49,6 +48,8 @@ declare const testAssets: {
     getLocaleData: (lang: string) => Promise<import("@ui5/webcomponents-localization/dist/LocaleData.js").default>;
     applyDirection: () => Promise<void>;
     attachDirectionChange: (listener: () => void) => void;
+    attachLanguageChange: (listener: (lang: string) => Promise<void | Array<void>>) => void;
+    detachLanguageChange: (listener: (lang: string) => Promise<void | Array<void>>) => void;
     ResizeHandler: typeof ResizeHandler;
     addCustomCSS: (tag: string, css: string) => Promise<void>;
     attachThemeLoaded: (listener: (theme: string) => void) => void;
@@ -60,5 +61,6 @@ declare const testAssets: {
     getEffectiveIconCollection: (collectionName?: import("@ui5/webcomponents-base/dist/config/Icons.js").IconCollection) => import("@ui5/webcomponents-base/dist/config/Icons.js").IconCollection;
     ignoreCustomElements: (tagPrefix: string) => void;
     shouldIgnoreCustomElement: (tag: string) => boolean;
+    startMultipleDrag: (count: number, e: DragEvent) => Promise<void>;
 };
 export default testAssets;

package/dist/bundle.common.bootstrap.js

@@ -1,7 +1,7 @@
 import { setRuntimeAlias } from "@ui5/webcomponents-base/dist/Runtimes.js";
 /* eslint-disable @typescript-eslint/no-unused-vars */
 // OpenUI5 integration
-import "@ui5/webcomponents-base/dist/features/OpenUI5Support.js";
+import OpenUI5Support from "@ui5/webcomponents-base/dist/features/OpenUI5Support.js";
 // Assets
 import "./Assets.js";
 // Icons
@@ -56,11 +56,14 @@ import { getFirstDayOfWeek } from "@ui5/webcomponents-base/dist/config/FormatSet
 import { _getRegisteredNames as getIconNames, getIconAccessibleName } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
 import applyDirection from "@ui5/webcomponents-base/dist/locale/applyDirection.js";
 import { attachDirectionChange } from "@ui5/webcomponents-base/dist/locale/directionChange.js";
+import { attachLanguageChange, detachLanguageChange } from "@ui5/webcomponents-base/dist/locale/languageChange.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import announce from "@ui5/webcomponents-base/dist/util/InvisibleMessage.js";
 import { ignoreCustomElements, shouldIgnoreCustomElement } from "@ui5/webcomponents-base/dist/IgnoreCustomElements.js";
+import { startMultipleDrag } from "@ui5/webcomponents-base/dist/DragAndDrop.js";
 import getElementSelection from "@ui5/webcomponents-base/dist/util/SelectionAssistant.js";
 import * as defaultTexts from "./generated/i18n/i18n-defaults.js";
+// OpenUI5Support.enablePolling = true;
 setRuntimeAlias("UI5 Web Components Playground");
 // @ts-ignore
 window.sanitizeHTML = sanitizeHTML;
@@ -92,6 +95,8 @@ const testAssets = {
     getLocaleData,
     applyDirection,
     attachDirectionChange,
+    attachLanguageChange,
+    detachLanguageChange,
     ResizeHandler,
     addCustomCSS,
     attachThemeLoaded,
@@ -103,6 +108,7 @@ const testAssets = {
     getEffectiveIconCollection,
     ignoreCustomElements,
     shouldIgnoreCustomElement,
+    startMultipleDrag,
 };
 // @ts-ignore
 window["sap-ui-webcomponents-bundle"] = testAssets;

package/dist/bundle.common.bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.common.bootstrap.js","sourceRoot":"","sources":["../src/bundle.common.bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import { setRuntimeAlias } from \"@ui5/webcomponents-base/dist/Runtimes.js\";\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\n// OpenUI5 integration\nimport \"@ui5/webcomponents-base/dist/features/OpenUI5Support.js\";\n\n// Assets\nimport \"./Assets.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/Assets.js\";\nimport \"@ui5/webcomponents-icons/dist/AllIcons.js\";\n\n// TNT Icons\nimport \"@ui5/webcomponents-icons-tnt/dist/Assets.js\";\nimport \"@ui5/webcomponents-icons-tnt/dist/AllIcons.js\";\n\n// SAP Business Suite Icons\nimport \"@ui5/webcomponents-icons-business-suite/dist/Assets.js\";\nimport \"@ui5/webcomponents-icons-business-suite/dist/AllIcons.js\";\n\nimport \"@ui5/webcomponents-base/dist/features/F6Navigation.js\";\nimport { addCustomCSS, attachThemeLoaded, detachThemeLoaded } from \"@ui5/webcomponents-base/dist/Theming.js\";\n// import \"./customI18n.js\";\n\n// Calendars\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";\n\n// CLDR\nimport getLocaleData from \"@ui5/webcomponents-localization/dist/locale/getLocaleData.js\";\n\n// import { registerCustomThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/AssetRegistry.js\";\n// import { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\n// const customThemeLoader = theme => Promise.resolve(`:root {\n// \t${getScopedVarName(\"--_ui5_button_base_height\")}: 4rem;\n// \t${getScopedVarName(\"--_ui5_button_base_padding\")}: 2rem;\n// }`);\n// registerCustomThemePropertiesLoader(\"@ui5/webcomponents\", \"my_custom_theme\", customThemeLoader);\n\n// Uncomment to test the registration of custom properties and JSON bundles - use the TextArea test page\n// import { registerI18nLoader } from \"@ui5/webcomponents-base/dist/asset-registries/i18n.js\";\n// import parse from \"@ui5/webcomponents-base/dist/PropertiesFileFormat.js\";\n\n// const bg = \"https://sdk.openui5.org/resources/sap/ui/core/messagebundle_bg.properties\";\n// registerI18nLoader(\"@ui5/webcomponents\", \"bg\", async (localeId) => {\n// \tconst props = await (await fetch(bg)).text();\n// \treturn parse(props);\n// });\n// registerI18nLoader(\"@ui5/webcomponents\", \"fr\", async (localeId) => {\n// \treturn await (await fetch(\"fr\")).json();\n// });\n\n// used in test pages\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport { resetConfiguration } from \"@ui5/webcomponents-base/dist/InitialConfiguration.js\";\n\nimport { sanitizeHTML, URLListValidator } from \"@ui5/webcomponents-base/dist/util/HTMLSanitizer.js\";\n\nimport { getAnimationMode, setAnimationMode } from \"@ui5/webcomponents-base/dist/config/AnimationMode.js\";\nimport { getTheme, setTheme, isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { getThemeRoot, setThemeRoot } from \"@ui5/webcomponents-base/dist/config/ThemeRoot.js\";\nimport { getTimezone, setTimezone } from \"@ui5/webcomponents-base/dist/config/Timezone.js\";\nimport { getLanguage, setLanguage } from \"@ui5/webcomponents-base/dist/config/Language.js\";\nimport getEffectiveIconCollection from \"@ui5/webcomponents-base/dist/asset-registries/util/getIconCollectionByTheme.js\";\nimport { setNoConflict } from \"@ui5/webcomponents-base/dist/config/NoConflict.js\";\nimport { getFirstDayOfWeek } from \"@ui5/webcomponents-base/dist/config/FormatSettings.js\";\nimport { _getRegisteredNames as getIconNames, getIconAccessibleName } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\nimport applyDirection from \"@ui5/webcomponents-base/dist/locale/applyDirection.js\";\nimport { attachDirectionChange } from \"@ui5/webcomponents-base/dist/locale/directionChange.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport announce from \"@ui5/webcomponents-base/dist/util/InvisibleMessage.js\";\nimport { ignoreCustomElements, shouldIgnoreCustomElement } from \"@ui5/webcomponents-base/dist/IgnoreCustomElements.js\";\nimport getElementSelection from \"@ui5/webcomponents-base/dist/util/SelectionAssistant.js\";\n\nimport * as defaultTexts from \"./generated/i18n/i18n-defaults.js\";\n\nsetRuntimeAlias(\"UI5 Web Components Playground\");\n\n// @ts-ignore\nwindow.sanitizeHTML = sanitizeHTML;\n// @ts-ignore\nwindow.URLListValidator = URLListValidator;\n\nignoreCustomElements(\"app-\");\nignoreCustomElements(\"my-\");\n\nconst testAssets = {\n\tresetConfiguration,\n\tconfiguration: {\n\t\tgetAnimationMode,\n\t\tsetAnimationMode,\n\t\tgetTheme,\n\t\tsetTheme,\n\t\tgetThemeRoot,\n\t\tsetThemeRoot,\n\t\tisLegacyThemeFamily,\n\t\tgetLanguage,\n\t\tsetLanguage,\n\t\tsetNoConflict,\n\t\tgetFirstDayOfWeek,\n\t\tgetTimezone,\n\t\tsetTimezone,\n\t},\n\tinvisibleMessage: {\n\t\tannounce,\n\t},\n\tgetElementSelection,\n\tgetLocaleData,\n\tapplyDirection,\n\tattachDirectionChange,\n\tResizeHandler,\n\taddCustomCSS,\n\tattachThemeLoaded,\n\tdetachThemeLoaded,\n\tgetIconNames,\n\tgetIconAccessibleName,\n\trenderFinished,\n\tdefaultTexts,\n\tgetEffectiveIconCollection,\n\tignoreCustomElements,\n\tshouldIgnoreCustomElement,\n};\n\n// @ts-ignore\nwindow[\"sap-ui-webcomponents-bundle\"] = testAssets;\n\nexport default testAssets;\n"]}
+{"version":3,"file":"bundle.common.bootstrap.js","sourceRoot":"","sources":["../src/bundle.common.bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import { setRuntimeAlias } from \"@ui5/webcomponents-base/dist/Runtimes.js\";\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\n// OpenUI5 integration\nimport OpenUI5Support from \"@ui5/webcomponents-base/dist/features/OpenUI5Support.js\";\n\n// Assets\nimport \"./Assets.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/Assets.js\";\nimport \"@ui5/webcomponents-icons/dist/AllIcons.js\";\n\n// TNT Icons\nimport \"@ui5/webcomponents-icons-tnt/dist/Assets.js\";\nimport \"@ui5/webcomponents-icons-tnt/dist/AllIcons.js\";\n\n// SAP Business Suite Icons\nimport \"@ui5/webcomponents-icons-business-suite/dist/Assets.js\";\nimport \"@ui5/webcomponents-icons-business-suite/dist/AllIcons.js\";\n\nimport \"@ui5/webcomponents-base/dist/features/F6Navigation.js\";\nimport { addCustomCSS, attachThemeLoaded, detachThemeLoaded } from \"@ui5/webcomponents-base/dist/Theming.js\";\n// import \"./customI18n.js\";\n\n// Calendars\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";\n\n// CLDR\nimport getLocaleData from \"@ui5/webcomponents-localization/dist/locale/getLocaleData.js\";\n\n// import { registerCustomThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/AssetRegistry.js\";\n// import { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\n// const customThemeLoader = theme => Promise.resolve(`:root {\n// \t${getScopedVarName(\"--_ui5_button_base_height\")}: 4rem;\n// \t${getScopedVarName(\"--_ui5_button_base_padding\")}: 2rem;\n// }`);\n// registerCustomThemePropertiesLoader(\"@ui5/webcomponents\", \"my_custom_theme\", customThemeLoader);\n\n// Uncomment to test the registration of custom properties and JSON bundles - use the TextArea test page\n// import { registerI18nLoader } from \"@ui5/webcomponents-base/dist/asset-registries/i18n.js\";\n// import parse from \"@ui5/webcomponents-base/dist/PropertiesFileFormat.js\";\n\n// const bg = \"https://sdk.openui5.org/resources/sap/ui/core/messagebundle_bg.properties\";\n// registerI18nLoader(\"@ui5/webcomponents\", \"bg\", async (localeId) => {\n// \tconst props = await (await fetch(bg)).text();\n// \treturn parse(props);\n// });\n// registerI18nLoader(\"@ui5/webcomponents\", \"fr\", async (localeId) => {\n// \treturn await (await fetch(\"fr\")).json();\n// });\n\n// used in test pages\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport { resetConfiguration } from \"@ui5/webcomponents-base/dist/InitialConfiguration.js\";\n\nimport { sanitizeHTML, URLListValidator } from \"@ui5/webcomponents-base/dist/util/HTMLSanitizer.js\";\n\nimport { getAnimationMode, setAnimationMode } from \"@ui5/webcomponents-base/dist/config/AnimationMode.js\";\nimport { getTheme, setTheme, isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { getThemeRoot, setThemeRoot } from \"@ui5/webcomponents-base/dist/config/ThemeRoot.js\";\nimport { getTimezone, setTimezone } from \"@ui5/webcomponents-base/dist/config/Timezone.js\";\nimport { getLanguage, setLanguage } from \"@ui5/webcomponents-base/dist/config/Language.js\";\nimport getEffectiveIconCollection from \"@ui5/webcomponents-base/dist/asset-registries/util/getIconCollectionByTheme.js\";\nimport { setNoConflict } from \"@ui5/webcomponents-base/dist/config/NoConflict.js\";\nimport { getFirstDayOfWeek } from \"@ui5/webcomponents-base/dist/config/FormatSettings.js\";\nimport { _getRegisteredNames as getIconNames, getIconAccessibleName } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\nimport applyDirection from \"@ui5/webcomponents-base/dist/locale/applyDirection.js\";\nimport { attachDirectionChange } from \"@ui5/webcomponents-base/dist/locale/directionChange.js\";\nimport { attachLanguageChange, detachLanguageChange } from \"@ui5/webcomponents-base/dist/locale/languageChange.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport announce from \"@ui5/webcomponents-base/dist/util/InvisibleMessage.js\";\nimport { ignoreCustomElements, shouldIgnoreCustomElement } from \"@ui5/webcomponents-base/dist/IgnoreCustomElements.js\";\nimport { startMultipleDrag } from \"@ui5/webcomponents-base/dist/DragAndDrop.js\";\nimport getElementSelection from \"@ui5/webcomponents-base/dist/util/SelectionAssistant.js\";\n\nimport * as defaultTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// OpenUI5Support.enablePolling = true;\n\nsetRuntimeAlias(\"UI5 Web Components Playground\");\n\n// @ts-ignore\nwindow.sanitizeHTML = sanitizeHTML;\n// @ts-ignore\nwindow.URLListValidator = URLListValidator;\n\nignoreCustomElements(\"app-\");\nignoreCustomElements(\"my-\");\n\nconst testAssets = {\n\tresetConfiguration,\n\tconfiguration: {\n\t\tgetAnimationMode,\n\t\tsetAnimationMode,\n\t\tgetTheme,\n\t\tsetTheme,\n\t\tgetThemeRoot,\n\t\tsetThemeRoot,\n\t\tisLegacyThemeFamily,\n\t\tgetLanguage,\n\t\tsetLanguage,\n\t\tsetNoConflict,\n\t\tgetFirstDayOfWeek,\n\t\tgetTimezone,\n\t\tsetTimezone,\n\t},\n\tinvisibleMessage: {\n\t\tannounce,\n\t},\n\tgetElementSelection,\n\tgetLocaleData,\n\tapplyDirection,\n\tattachDirectionChange,\n\tattachLanguageChange,\n\tdetachLanguageChange,\n\tResizeHandler,\n\taddCustomCSS,\n\tattachThemeLoaded,\n\tdetachThemeLoaded,\n\tgetIconNames,\n\tgetIconAccessibleName,\n\trenderFinished,\n\tdefaultTexts,\n\tgetEffectiveIconCollection,\n\tignoreCustomElements,\n\tshouldIgnoreCustomElement,\n\tstartMultipleDrag,\n};\n\n// @ts-ignore\nwindow[\"sap-ui-webcomponents-bundle\"] = testAssets;\n\nexport default testAssets;\n"]}

package/dist/bundle.esm.d.ts

@@ -39,6 +39,8 @@ declare const testAssets: {
     getLocaleData: (lang: string) => Promise<import("@ui5/webcomponents-localization/dist/LocaleData.js").default>;
     applyDirection: () => Promise<void>;
     attachDirectionChange: (listener: () => void) => void;
+    attachLanguageChange: (listener: (lang: string) => Promise<void | Array<void>>) => void;
+    detachLanguageChange: (listener: (lang: string) => Promise<void | Array<void>>) => void;
     ResizeHandler: typeof import("@ui5/webcomponents-base/dist/index.js").ResizeHandler;
     addCustomCSS: (tag: string, css: string) => Promise<void>;
     attachThemeLoaded: (listener: (theme: string) => void) => void;
@@ -50,5 +52,6 @@ declare const testAssets: {
     getEffectiveIconCollection: (collectionName?: import("@ui5/webcomponents-base/dist/config/Icons.js").IconCollection) => import("@ui5/webcomponents-base/dist/config/Icons.js").IconCollection;
     ignoreCustomElements: (tagPrefix: string) => void;
     shouldIgnoreCustomElement: (tag: string) => boolean;
+    startMultipleDrag: (count: number, e: DragEvent) => Promise<void>;
 };
 export default testAssets;