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

package/src/Input.ts

@@ -29,7 +29,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 { getEffectiveAriaLabelText, getAssociatedLabelForTexts } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
 import { getCaretPosition, setCaretPosition } from "@ui5/webcomponents-base/dist/util/Caret.js";
@@ -46,7 +45,7 @@ import type InputSuggestions from "./features/InputSuggestions.js";
 import type FormSupportT from "./features/InputElementsFormSupport.js";
 import type { IFormElement } from "./features/InputElementsFormSupport.js";
 import type SuggestionListItem from "./SuggestionListItem.js";
-import type { ScrollEventDetail } from "./Popup.js";
+import type { PopupScrollEventDetail } from "./Popup.js";
 import InputType from "./types/InputType.js";
 import Popover from "./Popover.js";
 import Icon from "./Icon.js";
@@ -69,7 +68,6 @@ import {
 	INPUT_SUGGESTIONS_ONE_HIT,
 	INPUT_SUGGESTIONS_MORE_HITS,
 	INPUT_SUGGESTIONS_NO_HIT,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -173,7 +171,7 @@ type SuggestionScrollEventDetail = {
  * @alias sap.ui.webc.main.Input
  * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-input
- * @appenddocs SuggestionItem SuggestionGroupItem
+ * @appenddocs sap.ui.webc.main.SuggestionItem sap.ui.webc.main.SuggestionGroupItem
  * @implements sap.ui.webc.main.IInput
  * @public
  */
@@ -523,9 +521,6 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 	@property({ type: Boolean, noAttribute: true })
 	_inputIconFocused!: boolean;
 
-	@slot({ type: HTMLElement })
-	icon!: Array<Icon>;
-
 	/**
 	 * Defines the suggestion items.
 	 * <br><br>
@@ -564,13 +559,24 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 	@slot({ type: HTMLElement, "default": true })
 	suggestionItems!: Array<SuggestionItem>;
 
+	/**
+	 * Defines the icon to be displayed in the component.
+	 *
+	 * @type {sap.ui.webc.main.IIcon[]}
+	 * @name sap.ui.webc.main.Input.prototype.icon
+	 * @slot
+	 * @public
+	 */
+	@slot()
+	icon!: Array<Icon>;
+
 	/**
 	 * The slot is used for native <code>input</code> HTML element to enable form submit,
 	 * when <code>name</code> property is set.
 	 * @type {HTMLElement[]}
 	 * @private
 	 */
-	@slot({ type: HTMLElement })
+	@slot()
 	formSupport!: Array<HTMLElement>;
 
 	/**
@@ -590,7 +596,7 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 	 * @slot
 	 * @public
 	 */
-	@slot({ type: HTMLElement })
+	@slot()
 	valueStateMessage!: Array<HTMLElement>;
 
 	hasSuggestionItemSelected: boolean;
@@ -612,6 +618,7 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 	FormSupport?: typeof FormSupportT;
 	_selectedText?: string;
 	_clearIconClicked?: boolean;
+	_focusedAfterClear: boolean;
 	_previewItem?: SuggestionListItem;
 	static i18nBundle: I18nBundle;
 
@@ -675,6 +682,7 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 		this._handleResizeBound = this._handleResize.bind(this);
 
 		this._keepInnerValue = false;
+		this._focusedAfterClear = false;
 	}
 
 	onEnterDOM() {
@@ -855,7 +863,7 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 			}
 		}
 
-		if (this._isPhone && !this.suggestionItems.length) {
+		if (this._isPhone && !this.suggestionItems.length && !this.isTypeNumber) {
 			innerInput.setSelectionRange(this.value.length, this.value.length);
 		}
 
@@ -939,10 +947,14 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 		await this.getInputDOMRef();
 
 		this.focused = true; // invalidating property
-		this.previousValue = this.value;
-		this.valueBeforeItemPreview = this.value;
 
+		if (!this._focusedAfterClear) {
+			this.previousValue = this.value;
+		}
+
+		this.valueBeforeItemPreview = this.value;
 		this._inputIconFocused = !!e.target && e.target === this.querySelector<Icon>("[ui5-icon]");
+		this._focusedAfterClear = false;
 	}
 
 	_onfocusout(e: FocusEvent) {
@@ -971,7 +983,10 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 		this.open = false;
 		this._clearPopoverFocusAndSelection();
 
-		this.previousValue = "";
+		if (!this._clearIconClicked) {
+			this.previousValue = "";
+		}
+
 		this.lastConfirmedValue = "";
 		this.focused = false; // invalidating property
 		this.isTyping = false;
@@ -1004,8 +1019,8 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 		}
 
 		if (this.previousValue !== this.getInputDOMRefSync()!.value) {
-			this.previousValue = this.getInputDOMRefSync()!.value;
 			this.fireEvent(INPUT_EVENTS.CHANGE);
+			this.previousValue = this.value;
 		}
 	}
 
