@openui5/sap.ui.webc.main 1.96.2 → 1.97.0

package/src/sap/ui/webc/main/thirdparty/AvatarGroup.js

@@ -77,7 +77,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._colorIndex = 0;
 			this._hiddenItems = 0;
 			this._onResizeHandler = this._onResize.bind(this);
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		static get metadata() {
 			return metadata;
@@ -97,7 +96,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			AvatarGroup.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		get hiddenItems() {
 			return this.items.slice(this._hiddenStartIndex);
@@ -111,17 +110,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get _ariaLabelText() {
 			const hiddenItemsCount = this.hiddenItems.length;
 			const typeLabelKey = this._isGroup ? i18nDefaults.AVATAR_GROUP_ARIA_LABEL_GROUP : i18nDefaults.AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL;
-			let text = this.i18nBundle.getText(typeLabelKey);
-			text += ` ${this.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL, [this._itemsCount - hiddenItemsCount], [hiddenItemsCount])}`;
+			let text = AvatarGroup.i18nBundle.getText(typeLabelKey);
+			text += ` ${AvatarGroup.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL, this._itemsCount - hiddenItemsCount, hiddenItemsCount)}`;
 			if (this._isGroup) {
-				text += ` ${this.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL)}`;
+				text += ` ${AvatarGroup.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL)}`;
 			} else {
-				text += ` ${this.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_MOVE)}`;
+				text += ` ${AvatarGroup.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_MOVE)}`;
 			}
 			return text;
 		}
 		get _overflowButtonAriaLabelText() {
-			return this._isGroup ? undefined : this.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL);
+			return this._isGroup ? undefined : AvatarGroup.i18nBundle.getText(i18nDefaults.AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL);
 		}
 		get _containerAriaHasPopup() {
 			return this._isGroup ? this._getAriaHasPopup() : undefined;

package/src/sap/ui/webc/main/thirdparty/Badge.js

@@ -19,6 +19,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			_iconOnly: {
 				type: Boolean,
 			},
+			active: {
+				type: Boolean,
+			},
 		},
 		managedSlots: true,
 		slots:  {
@@ -31,10 +34,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		},
 	};
 	class Badge extends UI5Element__default {
-		constructor() {
-			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
-		}
 		static get metadata() {
 			return metadata;
 		}
@@ -48,12 +47,18 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return Badge_css;
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Badge.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onBeforeRendering() {
 			this._hasIcon = this.hasIcon;
 			this._iconOnly = this.iconOnly;
 		}
+		_onmousedown() {
+			this.active = true;
+		}
+		_onmouseup() {
+			this.active = false;
+		}
 		get hasText() {
 			return !!this.textContent.trim().length;
 		}
@@ -64,7 +69,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.hasIcon && !this.hasText;
 		}
 		get badgeDescription() {
-			return this.i18nBundle.getText(i18nDefaults.BADGE_DESCRIPTION);
+			return Badge.i18nBundle.getText(i18nDefaults.BADGE_DESCRIPTION);
 		}
 	}
 	Badge.define();

package/src/sap/ui/webc/main/thirdparty/Breadcrumbs.js

@@ -64,7 +64,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 		}
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 			this._initItemNavigation();
 			this._onResizeHandler = this._updateOverflow.bind(this);
 			this._breadcrumbItemWidths = new WeakMap();
@@ -305,13 +304,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 			return !!this.responsivePopover && this.responsivePopover.opened;
 		}
 		get _accessibleNameText() {
-			return this.i18nBundle.getText(i18nDefaults.BREADCRUMBS_ARIA_LABEL);
+			return Breadcrumbs.i18nBundle.getText(i18nDefaults.BREADCRUMBS_ARIA_LABEL);
 		}
 		get _dropdownArrowAccessibleNameText() {
-			return this.i18nBundle.getText(i18nDefaults.BREADCRUMBS_OVERFLOW_ARIA_LABEL);
+			return Breadcrumbs.i18nBundle.getText(i18nDefaults.BREADCRUMBS_OVERFLOW_ARIA_LABEL);
 		}
 		get _cancelButtonText() {
-			return this.i18nBundle.getText(i18nDefaults.BREADCRUMBS_CANCEL_BUTTON);
+			return Breadcrumbs.i18nBundle.getText(i18nDefaults.BREADCRUMBS_CANCEL_BUTTON);
 		}
 		static get dependencies() {
 			return [
@@ -324,6 +323,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 				Icon,
 			];
 		}
