@ui5/webcomponents 0.31.23 → 0.31.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/dist/CalendarHeader.js +2 -2
  3. package/dist/Card.js +1 -0
  4. package/dist/DayPicker.js +5 -0
  5. package/dist/Input.js +4 -0
  6. package/dist/List.js +1 -0
  7. package/dist/MessageStrip.js +30 -2
  8. package/dist/MultiComboBox.js +4 -0
  9. package/dist/SegmentedButton.js +14 -1
  10. package/dist/TabContainer.js +1 -1
  11. package/dist/TableRow.js +1 -1
  12. package/dist/TextArea.js +2 -1
  13. package/dist/api.json +1 -1
  14. package/dist/generated/i18n/i18n-defaults.js +2 -2
  15. package/dist/generated/templates/InputPopoverTemplate.lit.js +1 -1
  16. package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
  17. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +1 -1
  18. package/dist/generated/templates/SegmentedButtonTemplate.lit.js +1 -1
  19. package/dist/generated/templates/TabContainerTemplate.lit.js +2 -2
  20. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  21. package/dist/i18n/messagebundle.properties +16 -1
  22. package/package.json +8 -8
  23. package/src/CalendarHeader.js +2 -2
  24. package/src/Card.js +1 -0
  25. package/src/DayPicker.js +5 -0
  26. package/src/Input.js +4 -0
  27. package/src/InputPopover.hbs +1 -1
  28. package/src/List.js +1 -0
  29. package/src/MessageStrip.hbs +6 -6
  30. package/src/MessageStrip.js +30 -2
  31. package/src/MultiComboBox.js +4 -0
  32. package/src/MultiComboBoxPopover.hbs +1 -1
  33. package/src/SegmentedButton.hbs +1 -0
  34. package/src/SegmentedButton.js +14 -1
  35. package/src/TabContainer.hbs +3 -0
  36. package/src/TabContainer.js +1 -1
  37. package/src/TableRow.js +1 -1
  38. package/src/TextArea.js +2 -1
  39. package/src/i18n/messagebundle.properties +16 -1
@@ -1,2 +1,2 @@
1
- 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 BADGE_DESCRIPTION = {key: "BADGE_DESCRIPTION", defaultText: "Badge"};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_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};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 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: "Message Strip Close"};const MULTICOMBOBOX_DIALOG_OK_BUTTON = {key: "MULTICOMBOBOX_DIALOG_OK_BUTTON", defaultText: "OK"};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"};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 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 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 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"};
2
- export {ARIA_LABEL_CARD_CONTENT,ARIA_ROLEDESCRIPTION_CARD,ARIA_ROLEDESCRIPTION_CARD_HEADER,ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,AVATAR_TOOLTIP,BADGE_DESCRIPTION,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_COLOR_LABEL,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_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,MULTICOMBOBOX_DIALOG_OK_BUTTON,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,TABCONTAINER_NEXT_ICON_ACC_NAME,TABCONTAINER_PREVIOUS_ICON_ACC_NAME,TABCONTAINER_OVERFLOW_MENU_TITLE,TEXTAREA_CHARACTERS_LEFT,TEXTAREA_CHARACTERS_EXCEEDED,TIMEPICKER_HOURS_LABEL,TIMEPICKER_MINUTES_LABEL,TIMEPICKER_SECONDS_LABEL,TIMEPICKER_PERIODS_LABEL,TIMEPICKER_SUBMIT_BUTTON,TIMEPICKER_CANCEL_BUTTON,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};
1
+ 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 BADGE_DESCRIPTION = {key: "BADGE_DESCRIPTION", defaultText: "Badge"};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_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};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 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: "Message Strip 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 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"};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 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 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 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"};
2
+ export {ARIA_LABEL_CARD_CONTENT,ARIA_ROLEDESCRIPTION_CARD,ARIA_ROLEDESCRIPTION_CARD_HEADER,ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,AVATAR_TOOLTIP,BADGE_DESCRIPTION,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_COLOR_LABEL,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_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,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,TABCONTAINER_NEXT_ICON_ACC_NAME,TABCONTAINER_PREVIOUS_ICON_ACC_NAME,TABCONTAINER_OVERFLOW_MENU_TITLE,TEXTAREA_CHARACTERS_LEFT,TEXTAREA_CHARACTERS_EXCEEDED,TIMEPICKER_HOURS_LABEL,TIMEPICKER_MINUTES_LABEL,TIMEPICKER_SECONDS_LABEL,TIMEPICKER_PERIODS_LABEL,TIMEPICKER_SUBMIT_BUTTON,TIMEPICKER_CANCEL_BUTTON,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};
@@ -19,7 +19,7 @@ const block13 = (item, index, context) => { return html`<ui5-li-groupheader data
19
19
  const block14 = (item, index, context) => { return html`<ui5-li-suggestion-item image="${ifDefined(item.image)}" icon="${ifDefined(item.icon)}" info="${ifDefined(item.info)}" type="${ifDefined(item.type)}" info-state="${ifDefined(item.infoState)}" @ui5-_item-press="${ifDefined(item.fnOnSuggestionItemPress)}" data-ui5-key="${ifDefined(item.key)}">${unsafeHTML(item.text)}${ item.description ? block15(item, index, context) : undefined }</ui5-li-suggestion-item>`; };
20
20
  const block15 = (item, index, context) => { return html`<span slot="richDescription">${unsafeHTML(item.description)}</span>`; };
21
21
  const block16 = (context) => { return html`<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">OK</ui5-button></div>`; };
22
- const block17 = (context) => { return html`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore no-padding no-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block18(context) : block19(context) }</div></ui5-popover>`; };
22
+ const block17 = (context) => { return html`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore no-padding no-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="${ifDefined(context._valueStatePopoverHorizontalAlign)}"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block18(context) : block19(context) }</div></ui5-popover>`; };
23
23
  const block18 = (context) => { return html`${ifDefined(context.valueStateText)}`; };
24
24
  const block19 = (context) => { return html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block20(item, index, context)) }`; };
25
25
  const block20 = (item, index, context) => { return html`${ifDefined(item)}`; };
@@ -6,7 +6,7 @@ const block0 = (context) => { return html`<div class="${classMap(context.classes
6
6
  const block1 = (context) => { return html`<div class="ui5-messagestrip-icon-wrapper" aria-hidden="true">${ context.iconProvided ? block2(context) : block3(context) }</div>`; };
