npm - @openui5/sap.ui.webc.main - Versions diffs - 1.101.0 → 1.103.0 - Mend

@openui5/sap.ui.webc.main 1.101.0 → 1.103.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (471) hide show

package/src/sap/ui/webc/main/thirdparty/features/InputElementsFormSupport.js CHANGED Viewed

@@ -48,17 +48,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry'], function
 			}
 		}
 		static triggerFormSubmit(element) {
-			if (!element.submits) {
-				return;
-			}
 			let currentElement = element.parentElement;
 			while (currentElement && currentElement.tagName.toLowerCase() !== "form") {
 				currentElement = currentElement.parentElement;
 			}
 			if (currentElement) {
+				currentElement.dispatchEvent(new SubmitEvent("submit", {
+					bubbles: true,
+					cancelable: true,
+					submitter: element,
+				}));
 				currentElement.submit();
-			} else {
-				console.error(`${element} is not within a form. Please add it in a form.`);
 			}
 		}
 	}

package/src/sap/ui/webc/main/thirdparty/generated/i18n/i18n-defaults.js CHANGED Viewed

@@ -1,6 +1,6 @@
 sap.ui.define(['exports'], function (exports) { 'use strict';
-	const ARIA_LABEL_CARD_CONTENT = {key: "ARIA_LABEL_CARD_CONTENT", defaultText: "Card Content"};const ARIA_ROLEDESCRIPTION_CARD = {key: "ARIA_ROLEDESCRIPTION_CARD", defaultText: "Card"};const ARIA_ROLEDESCRIPTION_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_CARD_HEADER", defaultText: "Card Header"};const ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER", defaultText: "Interactive Card Header"};const AVATAR_TOOLTIP = {key: "AVATAR_TOOLTIP", defaultText: "Avatar"};const AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL = {key: "AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL", defaultText: "{0} displayed, {1} hidden."};const AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL = {key: "AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL", defaultText: "Activate for complete list."};const AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL = {key: "AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL", defaultText: "Individual avatars."};const AVATAR_GROUP_ARIA_LABEL_GROUP = {key: "AVATAR_GROUP_ARIA_LABEL_GROUP", defaultText: "Conjoined avatars."};const AVATAR_GROUP_MOVE = {key: "AVATAR_GROUP_MOVE", defaultText: "Press ARROW keys to move."};const BADGE_DESCRIPTION = {key: "BADGE_DESCRIPTION", defaultText: "Badge"};const BREADCRUMB_ITEM_POS = {key: "BREADCRUMB_ITEM_POS", defaultText: "{0} of {1}"};const BREADCRUMBS_ARIA_LABEL = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const BREADCRUMBS_CANCEL_BUTTON = {key: "BREADCRUMBS_CANCEL_BUTTON", defaultText: "Cancel"};const BUSY_INDICATOR_TITLE = {key: "BUSY_INDICATOR_TITLE", defaultText: "Please wait"};const BUTTON_ARIA_TYPE_ACCEPT = {key: "BUTTON_ARIA_TYPE_ACCEPT", defaultText: "Positive Action"};const BUTTON_ARIA_TYPE_REJECT = {key: "BUTTON_ARIA_TYPE_REJECT", defaultText: "Negative Action"};const BUTTON_ARIA_TYPE_EMPHASIZED = {key: "BUTTON_ARIA_TYPE_EMPHASIZED", defaultText: "Emphasized"};const CAROUSEL_OF_TEXT = {key: "CAROUSEL_OF_TEXT", defaultText: "of"};const CAROUSEL_DOT_TEXT = {key: "CAROUSEL_DOT_TEXT", defaultText: "Item {0} of {1} displayed"};const CAROUSEL_PREVIOUS_ARROW_TEXT = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const COLORPALETTE_CONTAINER_LABEL = {key: "COLORPALETTE_CONTAINER_LABEL", defaultText: "Color Palette - Predefined Colors"};const COLORPALETTE_POPOVER_TITLE = {key: "COLORPALETTE_POPOVER_TITLE", defaultText: "Color Palette"};const COLORPALETTE_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};const COLOR_PALETTE_DIALOG_CANCEL_BUTTON = {key: "COLOR_PALETTE_DIALOG_CANCEL_BUTTON", defaultText: "Cancel"};const COLOR_PALETTE_DIALOG_OK_BUTTON = {key: "COLOR_PALETTE_DIALOG_OK_BUTTON", defaultText: "OK"};const COLOR_PALETTE_DIALOG_TITLE = {key: "COLOR_PALETTE_DIALOG_TITLE", defaultText: "Change Color"};const COLOR_PALETTE_MORE_COLORS_TEXT = {key: "COLOR_PALETTE_MORE_COLORS_TEXT", defaultText: "More Colors..."};const DATEPICKER_OPEN_ICON_TITLE = {key: "DATEPICKER_OPEN_ICON_TITLE", defaultText: "Open Picker"};const DATEPICKER_DATE_DESCRIPTION = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const DATETIME_DESCRIPTION = {key: "DATETIME_DESCRIPTION", defaultText: "Date Time Input"};const DATERANGE_DESCRIPTION = {key: "DATERANGE_DESCRIPTION", defaultText: "Date Range Input"};const DELETE = {key: "DELETE", defaultText: "Delete"};const FILEUPLOAD_BROWSE = {key: "FILEUPLOAD_BROWSE", defaultText: "Browse..."};const FILEUPLOADER_TITLE = {key: "FILEUPLOADER_TITLE", defaultText: "Upload File"};const GROUP_HEADER_TEXT = {key: "GROUP_HEADER_TEXT", defaultText: "Group Header"};const SELECT_ROLE_DESCRIPTION = {key: "SELECT_ROLE_DESCRIPTION", defaultText: "Select ComboBox"};const SELECT_OPTIONS = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const INPUT_SUGGESTIONS = {key: "INPUT_SUGGESTIONS", defaultText: "Suggestions Available"};const INPUT_SUGGESTIONS_TITLE = {key: "INPUT_SUGGESTIONS_TITLE", defaultText: "Select"};const INPUT_SUGGESTIONS_ONE_HIT = {key: "INPUT_SUGGESTIONS_ONE_HIT", defaultText: "1 result available"};const INPUT_SUGGESTIONS_MORE_HITS = {key: "INPUT_SUGGESTIONS_MORE_HITS", defaultText: "{0} results are available"};const INPUT_SUGGESTIONS_NO_HIT = {key: "INPUT_SUGGESTIONS_NO_HIT", defaultText: "No results"};const LINK_SUBTLE = {key: "LINK_SUBTLE", defaultText: "Subtle"};const LINK_EMPHASIZED = {key: "LINK_EMPHASIZED", defaultText: "Emphasized"};const LIST_ITEM_POSITION = {key: "LIST_ITEM_POSITION", defaultText: "List item {0} of {1}"};const LIST_ITEM_SELECTED = {key: "LIST_ITEM_SELECTED", defaultText: "Selected"};const LIST_ITEM_NOT_SELECTED = {key: "LIST_ITEM_NOT_SELECTED", defaultText: "Not Selected"};const ARIA_LABEL_LIST_ITEM_CHECKBOX = {key: "ARIA_LABEL_LIST_ITEM_CHECKBOX", defaultText: "Multiple Selection Mode"};const ARIA_LABEL_LIST_ITEM_RADIO_BUTTON = {key: "ARIA_LABEL_LIST_ITEM_RADIO_BUTTON", defaultText: "Item Selection."};const ARIA_LABEL_LIST_SELECTABLE = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const ARIA_LABEL_LIST_MULTISELECTABLE = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_DELETABLE = {key: "ARIA_LABEL_LIST_DELETABLE", defaultText: "Contains Deletable Items"};const MESSAGE_STRIP_CLOSE_BUTTON = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Information Bar Close"};const MESSAGE_STRIP_CLOSABLE = {key: "MESSAGE_STRIP_CLOSABLE", defaultText: "Closable"};const MESSAGE_STRIP_ERROR = {key: "MESSAGE_STRIP_ERROR", defaultText: "Error Information Bar"};const MESSAGE_STRIP_WARNING = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Information Bar"};const MESSAGE_STRIP_SUCCESS = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Success Information Bar"};const MESSAGE_STRIP_INFORMATION = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MULTICOMBOBOX_DIALOG_OK_BUTTON = {key: "MULTICOMBOBOX_DIALOG_OK_BUTTON", defaultText: "OK"};const VALUE_STATE_ERROR_ALREADY_SELECTED = {key: "VALUE_STATE_ERROR_ALREADY_SELECTED", defaultText: "This value is already selected."};const MULTIINPUT_ROLEDESCRIPTION_TEXT = {key: "MULTIINPUT_ROLEDESCRIPTION_TEXT", defaultText: "Multi Value Input"};const MULTIINPUT_SHOW_MORE_TOKENS = {key: "MULTIINPUT_SHOW_MORE_TOKENS", defaultText: "{0} More"};const PANEL_ICON = {key: "PANEL_ICON", defaultText: "Expand/Collapse"};const RANGE_SLIDER_ARIA_DESCRIPTION = {key: "RANGE_SLIDER_ARIA_DESCRIPTION", defaultText: "Range"};const RANGE_SLIDER_START_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_START_HANDLE_DESCRIPTION", defaultText: "Left handle"};const RANGE_SLIDER_END_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_END_HANDLE_DESCRIPTION", defaultText: "Right handle"};const RATING_INDICATOR_TOOLTIP_TEXT = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_TEXT = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON = {key: "RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON", defaultText: "Decline"};const SEGMENTEDBUTTON_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTON_ARIA_DESCRIPTION", defaultText: "Segmented button group"};const SEGMENTEDBUTTON_ARIA_DESCRIBEDBY = {key: "SEGMENTEDBUTTON_ARIA_DESCRIBEDBY", defaultText: "Press SPACE or ENTER to select an item"};const SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION", defaultText: "Segmented button"};const SLIDER_ARIA_DESCRIPTION = {key: "SLIDER_ARIA_DESCRIPTION", defaultText: "Slider handle"};const SWITCH_ON = {key: "SWITCH_ON", defaultText: "On"};const SWITCH_OFF = {key: "SWITCH_OFF", defaultText: "Off"};const LOAD_MORE_TEXT = {key: "LOAD_MORE_TEXT", defaultText: "More"};const TABLE_HEADER_ROW_TEXT = {key: "TABLE_HEADER_ROW_TEXT", defaultText: "Header Row"};const TABLE_ROW_POSITION = {key: "TABLE_ROW_POSITION", defaultText: "{0} of {1}"};const TABLE_GROUP_ROW_ARIA_LABEL = {key: "TABLE_GROUP_ROW_ARIA_LABEL", defaultText: "Group Header Row"};const ARIA_LABEL_ROW_SELECTION = {key: "ARIA_LABEL_ROW_SELECTION", defaultText: "Item Selection"};const ARIA_LABEL_SELECT_ALL_CHECKBOX = {key: "ARIA_LABEL_SELECT_ALL_CHECKBOX", defaultText: "Select All Rows"};const TABCONTAINER_NEXT_ICON_ACC_NAME = {key: "TABCONTAINER_NEXT_ICON_ACC_NAME", defaultText: "Next"};const TABCONTAINER_PREVIOUS_ICON_ACC_NAME = {key: "TABCONTAINER_PREVIOUS_ICON_ACC_NAME", defaultText: "Previous"};const TABCONTAINER_OVERFLOW_MENU_TITLE = {key: "TABCONTAINER_OVERFLOW_MENU_TITLE", defaultText: "Overflow Menu"};const TABCONTAINER_END_OVERFLOW = {key: "TABCONTAINER_END_OVERFLOW", defaultText: "More"};const TABCONTAINER_POPOVER_CANCEL_BUTTON = {key: "TABCONTAINER_POPOVER_CANCEL_BUTTON", defaultText: "Cancel"};const TEXTAREA_CHARACTERS_LEFT = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const TEXTAREA_CHARACTERS_EXCEEDED = {key: "TEXTAREA_CHARACTERS_EXCEEDED", defaultText: "{0} characters over limit"};const TIMEPICKER_HOURS_LABEL = {key: "TIMEPICKER_HOURS_LABEL", defaultText: "Hours"};const TIMEPICKER_MINUTES_LABEL = {key: "TIMEPICKER_MINUTES_LABEL", defaultText: "Minutes"};const TIMEPICKER_SECONDS_LABEL = {key: "TIMEPICKER_SECONDS_LABEL", defaultText: "Seconds"};const TIMEPICKER_PERIODS_LABEL = {key: "TIMEPICKER_PERIODS_LABEL", defaultText: "AM/PM"};const TIMEPICKER_SUBMIT_BUTTON = {key: "TIMEPICKER_SUBMIT_BUTTON", defaultText: "OK"};const TIMEPICKER_CANCEL_BUTTON = {key: "TIMEPICKER_CANCEL_BUTTON", defaultText: "Cancel"};const TIMEPICKER_INPUT_DESCRIPTION = {key: "TIMEPICKER_INPUT_DESCRIPTION", defaultText: "Time Input"};const DURATION_INPUT_DESCRIPTION = {key: "DURATION_INPUT_DESCRIPTION", defaultText: "Duration Input"};const DATETIME_PICKER_DATE_BUTTON = {key: "DATETIME_PICKER_DATE_BUTTON", defaultText: "Date"};const DATETIME_PICKER_TIME_BUTTON = {key: "DATETIME_PICKER_TIME_BUTTON", defaultText: "Time"};const TOKEN_ARIA_DELETABLE = {key: "TOKEN_ARIA_DELETABLE", defaultText: "Deletable"};const TOKENIZER_ARIA_CONTAIN_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_TOKEN", defaultText: "No Tokens"};const TOKENIZER_ARIA_CONTAIN_ONE_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_ONE_TOKEN", defaultText: "Contains 1 token"};const TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS = {key: "TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS", defaultText: "Contains {0} tokens"};const TOKENIZER_ARIA_LABEL = {key: "TOKENIZER_ARIA_LABEL", defaultText: "Tokenizer"};const TOKENIZER_POPOVER_REMOVE = {key: "TOKENIZER_POPOVER_REMOVE", defaultText: "Remove"};const TREE_ITEM_ARIA_LABEL = {key: "TREE_ITEM_ARIA_LABEL", defaultText: "Tree Item"};const TREE_ITEM_EXPAND_NODE = {key: "TREE_ITEM_EXPAND_NODE", defaultText: "Expand Node"};const TREE_ITEM_COLLAPSE_NODE = {key: "TREE_ITEM_COLLAPSE_NODE", defaultText: "Collapse Node"};const VALUE_STATE_ERROR = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const CALENDAR_HEADER_NEXT_BUTTON = {key: "CALENDAR_HEADER_NEXT_BUTTON", defaultText: "Next"};const CALENDAR_HEADER_PREVIOUS_BUTTON = {key: "CALENDAR_HEADER_PREVIOUS_BUTTON", defaultText: "Previous"};const DAY_PICKER_WEEK_NUMBER_TEXT = {key: "DAY_PICKER_WEEK_NUMBER_TEXT", defaultText: "Week Number"};const DAY_PICKER_NON_WORKING_DAY = {key: "DAY_PICKER_NON_WORKING_DAY", defaultText: "Non-Working Day"};const DAY_PICKER_TODAY = {key: "DAY_PICKER_TODAY", defaultText: "Today"};const STEPINPUT_DEC_ICON_TITLE = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease"};const STEPINPUT_INC_ICON_TITLE = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase"};const SPLIT_BUTTON_DESCRIPTION = {key: "SPLIT_BUTTON_DESCRIPTION", defaultText: "Split Button"};const SPLIT_BUTTON_KEYBOARD_HINT = {key: "SPLIT_BUTTON_KEYBOARD_HINT", defaultText: "Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action"};
+	const ARIA_LABEL_CARD_CONTENT = {key: "ARIA_LABEL_CARD_CONTENT", defaultText: "Card Content"};const ARIA_ROLEDESCRIPTION_CARD = {key: "ARIA_ROLEDESCRIPTION_CARD", defaultText: "Card"};const ARIA_ROLEDESCRIPTION_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_CARD_HEADER", defaultText: "Card Header"};const ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER", defaultText: "Interactive Card Header"};const AVATAR_TOOLTIP = {key: "AVATAR_TOOLTIP", defaultText: "Avatar"};const AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL = {key: "AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL", defaultText: "{0} displayed, {1} hidden."};const AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL = {key: "AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL", defaultText: "Activate for complete list."};const AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL = {key: "AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL", defaultText: "Individual avatars."};const AVATAR_GROUP_ARIA_LABEL_GROUP = {key: "AVATAR_GROUP_ARIA_LABEL_GROUP", defaultText: "Conjoined avatars."};const AVATAR_GROUP_MOVE = {key: "AVATAR_GROUP_MOVE", defaultText: "Press ARROW keys to move."};const BADGE_DESCRIPTION = {key: "BADGE_DESCRIPTION", defaultText: "Badge"};const BREADCRUMB_ITEM_POS = {key: "BREADCRUMB_ITEM_POS", defaultText: "{0} of {1}"};const BREADCRUMBS_ARIA_LABEL = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const BREADCRUMBS_CANCEL_BUTTON = {key: "BREADCRUMBS_CANCEL_BUTTON", defaultText: "Cancel"};const BUSY_INDICATOR_TITLE = {key: "BUSY_INDICATOR_TITLE", defaultText: "Please wait"};const BUTTON_ARIA_TYPE_ACCEPT = {key: "BUTTON_ARIA_TYPE_ACCEPT", defaultText: "Positive Action"};const BUTTON_ARIA_TYPE_REJECT = {key: "BUTTON_ARIA_TYPE_REJECT", defaultText: "Negative Action"};const BUTTON_ARIA_TYPE_EMPHASIZED = {key: "BUTTON_ARIA_TYPE_EMPHASIZED", defaultText: "Emphasized"};const CAROUSEL_OF_TEXT = {key: "CAROUSEL_OF_TEXT", defaultText: "of"};const CAROUSEL_DOT_TEXT = {key: "CAROUSEL_DOT_TEXT", defaultText: "Item {0} of {1} displayed"};const CAROUSEL_PREVIOUS_ARROW_TEXT = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const COLORPALETTE_CONTAINER_LABEL = {key: "COLORPALETTE_CONTAINER_LABEL", defaultText: "Color Palette - Predefined Colors"};const COLORPALETTE_POPOVER_TITLE = {key: "COLORPALETTE_POPOVER_TITLE", defaultText: "Color Palette"};const COLORPALETTE_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};const COLOR_PALETTE_DIALOG_CANCEL_BUTTON = {key: "COLOR_PALETTE_DIALOG_CANCEL_BUTTON", defaultText: "Cancel"};const COLOR_PALETTE_DIALOG_OK_BUTTON = {key: "COLOR_PALETTE_DIALOG_OK_BUTTON", defaultText: "OK"};const COLOR_PALETTE_DIALOG_TITLE = {key: "COLOR_PALETTE_DIALOG_TITLE", defaultText: "Change Color"};const COLOR_PALETTE_MORE_COLORS_TEXT = {key: "COLOR_PALETTE_MORE_COLORS_TEXT", defaultText: "More Colors..."};const DATEPICKER_OPEN_ICON_TITLE = {key: "DATEPICKER_OPEN_ICON_TITLE", defaultText: "Open Picker"};const DATEPICKER_DATE_DESCRIPTION = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const DATETIME_DESCRIPTION = {key: "DATETIME_DESCRIPTION", defaultText: "Date Time Input"};const DATERANGE_DESCRIPTION = {key: "DATERANGE_DESCRIPTION", defaultText: "Date Range Input"};const DELETE = {key: "DELETE", defaultText: "Delete"};const FILEUPLOAD_BROWSE = {key: "FILEUPLOAD_BROWSE", defaultText: "Browse..."};const FILEUPLOADER_TITLE = {key: "FILEUPLOADER_TITLE", defaultText: "Upload File"};const GROUP_HEADER_TEXT = {key: "GROUP_HEADER_TEXT", defaultText: "Group Header"};const SELECT_ROLE_DESCRIPTION = {key: "SELECT_ROLE_DESCRIPTION", defaultText: "Select Combo Box"};const SELECT_OPTIONS = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const INPUT_SUGGESTIONS = {key: "INPUT_SUGGESTIONS", defaultText: "Suggestions Available"};const INPUT_SUGGESTIONS_TITLE = {key: "INPUT_SUGGESTIONS_TITLE", defaultText: "Select"};const INPUT_SUGGESTIONS_ONE_HIT = {key: "INPUT_SUGGESTIONS_ONE_HIT", defaultText: "1 result available"};const INPUT_SUGGESTIONS_MORE_HITS = {key: "INPUT_SUGGESTIONS_MORE_HITS", defaultText: "{0} results are available"};const INPUT_SUGGESTIONS_NO_HIT = {key: "INPUT_SUGGESTIONS_NO_HIT", defaultText: "No results"};const LINK_SUBTLE = {key: "LINK_SUBTLE", defaultText: "Subtle"};const LINK_EMPHASIZED = {key: "LINK_EMPHASIZED", defaultText: "Emphasized"};const LIST_ITEM_POSITION = {key: "LIST_ITEM_POSITION", defaultText: "List item {0} of {1}"};const LIST_ITEM_SELECTED = {key: "LIST_ITEM_SELECTED", defaultText: "Selected"};const LIST_ITEM_NOT_SELECTED = {key: "LIST_ITEM_NOT_SELECTED", defaultText: "Not Selected"};const ARIA_LABEL_LIST_ITEM_CHECKBOX = {key: "ARIA_LABEL_LIST_ITEM_CHECKBOX", defaultText: "Multiple Selection Mode"};const ARIA_LABEL_LIST_ITEM_RADIO_BUTTON = {key: "ARIA_LABEL_LIST_ITEM_RADIO_BUTTON", defaultText: "Item Selection."};const ARIA_LABEL_LIST_SELECTABLE = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const ARIA_LABEL_LIST_MULTISELECTABLE = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_DELETABLE = {key: "ARIA_LABEL_LIST_DELETABLE", defaultText: "Contains Deletable Items"};const MESSAGE_STRIP_CLOSE_BUTTON = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Information Bar Close"};const MESSAGE_STRIP_CLOSABLE = {key: "MESSAGE_STRIP_CLOSABLE", defaultText: "Closable"};const MESSAGE_STRIP_ERROR = {key: "MESSAGE_STRIP_ERROR", defaultText: "Error Information Bar"};const MESSAGE_STRIP_WARNING = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Information Bar"};const MESSAGE_STRIP_SUCCESS = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Success Information Bar"};const MESSAGE_STRIP_INFORMATION = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MULTICOMBOBOX_DIALOG_OK_BUTTON = {key: "MULTICOMBOBOX_DIALOG_OK_BUTTON", defaultText: "OK"};const VALUE_STATE_ERROR_ALREADY_SELECTED = {key: "VALUE_STATE_ERROR_ALREADY_SELECTED", defaultText: "This value is already selected."};const MULTIINPUT_ROLEDESCRIPTION_TEXT = {key: "MULTIINPUT_ROLEDESCRIPTION_TEXT", defaultText: "Multi Value Input"};const MULTIINPUT_SHOW_MORE_TOKENS = {key: "MULTIINPUT_SHOW_MORE_TOKENS", defaultText: "{0} More"};const PANEL_ICON = {key: "PANEL_ICON", defaultText: "Expand/Collapse"};const RANGE_SLIDER_ARIA_DESCRIPTION = {key: "RANGE_SLIDER_ARIA_DESCRIPTION", defaultText: "Range"};const RANGE_SLIDER_START_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_START_HANDLE_DESCRIPTION", defaultText: "Left handle"};const RANGE_SLIDER_END_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_END_HANDLE_DESCRIPTION", defaultText: "Right handle"};const RATING_INDICATOR_TOOLTIP_TEXT = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_TEXT = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON = {key: "RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON", defaultText: "Decline"};const SEGMENTEDBUTTON_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTON_ARIA_DESCRIPTION", defaultText: "Segmented button group"};const SEGMENTEDBUTTON_ARIA_DESCRIBEDBY = {key: "SEGMENTEDBUTTON_ARIA_DESCRIBEDBY", defaultText: "Press SPACE or ENTER to select an item"};const SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION", defaultText: "Segmented button"};const SLIDER_ARIA_DESCRIPTION = {key: "SLIDER_ARIA_DESCRIPTION", defaultText: "Slider handle"};const LOAD_MORE_TEXT = {key: "LOAD_MORE_TEXT", defaultText: "More"};const TABLE_HEADER_ROW_TEXT = {key: "TABLE_HEADER_ROW_TEXT", defaultText: "Header Row"};const TABLE_ROW_POSITION = {key: "TABLE_ROW_POSITION", defaultText: "{0} of {1}"};const TABLE_GROUP_ROW_ARIA_LABEL = {key: "TABLE_GROUP_ROW_ARIA_LABEL", defaultText: "Group Header Row"};const ARIA_LABEL_ROW_SELECTION = {key: "ARIA_LABEL_ROW_SELECTION", defaultText: "Item Selection"};const ARIA_LABEL_SELECT_ALL_CHECKBOX = {key: "ARIA_LABEL_SELECT_ALL_CHECKBOX", defaultText: "Select All Rows"};const TABCONTAINER_NEXT_ICON_ACC_NAME = {key: "TABCONTAINER_NEXT_ICON_ACC_NAME", defaultText: "Next"};const TABCONTAINER_PREVIOUS_ICON_ACC_NAME = {key: "TABCONTAINER_PREVIOUS_ICON_ACC_NAME", defaultText: "Previous"};const TABCONTAINER_OVERFLOW_MENU_TITLE = {key: "TABCONTAINER_OVERFLOW_MENU_TITLE", defaultText: "Overflow Menu"};const TABCONTAINER_END_OVERFLOW = {key: "TABCONTAINER_END_OVERFLOW", defaultText: "More"};const TABCONTAINER_POPOVER_CANCEL_BUTTON = {key: "TABCONTAINER_POPOVER_CANCEL_BUTTON", defaultText: "Cancel"};const TEXTAREA_CHARACTERS_LEFT = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const TEXTAREA_CHARACTERS_EXCEEDED = {key: "TEXTAREA_CHARACTERS_EXCEEDED", defaultText: "{0} characters over limit"};const TIMEPICKER_HOURS_LABEL = {key: "TIMEPICKER_HOURS_LABEL", defaultText: "Hours"};const TIMEPICKER_MINUTES_LABEL = {key: "TIMEPICKER_MINUTES_LABEL", defaultText: "Minutes"};const TIMEPICKER_SECONDS_LABEL = {key: "TIMEPICKER_SECONDS_LABEL", defaultText: "Seconds"};const TIMEPICKER_PERIODS_LABEL = {key: "TIMEPICKER_PERIODS_LABEL", defaultText: "AM/PM"};const TIMEPICKER_SUBMIT_BUTTON = {key: "TIMEPICKER_SUBMIT_BUTTON", defaultText: "OK"};const TIMEPICKER_CANCEL_BUTTON = {key: "TIMEPICKER_CANCEL_BUTTON", defaultText: "Cancel"};const TIMEPICKER_INPUT_DESCRIPTION = {key: "TIMEPICKER_INPUT_DESCRIPTION", defaultText: "Time Input"};const DURATION_INPUT_DESCRIPTION = {key: "DURATION_INPUT_DESCRIPTION", defaultText: "Duration Input"};const DATETIME_PICKER_DATE_BUTTON = {key: "DATETIME_PICKER_DATE_BUTTON", defaultText: "Date"};const DATETIME_PICKER_TIME_BUTTON = {key: "DATETIME_PICKER_TIME_BUTTON", defaultText: "Time"};const TOKEN_ARIA_DELETABLE = {key: "TOKEN_ARIA_DELETABLE", defaultText: "Deletable"};const TOKENIZER_ARIA_CONTAIN_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_TOKEN", defaultText: "No Tokens"};const TOKENIZER_ARIA_CONTAIN_ONE_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_ONE_TOKEN", defaultText: "Contains 1 token"};const TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS = {key: "TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS", defaultText: "Contains {0} tokens"};const TOKENIZER_ARIA_LABEL = {key: "TOKENIZER_ARIA_LABEL", defaultText: "Tokenizer"};const TOKENIZER_POPOVER_REMOVE = {key: "TOKENIZER_POPOVER_REMOVE", defaultText: "Remove"};const TREE_ITEM_ARIA_LABEL = {key: "TREE_ITEM_ARIA_LABEL", defaultText: "Tree Item"};const TREE_ITEM_EXPAND_NODE = {key: "TREE_ITEM_EXPAND_NODE", defaultText: "Expand Node"};const TREE_ITEM_COLLAPSE_NODE = {key: "TREE_ITEM_COLLAPSE_NODE", defaultText: "Collapse Node"};const VALUE_STATE_ERROR = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const CALENDAR_HEADER_NEXT_BUTTON = {key: "CALENDAR_HEADER_NEXT_BUTTON", defaultText: "Next"};const CALENDAR_HEADER_PREVIOUS_BUTTON = {key: "CALENDAR_HEADER_PREVIOUS_BUTTON", defaultText: "Previous"};const DAY_PICKER_WEEK_NUMBER_TEXT = {key: "DAY_PICKER_WEEK_NUMBER_TEXT", defaultText: "Week Number"};const DAY_PICKER_NON_WORKING_DAY = {key: "DAY_PICKER_NON_WORKING_DAY", defaultText: "Non-Working Day"};const DAY_PICKER_TODAY = {key: "DAY_PICKER_TODAY", defaultText: "Today"};const STEPINPUT_DEC_ICON_TITLE = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease"};const STEPINPUT_INC_ICON_TITLE = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase"};const SPLIT_BUTTON_DESCRIPTION = {key: "SPLIT_BUTTON_DESCRIPTION", defaultText: "Split Button"};const SPLIT_BUTTON_KEYBOARD_HINT = {key: "SPLIT_BUTTON_KEYBOARD_HINT", defaultText: "Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action"};const MENU_BACK_BUTTON_ARIA_LABEL = {key: "MENU_BACK_BUTTON_ARIA_LABEL", defaultText: "Back"};const MENU_CLOSE_BUTTON_ARIA_LABEL = {key: "MENU_CLOSE_BUTTON_ARIA_LABEL", defaultText: "Decline"};
 	exports.ARIA_LABEL_CARD_CONTENT = ARIA_LABEL_CARD_CONTENT;
 	exports.ARIA_LABEL_LIST_DELETABLE = ARIA_LABEL_LIST_DELETABLE;