@@ -1014,6 +1029,7 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 		this.fireEvent<InputEventDetail>(INPUT_EVENTS.INPUT);
 		if (!this._isPhone) {
 			this.focus();
+			this._focusedAfterClear = true;
 		}
 	}
 
@@ -1021,7 +1037,7 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 		this._clearIconClicked = true;
 	}
 
-	_scroll(e: CustomEvent<ScrollEventDetail>) {
+	_scroll(e: CustomEvent<PopupScrollEventDetail>) {
 		this.fireEvent<SuggestionScrollEventDetail>("suggestion-scroll", {
 			scrollTop: e.detail.scrollTop,
 			scrollContainer: e.detail.targetRef,
@@ -1202,10 +1218,11 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 
 	/**
 	 * Manually opens the suggestions popover, assuming suggestions are enabled. Items must be preloaded for it to open.
-	 * @since 1.3.0
 	 * @public
+	 * @method
 	 * @name sap.ui.webc.main.Input#openPicker
 	 * @return {void}
+	 * @since 1.3.0
 	 */
 	openPicker() {
 		if (!this.suggestionItems.length || this.disabled || this.readonly) {
@@ -1421,19 +1438,19 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 
 	get valueStateTypeMappings() {
 		return {
-			"Success": Input.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS as I18nText),
-			"Information": Input.i18nBundle.getText(VALUE_STATE_TYPE_INFORMATION as I18nText),
-			"Error": Input.i18nBundle.getText(VALUE_STATE_TYPE_ERROR as I18nText),
-			"Warning": Input.i18nBundle.getText(VALUE_STATE_TYPE_WARNING as I18nText),
+			"Success": Input.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),
+			"Information": Input.i18nBundle.getText(VALUE_STATE_TYPE_INFORMATION),
+			"Error": Input.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),
+			"Warning": Input.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),
 		};
 	}
 
 	valueStateTextMappings() {
 		return {
-			"Success": Input.i18nBundle.getText(VALUE_STATE_SUCCESS as I18nText),
-			"Information": Input.i18nBundle.getText(VALUE_STATE_INFORMATION as I18nText),
-			"Error": Input.i18nBundle.getText(VALUE_STATE_ERROR as I18nText),
-			"Warning": Input.i18nBundle.getText(VALUE_STATE_WARNING as I18nText),
+			"Success": Input.i18nBundle.getText(VALUE_STATE_SUCCESS),
+			"Information": Input.i18nBundle.getText(VALUE_STATE_INFORMATION),
+			"Error": Input.i18nBundle.getText(VALUE_STATE_ERROR),
+			"Warning": Input.i18nBundle.getText(VALUE_STATE_WARNING),
 		};
 	}
 
@@ -1452,7 +1469,7 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 	}
 
 	get _headerTitleText() {
-		return Input.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE as I18nText);
+		return Input.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE);
 	}
 
 	get inputType() {
@@ -1593,20 +1610,20 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 	}
 
 	get suggestionsText() {
-		return Input.i18nBundle.getText(INPUT_SUGGESTIONS as I18nText);
+		return Input.i18nBundle.getText(INPUT_SUGGESTIONS);
 	}
 
 	get availableSuggestionsCount() {
 		if (this.showSuggestions && (this.value || this.Suggestions!.isOpened())) {
 			switch (this.suggestionsTexts.length) {
 			case 0:
-				return Input.i18nBundle.getText(INPUT_SUGGESTIONS_NO_HIT as I18nText);
+				return Input.i18nBundle.getText(INPUT_SUGGESTIONS_NO_HIT);
 
 			case 1:
-				return Input.i18nBundle.getText(INPUT_SUGGESTIONS_ONE_HIT as I18nText);
+				return Input.i18nBundle.getText(INPUT_SUGGESTIONS_ONE_HIT);
 
 			default:
-				return Input.i18nBundle.getText(INPUT_SUGGESTIONS_MORE_HITS as I18nText, this.suggestionsTexts.length);
+				return Input.i18nBundle.getText(INPUT_SUGGESTIONS_MORE_HITS, this.suggestionsTexts.length);
 			}
 		}
 
@@ -1708,7 +1725,7 @@ class Input extends UI5Element implements SuggestionComponent, IFormElement {
 	static get dependencies() {
 		const Suggestions = getFeature<typeof InputSuggestions>("InputSuggestions");
 
-		return [Popover, Icon].concat(Suggestions ? Suggestions.dependencies : []);
+		return ([Popover, Icon] as Array<typeof UI5Element>).concat(Suggestions ? Suggestions.dependencies : []);
 	}
 
 	static async onDefine() {

package/src/Link.ts

@@ -17,7 +17,6 @@ import WrappingType from "./types/WrappingType.js";
 // Template
 import LinkRederer from "./generated/templates/LinkTemplate.lit.js";
 
-// @ts-ignore
 import { LINK_SUBTLE, LINK_EMPHASIZED } from "./generated/i18n/i18n-defaults.js";
 
 // Styles

package/src/List.ts

@@ -22,7 +22,6 @@ import getNormalizedTarget from "@ui5/webcomponents-base/dist/util/getNormalized
 import getEffectiveScrollbarStyle from "@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.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 debounce from "@ui5/webcomponents-base/dist/util/debounce.js";
 import isElementInView from "@ui5/webcomponents-base/dist/util/isElementInView.js";
 import ListMode from "./types/ListMode.js";
@@ -34,7 +33,6 @@ import type {
 	PressEventDetail,
 } from "./ListItem.js";
 import ListSeparators from "./types/ListSeparators.js";
-// @ts-ignore
 import BusyIndicator from "./BusyIndicator.js";
 
 // Template
@@ -49,7 +47,6 @@ import {
 	LOAD_MORE_TEXT, ARIA_LABEL_LIST_SELECTABLE,
 	ARIA_LABEL_LIST_MULTISELECTABLE,
 	ARIA_LABEL_LIST_DELETABLE,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 const INFINITE_SCROLL_DEBOUNCE_RATE = 250; // ms
@@ -140,7 +137,7 @@ type ClickEventDetail = CloseEventDetail;
  * @alias sap.ui.webc.main.List
  * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-list
- * @appenddocs StandardListItem CustomListItem GroupHeaderListItem
+ * @appenddocs sap.ui.webc.main.StandardListItem sap.ui.webc.main.CustomListItem sap.ui.webc.main.GroupHeaderListItem
  * @public
  */
 @customElement("ui5-list")
@@ -620,13 +617,13 @@ class List extends UI5Element {
 
 	get ariaLabelModeText(): string {
 		if (this.isMultiSelect) {
-			return List.i18nBundle.getText(ARIA_LABEL_LIST_MULTISELECTABLE as I18nText);
+			return List.i18nBundle.getText(ARIA_LABEL_LIST_MULTISELECTABLE);
 		}
 		if (this.isSingleSelect) {
-			return List.i18nBundle.getText(ARIA_LABEL_LIST_SELECTABLE as I18nText);
+			return List.i18nBundle.getText(ARIA_LABEL_LIST_SELECTABLE);
 		}
 		if (this.isDelete) {
-			return List.i18nBundle.getText(ARIA_LABEL_LIST_DELETABLE as I18nText);
+			return List.i18nBundle.getText(ARIA_LABEL_LIST_DELETABLE);
 		}
 
 		return "";
@@ -645,7 +642,7 @@ class List extends UI5Element {
 	}
 
 	get _growingButtonText(): string {
-		return List.i18nBundle.getText(LOAD_MORE_TEXT as I18nText);
+		return List.i18nBundle.getText(LOAD_MORE_TEXT);
 	}
 
 	get busyIndPosition() {

package/src/ListItem.ts

@@ -4,19 +4,17 @@ import { isSpace, isEnter, isDelete } from "@ui5/webcomponents-base/dist/Keys.js
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type { ComponentStylesData, PassiveEventListenerObject } from "@ui5/webcomponents-base/dist/types.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import languageAware from "@ui5/webcomponents-base/dist/decorators/languageAware.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/edit.js";
 import ListItemType from "./types/ListItemType.js";
 import ListMode from "./types/ListMode.js";
 import ListItemBase from "./ListItemBase.js";
-// @ts-ignore
 import RadioButton from "./RadioButton.js";
-// @ts-ignore
 import CheckBox from "./CheckBox.js";
 import Button from "./Button.js";
 import {
@@ -25,7 +23,6 @@ import {
 	ARIA_LABEL_LIST_ITEM_RADIO_BUTTON,
 	LIST_ITEM_SELECTED,
 	LIST_ITEM_NOT_SELECTED,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -187,6 +184,13 @@ abstract class ListItem extends ListItemBase {
 	@property({ type: Integer })
 	_level?: number;
 
+	/**
+	 * Used in UploadCollectionItem
+	 * @private
+	 */
+	@property({ type: Boolean, noAttribute: true })
+	disableDeleteButton!: boolean;
+
 	/**
 	 * Defines the delete button, displayed in "Delete" mode.
 	 * <b>Note:</b> While the slot allows custom buttons, to match
@@ -216,7 +220,7 @@ abstract class ListItem extends ListItemBase {
 			Button,
 			RadioButton,
 			CheckBox,
-		];
+		] as Array<typeof UI5Element>;
 	}
 
 	constructor() {
@@ -404,9 +408,6 @@ abstract class ListItem extends ListItemBase {
 		return this.modeDelete;
 	}
 
-	get disableDeleteButton() {
-		return false;
-	}
 	/**
 	 * End
 	 */
@@ -439,14 +440,14 @@ abstract class ListItem extends ListItemBase {
 		// The text is added to aria-describedby because as part of the aria-labelledby
 		// the whole content of the item is readout when the aria-labelledby value is changed.
 		if (this._ariaSelected !== undefined) {
-			ariaSelectedText = this._ariaSelected ? ListItem.i18nBundle.getText(LIST_ITEM_SELECTED as I18nText) : ListItem.i18nBundle.getText(LIST_ITEM_NOT_SELECTED as I18nText);
+			ariaSelectedText = this._ariaSelected ? ListItem.i18nBundle.getText(LIST_ITEM_SELECTED) : ListItem.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);
 		}
 
 		return ariaSelectedText;
 	}
 
 	get deleteText() {
-		return ListItem.i18nBundle.getText(DELETE as I18nText);
+		return ListItem.i18nBundle.getText(DELETE);
 	}
 
 	get hasDeleteButtonSlot() {
@@ -468,8 +469,8 @@ abstract class ListItem extends ListItemBase {
 			role: this.accessibleRole || this.role,
 			ariaExpanded: undefined,
 			ariaLevel: this._level || undefined,
-			ariaLabel: ListItem.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_CHECKBOX as I18nText),
-			ariaLabelRadioButton: ListItem.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_RADIO_BUTTON as I18nText),
+			ariaLabel: ListItem.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_CHECKBOX),
+			ariaLabelRadioButton: ListItem.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_RADIO_BUTTON),
 			ariaSelectedText: this.ariaSelectedText,
 			ariaHaspopup: this.ariaHaspopup || undefined,
 		};

package/src/Menu.ts

@@ -16,11 +16,10 @@ import {
 } from "@ui5/webcomponents-base/dist/Device.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 "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-// @ts-ignore
 import ResponsivePopover from "./ResponsivePopover.js";
+import type { ResponsivePopoverBeforeCloseEventDetail } from "./ResponsivePopover.js";
 import Button from "./Button.js";
 import List from "./List.js";
 import StandardListItem from "./StandardListItem.js";
@@ -31,19 +30,11 @@ import staticAreaMenuTemplate from "./generated/templates/MenuTemplate.lit.js";
 import {
 	MENU_BACK_BUTTON_ARIA_LABEL,
 	MENU_CLOSE_BUTTON_ARIA_LABEL,
-// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
 import staticAreaMenuCss from "./generated/themes/Menu.css.js";
 
-type TempResponsivePopover = HTMLElement & {
-	initialFocus: string,
-	showAt: (opener: HTMLElement) => Promise<void>,
-	close: () => void,
-	resetFocus: () => void,
-}
-
 type CurrentItem = {
 	item: MenuItem,
 	position: number,
@@ -86,7 +77,7 @@ type OpenerStandardListItem = StandardListItem & { associatedItem: MenuItem };
  * @alias sap.ui.webc.main.Menu
  * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-menu
- * @appenddocs MenuItem
+ * @appenddocs sap.ui.webc.main.MenuItem
  * @since 1.3.0
  * @public
  */
@@ -182,7 +173,7 @@ class Menu extends UI5Element {
 	 *
 	 * @name sap.ui.webc.main.Menu.prototype.opener
 	 * @public
-	 * @type {DOMReference}
+	 * @type {sap.ui.webc.base.types.DOMReference}
 	 * @defaultvalue ""
 	 * @since 1.10.0
 	 */
@@ -229,7 +220,7 @@ class Menu extends UI5Element {
 	 * Stores the ResponsivePopover instance
 	 */
 	@property({ type: Object, defaultValue: undefined })
-	_popover?: TempResponsivePopover;
+	_popover?: ResponsivePopover;
 
 	/**
 	 * Stores parent menu item (if there is such).
@@ -306,11 +297,11 @@ class Menu extends UI5Element {
 	}
 
 	get labelBack() {
-		return Menu.i18nBundle.getText(MENU_BACK_BUTTON_ARIA_LABEL as I18nText);
+		return Menu.i18nBundle.getText(MENU_BACK_BUTTON_ARIA_LABEL);
 	}
 
 	get labelClose() {
-		return Menu.i18nBundle.getText(MENU_CLOSE_BUTTON_ARIA_LABEL as I18nText);
+		return Menu.i18nBundle.getText(MENU_CLOSE_BUTTON_ARIA_LABEL);
 	}
 
 	get isPhone() {
@@ -357,6 +348,8 @@ class Menu extends UI5Element {
 	 * Shows the Menu near the opener element.
 	 * @param {HTMLElement} opener the element that the popover is shown at
 	 * @public
+	 * @method
+	 * @name sap.ui.webc.main.Menu#showAt
 	 */
 	async showAt(opener: HTMLElement) {
 		if (isPhone()) {
@@ -380,6 +373,8 @@ class Menu extends UI5Element {
 	/**
 	 * Closes the Menu.
 	 * @public
+	 * @method
+	 * @name sap.ui.webc.main.Menu#close
 	 */
 	close() {
 		if (this._popover) {
@@ -393,7 +388,7 @@ class Menu extends UI5Element {
 
 	async _createPopover() {
 		const staticAreaItemDomRef = await this.getStaticAreaItemDomRef();
-		this._popover = staticAreaItemDomRef!.querySelector<TempResponsivePopover>("[ui5-responsive-popover]")!;
+		this._popover = staticAreaItemDomRef!.querySelector<ResponsivePopover>("[ui5-responsive-popover]")!;
 		return this._popover;
 	}
 
@@ -586,8 +581,8 @@ class Menu extends UI5Element {
 		this.fireEvent("after-open");
 	}
 
-	_beforePopoverClose(e: CustomEvent) { // Fix when Popover made TS
-		const prevented = !this.fireEvent("before-close", { escPressed: e.detail.escPressed	}, true, false);
+	_beforePopoverClose(e: CustomEvent<ResponsivePopoverBeforeCloseEventDetail>) {
+		const prevented = !this.fireEvent("before-close", { escPressed: e.detail.escPressed }, true, false);
 
 		if (prevented) {
 			this.open = true;

package/src/MenuItem.ts

@@ -26,6 +26,7 @@ import type Menu from "./Menu.js";
  * @author SAP SE
  * @alias sap.ui.webc.main.MenuItem
  * @extends sap.ui.webc.base.UI5Element
+ * @abstract
  * @tagname ui5-menu-item
  * @implements sap.ui.webc.main.IMenuItem
  * @since 1.3.0

package/src/MessageStrip.ts

@@ -25,7 +25,6 @@ import {
 	MESSAGE_STRIP_WARNING,
 	MESSAGE_STRIP_SUCCESS,
 	MESSAGE_STRIP_INFORMATION,
-	// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -197,10 +196,10 @@ class MessageStrip extends UI5Element {
 		};
 
 		return {
-			Information: getTranslation(MESSAGE_STRIP_INFORMATION as I18nText),
-			Positive: getTranslation(MESSAGE_STRIP_SUCCESS as I18nText),
-			Negative: getTranslation(MESSAGE_STRIP_ERROR as I18nText),
-			Warning: getTranslation(MESSAGE_STRIP_WARNING as I18nText),
+			Information: getTranslation(MESSAGE_STRIP_INFORMATION),
+			Positive: getTranslation(MESSAGE_STRIP_SUCCESS),
+			Negative: getTranslation(MESSAGE_STRIP_ERROR),
+			Warning: getTranslation(MESSAGE_STRIP_WARNING),
 		};
 	}
 
@@ -209,11 +208,11 @@ class MessageStrip extends UI5Element {
 	}
 
 	get _closeButtonText() {
-		return MessageStrip.i18nBundle.getText(MESSAGE_STRIP_CLOSE_BUTTON as I18nText);
+		return MessageStrip.i18nBundle.getText(MESSAGE_STRIP_CLOSE_BUTTON);
 	}
 
 	get _closableText() {
-		return MessageStrip.i18nBundle.getText(MESSAGE_STRIP_CLOSABLE as I18nText);
+		return MessageStrip.i18nBundle.getText(MESSAGE_STRIP_CLOSABLE);
 	}
 
 	get classes(): ClassMap {

package/src/MonthPicker.ts

@@ -23,10 +23,8 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import {
 	MONTH_PICKER_DESCRIPTION,
-// @ts-ignore
 } from "./generated/i18n/i18n-defaults.js";
 import CalendarPart from "./CalendarPart.js";
 import type { ICalendarPicker } from "./Calendar.js";
@@ -126,7 +124,7 @@ class MonthPicker extends CalendarPart implements ICalendarPicker {
 	}
 
 	get roleDescription() {
-		return MonthPicker.i18nBundle.getText(MONTH_PICKER_DESCRIPTION as I18nText);
+		return MonthPicker.i18nBundle.getText(MONTH_PICKER_DESCRIPTION);
 	}
 
 	onBeforeRendering() {

package/src/MultiComboBox.js

@@ -111,7 +111,7 @@ const metadata = {
 		/**
 		* Defines the icon to be displayed in the component.
 		*
-		* @type {sap.ui.webc.main.IIcon}
+		* @type {sap.ui.webc.main.IIcon[]}
 		* @slot
 		* @public
 		* @since 1.0.0-rc.9
@@ -434,7 +434,7 @@ const metadata = {
  * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-multi-combobox
  * @public
- * @appenddocs MultiComboBoxItem MultiComboBoxGroupItem
+ * @appenddocs sap.ui.webc.main.MultiComboBoxItem sap.ui.webc.main.MultiComboBoxGroupItem
  * @since 0.11.0
  */
 class MultiComboBox extends UI5Element {
@@ -681,6 +681,10 @@ class MultiComboBox extends UI5Element {
 	}
 
 	async _handlePaste(event) {
+		if (this.readonly) {
+			return;
+		}
+
 		const pastedText = await navigator.clipboard.readText();
 
 		if (!pastedText) {

package/src/MultiComboBoxGroupItem.js

@@ -33,6 +33,7 @@ const metadata = {
  * @author SAP SE
  * @alias sap.ui.webc.main.MultiComboBoxGroupItem
  * @extends sap.ui.webc.base.UI5Element
+ * @abstract
  * @tagname ui5-mcb-group-item
  * @public
  * @implements sap.ui.webc.main.IMultiComboBoxItem

package/src/MultiComboBoxItem.js

@@ -24,6 +24,7 @@ const metadata = {
  * @author SAP SE
  * @alias sap.ui.webc.main.MultiComboBoxItem
  * @extends sap.ui.webc.main.ComboBoxItem
+ * @abstract
  * @tagname ui5-mcb-item
  * @implements sap.ui.webc.main.IMultiComboBoxItem
  * @public

package/src/MultiInput.js

@@ -101,7 +101,7 @@ const metadata = {
  * @alias sap.ui.webc.main.MultiInput
  * @extends sap.ui.webc.main.Input
  * @tagname ui5-multi-input
- * @appenddocs Token
+ * @appenddocs sap.ui.webc.main.Token
  * @since 1.0.0-rc.9
  * @public
  */