@ui5/webcomponents 0.0.0-fb61e9889 → 0.0.0-fd6264051

package/dist/i18n/messagebundle_uk.properties

@@ -99,13 +99,23 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Режим множинного вибору
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Вибір позиції.
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=Містить позиції з можливістю вибору
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=Містить позиції з можливістю множинного вибору
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=Містить позиції з можливістю видалення
 
-MESSAGE_STRIP_CLOSE_BUTTON=Закриття рядка повідомлень
+MESSAGE_STRIP_CLOSE_BUTTON=Закриття інформаційної панелі
+
+MESSAGE_STRIP_CLOSABLE=З можливістю закриття
+
+MESSAGE_STRIP_ERROR=Помилка інформаційної панелі
+
+MESSAGE_STRIP_WARNING=Застереження інформаційної панелі
+
+MESSAGE_STRIP_SUCCESS=Успіх інформаційної панелі
+
+MESSAGE_STRIP_INFORMATION=Інформаційна панель
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Назад
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=Меню переповнення
 
+TABCONTAINER_END_OVERFLOW=Більше
+
 TEXTAREA_CHARACTERS_LEFT={0} символів залишилось
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} символів за межею
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=Сьогодні
 STEPINPUT_DEC_ICON_TITLE=Зменшити
 
 STEPINPUT_INC_ICON_TITLE=Збільшити
+
+SPLIT_BUTTON_DESCRIPTION=Кнопка розділення
+
+SPLIT_BUTTON_KEYBOARD_HINT=Натисніть клавішу пробілу або Enter для ініціювання усталеної операції, та Alt + стрілка вниз або F4 для ініціювання операції стрілки
+

package/dist/i18n/messagebundle_vi.properties

@@ -99,13 +99,23 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Chế độ đa lựa chọn
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Lựa chọn mục.
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=Chứa mục có thể chọn
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=Chứa mục có đa lựa chọn
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=Chứa mục có thể xóa
 
-MESSAGE_STRIP_CLOSE_BUTTON=Đóng dải thông báo
+MESSAGE_STRIP_CLOSE_BUTTON=Đóng thanh thông tin
+
+MESSAGE_STRIP_CLOSABLE=Có thể đóng
+
+MESSAGE_STRIP_ERROR=Thanh thông tin lỗi
+
+MESSAGE_STRIP_WARNING=Thanh thông tin cảnh báo
+
+MESSAGE_STRIP_SUCCESS=Thanh thông tin thành công
+
+MESSAGE_STRIP_INFORMATION=Thanh thông tin
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Trước
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=Trình đơn tràn
 
+TABCONTAINER_END_OVERFLOW=Thêm
+
 TEXTAREA_CHARACTERS_LEFT=còn lại {0} ký tự
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} ký tự quá giới hạn
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=Hôm nay
 STEPINPUT_DEC_ICON_TITLE=Giảm
 
 STEPINPUT_INC_ICON_TITLE=Tăng
+
+SPLIT_BUTTON_DESCRIPTION=Nút phân chia
+
+SPLIT_BUTTON_KEYBOARD_HINT=Nhấn Phím cách hoặc Enter để kích hoạt thao tác mặc định và Alt + Mũi tên xuống hoặc F4 để kích hoạt thao tác mũi tên
+

package/dist/i18n/messagebundle_zh_CN.properties

@@ -99,13 +99,23 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=多重选择模式
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=项目选择。
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=包含可选择的项目
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=包含可多重选择的项目
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=包含可删除的项目
 
-MESSAGE_STRIP_CLOSE_BUTTON=消息条关闭
+MESSAGE_STRIP_CLOSE_BUTTON=信息栏关闭
+
+MESSAGE_STRIP_CLOSABLE=可关闭
+
+MESSAGE_STRIP_ERROR=错误信息栏
+
+MESSAGE_STRIP_WARNING=警告信息栏
+
+MESSAGE_STRIP_SUCCESS=成功信息栏
+
+MESSAGE_STRIP_INFORMATION=信息栏
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=确定
 
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=上一个
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=溢出菜单
 
+TABCONTAINER_END_OVERFLOW=更多
+
 TEXTAREA_CHARACTERS_LEFT=剩余 {0} 个字符
 
 TEXTAREA_CHARACTERS_EXCEEDED=超过限制 {0} 个字符
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=今天
 STEPINPUT_DEC_ICON_TITLE=减少
 
 STEPINPUT_INC_ICON_TITLE=增加
