@ui5/webcomponents 0.0.0-a3eca7ade → 0.0.0-a8e886a07

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 BREADCRUMBS_ARIA_LABEL = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const BREADCRUMBS_CANCEL_BUTTON = {key: "BREADCRUMBS_CANCEL_BUTTON", defaultText: "Cancel"};const BUSY_INDICATOR_TITLE = {key: "BUSY_INDICATOR_TITLE", defaultText: "Please wait"};const BUTTON_ARIA_TYPE_ACCEPT = {key: "BUTTON_ARIA_TYPE_ACCEPT", defaultText: "Positive Action"};const BUTTON_ARIA_TYPE_REJECT = {key: "BUTTON_ARIA_TYPE_REJECT", defaultText: "Negative Action"};const BUTTON_ARIA_TYPE_EMPHASIZED = {key: "BUTTON_ARIA_TYPE_EMPHASIZED", defaultText: "Emphasized"};const CAROUSEL_OF_TEXT = {key: "CAROUSEL_OF_TEXT", defaultText: "of"};const CAROUSEL_DOT_TEXT = {key: "CAROUSEL_DOT_TEXT", defaultText: "Item {0} of {1} displayed"};const CAROUSEL_PREVIOUS_ARROW_TEXT = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const COLORPALETTE_CONTAINER_LABEL = {key: "COLORPALETTE_CONTAINER_LABEL", defaultText: "Color Palette - Predefined Colors"};const COLORPALETTE_POPOVER_TITLE = {key: "COLORPALETTE_POPOVER_TITLE", defaultText: "Color Palette"};const COLORPALETTE_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};const COLOR_PALETTE_DIALOG_CANCEL_BUTTON = {key: "COLOR_PALETTE_DIALOG_CANCEL_BUTTON", defaultText: "Cancel"};const COLOR_PALETTE_DIALOG_OK_BUTTON = {key: "COLOR_PALETTE_DIALOG_OK_BUTTON", defaultText: "OK"};const COLOR_PALETTE_DIALOG_TITLE = {key: "COLOR_PALETTE_DIALOG_TITLE", defaultText: "Change Color"};const COLOR_PALETTE_MORE_COLORS_TEXT = {key: "COLOR_PALETTE_MORE_COLORS_TEXT", defaultText: "More Colors..."};const DATEPICKER_OPEN_ICON_TITLE = {key: "DATEPICKER_OPEN_ICON_TITLE", defaultText: "Open Picker"};const DATEPICKER_DATE_DESCRIPTION = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const DATETIME_DESCRIPTION = {key: "DATETIME_DESCRIPTION", defaultText: "Date Time Input"};const DATERANGE_DESCRIPTION = {key: "DATERANGE_DESCRIPTION", defaultText: "Date Range Input"};const DELETE = {key: "DELETE", defaultText: "Delete"};const FILEUPLOAD_BROWSE = {key: "FILEUPLOAD_BROWSE", defaultText: "Browse..."};const FILEUPLOADER_TITLE = {key: "FILEUPLOADER_TITLE", defaultText: "Upload File"};const GROUP_HEADER_TEXT = {key: "GROUP_HEADER_TEXT", defaultText: "Group Header"};const SELECT_OPTIONS = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const INPUT_SUGGESTIONS = {key: "INPUT_SUGGESTIONS", defaultText: "Suggestions Available"};const INPUT_SUGGESTIONS_TITLE = {key: "INPUT_SUGGESTIONS_TITLE", defaultText: "Select"};const INPUT_SUGGESTIONS_ONE_HIT = {key: "INPUT_SUGGESTIONS_ONE_HIT", defaultText: "1 result available"};const INPUT_SUGGESTIONS_MORE_HITS = {key: "INPUT_SUGGESTIONS_MORE_HITS", defaultText: "{0} results are available"};const INPUT_SUGGESTIONS_NO_HIT = {key: "INPUT_SUGGESTIONS_NO_HIT", defaultText: "No results"};const LINK_SUBTLE = {key: "LINK_SUBTLE", defaultText: "Subtle"};const LINK_EMPHASIZED = {key: "LINK_EMPHASIZED", defaultText: "Emphasized"};const LIST_ITEM_POSITION = {key: "LIST_ITEM_POSITION", defaultText: "List item {0} of {1}"};const LIST_ITEM_SELECTED = {key: "LIST_ITEM_SELECTED", defaultText: "Selected"};const LIST_ITEM_NOT_SELECTED = {key: "LIST_ITEM_NOT_SELECTED", defaultText: "Not Selected"};const ARIA_LABEL_LIST_ITEM_CHECKBOX = {key: "ARIA_LABEL_LIST_ITEM_CHECKBOX", defaultText: "Multiple Selection Mode"};const ARIA_LABEL_LIST_ITEM_RADIO_BUTTON = {key: "ARIA_LABEL_LIST_ITEM_RADIO_BUTTON", defaultText: "Item Selection."};const ARIA_LABEL_LIST_SELECTABLE = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const ARIA_LABEL_LIST_MULTISELECTABLE = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_DELETABLE = {key: "ARIA_LABEL_LIST_DELETABLE", defaultText: "Contains Deletable Items"};const MESSAGE_STRIP_CLOSE_BUTTON = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Information Bar Close"};const MESSAGE_STRIP_CLOSABLE = {key: "MESSAGE_STRIP_CLOSABLE", defaultText: "Closable"};const MESSAGE_STRIP_ERROR = {key: "MESSAGE_STRIP_ERROR", defaultText: "Error Information Bar"};const MESSAGE_STRIP_WARNING = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Information Bar"};const MESSAGE_STRIP_SUCCESS = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Success Information Bar"};const MESSAGE_STRIP_INFORMATION = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MULTICOMBOBOX_DIALOG_OK_BUTTON = {key: "MULTICOMBOBOX_DIALOG_OK_BUTTON", defaultText: "OK"};const VALUE_STATE_ERROR_ALREADY_SELECTED = {key: "VALUE_STATE_ERROR_ALREADY_SELECTED", defaultText: "This value is already selected."};const MULTIINPUT_ROLEDESCRIPTION_TEXT = {key: "MULTIINPUT_ROLEDESCRIPTION_TEXT", defaultText: "Multi Value Input"};const MULTIINPUT_SHOW_MORE_TOKENS = {key: "MULTIINPUT_SHOW_MORE_TOKENS", defaultText: "{0} More"};const PANEL_ICON = {key: "PANEL_ICON", defaultText: "Expand/Collapse"};const RANGE_SLIDER_ARIA_DESCRIPTION = {key: "RANGE_SLIDER_ARIA_DESCRIPTION", defaultText: "Range"};const RANGE_SLIDER_START_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_START_HANDLE_DESCRIPTION", defaultText: "Left handle"};const RANGE_SLIDER_END_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_END_HANDLE_DESCRIPTION", defaultText: "Right handle"};const RATING_INDICATOR_TOOLTIP_TEXT = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_TEXT = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON = {key: "RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON", defaultText: "Decline"};const SEGMENTEDBUTTON_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTON_ARIA_DESCRIPTION", defaultText: "Segmented button group"};const SEGMENTEDBUTTON_ARIA_DESCRIBEDBY = {key: "SEGMENTEDBUTTON_ARIA_DESCRIBEDBY", defaultText: "Press SPACE or ENTER to select an item"};const SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION", defaultText: "Segmented button"};const SLIDER_ARIA_DESCRIPTION = {key: "SLIDER_ARIA_DESCRIPTION", defaultText: "Slider handle"};const SWITCH_ON = {key: "SWITCH_ON", defaultText: "On"};const SWITCH_OFF = {key: "SWITCH_OFF", defaultText: "Off"};const LOAD_MORE_TEXT = {key: "LOAD_MORE_TEXT", defaultText: "More"};const TABLE_HEADER_ROW_TEXT = {key: "TABLE_HEADER_ROW_TEXT", defaultText: "Header Row"};const TABLE_ROW_POSITION = {key: "TABLE_ROW_POSITION", defaultText: "{0} of {1}"};const TABLE_GROUP_ROW_ARIA_LABEL = {key: "TABLE_GROUP_ROW_ARIA_LABEL", defaultText: "Group Header Row"};const ARIA_LABEL_ROW_SELECTION = {key: "ARIA_LABEL_ROW_SELECTION", defaultText: "Item Selection"};const ARIA_LABEL_SELECT_ALL_CHECKBOX = {key: "ARIA_LABEL_SELECT_ALL_CHECKBOX", defaultText: "Select All Rows"};const TABCONTAINER_NEXT_ICON_ACC_NAME = {key: "TABCONTAINER_NEXT_ICON_ACC_NAME", defaultText: "Next"};const TABCONTAINER_PREVIOUS_ICON_ACC_NAME = {key: "TABCONTAINER_PREVIOUS_ICON_ACC_NAME", defaultText: "Previous"};const TABCONTAINER_OVERFLOW_MENU_TITLE = {key: "TABCONTAINER_OVERFLOW_MENU_TITLE", defaultText: "Overflow Menu"};const TABCONTAINER_END_OVERFLOW = {key: "TABCONTAINER_END_OVERFLOW", defaultText: "More"};const TABCONTAINER_POPOVER_CANCEL_BUTTON = {key: "TABCONTAINER_POPOVER_CANCEL_BUTTON", defaultText: "Cancel"};const TEXTAREA_CHARACTERS_LEFT = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const TEXTAREA_CHARACTERS_EXCEEDED = {key: "TEXTAREA_CHARACTERS_EXCEEDED", defaultText: "{0} characters over limit"};const TIMEPICKER_HOURS_LABEL = {key: "TIMEPICKER_HOURS_LABEL", defaultText: "Hours"};const TIMEPICKER_MINUTES_LABEL = {key: "TIMEPICKER_MINUTES_LABEL", defaultText: "Minutes"};const TIMEPICKER_SECONDS_LABEL = {key: "TIMEPICKER_SECONDS_LABEL", defaultText: "Seconds"};const TIMEPICKER_PERIODS_LABEL = {key: "TIMEPICKER_PERIODS_LABEL", defaultText: "AM/PM"};const TIMEPICKER_SUBMIT_BUTTON = {key: "TIMEPICKER_SUBMIT_BUTTON", defaultText: "OK"};const TIMEPICKER_CANCEL_BUTTON = {key: "TIMEPICKER_CANCEL_BUTTON", defaultText: "Cancel"};const TIMEPICKER_INPUT_DESCRIPTION = {key: "TIMEPICKER_INPUT_DESCRIPTION", defaultText: "Time Input"};const DURATION_INPUT_DESCRIPTION = {key: "DURATION_INPUT_DESCRIPTION", defaultText: "Duration Input"};const DATETIME_PICKER_DATE_BUTTON = {key: "DATETIME_PICKER_DATE_BUTTON", defaultText: "Date"};const DATETIME_PICKER_TIME_BUTTON = {key: "DATETIME_PICKER_TIME_BUTTON", defaultText: "Time"};const TOKEN_ARIA_DELETABLE = {key: "TOKEN_ARIA_DELETABLE", defaultText: "Deletable"};const TOKENIZER_ARIA_CONTAIN_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_TOKEN", defaultText: "No Tokens"};const TOKENIZER_ARIA_CONTAIN_ONE_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_ONE_TOKEN", defaultText: "Contains 1 token"};const TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS = {key: "TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS", defaultText: "Contains {0} tokens"};const TOKENIZER_ARIA_LABEL = {key: "TOKENIZER_ARIA_LABEL", defaultText: "Tokenizer"};const TOKENIZER_POPOVER_REMOVE = {key: "TOKENIZER_POPOVER_REMOVE", defaultText: "Remove"};const TREE_ITEM_ARIA_LABEL = {key: "TREE_ITEM_ARIA_LABEL", defaultText: "Tree Item"};const TREE_ITEM_EXPAND_NODE = {key: "TREE_ITEM_EXPAND_NODE", defaultText: "Expand Node"};const TREE_ITEM_COLLAPSE_NODE = {key: "TREE_ITEM_COLLAPSE_NODE", defaultText: "Collapse Node"};const VALUE_STATE_ERROR = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const CALENDAR_HEADER_NEXT_BUTTON = {key: "CALENDAR_HEADER_NEXT_BUTTON", defaultText: "Next"};const CALENDAR_HEADER_PREVIOUS_BUTTON = {key: "CALENDAR_HEADER_PREVIOUS_BUTTON", defaultText: "Previous"};const DAY_PICKER_WEEK_NUMBER_TEXT = {key: "DAY_PICKER_WEEK_NUMBER_TEXT", defaultText: "Week Number"};const DAY_PICKER_NON_WORKING_DAY = {key: "DAY_PICKER_NON_WORKING_DAY", defaultText: "Non-Working Day"};const DAY_PICKER_TODAY = {key: "DAY_PICKER_TODAY", defaultText: "Today"};const STEPINPUT_DEC_ICON_TITLE = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease"};const STEPINPUT_INC_ICON_TITLE = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase"};const SPLIT_BUTTON_DESCRIPTION = {key: "SPLIT_BUTTON_DESCRIPTION", defaultText: "Split Button"};const SPLIT_BUTTON_KEYBOARD_HINT = {key: "SPLIT_BUTTON_KEYBOARD_HINT", defaultText: "Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action"};
-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,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,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_DESCRIPTION,DATETIME_DESCRIPTION,DATERANGE_DESCRIPTION,DELETE,FILEUPLOAD_BROWSE,FILEUPLOADER_TITLE,GROUP_HEADER_TEXT,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,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,SWITCH_ON,SWITCH_OFF,LOAD_MORE_TEXT,TABLE_HEADER_ROW_TEXT,TABLE_ROW_POSITION,TABLE_GROUP_ROW_ARIA_LABEL,ARIA_LABEL_ROW_SELECTION,ARIA_LABEL_SELECT_ALL_CHECKBOX,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_PERIODS_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_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};
+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/json-imports/Themes-static.js