+		static async onDefine() {
+			Breadcrumbs.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
+		}
 	}
 	Breadcrumbs.define();
 

package/src/sap/ui/webc/main/thirdparty/BusyIndicator.js

@@ -39,7 +39,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	class BusyIndicator extends UI5Element__default {
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 			this._keydownHandler = this._handleKeydown.bind(this);
 			this._preventEventHandler = this._preventEvent.bind(this);
 		}
@@ -75,10 +74,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [Label];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			BusyIndicator.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		get ariaTitle() {
-			return this.i18nBundle.getText(i18nDefaults.BUSY_INDICATOR_TITLE);
+			return BusyIndicator.i18nBundle.getText(i18nDefaults.BUSY_INDICATOR_TITLE);
 		}
 		get labelId() {
 			return this.text ? `${this._id}-label` : undefined;

package/src/sap/ui/webc/main/thirdparty/Button.js

@@ -105,10 +105,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				document.addEventListener("mouseup", this._deactivate);
 				isGlobalHandlerAttached = true;
 			}
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onEnterDOM() {
-			this._isTouch = Device.isPhone() || Device.isTablet();
+			this._isTouch = (Device.isPhone() || Device.isTablet()) && !Device.isCombi();
 		}
 		onBeforeRendering() {
 			const FormSupport = FeaturesRegistry.getFeature("FormSupport");
@@ -202,7 +201,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			};
 		}
 		get buttonTypeText() {
-			return this.i18nBundle.getText(Button.typeTextMappings()[this.design]);
+			return Button.i18nBundle.getText(Button.typeTextMappings()[this.design]);
 		}
 		get tabIndexValue() {
 			const tabindex = this.getAttribute("tabindex");
@@ -215,7 +214,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.iconOnly && !this.title;
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Button.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	Button.define();

package/src/sap/ui/webc/main/thirdparty/Calendar.js

@@ -1,8 +1,11 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/Keys', './CalendarDate', './CalendarPart', './CalendarHeader', './DayPicker', './MonthPicker', './YearPicker', './types/CalendarSelectionMode', 'sap/ui/webc/common/thirdparty/localization/features/calendar/Gregorian', './generated/templates/CalendarTemplate.lit', './generated/themes/Calendar.css'], function (CalendarDate, Render, Keys, CalendarDate$1, CalendarPart, CalendarHeader, DayPicker, MonthPicker, YearPicker, CalendarSelectionMode, Gregorian, CalendarTemplate_lit, Calendar_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/localization/getCachedLocaleDataInstance', 'sap/ui/webc/common/thirdparty/base/locale/getLocale', 'sap/ui/webc/common/thirdparty/localization/DateFormat', './CalendarDate', './CalendarPart', './CalendarHeader', './DayPicker', './MonthPicker', './YearPicker', './types/CalendarSelectionMode', 'sap/ui/webc/common/thirdparty/localization/features/calendar/Gregorian', './generated/templates/CalendarTemplate.lit', './generated/themes/Calendar.css'], function (CalendarDate, Render, Keys, getCachedLocaleDataInstance, getLocale, DateFormat, CalendarDate$1, CalendarPart, CalendarHeader, DayPicker, MonthPicker, YearPicker, CalendarSelectionMode, Gregorian, CalendarTemplate_lit, Calendar_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 	var CalendarDate__default = /*#__PURE__*/_interopDefaultLegacy(CalendarDate);
+	var getCachedLocaleDataInstance__default = /*#__PURE__*/_interopDefaultLegacy(getCachedLocaleDataInstance);
+	var getLocale__default = /*#__PURE__*/_interopDefaultLegacy(getLocale);
+	var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 
 	const metadata = {
 		tag: "ui5-calendar",
@@ -24,6 +27,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 			_nextButtonDisabled: {
 				type: Boolean,
 			},
+			_headerMonthButtonText: {
+				type: String,
+			},
+			_headerYearButtonText: {
+				type: String,
+			},
 		},
 		managedSlots: true,
 		slots:  {
@@ -76,6 +85,18 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 			await Render.renderFinished();
 			this._previousButtonDisabled = !this._currentPickerDOM._hasPreviousPage();
 			this._nextButtonDisabled = !this._currentPickerDOM._hasNextPage();
+			const yearFormat = DateFormat__default.getDateInstance({ format: "y", calendarType: this.primaryCalendarType });
+			const localeData = getCachedLocaleDataInstance__default(getLocale__default());
+			this._headerMonthButtonText = localeData.getMonths("wide", this.primaryCalendarType)[this._calendarDate.getMonth()];
+			if (this._currentPicker === "year") {
+				const rangeStart = new CalendarDate__default(this._calendarDate, this._primaryCalendarType);
+				const rangeEnd = new CalendarDate__default(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));
+			}
 		}
 		onHeaderShowMonthPress(event) {
 			this._currentPickerDOM._autoFocus = false;
@@ -96,8 +117,58 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 		onHeaderNextPress() {
 			this._currentPickerDOM._showNextPage();
 		}
+		get secondaryCalendarTypeButtonText() {
+			if (!this.secondaryCalendarType) {
+				return;
+			}
+			const localDate = new Date(this._timestamp * 1000);
+			const secondYearFormat = DateFormat__default.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__default(getLocale__default());
+			const pattern = localeData.getIntervalPattern();
+			const secondaryMonthsNames = getCachedLocaleDataInstance__default(getLocale__default()).getMonthsStandAlone("abbreviated", this.secondaryCalendarType);
+			const secondaryMonthsNamesWide = getCachedLocaleDataInstance__default(getLocale__default()).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__default.fromLocalJSDate(localDate, this._primaryCalendarType);
+			firstDate.setDate(1);
+			firstDate = new CalendarDate__default(firstDate, this.secondaryCalendarType);
+			const startMonth = firstDate.getMonth();
+			let lastDate = CalendarDate__default.fromLocalJSDate(localDate, this._primaryCalendarType);
+			lastDate.setDate(this._getDaysInMonth(lastDate));
+			lastDate = new CalendarDate__default(lastDate, this.secondaryCalendarType);
+			const endMonth = lastDate.getMonth();
+			return { startMonth, endMonth };
+		}
+		_getDaysInMonth(date) {
+			const tempCalendarDate = new CalendarDate__default(date);
+			tempCalendarDate.setDate(1);
+			tempCalendarDate.setMonth(tempCalendarDate.getMonth() + 1);
+			tempCalendarDate.setDate(0);
+			return tempCalendarDate.getDate();
+		}
 		get _isHeaderMonthButtonHidden() {
-			return this._currentPicker === "month";
+			return this._currentPicker === "month" || this._currentPicker === "year";
 		}
 		get _isDayPickerHidden() {
 			return this._currentPicker !== "day";

package/src/sap/ui/webc/main/thirdparty/CalendarHeader.js

@@ -1,11 +1,7 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate', 'sap/ui/webc/common/thirdparty/base/locale/getLocale', 'sap/ui/webc/common/thirdparty/localization/DateFormat', 'sap/ui/webc/common/thirdparty/localization/getCachedLocaleDataInstance', 'sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/types/CalendarType', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-left', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-right', './Icon', './generated/templates/CalendarHeaderTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/CalendarHeader.css'], function (CalendarDate, getLocale, DateFormat, getCachedLocaleDataInstance, UI5Element, litRender, Keys, i18nBundle, Integer, CalendarType, slimArrowLeft, slimArrowRight, Icon, CalendarHeaderTemplate_lit, i18nDefaults, CalendarHeader_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/types/CalendarType', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-left', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-right', './Icon', './generated/templates/CalendarHeaderTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/CalendarHeader.css'], function (UI5Element, litRender, Keys, i18nBundle, Integer, CalendarType, slimArrowLeft, slimArrowRight, Icon, CalendarHeaderTemplate_lit, i18nDefaults, CalendarHeader_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
-	var CalendarDate__default = /*#__PURE__*/_interopDefaultLegacy(CalendarDate);
-	var getLocale__default = /*#__PURE__*/_interopDefaultLegacy(getLocale);
-	var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
-	var getCachedLocaleDataInstance__default = /*#__PURE__*/_interopDefaultLegacy(getCachedLocaleDataInstance);
 	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
 	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
 	var Integer__default = /*#__PURE__*/_interopDefaultLegacy(Integer);
@@ -24,6 +20,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 			secondaryCalendarType: {
 				type: CalendarType__default,
 			},
+			buttonTextForSecondaryCalendarType: {
+				type: Object,
+			},
 			isNextButtonDisabled: {
 				type: Boolean,
 			},
@@ -33,6 +32,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 			isMonthButtonHidden: {
 				type: Boolean,
 			},
+			_monthButtonText: {
+				type: String,
+			},
+			_yearButtonText: {
+				type: String,
+			},
 			isYearButtonHidden: {
 				type: Boolean,
 			},
@@ -61,27 +66,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 			return [Icon];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			CalendarHeader.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onBeforeRendering() {
-			const localeData = getCachedLocaleDataInstance__default(getLocale__default());
-			const yearFormat = DateFormat__default.getDateInstance({ format: "y", calendarType: this.primaryCalendarType });
-			const localDate = new Date(this.timestamp * 1000);
-			const calendarDate = CalendarDate__default.fromTimestamp(localDate.getTime(), this.primaryCalendarType);
-			this._monthButtonText = localeData.getMonths("wide", this.primaryCalendarType)[calendarDate.getMonth()];
-			this._yearButtonText = yearFormat.format(localDate, true);
-			this._prevButtonText = this.i18nBundle.getText(i18nDefaults.CALENDAR_HEADER_PREVIOUS_BUTTON);
-			this._nextButtonText = this.i18nBundle.getText(i18nDefaults.CALENDAR_HEADER_NEXT_BUTTON);
+			this._prevButtonText = CalendarHeader.i18nBundle.getText(i18nDefaults.CALENDAR_HEADER_PREVIOUS_BUTTON);
+			this._nextButtonText = CalendarHeader.i18nBundle.getText(i18nDefaults.CALENDAR_HEADER_NEXT_BUTTON);
 			if (this.hasSecondaryCalendarType) {
-				const secondYearFormat = DateFormat__default.getDateInstance({ format: "y", calendarType: this.secondaryCalendarType });
-				const secoundaryMonths = this._getDisplayedSecondaryMonths(localDate);
-				this._secondaryMonthInfo = this._getDisplayedSecondaryMonthText(secoundaryMonths);
-				this._secondMonthButtonText = this._secondaryMonthInfo.text;
-				this._secondYearButtonText = secondYearFormat.format(localDate, true);
+				this._secondMonthButtonText = this.buttonTextForSecondaryCalendarType.monthButtonText;
+				this._secondYearButtonText = this.buttonTextForSecondaryCalendarType.yearButtonText;
 			}
 		}
 		onPrevButtonClick(event) {
@@ -124,40 +119,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 				this.fireEvent("show-year-press", event);
 			}
 		}
-		_getDisplayedSecondaryMonthText(month) {
-			const localeData = getCachedLocaleDataInstance__default(getLocale__default());
-			const pattern = localeData.getIntervalPattern();
-			const secondaryMonthsNames = getCachedLocaleDataInstance__default(getLocale__default()).getMonthsStandAlone("abbreviated", this.secondaryCalendarType);
-			const secondaryMonthsNamesWide = getCachedLocaleDataInstance__default(getLocale__default()).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(localDate) {
-			let firstDate = CalendarDate__default.fromLocalJSDate(localDate, this.primaryCalendarType);
-			firstDate.setDate(1);
-			firstDate = new CalendarDate__default(firstDate, this.secondaryCalendarType);
-			const startMonth = firstDate.getMonth();
-			let lastDate = CalendarDate__default.fromLocalJSDate(localDate, this.primaryCalendarType);
-			lastDate.setDate(this._daysInMonth(lastDate));
-			lastDate = new CalendarDate__default(lastDate, this.secondaryCalendarType);
-			const endMonth = lastDate.getMonth();
-			return { startMonth, endMonth };
-		}
-		_daysInMonth(calendarDate) {
-			calendarDate = new CalendarDate__default(calendarDate);
-			calendarDate.setDate(1);
-			calendarDate.setMonth(calendarDate.getMonth() + 1);
-			calendarDate.setDate(0);
-			return calendarDate.getDate();
-		}
 		get hasSecondaryCalendarType() {
 			return !!this.secondaryCalendarType;
 		}
@@ -175,7 +136,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/localization/dates/CalendarDate',
 		}
 		get accInfo() {
 			return {
-				ariaLabelMonthButton: this.hasSecondaryCalendarType ? `${this._monthButtonText},${this._secondaryMonthInfo.textInfo}` : `${this._monthButtonText}`,
+				ariaLabelMonthButton: this.hasSecondaryCalendarType
+					? `${this._monthButtonText}, ${this.buttonTextForSecondaryCalendarType.info}` : `${this._monthButtonText}`,
 			};
 		}
 	}