+
+SPLIT_BUTTON_DESCRIPTION=拆分按钮
+
+SPLIT_BUTTON_KEYBOARD_HINT=按空格键或 Enter 触发缺省操作，按 Alt + 向下箭头或 F4 触发箭头操作
+

package/dist/i18n/messagebundle_zh_TW.properties

@@ -99,14 +99,24 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=多重選擇模式
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=項目選擇。
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=包含可選擇的項目
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=包含可多重選擇的項目
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=包含可刪除的項目
 
 MESSAGE_STRIP_CLOSE_BUTTON=訊息列關閉
 
+MESSAGE_STRIP_CLOSABLE=可關閉
+
+MESSAGE_STRIP_ERROR=錯誤資訊列
+
+MESSAGE_STRIP_WARNING=警告資訊列
+
+MESSAGE_STRIP_SUCCESS=成功資訊列
+
+MESSAGE_STRIP_INFORMATION=資訊列
+
 MULTICOMBOBOX_DIALOG_OK_BUTTON=確定
 
 VALUE_STATE_ERROR_ALREADY_SELECTED=已選擇此值。
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=上一步
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=溢位功能表
 
+TABCONTAINER_END_OVERFLOW=更多
+
 TEXTAREA_CHARACTERS_LEFT=剩下 {0} 個字元
 
 TEXTAREA_CHARACTERS_EXCEEDED=超過 {0} 個字元
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=今天
 STEPINPUT_DEC_ICON_TITLE=減少
 
 STEPINPUT_INC_ICON_TITLE=增加
+
+SPLIT_BUTTON_DESCRIPTION=分割按鈕
+
+SPLIT_BUTTON_KEYBOARD_HINT=按下空格鍵或 Enter 以驅動預設動作，以及 Alt + 向下箭頭或 F4 以驅動箭頭動作
+

package/dist/types/HasPopup.js

@@ -0,0 +1,62 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Different types of HasPopup.
+ * @lends sap.ui.webcomponents.main.types.HasPopup.prototype
+ * @public
+ */
+const PopupTypes = {
+	/**
+	 * Dialog popup type.
+	 * @public
+	 * @type {Dialog}
+	 */
+	Dialog: "Dialog",
+
+	/**
+	 * Grid popup type.
+	 * @public
+	 * @type {Grid}
+	 */
+	Grid: "Grid",
+
+	/**
+	 * ListBox popup type.
+	 * @public
+	 * @type {ListBox}
+	 */
+	ListBox: "ListBox",
+
+	 /**
+	  * Menu popup type.
+	  * @public
+	  * @type {Menu}
+	  */
+	Menu: "Menu",
+
+	 /**
+	  * Tree popup type.
+	  * @public
+	  * @type {Tree}
+	  */
+	Tree: "Tree",
+};
+
+/**
+ * @class
+ * Different types of HasPopup.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.HasPopup
+ * @public
+ * @enum {string}
+ */
+class HasPopup extends DataType {
+	static isValid(value) {
+		return !!PopupTypes[value];
+	}
+}
+
+HasPopup.generateTypeAccessors(PopupTypes);
+
+export default HasPopup;

package/dist/types/TabsOverflowMode.js

@@ -0,0 +1,40 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.TabsOverflowMode.prototype
+ * @public
+ */
+const TabsOverflowModes = {
+	/**
+	 * End type is used if there should be only one overflow with hidden the tabs at the end of the tab container.
+	 * @public
+	 * @type {End}
+	 */
+	End: "End",
+
+	/**
+	 * StartAndEnd type is used if there should be two overflows on both ends of the tab container.
+	 * @public
+	 * @type {StartAndEnd}
+	 */
+	StartAndEnd: "StartAndEnd",
+};
+
+/**
+ * @class
+ * Different types of overflow modes.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.TabsOverflowMode
+ * @public
+ * @enum {string}
+ */
+class TabsOverflowMode extends DataType {
+	static isValid(value) {
+		return !!TabsOverflowModes[value];
+	}
+}
+
+TabsOverflowMode.generateTypeAccessors(TabsOverflowModes);
+
+export default TabsOverflowMode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "0.0.0-fb61e9889",
+  "version": "0.0.0-fd6264051",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -32,6 +32,8 @@
     "./bundle.esm.js": "./bundle.esm.js",
     "./bundle.es5.js": "./bundle.es5.js",
     "./bundle.common.js": "./bundle.common.js",