@@ -8,7 +8,10 @@ import sap_fiori_3_dark from "../assets/themes/sap_fiori_3_dark/parameters-bundl
 import sap_fiori_3_hcb from "../assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json";
 import sap_fiori_3_hcw from "../assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json";
 import sap_horizon from "../assets/themes/sap_horizon/parameters-bundle.css.json";
+import sap_horizon_dark from "../assets/themes/sap_horizon_dark/parameters-bundle.css.json";
 import sap_horizon_exp from "../assets/themes/sap_horizon_exp/parameters-bundle.css.json";
+import sap_horizon_hcb from "../assets/themes/sap_horizon_hcb/parameters-bundle.css.json";
+import sap_horizon_hcw from "../assets/themes/sap_horizon_hcw/parameters-bundle.css.json";
 
 const themeUrlsByName = {
 sap_belize,
@@ -19,7 +22,10 @@ sap_fiori_3_dark,
 sap_fiori_3_hcb,
 sap_fiori_3_hcw,
 sap_horizon,
-sap_horizon_exp
+sap_horizon_dark,
+sap_horizon_exp,
+sap_horizon_hcb,
+sap_horizon_hcw
 };
 const isInlined = obj => typeof (obj) === "object";
 
@@ -29,7 +35,7 @@ const loadThemeProperties = async (themeName) => {
 		throw new Error("[themes] Inlined JSON not supported with static imports of assets. Use dynamic imports of assets or configure JSON imports as URLs");
 	}
 	return (await fetch(themeUrlsByName[themeName])).json();