7
7
  const block2 = (context) => { return html`<slot name="icon"></slot>`; };
8
8
  const block3 = (context) => { return html`<ui5-icon name="${ifDefined(context.standardIconName)}" class="ui5-messagestrip-icon"></ui5-icon>`; };
9
- const block4 = (context) => { return html`<ui5-button icon="decline" icon-size=".75rem" design="Transparent" class="ui5-messagestrip-close-button" title="${ifDefined(context._closeButtonText)}" @click=${context._closeClick}></ui5-button>`; };
9
+ const block4 = (context) => { return html`<ui5-button icon="decline" icon-size=".75rem" design="Transparent" class="ui5-messagestrip-close-button" ._buttonAccInfo="${ifDefined(context.accInfo.button)}" @click=${context._closeClick}></ui5-button>`; };
10
10
 
11
11
 
12
12
  const main = (context, tags, suffix) => {
@@ -15,7 +15,7 @@ const block9 = (context) => { return html`${ repeat(context.valueStateMessageTex
15
15
  const block10 = (item, index, context) => { return html`${ifDefined(item)}`; };
16
16
  const block11 = (item, index, context) => { return html`<ui5-li type="${ifDefined(context._listItemsType)}" info=${ifDefined(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${ifDefined(item._id)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.text)}</ui5-li>`; };
17
17
  const block12 = (context) => { return html`<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context.togglePopover}">${ifDefined(context._dialogOkButton)}</ui5-button></div>`; };
18
- const block13 = (context) => { return html`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore no-padding no-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block14(context) : block15(context) }</div></ui5-popover>`; };
18
+ const block13 = (context) => { return html`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore no-padding no-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="${ifDefined(context._valueStatePopoverHorizontalAlign)}"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block14(context) : block15(context) }</div></ui5-popover>`; };
19
19
  const block14 = (context) => { return html`${ifDefined(context.valueStateText)}`; };
20
20
  const block15 = (context) => { return html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block16(item, index, context)) }`; };
21
21
  const block16 = (item, index, context) => { return html`${ifDefined(item)}`; };
@@ -2,7 +2,7 @@
2
2
  /* eslint no-unused-vars: 0 */
3
3
  import ifDefined from '@ui5/webcomponents-base/dist/renderer/ifDefined.js';
4
4
  import { html, svg, repeat, classMap, styleMap, unsafeHTML, setTags, setSuffix } from '@ui5/webcomponents-base/dist/renderer/LitRenderer.js';
5
- const block0 = (context) => { return html`<ul @click="${context._onclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @focusin="${context._onfocusin}" class="ui5-segmented-button-root" role="listbox" dir="${ifDefined(context.effectiveDir)}" aria-multiselectable="true" aria-describedby="${ifDefined(context._id)}-invisibleText" aria-roledescription=${ifDefined(context.ariaDescription)}><slot></slot><span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context.ariaDescribedBy)}</span></ul>`; };
5
+ const block0 = (context) => { return html`<ul @click="${context._onclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @focusin="${context._onfocusin}" class="ui5-segmented-button-root" role="listbox" dir="${ifDefined(context.effectiveDir)}" aria-multiselectable="true" aria-describedby="${ifDefined(context._id)}-invisibleText" aria-roledescription=${ifDefined(context.ariaDescription)} aria-label=${ifDefined(context.accessibleName)}><slot></slot><span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context.ariaDescribedBy)}</span></ul>`; };
6
6
 
7
7
 
8
8
  const main = (context, tags, suffix) => {
@@ -2,7 +2,7 @@
2
2
  /* eslint no-unused-vars: 0 */
3
3
  import ifDefined from '@ui5/webcomponents-base/dist/renderer/ifDefined.js';
4
4
  import { html, svg, repeat, classMap, styleMap, unsafeHTML, setTags, setSuffix } from '@ui5/webcomponents-base/dist/renderer/LitRenderer.js';
5
- const block0 = (context) => { return html`<div class="${classMap(context.classes.root)}" dir="${ifDefined(context.effectiveDir)}">${ context.tabsAtTheBottom ? block1(context) : undefined }<div class="${classMap(context.classes.header)}" id="${ifDefined(context._id)}-header"><div class="${classMap(context.classes.headerInnerContainer)}"><div class="${classMap(context.classes.headerBackArrow)}"><ui5-button @click="${context._onHeaderBackArrowClick}" icon="slim-arrow-left" design="Transparent" tabindex="-1" title="${ifDefined(context.previousIconACCName)}"></ui5-button></div><!-- tab items --><div class="${classMap(context.classes.headerScrollContainer)}" id="${ifDefined(context._id)}-headerScrollContainer"><ul role="tablist" class="${classMap(context.classes.headerList)}" @click="${context._onHeaderClick}" @keydown="${context._onHeaderKeyDown}" @keyup="${context._onHeaderKeyUp}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block4(item, index, context)) }</ul></div><div class="${classMap(context.classes.headerForwardArrow)}"><ui5-button @click="${context._onHeaderForwardArrowClick}" icon="slim-arrow-right" design="Transparent" tabindex="-1" title="${ifDefined(context.nextIconACCName)}"></ui5-button></div></div><!-- overflow button -->${ context.shouldShowOverflow ? block7(context) : undefined }</div>${ !context.tabsAtTheBottom ? block10(context) : undefined }</div> `; };
5
+ const block0 = (context) => { return html`<div class="${classMap(context.classes.root)}" dir="${ifDefined(context.effectiveDir)}">${ context.tabsAtTheBottom ? block1(context) : undefined }<div class="${classMap(context.classes.header)}" id="${ifDefined(context._id)}-header"><div class="${classMap(context.classes.headerInnerContainer)}"><div class="${classMap(context.classes.headerBackArrow)}"><ui5-button @click="${context._onHeaderBackArrowClick}" icon="slim-arrow-left" data-ui5-stable="tabs-left" design="Transparent" tabindex="-1" title="${ifDefined(context.previousIconACCName)}"></ui5-button></div><!-- tab items --><div class="${classMap(context.classes.headerScrollContainer)}" id="${ifDefined(context._id)}-headerScrollContainer"><ul role="tablist" class="${classMap(context.classes.headerList)}" @click="${context._onHeaderClick}" @keydown="${context._onHeaderKeyDown}" @keyup="${context._onHeaderKeyUp}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block4(item, index, context)) }</ul></div><div class="${classMap(context.classes.headerForwardArrow)}"><ui5-button @click="${context._onHeaderForwardArrowClick}" icon="slim-arrow-right" data-ui5-stable="tabs-right" design="Transparent" tabindex="-1" title="${ifDefined(context.nextIconACCName)}"></ui5-button></div></div><!-- overflow button -->${ context.shouldShowOverflow ? block7(context) : undefined }</div>${ !context.tabsAtTheBottom ? block10(context) : undefined }</div> `; };
6
6
  const block1 = (context) => { return html`<div class="${classMap(context.classes.content)}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context)) }</div>`; };
7
7
  const block2 = (item, index, context) => { return html`${ !item.isSeparator ? block3(item, index, context) : undefined }`; };
8
8
  const block3 = (item, index, context) => { return html`<div class="ui5-tc__contentItem" id="ui5-tc-contentItem-${ifDefined(item._posinset)}" ?hidden="${item.effectiveHidden}" role="tabpanel" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._individualSlot)}"></slot></div>`; };
@@ -11,7 +11,7 @@ const block5 = (item, index, context) => { return html`${ifDefined(item.stripPre
11
11
  const block6 = (item, index, context) => { return html`<li id="${ifDefined(item._id)}" role="separator" class="${classMap(context.classes.separator)}" style="list-style-type: none;"></li>`; };
12
12
  const block7 = (context) => { return html`<div class="ui-tc__overflowButton" @click="${context._onOverflowButtonClick}">${ context.overflowButton.length ? block8(context) : block9(context) }</div>`; };
13
13
  const block8 = (context) => { return html`<slot name="overflowButton"></slot>`; };
14
- const block9 = (context) => { return html`<ui5-button icon="${ifDefined(context.overflowMenuIcon)}" design="Transparent" tabindex="-1" title="${ifDefined(context.overflowMenuTitle)}" aria-haspopup="true"></ui5-button>`; };
14
+ const block9 = (context) => { return html`<ui5-button icon="${ifDefined(context.overflowMenuIcon)}" data-ui5-stable="tabs-overflow" design="Transparent" tabindex="-1" title="${ifDefined(context.overflowMenuTitle)}" aria-haspopup="true"></ui5-button>`; };
15
15
  const block10 = (context) => { return html`<div class="${classMap(context.classes.content)}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block11(item, index, context)) }</div>`; };
16
16
  const block11 = (item, index, context) => { return html`${ !item.isSeparator ? block12(item, index, context) : undefined }`; };
17
17
  const block12 = (item, index, context) => { return html`<div class="ui5-tc__contentItem" id="ui5-tc-contentItem-${ifDefined(item._posinset)}" ?hidden="${item.effectiveHidden}" role="tabpanel" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._individualSlot)}"></slot></div>`; };
@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theme-base", "sap_fiori_3", () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", () => defaultTheme);
8
- export default "[ui5-calendar]{width:100%}";
8
+ export default "[ui5-calendar]{width:100%;display:flex;justify-content:center}";
@@ -113,7 +113,22 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
113
113
  ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
114
114
 
115
115
  #XTOL: Tooltip of messgae strip close button
116
- MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close
116
+ MESSAGE_STRIP_CLOSE_BUTTON=Information Bar Close
117
+
118
+ #XACT: ARIA announcement for the MessageStrip's closable state
119
+ MESSAGE_STRIP_CLOSABLE=Closable
120
+
121
+ #XACT: ARIA announcement for the MessageStrip's "Error" state
122
+ MESSAGE_STRIP_ERROR=Error Information Bar
123
+
124
+ #XACT: ARIA announcement for the MessageStrip's "Warning" state
125
+ MESSAGE_STRIP_WARNING=Warning Information Bar
126
+
127
+ #XACT: ARIA announcement for the MessageStrip's "Success" state
128
+ MESSAGE_STRIP_SUCCESS=Success Information Bar
129
+
130
+ #XACT: ARIA announcement for the MessageStrip's "Information" state
131
+ MESSAGE_STRIP_INFORMATION=Information Bar
117
132
 
118
133
  #XFLD: MultiComboBox dialog button
119
134
  MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents",
3
- "version": "0.31.23",
3
+ "version": "0.31.27",
4
4
  "description": "UI5 Web Components: webcomponents.main",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -30,14 +30,14 @@
30
30
  "directory": "packages/main"
31
31
  },
32
32
  "dependencies": {
33
- "@ui5/webcomponents-base": "0.31.23",
34
- "@ui5/webcomponents-icons": "0.31.23",
35
- "@ui5/webcomponents-ie11": "0.31.23",
36
- "@ui5/webcomponents-localization": "0.31.23",
37
- "@ui5/webcomponents-theme-base": "0.31.23"
33
+ "@ui5/webcomponents-base": "0.31.27",
34
+ "@ui5/webcomponents-icons": "0.31.27",
35
+ "@ui5/webcomponents-ie11": "0.31.27",
36
+ "@ui5/webcomponents-localization": "0.31.27",
37
+ "@ui5/webcomponents-theme-base": "0.31.27"
38
38
  },
39
39
  "devDependencies": {
40
- "@ui5/webcomponents-tools": "0.31.23",
41
- "chromedriver": "88.0.0"
40
+ "@ui5/webcomponents-tools": "0.31.27",
41
+ "chromedriver": "96.0.0"
42
42
  }
43
43
  }