+    "./bundle.scoped.esm.js": "./bundle.scoped.esm.js",
+    "./bundle.scoped.es5.js": "./bundle.scoped.es5.js",
     "./*": "./dist/*"
   },
   "repository": {
@@ -40,14 +42,14 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "0.0.0-fb61e9889",
-    "@ui5/webcomponents-icons": "0.0.0-fb61e9889",
-    "@ui5/webcomponents-ie11": "0.0.0-fb61e9889",
-    "@ui5/webcomponents-localization": "0.0.0-fb61e9889",
-    "@ui5/webcomponents-theme-base": "0.0.0-fb61e9889"
+    "@ui5/webcomponents-base": "0.0.0-fd6264051",
+    "@ui5/webcomponents-icons": "0.0.0-fd6264051",
+    "@ui5/webcomponents-ie11": "0.0.0-fd6264051",
+    "@ui5/webcomponents-localization": "0.0.0-fd6264051",
+    "@ui5/webcomponents-theming": "0.0.0-fd6264051"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-fb61e9889",
-    "chromedriver": "94.0.0"
+    "@ui5/webcomponents-tools": "0.0.0-fd6264051",
+    "chromedriver": "98.0.0"
   }
 }

package/src/Assets-static.js

@@ -1,5 +1,5 @@
 import "@ui5/webcomponents-localization/dist/Assets-static.js"; // CLDR
-import "@ui5/webcomponents-theme-base/dist/Assets-static.js"; // Theming
+import "@ui5/webcomponents-theming/dist/Assets-static.js"; // Theming
 
 // own main package assets
 import "./generated/json-imports/Themes-static.js";

package/src/Assets.js

@@ -1,5 +1,5 @@
 import "@ui5/webcomponents-localization/dist/Assets.js"; // CLDR
-import "@ui5/webcomponents-theme-base/dist/Assets.js"; // Theming
+import "@ui5/webcomponents-theming/dist/Assets.js"; // Theming
 import "@ui5/webcomponents-icons/dist/Assets.js"; // Icons texts
 
 // own main package assets

package/src/Avatar.js

@@ -1,6 +1,6 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 
 import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 // Template
@@ -200,7 +200,7 @@ const metadata = {
 		 *		} <br />
 		 * </code>
 		 * @type {HTMLElement}
-		 * @slot
+		 * @slot image
 		 * @public
 		 * @since 1.0.0-rc.15
 		 */
