@ui5/webcomponents 1.9.3 → 1.10.0

package/dist/generated/i18n/i18n-defaults.js

@@ -1,2 +1,2 @@
-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 COLORPICKER_ALPHA_SLIDER = {key: "COLORPICKER_ALPHA_SLIDER", defaultText: "Alpha control"};const COLORPICKER_HUE_SLIDER = {key: "COLORPICKER_HUE_SLIDER", defaultText: "Hue control"};const COLORPICKER_HEX = {key: "COLORPICKER_HEX", defaultText: "Hexadecimal"};const COLORPICKER_RED = {key: "COLORPICKER_RED", defaultText: "Red"};const COLORPICKER_GREEN = {key: "COLORPICKER_GREEN", defaultText: "Green"};const COLORPICKER_BLUE = {key: "COLORPICKER_BLUE", defaultText: "Blue"};const COLORPICKER_ALPHA = {key: "COLORPICKER_ALPHA", defaultText: "Alpha"};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 LIST_ITEM_GROUP_HEADER = {key: "LIST_ITEM_GROUP_HEADER", defaultText: "Group Header"};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_INFORMATION = {key: "TABLE_HEADER_ROW_INFORMATION", defaultText: "Header Row 1 of {0}"};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 TAB_ARIA_DESIGN_POSITIVE = {key: "TAB_ARIA_DESIGN_POSITIVE", defaultText: "Positive"};const TAB_ARIA_DESIGN_NEGATIVE = {key: "TAB_ARIA_DESIGN_NEGATIVE", defaultText: "Negative"};const TAB_ARIA_DESIGN_CRITICAL = {key: "TAB_ARIA_DESIGN_CRITICAL", defaultText: "Critical"};const TAB_ARIA_DESIGN_NEUTRAL = {key: "TAB_ARIA_DESIGN_NEUTRAL", defaultText: "Neutral"};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_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_TYPE_ERROR = {key: "VALUE_STATE_TYPE_ERROR", defaultText: "Value State Error"};const VALUE_STATE_TYPE_WARNING = {key: "VALUE_STATE_TYPE_WARNING", defaultText: "Value State Warning"};const VALUE_STATE_TYPE_SUCCESS = {key: "VALUE_STATE_TYPE_SUCCESS", defaultText: "Value State Success"};const VALUE_STATE_TYPE_INFORMATION = {key: "VALUE_STATE_TYPE_INFORMATION", defaultText: "Value State Information"};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"};
-export {ARIA_LABEL_CARD_CONTENT,ARIA_ROLEDESCRIPTION_CARD,ARIA_ROLEDESCRIPTION_CARD_HEADER,ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,AVATAR_TOOLTIP,AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL,AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL,AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL,AVATAR_GROUP_ARIA_LABEL_GROUP,AVATAR_GROUP_MOVE,BADGE_DESCRIPTION,BREADCRUMB_ITEM_POS,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,BREADCRUMBS_CANCEL_BUTTON,BUSY_INDICATOR_TITLE,BUTTON_ARIA_TYPE_ACCEPT,BUTTON_ARIA_TYPE_REJECT,BUTTON_ARIA_TYPE_EMPHASIZED,CAROUSEL_OF_TEXT,CAROUSEL_DOT_TEXT,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,COLORPALETTE_CONTAINER_LABEL,COLORPALETTE_POPOVER_TITLE,COLORPALETTE_COLOR_LABEL,COLOR_PALETTE_DIALOG_CANCEL_BUTTON,COLOR_PALETTE_DIALOG_OK_BUTTON,COLOR_PALETTE_DIALOG_TITLE,COLOR_PALETTE_MORE_COLORS_TEXT,COLORPICKER_ALPHA_SLIDER,COLORPICKER_HUE_SLIDER,COLORPICKER_HEX,COLORPICKER_RED,COLORPICKER_GREEN,COLORPICKER_BLUE,COLORPICKER_ALPHA,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_DESCRIPTION,DATETIME_DESCRIPTION,DATERANGE_DESCRIPTION,DELETE,FILEUPLOAD_BROWSE,FILEUPLOADER_TITLE,GROUP_HEADER_TEXT,SELECT_ROLE_DESCRIPTION,SELECT_OPTIONS,INPUT_SUGGESTIONS,INPUT_SUGGESTIONS_TITLE,INPUT_SUGGESTIONS_ONE_HIT,INPUT_SUGGESTIONS_MORE_HITS,INPUT_SUGGESTIONS_NO_HIT,LINK_SUBTLE,LINK_EMPHASIZED,LIST_ITEM_POSITION,LIST_ITEM_SELECTED,LIST_ITEM_NOT_SELECTED,LIST_ITEM_GROUP_HEADER,ARIA_LABEL_LIST_ITEM_CHECKBOX,ARIA_LABEL_LIST_ITEM_RADIO_BUTTON,ARIA_LABEL_LIST_SELECTABLE,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_DELETABLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_CLOSABLE,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_INFORMATION,MULTICOMBOBOX_DIALOG_OK_BUTTON,VALUE_STATE_ERROR_ALREADY_SELECTED,MULTIINPUT_ROLEDESCRIPTION_TEXT,MULTIINPUT_SHOW_MORE_TOKENS,PANEL_ICON,RANGE_SLIDER_ARIA_DESCRIPTION,RANGE_SLIDER_START_HANDLE_DESCRIPTION,RANGE_SLIDER_END_HANDLE_DESCRIPTION,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_TEXT,RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON,SEGMENTEDBUTTON_ARIA_DESCRIPTION,SEGMENTEDBUTTON_ARIA_DESCRIBEDBY,SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION,SLIDER_ARIA_DESCRIPTION,LOAD_MORE_TEXT,TABLE_HEADER_ROW_INFORMATION,TABLE_ROW_POSITION,TABLE_GROUP_ROW_ARIA_LABEL,ARIA_LABEL_ROW_SELECTION,ARIA_LABEL_SELECT_ALL_CHECKBOX,TAB_ARIA_DESIGN_POSITIVE,TAB_ARIA_DESIGN_NEGATIVE,TAB_ARIA_DESIGN_CRITICAL,TAB_ARIA_DESIGN_NEUTRAL,TABCONTAINER_NEXT_ICON_ACC_NAME,TABCONTAINER_PREVIOUS_ICON_ACC_NAME,TABCONTAINER_OVERFLOW_MENU_TITLE,TABCONTAINER_END_OVERFLOW,TABCONTAINER_POPOVER_CANCEL_BUTTON,TEXTAREA_CHARACTERS_LEFT,TEXTAREA_CHARACTERS_EXCEEDED,TIMEPICKER_HOURS_LABEL,TIMEPICKER_MINUTES_LABEL,TIMEPICKER_SECONDS_LABEL,TIMEPICKER_SUBMIT_BUTTON,TIMEPICKER_CANCEL_BUTTON,TIMEPICKER_INPUT_DESCRIPTION,DURATION_INPUT_DESCRIPTION,DATETIME_PICKER_DATE_BUTTON,DATETIME_PICKER_TIME_BUTTON,TOKEN_ARIA_DELETABLE,TOKENIZER_ARIA_CONTAIN_TOKEN,TOKENIZER_ARIA_CONTAIN_ONE_TOKEN,TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS,TOKENIZER_ARIA_LABEL,TOKENIZER_POPOVER_REMOVE,TREE_ITEM_ARIA_LABEL,TREE_ITEM_EXPAND_NODE,TREE_ITEM_COLLAPSE_NODE,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,VALUE_STATE_TYPE_INFORMATION,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,CALENDAR_HEADER_NEXT_BUTTON,CALENDAR_HEADER_PREVIOUS_BUTTON,DAY_PICKER_WEEK_NUMBER_TEXT,DAY_PICKER_NON_WORKING_DAY,DAY_PICKER_TODAY,STEPINPUT_DEC_ICON_TITLE,STEPINPUT_INC_ICON_TITLE,SPLIT_BUTTON_DESCRIPTION,SPLIT_BUTTON_KEYBOARD_HINT,MENU_BACK_BUTTON_ARIA_LABEL,MENU_CLOSE_BUTTON_ARIA_LABEL};
+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 COLORPICKER_ALPHA_SLIDER = {key: "COLORPICKER_ALPHA_SLIDER", defaultText: "Alpha control"};const COLORPICKER_HUE_SLIDER = {key: "COLORPICKER_HUE_SLIDER", defaultText: "Hue control"};const COLORPICKER_HEX = {key: "COLORPICKER_HEX", defaultText: "Hexadecimal"};const COLORPICKER_RED = {key: "COLORPICKER_RED", defaultText: "Red"};const COLORPICKER_GREEN = {key: "COLORPICKER_GREEN", defaultText: "Green"};const COLORPICKER_BLUE = {key: "COLORPICKER_BLUE", defaultText: "Blue"};const COLORPICKER_ALPHA = {key: "COLORPICKER_ALPHA", defaultText: "Alpha"};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 LIST_ITEM_GROUP_HEADER = {key: "LIST_ITEM_GROUP_HEADER", defaultText: "Group Header"};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_INFORMATION = {key: "TABLE_HEADER_ROW_INFORMATION", defaultText: "Header Row 1 of {0}"};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 TAB_ARIA_DESIGN_POSITIVE = {key: "TAB_ARIA_DESIGN_POSITIVE", defaultText: "Positive"};const TAB_ARIA_DESIGN_NEGATIVE = {key: "TAB_ARIA_DESIGN_NEGATIVE", defaultText: "Negative"};const TAB_ARIA_DESIGN_CRITICAL = {key: "TAB_ARIA_DESIGN_CRITICAL", defaultText: "Critical"};const TAB_ARIA_DESIGN_NEUTRAL = {key: "TAB_ARIA_DESIGN_NEUTRAL", defaultText: "Neutral"};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_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_TYPE_ERROR = {key: "VALUE_STATE_TYPE_ERROR", defaultText: "Value State Error"};const VALUE_STATE_TYPE_WARNING = {key: "VALUE_STATE_TYPE_WARNING", defaultText: "Value State Warning"};const VALUE_STATE_TYPE_SUCCESS = {key: "VALUE_STATE_TYPE_SUCCESS", defaultText: "Value State Success"};const VALUE_STATE_TYPE_INFORMATION = {key: "VALUE_STATE_TYPE_INFORMATION", defaultText: "Value State Information"};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 MONTH_PICKER_DESCRIPTION = {key: "MONTH_PICKER_DESCRIPTION", defaultText: "Month Picker"};const YEAR_PICKER_DESCRIPTION = {key: "YEAR_PICKER_DESCRIPTION", defaultText: "Year Picker"};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"};
+export {ARIA_LABEL_CARD_CONTENT,ARIA_ROLEDESCRIPTION_CARD,ARIA_ROLEDESCRIPTION_CARD_HEADER,ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,AVATAR_TOOLTIP,AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL,AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL,AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL,AVATAR_GROUP_ARIA_LABEL_GROUP,AVATAR_GROUP_MOVE,BADGE_DESCRIPTION,BREADCRUMB_ITEM_POS,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,BREADCRUMBS_CANCEL_BUTTON,BUSY_INDICATOR_TITLE,BUTTON_ARIA_TYPE_ACCEPT,BUTTON_ARIA_TYPE_REJECT,BUTTON_ARIA_TYPE_EMPHASIZED,CAROUSEL_OF_TEXT,CAROUSEL_DOT_TEXT,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,COLORPALETTE_CONTAINER_LABEL,COLORPALETTE_POPOVER_TITLE,COLORPALETTE_COLOR_LABEL,COLOR_PALETTE_DIALOG_CANCEL_BUTTON,COLOR_PALETTE_DIALOG_OK_BUTTON,COLOR_PALETTE_DIALOG_TITLE,COLOR_PALETTE_MORE_COLORS_TEXT,COLORPICKER_ALPHA_SLIDER,COLORPICKER_HUE_SLIDER,COLORPICKER_HEX,COLORPICKER_RED,COLORPICKER_GREEN,COLORPICKER_BLUE,COLORPICKER_ALPHA,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_DESCRIPTION,DATETIME_DESCRIPTION,DATERANGE_DESCRIPTION,DELETE,FILEUPLOAD_BROWSE,FILEUPLOADER_TITLE,GROUP_HEADER_TEXT,SELECT_ROLE_DESCRIPTION,SELECT_OPTIONS,INPUT_SUGGESTIONS,INPUT_SUGGESTIONS_TITLE,INPUT_SUGGESTIONS_ONE_HIT,INPUT_SUGGESTIONS_MORE_HITS,INPUT_SUGGESTIONS_NO_HIT,LINK_SUBTLE,LINK_EMPHASIZED,LIST_ITEM_POSITION,LIST_ITEM_SELECTED,LIST_ITEM_NOT_SELECTED,LIST_ITEM_GROUP_HEADER,ARIA_LABEL_LIST_ITEM_CHECKBOX,ARIA_LABEL_LIST_ITEM_RADIO_BUTTON,ARIA_LABEL_LIST_SELECTABLE,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_DELETABLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_CLOSABLE,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_INFORMATION,MULTICOMBOBOX_DIALOG_OK_BUTTON,VALUE_STATE_ERROR_ALREADY_SELECTED,MULTIINPUT_ROLEDESCRIPTION_TEXT,MULTIINPUT_SHOW_MORE_TOKENS,PANEL_ICON,RANGE_SLIDER_ARIA_DESCRIPTION,RANGE_SLIDER_START_HANDLE_DESCRIPTION,RANGE_SLIDER_END_HANDLE_DESCRIPTION,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_TEXT,RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON,SEGMENTEDBUTTON_ARIA_DESCRIPTION,SEGMENTEDBUTTON_ARIA_DESCRIBEDBY,SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION,SLIDER_ARIA_DESCRIPTION,LOAD_MORE_TEXT,TABLE_HEADER_ROW_INFORMATION,TABLE_ROW_POSITION,TABLE_GROUP_ROW_ARIA_LABEL,ARIA_LABEL_ROW_SELECTION,ARIA_LABEL_SELECT_ALL_CHECKBOX,TAB_ARIA_DESIGN_POSITIVE,TAB_ARIA_DESIGN_NEGATIVE,TAB_ARIA_DESIGN_CRITICAL,TAB_ARIA_DESIGN_NEUTRAL,TABCONTAINER_NEXT_ICON_ACC_NAME,TABCONTAINER_PREVIOUS_ICON_ACC_NAME,TABCONTAINER_OVERFLOW_MENU_TITLE,TABCONTAINER_END_OVERFLOW,TABCONTAINER_POPOVER_CANCEL_BUTTON,TEXTAREA_CHARACTERS_LEFT,TEXTAREA_CHARACTERS_EXCEEDED,TIMEPICKER_HOURS_LABEL,TIMEPICKER_MINUTES_LABEL,TIMEPICKER_SECONDS_LABEL,TIMEPICKER_SUBMIT_BUTTON,TIMEPICKER_CANCEL_BUTTON,TIMEPICKER_INPUT_DESCRIPTION,DURATION_INPUT_DESCRIPTION,DATETIME_PICKER_DATE_BUTTON,DATETIME_PICKER_TIME_BUTTON,TOKEN_ARIA_DELETABLE,TOKENIZER_ARIA_CONTAIN_TOKEN,TOKENIZER_ARIA_CONTAIN_ONE_TOKEN,TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS,TOKENIZER_ARIA_LABEL,TOKENIZER_POPOVER_REMOVE,TREE_ITEM_ARIA_LABEL,TREE_ITEM_EXPAND_NODE,TREE_ITEM_COLLAPSE_NODE,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,VALUE_STATE_TYPE_INFORMATION,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,CALENDAR_HEADER_NEXT_BUTTON,CALENDAR_HEADER_PREVIOUS_BUTTON,DAY_PICKER_WEEK_NUMBER_TEXT,DAY_PICKER_NON_WORKING_DAY,DAY_PICKER_TODAY,MONTH_PICKER_DESCRIPTION,YEAR_PICKER_DESCRIPTION,STEPINPUT_DEC_ICON_TITLE,STEPINPUT_INC_ICON_TITLE,SPLIT_BUTTON_DESCRIPTION,SPLIT_BUTTON_KEYBOARD_HINT,MENU_BACK_BUTTON_ARIA_LABEL,MENU_CLOSE_BUTTON_ARIA_LABEL};