@@ -205,11 +205,11 @@ class CalendarHeader extends UI5Element {
205
205
  return {
206
206
  prevButton: {
207
207
  "ui5-calheader-arrowbtn": true,
208
- "ui5-calheader-arrowbtn-disabled": this._isPrevButtonDisabled,
208
+ "ui5-calheader-arrowbtn-disabled": this.isPrevButtonDisabled,
209
209
  },
210
210
  nextButton: {
211
211
  "ui5-calheader-arrowbtn": true,
212
- "ui5-calheader-arrowbtn-disabled": this._isNextButtonDisabled,
212
+ "ui5-calheader-arrowbtn-disabled": this.isNextButtonDisabled,
213
213
  },
214
214
  };
215
215
  }
package/src/Card.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
2
  import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
  import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
4
+ import findNodeOwner from "@ui5/webcomponents-base/dist/util/findNodeOwner.js";
4
5
  import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
5
6
  import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
6
7
  import CardTemplate from "./generated/templates/CardTemplate.lit.js";
package/src/DayPicker.js CHANGED
@@ -318,6 +318,10 @@ class DayPicker extends CalendarPart {
318
318
  }
319
319
 
320
320
  this._dayNames[1].classes += " ui5-dp-firstday";
321
+
322
+ if (this.shouldHideWeekNumbers) {
323
+ this._dayNames.shift();
324
+ }
321
325
  }