-}
+};
 
-["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_exp"]
+["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_dark", "sap_horizon_exp", "sap_horizon_hcb", "sap_horizon_hcw"]
   .forEach(themeName => registerThemePropertiesLoader("@ui5/webcomponents", themeName, loadThemeProperties));

package/dist/generated/json-imports/Themes.js

@@ -10,10 +10,13 @@ const loadThemeProperties = async (themeName) => {
 		case "sap_fiori_3_hcb": return (await import("../assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json")).default;
 		case "sap_fiori_3_hcw": return (await import("../assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json")).default;
 		case "sap_horizon": return (await import("../assets/themes/sap_horizon/parameters-bundle.css.json")).default;
+		case "sap_horizon_dark": return (await import("../assets/themes/sap_horizon_dark/parameters-bundle.css.json")).default;
 		case "sap_horizon_exp": return (await import("../assets/themes/sap_horizon_exp/parameters-bundle.css.json")).default;
+		case "sap_horizon_hcb": return (await import("../assets/themes/sap_horizon_hcb/parameters-bundle.css.json")).default;
+		case "sap_horizon_hcw": return (await import("../assets/themes/sap_horizon_hcw/parameters-bundle.css.json")).default;
 		default: throw "unknown theme"
 	}
-}
+};
 
 const loadAndCheck = async (themeName) => {
 	const data = await loadThemeProperties(themeName);
@@ -21,7 +24,7 @@ const loadAndCheck = async (themeName) => {
 		throw new Error(`[themes] Invalid bundling detected - dynamic JSON imports bundled as URLs. Switch to inlining JSON files from the build or use 'import ".../Assets-static.js"'. Check the "Assets" documentation for more information.`);
 	}
 	return data;
-}
+};
 
-["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_exp"]
+["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_dark", "sap_horizon_exp", "sap_horizon_hcb", "sap_horizon_hcw"]
   .forEach(themeName => registerThemePropertiesLoader("@ui5/webcomponents", themeName, loadAndCheck));

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

@@ -3,7 +3,7 @@ import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag
 
 const block0 = (context, tags, suffix) => html`<div class="ui5-avatar-group-root"><div class="ui5-avatar-group-items" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @focusin="${context._onfocusin}" tabindex="${ifDefined(context._groupTabIndex)}" @click="${context._onClick}" @ui5-click="${ifDefined(context._onUI5Click)}" aria-label="${ifDefined(context._ariaLabelText)}" role="${ifDefined(context._role)}" aria-haspopup="${ifDefined(context._containerAriaHasPopup)}"><slot></slot>${ context._customOverflowButton ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div></div>`;
 const block1 = (context, tags, suffix) => html`<slot name="overflowButton"></slot>`;
-const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} .accessibilityAttributes="${ifDefined(context._overflowButtonAccAttributes)}" aria-label="${ifDefined(context._overflowButtonAriaLabelText)}" ?hidden="${context._overflowBtnHidden}" ?non-interactive=${context._isGroup} class="${classMap(context.classes.overflowButton)}">${ifDefined(context._overflowButtonText)}</${scopeTag("ui5-button", tags, suffix)}>`;
+const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} .accessibilityAttributes="${ifDefined(context._overflowButtonAccAttributes)}" aria-label="${ifDefined(context._overflowButtonAriaLabelText)}" ?hidden="${context._overflowBtnHidden}" ?non-interactive=${context._isGroup} class="${classMap(context.classes.overflowButton)}">${ifDefined(context._overflowButtonText)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button .accessibilityAttributes="${ifDefined(context._overflowButtonAccAttributes)}" aria-label="${ifDefined(context._overflowButtonAriaLabelText)}" ?hidden="${context._overflowBtnHidden}" ?non-interactive=${context._isGroup} class="${classMap(context.classes.overflowButton)}">${ifDefined(context._overflowButtonText)}</ui5-button>`;
 
 
 export default block0;

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