package/dist/generated/templates/CardHeaderTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}--header" class="${classMap(context.classes)}" role="group" aria-roledescription="${ifDefined(context.ariaRoleDescription)}" @click="${context._click}" @keydown="${context._keydown}" @keyup="${context._keyup}" part="root"><div class="ui5-card-header-focusable-element" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" role="${ifDefined(context.ariaRoleFocusableElement)}" data-sap-focus-ref tabindex="0">${ context.hasAvatar ? block1(context, tags, suffix) : undefined }<div class="ui5-card-header-text"><div class="ui5-card-header-first-line">${ context.titleText ? block2(context, tags, suffix) : undefined }${ context.status ? block3(context, tags, suffix) : undefined }</div>${ context.subtitleText ? block4(context, tags, suffix) : undefined }</div></div>${ context.hasAction ? block5(context, tags, suffix) : undefined }</div></div>`;
+const block0 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}--header" class="${classMap(context.classes.root)}" role="group" aria-roledescription="${ifDefined(context.ariaRoleDescription)}" @click="${context._click}" @keydown="${context._keydown}" @keyup="${context._keyup}" part="root"><div class="ui5-card-header-focusable-element" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" role="${ifDefined(context.ariaRoleFocusableElement)}" data-sap-focus-ref tabindex="0">${ context.hasAvatar ? block1(context, tags, suffix) : undefined }<div class="ui5-card-header-text"><div class="ui5-card-header-first-line">${ context.titleText ? block2(context, tags, suffix) : undefined }${ context.status ? block3(context, tags, suffix) : undefined }</div>${ context.subtitleText ? block4(context, tags, suffix) : undefined }</div></div>${ context.hasAction ? block5(context, tags, suffix) : undefined }</div></div>`;
 const block1 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-avatar" class="ui5-card-header-avatar" aria-label="${ifDefined(context.ariaCardAvatarLabel)}"><slot name="avatar"></slot></div>`;
 const block2 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-title" class="ui5-card-header-title" part="title" role="heading" aria-level="3">${ifDefined(context.titleText)}</div>`;
 const block3 = (context, tags, suffix) => html`<div class="ui5-card-header-status"><span id="${ifDefined(context._id)}-status" part="status" dir="auto">${ifDefined(context.status)}</span></div>`;

