@ui5/webcomponents 0.0.0-49cef2d02 → 0.0.0-4a28ecb24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "0.0.0-49cef2d02",
+  "version": "0.0.0-4a28ecb24",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -42,13 +42,13 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "0.0.0-49cef2d02",
-    "@ui5/webcomponents-icons": "0.0.0-49cef2d02",
-    "@ui5/webcomponents-localization": "0.0.0-49cef2d02",
-    "@ui5/webcomponents-theming": "0.0.0-49cef2d02"
+    "@ui5/webcomponents-base": "0.0.0-4a28ecb24",
+    "@ui5/webcomponents-icons": "0.0.0-4a28ecb24",
+    "@ui5/webcomponents-localization": "0.0.0-4a28ecb24",
+    "@ui5/webcomponents-theming": "0.0.0-4a28ecb24"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-49cef2d02",
-    "chromedriver": "107.0.3"
+    "@ui5/webcomponents-tools": "0.0.0-4a28ecb24",
+    "chromedriver": "109.0.0"
   }
 }

package/src/Avatar.ts

@@ -7,13 +7,11 @@ import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 
 import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 // Template
 import AvatarTemplate from "./generated/templates/AvatarTemplate.lit.js";
 
-// @ts-ignore
 import { AVATAR_TOOLTIP } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -150,7 +148,7 @@ class Avatar extends UI5Element {
 	 * <li><code>XL</code></li>
 	 * </ul>
 	 * @type {sap.ui.webc.main.types.AvatarSize}
-	 * @name sap.ui.webc.main.Avatar.prototype.shape
+	 * @name sap.ui.webc.main.Avatar.prototype.size
 	 * @defaultvalue "S"
 	 * @public
 	 */
@@ -347,7 +345,7 @@ class Avatar extends UI5Element {
 			return this.accessibleName;
 		}
 
-		return Avatar.i18nBundle.getText(AVATAR_TOOLTIP as I18nText) || undefined;
+		return Avatar.i18nBundle.getText(AVATAR_TOOLTIP) || undefined;
 	}
 
 	get hasImage() {

package/src/AvatarGroup.js

@@ -8,7 +8,6 @@ import {
 	isEnter,
 	isSpace,
 } from "@ui5/webcomponents-base/dist/Keys.js";
-import { isChrome } from "@ui5/webcomponents-base/dist/Device.js";
 
 import {
 	AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL,
@@ -377,20 +376,13 @@ class AvatarGroup extends UI5Element {
 		// if in "Group" mode overflow button size is equal to the offset from second item
 		if (this._isGroup) {
 			let item = this.items[1];
-			let ltrEffectiveWidth;
+			const ltrEffectiveWidth = item.offsetLeft - this.offsetLeft;
 
 			// in some cases when second avatar is overflowed the offset of the button is the right one
 			if (!item || item.hidden) {
 				item = button;
 			}
 
-			ltrEffectiveWidth = item.offsetLeft;
-
-			if (!isChrome()) {
-				// additional subtractions required for non-Chromium browsers
-				ltrEffectiveWidth = item.offsetLeft - this.offsetLeft;
-			}
-
 			return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : ltrEffectiveWidth;
 		}
 
@@ -527,7 +519,7 @@ class AvatarGroup extends UI5Element {
 	 */
 	_getWidthToItem(item) {
 		const isRTL = this.effectiveDir === "rtl";
-		let ltrWidthToItem;
+		const ltrWidthToItem = item.offsetLeft - this.offsetLeft;
 
 		if (isRTL) {
 			// in RTL the total width is equal to difference of the parent container width and
@@ -535,15 +527,6 @@ class AvatarGroup extends UI5Element {
 			return item.offsetParent.offsetWidth - item.offsetLeft - item.offsetWidth;
 		}
 
-		// in LTR the width is equal to item.offsetLeft
-		ltrWidthToItem = item.offsetLeft;
-
-		if (!isChrome()) {
-			// for non-Chromium browsers offsetLeft may differ
-			// to normalize it, the Avatar Group's offset-left is subtracted
-			ltrWidthToItem = item.offsetLeft - this.offsetLeft;
-		}
-
 		return ltrWidthToItem;
 	}
 

package/src/Badge.ts

@@ -5,14 +5,12 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import willShowContent from "@ui5/webcomponents-base/dist/util/willShowContent.js";
 
 // Template
 import BadgeTemplate from "./generated/templates/BadgeTemplate.lit.js";
 
-// @ts-ignore
 import { BADGE_DESCRIPTION } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -90,7 +88,7 @@ class Badge extends UI5Element {
 	/**
 	 * Defines the icon to be displayed in the component.
 	 *
-	 * @type {sap.ui.webc.main.IIcon}
+	 * @type {sap.ui.webc.main.IIcon[]}
 	 * @name sap.ui.webc.main.Badge.prototype.icon
 	 * @slot
 	 * @public
@@ -134,7 +132,7 @@ class Badge extends UI5Element {
 	}
 
 	get badgeDescription() {
-		return Badge.i18nBundle.getText(BADGE_DESCRIPTION as I18nText);
+		return Badge.i18nBundle.getText(BADGE_DESCRIPTION);
 	}
 }
 

package/src/Breadcrumbs.ts

@@ -15,7 +15,6 @@ import {
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
@@ -27,12 +26,10 @@ import {
 	BREADCRUMBS_ARIA_LABEL,
 	BREADCRUMBS_OVERFLOW_ARIA_LABEL,
 	BREADCRUMBS_CANCEL_BUTTON,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 import Link from "./Link.js";
 import type { LinkClickEventDetail } from "./Link.js";
 import Label from "./Label.js";
-// @ts-ignore
 import ResponsivePopover from "./ResponsivePopover.js";
 import List from "./List.js";
 import type { SelectionChangeEventDetail } from "./List.js";
@@ -56,12 +53,6 @@ type BreadcrumbsItemClickEventDetail = {
 	shiftKey: boolean;
 }
 
-type TempResponsivePopover = HTMLElement & {
-	opened: boolean;
-	showAt: (opener: HTMLElement) => Promise<void>;
-	close: () => void,
-}
-
 type FocusAdaptor = ITabbable & {
 	getlabelWrapper: () => Element | null;
 }
@@ -98,7 +89,7 @@ type FocusAdaptor = ITabbable & {
  * @alias sap.ui.webc.main.Breadcrumbs
  * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-breadcrumbs
- * @appenddocs BreadcrumbsItem
+ * @appenddocs sap.ui.webc.main.BreadcrumbsItem
  * @public
  * @since 1.0.0-rc.15
  */
@@ -195,7 +186,7 @@ class Breadcrumbs extends UI5Element {
 	_breadcrumbItemWidths = new WeakMap<BreadcrumbsItem, number>();
 	// the width of the interactive element that opens the overflow
 	_dropdownArrowLinkWidth = 0;
-	responsivePopover?: TempResponsivePopover;
+	responsivePopover?: ResponsivePopover;
 	_labelFocusAdaptor: FocusAdaptor;
 	static i18nBundle: I18nBundle;
 
@@ -470,7 +461,7 @@ class Breadcrumbs extends UI5Element {
 
 	async _respPopover() {
 		const staticAreaItem = await this.getStaticAreaItemDomRef();
-		return staticAreaItem!.querySelector<TempResponsivePopover>("[ui5-responsive-popover]")!;
+		return staticAreaItem!.querySelector<ResponsivePopover>("[ui5-responsive-popover]")!;
 	}
 
 	async _toggleRespPopover() {
@@ -509,7 +500,7 @@ class Breadcrumbs extends UI5Element {
 	}
 
 	_getItemPositionText(position: number, size: number) {
-		return Breadcrumbs.i18nBundle.getText(BREADCRUMB_ITEM_POS as I18nText, position, size);
+		return Breadcrumbs.i18nBundle.getText(BREADCRUMB_ITEM_POS, position, size);
 	}
 
 	_getItemAccessibleName(item: BreadcrumbsItem, position: number, size: number) {
@@ -656,15 +647,15 @@ class Breadcrumbs extends UI5Element {
 	}
 
 	get _accessibleNameText() {
-		return Breadcrumbs.i18nBundle.getText(BREADCRUMBS_ARIA_LABEL as I18nText);
+		return Breadcrumbs.i18nBundle.getText(BREADCRUMBS_ARIA_LABEL);
 	}
 
 	get _dropdownArrowAccessibleNameText() {
-		return Breadcrumbs.i18nBundle.getText(BREADCRUMBS_OVERFLOW_ARIA_LABEL as I18nText);
+		return Breadcrumbs.i18nBundle.getText(BREADCRUMBS_OVERFLOW_ARIA_LABEL);
 	}
 
 	get _cancelButtonText() {
-		return Breadcrumbs.i18nBundle.getText(BREADCRUMBS_CANCEL_BUTTON as I18nText);
+		return Breadcrumbs.i18nBundle.getText(BREADCRUMBS_CANCEL_BUTTON);
 	}
 
 	static get dependencies() {

package/src/BreadcrumbsItem.ts

@@ -14,6 +14,7 @@ import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
  * @author SAP SE
  * @alias sap.ui.webc.main.BreadcrumbsItem
  * @extends sap.ui.webc.base.UI5Element
+ * @abstract
  * @tagname ui5-breadcrumbs-item
  * @implements sap.ui.webc.main.IBreadcrumbsItem
  * @public

package/src/{BusyIndicator.js → BusyIndicator.ts}

@@ -1,8 +1,13 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import languageAware from "@ui5/webcomponents-base/dist/decorators/languageAware.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { isTabNext } from "@ui5/webcomponents-base/dist/Keys.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import type { Timeout } from "@ui5/webcomponents-base/dist/types.js";
 import BusyIndicatorSize from "./types/BusyIndicatorSize.js";
 import Label from "./Label.js";
 
@@ -14,92 +19,6 @@ import { BUSY_INDICATOR_TITLE } from "./generated/i18n/i18n-defaults.js";
 // Styles
 import busyIndicatorCss from "./generated/themes/BusyIndicator.css.js";
 
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-busy-indicator",
-	languageAware: true,
-	slots: /** @lends sap.ui.webc.main.BusyIndicator.prototype */ {
-
-		/**
-		 * Determines the content over which the component will appear.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-	},
-	properties: /** @lends sap.ui.webc.main.BusyIndicator.prototype */ {
-
-		/**
-		 * Defines text to be displayed below the component. It can be used to inform the user of the current operation.
-		 * @type {string}
-		 * @public
-		 * @defaultvalue ""
-		 * @since 1.0.0-rc.7
-		 */
-		text: {
-			type: String,
-		},
-
-		/**
-		 * Defines the size of the component.
-		 *
-		 * <br><br>
-		 * <b>Note:</b>
-		 *
-		 * <ul>
-		 * <li><code>Small</code></li>
-		 * <li><code>Medium</code></li>
-		 * <li><code>Large</code></li>
-		 * </ul>
-		 *
-		 * @type {sap.ui.webc.main.types.BusyIndicatorSize}
-		 * @defaultvalue "Medium"
-		 * @public
-		 */
-		size: {
-			type: BusyIndicatorSize,
-			defaultValue: BusyIndicatorSize.Medium,
-		},
-
-		/**
-		 * Defines if the busy indicator is visible on the screen. By default it is not.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		active: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the delay in milliseconds, after which the busy indicator will be visible on the screen.
-		 *
-		 * @type {sap.ui.webc.base.types.Integer}
-		 * @defaultValue 1000
-		 * @public
-		 */
-		delay: {
-			type: Integer,
-			defaultValue: 1000,
-		},
-
-		/**
-		 * Defines if the component is currently in busy state.
-		 * @private
-		 */
-		_isBusy: {
-			type: Boolean,
-		},
-	},
-};
-
 /**
  * @class
  *
@@ -143,7 +62,85 @@ const metadata = {
  * @public
  * @since 0.12.0
  */
+@customElement("ui5-busy-indicator")
+@languageAware
 class BusyIndicator extends UI5Element {
+	/**
+	 * Defines text to be displayed below the component. It can be used to inform the user of the current operation.
+	 * @type {string}
+	 * @name sap.ui.webc.main.BusyIndicator.prototype.text
+	 * @public
+	 * @defaultvalue ""
+	 * @since 1.0.0-rc.7
+	 */
+	@property()
+	text!: string;
+
+	/**
+	 * Defines the size of the component.
+	 *
+	 * <br><br>
+	 * <b>Note:</b>
+	 *
+	 * <ul>
+	 * <li><code>Small</code></li>
+	 * <li><code>Medium</code></li>
+	 * <li><code>Large</code></li>
+	 * </ul>
+	 *
+	 * @type {sap.ui.webc.main.types.BusyIndicatorSize}
+	 * @name sap.ui.webc.main.BusyIndicator.prototype.size
+	 * @defaultvalue "Medium"
+	 * @public
+	 */
+	@property({ type: BusyIndicatorSize, defaultValue: BusyIndicatorSize.Medium })
+	size!: BusyIndicatorSize;
+
+	/**
+	 * Defines if the busy indicator is visible on the screen. By default it is not.
+	 *
+	 * @type {boolean}
+	 * @name sap.ui.webc.main.BusyIndicator.prototype.active
+	 * @defaultvalue false
+	 * @public
+	 */
+	@property({ type: Boolean })
+	active!: boolean;
+
+	/**
+	 * Defines the delay in milliseconds, after which the busy indicator will be visible on the screen.
+	 *
+	 * @type {sap.ui.webc.base.types.Integer}
+	 * @name sap.ui.webc.main.BusyIndicator.prototype.delay
+	 * @defaultValue 1000
+	 * @public
+	 */
+	@property({ validator: Integer, defaultValue: 1000 })
+	delay!: number;
+
+	/**
+	 * Defines if the component is currently in busy state.
+	 * @private
+	 */
+	@property({ type: Boolean })
+	_isBusy!: boolean;
+
+	/**
+	 * Determines the content over which the component will appear.
+	 *
+	 * @type {Node[]}
+	 * @name sap.ui.webc.main.BusyIndicator.prototype.default
+	 * @slot
+	 * @public
+	 */
+
+	_keydownHandler: (e: KeyboardEvent) => void;
+	_preventEventHandler: (e: KeyboardEvent) => void;
+	_busyTimeoutId?: Timeout;
+	focusForward?: boolean;
+
+	static i18nBundle: I18nBundle;
+
 	constructor() {
 		super();
 		this._keydownHandler = this._handleKeydown.bind(this);
@@ -169,10 +166,6 @@ class BusyIndicator extends UI5Element {
 		this.removeEventListener("keyup", this._preventEventHandler, true);
 	}
 
-	static get metadata() {
-		return metadata;
-	}
-
 	static get styles() {
 		return busyIndicatorCss;
 	}
@@ -226,37 +219,37 @@ class BusyIndicator extends UI5Element {
 		}
 	}
 
-	_handleKeydown(event) {
+	_handleKeydown(e: KeyboardEvent) {
 		if (!this._isBusy) {
 			return;
 		}
 
-		event.stopImmediatePropagation();
+		e.stopImmediatePropagation();
 
 		// move the focus to the last element in this DOM and let TAB continue to the next focusable element
-		if (isTabNext(event)) {
+		if (isTabNext(e)) {
 			this.focusForward = true;
-			this.shadowRoot.querySelector("[data-ui5-focus-redirect]").focus();
+			this.shadowRoot!.querySelector<HTMLElement>("[data-ui5-focus-redirect]")!.focus();
 			this.focusForward = false;
 		}
 	}
 
-	_preventEvent(event) {
+	_preventEvent(e: KeyboardEvent) {
 		if (this._isBusy) {
-			event.stopImmediatePropagation();
+			e.stopImmediatePropagation();
 		}
 	}
 
 	/**
 	 * Moves the focus to busy area when coming with SHIFT + TAB
 	 */
-	_redirectFocus(event) {
+	_redirectFocus(e: FocusEvent) {
 		if (this.focusForward) {
 			return;
 		}
 
-		event.preventDefault();
-		this.shadowRoot.querySelector(".ui5-busy-indicator-busy-area").focus();
+		e.preventDefault();
+		this.shadowRoot!.querySelector<HTMLElement>(".ui5-busy-indicator-busy-area")!.focus();
 	}
 }
 

package/src/Button.ts

@@ -27,7 +27,6 @@ import ButtonDesign from "./types/ButtonDesign.js";
 import ButtonTemplate from "./generated/templates/ButtonTemplate.lit.js";
 import Icon from "./Icon.js";
 
-// @ts-ignore
 import { BUTTON_ARIA_TYPE_ACCEPT, BUTTON_ARIA_TYPE_REJECT, BUTTON_ARIA_TYPE_EMPHASIZED } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -465,9 +464,9 @@ class Button extends UI5Element implements IFormElement {
 
 	static typeTextMappings(): Record<string, I18nText> {
 		return {
-			"Positive": BUTTON_ARIA_TYPE_ACCEPT as I18nText,
-			"Negative": BUTTON_ARIA_TYPE_REJECT as I18nText,
-			"Emphasized": BUTTON_ARIA_TYPE_EMPHASIZED as I18nText,
+			"Positive": BUTTON_ARIA_TYPE_ACCEPT,
+			"Negative": BUTTON_ARIA_TYPE_REJECT,
+			"Emphasized": BUTTON_ARIA_TYPE_EMPHASIZED,
 		};
 	}
 

package/src/Calendar.ts

@@ -161,7 +161,7 @@ type CalendarChangeEventDetail = {
  * @alias sap.ui.webc.main.Calendar
  * @extends sap.ui.webc.main.CalendarPart
  * @tagname ui5-calendar
- * @appenddocs CalendarDate
+ * @appenddocs sap.ui.webc.main.CalendarDate
  * @public
  * @since 1.0.0-rc.11
  */

package/src/CalendarDate.ts

@@ -13,6 +13,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
  * @author SAP SE
  * @alias sap.ui.webc.main.CalendarDate
  * @extends sap.ui.webc.base.UI5Element
+ * @abstract
  * @tagname ui5-date
  * @implements sap.ui.webc.main.ICalendarDate
  * @public

package/src/CalendarHeader.ts

@@ -7,7 +7,6 @@ import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import CalendarType from "@ui5/webcomponents-base/dist/types/CalendarType.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
@@ -17,7 +16,6 @@ import CalendarHeaderTemplate from "./generated/templates/CalendarHeaderTemplate
 import {
 	CALENDAR_HEADER_NEXT_BUTTON,
 	CALENDAR_HEADER_PREVIOUS_BUTTON,
-// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -129,8 +127,8 @@ class CalendarHeader extends UI5Element {
 	}
 
 	onBeforeRendering() {
-		this._prevButtonText = CalendarHeader.i18nBundle.getText(CALENDAR_HEADER_PREVIOUS_BUTTON as I18nText);
-		this._nextButtonText = CalendarHeader.i18nBundle.getText(CALENDAR_HEADER_NEXT_BUTTON as I18nText);
+		this._prevButtonText = CalendarHeader.i18nBundle.getText(CALENDAR_HEADER_PREVIOUS_BUTTON);
+		this._nextButtonText = CalendarHeader.i18nBundle.getText(CALENDAR_HEADER_NEXT_BUTTON);
 
 		if (this.hasSecondaryCalendarType) {
 			this._secondMonthButtonText = this.buttonTextForSecondaryCalendarType.monthButtonText;

package/src/Card.ts

@@ -6,7 +6,6 @@ import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
 import CardTemplate from "./generated/templates/CardTemplate.lit.js";
 import Icon from "./Icon.js";
@@ -14,7 +13,6 @@ import Icon from "./Icon.js";
 import {
 	ARIA_ROLEDESCRIPTION_CARD,
 	ARIA_LABEL_CARD_CONTENT,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -47,7 +45,7 @@ import cardCss from "./generated/themes/Card.css.js";
  * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-card
  * @public
- * @appenddocs CardHeader
+ * @appenddocs sap.ui.webc.main.CardHeader
  */
 @customElement("ui5-card")
 @languageAware
@@ -131,11 +129,11 @@ class Card extends UI5Element {
 	get _getAriaLabel() {
 		const effectiveAriaLabelText = getEffectiveAriaLabelText(this),
 			effectiveAriaLabel = effectiveAriaLabelText ? ` ${effectiveAriaLabelText}` : "";
-		return Card.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD as I18nText) + effectiveAriaLabel;
+		return Card.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD) + effectiveAriaLabel;
 	}
 
 	get _ariaCardContentLabel() {
-		return Card.i18nBundle.getText(ARIA_LABEL_CARD_CONTENT as I18nText);
+		return Card.i18nBundle.getText(ARIA_LABEL_CARD_CONTENT);
 	}
 
 	static get dependencies() {