@@ -66,6 +66,8 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	exports.LIST_ITEM_POSITION = LIST_ITEM_POSITION;
 	exports.LIST_ITEM_SELECTED = LIST_ITEM_SELECTED;
 	exports.LOAD_MORE_TEXT = LOAD_MORE_TEXT;
+	exports.MENU_BACK_BUTTON_ARIA_LABEL = MENU_BACK_BUTTON_ARIA_LABEL;
+	exports.MENU_CLOSE_BUTTON_ARIA_LABEL = MENU_CLOSE_BUTTON_ARIA_LABEL;
 	exports.MESSAGE_STRIP_CLOSABLE = MESSAGE_STRIP_CLOSABLE;
 	exports.MESSAGE_STRIP_CLOSE_BUTTON = MESSAGE_STRIP_CLOSE_BUTTON;
 	exports.MESSAGE_STRIP_ERROR = MESSAGE_STRIP_ERROR;
@@ -92,8 +94,6 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	exports.SPLIT_BUTTON_KEYBOARD_HINT = SPLIT_BUTTON_KEYBOARD_HINT;
 	exports.STEPINPUT_DEC_ICON_TITLE = STEPINPUT_DEC_ICON_TITLE;
 	exports.STEPINPUT_INC_ICON_TITLE = STEPINPUT_INC_ICON_TITLE;