package/dist/generated/templates/CardTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<div class="${classMap(context.classes)}" role="region" aria-label="${ifDefined(context._getAriaLabel)}">${ context._hasHeader ? block1(context, tags, suffix) : undefined }<div role="group" aria-label="${ifDefined(context._ariaCardContentLabel)}"><slot></slot></div></div>`;
+const block0 = (context, tags, suffix) => html`<div class="${classMap(context.classes.root)}" role="region" aria-label="${ifDefined(context._getAriaLabel)}">${ context._hasHeader ? block1(context, tags, suffix) : undefined }<div role="group" aria-label="${ifDefined(context._ariaCardContentLabel)}"><slot></slot></div></div>`;
 const block1 = (context, tags, suffix) => html`<div class="ui5-card-header-root"><slot name="header"></slot></div>`;
 
 

package/dist/generated/templates/CheckBoxTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<div class="ui5-checkbox-root ${classMap(context.classes.main)}" role="checkbox" aria-checked="${ifDefined(context.ariaChecked)}" aria-readonly="${ifDefined(context.ariaReadonly)}" aria-disabled="${ifDefined(context.ariaDisabled)}" aria-label="${ifDefined(context.ariaLabelText)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" aria-describedby="${ifDefined(context.ariaDescribedBy)}" aria-required="${ifDefined(context.required)}" tabindex="${ifDefined(context.tabIndex)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" @focusout="${context._onfocusout}"><div id="${ifDefined(context._id)}-CbBg" class="ui5-checkbox-inner">${ context.isCompletelyChecked ? block1(context, tags, suffix) : undefined }<input id="${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, tags, suffix) : undefined }<slot name="formSupport"></slot></div>`;
+const block0 = (context, tags, suffix) => html`<div class="ui5-checkbox-root ${classMap(context.classes.main)}" role="checkbox" aria-checked="${ifDefined(context.effectiveAriaChecked)}" aria-readonly="${ifDefined(context.ariaReadonly)}" aria-disabled="${ifDefined(context.effectiveAriaDisabled)}" aria-label="${ifDefined(context.ariaLabelText)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" aria-describedby="${ifDefined(context.ariaDescribedBy)}" aria-required="${ifDefined(context.required)}" tabindex="${ifDefined(context.effectiveTabIndex)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" @focusout="${context._onfocusout}"><div id="${ifDefined(context._id)}-CbBg" class="ui5-checkbox-inner">${ context.isCompletelyChecked ? block1(context, tags, suffix) : undefined }<input id="${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, tags, suffix) : undefined }<slot name="formSupport"></slot></div>`;
 const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} aria-hidden="true" name="accept" class="ui5-checkbox-icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon"></ui5-icon>`;
 const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-label", tags, suffix)} id="${ifDefined(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${ifDefined(context.wrappingType)}">${ifDefined(context.text)}</${scopeTag("ui5-label", tags, suffix)}>` : html`<ui5-label id="${ifDefined(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${ifDefined(context.wrappingType)}">${ifDefined(context.text)}</ui5-label>`;
 const block3 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-descr" class="ui5-hidden-text">${ifDefined(context.valueStateText)}</span>`;

