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

package/src/ColorPalette.ts

@@ -6,7 +6,6 @@ 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 ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import CSSColor from "@ui5/webcomponents-base/dist/types/CSSColor.js";
 import ItemNavigationBehavior from "@ui5/webcomponents-base/dist/types/ItemNavigationBehavior.js";
@@ -30,7 +29,6 @@ import type ColorPicker from "./ColorPicker.js";
 import {
 	COLORPALETTE_CONTAINER_LABEL,
 	COLOR_PALETTE_MORE_COLORS_TEXT,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -64,7 +62,7 @@ type ColorPaletteItemClickEventDetail = {
  * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-color-palette
  * @since 1.0.0-rc.12
- * @appenddocs ColorPaletteItem
+ * @appenddocs sap.ui.webc.main.ColorPaletteItem
  * @public
  */
 @customElement("ui5-color-palette")
@@ -426,11 +424,11 @@ class ColorPalette extends UI5Element {
 	}
 
 	get colorContainerLabel() {
-		return ColorPalette.i18nBundle.getText(COLORPALETTE_CONTAINER_LABEL as I18nText);
+		return ColorPalette.i18nBundle.getText(COLORPALETTE_CONTAINER_LABEL);
 	}
 
 	get colorPaleteMoreColorsText() {
-		return ColorPalette.i18nBundle.getText(COLOR_PALETTE_MORE_COLORS_TEXT as I18nText);
+		return ColorPalette.i18nBundle.getText(COLOR_PALETTE_MORE_COLORS_TEXT);
 	}
 
 	get _showMoreColors() {

package/src/ColorPaletteItem.ts

@@ -4,7 +4,6 @@ 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 type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import CSSColor from "@ui5/webcomponents-base/dist/types/CSSColor.js";
 import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
@@ -12,7 +11,6 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import ColorPaletteItemTemplate from "./generated/templates/ColorPaletteItemTemplate.lit.js";
 import {
 	COLORPALETTE_COLOR_LABEL,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -29,6 +27,7 @@ import ColorPaletteItemCss from "./generated/themes/ColorPaletteItem.css.js";
  * @author SAP SE
  * @alias sap.ui.webc.main.ColorPaletteItem
  * @extends sap.ui.webc.base.UI5Element
+ * @abstract
  * @tagname ui5-color-palette-item
  * @since 1.0.0-rc.12
  * @implements sap.ui.webc.main.IColorPaletteItem
@@ -107,7 +106,7 @@ class ColorPaletteItem extends UI5Element implements ITabbable {
 	}
 
 	get colorLabel() {
-		return ColorPaletteItem.i18nBundle.getText(COLORPALETTE_COLOR_LABEL as I18nText);
+		return ColorPaletteItem.i18nBundle.getText(COLORPALETTE_COLOR_LABEL);
 	}
 
 	get styles() {

package/src/ColorPalettePopover.ts

@@ -6,7 +6,6 @@ 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 CSSColor from "@ui5/webcomponents-base/dist/types/CSSColor.js";
 import ColorPalettePopoverTemplate from "./generated/templates/ColorPalettePopoverTemplate.lit.js";
 
@@ -16,26 +15,15 @@ import ResponsivePopoverCommonCss from "./generated/themes/ResponsivePopoverComm
 import {
 	COLORPALETTE_POPOVER_TITLE,
 	COLOR_PALETTE_DIALOG_CANCEL_BUTTON,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 import Button from "./Button.js";
 import Title from "./Title.js";
-// @ts-ignore
 import ResponsivePopover from "./ResponsivePopover.js";
 import ColorPalette from "./ColorPalette.js";
 import type { ColorPaletteItemClickEventDetail } from "./ColorPalette.js";
 import type ColorPaletteItem from "./ColorPaletteItem.js";
 
-type TempResponsivePopover = HTMLElement & {
-	initialFocus: string,
-	showAt: (opener: HTMLElement, focus: boolean) => Promise<void>,
-	close: () => void,
-	resetFocus: () => void,
-	content: Array<HTMLElement>,
-	opened: boolean,
-}
-
 type ColorPalettePopoverItemClickEventDetail = ColorPaletteItemClickEventDetail;
 
 /**
@@ -137,7 +125,7 @@ class ColorPalettePopover extends UI5Element {
 
 	static i18nBundle: I18nBundle;
 
-	responsivePopover?: TempResponsivePopover;
+	responsivePopover?: ResponsivePopover;
 
 	static get render() {
 		return litRender;
@@ -169,7 +157,7 @@ class ColorPalettePopover extends UI5Element {
 	}
 
 	_respPopover() {
-		this.responsivePopover = this.shadowRoot!.querySelector<TempResponsivePopover>("[ui5-responsive-popover]")!;
+		this.responsivePopover = this.shadowRoot!.querySelector<ResponsivePopover>("[ui5-responsive-popover]")!;
 		return this.responsivePopover;
 	}
 
@@ -181,6 +169,8 @@ class ColorPalettePopover extends UI5Element {
 	 * Shows the ColorPalettePopover.
 	 * @param {HTMLElement} opener the element that the popover is shown at
 	 * @public
+	 * @method
+	 * @name sap.ui.webc.main.ColorPalettePopover#showAt
 	 * @since 1.1.1
 	 */
 	showAt(opener: HTMLElement) {
@@ -192,6 +182,8 @@ class ColorPalettePopover extends UI5Element {
 	 * <b>Note:</b> The method is deprecated and will be removed in future, use <code>showAt</code> instead.
 	 * @param {HTMLElement} opener the element that the popover is shown at
 	 * @public
+	 * @method
+	 * @name sap.ui.webc.main.ColorPalettePopover#openPopover
 	 * @since 1.0.0-rc.16
 	 * @deprecated The method is deprecated in favour of <code>showAt</code>.
 	 */
@@ -238,11 +230,11 @@ class ColorPalettePopover extends UI5Element {
 	}
 
 	get _colorPaletteTitle() {
-		return ColorPalettePopover.i18nBundle.getText(COLORPALETTE_POPOVER_TITLE as I18nText);
+		return ColorPalettePopover.i18nBundle.getText(COLORPALETTE_POPOVER_TITLE);
 	}
 
 	get _cancelButtonLabel() {
-		return ColorPalettePopover.i18nBundle.getText(COLOR_PALETTE_DIALOG_CANCEL_BUTTON as I18nText);
+		return ColorPalettePopover.i18nBundle.getText(COLOR_PALETTE_DIALOG_CANCEL_BUTTON);
 	}
 }
 

package/src/ColorPicker.ts

@@ -9,7 +9,6 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import Float from "@ui5/webcomponents-base/dist/types/Float.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 {
 	getRGBColor,
 	HSLToRGB,
@@ -33,7 +32,6 @@ import {
 	COLORPICKER_GREEN,
 	COLORPICKER_BLUE,
 	COLORPICKER_ALPHA,
-// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -480,31 +478,31 @@ class ColorPicker extends UI5Element {
 	}
 
 	get hueSliderLabel() {
-		return ColorPicker.i18nBundle.getText(COLORPICKER_HUE_SLIDER as I18nText);
+		return ColorPicker.i18nBundle.getText(COLORPICKER_HUE_SLIDER);
 	}
 
 	get alphaSliderLabel() {
-		return ColorPicker.i18nBundle.getText(COLORPICKER_ALPHA_SLIDER as I18nText);
+		return ColorPicker.i18nBundle.getText(COLORPICKER_ALPHA_SLIDER);
 	}
 
 	get hexInputLabel() {
-		return ColorPicker.i18nBundle.getText(COLORPICKER_HEX as I18nText);
+		return ColorPicker.i18nBundle.getText(COLORPICKER_HEX);
 	}
 
 	get redInputLabel() {
-		return ColorPicker.i18nBundle.getText(COLORPICKER_RED as I18nText);
+		return ColorPicker.i18nBundle.getText(COLORPICKER_RED);
 	}
 
 	get greenInputLabel() {
-		return ColorPicker.i18nBundle.getText(COLORPICKER_GREEN as I18nText);
+		return ColorPicker.i18nBundle.getText(COLORPICKER_GREEN);
 	}
 
 	get blueInputLabel() {
-		return ColorPicker.i18nBundle.getText(COLORPICKER_BLUE as I18nText);
+		return ColorPicker.i18nBundle.getText(COLORPICKER_BLUE);
 	}
 
 	get alphaInputLabel() {
-		return ColorPicker.i18nBundle.getText(COLORPICKER_ALPHA as I18nText);
+		return ColorPicker.i18nBundle.getText(COLORPICKER_ALPHA);
 	}
 
 	get inputsDisabled() {

package/src/ComboBox.js

@@ -292,7 +292,7 @@ const metadata = {
 		/**
 		 * Defines the icon to be displayed in the input field.
 		 *
-		 * @type {sap.ui.webc.main.IIcon}
+		 * @type {sap.ui.webc.main.IIcon[]}
 		 * @slot
 		 * @public
 		 * @since 1.0.0-rc.9
@@ -379,7 +379,7 @@ const metadata = {
  * @alias sap.ui.webc.main.ComboBox
  * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-combobox
- * @appenddocs ComboBoxItem ComboBoxGroupItem
+ * @appenddocs sap.ui.webc.main.ComboBoxItem sap.ui.webc.main.ComboBoxGroupItem
  * @public
  * @since 1.0.0-rc.6
  */

package/src/ComboBoxGroupItem.js

@@ -40,6 +40,7 @@ const metadata = {
  * @author SAP SE
  * @alias sap.ui.webc.main.ComboBoxGroupItem
  * @extends sap.ui.webc.base.UI5Element
+ * @abstract
  * @tagname ui5-cb-group-item
  * @public
  * @implements sap.ui.webc.main.IComboBoxItem

package/src/ComboBoxItem.js

@@ -34,6 +34,7 @@ const metadata = {
  * @author SAP SE
  * @alias sap.ui.webc.main.ComboBoxItem
  * @extends sap.ui.webc.base.UI5Element
+ * @abstract
  * @tagname ui5-cb-item
  * @implements sap.ui.webc.main.IComboBoxItem
  * @public

package/src/DatePicker.ts

@@ -2,7 +2,6 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event.js";
-import { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { getFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import type { ComponentStylesData } from "@ui5/webcomponents-base/dist/types.js";
@@ -33,12 +32,10 @@ import type { IFormElement } from "./features/InputElementsFormSupport.js";
 import "@ui5/webcomponents-icons/dist/appointment-2.js";
 import "@ui5/webcomponents-icons/dist/decline.js";
 import HasPopup from "./types/HasPopup.js";
-// @ts-ignore
 import { DATEPICKER_OPEN_ICON_TITLE, DATEPICKER_DATE_DESCRIPTION, INPUT_SUGGESTIONS_TITLE } from "./generated/i18n/i18n-defaults.js";
 import DateComponentBase from "./DateComponentBase.js";
 import Icon from "./Icon.js";
 import Button from "./Button.js";
-// @ts-ignore - when the ResponsivePopover is migrated to TS, the comment can't be removed
 import ResponsivePopover from "./ResponsivePopover.js";
 import Calendar from "./Calendar.js";
 import type { CalendarChangeEventDetail } from "./Calendar.js";
@@ -611,7 +608,7 @@ class DatePicker extends DateComponentBase implements IFormElement {
 
 	_click(e: MouseEvent) {
 		if (isPhone()) {
-			this.responsivePopover.showAt(this);
+			this.responsivePopover!.showAt(this);
 			e.preventDefault(); // prevent immediate selection of any item
 		}
 	}
@@ -621,7 +618,7 @@ class DatePicker extends DateComponentBase implements IFormElement {
 	 * @public
 	 * @method
 	 * @name sap.ui.webc.main.DatePicker#isValid
-	 * @param { string } value A value to be tested against the current date format
+	 * @param { string } [value=""] A value to be tested against the current date format
 	 * @returns { boolean }
 	 */
 	isValid(value = ""): boolean {
@@ -639,7 +636,7 @@ class DatePicker extends DateComponentBase implements IFormElement {
 	 * @public
 	 * @method
 	 * @name sap.ui.webc.main.DatePicker#isInValidRange
-	 * @param { string } value A value to be checked
+	 * @param { string } [value=""] A value to be checked
 	 * @returns { boolean }
 	 */
 	isInValidRange(value = ""): boolean {
@@ -681,7 +678,7 @@ class DatePicker extends DateComponentBase implements IFormElement {
 	}
 
 	get _headerTitleText() {
-		return DatePicker.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE as I18nText);
+		return DatePicker.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE);
 	}
 
 	get phone() {
@@ -707,7 +704,7 @@ class DatePicker extends DateComponentBase implements IFormElement {
 	}
 
 	get openIconTitle() {
-		return DatePicker.i18nBundle.getText(DATEPICKER_OPEN_ICON_TITLE as I18nText);
+		return DatePicker.i18nBundle.getText(DATEPICKER_OPEN_ICON_TITLE);
 	}
 
 	get openIconName() {
@@ -715,7 +712,7 @@ class DatePicker extends DateComponentBase implements IFormElement {
 	}
 
 	get dateAriaDescription() {
-		return DatePicker.i18nBundle.getText(DATEPICKER_DATE_DESCRIPTION as I18nText);
+		return DatePicker.i18nBundle.getText(DATEPICKER_DATE_DESCRIPTION);
 	}
 
 	/**
@@ -736,7 +733,7 @@ class DatePicker extends DateComponentBase implements IFormElement {
 
 	async _respPopover() {
 		const staticAreaItem = await this.getStaticAreaItemDomRef();
-		return staticAreaItem?.querySelector("[ui5-responsive-popover]");
+		return staticAreaItem!.querySelector<ResponsivePopover>("[ui5-responsive-popover]")!;
 	}
 
 	_canOpenPicker() {
@@ -790,7 +787,7 @@ class DatePicker extends DateComponentBase implements IFormElement {
 	 * @name sap.ui.webc.main.DatePicker#closePicker
 	 */
 	closePicker() {
-		this.responsivePopover.close();
+		this.responsivePopover!.close();
 	}
 
 	/**

package/src/DateRangePicker.ts

@@ -5,8 +5,6 @@ import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
 import CalendarDate from "@ui5/webcomponents-localization/dist/dates/CalendarDate.js";
 import modifyDateBy from "@ui5/webcomponents-localization/dist/dates/modifyDateBy.js";
 import getTodayUTCTimestamp from "@ui5/webcomponents-localization/dist/dates/getTodayUTCTimestamp.js";
-import { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-// @ts-ignore
 import { DATERANGE_DESCRIPTION } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -92,6 +90,7 @@ class DateRangePicker extends DatePicker {
 	 * @readonly
 	 * @type {Date}
 	 * @public
+	 * @name sap.ui.webc.main.DateRangePicker.prototype.dateValue
 	 */
 	get dateValue() {
 		return null;
@@ -103,6 +102,7 @@ class DateRangePicker extends DatePicker {
 	 * @readonly
 	 * @type {Date}
 	 * @public
+	 * @name sap.ui.webc.main.DateRangePicker.prototype.dateValueUTC
 	 */
 	get dateValueUTC() {
 		return null;
@@ -156,6 +156,7 @@ class DateRangePicker extends DatePicker {
 	 * @readonly
 	 * @type {Date}
 	 * @public
+	 * @name sap.ui.webc.main.DateRangePicker.prototype.startDateValue
 	 */
 	get startDateValue() {
 		return CalendarDate.fromTimestamp(this._startDateTimestamp! * 1000).toLocalJSDate();
@@ -167,6 +168,7 @@ class DateRangePicker extends DatePicker {
 	 * @readonly
 	 * @type {Date}
 	 * @public
+	 * @name sap.ui.webc.main.DateRangePicker.prototype.endDateValue
 	 */
 	get endDateValue() {
 		return CalendarDate.fromTimestamp(this._endDateTimestamp! * 1000).toLocalJSDate();
@@ -180,7 +182,7 @@ class DateRangePicker extends DatePicker {
 	}
 
 	get dateAriaDescription() {
-		return DateRangePicker.i18nBundle.getText(DATERANGE_DESCRIPTION as I18nText);
+		return DateRangePicker.i18nBundle.getText(DATERANGE_DESCRIPTION);
 	}
 
 	/**

package/src/DateTimePicker.ts

@@ -6,9 +6,9 @@ import getCachedLocaleDataInstance from "@ui5/webcomponents-localization/dist/ge
 import modifyDateBy from "@ui5/webcomponents-localization/dist/dates/modifyDateBy.js";
 import CalendarDate from "@ui5/webcomponents-localization/dist/dates/CalendarDate.js";
 import "@ui5/webcomponents-icons/dist/date-time.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { ComponentStylesData } from "@ui5/webcomponents-base/dist/types.js";
 import Button from "./Button.js";
+import type ResponsivePopover from "./ResponsivePopover.js";
 // @ts-ignore
 import ToggleButton from "./ToggleButton.js";
 // @ts-ignore
@@ -26,7 +26,6 @@ import {
 	DATETIME_DESCRIPTION,
 	DATETIME_PICKER_DATE_BUTTON,
 	DATETIME_PICKER_TIME_BUTTON,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Template
@@ -44,13 +43,6 @@ type PreviewValues = {
 	calendarValue?: string,
 }
 
-type TempResponsivePopover = HTMLElement & {
-	initialFocus: string,
-	showAt: (opener: HTMLElement) => Promise<void>,
-	close: () => void,
-	resetFocus: () => void,
-}
-
 /**
  * @class
  *
@@ -271,19 +263,19 @@ class DateTimePicker extends DatePicker {
 	}
 
 	get btnOKLabel() {
-		return DateTimePicker.i18nBundle.getText(TIMEPICKER_SUBMIT_BUTTON as I18nText);
+		return DateTimePicker.i18nBundle.getText(TIMEPICKER_SUBMIT_BUTTON);
 	}
 
 	get btnCancelLabel() {
-		return DateTimePicker.i18nBundle.getText(TIMEPICKER_CANCEL_BUTTON as I18nText);
+		return DateTimePicker.i18nBundle.getText(TIMEPICKER_CANCEL_BUTTON);
 	}
 
 	get btnDateLabel() {
-		return DateTimePicker.i18nBundle.getText(DATETIME_PICKER_DATE_BUTTON as I18nText);
+		return DateTimePicker.i18nBundle.getText(DATETIME_PICKER_DATE_BUTTON);
 	}
 
 	get btnTimeLabel() {
-		return DateTimePicker.i18nBundle.getText(DATETIME_PICKER_TIME_BUTTON as I18nText);
+		return DateTimePicker.i18nBundle.getText(DATETIME_PICKER_TIME_BUTTON);
 	}
 
 	get showFooter() {
@@ -303,7 +295,7 @@ class DateTimePicker extends DatePicker {
 	}
 
 	get dateAriaDescription() {
-		return DateTimePicker.i18nBundle.getText(DATETIME_DESCRIPTION as I18nText);
+		return DateTimePicker.i18nBundle.getText(DATETIME_DESCRIPTION);
 	}
 
 	/**
@@ -416,7 +408,7 @@ class DateTimePicker extends DatePicker {
 
 	async getPicker() {
 		const staticAreaItem = await this.getStaticAreaItemDomRef();
-		return staticAreaItem!.querySelector<TempResponsivePopover>("[ui5-responsive-popover]")!;
+		return staticAreaItem!.querySelector<ResponsivePopover>("[ui5-responsive-popover]")!;
 	}
 
 	getSelectedDateTime() {

package/src/DayPicker.ts

@@ -5,7 +5,7 @@ import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
 import type LocaleData from "@ui5/webcomponents-localization/dist/LocaleData.js";
 import { getFirstDayOfWeek } from "@ui5/webcomponents-base/dist/config/FormatSettings.js";
 import getCachedLocaleDataInstance from "@ui5/webcomponents-localization/dist/getCachedLocaleDataInstance.js";
-import I18nBundle, { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import {
 	isSpace,
 	isSpaceShift,
@@ -40,7 +40,6 @@ import {
 	DAY_PICKER_WEEK_NUMBER_TEXT,
 	DAY_PICKER_NON_WORKING_DAY,
 	DAY_PICKER_TODAY,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Template
@@ -226,8 +225,8 @@ class DayPicker extends CalendarPart implements ICalendarPicker {
 		const firstDayOfWeek = this._getFirstDayOfWeek();
 		const monthsNames = localeData.getMonths("wide", this._primaryCalendarType) as Array<string>;
 		const secondaryMonthsNames = this.hasSecondaryCalendarType ? localeData.getMonths("wide", this.secondaryCalendarType) as Array<string> : [];
-		const nonWorkingDayLabel = DayPicker.i18nBundle.getText(DAY_PICKER_NON_WORKING_DAY as I18nText);
-		const todayLabel = DayPicker.i18nBundle.getText(DAY_PICKER_TODAY as I18nText);
+		const nonWorkingDayLabel = DayPicker.i18nBundle.getText(DAY_PICKER_NON_WORKING_DAY);
+		const todayLabel = DayPicker.i18nBundle.getText(DAY_PICKER_TODAY);
 		const tempDate = this._getFirstDay(); // date that will be changed by 1 day 42 times
 		const todayDate = CalendarDate.fromLocalJSDate(new Date(), this._primaryCalendarType); // current day date - calculate once
 		const calendarDate = this._calendarDate; // store the _calendarDate value as this getter is expensive and degrades IE11 perf
@@ -352,7 +351,7 @@ class DayPicker extends CalendarPart implements ICalendarPicker {
 		this._dayNames = [];
 		this._dayNames.push({
 			classes: "ui5-dp-dayname",
-			name: DayPicker.i18nBundle.getText(DAY_PICKER_WEEK_NUMBER_TEXT as I18nText),
+			name: DayPicker.i18nBundle.getText(DAY_PICKER_WEEK_NUMBER_TEXT),
 		});
 		for (let i = 0; i < DAYS_IN_WEEK; i++) {
 			dayOfTheWeek = i + this._getFirstDayOfWeek();

package/src/Dialog.ts

@@ -22,6 +22,7 @@ import DialogTemplate from "./generated/templates/DialogTemplate.lit.js";
 import browserScrollbarCSS from "./generated/themes/BrowserScrollbar.css.js";
 import PopupsCommonCss from "./generated/themes/PopupsCommon.css.js";
 import dialogCSS from "./generated/themes/Dialog.css.js";
+import PopupAccessibleRole from "./types/PopupAccessibleRole.js";
 
 /**
  * Defines the step size at which this component would change by when being dragged or resized with the keyboard.
@@ -50,7 +51,8 @@ const ICON_PER_STATE: Record<ValueStateWithIcon, string> = {
  * The dialog combines concepts known from other technologies where the windows have
  * names such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.
  * <br><br>
- * The <code>ui5-dialog</code> is modal, which means that user action is required before returning to the parent window is possible.
+ * The <code>ui5-dialog</code> is modal, which means that an user action is required before it is possible to return to the parent window.
+ * To open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.
  * The content of the <code>ui5-dialog</code> is fully customizable.
  *
  * <h3>Structure</h3>
@@ -157,8 +159,11 @@ class Dialog extends Popup {
 
 	/**
 	 * Defines the state of the <code>Dialog</code>.
-	 * <br>
+	 * <br><br>
 	 * Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Warning"</code>, <code>"Information"</code> and <code>"Error"</code>.
+	 * <br><br>
+	 * <b>Note:</b> If <code>"Error"</code> and <code>"Warning"</code> state is set, it will change the
+	 * accessibility role to "alertdialog", if the accessibleRole property is set to <code>"Dialog"</code>.
 	 * @type {sap.ui.webc.base.types.ValueState}
 	 * @name sap.ui.webc.main.Dialog.prototype.state
 	 * @defaultvalue "None"
@@ -186,8 +191,8 @@ class Dialog extends Popup {
 	_resizeMouseMoveHandler: (e: MouseEvent) => void;
 	_resizeMouseUpHandler: (e: MouseEvent) => void;
 	_dragStartHandler: (e: DragEvent) => void;
-	_y?: int;
-	_x?: int;
+	_y?: number;
+	_x?: number;
 	_isRTL?: boolean;
 	_screenResizeHandlerAttached?: boolean;
 	_initialX?: number;
@@ -259,24 +264,26 @@ class Dialog extends Popup {
 	/**
 	 * Shows the dialog.
 	 *
-	 * @param {boolean} preventInitialFocus Prevents applying the focus inside the popup
+	 * @param {boolean} [preventInitialFocus=false] Prevents applying the focus inside the popup
+	 * @public
+	 * @method
+	 * @name sap.ui.webc.main.Dialog#show
 	 * @async
 	 * @returns {Promise} Resolves when the dialog is open
-	 * @public
 	 */
 	async show(preventInitialFocus = false) {
 		await super._open(preventInitialFocus);
 	}
 
-	get isModal() { // Required by Popup.js
+	get isModal() {
 		return true;
 	}
 
-	get shouldHideBackdrop() { // Required by Popup.js
+	get shouldHideBackdrop() {
 		return false;
 	}
 
-	get _ariaLabelledBy() { // Required by Popup.js
+	get _ariaLabelledBy() {
 		let ariaLabelledById;
 
 		if (this.headerText !== "" && !this._ariaLabel) {
@@ -286,10 +293,6 @@ class Dialog extends Popup {
 		return ariaLabelledById;
 	}
 
-	get _ariaModal() {
-		return "true";
-	}
-
 	get _displayProp() {
 		return "flex";
 	}
@@ -337,8 +340,16 @@ class Dialog extends Popup {
 		return ICON_PER_STATE[this.state as ValueStateWithIcon];
 	}
 
-	get _role() {
-		return (this.state === ValueState.Error || this.state === ValueState.Warning) ? "alertdialog" : "dialog";
+	get _role(): string | undefined {
+		if (this.accessibleRole === PopupAccessibleRole.None) {
+			return undefined;
+		}
+
+		if (this.state === ValueState.Error || this.state === ValueState.Warning) {
+			return PopupAccessibleRole.AlertDialog.toLowerCase();
+		}
+
+		return this.accessibleRole.toLowerCase();
 	}
 
 	_show() {

package/src/FileUploader.ts

@@ -9,7 +9,6 @@ import { getFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.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 { getEventMark } from "@ui5/webcomponents-base/dist/MarkedEvents.js";
 import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 import {
@@ -19,7 +18,6 @@ import {
 	VALUE_STATE_INFORMATION,
 	VALUE_STATE_ERROR,
 	VALUE_STATE_WARNING,
-// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 import Input from "./Input.js";
@@ -312,6 +310,7 @@ class FileUploader extends UI5Element implements IFormElement {
 	 * @readonly
 	 * @type {FileList}
 	 * @public
+	 * @name sap.ui.webc.main.FileUploader.prototype.files
 	 */
 	get files() {
 		if (this._input) {
@@ -420,11 +419,11 @@ class FileUploader extends UI5Element implements IFormElement {
 	}
 
 	get browseText(): string {
-		return FileUploader.i18nBundle.getText(FILEUPLOAD_BROWSE as I18nText);
+		return FileUploader.i18nBundle.getText(FILEUPLOAD_BROWSE);
 	}
 
 	get titleText(): string {
-		return FileUploader.i18nBundle.getText(FILEUPLOADER_TITLE as I18nText);
+		return FileUploader.i18nBundle.getText(FILEUPLOADER_TITLE);
 	}
 
 	get _canUseNativeFormSupport(): boolean {
@@ -442,10 +441,10 @@ class FileUploader extends UI5Element implements IFormElement {
 
 	get valueStateTextMappings(): Record<string, string> {
 		return {
-			"Success": FileUploader.i18nBundle.getText(VALUE_STATE_SUCCESS as I18nText),
-			"Information": FileUploader.i18nBundle.getText(VALUE_STATE_INFORMATION as I18nText),
-			"Error": FileUploader.i18nBundle.getText(VALUE_STATE_ERROR as I18nText),
-			"Warning": FileUploader.i18nBundle.getText(VALUE_STATE_WARNING as I18nText),
+			"Success": FileUploader.i18nBundle.getText(VALUE_STATE_SUCCESS),
+			"Information": FileUploader.i18nBundle.getText(VALUE_STATE_INFORMATION),
+			"Error": FileUploader.i18nBundle.getText(VALUE_STATE_ERROR),
+			"Warning": FileUploader.i18nBundle.getText(VALUE_STATE_WARNING),
 		};
 	}
 

package/src/GroupHeaderListItem.ts

@@ -2,11 +2,9 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import languageAware from "@ui5/webcomponents-base/dist/decorators/languageAware.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.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 ListItemBase from "./ListItemBase.js";
 
-// @ts-ignore
 import { GROUP_HEADER_TEXT } from "./generated/i18n/i18n-defaults.js";
 
 // Template
@@ -69,7 +67,7 @@ class GroupHeaderListItem extends ListItemBase {
 	}
 
 	get groupHeaderText() {
-		return GroupHeaderListItem.i18nBundle.getText(GROUP_HEADER_TEXT as I18nText);
+		return GroupHeaderListItem.i18nBundle.getText(GROUP_HEADER_TEXT);
 	}
 
 	get ariaLabelText() {