322
326
 
323
327
  onAfterRendering() {
@@ -721,6 +725,7 @@ class DayPicker extends CalendarPart {
721
725
  return {
722
726
  wrapper: {
723
727
  display: this._hidden ? "none" : "flex",
728
+ "justify-content": "center",
724
729
  },
725
730
  main: {
726
731
  width: "100%",
package/src/Input.js CHANGED
@@ -1275,6 +1275,10 @@ class Input extends UI5Element {
1275
1275
  return this.placeholder;
1276
1276
  }
1277
1277
 
1278
+ get _valueStatePopoverHorizontalAlign() {
1279
+ return this.effectiveDir !== "rtl" ? "Left" : "Right";
1280
+ }
1281
+
1278
1282
  /**
1279
1283
  * Returns the caret position inside the native input
1280
1284
  * @protected
@@ -71,7 +71,7 @@
71
71
  no-arrow
72
72
  class="ui5-valuestatemessage-popover"
73
73
  placement-type="Bottom"
74
- horizontal-align="Left"
74
+ horizontal-align="{{_valueStatePopoverHorizontalAlign}}"
75
75
  >
76
76
  <div slot="header" class="{{classes.popoverValueState}}" style="{{styles.popoverHeader}}">
77
77
  {{> valueStateMessage}}
package/src/List.js CHANGED
@@ -820,6 +820,7 @@ class List extends UI5Element {
820
820
  } else {
821
821
  this.focusPreviouslyFocusedItem();
822
822
  }
823
+ event.stopImmediatePropagation();
823
824
  }
824
825
 
825
826
  this.setForwardingFocus(false);
@@ -24,12 +24,12 @@
24
24
 
25
25
  {{#unless noCloseButton}}
26
26
  <ui5-button
27
- icon="decline"
28
- icon-size=".75rem"
29
- design="Transparent"
30
- class="ui5-messagestrip-close-button"
31
- title="{{_closeButtonText}}"
32
- @click={{_closeClick}}
27
+ icon="decline"
28
+ icon-size=".75rem"
29
+ design="Transparent"
30
+ class="ui5-messagestrip-close-button"
31
+ ._buttonAccInfo="{{accInfo.button}}"
32
+ @click={{_closeClick}}
33
33
  ></ui5-button>
34
34
  {{/unless}}
35
35
  </div>
@@ -10,7 +10,14 @@ import MessageStripType from "./types/MessageStripType.js";
10
10
  import MessageStripTemplate from "./generated/templates/MessageStripTemplate.lit.js";
11
11
  import Icon from "./Icon.js";
12
12
  import Button from "./Button.js";
13
- import { MESSAGE_STRIP_CLOSE_BUTTON } from "./generated/i18n/i18n-defaults.js";
13
+ import {
14
+ MESSAGE_STRIP_CLOSE_BUTTON,
15
+ MESSAGE_STRIP_CLOSABLE,
16
+ MESSAGE_STRIP_ERROR,
17
+ MESSAGE_STRIP_WARNING,
18
+ MESSAGE_STRIP_SUCCESS,
19
+ MESSAGE_STRIP_INFORMATION,
20
+ } from "./generated/i18n/i18n-defaults.js";
14
21
 
15
22
  // Styles
16
23
  import messageStripCss from "./generated/themes/MessageStrip.css.js";
@@ -189,14 +196,27 @@ class MessageStrip extends UI5Element {
189
196
  };
190
197
  }
191
198
 
199
+ get designAnnouncementMappings() {
200
+ return {
201
+ "Information": this.i18nBundle.getText(MESSAGE_STRIP_INFORMATION),
202
+ "Positive": this.i18nBundle.getText(MESSAGE_STRIP_SUCCESS),
203
+ "Negative": this.i18nBundle.getText(MESSAGE_STRIP_ERROR),
204
+ "Warning": this.i18nBundle.getText(MESSAGE_STRIP_WARNING),
205
+ };
206
+ }
207
+
192
208
  get hiddenText() {
193
- return `Message Strip ${this.type} ${this.noCloseButton ? "" : "closable"}`;
209
+ return `${this.designAnnouncementMappings[this.type]} ${this.noCloseButton ? "" : this._closableText}`;
194
210
  }
195
211
 
196
212
  get _closeButtonText() {
197
213
  return this.i18nBundle.getText(MESSAGE_STRIP_CLOSE_BUTTON);
198
214
  }
199
215
 
216
+ get _closableText() {
217
+ return this.i18nBundle.getText(MESSAGE_STRIP_CLOSABLE);
218
+ }
219
+
200
220
  get classes() {
201
221
  return {
202
222
  root: {
@@ -219,6 +239,14 @@ class MessageStrip extends UI5Element {
219
239
  get typeClasses() {
220
240
  return MessageStrip.typeClassesMappings()[this.type];
221
241
  }
242
+
243
+ get accInfo() {
244
+ return {
245
+ "button": {
246
+ "title": this._closeButtonText,
247
+ },
248
+ };
249
+ }
222
250
  }
223
251
 
224
252
  MessageStrip.define();
@@ -852,6 +852,10 @@ class MultiComboBox extends UI5Element {
852
852
  return (this._isFocusInside || this.open) && !this.readonly;
853
853
  }
854
854
 
855
+ get _valueStatePopoverHorizontalAlign() {
856
+ return this.effectiveDir !== "rtl" ? "Left" : "Right";
857
+ }
858
+
855
859
  get classes() {
856
860
  return {
857
861
  popoverValueState: {
@@ -98,7 +98,7 @@
98
98
  no-arrow
99
99
  class="ui5-valuestatemessage-popover"
100
100
  placement-type="Bottom"
101
- horizontal-align="Left"
101
+ horizontal-align="{{_valueStatePopoverHorizontalAlign}}"
102
102
  >
103
103
  <div slot="header" class="{{classes.popoverValueState}}" style="{{styles.popoverHeader}}">
104
104
  {{> valueStateMessage}}
@@ -9,6 +9,7 @@
9
9
  aria-multiselectable="true"
10
10
  aria-describedby="{{_id}}-invisibleText"
11
11
  aria-roledescription={{ariaDescription}}
12
+ aria-label={{accessibleName}}
12
13
  >
13
14
  <slot></slot>
14
15
 
@@ -22,7 +22,20 @@ const metadata = {
22
22
  tag: "ui5-segmented-button",
23
23
  altTag: "ui5-segmentedbutton",
24
24
  languageAware: true,
25
- properties: /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */ {},
25
+ properties: /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */ {
26
+ /**
27
+ * Sets the accessible aria name of the component.
28
+ *
29
+ * @type {String}
30
+ * @defaultvalue: ""
31
+ * @public
32
+ * @since 0.31.26
33
+ */
34
+ accessibleName: {
35
+ type: String,
36
+ defaultValue: undefined,
37
+ },
38
+ },
26
39
  managedSlots: true,
27
40
  slots: /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */ {
28
41
 
@@ -11,6 +11,7 @@
11
11
  <div class="{{classes.headerBackArrow}}">
12
12
  <ui5-button @click="{{_onHeaderBackArrowClick}}"
13
13
  icon="slim-arrow-left"
14
+ data-ui5-stable="tabs-left"
14
15
  design="Transparent"
15
16
  tabindex="-1"
16
17
  title="{{previousIconACCName}}"></ui5-button>
@@ -37,6 +38,7 @@
37
38
  <div class="{{classes.headerForwardArrow}}">
38
39
  <ui5-button @click="{{_onHeaderForwardArrowClick}}"
39
40
  icon="slim-arrow-right"
41
+ data-ui5-stable="tabs-right"
40
42
  design="Transparent"
41
43
  tabindex="-1"
42
44
  title="{{nextIconACCName}}"></ui5-button>
@@ -53,6 +55,7 @@
53
55
  {{else}}
54
56
  <ui5-button
55
57
  icon="{{overflowMenuIcon}}"
58
+ data-ui5-stable="tabs-overflow"
56
59
  design="Transparent"
57
60
  tabindex="-1"
58
61
  title="{{overflowMenuTitle}}"
@@ -458,7 +458,7 @@ class TabContainer extends UI5Element {
458
458
  }
459
459
 
460
460
  async _onOverflowButtonClick(event) {
461
- const button = this.overflowButton[0] || this.getDomRef().querySelector(".ui-tc__overflowButton > ui5-button");
461
+ const button = this.overflowButton[0] || this.getDomRef().querySelector(".ui-tc__overflowButton > [ui5-button]");
462
462
 
463
463
  if (event.target !== button) {
464
464
  return;
package/src/TableRow.js CHANGED
@@ -105,7 +105,7 @@ class TableRow extends UI5Element {
105
105
  this.fireEvent("row-click", { row: this });
106
106
  }
107
107
 
108
- if (isSpace(event)) {
108
+ if (isSpace(event) && event.target.tagName.toLowerCase() === "tr") {
109
109
  event.preventDefault();
110
110
  }
111
111
  }
package/src/TextArea.js CHANGED
@@ -542,6 +542,7 @@ class TextArea extends UI5Element {
542
542
 
543
543
  get styles() {
544
544
  const lineHeight = 1.4 * 16;
545
+ const mainHeight = (this.rows * lineHeight) + (this.showExceededText ? 32 : 0);
545
546
 
546
547
  return {
547
548
  mirror: {
@@ -549,7 +550,7 @@ class TextArea extends UI5Element {
549
550
  },
550
551
  main: {
551
552
  width: "100%",
552
- height: (this.rows && !this.growing) ? `${this.rows * lineHeight}px` : "100%",
553
+ height: (this.rows && !this.growing) ? `${mainHeight}px` : "100%",
553
554
  },
554
555
  focusDiv: {
555
556
  "height": (this.showExceededText ? "calc(100% - 26px)" : "100%"),
@@ -113,7 +113,22 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
113
113
  ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
114
114
 
115
115
  #XTOL: Tooltip of messgae strip close button
116
- MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close
116
+ MESSAGE_STRIP_CLOSE_BUTTON=Information Bar Close
117
+
118
+ #XACT: ARIA announcement for the MessageStrip's closable state
119
+ MESSAGE_STRIP_CLOSABLE=Closable
120
+
121
+ #XACT: ARIA announcement for the MessageStrip's "Error" state
122
+ MESSAGE_STRIP_ERROR=Error Information Bar
123
+
124
+ #XACT: ARIA announcement for the MessageStrip's "Warning" state
125
+ MESSAGE_STRIP_WARNING=Warning Information Bar
126
+
127
+ #XACT: ARIA announcement for the MessageStrip's "Success" state
128
+ MESSAGE_STRIP_SUCCESS=Success Information Bar
129
+
130
+ #XACT: ARIA announcement for the MessageStrip's "Information" state
131
+ MESSAGE_STRIP_INFORMATION=Information Bar
117
132
 
118
133
  #XFLD: MultiComboBox dialog button
119
134
  MULTICOMBOBOX_DIALOG_OK_BUTTON=OK