@ui5/webcomponents 1.22.0-rc.0 → 1.22.0-rc.2

package/src/i18n/messagebundle_sr.properties

@@ -19,7 +19,19 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Спојени аватари.
 
 AVATAR_GROUP_MOVE=Притисните СТРЕЛИЦЕ на тастатури да бисте се кретали.
 
-BADGE_DESCRIPTION=Ознака
+BADGE_DESCRIPTION_BADGE=Ознака
+
+BADGE_DESCRIPTION_TAG=Ознака
+
+BADGE_ROLE_DESCRIPTION=Дугме ознаке
+
+BADGE_ERROR=Грешка
+
+BADGE_WARNING=Упозорење
+
+BADGE_SUCCESS=Успех
+
+BADGE_INFORMATION=Информације
 
 BREADCRUMB_ITEM_POS={0} од {1}
 
@@ -93,6 +105,8 @@ SELECT_ROLE_DESCRIPTION=Поље листе
 
 SELECT_OPTIONS=Опције одабира
 
+SHOW_SELECTED_BUTTON=Покажи само одабране ставке
+
 INPUT_SUGGESTIONS=Предлози су доступни
 
 INPUT_SUGGESTIONS_TITLE=Одабери
@@ -301,6 +315,8 @@ MENU_BACK_BUTTON_ARIA_LABEL=Назад
 
 MENU_CLOSE_BUTTON_ARIA_LABEL=Одбиј
 
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=Усмеравање
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Интерактивно заглавље
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Користите Shift+стрелице на тастатури за промену величине

package/src/i18n/messagebundle_sv.properties

@@ -19,7 +19,19 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Sammankopplade avatarer.
 
 AVATAR_GROUP_MOVE=Använd piltangenterna för att flytta.
 
-BADGE_DESCRIPTION=Märke
+BADGE_DESCRIPTION_BADGE=Märke
+
+BADGE_DESCRIPTION_TAG=Tag
+
+BADGE_ROLE_DESCRIPTION=Tag button
+
+BADGE_ERROR=Fel
+
+BADGE_WARNING=Varning
+
+BADGE_SUCCESS=Lyckades
+
+BADGE_INFORMATION=Information
 
 BREADCRUMB_ITEM_POS={0} av {1}
 
@@ -93,6 +105,8 @@ SELECT_ROLE_DESCRIPTION=Listruta
 
 SELECT_OPTIONS=Välj alternativ
 
+SHOW_SELECTED_BUTTON=Visa endast valda positioner
+
 INPUT_SUGGESTIONS=Förslag tillgängliga
 
 INPUT_SUGGESTIONS_TITLE=Välj
@@ -301,6 +315,8 @@ MENU_BACK_BUTTON_ARIA_LABEL=Tillbaka
 
 MENU_CLOSE_BUTTON_ARIA_LABEL=Avvisa
 
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=Navigering
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interaktivt huvud
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Använd Shift+piltangenter för att ändra storlek

package/src/i18n/messagebundle_th.properties

@@ -19,7 +19,19 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=ภาพสัญลักษณ์แบบก
 
 AVATAR_GROUP_MOVE=กดแป้นลูกศรเพื่อย้าย
 
-BADGE_DESCRIPTION=ป้ายชื่อ
+BADGE_DESCRIPTION_BADGE=ป้ายชื่อ
+
+BADGE_DESCRIPTION_TAG=Tag
+
+BADGE_ROLE_DESCRIPTION=Tag button
+
+BADGE_ERROR=ข้อผิดพลาด
+
+BADGE_WARNING=คำเตือน
+
+BADGE_SUCCESS=สำเร็จ
+
+BADGE_INFORMATION=ข้อมูล
 
 BREADCRUMB_ITEM_POS={0} จาก {1}
 
@@ -93,6 +105,8 @@ SELECT_ROLE_DESCRIPTION=ลิสต์บ็อกซ์
 
 SELECT_OPTIONS=เลือกตัวเลือก
 
+SHOW_SELECTED_BUTTON=แสดงรายการที่เลือกเท่านั้น
+
 INPUT_SUGGESTIONS=มีคำแนะนำ
 
 INPUT_SUGGESTIONS_TITLE=เลือก
