@ui5/webcomponents 0.0.0-6ef02a35f → 0.0.0-760fbb471

package/src/TreeItemBase.hbs

@@ -0,0 +1,57 @@
+<div>
+	{{>include "./ListItem.hbs"}}
+
+	{{> listItemPostContent}}
+</div>
+
+{{#*inline "listItemPreContent"}}
+	<div
+		class="ui5-li-tree-toggle-box"
+		style="{{styles.preContent}}"
+	>
+		{{#if _showToggleButtonBeginning}}
+			<ui5-icon
+				part="toggle-icon"
+				class="ui5-li-tree-toggle-icon"
+				name="{{_toggleIconName}}"
+				show-tooltip
+				accessible-name="{{iconAccessibleName}}"
+				@click="{{_toggleClick}}"
+			></ui5-icon>
+		{{/if}}
+	</div>
+{{/inline}}
+
+{{#*inline "listItemContent"}}
+{{/inline}}
+
+{{#*inline "imageBegin"}}{{/inline}}
+
+{{#*inline "iconBegin"}}
+	{{#if icon}}
+		<ui5-icon part="icon" name="{{icon}}" class="ui5-li-icon"></ui5-icon>
+	{{/if}}
+{{/inline}}
+
+{{#*inline "iconEnd"}}
+	{{#if _showToggleButtonEnd}}
+		<ui5-icon
+			part="toggle-icon"
+			class="ui5-li-tree-toggle-icon"
+			name="{{_toggleIconName}}"
+			@click="{{_toggleClick}}"
+		></ui5-icon>
+	{{/if}}
+{{/inline}}
+
+{{#*inline "listItemPostContent"}}
+	{{#if expanded}}
+		<ul
+			role="group"
+			id="{{_id}}-subtree"
+			class="ui5-tree-li-subtree"
+		>
+			<slot></slot>
+		</ul>
+	{{/if}}
+{{/inline}}

package/src/TreeItemCustom.hbs

@@ -0,0 +1,7 @@
+{{>include "./TreeItemBase.hbs"}}
+
+{{#*inline "listItemContent"}}
+	<div class="ui5-li-tree-text-wrapper">
+		<slot name="content" slot="content"></slot>
+	</div>
+{{/inline}}

package/src/WheelSlider.hbs

@@ -25,7 +25,7 @@
 							data-item-index="{{@index}}"
 							role="option"
 							aria-selected="{{this.selected}}"
-							style="list-style-type: none;">
+						>
 							{{this.value}}
 						</li>
 					{{/each}}
@@ -35,7 +35,7 @@
 					<li class="ui5-wheelslider-item"
 						role="option"
 						aria-selected="true"
-						style="list-style-type: none;">
+					>
 						{{value}}
 					</li>
 				</ul>

package/src/YearPicker.hbs

@@ -1,6 +1,7 @@
 <div
 	class="ui5-yp-root"
 	role="grid"
+	aria-roledescription="{{roleDescription}}"
 	aria-readonly="false"
 	aria-multiselectable="false"
 	@keydown={{_onkeydown}}
@@ -19,7 +20,14 @@
 					role="gridcell"
 					aria-selected="{{this.ariaSelected}}"
 				>
+					<span>
 						{{this.year}}
+					</span>
+					{{#if this.yearInSecType}}
+						<span class="ui5-yp-item-sec-type">
+							{{this.yearInSecType}}
+						</span>
+					{{/if}}
 				</div>
 			{{/each}}
 		</div>

package/src/i18n/messagebundle.properties

@@ -34,6 +34,9 @@ AVATAR_GROUP_MOVE=Press ARROW keys to move.
 #XACT: ARIA announcement for the badge
 BADGE_DESCRIPTION=Badge
 
+#XACT: position (current and max. value) of a Breadcrumb item which should be announced by screenreaders
+BREADCRUMB_ITEM_POS={0} of {1}
+
 #XACT: ARIA announcement for the breadcrumbs
 BREADCRUMBS_ARIA_LABEL=Breadcrumb Trail
 
@@ -70,6 +73,9 @@ CAROUSEL_NEXT_ARROW_TEXT=Next Page
 #XFLD: Label of the container holding the colors
 COLORPALETTE_CONTAINER_LABEL=Color palette - Predefined colors
 
+#XFLD: Title of the popup holding the colors
+COLORPALETTE_POPOVER_TITLE=Color Palette
+
 #XFLD: Label of the color box
 COLORPALETTE_COLOR_LABEL=Color
 
@@ -85,6 +91,27 @@ COLOR_PALETTE_DIALOG_TITLE=Change Color
 #XTIT: Color Palette dialog title of the Color Picker
 COLOR_PALETTE_MORE_COLORS_TEXT=More Colors...
 
+#XACT: Aria information for the ColorPicker Alpha slider
+COLORPICKER_ALPHA_SLIDER=Alpha control
+
+#XACT: Aria information for the ColorPicker Hue slider
+COLORPICKER_HUE_SLIDER=Hue control
+
+#XTOL: Six symbol hexadecimal group representing CSS color hex string
+COLORPICKER_HEX=Hexadecimal
+
+#XTOL: Red color for the ColorPicker control
+COLORPICKER_RED=Red
+
+#XTOL: Green color for the ColorPicker control
+COLORPICKER_GREEN=Green
+
+#XTOL: Blue color for the ColorPicker control
+COLORPICKER_BLUE=Blue
+
+#XTOL: Alpha chanel transparency value for RGBA color mode
+COLORPICKER_ALPHA=Alpha
+
 #XACT: DatePicker 'Open Picker' icon title
 DATEPICKER_OPEN_ICON_TITLE=Open Picker
 
@@ -106,6 +133,9 @@ FILEUPLOADER_TITLE=Upload File
 
 GROUP_HEADER_TEXT=Group Header
 
+#XACT: ARIA announcement for the Select`s roledescription attribute
+SELECT_ROLE_DESCRIPTION=Listbox
+
 #XTXT: MultiComboBox and ComboBox icon accessible name
 SELECT_OPTIONS=Select Options
 
@@ -136,15 +166,51 @@ LIST_ITEM_POSITION=List item {0} of {1}
 #XACT: ARIA announcement for the list item selection.
 LIST_ITEM_SELECTED=Selected
 
+#XACT: ARIA announcement for the list item selected=false state
+LIST_ITEM_NOT_SELECTED=Not Selected
+
+#XACT: ARIA announcement for the list item selected=false state
+LIST_ITEM_GROUP_HEADER=Group Header
+
 #XBUT: List Multi Selection Mode Checkbox aria-label text
 ARIA_LABEL_LIST_ITEM_CHECKBOX = Multiple Selection mode.
 
+#XBUT: List Single Selection Mode RadioButton aria-label text
+ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Item Selection.
+
+#XACT: ARIA announcement for the list which allows single selections
+ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+
+#XACT: ARIA announcement for the list which allows multiple selections
+ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+
+#XACT: ARIA announcement for the list which has deletable items
+ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+
 #XTOL: Tooltip of messgae strip close button
-MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close
+MESSAGE_STRIP_CLOSE_BUTTON=Information Bar Close
+
+#XACT: ARIA announcement for the MessageStrip's closable state
+MESSAGE_STRIP_CLOSABLE=Closable
+
+#XACT: ARIA announcement for the MessageStrip's "Error" state
+MESSAGE_STRIP_ERROR=Error Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Warning" state
+MESSAGE_STRIP_WARNING=Warning Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Success" state
+MESSAGE_STRIP_SUCCESS=Success Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Information" state
+MESSAGE_STRIP_INFORMATION=Information Bar
 
 #XFLD: MultiComboBox dialog button
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+#XMSG: Text used for value state error message when an item is already selected
+VALUE_STATE_ERROR_ALREADY_SELECTED=This value is already selected.
+
 #XBUT: MultiInput aria-roledescription text
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Multi Value Input
 
@@ -184,17 +250,11 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Segmented button
 #XACT: ARIA description for slider handle
 SLIDER_ARIA_DESCRIPTION=Slider handle
 
-#XACT: ARIA announcement for the switch on
-SWITCH_ON=On
-
-#XACT: ARIA announcement for the switch off
-SWITCH_OFF=Off
-
 #XTXT Table and List "load more" row's text.
 LOAD_MORE_TEXT=More
 
 #XTXT Table's header row text.
-TABLE_HEADER_ROW_TEXT=Header Row
+TABLE_HEADER_ROW_INFORMATION=Header Row 1 of {0}
 
 #XACT Table row's position
 TABLE_ROW_POSITION={0} of {1}
@@ -208,6 +268,21 @@ ARIA_LABEL_ROW_SELECTION=Item selection
 #XACT ARIA label for select all checkbox in a multiselect mode table
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Select All Rows
 
+#XACT: ARIA announcement for the positive design
+TAB_ARIA_DESIGN_POSITIVE=Positive
+
+#XACT: ARIA announcement for the negative design
+TAB_ARIA_DESIGN_NEGATIVE=Negative
+
+#XACT: ARIA announcement for the critical design
+TAB_ARIA_DESIGN_CRITICAL=Critical
+
+#XACT: ARIA announcement for the neutral design
+TAB_ARIA_DESIGN_NEUTRAL=Neutral
+
+#XACT: ARIA role description for Tab with subitems
+TAB_SPLIT_ROLE_DESCRIPTION=Tab with subitems
+
 #XACT: ACC next icon name in tab container
 TABCONTAINER_NEXT_ICON_ACC_NAME=Next
 
@@ -217,6 +292,15 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Previous
 #XACT: ACC overflow menu title in tab container
 TABCONTAINER_OVERFLOW_MENU_TITLE=Overflow Menu
 
+#XTXT Text for end overflow button in tab container
+TABCONTAINER_END_OVERFLOW=More
+
+#XBUT Text for cancel button, which closes the popover on mobile devices
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Cancel
+
+#XACT: ARIA description for TabContainer tablist when there are tabs with subitems
+TABCONTAINER_SUBTABS_DESCRIPTION=Press down arrow key to open subitems menu
+
 #XTXT: Text for characters left
 TEXTAREA_CHARACTERS_LEFT={0} characters remaining
 
@@ -232,9 +316,6 @@ TIMEPICKER_MINUTES_LABEL=Minutes
 #XFLD: Timepicker slider header
 TIMEPICKER_SECONDS_LABEL=Seconds
 
-#XFLD: Timepicker slider header
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 #XFLD: Timepicker popover button
 TIMEPICKER_SUBMIT_BUTTON=OK
 
@@ -244,9 +325,6 @@ TIMEPICKER_CANCEL_BUTTON=Cancel
 #XACT: Aria information for the Time Picker
 TIMEPICKER_INPUT_DESCRIPTION=Time Input
 
-#XACT: Aria information for the Duration Picker
-DURATION_INPUT_DESCRIPTION=Duration Input
-
 #XFLD: DateTimePicker popover button
 DATETIME_PICKER_DATE_BUTTON=Date
 
@@ -277,9 +355,21 @@ TREE_ITEM_ARIA_LABEL=Tree Item
 #XTOL: tooltip for expand icon in a tree item
 TREE_ITEM_EXPAND_NODE=Expand Node
 
-#XTOL: tooltip for collapse icon in a tree item
+#XACT: tooltip for collapse icon in a tree item
 TREE_ITEM_COLLAPSE_NODE=Collapse Node
 
+#XACT: the value state type that is preppended to value state error message text
+VALUE_STATE_TYPE_ERROR=Value State Error
+
+#XACT: the value state type that is preppended to value state warning message text
+VALUE_STATE_TYPE_WARNING=Value State Warning
+
+#XACT: the value state type that is preppended to value state success message text
+VALUE_STATE_TYPE_SUCCESS=Value State Success
+
+#XACT: the value state type that is preppended to value state information message text
+VALUE_STATE_TYPE_INFORMATION=Value State Information
+
 #XTOL: text that is appended to the tooltips of input fields etc. which are marked to have an error
 VALUE_STATE_ERROR=Invalid entry
 
@@ -307,8 +397,26 @@ DAY_PICKER_NON_WORKING_DAY = Non-Working Day
 #XBUT: Text for 'Today' in the DayPicker
 DAY_PICKER_TODAY = Today
 
+#XACT: ARIA description for month picker
+MONTH_PICKER_DESCRIPTION = Month Picker
+
+#XACT: ARIA description for year picker
+YEAR_PICKER_DESCRIPTION = Year Picker
+
 #XTOL: tooltip for decrease button of the StepInput
 STEPINPUT_DEC_ICON_TITLE=Decrease
 
 #XTOL: tooltip for increase button of the StepInput
 STEPINPUT_INC_ICON_TITLE=Increase
+
+#XACT: Aria information for the Split Button
+SPLIT_BUTTON_DESCRIPTION=Split Button
+
+#XACT: Aria hint for the keyboard handling support of the Split Button
+SPLIT_BUTTON_KEYBOARD_HINT=Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action
+
+#XACT: ARIA announcement for the Menu Back button aria-label attribute
+MENU_BACK_BUTTON_ARIA_LABEL=Back
+
+#XACT: ARIA announcement for the Menu Close button aria-label attribute
+MENU_CLOSE_BUTTON_ARIA_LABEL=Decline

package/src/i18n/messagebundle_ar.properties

@@ -21,6 +21,14 @@ AVATAR_GROUP_MOVE=اضغط على مفاتيح الأسهم للنقل.
 
 BADGE_DESCRIPTION=شارة
 
+BREADCRUMB_ITEM_POS={0} من {1}
+
+BREADCRUMBS_ARIA_LABEL=مسار التنقل
+
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=المزيد
+
+BREADCRUMBS_CANCEL_BUTTON=إلغاء
+
 BUSY_INDICATOR_TITLE=الرجاء الانتظار
 
 BUTTON_ARIA_TYPE_ACCEPT=إجراء موجب
@@ -39,6 +47,8 @@ CAROUSEL_NEXT_ARROW_TEXT=الصفحة التالية
 
 COLORPALETTE_CONTAINER_LABEL=لوحة الألوان - الألوان المحددة مسبقًا
 
+COLORPALETTE_POPOVER_TITLE=لوحة الألوان
+
 COLORPALETTE_COLOR_LABEL=اللون
 
 COLOR_PALETTE_DIALOG_CANCEL_BUTTON=إلغاء
@@ -49,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=تغيير اللون
 
 COLOR_PALETTE_MORE_COLORS_TEXT=مزيد من الألوان...
 
+COLORPICKER_ALPHA_SLIDER=عنصر تحكم ألفا
+
+COLORPICKER_HUE_SLIDER=عنصر تحكم تدرج اللون
+
+COLORPICKER_HEX=ست عشري
+
+COLORPICKER_RED=أحمر
+
+COLORPICKER_GREEN=أخضر
+
+COLORPICKER_BLUE=أزرق
+
+COLORPICKER_ALPHA=ألفا
+
 DATEPICKER_OPEN_ICON_TITLE=فتح أداة الانتقاء
 
 DATEPICKER_DATE_DESCRIPTION=إدخال التاريخ
@@ -65,6 +89,8 @@ FILEUPLOADER_TITLE=تحميل ملف
 
 GROUP_HEADER_TEXT=مقدمة المجموعة
 
+SELECT_ROLE_DESCRIPTION=مربع القائمة
+
 SELECT_OPTIONS=تحديد الخيارات
 
 INPUT_SUGGESTIONS=اقترحات متوفرة
@@ -85,12 +111,36 @@ LIST_ITEM_POSITION=بند القائمة {0} لـ {1}
 
 LIST_ITEM_SELECTED=محدد
 
+LIST_ITEM_NOT_SELECTED=غير محدد
+
+LIST_ITEM_GROUP_HEADER=مقدمة المجموعة
+
 ARIA_LABEL_LIST_ITEM_CHECKBOX=نمط التحديد المتعدد
 
-MESSAGE_STRIP_CLOSE_BUTTON=إغلاق شريط الرسالة
+ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=تحديد البنود.
+
+ARIA_LABEL_LIST_SELECTABLE=توجد بنود قابلة للتحديد
+
+ARIA_LABEL_LIST_MULTISELECTABLE=توجد بنود قابلة لتحديد متعدد
+
+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=هذه القيمة محددة بالفعل.
+
 MULTIINPUT_ROLEDESCRIPTION_TEXT=إدخال متعدد القيمة
 
 MULTIINPUT_SHOW_MORE_TOKENS={0} المزيد
@@ -117,13 +167,9 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=الزر المقسَّم
 
 SLIDER_ARIA_DESCRIPTION=مؤشر مربع التمرير
 
-SWITCH_ON=تشغيل
-
-SWITCH_OFF=غلق
-
 LOAD_MORE_TEXT=المزيد
 
-TABLE_HEADER_ROW_TEXT=صف المقدمة
+TABLE_HEADER_ROW_INFORMATION=صف المقدمة 1 من أصل {0}
 
 TABLE_ROW_POSITION={0} من {1}
 
@@ -133,12 +179,28 @@ ARIA_LABEL_ROW_SELECTION=تحديد البنود
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=تحديد كل الصفوف
 
+TAB_ARIA_DESIGN_POSITIVE=إيجابية
+
+TAB_ARIA_DESIGN_NEGATIVE=سلبية
+
+TAB_ARIA_DESIGN_CRITICAL=مهم
+
+TAB_ARIA_DESIGN_NEUTRAL=محايد
+
+TAB_SPLIT_ROLE_DESCRIPTION=علامة تبويب بالبنود الفرعية
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=التالي
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=السابق
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=قائمة التدفق
 
+TABCONTAINER_END_OVERFLOW=المزيد
+
+TABCONTAINER_POPOVER_CANCEL_BUTTON=إلغاء
+
+TABCONTAINER_SUBTABS_DESCRIPTION=اضغط على مفتاح السهم لأسفل لفتح قائمة البنود الفرعية
+
 TEXTAREA_CHARACTERS_LEFT=متبق {0} من الحروف
 
 TEXTAREA_CHARACTERS_EXCEEDED=تم تجاوز الحد بمقدار {0} من الحروف
@@ -149,16 +211,12 @@ TIMEPICKER_MINUTES_LABEL=الدقائق
 
 TIMEPICKER_SECONDS_LABEL=الثواني
 
-TIMEPICKER_PERIODS_LABEL=صباحًا/مساءًا
-
 TIMEPICKER_SUBMIT_BUTTON=موافق
 
 TIMEPICKER_CANCEL_BUTTON=إلغاء
 
 TIMEPICKER_INPUT_DESCRIPTION=إدخال الوقت
 
-DURATION_INPUT_DESCRIPTION=إدخال المدة
-
 DATETIME_PICKER_DATE_BUTTON=التاريخ
 
 DATETIME_PICKER_TIME_BUTTON=الوقت
@@ -181,6 +239,14 @@ TREE_ITEM_EXPAND_NODE=توسيع العقدة
 
 TREE_ITEM_COLLAPSE_NODE=طي العقدة
 
+VALUE_STATE_TYPE_ERROR=حالة القيمة ’خطأ‘
+
+VALUE_STATE_TYPE_WARNING=حالة القيمة ’تحذير‘
+
+VALUE_STATE_TYPE_SUCCESS=حالة القيمة ناجح
+
+VALUE_STATE_TYPE_INFORMATION=حالة القيمة ’معلومات‘
+
 VALUE_STATE_ERROR=إدخال غير صالح
 
 VALUE_STATE_WARNING=تم إصدار تحذير
@@ -199,6 +265,18 @@ DAY_PICKER_NON_WORKING_DAY=يوم عطلة
 
 DAY_PICKER_TODAY=اليوم
 
+MONTH_PICKER_DESCRIPTION=أداة انتقاء الشهر
+
+YEAR_PICKER_DESCRIPTION=أداة انتقاء السنة
+
 STEPINPUT_DEC_ICON_TITLE=تخفيض
 
 STEPINPUT_INC_ICON_TITLE=زيادة
+
+SPLIT_BUTTON_DESCRIPTION=زر التقسيم
+
+SPLIT_BUTTON_KEYBOARD_HINT=اضغط على Space أو Enter لبدء تشغيل الإجراء الافتراضي وAlt + Arrow Down أو F4 لبدء تشغيل إجراء السهم
+
+MENU_BACK_BUTTON_ARIA_LABEL=الخلف
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=رفض