@@ -1,10 +1,10 @@
 /* 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-avatar-root" tabindex="${ifDefined(context.tabindex)}" data-sap-focus-ref @keyup=${context._onkeyup} @keydown=${context._onkeydown} @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} role="${ifDefined(context._role)}" aria-haspopup="${ifDefined(context._ariaHasPopup)}">${ context.hasImage ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div>`;
+const block0 = (context, tags, suffix) => html`<div class="ui5-avatar-root" tabindex="${ifDefined(context.tabindex)}" data-sap-focus-ref @keyup=${context._onkeyup} @keydown=${context._onkeydown} @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} role="${ifDefined(context._role)}" aria-haspopup="${ifDefined(context._ariaHasPopup)}">${ context.hasImage ? block1(context, tags, suffix) : block2(context, tags, suffix) }<slot name="badge"></slot></div>`;
 const block1 = (context, tags, suffix) => html`<slot></slot>`;
 const block2 = (context, tags, suffix) => html`${ context.icon ? block3(context, tags, suffix) : block4(context, tags, suffix) }`;
-const block3 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-avatar-icon" name="${ifDefined(context.icon)}" accessible-name="${ifDefined(context.accessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}>`;
+const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-avatar-icon" name="${ifDefined(context.icon)}" accessible-name="${ifDefined(context.accessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="ui5-avatar-icon" name="${ifDefined(context.icon)}" accessible-name="${ifDefined(context.accessibleNameText)}"></ui5-icon>`;
 const block4 = (context, tags, suffix) => html`${ context.initials ? block5(context, tags, suffix) : undefined }`;
 const block5 = (context, tags, suffix) => html`<span class="ui5-avatar-initials">${ifDefined(context.validInitials)}</span>`;
 

package/dist/generated/templates/BadgeTemplate.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-badge-root" dir="${ifDefined(context.effectiveDir)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}"><slot name="icon"></slot>${ context.hasText ? block1(context, tags, suffix) : undefined }<span class="ui5-hidden-text">${ifDefined(context.badgeDescription)}</span></div>`;
+const block0 = (context, tags, suffix) => html`<div class="ui5-badge-root"><slot name="icon"></slot>${ context.hasText ? block1(context, tags, suffix) : undefined }<span class="ui5-hidden-text">${ifDefined(context.badgeDescription)}</span></div>`;
 const block1 = (context, tags, suffix) => html`<label class="ui5-badge-text"><bdi><slot></slot></bdi></label>`;
 
 

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

@@ -1,8 +1,8 @@
 /* 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`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><${scopeTag("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-selection-change="${ifDefined(context._onOverflowListItemSelect)}">${ repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-breadcrumbs-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">${ifDefined(context._cancelButtonText)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
-const block1 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li", tags, suffix)} id="${ifDefined(item._id)}-li" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("ui5-li", tags, suffix)}>`;
+const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-responsive-popover", tags, suffix)} class="ui5-breadcrumbs-popover" hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><${scopeTag("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-selection-change="${ifDefined(context._onOverflowListItemSelect)}">${ repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-breadcrumbs-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">${ifDefined(context._cancelButtonText)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>` : html`<ui5-responsive-popover class="ui5-breadcrumbs-popover" hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><ui5-list mode="SingleSelect" separators="None" @ui5-selection-change="${ifDefined(context._onOverflowListItemSelect)}">${ repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</ui5-list><div slot="footer" class="ui5-breadcrumbs-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">${ifDefined(context._cancelButtonText)}</ui5-button></div></ui5-responsive-popover>`;
+const block1 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li", tags, suffix)} id="${ifDefined(item._id)}-li" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("ui5-li", tags, suffix)}>` : html`<ui5-li id="${ifDefined(item._id)}-li" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</ui5-li>`;
 
 
 export default block0;

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

@@ -1,9 +1,9 @@
 /* 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`<nav class="ui5-breadcrumbs-root" aria-label="${ifDefined(context._accessibleNameText)}"><ol @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper" ?hidden="${context._isOverflowEmpty}"><${scopeTag("ui5-link", tags, suffix)} @click="${context._openRespPopover}" accessible-role="button" aria-label="${ifDefined(context._dropdownArrowAccessibleNameText)}" aria-haspopup="${ifDefined(context._ariaHasPopup)}"><${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" title="${ifDefined(context._dropdownArrowAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}></${scopeTag("ui5-link", tags, suffix)}></li>${ repeat(context._linksData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }${ context._endsWithCurrentLocationLabel ? block2(context, tags, suffix) : undefined }</ol></nav>`;
-const block1 = (item, index, context, tags, suffix) => html`<li class="ui5-breadcrumbs-link-wrapper" id="${ifDefined(item._id)}-link-wrapper"><${scopeTag("ui5-link", tags, suffix)} @click="${context._onLinkPress}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" aria-label="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</${scopeTag("ui5-link", tags, suffix)}></li>`;
-const block2 = (context, tags, suffix) => html`<li class="ui5-breadcrumbs-current-location" @click="${context._onLabelPress}"><span id=${ifDefined(context._id)}-labelWrapper><${scopeTag("ui5-label", tags, suffix)} aria-current="page">${ifDefined(context._currentLocationText)}</${scopeTag("ui5-label", tags, suffix)}></span></li>`;
+const block0 = (context, tags, suffix) => suffix ? html`<nav class="ui5-breadcrumbs-root" aria-label="${ifDefined(context._accessibleNameText)}"><ol @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper" ?hidden="${context._isOverflowEmpty}"><${scopeTag("ui5-link", tags, suffix)} @ui5-click="${ifDefined(context._openRespPopover)}" accessible-role="button" aria-label="${ifDefined(context._dropdownArrowAccessibleNameText)}" aria-haspopup="${ifDefined(context._ariaHasPopup)}"><${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" title="${ifDefined(context._dropdownArrowAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}></${scopeTag("ui5-link", tags, suffix)}></li>${ repeat(context._linksData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }${ context._endsWithCurrentLocationLabel ? block2(context, tags, suffix) : undefined }</ol></nav>` : html`<nav class="ui5-breadcrumbs-root" aria-label="${ifDefined(context._accessibleNameText)}"><ol @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper" ?hidden="${context._isOverflowEmpty}"><ui5-link @ui5-click="${ifDefined(context._openRespPopover)}" accessible-role="button" aria-label="${ifDefined(context._dropdownArrowAccessibleNameText)}" aria-haspopup="${ifDefined(context._ariaHasPopup)}"><ui5-icon name="slim-arrow-down" title="${ifDefined(context._dropdownArrowAccessibleNameText)}"></ui5-icon></ui5-link></li>${ repeat(context._linksData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }${ context._endsWithCurrentLocationLabel ? block2(context, tags, suffix) : undefined }</ol></nav>`;
+const block1 = (item, index, context, tags, suffix) => suffix ? html`<li class="ui5-breadcrumbs-link-wrapper" id="${ifDefined(item._id)}-link-wrapper"><${scopeTag("ui5-link", tags, suffix)} @ui5-click="${ifDefined(context._onLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</${scopeTag("ui5-link", tags, suffix)}></li>` : html`<li class="ui5-breadcrumbs-link-wrapper" id="${ifDefined(item._id)}-link-wrapper"><ui5-link @ui5-click="${ifDefined(context._onLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</ui5-link></li>`;
+const block2 = (context, tags, suffix) => suffix ? html`<li class="ui5-breadcrumbs-current-location" @click="${context._onLabelPress}"><span aria-current="page" aria-label="${ifDefined(context._currentLocationAccName)}" role="link" id="${ifDefined(context._id)}-labelWrapper"><${scopeTag("ui5-label", tags, suffix)}>${ifDefined(context._currentLocationText)}</${scopeTag("ui5-label", tags, suffix)}></span></li>` : html`<li class="ui5-breadcrumbs-current-location" @click="${context._onLabelPress}"><span aria-current="page" aria-label="${ifDefined(context._currentLocationAccName)}" role="link" id="${ifDefined(context._id)}-labelWrapper"><ui5-label>${ifDefined(context._currentLocationText)}</ui5-label></span></li>`;
 
 
 export default block0;

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

@@ -3,7 +3,7 @@ import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag
 
 const block0 = (context, tags, suffix) => html`<div class="${classMap(context.classes.root)}">${ context._isBusy ? block1(context, tags, suffix) : undefined }<slot></slot>${ context._isBusy ? block3(context, tags, suffix) : undefined }</div>`;
 const block1 = (context, tags, suffix) => html`<div class="ui5-busy-indicator-busy-area" title="${ifDefined(context.ariaTitle)}" tabindex="0" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuetext="Busy" aria-labelledby="${ifDefined(context.labelId)}" data-sap-focus-ref><div class="ui5-busy-indicator-circles-wrapper"><div class="ui5-busy-indicator-circle circle-animation-0"></div><div class="ui5-busy-indicator-circle circle-animation-1"></div><div class="ui5-busy-indicator-circle circle-animation-2"></div></div>${ context.text ? block2(context, tags, suffix) : undefined }</div>`;
-const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-label", tags, suffix)} id="${ifDefined(context._id)}-label" class="ui5-busy-indicator-text">${ifDefined(context.text)}</${scopeTag("ui5-label", tags, suffix)}>`;
+const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-label", tags, suffix)} id="${ifDefined(context._id)}-label" class="ui5-busy-indicator-text">${ifDefined(context.text)}</${scopeTag("ui5-label", tags, suffix)}>` : html`<ui5-label id="${ifDefined(context._id)}-label" class="ui5-busy-indicator-text">${ifDefined(context.text)}</ui5-label>`;
 const block3 = (context, tags, suffix) => html`<span data-ui5-focus-redirect tabindex="0" @focusin="${context._redirectFocus}"></span>`;
 
 

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

@@ -1,8 +1,8 @@
 /* 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`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref  dir="${ifDefined(context.effectiveDir)}" @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${ifDefined(context.tabIndexValue)} aria-expanded="${ifDefined(context.accessibilityAttributes.expanded)}" aria-controls="${ifDefined(context.accessibilityAttributes.controls)}" aria-haspopup="${ifDefined(context.accessibilityAttributes.hasPopup)}" aria-label="${ifDefined(context.ariaLabelText)}" title="${ifDefined(context.tooltip)}" part="button">${ context.icon ? block1(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${ context.hasButtonType ? block2(context, tags, suffix) : undefined }</button> `;
-const block1 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${ifDefined(context.icon)}" part="icon" ?show-tooltip=${context.showIconTooltip}></${scopeTag("ui5-icon", tags, suffix)}>`;
+const block0 = (context, tags, suffix) => html`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref  @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${ifDefined(context.tabIndexValue)} aria-expanded="${ifDefined(context.accessibilityAttributes.expanded)}" aria-controls="${ifDefined(context.accessibilityAttributes.controls)}" aria-haspopup="${ifDefined(context.accessibilityAttributes.hasPopup)}" aria-label="${ifDefined(context.ariaLabelText)}" title="${ifDefined(context.tooltip)}" part="button">${ context.icon ? block1(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${ context.hasButtonType ? block2(context, tags, suffix) : undefined }</button> `;
+const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${ifDefined(context.icon)}" accessible-role="${ifDefined(context.iconRole)}" part="icon" ?show-tooltip=${context.showIconTooltip}></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="ui5-button-icon" name="${ifDefined(context.icon)}" accessible-role="${ifDefined(context.iconRole)}" part="icon" ?show-tooltip=${context.showIconTooltip}></ui5-icon>`;
 const block2 = (context, tags, suffix) => html`<span class="ui5-hidden-text">${ifDefined(context.buttonTypeText)}</span>`;
 
 

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

@@ -1,9 +1,9 @@
 /* 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-calheader-root" dir="${ifDefined(context.effectiveDir)}"><div data-ui5-cal-header-btn-prev class="${classMap(context.classes.prevButton)}" @mousedown=${context.onPrevButtonClick} title="${ifDefined(context._prevButtonText)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-calheader-arrowicon" name="slim-arrow-left"></${scopeTag("ui5-icon", tags, suffix)}></div><div class="ui5-calheader-midcontainer"><div data-ui5-cal-header-btn-month class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isMonthButtonHidden}" tabindex="0" aria-label="${ifDefined(context.accInfo.ariaLabelMonthButton)}" @click=${context.onMonthButtonClick} @keydown=${context.onMonthButtonKeyDown} @keyup=${context.onMonthButtonKeyUp}><span>${ifDefined(context._monthButtonText)}</span>${ context.hasSecondaryCalendarType ? block1(context, tags, suffix) : undefined }</div><div data-ui5-cal-header-btn-year class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isYearButtonHidden}" tabindex="0" @click=${context.onYearButtonClick} @keydown=${context.onYearButtonKeyDown} @keyup=${context.onYearButtonKeyUp}><span>${ifDefined(context._yearButtonText)}</span>${ context.hasSecondaryCalendarType ? block2(context, tags, suffix) : undefined }</div></div><div data-ui5-cal-header-btn-next class="${classMap(context.classes.nextButton)}" @mousedown=${context.onNextButtonClick} title=${ifDefined(context._nextButtonText)}><${scopeTag("ui5-icon", tags, suffix)} class="ui5-calheader-arrowicon" name="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}></div></div>`;
+const block0 = (context, tags, suffix) => suffix ? html`<div class="ui5-calheader-root"><div data-ui5-cal-header-btn-prev class="${classMap(context.classes.prevButton)}" role="button" @mousedown=${context.onPrevButtonClick} title="${ifDefined(context._prevButtonText)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-calheader-arrowicon" name="slim-arrow-left"></${scopeTag("ui5-icon", tags, suffix)}></div><div class="ui5-calheader-midcontainer"><div data-ui5-cal-header-btn-month class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isMonthButtonHidden}" tabindex="0" role="button" aria-label="${ifDefined(context.accInfo.ariaLabelMonthButton)}" @click=${context.onMonthButtonClick} @keydown=${context.onMonthButtonKeyDown} @keyup=${context.onMonthButtonKeyUp}><span>${ifDefined(context._monthButtonText)}</span>${ context.hasSecondaryCalendarType ? block1(context, tags, suffix) : undefined }</div><div data-ui5-cal-header-btn-year class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isYearButtonHidden}" tabindex="0" role="button" @click=${context.onYearButtonClick} @keydown=${context.onYearButtonKeyDown} @keyup=${context.onYearButtonKeyUp}><span>${ifDefined(context._yearButtonText)}</span>${ context.hasSecondaryCalendarType ? block2(context, tags, suffix) : undefined }</div></div><div data-ui5-cal-header-btn-next class="${classMap(context.classes.nextButton)}" role="button" @mousedown=${context.onNextButtonClick} title=${ifDefined(context._nextButtonText)}><${scopeTag("ui5-icon", tags, suffix)} class="ui5-calheader-arrowicon" name="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}></div></div>` : html`<div class="ui5-calheader-root"><div data-ui5-cal-header-btn-prev class="${classMap(context.classes.prevButton)}" role="button" @mousedown=${context.onPrevButtonClick} title="${ifDefined(context._prevButtonText)}"><ui5-icon class="ui5-calheader-arrowicon" name="slim-arrow-left"></ui5-icon></div><div class="ui5-calheader-midcontainer"><div data-ui5-cal-header-btn-month class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isMonthButtonHidden}" tabindex="0" role="button" aria-label="${ifDefined(context.accInfo.ariaLabelMonthButton)}" @click=${context.onMonthButtonClick} @keydown=${context.onMonthButtonKeyDown} @keyup=${context.onMonthButtonKeyUp}><span>${ifDefined(context._monthButtonText)}</span>${ context.hasSecondaryCalendarType ? block1(context, tags, suffix) : undefined }</div><div data-ui5-cal-header-btn-year class="ui5-calheader-arrowbtn ui5-calheader-middlebtn" ?hidden="${context.isYearButtonHidden}" tabindex="0" role="button" @click=${context.onYearButtonClick} @keydown=${context.onYearButtonKeyDown} @keyup=${context.onYearButtonKeyUp}><span>${ifDefined(context._yearButtonText)}</span>${ context.hasSecondaryCalendarType ? block2(context, tags, suffix) : undefined }</div></div><div data-ui5-cal-header-btn-next class="${classMap(context.classes.nextButton)}" role="button" @mousedown=${context.onNextButtonClick} title=${ifDefined(context._nextButtonText)}><ui5-icon class="ui5-calheader-arrowicon" name="slim-arrow-right"></ui5-icon></div></div>`;
 const block1 = (context, tags, suffix) => html`<span class="ui5-calheader-btn-sectext">${ifDefined(context._secondMonthButtonText)}</span>`;
-const block2 = (context, tags, suffix) => html`<span class="ui5-calheader-btn-sectext">${ifDefined(context._secondYearButtonText)}</span>`;
+const block2 = (context, tags, suffix) => html`<span class="ui5-calheader-btn-sectext">${ifDefined(context._yearButtonTextSecType)}</span>`;
 
 
 export default block0;

package/dist/generated/templates/CalendarTemplate.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-cal-root" @keydown=${context._onkeydown}><div id="${ifDefined(context._id)}-content" class="ui5-cal-content"><${scopeTag("ui5-daypicker", tags, suffix)} id="${ifDefined(context._id)}-daypicker" ?hidden="${context._isDayPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isDayPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .selectionMode="${ifDefined(context.selectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" ?hide-week-numbers="${context.hideWeekNumbers}" @ui5-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-daypicker", tags, suffix)}><${scopeTag("ui5-monthpicker", tags, suffix)} id="${ifDefined(context._id)}-MP" ?hidden="${context._isMonthPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isMonthPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedMonthChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-monthpicker", tags, suffix)}><${scopeTag("ui5-yearpicker", tags, suffix)} id="${ifDefined(context._id)}-YP" ?hidden="${context._isYearPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isYearPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedYearChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-yearpicker", tags, suffix)}></div><${scopeTag("ui5-calendar-header", tags, suffix)} id="${ifDefined(context._id)}-head" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .buttonTextForSecondaryCalendarType="${ifDefined(context.secondaryCalendarTypeButtonText)}" timestamp="${ifDefined(context._timestamp)}" .isPrevButtonDisabled="${ifDefined(context._previousButtonDisabled)}" .isNextButtonDisabled="${ifDefined(context._nextButtonDisabled)}" .isMonthButtonHidden="${ifDefined(context._isHeaderMonthButtonHidden)}" ._monthButtonText="${ifDefined(context._headerMonthButtonText)}" ._yearButtonText="${ifDefined(context._headerYearButtonText)}" @ui5-previous-press="${ifDefined(context.onHeaderPreviousPress)}" @ui5-next-press="${ifDefined(context.onHeaderNextPress)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}"></${scopeTag("ui5-calendar-header", tags, suffix)}></div>`;
+const block0 = (context, tags, suffix) => suffix ? html`<div class="ui5-cal-root" @keydown=${context._onkeydown}><div id="${ifDefined(context._id)}-content" class="ui5-cal-content"><${scopeTag("ui5-daypicker", tags, suffix)} id="${ifDefined(context._id)}-daypicker" ?hidden="${context._isDayPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isDayPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .selectionMode="${ifDefined(context.selectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" ?hide-week-numbers="${context.hideWeekNumbers}" @ui5-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-daypicker", tags, suffix)}><${scopeTag("ui5-monthpicker", tags, suffix)} id="${ifDefined(context._id)}-MP" ?hidden="${context._isMonthPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isMonthPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedMonthChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-monthpicker", tags, suffix)}><${scopeTag("ui5-yearpicker", tags, suffix)} id="${ifDefined(context._id)}-YP" ?hidden="${context._isYearPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isYearPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedYearChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-yearpicker", tags, suffix)}></div><${scopeTag("ui5-calendar-header", tags, suffix)} id="${ifDefined(context._id)}-head" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .buttonTextForSecondaryCalendarType="${ifDefined(context.secondaryCalendarTypeButtonText)}" timestamp="${ifDefined(context._timestamp)}" .isPrevButtonDisabled="${ifDefined(context._previousButtonDisabled)}" .isNextButtonDisabled="${ifDefined(context._nextButtonDisabled)}" .isMonthButtonHidden="${ifDefined(context._isHeaderMonthButtonHidden)}" ._monthButtonText="${ifDefined(context._headerMonthButtonText)}" ._yearButtonText="${ifDefined(context._headerYearButtonText)}" ._yearButtonTextSecType="${ifDefined(context._headerYearButtonTextSecType)}" @ui5-previous-press="${ifDefined(context.onHeaderPreviousPress)}" @ui5-next-press="${ifDefined(context.onHeaderNextPress)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}"></${scopeTag("ui5-calendar-header", tags, suffix)}></div>` : html`<div class="ui5-cal-root" @keydown=${context._onkeydown}><div id="${ifDefined(context._id)}-content" class="ui5-cal-content"><ui5-daypicker id="${ifDefined(context._id)}-daypicker" ?hidden="${context._isDayPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isDayPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .selectionMode="${ifDefined(context.selectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" ?hide-week-numbers="${context.hideWeekNumbers}" @ui5-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></ui5-daypicker><ui5-monthpicker id="${ifDefined(context._id)}-MP" ?hidden="${context._isMonthPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isMonthPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedMonthChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></ui5-monthpicker><ui5-yearpicker id="${ifDefined(context._id)}-YP" ?hidden="${context._isYearPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isYearPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedYearChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></ui5-yearpicker></div><ui5-calendar-header id="${ifDefined(context._id)}-head" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .buttonTextForSecondaryCalendarType="${ifDefined(context.secondaryCalendarTypeButtonText)}" timestamp="${ifDefined(context._timestamp)}" .isPrevButtonDisabled="${ifDefined(context._previousButtonDisabled)}" .isNextButtonDisabled="${ifDefined(context._nextButtonDisabled)}" .isMonthButtonHidden="${ifDefined(context._isHeaderMonthButtonHidden)}" ._monthButtonText="${ifDefined(context._headerMonthButtonText)}" ._yearButtonText="${ifDefined(context._headerYearButtonText)}" ._yearButtonTextSecType="${ifDefined(context._headerYearButtonTextSecType)}" @ui5-previous-press="${ifDefined(context.onHeaderPreviousPress)}" @ui5-next-press="${ifDefined(context.onHeaderNextPress)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}"></ui5-calendar-header></div>`;
 
 
 export default block0;

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

@@ -1,12 +1,12 @@
 /* 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)}" dir="${ifDefined(context.effectiveDir)}" @click="${context._headerClick}" @keydown="${context._headerKeydown}" @keyup="${context._headerKeyup}" role="${ifDefined(context.ariaHeaderRole)}" aria-labelledby="${ifDefined(context.ariaLabelledByHeader)}" aria-level="${ifDefined(context._ariaLevel)}" aria-roledescription="${ifDefined(context.ariaCardHeaderRoleDescription)}" tabindex="0" id="${ifDefined(context._id)}--header">${ context.hasAvatar ? block1(context, tags, suffix) : undefined }<div class="ui5-card-header-text">${ context.titleText ? block2(context, tags, suffix) : undefined }${ context.subtitleText ? block3(context, tags, suffix) : undefined }</div><div class="ui5-card-header-action">${ context.hasAction ? block4(context, tags, suffix) : block5(context, tags, suffix) }</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">${ifDefined(context.titleText)}</div>`;
-const block3 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-subtitle" class="ui5-card-header-subtitle" part="subtitle">${ifDefined(context.subtitleText)}</div>`;
-const block4 = (context, tags, suffix) => html`<slot name="action"></slot>`;
-const block5 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-status" part="status" class="ui5-card-header-status" dir="auto">${ifDefined(context.status)}</span>`;
+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>`;
+const block4 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-subtitle" class="ui5-card-header-subtitle" part="subtitle">${ifDefined(context.subtitleText)}</div>`;
+const block5 = (context, tags, suffix) => html`<div class="ui5-card-header-action" @focusin="${context._actionsFocusin}" @focusout="${context._actionsFocusout}"><slot name="action"></slot></div>`;
 
 
 export default block0;

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)}" dir="${ifDefined(context.effectiveDir)}" 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/CarouselTemplate.lit.js

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

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

@@ -1,9 +1,9 @@
 /* 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)}" tabindex="${ifDefined(context.tabIndex)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" @focusout="${context._onfocusout}" dir="${ifDefined(context.effectiveDir)}"><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) => html`<${scopeTag("ui5-icon", tags, suffix)} aria-hidden="true" name="accept" class="ui5-checkbox-icon"></${scopeTag("ui5-icon", tags, suffix)}>`;
-const block2 = (context, tags, 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)}>`;
+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/ColorPaletteDialogTemplate.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`<${scopeTag("ui5-dialog", tags, suffix)} header-text="${ifDefined(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><${scopeTag("ui5-color-picker", tags, suffix)}></${scopeTag("ui5-color-picker", tags, suffix)}></div><div slot="footer" class="ui5-cp-dialog-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._chooseCustomColor}">${ifDefined(context.moreColorsFeature.colorPaletteDialogOKButton)}</${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeDialog}">${ifDefined(context.moreColorsFeature.colorPaletteCancelButton)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-dialog", tags, suffix)}>`;
+const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-dialog", tags, suffix)} header-text="${ifDefined(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><${scopeTag("ui5-color-picker", tags, suffix)}></${scopeTag("ui5-color-picker", tags, suffix)}></div><div slot="footer" class="ui5-cp-dialog-footer"><${scopeTag("ui5-button", tags, suffix)} design="Emphasized" @click="${context._chooseCustomColor}">${ifDefined(context.moreColorsFeature.colorPaletteDialogOKButton)}</${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeDialog}">${ifDefined(context.moreColorsFeature.colorPaletteCancelButton)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-dialog", tags, suffix)}>` : html`<ui5-dialog header-text="${ifDefined(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><ui5-color-picker></ui5-color-picker></div><div slot="footer" class="ui5-cp-dialog-footer"><ui5-button design="Emphasized" @click="${context._chooseCustomColor}">${ifDefined(context.moreColorsFeature.colorPaletteDialogOKButton)}</ui5-button><ui5-button design="Transparent" @click="${context._closeDialog}">${ifDefined(context.moreColorsFeature.colorPaletteCancelButton)}</ui5-button></div></ui5-dialog>`;
 
 
 export default block0;

package/dist/generated/templates/ColorPalettePopoverTemplate.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`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${scopeTag("ui5-title", tags, suffix)} class="ui5-cp-title">${ifDefined(context._colorPaletteTitle)}</${scopeTag("ui5-title", tags, suffix)}></div><div><${scopeTag("ui5-color-palette", tags, suffix)} ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(context.onSelectedColor)}">${ repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context.closePopover}">${ifDefined(context._cancelButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
+const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${scopeTag("ui5-title", tags, suffix)} class="ui5-cp-title">${ifDefined(context._colorPaletteTitle)}</${scopeTag("ui5-title", tags, suffix)}></div><div><${scopeTag("ui5-color-palette", tags, suffix)} ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(context.onSelectedColor)}">${ repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context.closePopover}">${ifDefined(context._cancelButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>` : html`<ui5-responsive-popover hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><ui5-title class="ui5-cp-title">${ifDefined(context._colorPaletteTitle)}</ui5-title></div><div><ui5-color-palette ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(context.onSelectedColor)}">${ repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</ui5-color-palette></div><div slot="footer" class="ui5-cp-footer"><ui5-button design="Transparent" @click="${context.closePopover}">${ifDefined(context._cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`;
 const block1 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
 
 

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

@@ -2,11 +2,11 @@
 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.colorPaletteRoot)}" @click=${context._onclick} @keyup=${context._onkeyup} @keydown=${context._onkeydown}>${ context.showDefaultColor ? block1(context, tags, suffix) : undefined }<div class="ui5-cp-item-container" role="region" aria-label="${ifDefined(context.colorContainerLabel)}" @keydown="${context._onColorContainerKeyDown}">${ repeat(context.displayedColors, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</div>${ context._showMoreColors ? block3(context, tags, suffix) : undefined }${ context.showRecentColors ? block4(context, tags, suffix) : undefined }</div>`;
-const block1 = (context, tags, suffix) => html`<div class="ui5-cp-default-color-button-wrapper"><${scopeTag("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</${scopeTag("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>`;
+const block1 = (context, tags, suffix) => suffix ? html`<div class="ui5-cp-default-color-button-wrapper"><${scopeTag("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</${scopeTag("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>` : html`<div class="ui5-cp-default-color-button-wrapper"><ui5-button class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</ui5-button><div class="ui5-cp-separator"></div></div>`;
 const block2 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
-const block3 = (context, tags, suffix) => html`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${scopeTag("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${ifDefined(context.colorPaleteMoreColorsText)}</${scopeTag("ui5-button", tags, suffix)}></div>`;
+const block3 = (context, tags, suffix) => suffix ? html`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${scopeTag("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${ifDefined(context.colorPaleteMoreColorsText)}</${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><ui5-button design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${ifDefined(context.colorPaleteMoreColorsText)}</ui5-button></div>`;
 const block4 = (context, tags, suffix) => html`<div class="ui5-cp-recent-colors-wrapper"><div class="ui5-cp-separator"></div><div class="ui5-cp-recent-colors-container" @keydown="${context._onRecentColorsContainerKeyDown}">${ repeat(context.recentColors, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }</div></div>`;
-const block5 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-color-palette-item", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-color-palette-item", tags, suffix)}>`;
+const block5 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-color-palette-item", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-color-palette-item", tags, suffix)}>` : html`<ui5-color-palette-item value="${ifDefined(item)}"></ui5-color-palette-item>`;
 
 
 export default block0;

package/dist/generated/templates/ColorPickerTemplate.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`<section class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(context._hue)}" @ui5-input="${ifDefined(context._handleHueInput)}"></${scopeTag("ui5-slider", tags, suffix)}><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(context._alpha)}" @ui5-input="${ifDefined(context._handleAlphaInput)}"></${scopeTag("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${scopeTag("ui5-label", tags, suffix)}>Hex</${scopeTag("ui5-label", tags, suffix)}><${scopeTag("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${ifDefined(context.hex)}" @keydown="${context._onkeydown}" @ui5-change="${ifDefined(context._handleHEXChange)}" value-state="${ifDefined(context.hexInputErrorState)}"></${scopeTag("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.r)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>R</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.g)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>G</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.b)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>B</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="alpha" disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(context._alpha)}" @ui5-input="${ifDefined(context._handleAlphaInput)}" @ui5-change="${ifDefined(context._handleAlphaChange)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>A</${scopeTag("ui5-label", tags, suffix)}></div></div></section>`;
+const block0 = (context, tags, suffix) => suffix ? html`<section dir="${ifDefined(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(context._hue)}" accessible-name="${ifDefined(context.hueSliderLabel)}" @ui5-input="${ifDefined(context._handleHueInput)}"></${scopeTag("ui5-slider", tags, suffix)}><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(context._alpha)}" accessible-name="${ifDefined(context.alphaSliderLabel)}" @ui5-input="${ifDefined(context._handleAlphaInput)}"></${scopeTag("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${scopeTag("ui5-label", tags, suffix)}>Hex</${scopeTag("ui5-label", tags, suffix)}><${scopeTag("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${ifDefined(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${ifDefined(context.hexInputLabel)}" @ui5-change="${ifDefined(context._handleHEXChange)}" value-state="${ifDefined(context.hexInputErrorState)}"></${scopeTag("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.redInputLabel)}" value="${ifDefined(context._color.r)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>R</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.greenInputLabel)}" value="${ifDefined(context._color.g)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>G</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.blueInputLabel)}" value="${ifDefined(context._color.b)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>B</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="alpha" disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(context._alpha)}" accessible-name="${ifDefined(context.alphaInputLabel)}" @ui5-input="${ifDefined(context._handleAlphaInput)}" @ui5-change="${ifDefined(context._handleAlphaChange)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>A</${scopeTag("ui5-label", tags, suffix)}></div></div></section>` : html`<section dir="${ifDefined(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><ui5-slider disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(context._hue)}" accessible-name="${ifDefined(context.hueSliderLabel)}" @ui5-input="${ifDefined(context._handleHueInput)}"></ui5-slider><ui5-slider disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(context._alpha)}" accessible-name="${ifDefined(context.alphaSliderLabel)}" @ui5-input="${ifDefined(context._handleAlphaInput)}"></ui5-slider></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><ui5-label>Hex</ui5-label><ui5-input class="ui5-color-picker-hex-input" value="${ifDefined(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${ifDefined(context.hexInputLabel)}" @ui5-change="${ifDefined(context._handleHEXChange)}" value-state="${ifDefined(context.hexInputErrorState)}"></ui5-input></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><ui5-input id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.redInputLabel)}" value="${ifDefined(context._color.r)}"></ui5-input><ui5-label>R</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.greenInputLabel)}" value="${ifDefined(context._color.g)}"></ui5-input><ui5-label>G</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.blueInputLabel)}" value="${ifDefined(context._color.b)}"></ui5-input><ui5-label>B</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="alpha" disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(context._alpha)}" accessible-name="${ifDefined(context.alphaInputLabel)}" @ui5-input="${ifDefined(context._handleAlphaInput)}" @ui5-change="${ifDefined(context._handleAlphaChange)}"></ui5-input><ui5-label>A</ui5-label></div></div></section>`;
 
 
 export default block0;