package/src/sap/ui/webc/main/thirdparty/Card.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', './generated/templates/CardTemplate.lit', './Icon', './generated/i18n/i18n-defaults', './generated/themes/Card.css'], function (UI5Element, litRender, i18nBundle, CardTemplate_lit, Icon, i18nDefaults, Card_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', './generated/templates/CardTemplate.lit', './Icon', './generated/i18n/i18n-defaults', './generated/themes/Card.css'], function (UI5Element, litRender, i18nBundle, AriaLabelHelper, CardTemplate_lit, Icon, i18nDefaults, Card_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -19,15 +19,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			},
 		},
 		properties:  {
+			accessibleName: {
+				type: String,
+			},
+			accessibleNameRef: {
+				type: String,
+			},
 		},
 		events:  {
 		},
 	};
 	class Card extends UI5Element__default {
-		constructor() {
-			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
-		}
 		static get metadata() {
 			return metadata;
 		}
@@ -49,17 +51,19 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get _hasHeader() {
 			return !!this.header.length;
 		}
-		get _ariaCardRoleDescription() {
-			return this.i18nBundle.getText(i18nDefaults.ARIA_ROLEDESCRIPTION_CARD);
+		get _getAriaLabel() {
+			const effectiveAriaLabelText = AriaLabelHelper.getEffectiveAriaLabelText(this),
+				effectiveAriaLabel = effectiveAriaLabelText ? ` ${effectiveAriaLabelText}` : "";
+			return Card.i18nBundle.getText(i18nDefaults.ARIA_ROLEDESCRIPTION_CARD) + effectiveAriaLabel;
 		}
 		get _ariaCardContentLabel() {
-			return this.i18nBundle.getText(i18nDefaults.ARIA_LABEL_CARD_CONTENT);
+			return Card.i18nBundle.getText(i18nDefaults.ARIA_LABEL_CARD_CONTENT);
 		}
 		static get dependencies() {
 			return [Icon];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Card.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	Card.define();

package/src/sap/ui/webc/main/thirdparty/CardHeader.js

@@ -1,9 +1,10 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', './generated/templates/CardHeaderTemplate.lit', './Icon', './generated/i18n/i18n-defaults', './generated/themes/CardHeader.css'], function (UI5Element, litRender, i18nBundle, Keys, CardHeaderTemplate_lit, Icon, i18nDefaults, CardHeader_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', './generated/templates/CardHeaderTemplate.lit', './Icon', './generated/i18n/i18n-defaults', './generated/themes/CardHeader.css'], function (UI5Element, litRender, i18nBundle, Keys, Integer, CardHeaderTemplate_lit, Icon, i18nDefaults, CardHeader_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
 	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
+	var Integer__default = /*#__PURE__*/_interopDefaultLegacy(Integer);
 
 	const metadata = {
 		tag: "ui5-card-header",
@@ -30,6 +31,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			interactive: {
 				type: Boolean,
 			},
+			ariaLevel: {
+				type: Integer__default,
+				defaultValue: 3,
+			},
 			_headerActive: {
 				type: Boolean,
 				noAttribute: true,
@@ -40,10 +45,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		},
 	};
 	class CardHeader extends UI5Element__default {
-		constructor() {
-			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
-		}
 		static get metadata() {
 			return metadata;
 		}
@@ -66,14 +67,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get ariaHeaderRole() {
 			return this.interactive ? "button" : "heading";
 		}
-		get ariaLevel() {
-			return this.interactive ? undefined : "3";
+		get _ariaLevel() {
+			if (this.interactive) {
+				return undefined;
+			}
+			return this.ariaLevel;
 		}
 		get ariaCardHeaderRoleDescription() {
-			return this.interactive ? this.i18nBundle.getText(i18nDefaults.ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER) : this.i18nBundle.getText(i18nDefaults.ARIA_ROLEDESCRIPTION_CARD_HEADER);
+			return this.interactive ? CardHeader.i18nBundle.getText(i18nDefaults.ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER) : CardHeader.i18nBundle.getText(i18nDefaults.ARIA_ROLEDESCRIPTION_CARD_HEADER);
 		}
 		get ariaCardAvatarLabel() {
-			return this.i18nBundle.getText(i18nDefaults.AVATAR_TOOLTIP);
+			return CardHeader.i18nBundle.getText(i18nDefaults.AVATAR_TOOLTIP);
 		}
 		get ariaLabelledByHeader() {
 			const labels = [];
@@ -101,9 +105,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [Icon];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			CardHeader.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
-		_headerClick() {
+		_headerClick(event) {
+			event.stopImmediatePropagation();
 			if (this.interactive) {
 				this.fireEvent("click");
 			}

package/src/sap/ui/webc/main/thirdparty/Carousel.js

@@ -91,7 +91,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._scrollEnablement.attachEvent("touchend", event => {
 				this._updateScrolling(event);
 			});
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 			this._onResizeBound = this._onResize.bind(this);
 			this._resizing = false;
 			this._lastFocusedElements = [];
@@ -251,7 +250,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					tabIndex: visible ? "0" : "-1",
 					posinset: idx + 1,
 					setsize: this.content.length,
-					width: this._itemWidth,
+					styles: {
+						width: `${this._itemWidth}px`,
+					},
 					classes: visible ? "" : "ui5-carousel-item--hidden",
 				};
 			});
@@ -330,7 +331,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			for (let index = 0; index < pages; index++) {
 				dots.push({
 					active: index === this._selectedIndex,
-					ariaLabel: this.i18nBundle.getText(i18nDefaults.CAROUSEL_DOT_TEXT, [index + 1], [pages]),
+					ariaLabel: Carousel.i18nBundle.getText(i18nDefaults.CAROUSEL_DOT_TEXT, index + 1, pages),
 				});
 			}
 			return dots;
@@ -358,16 +359,16 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this._isRTL ? this.pagesCount - (this.pagesCount - this._selectedIndex) + 1 : this._selectedIndex + 1;
 		}
 		get ofText() {
-			return this.i18nBundle.getText(i18nDefaults.CAROUSEL_OF_TEXT);
+			return Carousel.i18nBundle.getText(i18nDefaults.CAROUSEL_OF_TEXT);
 		}
 		get ariaActiveDescendant() {
 			return this.content.length ? `${this._id}-carousel-item-${this._selectedIndex + 1}` : undefined;
 		}
 		get nextPageText() {
-			return this.i18nBundle.getText(i18nDefaults.CAROUSEL_NEXT_ARROW_TEXT);
+			return Carousel.i18nBundle.getText(i18nDefaults.CAROUSEL_NEXT_ARROW_TEXT);
 		}
 		get previousPageText() {
-			return this.i18nBundle.getText(i18nDefaults.CAROUSEL_PREVIOUS_ARROW_TEXT);
+			return Carousel.i18nBundle.getText(i18nDefaults.CAROUSEL_PREVIOUS_ARROW_TEXT);
 		}
 		get visibleItemsIndices() {
 			const visibleItemsIndices = [];
@@ -385,7 +386,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Carousel.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	Carousel.define();