@@ -255,11 +255,6 @@ const metadata = {
  * @public
  */
 class Avatar extends UI5Element {
-	constructor() {
-		super();
-		this.i18nBundle = getI18nBundle("@ui5/webcomponents");
-	}
-
 	static get metadata() {
 		return metadata;
 	}
@@ -281,7 +276,7 @@ class Avatar extends UI5Element {
 	}
 
 	static async onDefine() {
-		await fetchI18nBundle("@ui5/webcomponents");
+		Avatar.i18nBundle = await getI18nBundle("@ui5/webcomponents");
 	}
 
 	get tabindex() {
@@ -335,7 +330,7 @@ class Avatar extends UI5Element {
 			return this.accessibleName;
 		}
 
-		return this.i18nBundle.getText(AVATAR_TOOLTIP) || undefined;
+		return Avatar.i18nBundle.getText(AVATAR_TOOLTIP) || undefined;
 	}
 
 	get hasImage() {

package/src/AvatarGroup.hbs

@@ -17,7 +17,7 @@
 			<slot name="overflowButton"></slot>
 		{{else}}
 			<ui5-button
-				._buttonAccInfo="{{_overflowButtonAccInfo}}"
+				.accessibilityAttributes="{{_overflowButtonAccAttributes}}"
 				aria-label="{{_overflowButtonAriaLabelText}}"
 				?hidden="{{_overflowBtnHidden}}"
 				?non-interactive={{_isGroup}}

package/src/AvatarGroup.js

@@ -2,7 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
-import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 
 import {
 	isEnter,
@@ -246,8 +246,6 @@ class AvatarGroup extends UI5Element {
 		this._colorIndex = 0;
 		this._hiddenItems = 0;
 		this._onResizeHandler = this._onResize.bind(this);
-
-		this.i18nBundle = getI18nBundle("@ui5/webcomponents");
 	}
 
 	static get metadata() {
@@ -273,13 +271,13 @@ class AvatarGroup extends UI5Element {
 	}
 
 	static async onDefine() {
-		await fetchI18nBundle("@ui5/webcomponents");
+		AvatarGroup.i18nBundle = await getI18nBundle("@ui5/webcomponents");
 	}
 
 	/**
 	 * Returns an array containing the <code>ui5-avatar</code> instances that are currently not displayed due to lack of space.
 	 * @readonly
-	 * @type { Array }
+	 * @type { HTMLElement[] }
 	 * @defaultValue []
 	 * @public
 	 */
@@ -290,7 +288,7 @@ class AvatarGroup extends UI5Element {
 	/**
 	 * Returns an array containing the <code>AvatarColorScheme</code> values that correspond to the avatars in the component.
 	 * @readonly
-	 * @type { Array }
+	 * @type { AvatarColorScheme[] }
 	 * @defaultValue []
 	 * @public
 	 */
@@ -307,33 +305,33 @@ class AvatarGroup extends UI5Element {
 		const typeLabelKey = this._isGroup ? AVATAR_GROUP_ARIA_LABEL_GROUP : AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL;
 
 		// avatar type label
-		let text = this.i18nBundle.getText(typeLabelKey);
+		let text = AvatarGroup.i18nBundle.getText(typeLabelKey);
 
 		// add displayed-hidden avatars label
-		text += ` ${this.i18nBundle.getText(AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL, [this._itemsCount - hiddenItemsCount], [hiddenItemsCount])}`;
+		text += ` ${AvatarGroup.i18nBundle.getText(AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL, this._itemsCount - hiddenItemsCount, hiddenItemsCount)}`;
 
 		if (this._isGroup) {
 			// the container role is "button", add the message for complete list activation
-			text += ` ${this.i18nBundle.getText(AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL)}`;
+			text += ` ${AvatarGroup.i18nBundle.getText(AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL)}`;
 		} else {
 			// the container role is "group", add the "how to navigate" message
-			text += ` ${this.i18nBundle.getText(AVATAR_GROUP_MOVE)}`;
+			text += ` ${AvatarGroup.i18nBundle.getText(AVATAR_GROUP_MOVE)}`;
 		}
 
 		return text;
 	}
 
 	get _overflowButtonAriaLabelText() {
-		return this._isGroup ? undefined : this.i18nBundle.getText(AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL);
+		return this._isGroup ? undefined : AvatarGroup.i18nBundle.getText(AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL);
 	}
 
 	get _containerAriaHasPopup() {
 		return this._isGroup ? this._getAriaHasPopup() : undefined;
 	}
 
-	get _overflowButtonAccInfo() {
+	get _overflowButtonAccAttributes() {
 		return {
-			ariaHaspopup: this._isGroup ? undefined : this._getAriaHasPopup(),
+			hasPopup: this._isGroup ? undefined : this._getAriaHasPopup(),
 		};
 	}
 

package/src/Badge.js

@@ -1,6 +1,6 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 
 // Template
 import BadgeTemplate from "./generated/templates/BadgeTemplate.lit.js";
@@ -110,12 +110,6 @@ const metadata = {
  * @public
  */
 class Badge extends UI5Element {
-	constructor() {
-		super();
-
-		this.i18nBundle = getI18nBundle("@ui5/webcomponents");
-	}
-
 	static get metadata() {
 		return metadata;
 	}
@@ -133,7 +127,7 @@ class Badge extends UI5Element {
 	}
 
 	static async onDefine() {
-		await fetchI18nBundle("@ui5/webcomponents");
+		Badge.i18nBundle = await getI18nBundle("@ui5/webcomponents");
 	}
 
 	onBeforeRendering() {
@@ -162,7 +156,7 @@ class Badge extends UI5Element {
 	}
 
 	get badgeDescription() {
-		return this.i18nBundle.getText(BADGE_DESCRIPTION);
+		return Badge.i18nBundle.getText(BADGE_DESCRIPTION);
 	}
 }
 

package/src/Breadcrumbs.hbs

@@ -4,7 +4,7 @@
         @keydown="{{_onkeydown}}"
 		@keyup="{{_onkeyup}}">
 
-        <li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper"
+        <li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper" 
             ?hidden="{{_isOverflowEmpty}}">
             <ui5-link @click="{{_openRespPopover}}"
                 accessible-role="button"
@@ -16,8 +16,9 @@
         </li>
 
         {{#each _linksData}}
-            <li class="ui5-breadcrumbs-link-wrapper" @click="{{../_onLinkPress}}">
+            <li class="ui5-breadcrumbs-link-wrapper" id="{{this._id}}-link-wrapper">
                 <ui5-link
+                    @click="{{../_onLinkPress}}"
                     href="{{this.href}}"
                     target="{{this.target}}"
                     id="{{this._id}}-link"