@@ -301,6 +315,8 @@ MENU_BACK_BUTTON_ARIA_LABEL=ย้อนกลับ
 
 MENU_CLOSE_BUTTON_ARIA_LABEL=ปฏิเสธ
 
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=การเนวิเกต
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=ส่วนหัวแบบอินเตอร์แอคทีฟ
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=ใช้แป้น Shift+ลูกศรเพื่อปรับขนาด

package/src/i18n/messagebundle_tr.properties

@@ -19,7 +19,19 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Birleşik avatarlar.
 
 AVATAR_GROUP_MOVE=Taşımak için OK tuşlarına basın.
 
-BADGE_DESCRIPTION=Rozet
+BADGE_DESCRIPTION_BADGE=Rozet
+
+BADGE_DESCRIPTION_TAG=Etiket
+
+BADGE_ROLE_DESCRIPTION=Etiket düğmesi
+
+BADGE_ERROR=Hata
+
+BADGE_WARNING=Uyarı
+
+BADGE_SUCCESS=Başarılı
+
+BADGE_INFORMATION=Bilgi
 
 BREADCRUMB_ITEM_POS={0}/{1}
 
@@ -93,6 +105,8 @@ SELECT_ROLE_DESCRIPTION=Liste kutusu
 
 SELECT_OPTIONS=Seçenekleri seç
 
+SHOW_SELECTED_BUTTON=Yalnızca seçilen öğeleri göster
+
 INPUT_SUGGESTIONS=Öneriler kullanılabilir
 
 INPUT_SUGGESTIONS_TITLE=Seç
@@ -301,6 +315,8 @@ MENU_BACK_BUTTON_ARIA_LABEL=Geri
 
 MENU_CLOSE_BUTTON_ARIA_LABEL=Reddet
 
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=Dolaşma
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Etkileşimli başlık
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Yeniden boyutlandırmak için Shift+Ok tuşlarını kullanın

package/src/i18n/messagebundle_uk.properties

@@ -19,7 +19,19 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Об’єднані аватари.
 
 AVATAR_GROUP_MOVE=Для переміщення натисніть клавіші зі СТРІЛКАМИ.
 
-BADGE_DESCRIPTION=Бейдж
+BADGE_DESCRIPTION_BADGE=Бейдж
+
+BADGE_DESCRIPTION_TAG=Tag
+
+BADGE_ROLE_DESCRIPTION=Tag button
+
+BADGE_ERROR=Помилка
+
+BADGE_WARNING=Застереження
+
+BADGE_SUCCESS=Успіх
+
+BADGE_INFORMATION=Інформація
 
 BREADCRUMB_ITEM_POS={0} з {1}
 
@@ -93,6 +105,8 @@ SELECT_ROLE_DESCRIPTION=Список
 
 SELECT_OPTIONS=Вибрати опції
 
+SHOW_SELECTED_BUTTON=Показати тільки вибрані позиції
+
 INPUT_SUGGESTIONS=Пропозиції доступні
 
 INPUT_SUGGESTIONS_TITLE=Вибрати
@@ -301,6 +315,8 @@ MENU_BACK_BUTTON_ARIA_LABEL=Назад
 
 MENU_CLOSE_BUTTON_ARIA_LABEL=Відхилити
 
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=Навігація
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Інтерактивний заголовок
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Використовуйте клавішу Shift + клавіші зі стрілками для зміни розміру

package/src/i18n/messagebundle_vi.properties

@@ -19,7 +19,19 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Ảnh đại diện kết hợp.
 
 AVATAR_GROUP_MOVE=Nhấn các phím MŨI TÊN để di chuyển.
 
-BADGE_DESCRIPTION=Biểu tượng
+BADGE_DESCRIPTION_BADGE=Huy hiệu
+
+BADGE_DESCRIPTION_TAG=Thẻ
+
+BADGE_ROLE_DESCRIPTION=Nút thẻ
+
+BADGE_ERROR=Lỗi
+
+BADGE_WARNING=Cảnh báo
+
+BADGE_SUCCESS=Thành công
+
+BADGE_INFORMATION=Thông tin
 
 BREADCRUMB_ITEM_POS={0} của {1}
 