-	exports.SWITCH_OFF = SWITCH_OFF;
-	exports.SWITCH_ON = SWITCH_ON;
 	exports.TABCONTAINER_END_OVERFLOW = TABCONTAINER_END_OVERFLOW;
 	exports.TABCONTAINER_NEXT_ICON_ACC_NAME = TABCONTAINER_NEXT_ICON_ACC_NAME;
 	exports.TABCONTAINER_OVERFLOW_MENU_TITLE = TABCONTAINER_OVERFLOW_MENU_TITLE;

package/src/sap/ui/webc/main/thirdparty/generated/templates/AvatarGroupTemplate.lit.js CHANGED Viewed

@@ -2,7 +2,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-avatar-group-root"><div class="ui5-avatar-group-items" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @focusin="${context._onfocusin}" tabindex="${litRender.ifDefined(context._groupTabIndex)}" @click="${context._onClick}" @ui5-click="${litRender.ifDefined(context._onUI5Click)}" aria-label="${litRender.ifDefined(context._ariaLabelText)}" role="${litRender.ifDefined(context._role)}" aria-haspopup="${litRender.ifDefined(context._containerAriaHasPopup)}"><slot></slot>${ context._customOverflowButton ? block1() : block2(context, tags, suffix) }</div></div>`;
 	const block1 = (context, tags, suffix) => litRender.html`<slot name="overflowButton"></slot>`;
-	const block2 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} .accessibilityAttributes="${litRender.ifDefined(context._overflowButtonAccAttributes)}" aria-label="${litRender.ifDefined(context._overflowButtonAriaLabelText)}" ?hidden="${context._overflowBtnHidden}" ?non-interactive=${context._isGroup} class="${litRender.classMap(context.classes.overflowButton)}">${litRender.ifDefined(context._overflowButtonText)}</${litRender.scopeTag("ui5-button", tags, suffix)}>`;
+	const block2 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} .accessibilityAttributes="${litRender.ifDefined(context._overflowButtonAccAttributes)}" aria-label="${litRender.ifDefined(context._overflowButtonAriaLabelText)}" ?hidden="${context._overflowBtnHidden}" ?non-interactive=${context._isGroup} class="${litRender.classMap(context.classes.overflowButton)}">${litRender.ifDefined(context._overflowButtonText)}</${litRender.scopeTag("ui5-button", tags, suffix)}>` : litRender.html`<ui5-button .accessibilityAttributes="${litRender.ifDefined(context._overflowButtonAccAttributes)}" aria-label="${litRender.ifDefined(context._overflowButtonAriaLabelText)}" ?hidden="${context._overflowBtnHidden}" ?non-interactive=${context._isGroup} class="${litRender.classMap(context.classes.overflowButton)}">${litRender.ifDefined(context._overflowButtonText)}</ui5-button>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/AvatarTemplate.lit.js CHANGED Viewed

@@ -3,7 +3,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-avatar-root" tabindex="${litRender.ifDefined(context.tabindex)}" data-sap-focus-ref @keyup=${context._onkeyup} @keydown=${context._onkeydown} @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} role="${litRender.ifDefined(context._role)}" aria-haspopup="${litRender.ifDefined(context._ariaHasPopup)}">${ context.hasImage ? block1() : block2(context, tags, suffix) }</div>`;
 	const block1 = (context, tags, suffix) => litRender.html`<slot></slot>`;
 	const block2 = (context, tags, suffix) => litRender.html`${ context.icon ? block3(context, tags, suffix) : block4(context) }`;
