@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.
- package/CHANGELOG.md +54 -0
- package/dist/CalendarHeader.js +2 -2
- package/dist/Card.js +1 -0
- package/dist/DayPicker.js +5 -0
- package/dist/Input.js +4 -0
- package/dist/List.js +1 -0
- package/dist/MessageStrip.js +30 -2
- package/dist/MultiComboBox.js +4 -0
- package/dist/SegmentedButton.js +14 -1
- package/dist/TabContainer.js +1 -1
- package/dist/TableRow.js +1 -1
- package/dist/TextArea.js +2 -1
- package/dist/api.json +1 -1
- package/dist/generated/i18n/i18n-defaults.js +2 -2
- package/dist/generated/templates/InputPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
- package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/SegmentedButtonTemplate.lit.js +1 -1
- package/dist/generated/templates/TabContainerTemplate.lit.js +2 -2
- package/dist/generated/themes/DatePickerPopover.css.js +1 -1
- package/dist/i18n/messagebundle.properties +16 -1
- package/package.json +8 -8
- package/src/CalendarHeader.js +2 -2
- package/src/Card.js +1 -0
- package/src/DayPicker.js +5 -0
- package/src/Input.js +4 -0
- package/src/InputPopover.hbs +1 -1
- package/src/List.js +1 -0
- package/src/MessageStrip.hbs +6 -6
- package/src/MessageStrip.js +30 -2
- package/src/MultiComboBox.js +4 -0
- package/src/MultiComboBoxPopover.hbs +1 -1
- package/src/SegmentedButton.hbs +1 -0
- package/src/SegmentedButton.js +14 -1
- package/src/TabContainer.hbs +3 -0
- package/src/TabContainer.js +1 -1
- package/src/TableRow.js +1 -1
- package/src/TextArea.js +2 -1
- 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="
|
|
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"
|
|
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="
|
|
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=
|
|
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.
|
|
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.
|
|
34
|
-
"@ui5/webcomponents-icons": "0.31.
|
|
35
|
-
"@ui5/webcomponents-ie11": "0.31.
|
|
36
|
-
"@ui5/webcomponents-localization": "0.31.
|
|
37
|
-
"@ui5/webcomponents-theme-base": "0.31.
|
|
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.
|
|
41
|
-
"chromedriver": "
|
|
40
|
+
"@ui5/webcomponents-tools": "0.31.27",
|
|
41
|
+
"chromedriver": "96.0.0"
|
|
42
42
|
}
|
|
43
43
|
}
|
package/src/CalendarHeader.js
CHANGED
|
@@ -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.
|
|
208
|
+
"ui5-calheader-arrowbtn-disabled": this.isPrevButtonDisabled,
|
|
209
209
|
},
|
|
210
210
|
nextButton: {
|
|
211
211
|
"ui5-calheader-arrowbtn": true,
|
|
212
|
-
"ui5-calheader-arrowbtn-disabled": this.
|
|
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
|
package/src/InputPopover.hbs
CHANGED
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
no-arrow
|
|
72
72
|
class="ui5-valuestatemessage-popover"
|
|
73
73
|
placement-type="Bottom"
|
|
74
|
-
horizontal-align="
|
|
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
package/src/MessageStrip.hbs
CHANGED
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
|
|
25
25
|
{{#unless noCloseButton}}
|
|
26
26
|
<ui5-button
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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>
|
package/src/MessageStrip.js
CHANGED
|
@@ -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 {
|
|
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
|
|
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();
|
package/src/MultiComboBox.js
CHANGED
|
@@ -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="
|
|
101
|
+
horizontal-align="{{_valueStatePopoverHorizontalAlign}}"
|
|
102
102
|
>
|
|
103
103
|
<div slot="header" class="{{classes.popoverValueState}}" style="{{styles.popoverHeader}}">
|
|
104
104
|
{{> valueStateMessage}}
|
package/src/SegmentedButton.hbs
CHANGED
package/src/SegmentedButton.js
CHANGED
|
@@ -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
|
|
package/src/TabContainer.hbs
CHANGED
|
@@ -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}}"
|
package/src/TabContainer.js
CHANGED
|
@@ -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
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) ? `${
|
|
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=
|
|
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
|