@@ -93,6 +105,8 @@ SELECT_ROLE_DESCRIPTION=Hộp danh sách
 
 SELECT_OPTIONS=Lựa chọn các tùy chọn
 
+SHOW_SELECTED_BUTTON=Chỉ hiển thị mục được chọn
+
 INPUT_SUGGESTIONS=Có sẵn đề xuất
 
 INPUT_SUGGESTIONS_TITLE=Chọn
@@ -301,6 +315,8 @@ MENU_BACK_BUTTON_ARIA_LABEL=Quay lại
 
 MENU_CLOSE_BUTTON_ARIA_LABEL=Từ chối
 
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=Điều hướng
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Đầu mục tương tác
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Sử dụng tổ hợp phím Shift+Mũi tên để định kích cỡ lại

package/src/i18n/messagebundle_zh_CN.properties

@@ -19,7 +19,19 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=联合头像。
 
 AVATAR_GROUP_MOVE=按箭头键进行移动。
 
-BADGE_DESCRIPTION=徽章
+BADGE_DESCRIPTION_BADGE=徽章
+
+BADGE_DESCRIPTION_TAG=标记
+
+BADGE_ROLE_DESCRIPTION=标记按钮
+
+BADGE_ERROR=错误
+
+BADGE_WARNING=警告
+
+BADGE_SUCCESS=成功
+
+BADGE_INFORMATION=信息
 
 BREADCRUMB_ITEM_POS={0} / {1}
 
@@ -93,6 +105,8 @@ SELECT_ROLE_DESCRIPTION=列表框
 
 SELECT_OPTIONS=选择选项
 
+SHOW_SELECTED_BUTTON=仅显示所选项目
+
 INPUT_SUGGESTIONS=有可用建议
 
 INPUT_SUGGESTIONS_TITLE=选择
@@ -301,6 +315,8 @@ MENU_BACK_BUTTON_ARIA_LABEL=返回
 
 MENU_CLOSE_BUTTON_ARIA_LABEL=拒绝
 
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=导航
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=交互式抬头
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=使用 Shift+箭头键重新调整大小

package/src/i18n/messagebundle_zh_TW.properties

@@ -19,7 +19,19 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=結合虛擬個人頭像。
 
 AVATAR_GROUP_MOVE=按箭頭鍵以移動。
 
-BADGE_DESCRIPTION=徽章
+BADGE_DESCRIPTION_BADGE=徽章
+
+BADGE_DESCRIPTION_TAG=標籤
+
+BADGE_ROLE_DESCRIPTION=標籤按鈕
+
+BADGE_ERROR=錯誤
+
+BADGE_WARNING=警告
+
+BADGE_SUCCESS=成功
+
+BADGE_INFORMATION=資訊
 
 BREADCRUMB_ITEM_POS={0}/{1}
 
@@ -93,6 +105,8 @@ SELECT_ROLE_DESCRIPTION=清單方塊
 
 SELECT_OPTIONS=選擇選項
 
+SHOW_SELECTED_BUTTON=僅顯示所選項目
+
 INPUT_SUGGESTIONS=可用建議
 
 INPUT_SUGGESTIONS_TITLE=選擇
@@ -301,6 +315,8 @@ MENU_BACK_BUTTON_ARIA_LABEL=返回
 
 MENU_CLOSE_BUTTON_ARIA_LABEL=拒絕
 
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=瀏覽
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=互動表頭
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=使用　Shift　+　箭頭鍵以調整大小

package/src/themes/Breadcrumbs.css

@@ -73,40 +73,40 @@
     right: 0;
 }
 
-/* links separator */
-li:not(.ui5-breadcrumbs-current-location)::after {
-    content: "/"; /* default separator is "Slash" */
-    padding: 0 .25rem;
-    cursor: auto;
-    color: var(--sapContent_LabelColor);
-    display: inline-block;
-    font-family: "72override",var(--sapFontFamily);
-    font-size: var(--sapFontSize);
-}
-
 .ui5-breadcrumbs-popover-footer {
     display: flex;
     justify-content: flex-end;
     width: 100%;
 }
 