-	const block3 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-avatar-icon" name="${litRender.ifDefined(context.icon)}" accessible-name="${litRender.ifDefined(context.accessibleNameText)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>`;
+	const block3 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-avatar-icon" name="${litRender.ifDefined(context.icon)}" accessible-name="${litRender.ifDefined(context.accessibleNameText)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>` : litRender.html`<ui5-icon class="ui5-avatar-icon" name="${litRender.ifDefined(context.icon)}" accessible-name="${litRender.ifDefined(context.accessibleNameText)}"></ui5-icon>`;
 	const block4 = (context, tags, suffix) => litRender.html`${ context.initials ? block5(context) : undefined }`;
 	const block5 = (context, tags, suffix) => litRender.html`<span class="ui5-avatar-initials">${litRender.ifDefined(context.validInitials)}</span>`;

package/src/sap/ui/webc/main/thirdparty/generated/templates/BadgeTemplate.lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-badge-root" dir="${litRender.ifDefined(context.effectiveDir)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}"><slot name="icon"></slot>${ context.hasText ? block1() : undefined }<span class="ui5-hidden-text">${litRender.ifDefined(context.badgeDescription)}</span></div>`;
+	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-badge-root"><slot name="icon"></slot>${ context.hasText ? block1() : undefined }<span class="ui5-hidden-text">${litRender.ifDefined(context.badgeDescription)}</span></div>`;
 	const block1 = (context, tags, suffix) => litRender.html`<label class="ui5-badge-text"><bdi><slot></slot></bdi></label>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/BreadcrumbsPopoverTemplate.lit.js CHANGED Viewed

@@ -1,7 +1,7 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-responsive-popover", tags, suffix)} class="ui5-breadcrumbs-popover" hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><${litRender.scopeTag("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-selection-change="${litRender.ifDefined(context._onOverflowListItemSelect)}">${ litRender.repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-breadcrumbs-popover-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">${litRender.ifDefined(context._cancelButtonText)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-responsive-popover", tags, suffix)}>`;
-	const block1 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} id="${litRender.ifDefined(item._id)}-li" accessible-name="${litRender.ifDefined(item.accessibleName)}" data-ui5-stable="${litRender.ifDefined(item.stableDomRef)}">${litRender.ifDefined(item.textContent)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
+	const block0 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-responsive-popover", tags, suffix)} class="ui5-breadcrumbs-popover" hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><${litRender.scopeTag("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-selection-change="${litRender.ifDefined(context._onOverflowListItemSelect)}">${ litRender.repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-breadcrumbs-popover-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">${litRender.ifDefined(context._cancelButtonText)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-responsive-popover", tags, suffix)}>` : litRender.html`<ui5-responsive-popover class="ui5-breadcrumbs-popover" hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><ui5-list mode="SingleSelect" separators="None" @ui5-selection-change="${litRender.ifDefined(context._onOverflowListItemSelect)}">${ litRender.repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</ui5-list><div slot="footer" class="ui5-breadcrumbs-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">${litRender.ifDefined(context._cancelButtonText)}</ui5-button></div></ui5-responsive-popover>`;
+	const block1 = (item, index, context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} id="${litRender.ifDefined(item._id)}-li" accessible-name="${litRender.ifDefined(item.accessibleName)}" data-ui5-stable="${litRender.ifDefined(item.stableDomRef)}">${litRender.ifDefined(item.textContent)}</${litRender.scopeTag("ui5-li", tags, suffix)}>` : litRender.html`<ui5-li id="${litRender.ifDefined(item._id)}-li" accessible-name="${litRender.ifDefined(item.accessibleName)}" data-ui5-stable="${litRender.ifDefined(item.stableDomRef)}">${litRender.ifDefined(item.textContent)}</ui5-li>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/BreadcrumbsTemplate.lit.js CHANGED Viewed

@@ -1,8 +1,8 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<nav class="ui5-breadcrumbs-root" aria-label="${litRender.ifDefined(context._accessibleNameText)}"><ol @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper" ?hidden="${context._isOverflowEmpty}"><${litRender.scopeTag("ui5-link", tags, suffix)} @click="${context._openRespPopover}" accessible-role="button" aria-label="${litRender.ifDefined(context._dropdownArrowAccessibleNameText)}" aria-haspopup="${litRender.ifDefined(context._ariaHasPopup)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" title="${litRender.ifDefined(context._dropdownArrowAccessibleNameText)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}></${litRender.scopeTag("ui5-link", tags, suffix)}></li>${ litRender.repeat(context._linksData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }${ context._endsWithCurrentLocationLabel ? block2(context, tags, suffix) : undefined }</ol></nav>`;
-	const block1 = (item, index, context, tags, suffix) => litRender.html`<li class="ui5-breadcrumbs-link-wrapper" id="${litRender.ifDefined(item._id)}-link-wrapper"><${litRender.scopeTag("ui5-link", tags, suffix)} @click="${context._onLinkPress}" href="${litRender.ifDefined(item.href)}" target="${litRender.ifDefined(item.target)}" id="${litRender.ifDefined(item._id)}-link" accessible-name="${litRender.ifDefined(item._accessibleNameText)}" data-ui5-stable="${litRender.ifDefined(item.stableDomRef)}">${litRender.ifDefined(item.innerText)}</${litRender.scopeTag("ui5-link", tags, suffix)}></li>`;
-	const block2 = (context, tags, suffix) => litRender.html`<li class="ui5-breadcrumbs-current-location" @click="${context._onLabelPress}"><span aria-label="${litRender.ifDefined(context._currentLocationAccName)}" role="link" id="${litRender.ifDefined(context._id)}-labelWrapper"><${litRender.scopeTag("ui5-label", tags, suffix)} aria-current="page">${litRender.ifDefined(context._currentLocationText)}</${litRender.scopeTag("ui5-label", tags, suffix)}></span></li>`;
+	const block0 = (context, tags, suffix) => suffix ? litRender.html`<nav class="ui5-breadcrumbs-root" aria-label="${litRender.ifDefined(context._accessibleNameText)}"><ol @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper" ?hidden="${context._isOverflowEmpty}"><${litRender.scopeTag("ui5-link", tags, suffix)} @click="${context._openRespPopover}" accessible-role="button" aria-label="${litRender.ifDefined(context._dropdownArrowAccessibleNameText)}" aria-haspopup="${litRender.ifDefined(context._ariaHasPopup)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" title="${litRender.ifDefined(context._dropdownArrowAccessibleNameText)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}></${litRender.scopeTag("ui5-link", tags, suffix)}></li>${ litRender.repeat(context._linksData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }${ context._endsWithCurrentLocationLabel ? block2(context, tags, suffix) : undefined }</ol></nav>` : litRender.html`<nav class="ui5-breadcrumbs-root" aria-label="${litRender.ifDefined(context._accessibleNameText)}"><ol @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper" ?hidden="${context._isOverflowEmpty}"><ui5-link @click="${context._openRespPopover}" accessible-role="button" aria-label="${litRender.ifDefined(context._dropdownArrowAccessibleNameText)}" aria-haspopup="${litRender.ifDefined(context._ariaHasPopup)}"><ui5-icon name="slim-arrow-down" title="${litRender.ifDefined(context._dropdownArrowAccessibleNameText)}"></ui5-icon></ui5-link></li>${ litRender.repeat(context._linksData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }${ context._endsWithCurrentLocationLabel ? block2(context, tags, suffix) : undefined }</ol></nav>`;
+	const block1 = (item, index, context, tags, suffix) => suffix ? litRender.html`<li class="ui5-breadcrumbs-link-wrapper" id="${litRender.ifDefined(item._id)}-link-wrapper"><${litRender.scopeTag("ui5-link", tags, suffix)} @click="${context._onLinkPress}" href="${litRender.ifDefined(item.href)}" target="${litRender.ifDefined(item.target)}" id="${litRender.ifDefined(item._id)}-link" accessible-name="${litRender.ifDefined(item._accessibleNameText)}" data-ui5-stable="${litRender.ifDefined(item.stableDomRef)}">${litRender.ifDefined(item.innerText)}</${litRender.scopeTag("ui5-link", tags, suffix)}></li>` : litRender.html`<li class="ui5-breadcrumbs-link-wrapper" id="${litRender.ifDefined(item._id)}-link-wrapper"><ui5-link @click="${context._onLinkPress}" href="${litRender.ifDefined(item.href)}" target="${litRender.ifDefined(item.target)}" id="${litRender.ifDefined(item._id)}-link" accessible-name="${litRender.ifDefined(item._accessibleNameText)}" data-ui5-stable="${litRender.ifDefined(item.stableDomRef)}">${litRender.ifDefined(item.innerText)}</ui5-link></li>`;
+	const block2 = (context, tags, suffix) => suffix ? litRender.html`<li class="ui5-breadcrumbs-current-location" @click="${context._onLabelPress}"><span aria-label="${litRender.ifDefined(context._currentLocationAccName)}" role="link" id="${litRender.ifDefined(context._id)}-labelWrapper"><${litRender.scopeTag("ui5-label", tags, suffix)} aria-current="page">${litRender.ifDefined(context._currentLocationText)}</${litRender.scopeTag("ui5-label", tags, suffix)}></span></li>` : litRender.html`<li class="ui5-breadcrumbs-current-location" @click="${context._onLabelPress}"><span aria-label="${litRender.ifDefined(context._currentLocationAccName)}" role="link" id="${litRender.ifDefined(context._id)}-labelWrapper"><ui5-label aria-current="page">${litRender.ifDefined(context._currentLocationText)}</ui5-label></span></li>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/BusyIndicatorTemplate.lit.js CHANGED Viewed

@@ -2,7 +2,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.root)}">${ context._isBusy ? block1(context, tags, suffix) : undefined }<slot></slot>${ context._isBusy ? block3(context) : undefined }</div>`;
 	const block1 = (context, tags, suffix) => litRender.html`<div class="ui5-busy-indicator-busy-area" title="${litRender.ifDefined(context.ariaTitle)}" tabindex="0" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuetext="Busy" aria-labelledby="${litRender.ifDefined(context.labelId)}" data-sap-focus-ref><div class="ui5-busy-indicator-circles-wrapper"><div class="ui5-busy-indicator-circle circle-animation-0"></div><div class="ui5-busy-indicator-circle circle-animation-1"></div><div class="ui5-busy-indicator-circle circle-animation-2"></div></div>${ context.text ? block2(context, tags, suffix) : undefined }</div>`;
-	const block2 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-label", tags, suffix)} id="${litRender.ifDefined(context._id)}-label" class="ui5-busy-indicator-text">${litRender.ifDefined(context.text)}</${litRender.scopeTag("ui5-label", tags, suffix)}>`;
+	const block2 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-label", tags, suffix)} id="${litRender.ifDefined(context._id)}-label" class="ui5-busy-indicator-text">${litRender.ifDefined(context.text)}</${litRender.scopeTag("ui5-label", tags, suffix)}>` : litRender.html`<ui5-label id="${litRender.ifDefined(context._id)}-label" class="ui5-busy-indicator-text">${litRender.ifDefined(context.text)}</ui5-label>`;
 	const block3 = (context, tags, suffix) => litRender.html`<span data-ui5-focus-redirect tabindex="0" @focusin="${context._redirectFocus}"></span>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/ButtonTemplate.lit.js CHANGED Viewed

@@ -1,7 +1,7 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref  dir="${litRender.ifDefined(context.effectiveDir)}" @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${litRender.ifDefined(context.tabIndexValue)} aria-expanded="${litRender.ifDefined(context.accessibilityAttributes.expanded)}" aria-controls="${litRender.ifDefined(context.accessibilityAttributes.controls)}" aria-haspopup="${litRender.ifDefined(context.accessibilityAttributes.hasPopup)}" aria-label="${litRender.ifDefined(context.ariaLabelText)}" title="${litRender.ifDefined(context.tooltip)}" part="button">${ context.icon ? block1(context, tags, suffix) : undefined }<span id="${litRender.ifDefined(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${ context.hasButtonType ? block2(context) : undefined }</button> `;
-	const block1 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${litRender.ifDefined(context.icon)}" part="icon" ?show-tooltip=${context.showIconTooltip}></${litRender.scopeTag("ui5-icon", tags, suffix)}>`;
+	const block0 = (context, tags, suffix) => litRender.html`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref  @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${litRender.ifDefined(context.tabIndexValue)} aria-expanded="${litRender.ifDefined(context.accessibilityAttributes.expanded)}" aria-controls="${litRender.ifDefined(context.accessibilityAttributes.controls)}" aria-haspopup="${litRender.ifDefined(context.accessibilityAttributes.hasPopup)}" aria-label="${litRender.ifDefined(context.ariaLabelText)}" title="${litRender.ifDefined(context.tooltip)}" part="button">${ context.icon ? block1(context, tags, suffix) : undefined }<span id="${litRender.ifDefined(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${ context.hasButtonType ? block2(context) : undefined }</button> `;
+	const block1 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${litRender.ifDefined(context.icon)}" part="icon" ?show-tooltip=${context.showIconTooltip}></${litRender.scopeTag("ui5-icon", tags, suffix)}>` : litRender.html`<ui5-icon class="ui5-button-icon" name="${litRender.ifDefined(context.icon)}" part="icon" ?show-tooltip=${context.showIconTooltip}></ui5-icon>`;
 	const block2 = (context, tags, suffix) => litRender.html`<span class="ui5-hidden-text">${litRender.ifDefined(context.buttonTypeText)}</span>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/CalendarHeaderTemplate.lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-calheader-root" dir="${litRender.ifDefined(context.effectiveDir)}"><div data-ui5-cal-header-btn-prev class="${litRender.classMap(context.classes.prevButton)}" @mousedown=${context.onPrevButtonClick} title="${litRender.ifDefined(context._prevButtonText)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-calheader-arrowicon" name="slim-arrow-left"></${litRender.scopeTag("ui5-icon", tags, suffix)}></div><div class="ui5-calheader-midcontainer"><div data-ui5-cal-header-btn-month class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isMonthButtonHidden}" tabindex="0" aria-label="${litRender.ifDefined(context.accInfo.ariaLabelMonthButton)}" @click=${context.onMonthButtonClick} @keydown=${context.onMonthButtonKeyDown} @keyup=${context.onMonthButtonKeyUp}><span>${litRender.ifDefined(context._monthButtonText)}</span>${ context.hasSecondaryCalendarType ? block1(context) : undefined }</div><div data-ui5-cal-header-btn-year class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isYearButtonHidden}" tabindex="0" @click=${context.onYearButtonClick} @keydown=${context.onYearButtonKeyDown} @keyup=${context.onYearButtonKeyUp}><span>${litRender.ifDefined(context._yearButtonText)}</span>${ context.hasSecondaryCalendarType ? block2(context) : undefined }</div></div><div data-ui5-cal-header-btn-next class="${litRender.classMap(context.classes.nextButton)}" @mousedown=${context.onNextButtonClick} title=${litRender.ifDefined(context._nextButtonText)}><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-calheader-arrowicon" name="slim-arrow-right"></${litRender.scopeTag("ui5-icon", tags, suffix)}></div></div>`;
+	const block0 = (context, tags, suffix) => suffix ? litRender.html`<div class="ui5-calheader-root"><div data-ui5-cal-header-btn-prev class="${litRender.classMap(context.classes.prevButton)}" @mousedown=${context.onPrevButtonClick} title="${litRender.ifDefined(context._prevButtonText)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-calheader-arrowicon" name="slim-arrow-left"></${litRender.scopeTag("ui5-icon", tags, suffix)}></div><div class="ui5-calheader-midcontainer"><div data-ui5-cal-header-btn-month class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isMonthButtonHidden}" tabindex="0" aria-label="${litRender.ifDefined(context.accInfo.ariaLabelMonthButton)}" @click=${context.onMonthButtonClick} @keydown=${context.onMonthButtonKeyDown} @keyup=${context.onMonthButtonKeyUp}><span>${litRender.ifDefined(context._monthButtonText)}</span>${ context.hasSecondaryCalendarType ? block1(context) : undefined }</div><div data-ui5-cal-header-btn-year class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isYearButtonHidden}" tabindex="0" @click=${context.onYearButtonClick} @keydown=${context.onYearButtonKeyDown} @keyup=${context.onYearButtonKeyUp}><span>${litRender.ifDefined(context._yearButtonText)}</span>${ context.hasSecondaryCalendarType ? block2(context) : undefined }</div></div><div data-ui5-cal-header-btn-next class="${litRender.classMap(context.classes.nextButton)}" @mousedown=${context.onNextButtonClick} title=${litRender.ifDefined(context._nextButtonText)}><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-calheader-arrowicon" name="slim-arrow-right"></${litRender.scopeTag("ui5-icon", tags, suffix)}></div></div>` : litRender.html`<div class="ui5-calheader-root"><div data-ui5-cal-header-btn-prev class="${litRender.classMap(context.classes.prevButton)}" @mousedown=${context.onPrevButtonClick} title="${litRender.ifDefined(context._prevButtonText)}"><ui5-icon class="ui5-calheader-arrowicon" name="slim-arrow-left"></ui5-icon></div><div class="ui5-calheader-midcontainer"><div data-ui5-cal-header-btn-month class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isMonthButtonHidden}" tabindex="0" aria-label="${litRender.ifDefined(context.accInfo.ariaLabelMonthButton)}" @click=${context.onMonthButtonClick} @keydown=${context.onMonthButtonKeyDown} @keyup=${context.onMonthButtonKeyUp}><span>${litRender.ifDefined(context._monthButtonText)}</span>${ context.hasSecondaryCalendarType ? block1(context) : undefined }</div><div data-ui5-cal-header-btn-year class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isYearButtonHidden}" tabindex="0" @click=${context.onYearButtonClick} @keydown=${context.onYearButtonKeyDown} @keyup=${context.onYearButtonKeyUp}><span>${litRender.ifDefined(context._yearButtonText)}</span>${ context.hasSecondaryCalendarType ? block2(context) : undefined }</div></div><div data-ui5-cal-header-btn-next class="${litRender.classMap(context.classes.nextButton)}" @mousedown=${context.onNextButtonClick} title=${litRender.ifDefined(context._nextButtonText)}><ui5-icon class="ui5-calheader-arrowicon" name="slim-arrow-right"></ui5-icon></div></div>`;
 	const block1 = (context, tags, suffix) => litRender.html`<span class="ui5-calheader-btn-sectext">${litRender.ifDefined(context._secondMonthButtonText)}</span>`;
 	const block2 = (context, tags, suffix) => litRender.html`<span class="ui5-calheader-btn-sectext">${litRender.ifDefined(context._secondYearButtonText)}</span>`;

package/src/sap/ui/webc/main/thirdparty/generated/templates/CalendarTemplate.lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-cal-root" @keydown=${context._onkeydown}><div id="${litRender.ifDefined(context._id)}-content" class="ui5-cal-content"><${litRender.scopeTag("ui5-daypicker", tags, suffix)} id="${litRender.ifDefined(context._id)}-daypicker" ?hidden="${context._isDayPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isDayPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarType)}" .selectionMode="${litRender.ifDefined(context.selectionMode)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" ?hide-week-numbers="${context.hideWeekNumbers}" @ui5-change="${litRender.ifDefined(context.onSelectedDatesChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></${litRender.scopeTag("ui5-daypicker", tags, suffix)}><${litRender.scopeTag("ui5-monthpicker", tags, suffix)} id="${litRender.ifDefined(context._id)}-MP" ?hidden="${context._isMonthPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isMonthPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" @ui5-change="${litRender.ifDefined(context.onSelectedMonthChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></${litRender.scopeTag("ui5-monthpicker", tags, suffix)}><${litRender.scopeTag("ui5-yearpicker", tags, suffix)} id="${litRender.ifDefined(context._id)}-YP" ?hidden="${context._isYearPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isYearPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" @ui5-change="${litRender.ifDefined(context.onSelectedYearChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></${litRender.scopeTag("ui5-yearpicker", tags, suffix)}></div><${litRender.scopeTag("ui5-calendar-header", tags, suffix)} id="${litRender.ifDefined(context._id)}-head" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarType)}" .buttonTextForSecondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarTypeButtonText)}" timestamp="${litRender.ifDefined(context._timestamp)}" .isPrevButtonDisabled="${litRender.ifDefined(context._previousButtonDisabled)}" .isNextButtonDisabled="${litRender.ifDefined(context._nextButtonDisabled)}" .isMonthButtonHidden="${litRender.ifDefined(context._isHeaderMonthButtonHidden)}" ._monthButtonText="${litRender.ifDefined(context._headerMonthButtonText)}" ._yearButtonText="${litRender.ifDefined(context._headerYearButtonText)}" @ui5-previous-press="${litRender.ifDefined(context.onHeaderPreviousPress)}" @ui5-next-press="${litRender.ifDefined(context.onHeaderNextPress)}" @ui5-show-month-press="${litRender.ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${litRender.ifDefined(context.onHeaderShowYearPress)}"></${litRender.scopeTag("ui5-calendar-header", tags, suffix)}></div>`;
+	const block0 = (context, tags, suffix) => suffix ? litRender.html`<div class="ui5-cal-root" @keydown=${context._onkeydown}><div id="${litRender.ifDefined(context._id)}-content" class="ui5-cal-content"><${litRender.scopeTag("ui5-daypicker", tags, suffix)} id="${litRender.ifDefined(context._id)}-daypicker" ?hidden="${context._isDayPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isDayPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarType)}" .selectionMode="${litRender.ifDefined(context.selectionMode)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" ?hide-week-numbers="${context.hideWeekNumbers}" @ui5-change="${litRender.ifDefined(context.onSelectedDatesChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></${litRender.scopeTag("ui5-daypicker", tags, suffix)}><${litRender.scopeTag("ui5-monthpicker", tags, suffix)} id="${litRender.ifDefined(context._id)}-MP" ?hidden="${context._isMonthPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isMonthPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" @ui5-change="${litRender.ifDefined(context.onSelectedMonthChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></${litRender.scopeTag("ui5-monthpicker", tags, suffix)}><${litRender.scopeTag("ui5-yearpicker", tags, suffix)} id="${litRender.ifDefined(context._id)}-YP" ?hidden="${context._isYearPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isYearPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" @ui5-change="${litRender.ifDefined(context.onSelectedYearChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></${litRender.scopeTag("ui5-yearpicker", tags, suffix)}></div><${litRender.scopeTag("ui5-calendar-header", tags, suffix)} id="${litRender.ifDefined(context._id)}-head" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarType)}" .buttonTextForSecondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarTypeButtonText)}" timestamp="${litRender.ifDefined(context._timestamp)}" .isPrevButtonDisabled="${litRender.ifDefined(context._previousButtonDisabled)}" .isNextButtonDisabled="${litRender.ifDefined(context._nextButtonDisabled)}" .isMonthButtonHidden="${litRender.ifDefined(context._isHeaderMonthButtonHidden)}" ._monthButtonText="${litRender.ifDefined(context._headerMonthButtonText)}" ._yearButtonText="${litRender.ifDefined(context._headerYearButtonText)}" @ui5-previous-press="${litRender.ifDefined(context.onHeaderPreviousPress)}" @ui5-next-press="${litRender.ifDefined(context.onHeaderNextPress)}" @ui5-show-month-press="${litRender.ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${litRender.ifDefined(context.onHeaderShowYearPress)}"></${litRender.scopeTag("ui5-calendar-header", tags, suffix)}></div>` : litRender.html`<div class="ui5-cal-root" @keydown=${context._onkeydown}><div id="${litRender.ifDefined(context._id)}-content" class="ui5-cal-content"><ui5-daypicker id="${litRender.ifDefined(context._id)}-daypicker" ?hidden="${context._isDayPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isDayPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarType)}" .selectionMode="${litRender.ifDefined(context.selectionMode)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" ?hide-week-numbers="${context.hideWeekNumbers}" @ui5-change="${litRender.ifDefined(context.onSelectedDatesChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></ui5-daypicker><ui5-monthpicker id="${litRender.ifDefined(context._id)}-MP" ?hidden="${context._isMonthPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isMonthPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" @ui5-change="${litRender.ifDefined(context.onSelectedMonthChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></ui5-monthpicker><ui5-yearpicker id="${litRender.ifDefined(context._id)}-YP" ?hidden="${context._isYearPickerHidden}" format-pattern="${litRender.ifDefined(context._formatPattern)}" .selectedDates="${litRender.ifDefined(context._selectedDatesTimestamps)}" ._hidden="${litRender.ifDefined(context._isYearPickerHidden)}" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .minDate="${litRender.ifDefined(context.minDate)}" .maxDate="${litRender.ifDefined(context.maxDate)}" timestamp="${litRender.ifDefined(context._timestamp)}" @ui5-change="${litRender.ifDefined(context.onSelectedYearChange)}" @ui5-navigate="${litRender.ifDefined(context.onNavigate)}"></ui5-yearpicker></div><ui5-calendar-header id="${litRender.ifDefined(context._id)}-head" .primaryCalendarType="${litRender.ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarType)}" .buttonTextForSecondaryCalendarType="${litRender.ifDefined(context.secondaryCalendarTypeButtonText)}" timestamp="${litRender.ifDefined(context._timestamp)}" .isPrevButtonDisabled="${litRender.ifDefined(context._previousButtonDisabled)}" .isNextButtonDisabled="${litRender.ifDefined(context._nextButtonDisabled)}" .isMonthButtonHidden="${litRender.ifDefined(context._isHeaderMonthButtonHidden)}" ._monthButtonText="${litRender.ifDefined(context._headerMonthButtonText)}" ._yearButtonText="${litRender.ifDefined(context._headerYearButtonText)}" @ui5-previous-press="${litRender.ifDefined(context.onHeaderPreviousPress)}" @ui5-next-press="${litRender.ifDefined(context.onHeaderNextPress)}" @ui5-show-month-press="${litRender.ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${litRender.ifDefined(context.onHeaderShowYearPress)}"></ui5-calendar-header></div>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/CardHeaderTemplate.lit.js CHANGED Viewed

@@ -1,11 +1,11 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes)}" dir="${litRender.ifDefined(context.effectiveDir)}" @click="${context._headerClick}" @keydown="${context._headerKeydown}" @keyup="${context._headerKeyup}" role="${litRender.ifDefined(context.ariaHeaderRole)}" aria-labelledby="${litRender.ifDefined(context.ariaLabelledByHeader)}" aria-level="${litRender.ifDefined(context._ariaLevel)}" aria-roledescription="${litRender.ifDefined(context.ariaCardHeaderRoleDescription)}" tabindex="0" id="${litRender.ifDefined(context._id)}--header">${ context.hasAvatar ? block1(context) : undefined }<div class="ui5-card-header-text">${ context.titleText ? block2(context) : undefined }${ context.subtitleText ? block3(context) : undefined }</div><div class="ui5-card-header-action">${ context.hasAction ? block4() : block5(context) }</div></div>`;
+	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes)}" @click="${context._headerClick}" @keydown="${context._headerKeydown}" @keyup="${context._headerKeyup}" role="${litRender.ifDefined(context.ariaHeaderRole)}" aria-labelledby="${litRender.ifDefined(context.ariaLabelledByHeader)}" aria-level="${litRender.ifDefined(context._ariaLevel)}" aria-roledescription="${litRender.ifDefined(context.ariaCardHeaderRoleDescription)}" tabindex="0" id="${litRender.ifDefined(context._id)}--header">${ context.hasAvatar ? block1(context) : undefined }<div class="ui5-card-header-text"><div class="ui5-card-header-first-line">${ context.titleText ? block2(context) : undefined }${ context.status ? block3(context) : undefined }</div>${ context.subtitleText ? block4(context) : undefined }</div>${ context.hasAction ? block5() : undefined }</div></div>`;
 	const block1 = (context, tags, suffix) => litRender.html`<div id="${litRender.ifDefined(context._id)}-avatar" class="ui5-card-header-avatar" aria-label="${litRender.ifDefined(context.ariaCardAvatarLabel)}"><slot name="avatar"></slot></div>`;
 	const block2 = (context, tags, suffix) => litRender.html`<div id="${litRender.ifDefined(context._id)}-title" class="ui5-card-header-title" part="title">${litRender.ifDefined(context.titleText)}</div>`;
-	const block3 = (context, tags, suffix) => litRender.html`<div id="${litRender.ifDefined(context._id)}-subtitle" class="ui5-card-header-subtitle" part="subtitle">${litRender.ifDefined(context.subtitleText)}</div>`;
-	const block4 = (context, tags, suffix) => litRender.html`<slot name="action"></slot>`;
-	const block5 = (context, tags, suffix) => litRender.html`<span id="${litRender.ifDefined(context._id)}-status" part="status" class="ui5-card-header-status" dir="auto">${litRender.ifDefined(context.status)}</span>`;
+	const block3 = (context, tags, suffix) => litRender.html`<div class="ui5-card-header-status"><span id="${litRender.ifDefined(context._id)}-status" part="status" dir="auto">${litRender.ifDefined(context.status)}</span></div>`;
+	const block4 = (context, tags, suffix) => litRender.html`<div id="${litRender.ifDefined(context._id)}-subtitle" class="ui5-card-header-subtitle" part="subtitle">${litRender.ifDefined(context.subtitleText)}</div>`;
+	const block5 = (context, tags, suffix) => litRender.html`<div class="ui5-card-header-action"><slot name="action"></slot></div>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/CardTemplate.lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes)}" dir="${litRender.ifDefined(context.effectiveDir)}" role="region" aria-label="${litRender.ifDefined(context._getAriaLabel)}">${ context._hasHeader ? block1() : undefined }<div role="group" aria-label="${litRender.ifDefined(context._ariaCardContentLabel)}"><slot></slot></div></div>`;
+	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes)}" role="region" aria-label="${litRender.ifDefined(context._getAriaLabel)}">${ context._hasHeader ? block1() : undefined }<div role="group" aria-label="${litRender.ifDefined(context._ariaCardContentLabel)}"><slot></slot></div></div>`;
 	const block1 = (context, tags, suffix) => litRender.html`<div class="ui5-card-header-root"><slot name="header"></slot></div>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/CarouselTemplate.lit.js CHANGED Viewed

@@ -2,14 +2,14 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 	const block0 = (context, tags, suffix) => litRender.html`<section class="ui5-carousel-root" tabindex="0" role="listbox" aria-activedescendant="${litRender.ifDefined(context.ariaActiveDescendant)}" @focusin="${context._onfocusin}" @keydown=${context._onkeydown} @mouseout="${context._onmouseout}" @mouseover="${context._onmouseover}"><div class="${litRender.classMap(context.classes.viewport)}"><div class="${litRender.classMap(context.classes.content)}" style="${litRender.styleMap(context.styles.content)}">${ litRender.repeat(context.items, (item, index) => item._id || index, (item, index) => block1(item)) }</div></div>${ context.arrows.content ? block2(context, tags, suffix) : undefined }${ context.renderNavigation ? block3(context, tags, suffix) : undefined }</div></section> `;
 	const block1 = (item, index, context, tags, suffix) => litRender.html`<div id="${litRender.ifDefined(item.id)}" class="ui5-carousel-item ${litRender.ifDefined(item.classes)}" style="${litRender.styleMap(item.styles)}" role="option" aria-posinset="${litRender.ifDefined(item.posinset)}" aria-setsize="${litRender.ifDefined(item.setsize)}" part="item"><slot name="${litRender.ifDefined(item.item._individualSlot)}" tabindex="${litRender.ifDefined(item.tabIndex)}"></slot></div>`;
-	const block2 = (context, tags, suffix) => litRender.html`<div class="ui5-carousel-navigation-arrows"><${litRender.scopeTag("ui5-button", tags, suffix)} arrow-back tooltip="${litRender.ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></${litRender.scopeTag("ui5-button", tags, suffix)}><${litRender.scopeTag("ui5-button", tags, suffix)} arrow-forward tooltip="${litRender.ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
+	const block2 = (context, tags, suffix) => suffix ? litRender.html`<div class="ui5-carousel-navigation-arrows"><${litRender.scopeTag("ui5-button", tags, suffix)} arrow-back tooltip="${litRender.ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></${litRender.scopeTag("ui5-button", tags, suffix)}><${litRender.scopeTag("ui5-button", tags, suffix)} arrow-forward tooltip="${litRender.ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></${litRender.scopeTag("ui5-button", tags, suffix)}></div>` : litRender.html`<div class="ui5-carousel-navigation-arrows"><ui5-button arrow-back tooltip="${litRender.ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></ui5-button><ui5-button arrow-forward tooltip="${litRender.ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></ui5-button></div>`;
 	const block3 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.navigation)}">${ context.arrows.navigation ? block4(context, tags, suffix) : undefined }<div class="ui5-carousel-navigation">${ !context.hidePageIndicator ? block5(context, tags, suffix) : undefined }</div>${ context.arrows.navigation ? block9(context, tags, suffix) : undefined }</div>`;
-	const block4 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} arrow-back tooltip="${litRender.ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
+	const block4 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} arrow-back tooltip="${litRender.ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></${litRender.scopeTag("ui5-button", tags, suffix)}>` : litRender.html`<ui5-button arrow-back tooltip="${litRender.ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></ui5-button>`;
 	const block5 = (context, tags, suffix) => litRender.html`${ context.isPageTypeDots ? block6(context) : block8(context, tags, suffix) }`;
 	const block6 = (context, tags, suffix) => litRender.html`${ litRender.repeat(context.dots, (item, index) => item._id || index, (item, index) => block7(item)) }`;
 	const block7 = (item, index, context, tags, suffix) => litRender.html`<div role="img" aria-label="${litRender.ifDefined(item.ariaLabel)}" ?active="${item.active}" class="ui5-carousel-navigation-dot"></div>`;
-	const block8 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-label", tags, suffix)}>${litRender.ifDefined(context.selectedIndexToShow)}&nbsp;${litRender.ifDefined(context.ofText)}&nbsp;${litRender.ifDefined(context.pagesCount)}</${litRender.scopeTag("ui5-label", tags, suffix)}>`;
-	const block9 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} arrow-forward tooltip="${litRender.ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
+	const block8 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-label", tags, suffix)}>${litRender.ifDefined(context.selectedIndexToShow)}&nbsp;${litRender.ifDefined(context.ofText)}&nbsp;${litRender.ifDefined(context.pagesCount)}</${litRender.scopeTag("ui5-label", tags, suffix)}>` : litRender.html`<ui5-label>${litRender.ifDefined(context.selectedIndexToShow)}&nbsp;${litRender.ifDefined(context.ofText)}&nbsp;${litRender.ifDefined(context.pagesCount)}</ui5-label>`;
+	const block9 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} arrow-forward tooltip="${litRender.ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></${litRender.scopeTag("ui5-button", tags, suffix)}>` : litRender.html`<ui5-button arrow-forward tooltip="${litRender.ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${litRender.classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></ui5-button>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/CheckBoxTemplate.lit.js CHANGED Viewed

@@ -1,8 +1,8 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-checkbox-root ${litRender.classMap(context.classes.main)}" role="checkbox" aria-checked="${litRender.ifDefined(context.ariaChecked)}" aria-readonly="${litRender.ifDefined(context.ariaReadonly)}" aria-disabled="${litRender.ifDefined(context.ariaDisabled)}" aria-label="${litRender.ifDefined(context.ariaLabelText)}" aria-labelledby="${litRender.ifDefined(context.ariaLabelledBy)}" aria-describedby="${litRender.ifDefined(context.ariaDescribedBy)}" tabindex="${litRender.ifDefined(context.tabIndex)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" @focusout="${context._onfocusout}" dir="${litRender.ifDefined(context.effectiveDir)}"><div id="${litRender.ifDefined(context._id)}-CbBg" class="ui5-checkbox-inner">${ context.isCompletelyChecked ? block1(context, tags, suffix) : undefined }<input id="${litRender.ifDefined(context._id)}-CB" type='checkbox' ?checked="${context.checked}" ?readonly="${context.readonly}" ?disabled="${context.disabled}" tabindex="-1" aria-hidden="true" data-sap-no-tab-ref /></div>${ context.text ? block2(context, tags, suffix) : undefined }${ context.hasValueState ? block3(context) : undefined }<slot name="formSupport"></slot></div>`;
-	const block1 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} aria-hidden="true" name="accept" class="ui5-checkbox-icon"></${litRender.scopeTag("ui5-icon", tags, suffix)}>`;
-	const block2 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-label", tags, suffix)} id="${litRender.ifDefined(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${litRender.ifDefined(context.wrappingType)}">${litRender.ifDefined(context.text)}</${litRender.scopeTag("ui5-label", tags, suffix)}>`;
+	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-checkbox-root ${litRender.classMap(context.classes.main)}" role="checkbox" aria-checked="${litRender.ifDefined(context.ariaChecked)}" aria-readonly="${litRender.ifDefined(context.ariaReadonly)}" aria-disabled="${litRender.ifDefined(context.ariaDisabled)}" aria-label="${litRender.ifDefined(context.ariaLabelText)}" aria-labelledby="${litRender.ifDefined(context.ariaLabelledBy)}" aria-describedby="${litRender.ifDefined(context.ariaDescribedBy)}" aria-required="${litRender.ifDefined(context.required)}" tabindex="${litRender.ifDefined(context.tabIndex)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" @focusout="${context._onfocusout}"><div id="${litRender.ifDefined(context._id)}-CbBg" class="ui5-checkbox-inner">${ context.isCompletelyChecked ? block1(context, tags, suffix) : undefined }<input id="${litRender.ifDefined(context._id)}-CB" type='checkbox' ?checked="${context.checked}" ?readonly="${context.readonly}" ?disabled="${context.disabled}" tabindex="-1" aria-hidden="true" data-sap-no-tab-ref /></div>${ context.text ? block2(context, tags, suffix) : undefined }${ context.hasValueState ? block3(context) : undefined }<slot name="formSupport"></slot></div>`;
+	const block1 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} aria-hidden="true" name="accept" class="ui5-checkbox-icon"></${litRender.scopeTag("ui5-icon", tags, suffix)}>` : litRender.html`<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon"></ui5-icon>`;
+	const block2 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-label", tags, suffix)} id="${litRender.ifDefined(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${litRender.ifDefined(context.wrappingType)}">${litRender.ifDefined(context.text)}</${litRender.scopeTag("ui5-label", tags, suffix)}>` : litRender.html`<ui5-label id="${litRender.ifDefined(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${litRender.ifDefined(context.wrappingType)}">${litRender.ifDefined(context.text)}</ui5-label>`;
 	const block3 = (context, tags, suffix) => litRender.html`<span id="${litRender.ifDefined(context._id)}-descr" class="ui5-hidden-text">${litRender.ifDefined(context.valueStateText)}</span>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/ColorPaletteDialogTemplate.lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-dialog", tags, suffix)} header-text="${litRender.ifDefined(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><${litRender.scopeTag("ui5-color-picker", tags, suffix)}></${litRender.scopeTag("ui5-color-picker", tags, suffix)}></div><div slot="footer" class="ui5-cp-dialog-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._chooseCustomColor}">${litRender.ifDefined(context.moreColorsFeature.colorPaletteDialogOKButton)}</${litRender.scopeTag("ui5-button", tags, suffix)}><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeDialog}">${litRender.ifDefined(context.moreColorsFeature.colorPaletteCancelButton)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-dialog", tags, suffix)}>`;
+	const block0 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-dialog", tags, suffix)} header-text="${litRender.ifDefined(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><${litRender.scopeTag("ui5-color-picker", tags, suffix)}></${litRender.scopeTag("ui5-color-picker", tags, suffix)}></div><div slot="footer" class="ui5-cp-dialog-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._chooseCustomColor}">${litRender.ifDefined(context.moreColorsFeature.colorPaletteDialogOKButton)}</${litRender.scopeTag("ui5-button", tags, suffix)}><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeDialog}">${litRender.ifDefined(context.moreColorsFeature.colorPaletteCancelButton)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-dialog", tags, suffix)}>` : litRender.html`<ui5-dialog header-text="${litRender.ifDefined(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><ui5-color-picker></ui5-color-picker></div><div slot="footer" class="ui5-cp-dialog-footer"><ui5-button design="Transparent" @click="${context._chooseCustomColor}">${litRender.ifDefined(context.moreColorsFeature.colorPaletteDialogOKButton)}</ui5-button><ui5-button design="Transparent" @click="${context._closeDialog}">${litRender.ifDefined(context.moreColorsFeature.colorPaletteCancelButton)}</ui5-button></div></ui5-dialog>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/ColorPalettePopoverTemplate.lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${litRender.scopeTag("ui5-title", tags, suffix)} class="ui5-cp-title">${litRender.ifDefined(context._colorPaletteTitle)}</${litRender.scopeTag("ui5-title", tags, suffix)}></div><div><${litRender.scopeTag("ui5-color-palette", tags, suffix)} ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${litRender.ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${litRender.ifDefined(context.onSelectedColor)}">${ litRender.repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item)) }</${litRender.scopeTag("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context.closePopover}">${litRender.ifDefined(context._cancelButtonLabel)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-responsive-popover", tags, suffix)}>`;
+	const block0 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${litRender.scopeTag("ui5-title", tags, suffix)} class="ui5-cp-title">${litRender.ifDefined(context._colorPaletteTitle)}</${litRender.scopeTag("ui5-title", tags, suffix)}></div><div><${litRender.scopeTag("ui5-color-palette", tags, suffix)} ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${litRender.ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${litRender.ifDefined(context.onSelectedColor)}">${ litRender.repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item)) }</${litRender.scopeTag("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context.closePopover}">${litRender.ifDefined(context._cancelButtonLabel)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-responsive-popover", tags, suffix)}>` : litRender.html`<ui5-responsive-popover hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><ui5-title class="ui5-cp-title">${litRender.ifDefined(context._colorPaletteTitle)}</ui5-title></div><div><ui5-color-palette ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${litRender.ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${litRender.ifDefined(context.onSelectedColor)}">${ litRender.repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item)) }</ui5-color-palette></div><div slot="footer" class="ui5-cp-footer"><ui5-button design="Transparent" @click="${context.closePopover}">${litRender.ifDefined(context._cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`;
 	const block1 = (item, index, context, tags, suffix) => litRender.html`<slot name="${litRender.ifDefined(item._individualSlot)}"></slot>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/ColorPaletteTemplate.lit.js CHANGED Viewed

@@ -1,11 +1,11 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
 	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.colorPaletteRoot)}" @click=${context._onclick} @keyup=${context._onkeyup} @keydown=${context._onkeydown}>${ context.showDefaultColor ? block1(context, tags, suffix) : undefined }<div class="ui5-cp-item-container" role="region" aria-label="${litRender.ifDefined(context.colorContainerLabel)}" @keydown="${context._onColorContainerKeyDown}">${ litRender.repeat(context.displayedColors, (item, index) => item._id || index, (item, index) => block2(item)) }</div>${ context._showMoreColors ? block3(context, tags, suffix) : undefined }${ context.showRecentColors ? block4(context, tags, suffix) : undefined }</div>`;
-	const block1 = (context, tags, suffix) => litRender.html`<div class="ui5-cp-default-color-button-wrapper"><${litRender.scopeTag("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</${litRender.scopeTag("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>`;
+	const block1 = (context, tags, suffix) => suffix ? litRender.html`<div class="ui5-cp-default-color-button-wrapper"><${litRender.scopeTag("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</${litRender.scopeTag("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>` : litRender.html`<div class="ui5-cp-default-color-button-wrapper"><ui5-button class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</ui5-button><div class="ui5-cp-separator"></div></div>`;
 	const block2 = (item, index, context, tags, suffix) => litRender.html`<slot name="${litRender.ifDefined(item._individualSlot)}"></slot>`;
-	const block3 = (context, tags, suffix) => litRender.html`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${litRender.ifDefined(context.colorPaleteMoreColorsText)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
+	const block3 = (context, tags, suffix) => suffix ? litRender.html`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${litRender.ifDefined(context.colorPaleteMoreColorsText)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div>` : litRender.html`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><ui5-button design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${litRender.ifDefined(context.colorPaleteMoreColorsText)}</ui5-button></div>`;
 	const block4 = (context, tags, suffix) => litRender.html`<div class="ui5-cp-recent-colors-wrapper"><div class="ui5-cp-separator"></div><div class="ui5-cp-recent-colors-container" @keydown="${context._onRecentColorsContainerKeyDown}">${ litRender.repeat(context.recentColors, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }</div></div>`;
-	const block5 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-color-palette-item", tags, suffix)} value="${litRender.ifDefined(item)}"></${litRender.scopeTag("ui5-color-palette-item", tags, suffix)}>`;
+	const block5 = (item, index, context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-color-palette-item", tags, suffix)} value="${litRender.ifDefined(item)}"></${litRender.scopeTag("ui5-color-palette-item", tags, suffix)}>` : litRender.html`<ui5-color-palette-item value="${litRender.ifDefined(item)}"></ui5-color-palette-item>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/ColorPickerTemplate.lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<section class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${litRender.styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${litRender.styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${litRender.scopeTag("ui5-slider", tags, suffix)} disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${litRender.ifDefined(context._hue)}" @ui5-input="${litRender.ifDefined(context._handleHueInput)}"></${litRender.scopeTag("ui5-slider", tags, suffix)}><${litRender.scopeTag("ui5-slider", tags, suffix)} disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${litRender.ifDefined(context._alpha)}" @ui5-input="${litRender.ifDefined(context._handleAlphaInput)}"></${litRender.scopeTag("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${litRender.styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${litRender.scopeTag("ui5-label", tags, suffix)}>Hex</${litRender.scopeTag("ui5-label", tags, suffix)}><${litRender.scopeTag("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${litRender.ifDefined(context.hex)}" @keydown="${context._onkeydown}" @ui5-change="${litRender.ifDefined(context._handleHEXChange)}" value-state="${litRender.ifDefined(context.hexInputErrorState)}"></${litRender.scopeTag("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${litRender.ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${litRender.scopeTag("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.r)}"></${litRender.scopeTag("ui5-input", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>R</${litRender.scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${litRender.scopeTag("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.g)}"></${litRender.scopeTag("ui5-input", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>G</${litRender.scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${litRender.scopeTag("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.b)}"></${litRender.scopeTag("ui5-input", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>B</${litRender.scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${litRender.scopeTag("ui5-input", tags, suffix)} id="alpha" disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${litRender.ifDefined(context._alpha)}" @ui5-input="${litRender.ifDefined(context._handleAlphaInput)}" @ui5-change="${litRender.ifDefined(context._handleAlphaChange)}"></${litRender.scopeTag("ui5-input", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>A</${litRender.scopeTag("ui5-label", tags, suffix)}></div></div></section>`;
+	const block0 = (context, tags, suffix) => suffix ? litRender.html`<section dir="${litRender.ifDefined(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${litRender.styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${litRender.styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${litRender.scopeTag("ui5-slider", tags, suffix)} disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${litRender.ifDefined(context._hue)}" @ui5-input="${litRender.ifDefined(context._handleHueInput)}"></${litRender.scopeTag("ui5-slider", tags, suffix)}><${litRender.scopeTag("ui5-slider", tags, suffix)} disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${litRender.ifDefined(context._alpha)}" @ui5-input="${litRender.ifDefined(context._handleAlphaInput)}"></${litRender.scopeTag("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${litRender.styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${litRender.scopeTag("ui5-label", tags, suffix)}>Hex</${litRender.scopeTag("ui5-label", tags, suffix)}><${litRender.scopeTag("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${litRender.ifDefined(context.hex)}" @keydown="${context._onkeydown}" @ui5-change="${litRender.ifDefined(context._handleHEXChange)}" value-state="${litRender.ifDefined(context.hexInputErrorState)}"></${litRender.scopeTag("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${litRender.ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${litRender.scopeTag("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.r)}"></${litRender.scopeTag("ui5-input", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>R</${litRender.scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${litRender.scopeTag("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.g)}"></${litRender.scopeTag("ui5-input", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>G</${litRender.scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${litRender.scopeTag("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.b)}"></${litRender.scopeTag("ui5-input", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>B</${litRender.scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${litRender.scopeTag("ui5-input", tags, suffix)} id="alpha" disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${litRender.ifDefined(context._alpha)}" @ui5-input="${litRender.ifDefined(context._handleAlphaInput)}" @ui5-change="${litRender.ifDefined(context._handleAlphaChange)}"></${litRender.scopeTag("ui5-input", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>A</${litRender.scopeTag("ui5-label", tags, suffix)}></div></div></section>` : litRender.html`<section dir="${litRender.ifDefined(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${litRender.styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${litRender.styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><ui5-slider disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${litRender.ifDefined(context._hue)}" @ui5-input="${litRender.ifDefined(context._handleHueInput)}"></ui5-slider><ui5-slider disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${litRender.ifDefined(context._alpha)}" @ui5-input="${litRender.ifDefined(context._handleAlphaInput)}"></ui5-slider></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${litRender.styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><ui5-label>Hex</ui5-label><ui5-input class="ui5-color-picker-hex-input" value="${litRender.ifDefined(context.hex)}" @keydown="${context._onkeydown}" @ui5-change="${litRender.ifDefined(context._handleHEXChange)}" value-state="${litRender.ifDefined(context.hexInputErrorState)}"></ui5-input></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${litRender.ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><ui5-input id="red" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.r)}"></ui5-input><ui5-label>R</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="green" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.g)}"></ui5-input><ui5-label>G</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="blue" class="ui5-color-picker-rgb-input" disabled="${litRender.ifDefined(context.inputsDisabled)}" value="${litRender.ifDefined(context._color.b)}"></ui5-input><ui5-label>B</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="alpha" disabled="${litRender.ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${litRender.ifDefined(context._alpha)}" @ui5-input="${litRender.ifDefined(context._handleAlphaInput)}" @ui5-change="${litRender.ifDefined(context._handleAlphaChange)}"></ui5-input><ui5-label>A</ui5-label></div></div></section>`;
 	return block0;

package/src/sap/ui/webc/main/thirdparty/generated/templates/ComboBoxPopoverTemplate.lit.js CHANGED Viewed

@@ -1,19 +1,19 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-responsive-popover", tags, suffix)} class="${litRender.classMap(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Stretch" @ui5-after-open=${litRender.ifDefined(context._afterOpenPopover)} @ui5-after-close=${litRender.ifDefined(context._afterClosePopover)}><${litRender.scopeTag("ui5-busy-indicator", tags, suffix)} ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></${litRender.scopeTag("ui5-busy-indicator", tags, suffix)}><div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${litRender.ifDefined(context._headerTitleText)}</span><${litRender.scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${litRender.ifDefined(context.valueState)}"><input class="ui5-input-inner-phone" .value="${litRender.ifDefined(context.value)}" inner-input placeholder="${litRender.ifDefined(context.placeholder)}" value-state="${litRender.ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${ context.hasValueStateText ? block1(context) : undefined }</div>${ !context._isPhone ? block5(context, tags, suffix) : undefined }<${litRender.scopeTag("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${litRender.ifDefined(context._selectItem)} @ui5-item-focused=${litRender.ifDefined(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${ litRender.repeat(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-responsive-popover", tags, suffix)}>${ context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined }`;
-	const block1 = (context, tags, suffix) => litRender.html`<div class="row ${litRender.classMap(context.classes.popoverValueState)}">${ context.shouldDisplayDefaultValueStateMessage ? block2(context) : block3(context) }</div>`;
+	const block0 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-responsive-popover", tags, suffix)} class="${litRender.classMap(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Stretch" @ui5-after-open=${litRender.ifDefined(context._afterOpenPopover)} @ui5-after-close=${litRender.ifDefined(context._afterClosePopover)}><${litRender.scopeTag("ui5-busy-indicator", tags, suffix)} ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></${litRender.scopeTag("ui5-busy-indicator", tags, suffix)}><div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${litRender.ifDefined(context._headerTitleText)}</span><${litRender.scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${litRender.ifDefined(context.valueState)}"><input class="ui5-input-inner-phone" .value="${litRender.ifDefined(context.value)}" inner-input placeholder="${litRender.ifDefined(context.placeholder)}" value-state="${litRender.ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${ context.hasValueStateText ? block1(context, tags, suffix) : undefined }</div>${ !context._isPhone ? block5(context, tags, suffix) : undefined }<${litRender.scopeTag("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${litRender.ifDefined(context._selectItem)} @ui5-item-focused=${litRender.ifDefined(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${ litRender.repeat(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-responsive-popover", tags, suffix)}>${ context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined }` : litRender.html`<ui5-responsive-popover class="${litRender.classMap(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Stretch" @ui5-after-open=${litRender.ifDefined(context._afterOpenPopover)} @ui5-after-close=${litRender.ifDefined(context._afterClosePopover)}><ui5-busy-indicator ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></ui5-busy-indicator><div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${litRender.ifDefined(context._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone" value-state="${litRender.ifDefined(context.valueState)}"><input class="ui5-input-inner-phone" .value="${litRender.ifDefined(context.value)}" inner-input placeholder="${litRender.ifDefined(context.placeholder)}" value-state="${litRender.ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${ context.hasValueStateText ? block1(context, tags, suffix) : undefined }</div>${ !context._isPhone ? block5(context, tags, suffix) : undefined }<ui5-list separators="None" @ui5-item-click=${litRender.ifDefined(context._selectItem)} @ui5-item-focused=${litRender.ifDefined(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${ litRender.repeat(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }</ui5-list><div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">OK</ui5-button></div></ui5-responsive-popover>${ context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined }`;
+	const block1 = (context, tags, suffix) => suffix ? litRender.html`<div class="${litRender.classMap(context.classes.popoverValueState)}" style="${litRender.styleMap(context.styles.popoverValueStateMessage)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${litRender.ifDefined(context._valueStateMessageIcon)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block2(context) : block3(context) }</div>` : litRender.html`<div class="${litRender.classMap(context.classes.popoverValueState)}" style="${litRender.styleMap(context.styles.popoverValueStateMessage)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${litRender.ifDefined(context._valueStateMessageIcon)}"></ui5-icon>${ context.shouldDisplayDefaultValueStateMessage ? block2(context) : block3(context) }</div>`;
 	const block2 = (context, tags, suffix) => litRender.html`${litRender.ifDefined(context.valueStateText)}`;
 	const block3 = (context, tags, suffix) => litRender.html`${ litRender.repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block4(item)) }`;
 	const block4 = (item, index, context, tags, suffix) => litRender.html`${litRender.ifDefined(item)}`;
 	const block5 = (context, tags, suffix) => litRender.html`${ context.hasValueStateText ? block6(context, tags, suffix) : undefined }`;
-	const block6 = (context, tags, suffix) => litRender.html`<div class="ui5-responsive-popover-header ${litRender.classMap(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${litRender.styleMap(context.styles.suggestionPopoverHeader)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${litRender.ifDefined(context._valueStateMessageIcon)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block7(context) : block8(context) }</div>`;
+	const block6 = (context, tags, suffix) => suffix ? litRender.html`<div class="ui5-responsive-popover-header ${litRender.classMap(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${litRender.styleMap(context.styles.suggestionPopoverHeader)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${litRender.ifDefined(context._valueStateMessageIcon)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block7(context) : block8(context) }</div>` : litRender.html`<div class="ui5-responsive-popover-header ${litRender.classMap(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${litRender.styleMap(context.styles.suggestionPopoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${litRender.ifDefined(context._valueStateMessageIcon)}"></ui5-icon>${ context.shouldDisplayDefaultValueStateMessage ? block7(context) : block8(context) }</div>`;
 	const block7 = (context, tags, suffix) => litRender.html`${litRender.ifDefined(context.valueStateText)}`;
 	const block8 = (context, tags, suffix) => litRender.html`${ litRender.repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block9(item)) }`;
 	const block9 = (item, index, context, tags, suffix) => litRender.html`${litRender.ifDefined(item)}`;
 	const block10 = (item, index, context, tags, suffix) => litRender.html`${ item.isGroupItem ? block11(item, index, context, tags, suffix) : block12(item, index, context, tags, suffix) }`;
-	const block11 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>`;
-	const block12 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} type="Active" additional-text=${litRender.ifDefined(item.additionalText)} group-name=${litRender.ifDefined(item.groupName)} ._tabIndex=${litRender.ifDefined(item.itemTabIndex)} .mappedItem=${litRender.ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
-	const block13 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${litRender.ifDefined(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${litRender.classMap(context.classes.popoverValueState)}" style="${litRender.styleMap(context.styles.popoverHeader)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${litRender.ifDefined(context._valueStateMessageIcon)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block14(context) : block15(context) }</div></${litRender.scopeTag("ui5-popover", tags, suffix)}>`;
+	const block11 = (item, index, context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>` : litRender.html`<ui5-li-groupheader ?focused=${item.focused}>${litRender.ifDefined(item.text)}</ui5-li-groupheader>`;
+	const block12 = (item, index, context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} type="Active" additional-text=${litRender.ifDefined(item.additionalText)} group-name=${litRender.ifDefined(item.groupName)} ._tabIndex=${litRender.ifDefined(item.itemTabIndex)} .mappedItem=${litRender.ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>` : litRender.html`<ui5-li type="Active" additional-text=${litRender.ifDefined(item.additionalText)} group-name=${litRender.ifDefined(item.groupName)} ._tabIndex=${litRender.ifDefined(item.itemTabIndex)} .mappedItem=${litRender.ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${litRender.ifDefined(item.text)}</ui5-li>`;
+	const block13 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${litRender.ifDefined(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${litRender.classMap(context.classes.popoverValueState)}" style="${litRender.styleMap(context.styles.popoverHeader)}"><${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${litRender.ifDefined(context._valueStateMessageIcon)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block14(context) : block15(context) }</div></${litRender.scopeTag("ui5-popover", tags, suffix)}>` : litRender.html`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${litRender.ifDefined(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${litRender.classMap(context.classes.popoverValueState)}" style="${litRender.styleMap(context.styles.popoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${litRender.ifDefined(context._valueStateMessageIcon)}"></ui5-icon>${ context.shouldDisplayDefaultValueStateMessage ? block14(context) : block15(context) }</div></ui5-popover>`;
 	const block14 = (context, tags, suffix) => litRender.html`${litRender.ifDefined(context.valueStateText)}`;
 	const block15 = (context, tags, suffix) => litRender.html`${ litRender.repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block16(item)) }`;
 	const block16 = (item, index, context, tags, suffix) => litRender.html`${litRender.ifDefined(item)}`;

package/src/sap/ui/webc/main/thirdparty/generated/templates/ComboBoxTemplate.lit.js CHANGED Viewed

@@ -1,10 +1,9 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
-	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-combobox-root">${ context.hasValueState ? block1(context) : undefined }<input id="ui5-combobox-input" .value="${litRender.ifDefined(context.value)}" inner-input placeholder="${litRender.ifDefined(context.placeholder)}" ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${litRender.ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @click=${context._click} @keydown="${context._keydown}" @keyup="${context._keyup}" @focusin="${context._focusin}" @focusout="${context._focusout}" aria-expanded="${litRender.ifDefined(context.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="${litRender.ifDefined(context.valueStateTextId)}" aria-label="${litRender.ifDefined(context.ariaLabelText)}" aria-required="${litRender.ifDefined(context.required)}" data-sap-focus-ref />${ context.readonly ? block2(context, tags, suffix) : undefined }${ context.icon ? block3() : undefined }${ !context.readonly ? block4(context, tags, suffix) : undefined }</div>`;
+	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-combobox-root ui5-input-focusable-element">${ context.hasValueState ? block1(context) : undefined }<input id="ui5-combobox-input" .value="${litRender.ifDefined(context.value)}" inner-input placeholder="${litRender.ifDefined(context.placeholder)}" ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${litRender.ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @click=${context._click} @keydown="${context._keydown}" @keyup="${context._keyup}" @focusin="${context._focusin}" @focusout="${context._focusout}" aria-expanded="${litRender.ifDefined(context.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="${litRender.ifDefined(context.valueStateTextId)}" aria-label="${litRender.ifDefined(context.ariaLabelText)}" aria-required="${litRender.ifDefined(context.required)}" data-sap-focus-ref />${ context.icon ? block2() : undefined }${ !context.readonly ? block3(context, tags, suffix) : undefined }</div>`;
 	const block1 = (context, tags, suffix) => litRender.html`<span id="${litRender.ifDefined(context._id)}-valueStateDesc" class="ui5-hidden-text">${litRender.ifDefined(context.valueStateText)}</span>`;
-	const block2 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} class="ui5-input-readonly-icon" name="not-editable" @click="${context._readonlyIconClick}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>`;
-	const block3 = (context, tags, suffix) => litRender.html`<slot name="icon"></slot>`;
-	const block4 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" dir="${litRender.ifDefined(context.effectiveDir)}" accessible-name="${litRender.ifDefined(context._iconAccessibleNameText)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>`;
+	const block2 = (context, tags, suffix) => litRender.html`<slot name="icon"></slot>`;
+	const block3 = (context, tags, suffix) => suffix ? litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" dir="${litRender.ifDefined(context.effectiveDir)}" accessible-name="${litRender.ifDefined(context._iconAccessibleNameText)}"></${litRender.scopeTag("ui5-icon", tags, suffix)}>` : litRender.html`<ui5-icon name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" dir="${litRender.ifDefined(context.effectiveDir)}" accessible-name="${litRender.ifDefined(context._iconAccessibleNameText)}"></ui5-icon>`;
 	return block0;