package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js

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

package/dist/generated/templates/CustomListItemTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<li part="native-li" data-sap-focus-ref tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context.ariaDisabled)}" aria-selected="${ifDefined(context._accInfo.ariaSelected)}" aria-checked="${ifDefined(context._accInfo.ariaChecked)}" aria-owns="${ifDefined(context._accInfo.ariaOwns)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content"><slot></slot></div>${ context.typeDetail ? block7(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block8(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
+const block0 = (context, tags, suffix) => html`<li part="native-li" data-sap-focus-ref tabindex="${ifDefined(context._effectiveTabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-roledescription="${ifDefined(context.accessibleRoleDescription)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context._ariaDisabled)}" aria-selected="${ifDefined(context._accInfo.ariaSelected)}" aria-checked="${ifDefined(context._accInfo.ariaChecked)}" aria-owns="${ifDefined(context._accInfo.ariaOwns)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content"><slot></slot></div>${ context.typeDetail ? block7(context, tags, suffix) : undefined }${ context.typeNavigation ? block8(context, tags, suffix) : undefined }${ context.navigated ? block9(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block10(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
 const block1 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
 const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
 const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
@@ -9,12 +9,14 @@ const block4 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${
 const block5 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
 const block6 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
 const block7 = (context, tags, suffix) => suffix ? html`<div class="ui5-li-detailbtn"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${context.onDetailClick}"></ui5-button></div>`;
-const block8 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block9(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block10(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block11(context, tags, suffix) : undefined }`;
-const block9 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
-const block10 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
-const block11 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block12(context, tags, suffix) : block13(context, tags, suffix) }</div>`;
-const block12 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
-const block13 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
+const block8 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name ="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name ="slim-arrow-right"></ui5-icon>`;
+const block9 = (context, tags, suffix) => html`<div class="ui5-li-navigated"></div>`;
+const block10 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block11(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block12(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block13(context, tags, suffix) : undefined }`;
+const block11 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+const block12 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+const block13 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block14(context, tags, suffix) : block15(context, tags, suffix) }</div>`;
+const block14 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
+const block15 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
 
 
 export default block0;

package/dist/generated/templates/DialogTemplate.lit.js

@@ -5,7 +5,7 @@ const block0 = (context, tags, suffix) => html`<section style="${styleMap(contex
 const block1 = (context, tags, suffix) => html`<header class="ui5-popup-header-root" id="ui5-popup-header" tabindex="${ifDefined(context._headerTabIndex)}" @keydown="${context._onDragOrResizeKeyDown}" @mousedown="${context._onDragMouseDown}" part="header" state="${ifDefined(context.state)}">${ context.hasValueState ? block2(context, tags, suffix) : undefined }${ context.header.length ? block3(context, tags, suffix) : block4(context, tags, suffix) }</header>`;
 const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-dialog-value-state-icon" name="${ifDefined(context._dialogStateIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="ui5-dialog-value-state-icon" name="${ifDefined(context._dialogStateIcon)}"></ui5-icon>`;
 const block3 = (context, tags, suffix) => html`<slot name="header"></slot>`;
-const block4 = (context, tags, suffix) => html`<h2 id="ui5-popup-header-text" class="ui5-popup-header-text">${ifDefined(context.headerText)}</h2>`;
+const block4 = (context, tags, suffix) => html`<h1 id="ui5-popup-header-text" class="ui5-popup-header-text">${ifDefined(context.headerText)}</h1>`;
 const block5 = (context, tags, suffix) => html`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
 const block6 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="resize-corner" class="ui5-popup-resize-handle" @mousedown="${context._onResizeMouseDown}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="resize-corner" class="ui5-popup-resize-handle" @mousedown="${context._onResizeMouseDown}"></ui5-icon>`;
 

package/dist/generated/templates/IconTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<svg class="ui5-icon-root" tabindex="${ifDefined(context.tabIndex)}" dir="${ifDefined(context._dir)}" viewBox="${ifDefined(context.viewBox)}" role="${ifDefined(context.effectiveAccessibleRole)}" focusable="false" preserveAspectRatio="xMidYMid meet" aria-label="${ifDefined(context.effectiveAccessibleName)}" aria-hidden=${ifDefined(context.effectiveAriaHidden)} xmlns="http://www.w3.org/2000/svg" @focusin=${context._onfocusin} @focusout=${context._onfocusout} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._onclick}>${blockSVG1(context, tags, suffix)}</svg>`;
+const block0 = (context, tags, suffix) => html`<svg class="ui5-icon-root" tabindex="${ifDefined(context._tabIndex)}" dir="${ifDefined(context._dir)}" viewBox="${ifDefined(context.viewBox)}" role="${ifDefined(context.effectiveAccessibleRole)}" focusable="false" preserveAspectRatio="xMidYMid meet" aria-label="${ifDefined(context.effectiveAccessibleName)}" aria-hidden=${ifDefined(context.effectiveAriaHidden)} xmlns="http://www.w3.org/2000/svg" @focusin=${context._onfocusin} @focusout=${context._onfocusout} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._onclick}>${blockSVG1(context, tags, suffix)}</svg>`;
 const block1 = (context, tags, suffix) => svg`<title id="${ifDefined(context._id)}-tooltip">${ifDefined(context.effectiveAccessibleName)}</title>`;
 const block2 = (context, tags, suffix) => svg`${ifDefined(context.customSvg)}`;
 const block3 = (item, index, context, tags, suffix) => svg`<path d="${ifDefined(item)}"></path>`;

package/dist/generated/templates/InputTemplate.lit.js

@@ -2,7 +2,7 @@
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
 const block0 = (context, tags, suffix) => html`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context._innerValue)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" aria-invalid="${ifDefined(context.accInfo.input.ariaInvalid)}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.effectiveShowClearIcon ? block1(context, tags, suffix) : undefined }${ context.icon.length ? block2(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showSuggestions ? block3(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block4(context, tags, suffix) : undefined }${ context.hasValueState ? block5(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div>`;
-const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} @click=${context._clear} @mousedown=${context._iconMouseDown} tabindex="-1" input-icon class="ui5-input-clear-icon" name="decline"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon @click=${context._clear} @mousedown=${context._iconMouseDown} tabindex="-1" input-icon class="ui5-input-clear-icon" name="decline"></ui5-icon>`;
+const block1 = (context, tags, suffix) => suffix ? html`<div @click=${context._clear} @mousedown=${context._iconMouseDown} class="ui5-input-clear-icon-wrapper" input-icon tabindex="-1"><${scopeTag("ui5-icon", tags, suffix)} tabindex="-1" class="ui5-input-clear-icon" name="decline"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div @click=${context._clear} @mousedown=${context._iconMouseDown} class="ui5-input-clear-icon-wrapper" input-icon tabindex="-1"><ui5-icon tabindex="-1" class="ui5-input-clear-icon" name="decline"></ui5-icon></div>`;
 const block2 = (context, tags, suffix) => html`<div class="ui5-input-icon-root"><slot name="icon"></slot></div>`;
 const block3 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-suggestionsText" class="ui5-hidden-text">${ifDefined(context.suggestionsText)}</span><span id="${ifDefined(context._id)}-selectionText" class="ui5-hidden-text" aria-live="polite" role="status"></span><span id="${ifDefined(context._id)}-suggestionsCount" class="ui5-hidden-text" aria-live="polite">${ifDefined(context.availableSuggestionsCount)}</span>`;
 const block4 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-descr" class="ui5-hidden-text">${ifDefined(context.accInfo.input.ariaDescription)}</span>`;

package/dist/generated/templates/LinkTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<a class="ui5-link-root" role="${ifDefined(context.effectiveAccRole)}" href="${ifDefined(context.parsedRef)}" target="${ifDefined(context.target)}" rel="${ifDefined(context._rel)}" tabindex="${ifDefined(context.tabIndex)}" ?disabled="${context.disabled}" aria-label="${ifDefined(context.ariaLabelText)}" aria-haspopup="${ifDefined(context.accessibilityAttributes.hasPopup)}" aria-expanded="${ifDefined(context.accessibilityAttributes.expanded)}" @focusin=${context._onfocusin} @focusout=${context._onfocusout} @click=${context._onclick} @keydown=${context._onkeydown} @keyup=${context._onkeyup}><slot></slot>${ context.hasLinkType ? block1(context, tags, suffix) : undefined }</a>`;
+const block0 = (context, tags, suffix) => html`<a class="ui5-link-root" role="${ifDefined(context.effectiveAccRole)}" href="${ifDefined(context.parsedRef)}" target="${ifDefined(context.target)}" rel="${ifDefined(context._rel)}" tabindex="${ifDefined(context.effectiveTabIndex)}" ?disabled="${context.disabled}" aria-label="${ifDefined(context.ariaLabelText)}" aria-haspopup="${ifDefined(context.accessibilityAttributes.hasPopup)}" aria-expanded="${ifDefined(context.accessibilityAttributes.expanded)}" @focusin=${context._onfocusin} @focusout=${context._onfocusout} @click=${context._onclick} @keydown=${context._onkeydown} @keyup=${context._onkeyup}><slot></slot>${ context.hasLinkType ? block1(context, tags, suffix) : undefined }</a>`;
 const block1 = (context, tags, suffix) => html`<span class="ui5-hidden-text">${ifDefined(context.linkTypeText)}</span>`;
 
 

package/dist/generated/templates/ListItemTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<li part="native-li" data-sap-focus-ref tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context.ariaDisabled)}" aria-selected="${ifDefined(context._accInfo.ariaSelected)}" aria-checked="${ifDefined(context._accInfo.ariaChecked)}" aria-owns="${ifDefined(context._accInfo.ariaOwns)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content"></div>${ context.typeDetail ? block7(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block8(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
+const block0 = (context, tags, suffix) => html`<li part="native-li" data-sap-focus-ref tabindex="${ifDefined(context._effectiveTabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-roledescription="${ifDefined(context.accessibleRoleDescription)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context._ariaDisabled)}" aria-selected="${ifDefined(context._accInfo.ariaSelected)}" aria-checked="${ifDefined(context._accInfo.ariaChecked)}" aria-owns="${ifDefined(context._accInfo.ariaOwns)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content"></div>${ context.typeDetail ? block7(context, tags, suffix) : undefined }${ context.typeNavigation ? block8(context, tags, suffix) : undefined }${ context.navigated ? block9(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block10(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
 const block1 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
 const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
 const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
@@ -9,12 +9,14 @@ const block4 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${
 const block5 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
 const block6 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
 const block7 = (context, tags, suffix) => suffix ? html`<div class="ui5-li-detailbtn"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${context.onDetailClick}"></ui5-button></div>`;
-const block8 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block9(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block10(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block11(context, tags, suffix) : undefined }`;
-const block9 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
-const block10 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
-const block11 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block12(context, tags, suffix) : block13(context, tags, suffix) }</div>`;
-const block12 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
-const block13 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
+const block8 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name ="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name ="slim-arrow-right"></ui5-icon>`;
+const block9 = (context, tags, suffix) => html`<div class="ui5-li-navigated"></div>`;
+const block10 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block11(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block12(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block13(context, tags, suffix) : undefined }`;
+const block11 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+const block12 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+const block13 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block14(context, tags, suffix) : block15(context, tags, suffix) }</div>`;
+const block14 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
+const block15 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
 
 
 export default block0;

package/dist/generated/templates/ListTemplate.lit.js

@@ -1,14 +1,14 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<div class="${classMap(context.classes.root)}" @focusin="${context._onfocusin}" @keydown="${context._onkeydown}"><div class="ui5-list-scroll-container">${ context.header.length ? block1(context, tags, suffix) : undefined }${ context.shouldRenderH1 ? block2(context, tags, suffix) : undefined }${ context.hasData ? block3(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-modeLabel" class="ui5-hidden-text">${ifDefined(context.ariaLabelModeText)}</span><ul id="${ifDefined(context._id)}-listUl" class="ui5-list-ul" role="${ifDefined(context.accessibleRole)}" aria-label="${ifDefined(context.ariaLabelTxt)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}"><slot></slot>${ context.showNoDataText ? block4(context, tags, suffix) : undefined }</ul>${ context.growsWithButton ? block5(context, tags, suffix) : undefined }${ context.footerText ? block6(context, tags, suffix) : undefined }${ context.hasData ? block7(context, tags, suffix) : undefined }<span tabindex="-1" aria-hidden="true" class="ui5-list-end-marker"></span></div>${ context.busy ? block8(context, tags, suffix) : undefined }</div> `;
+const block0 = (context, tags, suffix) => html`<div class="${classMap(context.classes.root)}" @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @ui5-_press=${ifDefined(context.onItemPress)} @ui5-close=${ifDefined(context.onItemClose)} @ui5-toggle=${ifDefined(context.onItemToggle)} @ui5-_focused=${ifDefined(context.onItemFocused)} @ui5-_forward-after=${ifDefined(context.onForwardAfter)} @ui5-_forward-before=${ifDefined(context.onForwardBefore)} @ui5-_selection-requested=${ifDefined(context.onSelectionRequested)} @ui5-_focus-requested=${ifDefined(context.onFocusRequested)}><div class="ui5-list-scroll-container">${ context.header.length ? block1(context, tags, suffix) : undefined }${ context.shouldRenderH1 ? block2(context, tags, suffix) : undefined }${ context.hasData ? block3(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-modeLabel" class="ui5-hidden-text">${ifDefined(context.ariaLabelModeText)}</span><ul id="${ifDefined(context._id)}-listUl" class="ui5-list-ul" role="${ifDefined(context.accessibleRole)}" aria-label="${ifDefined(context.ariaLabelTxt)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" aria-roledescription="${ifDefined(context.accessibleRoleDescription)}"><slot></slot>${ context.showNoDataText ? block4(context, tags, suffix) : undefined }</ul>${ context.growsWithButton ? block5(context, tags, suffix) : undefined }${ context.footerText ? block6(context, tags, suffix) : undefined }${ context.hasData ? block7(context, tags, suffix) : undefined }<span tabindex="-1" aria-hidden="true" class="ui5-list-end-marker"></span></div>${ context.busy ? block8(context, tags, suffix) : undefined }</div> `;
 const block1 = (context, tags, suffix) => html`<slot name="header" />`;
 const block2 = (context, tags, suffix) => html`<header id="${ifDefined(context.headerID)}" class="ui5-list-header">${ifDefined(context.headerText)}</header>`;
-const block3 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-before" tabindex="0" class="ui5-list-focusarea"></div>`;
+const block3 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-before" tabindex="0" role="none" class="ui5-list-focusarea"></div>`;
 const block4 = (context, tags, suffix) => html`<li id="${ifDefined(context._id)}-nodata" class="ui5-list-nodata" tabindex="${ifDefined(context.noDataTabIndex)}"><div id="${ifDefined(context._id)}-nodata-text" class="ui5-list-nodata-text">${ifDefined(context.noDataText)}</div></li>`;
 const block5 = (context, tags, suffix) => html`<div growing-button><div tabindex="0" role="button" id="${ifDefined(context._id)}-growing-btn" aria-labelledby="${ifDefined(context._id)}-growingButton-text" ?active="${context._loadMoreActive}" @click="${context._onLoadMoreClick}" @keydown="${context._onLoadMoreKeydown}" @keyup="${context._onLoadMoreKeyup}" @mousedown="${context._onLoadMoreMousedown}" @mouseup="${context._onLoadMoreMouseup}" growing-button-inner><span id="${ifDefined(context._id)}-growingButton-text" growing-button-text>${ifDefined(context._growingButtonText)}</span></div></div>`;
 const block6 = (context, tags, suffix) => html`<footer id="${ifDefined(context._id)}-footer" class="ui5-list-footer">${ifDefined(context.footerText)}</footer>`;
-const block7 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-after" tabindex="0" class="ui5-list-focusarea"></div>`;
+const block7 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-after" tabindex="0" role="none" class="ui5-list-focusarea"></div>`;
 const block8 = (context, tags, suffix) => suffix ? html`<div class="ui5-list-busy-row"><${scopeTag("ui5-busy-indicator", tags, suffix)} delay="${ifDefined(context.busyDelay)}" active size="Medium" class="ui5-list-busy-ind" style="${styleMap(context.styles.busyInd)}" data-sap-focus-ref></${scopeTag("ui5-busy-indicator", tags, suffix)}></div>` : html`<div class="ui5-list-busy-row"><ui5-busy-indicator delay="${ifDefined(context.busyDelay)}" active size="Medium" class="ui5-list-busy-ind" style="${styleMap(context.styles.busyInd)}" data-sap-focus-ref></ui5-busy-indicator></div>`;
 
 

package/dist/generated/templates/MenuTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(context._id)}-menu-rp" class="ui5-menu-rp" horizontal-align="Left" placement-type=${ifDefined(context.placementType)} vertical-align=${ifDefined(context.verticalAlign)} hide-arrow allow-target-overlap ?sub-menu=${context._isSubMenu} @before-close=${context._beforePopoverClose}>${ context.isPhone ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-menu-main">${ context._currentItems.length ? block3(context, tags, suffix) : undefined }</div></${scopeTag("ui5-responsive-popover", tags, suffix)}><div class="ui5-menu-submenus"></div>` : html`<ui5-responsive-popover id="${ifDefined(context._id)}-menu-rp" class="ui5-menu-rp" horizontal-align="Left" placement-type=${ifDefined(context.placementType)} vertical-align=${ifDefined(context.verticalAlign)} hide-arrow allow-target-overlap ?sub-menu=${context._isSubMenu} @before-close=${context._beforePopoverClose}>${ context.isPhone ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-menu-main">${ context._currentItems.length ? block3(context, tags, suffix) : undefined }</div></ui5-responsive-popover><div class="ui5-menu-submenus"></div>`;
+const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(context._id)}-menu-rp" class="ui5-menu-rp" horizontal-align="Left" placement-type=${ifDefined(context.placementType)} vertical-align=${ifDefined(context.verticalAlign)} hide-arrow allow-target-overlap ?sub-menu=${context._isSubMenu} @ui5-before-open=${ifDefined(context._beforePopoverOpen)} @ui5-after-open=${ifDefined(context._afterPopoverOpen)} @ui5-before-close=${ifDefined(context._beforePopoverClose)} @ui5-after-close=${ifDefined(context._afterPopoverClose)}>${ context.isPhone ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-menu-main">${ context._currentItems.length ? block3(context, tags, suffix) : undefined }</div></${scopeTag("ui5-responsive-popover", tags, suffix)}><div class="ui5-menu-submenus"></div>` : html`<ui5-responsive-popover id="${ifDefined(context._id)}-menu-rp" class="ui5-menu-rp" horizontal-align="Left" placement-type=${ifDefined(context.placementType)} vertical-align=${ifDefined(context.verticalAlign)} hide-arrow allow-target-overlap ?sub-menu=${context._isSubMenu} @ui5-before-open=${ifDefined(context._beforePopoverOpen)} @ui5-after-open=${ifDefined(context._afterPopoverOpen)} @ui5-before-close=${ifDefined(context._beforePopoverClose)} @ui5-after-close=${ifDefined(context._afterPopoverClose)}>${ context.isPhone ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-menu-main">${ context._currentItems.length ? block3(context, tags, suffix) : undefined }</div></ui5-responsive-popover><div class="ui5-menu-submenus"></div>`;
 const block1 = (context, tags, suffix) => suffix ? html`<div slot="header" class="ui5-menu-dialog-header">${ context.isSubMenuOpened ? block2(context, tags, suffix) : undefined }<div class="ui5-menu-dialog-title"><div>${ifDefined(context.menuHeaderTextPhone)}</div></div><${scopeTag("ui5-button", tags, suffix)} icon="decline" design="Transparent" aria-label="${ifDefined(context.labelClose)}" @click=${context.close}></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div slot="header" class="ui5-menu-dialog-header">${ context.isSubMenuOpened ? block2(context, tags, suffix) : undefined }<div class="ui5-menu-dialog-title"><div>${ifDefined(context.menuHeaderTextPhone)}</div></div><ui5-button icon="decline" design="Transparent" aria-label="${ifDefined(context.labelClose)}" @click=${context.close}></ui5-button></div>`;
 const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} icon="nav-back" class="ui5-menu-back-button" design="Transparent" aria-label="${ifDefined(context.labelBack)}" @click=${context._navigateBack}></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button icon="nav-back" class="ui5-menu-back-button" design="Transparent" aria-label="${ifDefined(context.labelBack)}" @click=${context._navigateBack}></ui5-button>`;
 const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-list", tags, suffix)} id="${ifDefined(context._id)}-menu-list" mode="None" separators="None" accessible-role="menu" @ui5-item-click=${ifDefined(context._itemClick)}>${ repeat(context._currentItems, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}>` : html`<ui5-list id="${ifDefined(context._id)}-menu-list" mode="None" separators="None" accessible-role="menu" @ui5-item-click=${ifDefined(context._itemClick)}>${ repeat(context._currentItems, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }</ui5-list>`;

package/dist/generated/templates/MonthPickerTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<div class="ui5-mp-root" role="grid" aria-readonly="false" aria-multiselectable="false" @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._selectMonth} @focusin=${context._onfocusin}>${ repeat(context._months, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</div>`;
+const block0 = (context, tags, suffix) => html`<div class="ui5-mp-root" role="grid" aria-roledescription="${ifDefined(context.roleDescription)}" aria-readonly="false" aria-multiselectable="false" @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._selectMonth} @focusin=${context._onfocusin}>${ repeat(context._months, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</div>`;
 const block1 = (item, index, context, tags, suffix) => html`<div class="ui5-mp-quarter">${ repeat(item, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</div>`;
 const block2 = (item, index, context, tags, suffix) => html`<div data-sap-timestamp=${ifDefined(item.timestamp)} tabindex=${ifDefined(item._tabIndex)} ?data-sap-focus-ref="${item.focusRef}" class="${ifDefined(item.classes)}" role="gridcell" aria-selected="${ifDefined(item.ariaSelected)}"><span class="ui5-dp-monthtext">${ifDefined(item.name)}</span>${ item.nameInSecType ? block3(item, index, context, tags, suffix) : undefined }</div>`;
 const block3 = (item, index, context, tags, suffix) => html`<span class="ui5-dp-monthtext ui5-dp-monthsectext">${ifDefined(item.nameInSecType)}</span>`;

package/dist/generated/templates/MultiInputTemplate.lit.js

@@ -5,7 +5,7 @@ const block0 = (context, tags, suffix) => suffix ? html`<div class="ui5-input-ro
 const block1 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
 const block2 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }`;
 const block3 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
-const block4 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} @click=${context._clear} @mousedown=${context._iconMouseDown} tabindex="-1" input-icon class="ui5-input-clear-icon" name="decline"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon @click=${context._clear} @mousedown=${context._iconMouseDown} tabindex="-1" input-icon class="ui5-input-clear-icon" name="decline"></ui5-icon>`;
+const block4 = (context, tags, suffix) => suffix ? html`<div @click=${context._clear} @mousedown=${context._iconMouseDown} class="ui5-input-clear-icon-wrapper" input-icon tabindex="-1"><${scopeTag("ui5-icon", tags, suffix)} tabindex="-1" class="ui5-input-clear-icon" name="decline"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div @click=${context._clear} @mousedown=${context._iconMouseDown} class="ui5-input-clear-icon-wrapper" input-icon tabindex="-1"><ui5-icon tabindex="-1" class="ui5-input-clear-icon" name="decline"></ui5-icon></div>`;
 const block5 = (context, tags, suffix) => html`<div class="ui5-input-icon-root"><slot name="icon"></slot></div>`;
 const block6 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} @click=${context.valueHelpPress} @mousedown=${context.valueHelpMouseDown} @mouseup=${context.valueHelpMouseUp} input-icon name="value-help"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon @click=${context.valueHelpPress} @mousedown=${context.valueHelpMouseDown} @mouseup=${context.valueHelpMouseUp} input-icon name="value-help"></ui5-icon>`;
 const block7 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-suggestionsText" class="ui5-hidden-text">${ifDefined(context.suggestionsText)}</span><span id="${ifDefined(context._id)}-selectionText" class="ui5-hidden-text" aria-live="polite" role="status"></span><span id="${ifDefined(context._id)}-suggestionsCount" class="ui5-hidden-text" aria-live="polite">${ifDefined(context.availableSuggestionsCount)}</span>`;

package/dist/generated/templates/PopoverTemplate.lit.js

@@ -4,7 +4,7 @@ import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag
 const block0 = (context, tags, suffix) => html`<section style="${styleMap(context.styles.root)}" class="${classMap(context.classes.root)}" role="${ifDefined(context._role)}" aria-modal="${ifDefined(context._ariaModal)}" aria-label="${ifDefined(context._ariaLabel)}" aria-labelledby="${ifDefined(context._ariaLabelledBy)}" @keydown=${context._onkeydown} @focusout=${context._onfocusout} @mouseup=${context._onmouseup} @mousedown=${context._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToLast}></span><span class="ui5-popover-arrow" style="${styleMap(context.styles.arrow)}"></span>${ context._displayHeader ? block1(context, tags, suffix) : undefined }<div style="${styleMap(context.styles.content)}" class="${classMap(context.classes.content)}"  @scroll="${context._scroll}" part="content"><slot></slot></div>${ context._displayFooter ? block4(context, tags, suffix) : undefined }<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section> `;
 const block1 = (context, tags, suffix) => html`<header class="ui5-popup-header-root" id="ui5-popup-header" part="header">${ context.header.length ? block2(context, tags, suffix) : block3(context, tags, suffix) }</header>`;
 const block2 = (context, tags, suffix) => html`<slot name="header"></slot>`;
-const block3 = (context, tags, suffix) => html`<h2 class="ui5-popup-header-text">${ifDefined(context.headerText)}</h2>`;
+const block3 = (context, tags, suffix) => html`<h1 class="ui5-popup-header-text">${ifDefined(context.headerText)}</h1>`;
 const block4 = (context, tags, suffix) => html`${ context.footer.length ? block5(context, tags, suffix) : undefined }`;
 const block5 = (context, tags, suffix) => html`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
 

package/dist/generated/templates/RangeSliderTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => suffix ? html`<div class="ui5-slider-root ${classMap(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><span id="${ifDefined(context._id)}-startHandleDesc" class="ui5-hidden-text">${ifDefined(context._ariaHandlesText.startHandleText)}</span><span id="${ifDefined(context._id)}-endHandleDesc" class="ui5-hidden-text">${ifDefined(context._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${ context.step ? block1(context, tags, suffix) : undefined }<div class="ui5-slider-progress-container"><div class="ui5-slider-progress" style="${styleMap(context.styles.progress)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuetext="From ${ifDefined(context.startValue)} to ${ifDefined(context.endValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByProgressBarRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" style="${styleMap(context.styles.startHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuenow="${ifDefined(context.startValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByStartHandleRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"><${scopeTag("ui5-icon", tags, suffix)} name="direction-arrows" slider-icon></${scopeTag("ui5-icon", tags, suffix)}>${ context.showTooltip ? block8(context, tags, suffix) : undefined }</div><div class="ui5-slider-handle ui5-slider-handle--end" style="${styleMap(context.styles.endHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuenow="${ifDefined(context.endValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByEndHandleRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"><${scopeTag("ui5-icon", tags, suffix)} name="direction-arrows" slider-icon></${scopeTag("ui5-icon", tags, suffix)}>${ context.showTooltip ? block9(context, tags, suffix) : undefined }</div></div><span id="${ifDefined(context._id)}-accName" class="ui5-hidden-text">${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-sliderDesc" class="ui5-hidden-text">${ifDefined(context._ariaLabelledByText)}</span></div>` : html`<div class="ui5-slider-root ${classMap(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><span id="${ifDefined(context._id)}-startHandleDesc" class="ui5-hidden-text">${ifDefined(context._ariaHandlesText.startHandleText)}</span><span id="${ifDefined(context._id)}-endHandleDesc" class="ui5-hidden-text">${ifDefined(context._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${ context.step ? block1(context, tags, suffix) : undefined }<div class="ui5-slider-progress-container"><div class="ui5-slider-progress" style="${styleMap(context.styles.progress)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuetext="From ${ifDefined(context.startValue)} to ${ifDefined(context.endValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByProgressBarRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" style="${styleMap(context.styles.startHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuenow="${ifDefined(context.startValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByStartHandleRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${ context.showTooltip ? block8(context, tags, suffix) : undefined }</div><div class="ui5-slider-handle ui5-slider-handle--end" style="${styleMap(context.styles.endHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuenow="${ifDefined(context.endValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByEndHandleRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${ context.showTooltip ? block9(context, tags, suffix) : undefined }</div></div><span id="${ifDefined(context._id)}-accName" class="ui5-hidden-text">${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-sliderDesc" class="ui5-hidden-text">${ifDefined(context._ariaLabelledByText)}</span></div>`;
+const block0 = (context, tags, suffix) => suffix ? html`<div class="ui5-slider-root ${classMap(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><span id="${ifDefined(context._id)}-startHandleDesc" class="ui5-hidden-text">${ifDefined(context._ariaHandlesText.startHandleText)}</span><span id="${ifDefined(context._id)}-endHandleDesc" class="ui5-hidden-text">${ifDefined(context._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${ context.step ? block1(context, tags, suffix) : undefined }<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${styleMap(context.styles.progress)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuetext="From ${ifDefined(context.startValue)} to ${ifDefined(context.endValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByProgressBarRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${styleMap(context.styles.startHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuenow="${ifDefined(context.startValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByStartHandleRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"><${scopeTag("ui5-icon", tags, suffix)} name="direction-arrows" slider-icon></${scopeTag("ui5-icon", tags, suffix)}>${ context.showTooltip ? block8(context, tags, suffix) : undefined }</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${styleMap(context.styles.endHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuenow="${ifDefined(context.endValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByEndHandleRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"><${scopeTag("ui5-icon", tags, suffix)} name="direction-arrows" slider-icon></${scopeTag("ui5-icon", tags, suffix)}>${ context.showTooltip ? block9(context, tags, suffix) : undefined }</div></div><span id="${ifDefined(context._id)}-accName" class="ui5-hidden-text">${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-sliderDesc" class="ui5-hidden-text">${ifDefined(context._ariaLabelledByText)}</span></div> ` : html`<div class="ui5-slider-root ${classMap(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><span id="${ifDefined(context._id)}-startHandleDesc" class="ui5-hidden-text">${ifDefined(context._ariaHandlesText.startHandleText)}</span><span id="${ifDefined(context._id)}-endHandleDesc" class="ui5-hidden-text">${ifDefined(context._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${ context.step ? block1(context, tags, suffix) : undefined }<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${styleMap(context.styles.progress)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuetext="From ${ifDefined(context.startValue)} to ${ifDefined(context.endValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByProgressBarRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${styleMap(context.styles.startHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuenow="${ifDefined(context.startValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByStartHandleRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${ context.showTooltip ? block8(context, tags, suffix) : undefined }</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${styleMap(context.styles.endHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${ifDefined(context._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${ifDefined(context.min)}" aria-valuemax="${ifDefined(context.max)}" aria-valuenow="${ifDefined(context.endValue)}" aria-labelledby="${ifDefined(context._ariaLabelledByEndHandleRefs)}" aria-disabled="${ifDefined(context._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${ context.showTooltip ? block9(context, tags, suffix) : undefined }</div></div><span id="${ifDefined(context._id)}-accName" class="ui5-hidden-text">${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-sliderDesc" class="ui5-hidden-text">${ifDefined(context._ariaLabelledByText)}</span></div> `;
 const block1 = (context, tags, suffix) => html`${ context.showTickmarks ? block2(context, tags, suffix) : undefined }`;
 const block2 = (context, tags, suffix) => html`<ul class="ui5-slider-tickmarks">${ repeat(context.tickmarksObject, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }</ul>${ context.labelInterval ? block6(context, tags, suffix) : undefined }`;
 const block3 = (item, index, context, tags, suffix) => html`${ item ? block4(item, index, context, tags, suffix) : block5(item, index, context, tags, suffix) }`;

package/dist/generated/templates/ResponsivePopoverTemplate.lit.js

@@ -11,7 +11,7 @@ const block6 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button"
 const block7 = (context, tags, suffix) => html`<section style="${styleMap(context.styles.root)}" class="${classMap(context.classes.root)}" role="${ifDefined(context._role)}" aria-modal="${ifDefined(context._ariaModal)}" aria-label="${ifDefined(context._ariaLabel)}" aria-labelledby="${ifDefined(context._ariaLabelledBy)}" @keydown=${context._onkeydown} @focusout=${context._onfocusout} @mouseup=${context._onmouseup} @mousedown=${context._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToLast}></span><span class="ui5-popover-arrow" style="${styleMap(context.styles.arrow)}"></span>${ context._displayHeader ? block8(context, tags, suffix) : undefined }<div style="${styleMap(context.styles.content)}" class="${classMap(context.classes.content)}"  @scroll="${context._scroll}" part="content"><slot></slot></div>${ context._displayFooter ? block11(context, tags, suffix) : undefined }<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section>`;
 const block8 = (context, tags, suffix) => html`<header class="ui5-popup-header-root" id="ui5-popup-header" part="header">${ context.header.length ? block9(context, tags, suffix) : block10(context, tags, suffix) }</header>`;
 const block9 = (context, tags, suffix) => html`<slot name="header"></slot>`;
-const block10 = (context, tags, suffix) => html`<h2 class="ui5-popup-header-text">${ifDefined(context.headerText)}</h2>`;
+const block10 = (context, tags, suffix) => html`<h1 class="ui5-popup-header-text">${ifDefined(context.headerText)}</h1>`;
 const block11 = (context, tags, suffix) => html`${ context.footer.length ? block12(context, tags, suffix) : undefined }`;
 const block12 = (context, tags, suffix) => html`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;