-/* separator styles */
-:host([separator-style="BackSlash"]) li:not(.ui5-breadcrumbs-current-location)::after {
-    content: "\\";
+/* links separator */
+.ui5-breadcrumbs-separator::after {
+	content: "/"; /* default separator is "Slash" */
+	padding: 0 .25rem;
+	cursor: auto;
+	color: var(--sapContent_LabelColor);
+	display: inline-block;
+	font-family: "72override", var(--sapFontFamily);
+	font-size: var(--sapFontSize);
 }
 
-:host([separator-style="DoubleBackSlash"]) li:not(.ui5-breadcrumbs-current-location)::after {
-    content: "\\\\";
+/* separator styles */
+:host([separator-style="DoubleSlash"]) .ui5-breadcrumbs-separator::after {
+	content: "//";
 }
 
-:host([separator-style="DoubleGreaterThan"]) li:not(.ui5-breadcrumbs-current-location)::after {
-    content: ">>";
+:host([separator-style="BackSlash"]) .ui5-breadcrumbs-separator::after {
+	content: "\\";
 }
 
-:host([separator-style="DoubleSlash"]) li:not(.ui5-breadcrumbs-current-location)::after {
-    content: "//";
+:host([separator-style="DoubleBackSlash"]) .ui5-breadcrumbs-separator::after {
+	content: "\\\\";
 }
 
-:host([separator-style="GreaterThan"]) li:not(.ui5-breadcrumbs-current-location)::after {
-    content: ">";
+:host([separator-style="GreaterThan"]) .ui5-breadcrumbs-separator::after {
+	content: ">";
 }
+
+:host([separator-style="DoubleGreaterThan"]) .ui5-breadcrumbs-separator::after {
+	content: ">>";
+}

package/src/themes/CheckBox.css

@@ -224,7 +224,7 @@
 	height: var(--_ui5_checkbox_partially_icon_size);
 }
 
-.ui5-checkbox-inner input {
+:host input {
 	-webkit-appearance: none;
 	visibility: hidden;
 	width: 0;
@@ -253,4 +253,21 @@
 	transform: translate(-50%, -50%);
 }
 
+/* Display only mode */
+:host([display-only]) {
+	cursor: default;
+}
 
+:host([display-only]) .ui5-checkbox-display-only-icon-inner [ui5-icon] {
+	color: var(--sapTextColor);
+}
+
+:host([display-only]) .ui5-checkbox-display-only-icon-inner {
+	min-width: var(--_ui5_checkbox_inner_width_height);
+	max-width: var(--_ui5_checkbox_inner_width_height);
+	height: var(--_ui5_checkbox_inner_width_height);
+	max-height: var(--_ui5_checkbox_inner_width_height);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}

package/src/themes/List.css

@@ -114,4 +114,9 @@
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
+}
+
+.ui5-list-end-marker {
+	/* Ensure the list-end-marker has a block property to always be stretched and "visible" on the screen */
+	display: inline-block;
 }

package/src/themes/MultiComboBoxPopover.css

@@ -1,3 +1,34 @@
 .ui5-suggestions-popover .ui5-multi-combobox-all-items-list {
 	--_ui5_checkbox_width_height: var(--_ui5_list_item_dropdown_base_height);
+}
+
+.ui5-mcb-select-all-header {
+	width: 100%;
+	height: 44px;
+	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
+	display: flex;
+	align-items: center;
+	font-family: "72override", var(--sapFontFamily);
+	position: sticky;
+	top: 0;
+	z-index: 2;
+	background: var(--sapToolbar_Background);
+}
+
+.ui5-mcb-select-all-checkbox {
+	width: 100%;
+	font-family: var(--sapFontBoldFamily);
+}
+
+.ui5-mcb-select-all-checkbox::part(root):focus::before {
+	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	border-radius: 0;
+	right: 2px;
+	left: 2px;
+	bottom: 0;
+	top: 0;
+}
+
+.ui5-mcb-select-all-checkbox::part(label) {
+	font-family: var(--sapFontBoldFamily);
 }