@ui5/webcomponents 1.21.1 → 1.22.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -2
- package/dist/.tsbuildinfo +1 -1
- package/dist/Avatar.d.ts +16 -47
- package/dist/Avatar.js +4 -12
- package/dist/Avatar.js.map +1 -1
- package/dist/AvatarGroup.d.ts +13 -30
- package/dist/AvatarGroup.js +11 -15
- package/dist/AvatarGroup.js.map +1 -1
- package/dist/Badge.d.ts +61 -20
- package/dist/Badge.js +98 -12
- package/dist/Badge.js.map +1 -1
- package/dist/Breadcrumbs.d.ts +4 -16
- package/dist/Breadcrumbs.js +16 -6
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/BreadcrumbsItem.d.ts +4 -18
- package/dist/BreadcrumbsItem.js +1 -6
- package/dist/BreadcrumbsItem.js.map +1 -1
- package/dist/BusyIndicator.d.ts +6 -24
- package/dist/BusyIndicator.js +2 -4
- package/dist/BusyIndicator.js.map +1 -1
- package/dist/Button.d.ts +20 -48
- package/dist/Button.js +3 -15
- package/dist/Button.js.map +1 -1
- package/dist/Calendar.d.ts +7 -18
- package/dist/Calendar.js +19 -19
- package/dist/Calendar.js.map +1 -1
- package/dist/CalendarDate.d.ts +2 -7
- package/dist/CalendarDate.js +1 -5
- package/dist/CalendarDate.js.map +1 -1
- package/dist/CalendarHeader.d.ts +8 -9
- package/dist/CalendarHeader.js.map +1 -1
- package/dist/CalendarPart.d.ts +1 -4
- package/dist/CalendarPart.js +7 -5
- package/dist/CalendarPart.js.map +1 -1
- package/dist/Card.d.ts +5 -19
- package/dist/Card.js +1 -5
- package/dist/Card.js.map +1 -1
- package/dist/CardHeader.d.ts +14 -38
- package/dist/CardHeader.js +6 -18
- package/dist/CardHeader.js.map +1 -1
- package/dist/Carousel.d.ts +17 -58
- package/dist/Carousel.js +7 -19
- package/dist/Carousel.js.map +1 -1
- package/dist/CheckBox.d.ts +14 -49
- package/dist/CheckBox.js +3 -15
- package/dist/CheckBox.js.map +1 -1
- package/dist/ColorPalette.d.ts +6 -18
- package/dist/ColorPalette.js +4 -6
- package/dist/ColorPalette.js.map +1 -1
- package/dist/ColorPaletteItem.d.ts +10 -14
- package/dist/ColorPaletteItem.js +2 -5
- package/dist/ColorPaletteItem.js.map +1 -1
- package/dist/ColorPalettePopover.d.ts +17 -32
- package/dist/ColorPalettePopover.js +8 -13
- package/dist/ColorPalettePopover.js.map +1 -1
- package/dist/ColorPicker.d.ts +6 -8
- package/dist/ColorPicker.js +1 -5
- package/dist/ColorPicker.js.map +1 -1
- package/dist/ComboBox.d.ts +16 -58
- package/dist/ComboBox.js +5 -9
- package/dist/ComboBox.js.map +1 -1
- package/dist/ComboBoxGroupItem.d.ts +3 -8
- package/dist/ComboBoxGroupItem.js +2 -5
- package/dist/ComboBoxGroupItem.js.map +1 -1
- package/dist/ComboBoxItem.d.ts +4 -11
- package/dist/ComboBoxItem.js +2 -5
- package/dist/ComboBoxItem.js.map +1 -1
- package/dist/CustomListItem.d.ts +9 -27
- package/dist/CustomListItem.js +8 -24
- package/dist/CustomListItem.js.map +1 -1
- package/dist/DateComponentBase.d.ts +9 -18
- package/dist/DateComponentBase.js +2 -3
- package/dist/DateComponentBase.js.map +1 -1
- package/dist/DatePicker.d.ts +44 -75
- package/dist/DatePicker.js +46 -44
- package/dist/DatePicker.js.map +1 -1
- package/dist/DateRangePicker.d.ts +10 -24
- package/dist/DateRangePicker.js +5 -16
- package/dist/DateRangePicker.js.map +1 -1
- package/dist/DateTimePicker.d.ts +7 -9
- package/dist/DateTimePicker.js +5 -5
- package/dist/DateTimePicker.js.map +1 -1
- package/dist/DayPicker.d.ts +42 -35
- package/dist/DayPicker.js +35 -27
- package/dist/DayPicker.js.map +1 -1
- package/dist/Dialog.d.ts +11 -40
- package/dist/Dialog.js +6 -19
- package/dist/Dialog.js.map +1 -1
- package/dist/FileUploader.d.ts +11 -39
- package/dist/FileUploader.js +7 -9
- package/dist/FileUploader.js.map +1 -1
- package/dist/GroupHeaderListItem.d.ts +6 -18
- package/dist/GroupHeaderListItem.js +5 -5
- package/dist/GroupHeaderListItem.js.map +1 -1
- package/dist/Icon.d.ts +12 -34
- package/dist/Icon.js +4 -15
- package/dist/Icon.js.map +1 -1
- package/dist/Input.d.ts +38 -84
- package/dist/Input.js +20 -22
- package/dist/Input.js.map +1 -1
- package/dist/Interfaces.d.ts +115 -133
- package/dist/Interfaces.js +1 -193
- package/dist/Interfaces.js.map +1 -1
- package/dist/Label.d.ts +8 -25
- package/dist/Label.js +4 -13
- package/dist/Label.js.map +1 -1
- package/dist/Link.d.ts +13 -42
- package/dist/Link.js +18 -9
- package/dist/Link.js.map +1 -1
- package/dist/List.d.ts +14 -50
- package/dist/List.js +21 -13
- package/dist/List.js.map +1 -1
- package/dist/ListItem.d.ts +10 -32
- package/dist/ListItem.js +2 -4
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItemBase.d.ts +3 -9
- package/dist/ListItemBase.js +1 -3
- package/dist/ListItemBase.js.map +1 -1
- package/dist/Menu.d.ts +10 -33
- package/dist/Menu.js +21 -16
- package/dist/Menu.js.map +1 -1
- package/dist/MenuItem.d.ts +11 -32
- package/dist/MenuItem.js +1 -5
- package/dist/MenuItem.js.map +1 -1
- package/dist/MessageStrip.d.ts +10 -28
- package/dist/MessageStrip.js +5 -5
- package/dist/MessageStrip.js.map +1 -1
- package/dist/MonthPicker.d.ts +8 -13
- package/dist/MonthPicker.js +6 -13
- package/dist/MonthPicker.js.map +1 -1
- package/dist/MultiComboBox.d.ts +19 -70
- package/dist/MultiComboBox.js +8 -24
- package/dist/MultiComboBox.js.map +1 -1
- package/dist/MultiComboBoxGroupItem.d.ts +2 -8
- package/dist/MultiComboBoxGroupItem.js +1 -5
- package/dist/MultiComboBoxGroupItem.js.map +1 -1
- package/dist/MultiComboBoxItem.d.ts +4 -8
- package/dist/MultiComboBoxItem.js +2 -5
- package/dist/MultiComboBoxItem.js.map +1 -1
- package/dist/MultiInput.d.ts +9 -16
- package/dist/MultiInput.js +4 -7
- package/dist/MultiInput.js.map +1 -1
- package/dist/NavigationMenu.d.ts +36 -0
- package/dist/NavigationMenu.js +123 -0
- package/dist/NavigationMenu.js.map +1 -0
- package/dist/NavigationMenuItem.d.ts +67 -0
- package/dist/NavigationMenuItem.js +51 -0
- package/dist/NavigationMenuItem.js.map +1 -0
- package/dist/Option.d.ts +11 -28
- package/dist/Option.js +2 -6
- package/dist/Option.js.map +1 -1
- package/dist/Panel.d.ts +16 -52
- package/dist/Panel.js +4 -15
- package/dist/Panel.js.map +1 -1
- package/dist/Popover.d.ts +22 -62
- package/dist/Popover.js +12 -27
- package/dist/Popover.js.map +1 -1
- package/dist/Popup.d.ts +10 -46
- package/dist/Popup.js +10 -20
- package/dist/Popup.js.map +1 -1
- package/dist/ProgressIndicator.d.ts +8 -22
- package/dist/ProgressIndicator.js +2 -5
- package/dist/ProgressIndicator.js.map +1 -1
- package/dist/RadioButton.d.ts +13 -40
- package/dist/RadioButton.js +1 -5
- package/dist/RadioButton.js.map +1 -1
- package/dist/RangeSlider.d.ts +12 -27
- package/dist/RangeSlider.js +10 -21
- package/dist/RangeSlider.js.map +1 -1
- package/dist/RatingIndicator.d.ts +11 -27
- package/dist/RatingIndicator.js +1 -5
- package/dist/RatingIndicator.js.map +1 -1
- package/dist/ResponsivePopover.d.ts +8 -29
- package/dist/ResponsivePopover.js +7 -27
- package/dist/ResponsivePopover.js.map +1 -1
- package/dist/SegmentedButton.d.ts +13 -28
- package/dist/SegmentedButton.js +13 -14
- package/dist/SegmentedButton.js.map +1 -1
- package/dist/SegmentedButtonItem.d.ts +9 -19
- package/dist/SegmentedButtonItem.js +2 -5
- package/dist/SegmentedButtonItem.js.map +1 -1
- package/dist/Select.d.ts +15 -66
- package/dist/Select.js +13 -18
- package/dist/Select.js.map +1 -1
- package/dist/SelectMenu.d.ts +3 -10
- package/dist/SelectMenu.js +2 -4
- package/dist/SelectMenu.js.map +1 -1
- package/dist/SelectMenuOption.d.ts +12 -32
- package/dist/SelectMenuOption.js +11 -23
- package/dist/SelectMenuOption.js.map +1 -1
- package/dist/Slider.d.ts +5 -18
- package/dist/Slider.js +4 -15
- package/dist/Slider.js.map +1 -1
- package/dist/SliderBase.d.ts +11 -32
- package/dist/SliderBase.js +22 -17
- package/dist/SliderBase.js.map +1 -1
- package/dist/SplitButton.d.ts +25 -48
- package/dist/SplitButton.js +6 -14
- package/dist/SplitButton.js.map +1 -1
- package/dist/StandardListItem.d.ts +23 -58
- package/dist/StandardListItem.js +15 -22
- package/dist/StandardListItem.js.map +1 -1
- package/dist/StepInput.d.ts +20 -51
- package/dist/StepInput.js +7 -9
- package/dist/StepInput.js.map +1 -1
- package/dist/SuggestionGroupItem.d.ts +5 -9
- package/dist/SuggestionGroupItem.js +2 -5
- package/dist/SuggestionGroupItem.js.map +1 -1
- package/dist/SuggestionItem.d.ts +15 -27
- package/dist/SuggestionItem.js +2 -5
- package/dist/SuggestionItem.js.map +1 -1
- package/dist/SuggestionListItem.d.ts +7 -20
- package/dist/SuggestionListItem.js +4 -15
- package/dist/SuggestionListItem.js.map +1 -1
- package/dist/Switch.d.ts +16 -48
- package/dist/Switch.js +6 -17
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.d.ts +10 -33
- package/dist/Tab.js +3 -7
- package/dist/Tab.js.map +1 -1
- package/dist/TabContainer.d.ts +21 -87
- package/dist/TabContainer.js +14 -23
- package/dist/TabContainer.js.map +1 -1
- package/dist/TabSeparator.d.ts +3 -8
- package/dist/TabSeparator.js +2 -7
- package/dist/TabSeparator.js.map +1 -1
- package/dist/Table.d.ts +18 -64
- package/dist/Table.js +13 -16
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.d.ts +2 -17
- package/dist/TableCell.js +2 -14
- package/dist/TableCell.js.map +1 -1
- package/dist/TableColumn.d.ts +7 -26
- package/dist/TableColumn.js +3 -14
- package/dist/TableColumn.js.map +1 -1
- package/dist/TableGroupRow.d.ts +6 -28
- package/dist/TableGroupRow.js +3 -15
- package/dist/TableGroupRow.js.map +1 -1
- package/dist/TableRow.d.ts +11 -33
- package/dist/TableRow.js +4 -18
- package/dist/TableRow.js.map +1 -1
- package/dist/TextArea.d.ts +20 -61
- package/dist/TextArea.js +3 -16
- package/dist/TextArea.js.map +1 -1
- package/dist/TimePicker.d.ts +5 -15
- package/dist/TimePicker.js +2 -7
- package/dist/TimePicker.js.map +1 -1
- package/dist/TimePickerBase.d.ts +15 -51
- package/dist/TimePickerBase.js +23 -39
- package/dist/TimePickerBase.js.map +1 -1
- package/dist/TimePickerClock.d.ts +49 -89
- package/dist/TimePickerClock.js +38 -33
- package/dist/TimePickerClock.js.map +1 -1
- package/dist/TimePickerInternals.d.ts +16 -27
- package/dist/TimePickerInternals.js +9 -12
- package/dist/TimePickerInternals.js.map +1 -1
- package/dist/TimeSelection.d.ts +16 -23
- package/dist/TimeSelection.js +2 -5
- package/dist/TimeSelection.js.map +1 -1
- package/dist/TimeSelectionClocks.d.ts +16 -19
- package/dist/TimeSelectionClocks.js +14 -17
- package/dist/TimeSelectionClocks.js.map +1 -1
- package/dist/TimeSelectionInputs.d.ts +12 -16
- package/dist/TimeSelectionInputs.js +11 -15
- package/dist/TimeSelectionInputs.js.map +1 -1
- package/dist/Title.d.ts +7 -21
- package/dist/Title.js +5 -15
- package/dist/Title.js.map +1 -1
- package/dist/Toast.d.ts +12 -26
- package/dist/Toast.js +5 -5
- package/dist/Toast.js.map +1 -1
- package/dist/ToggleButton.d.ts +2 -7
- package/dist/ToggleButton.js +1 -4
- package/dist/ToggleButton.js.map +1 -1
- package/dist/ToggleSpinButton.d.ts +5 -15
- package/dist/ToggleSpinButton.js +1 -4
- package/dist/ToggleSpinButton.js.map +1 -1
- package/dist/Token.d.ts +13 -27
- package/dist/Token.js +2 -7
- package/dist/Token.js.map +1 -1
- package/dist/Tokenizer.d.ts +7 -11
- package/dist/Tokenizer.js +1 -5
- package/dist/Tokenizer.js.map +1 -1
- package/dist/Toolbar.d.ts +7 -26
- package/dist/Toolbar.js +4 -8
- package/dist/Toolbar.js.map +1 -1
- package/dist/ToolbarButton.d.ts +11 -34
- package/dist/ToolbarButton.js +1 -6
- package/dist/ToolbarButton.js.map +1 -1
- package/dist/ToolbarItem.d.ts +5 -28
- package/dist/ToolbarItem.js +1 -11
- package/dist/ToolbarItem.js.map +1 -1
- package/dist/ToolbarRegistry.d.ts +3 -3
- package/dist/ToolbarRegistry.js.map +1 -1
- package/dist/ToolbarSelect.d.ts +8 -27
- package/dist/ToolbarSelect.js +4 -10
- package/dist/ToolbarSelect.js.map +1 -1
- package/dist/ToolbarSelectOption.d.ts +2 -11
- package/dist/ToolbarSelectOption.js +1 -5
- package/dist/ToolbarSelectOption.js.map +1 -1
- package/dist/ToolbarSeparator.d.ts +1 -5
- package/dist/ToolbarSeparator.js +1 -5
- package/dist/ToolbarSeparator.js.map +1 -1
- package/dist/ToolbarSpacer.d.ts +2 -8
- package/dist/ToolbarSpacer.js +1 -5
- package/dist/ToolbarSpacer.js.map +1 -1
- package/dist/Tree.d.ts +12 -36
- package/dist/Tree.js +28 -14
- package/dist/Tree.js.map +1 -1
- package/dist/TreeItem.d.ts +8 -25
- package/dist/TreeItem.js +5 -16
- package/dist/TreeItem.js.map +1 -1
- package/dist/TreeItemBase.d.ts +12 -38
- package/dist/TreeItemBase.js +2 -9
- package/dist/TreeItemBase.js.map +1 -1
- package/dist/TreeItemCustom.d.ts +6 -22
- package/dist/TreeItemCustom.js +5 -16
- package/dist/TreeItemCustom.js.map +1 -1
- package/dist/WheelSlider.d.ts +9 -23
- package/dist/WheelSlider.js +11 -11
- package/dist/WheelSlider.js.map +1 -1
- package/dist/YearPicker.d.ts +14 -12
- package/dist/YearPicker.js +12 -12
- package/dist/YearPicker.js.map +1 -1
- package/dist/bundle.esm.js.map +1 -1
- package/dist/css/themes/Badge.css +1 -1
- package/dist/css/themes/NavigationMenu.css +1 -0
- package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -1
- package/dist/custom-elements-internal.json +20999 -0
- package/dist/custom-elements.json +16118 -1
- package/dist/features/InputSuggestions.d.ts +10 -10
- package/dist/features/InputSuggestions.js +1 -2
- package/dist/features/InputSuggestions.js.map +1 -1
- package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +9 -2
- package/dist/generated/i18n/i18n-defaults.js +9 -2
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/BadgeTemplate.lit.js +8 -3
- package/dist/generated/templates/BadgeTemplate.lit.js.map +1 -1
- package/dist/generated/templates/NavigationMenuTemplate.lit.d.ts +4 -0
- package/dist/generated/templates/NavigationMenuTemplate.lit.js +21 -0
- package/dist/generated/templates/NavigationMenuTemplate.lit.js.map +1 -0
- package/dist/generated/themes/Badge.css.js +1 -1
- package/dist/generated/themes/Badge.css.js.map +1 -1
- package/dist/generated/themes/NavigationMenu.css.d.ts +3 -0
- package/dist/generated/themes/NavigationMenu.css.js +9 -0
- package/dist/generated/themes/NavigationMenu.css.js.map +1 -0
- package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
- package/dist/types/AvatarColorScheme.d.ts +0 -15
- package/dist/types/AvatarColorScheme.js +0 -15
- package/dist/types/AvatarColorScheme.js.map +1 -1
- package/dist/types/AvatarGroupType.d.ts +0 -6
- package/dist/types/AvatarGroupType.js +0 -6
- package/dist/types/AvatarGroupType.js.map +1 -1
- package/dist/types/AvatarShape.d.ts +0 -6
- package/dist/types/AvatarShape.js +0 -6
- package/dist/types/AvatarShape.js.map +1 -1
- package/dist/types/AvatarSize.d.ts +0 -9
- package/dist/types/AvatarSize.js +0 -9
- package/dist/types/AvatarSize.js.map +1 -1
- package/dist/types/BackgroundDesign.d.ts +0 -7
- package/dist/types/BackgroundDesign.js +0 -7
- package/dist/types/BackgroundDesign.js.map +1 -1
- package/dist/types/BadgeDesign.d.ts +49 -0
- package/dist/types/BadgeDesign.js +51 -0
- package/dist/types/BadgeDesign.js.map +1 -0
- package/dist/types/BorderDesign.d.ts +0 -6
- package/dist/types/BorderDesign.js +0 -6
- package/dist/types/BorderDesign.js.map +1 -1
- package/dist/types/BreadcrumbsDesign.d.ts +0 -6
- package/dist/types/BreadcrumbsDesign.js +0 -6
- package/dist/types/BreadcrumbsDesign.js.map +1 -1
- package/dist/types/BreadcrumbsSeparatorStyle.d.ts +0 -10
- package/dist/types/BreadcrumbsSeparatorStyle.js +0 -10
- package/dist/types/BreadcrumbsSeparatorStyle.js.map +1 -1
- package/dist/types/BusyIndicatorSize.d.ts +0 -7
- package/dist/types/BusyIndicatorSize.js +0 -7
- package/dist/types/BusyIndicatorSize.js.map +1 -1
- package/dist/types/ButtonDesign.d.ts +0 -10
- package/dist/types/ButtonDesign.js +0 -10
- package/dist/types/ButtonDesign.js.map +1 -1
- package/dist/types/ButtonType.d.ts +0 -7
- package/dist/types/ButtonType.js +0 -7
- package/dist/types/ButtonType.js.map +1 -1
- package/dist/types/CalendarPickersMode.d.ts +6 -10
- package/dist/types/CalendarPickersMode.js +6 -10
- package/dist/types/CalendarPickersMode.js.map +1 -1
- package/dist/types/CalendarSelectionMode.d.ts +0 -7
- package/dist/types/CalendarSelectionMode.js +0 -7
- package/dist/types/CalendarSelectionMode.js.map +1 -1
- package/dist/types/CarouselArrowsPlacement.d.ts +0 -6
- package/dist/types/CarouselArrowsPlacement.js +0 -6
- package/dist/types/CarouselArrowsPlacement.js.map +1 -1
- package/dist/types/CarouselPageIndicatorStyle.d.ts +0 -6
- package/dist/types/CarouselPageIndicatorStyle.js +0 -6
- package/dist/types/CarouselPageIndicatorStyle.js.map +1 -1
- package/dist/types/ComboBoxFilter.d.ts +0 -8
- package/dist/types/ComboBoxFilter.js +0 -8
- package/dist/types/ComboBoxFilter.js.map +1 -1
- package/dist/types/HasPopup.d.ts +0 -9
- package/dist/types/HasPopup.js +0 -9
- package/dist/types/HasPopup.js.map +1 -1
- package/dist/types/IconDesign.d.ts +0 -12
- package/dist/types/IconDesign.js +0 -12
- package/dist/types/IconDesign.js.map +1 -1
- package/dist/types/InputType.d.ts +0 -10
- package/dist/types/InputType.js +0 -10
- package/dist/types/InputType.js.map +1 -1
- package/dist/types/LinkDesign.d.ts +0 -7
- package/dist/types/LinkDesign.js +0 -7
- package/dist/types/LinkDesign.js.map +1 -1
- package/dist/types/ListGrowingMode.d.ts +0 -7
- package/dist/types/ListGrowingMode.js +0 -7
- package/dist/types/ListGrowingMode.js.map +1 -1
- package/dist/types/ListItemType.d.ts +0 -8
- package/dist/types/ListItemType.js +0 -8
- package/dist/types/ListItemType.js.map +1 -1
- package/dist/types/ListMode.d.ts +0 -11
- package/dist/types/ListMode.js +0 -11
- package/dist/types/ListMode.js.map +1 -1
- package/dist/types/ListSeparators.d.ts +0 -7
- package/dist/types/ListSeparators.js +0 -7
- package/dist/types/ListSeparators.js.map +1 -1
- package/dist/types/MessageStripDesign.d.ts +0 -8
- package/dist/types/MessageStripDesign.js +0 -8
- package/dist/types/MessageStripDesign.js.map +1 -1
- package/dist/types/PanelAccessibleRole.d.ts +0 -7
- package/dist/types/PanelAccessibleRole.js +0 -7
- package/dist/types/PanelAccessibleRole.js.map +1 -1
- package/dist/types/PopoverHorizontalAlign.d.ts +0 -8
- package/dist/types/PopoverHorizontalAlign.js +0 -8
- package/dist/types/PopoverHorizontalAlign.js.map +1 -1
- package/dist/types/PopoverPlacementType.d.ts +0 -8
- package/dist/types/PopoverPlacementType.js +0 -8
- package/dist/types/PopoverPlacementType.js.map +1 -1
- package/dist/types/PopoverVerticalAlign.d.ts +0 -8
- package/dist/types/PopoverVerticalAlign.js +0 -8
- package/dist/types/PopoverVerticalAlign.js.map +1 -1
- package/dist/types/PopupAccessibleRole.d.ts +0 -7
- package/dist/types/PopupAccessibleRole.js +0 -7
- package/dist/types/PopupAccessibleRole.js.map +1 -1
- package/dist/types/Priority.d.ts +0 -8
- package/dist/types/Priority.js +0 -8
- package/dist/types/Priority.js.map +1 -1
- package/dist/types/SegmentedButtonMode.d.ts +0 -6
- package/dist/types/SegmentedButtonMode.js +0 -6
- package/dist/types/SegmentedButtonMode.js.map +1 -1
- package/dist/types/SemanticColor.d.ts +0 -9
- package/dist/types/SemanticColor.js +0 -9
- package/dist/types/SemanticColor.js.map +1 -1
- package/dist/types/SwitchDesign.d.ts +0 -6
- package/dist/types/SwitchDesign.js +0 -6
- package/dist/types/SwitchDesign.js.map +1 -1
- package/dist/types/TabContainerBackgroundDesign.d.ts +0 -7
- package/dist/types/TabContainerBackgroundDesign.js +0 -7
- package/dist/types/TabContainerBackgroundDesign.js.map +1 -1
- package/dist/types/TabContainerTabsPlacement.d.ts +0 -6
- package/dist/types/TabContainerTabsPlacement.js +0 -6
- package/dist/types/TabContainerTabsPlacement.js.map +1 -1
- package/dist/types/TabLayout.d.ts +0 -6
- package/dist/types/TabLayout.js +0 -6
- package/dist/types/TabLayout.js.map +1 -1
- package/dist/types/TableColumnPopinDisplay.d.ts +0 -6
- package/dist/types/TableColumnPopinDisplay.js +0 -6
- package/dist/types/TableColumnPopinDisplay.js.map +1 -1
- package/dist/types/TableGrowingMode.d.ts +0 -7
- package/dist/types/TableGrowingMode.js +0 -7
- package/dist/types/TableGrowingMode.js.map +1 -1
- package/dist/types/TableMode.d.ts +0 -7
- package/dist/types/TableMode.js +0 -7
- package/dist/types/TableMode.js.map +1 -1
- package/dist/types/TableRowType.d.ts +0 -6
- package/dist/types/TableRowType.js +0 -6
- package/dist/types/TableRowType.js.map +1 -1
- package/dist/types/TabsOverflowMode.d.ts +0 -6
- package/dist/types/TabsOverflowMode.js +0 -6
- package/dist/types/TabsOverflowMode.js.map +1 -1
- package/dist/types/TitleLevel.d.ts +0 -10
- package/dist/types/TitleLevel.js +0 -10
- package/dist/types/TitleLevel.js.map +1 -1
- package/dist/types/ToastPlacement.d.ts +0 -13
- package/dist/types/ToastPlacement.js +0 -13
- package/dist/types/ToastPlacement.js.map +1 -1
- package/dist/types/ToolbarAlign.d.ts +2 -9
- package/dist/types/ToolbarAlign.js +2 -9
- package/dist/types/ToolbarAlign.js.map +1 -1
- package/dist/types/ToolbarItemOverflowBehavior.d.ts +1 -9
- package/dist/types/ToolbarItemOverflowBehavior.js +1 -9
- package/dist/types/ToolbarItemOverflowBehavior.js.map +1 -1
- package/dist/types/WrappingType.d.ts +0 -6
- package/dist/types/WrappingType.js +0 -6
- package/dist/types/WrappingType.js.map +1 -1
- package/package.json +9 -9
- package/src/Badge.hbs +26 -5
- package/src/NavigationMenu.hbs +159 -0
- package/src/i18n/messagebundle.properties +22 -1
- package/src/themes/Badge.css +505 -39
- package/src/themes/NavigationMenu.css +69 -0
- package/src/themes/base/Badge-parameters.css +106 -3
- package/src/themes/sap_belize/BusyIndicator-parameters.css +5 -0
- package/src/themes/sap_belize/parameters-bundle.css +1 -1
- package/src/themes/sap_horizon/Badge-parameters.css +3 -5
- package/src/themes/sap_horizon_dark/Badge-parameters.css +3 -5
- package/src/themes/sap_horizon_hcb/Badge-parameters.css +108 -5
- package/src/themes/sap_horizon_hcw/Badge-parameters.css +108 -2
- package/dist/api.json +0 -1
package/dist/TableCell.d.ts
CHANGED
|
@@ -7,22 +7,10 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
|
|
7
7
|
*
|
|
8
8
|
* The <code>ui5-table-cell</code> component defines the structure of the data in a single <code>ui5-table</code> cell.
|
|
9
9
|
*
|
|
10
|
-
* <h3>CSS Shadow Parts</h3>
|
|
11
|
-
*
|
|
12
|
-
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
13
|
-
* <br>
|
|
14
|
-
* The <code>ui5-table-cell</code> exposes the following CSS Shadow Parts:
|
|
15
|
-
* <ul>
|
|
16
|
-
* <li>cell - Used to style the native <code>td</code> element</li>
|
|
17
|
-
* </ul>
|
|
18
|
-
*
|
|
19
10
|
* @constructor
|
|
20
|
-
* @
|
|
21
|
-
* @alias sap.ui.webc.main.TableCell
|
|
22
|
-
* @extends sap.ui.webc.base.UI5Element
|
|
23
|
-
* @tagname ui5-table-cell
|
|
24
|
-
* @implements sap.ui.webc.main.ITableCell
|
|
11
|
+
* @extends UI5Element
|
|
25
12
|
* @public
|
|
13
|
+
* @csspart cell - Used to style the native <code>td</code> element
|
|
26
14
|
*/
|
|
27
15
|
declare class TableCell extends UI5Element {
|
|
28
16
|
/**
|
|
@@ -40,9 +28,6 @@ declare class TableCell extends UI5Element {
|
|
|
40
28
|
/**
|
|
41
29
|
* Specifies the content of the component.
|
|
42
30
|
*
|
|
43
|
-
* @type {Node[]}
|
|
44
|
-
* @slot
|
|
45
|
-
* @name sap.ui.webc.main.TableCell.prototype.default
|
|
46
31
|
* @public
|
|
47
32
|
*/
|
|
48
33
|
content?: Array<HTMLElement>;
|
package/dist/TableCell.js
CHANGED
|
@@ -23,22 +23,10 @@ import { ARIA_LABEL_EMPTY_CELL, } from "./generated/i18n/i18n-defaults.js";
|
|
|
23
23
|
*
|
|
24
24
|
* The <code>ui5-table-cell</code> component defines the structure of the data in a single <code>ui5-table</code> cell.
|
|
25
25
|
*
|
|
26
|
-
* <h3>CSS Shadow Parts</h3>
|
|
27
|
-
*
|
|
28
|
-
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
29
|
-
* <br>
|
|
30
|
-
* The <code>ui5-table-cell</code> exposes the following CSS Shadow Parts:
|
|
31
|
-
* <ul>
|
|
32
|
-
* <li>cell - Used to style the native <code>td</code> element</li>
|
|
33
|
-
* </ul>
|
|
34
|
-
*
|
|
35
26
|
* @constructor
|
|
36
|
-
* @
|
|
37
|
-
* @alias sap.ui.webc.main.TableCell
|
|
38
|
-
* @extends sap.ui.webc.base.UI5Element
|
|
39
|
-
* @tagname ui5-table-cell
|
|
40
|
-
* @implements sap.ui.webc.main.ITableCell
|
|
27
|
+
* @extends UI5Element
|
|
41
28
|
* @public
|
|
29
|
+
* @csspart cell - Used to style the native <code>td</code> element
|
|
42
30
|
*/
|
|
43
31
|
let TableCell = TableCell_1 = class TableCell extends UI5Element {
|
|
44
32
|
static async onDefine() {
|
package/dist/TableCell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../src/TableCell.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAE/E,SAAS;AACT,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAElE,QAAQ;AACR,OAAO,EACN,qBAAqB,GACrB,MAAM,mCAAmC,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../src/TableCell.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAE/E,SAAS;AACT,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAElE,QAAQ;AACR,OAAO,EACN,qBAAqB,GACrB,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;;GAWG;AAOH,IAAM,SAAS,iBAAf,MAAM,SAAU,SAAQ,UAAU;IA4BjC,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,WAAS,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,eAAe,CAAc,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,sBAAsB;QACzB,OAAO,WAAS,CAAC,UAAU,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC5D,CAAC;CACD,CAAA;AAlCA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACV;AAMlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACH;AAQzB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CAChB;AAzBxB,SAAS;IANd,aAAa,CAAC;QACd,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,eAAe;KACvB,CAAC;GACI,SAAS,CAuCd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport TableCellTemplate from \"./generated/templates/TableCellTemplate.lit.js\";\n\n// Styles\nimport tableCellStyles from \"./generated/themes/TableCell.css.js\";\n\n// Texts\nimport {\n\tARIA_LABEL_EMPTY_CELL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-cell</code> component defines the structure of the data in a single <code>ui5-table</code> cell.\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @csspart cell - Used to style the native <code>td</code> element\n */\n@customElement({\n\ttag: \"ui5-table-cell\",\n\trenderer: litRender,\n\ttemplate: TableCellTemplate,\n\tstyles: tableCellStyles,\n})\nclass TableCell extends UI5Element {\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlastInRow!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tpopined!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_popinedInline!: boolean;\n\n\t/**\n\t * Specifies the content of the component.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent?: Array<HTMLElement>;\n\n\tstatic i18nBundle: I18nBundle;\n\tstatic async onDefine() {\n\t\tTableCell.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tget cellContent(): Array<HTMLElement> {\n\t\treturn this.getSlottedNodes<HTMLElement>(\"content\");\n\t}\n\n\tget ariaLabelEmptyCellText(): string {\n\t\treturn TableCell.i18nBundle.getText(ARIA_LABEL_EMPTY_CELL);\n\t}\n}\n\nTableCell.define();\n\nexport default TableCell;\n"]}
|
package/dist/TableColumn.d.ts
CHANGED
|
@@ -8,22 +8,11 @@ import TableColumnPopinDisplay from "./types/TableColumnPopinDisplay.js";
|
|
|
8
8
|
* The <code>ui5-table-column</code> component allows to define column specific properties that are applied
|
|
9
9
|
* when rendering the <code>ui5-table</code> component.
|
|
10
10
|
*
|
|
11
|
-
* <h3>CSS Shadow Parts</h3>
|
|
12
|
-
*
|
|
13
|
-
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
14
|
-
* <br>
|
|
15
|
-
* The <code>ui5-table-column</code> exposes the following CSS Shadow Parts:
|
|
16
|
-
* <ul>
|
|
17
|
-
* <li>column - Used to style the native <code>th</code> element</li>
|
|
18
|
-
* </ul>
|
|
19
|
-
*
|
|
20
11
|
* @constructor
|
|
21
|
-
* @
|
|
22
|
-
* @alias sap.ui.webc.main.TableColumn
|
|
23
|
-
* @extends sap.ui.webc.base.UI5Element
|
|
24
|
-
* @tagname ui5-table-column
|
|
25
|
-
* @implements sap.ui.webc.main.ITableColumn
|
|
12
|
+
* @extends UI5Element
|
|
26
13
|
* @public
|
|
14
|
+
* @slot {Node[]} default - Defines the content of the column header
|
|
15
|
+
* @csspart column - Used to style the native <code>th</code> element
|
|
27
16
|
*/
|
|
28
17
|
declare class TableColumn extends UI5Element {
|
|
29
18
|
/**
|
|
@@ -34,18 +23,14 @@ declare class TableColumn extends UI5Element {
|
|
|
34
23
|
* <br>
|
|
35
24
|
* For further responsive design options, see <code>demandPopin</code> property.
|
|
36
25
|
*
|
|
37
|
-
* @
|
|
38
|
-
* @name sap.ui.webc.main.TableColumn.prototype.minWidth
|
|
39
|
-
* @defaultvalue Infinity
|
|
26
|
+
* @default Infinity
|
|
40
27
|
* @public
|
|
41
28
|
*/
|
|
42
29
|
minWidth: number;
|
|
43
30
|
/**
|
|
44
31
|
* The text for the column when it pops in.
|
|
45
32
|
*
|
|
46
|
-
* @
|
|
47
|
-
* @name sap.ui.webc.main.TableColumn.prototype.popinText
|
|
48
|
-
* @defaultvalue ""
|
|
33
|
+
* @default ""
|
|
49
34
|
* @public
|
|
50
35
|
*/
|
|
51
36
|
popinText: string;
|
|
@@ -55,9 +40,7 @@ declare class TableColumn extends UI5Element {
|
|
|
55
40
|
* <br><br>
|
|
56
41
|
* Setting this property to <code>true</code>, shows this column as pop-in instead of hiding it.
|
|
57
42
|
*
|
|
58
|
-
* @
|
|
59
|
-
* @name sap.ui.webc.main.TableColumn.prototype.demandPopin
|
|
60
|
-
* @defaultvalue false
|
|
43
|
+
* @default false
|
|
61
44
|
* @public
|
|
62
45
|
*/
|
|
63
46
|
demandPopin: boolean;
|
|
@@ -72,9 +55,7 @@ declare class TableColumn extends UI5Element {
|
|
|
72
55
|
* <li><code>Inline</code></li>
|
|
73
56
|
* </ul>
|
|
74
57
|
*
|
|
75
|
-
* @
|
|
76
|
-
* @name sap.ui.webc.main.TableColumn.prototype.popinDisplay
|
|
77
|
-
* @defaultvalue "Block"
|
|
58
|
+
* @default "Block"
|
|
78
59
|
* @public
|
|
79
60
|
*/
|
|
80
61
|
popinDisplay: `${TableColumnPopinDisplay}`;
|
package/dist/TableColumn.js
CHANGED
|
@@ -21,22 +21,11 @@ import tableColumnStyles from "./generated/themes/TableColumn.css.js";
|
|
|
21
21
|
* The <code>ui5-table-column</code> component allows to define column specific properties that are applied
|
|
22
22
|
* when rendering the <code>ui5-table</code> component.
|
|
23
23
|
*
|
|
24
|
-
* <h3>CSS Shadow Parts</h3>
|
|
25
|
-
*
|
|
26
|
-
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
27
|
-
* <br>
|
|
28
|
-
* The <code>ui5-table-column</code> exposes the following CSS Shadow Parts:
|
|
29
|
-
* <ul>
|
|
30
|
-
* <li>column - Used to style the native <code>th</code> element</li>
|
|
31
|
-
* </ul>
|
|
32
|
-
*
|
|
33
24
|
* @constructor
|
|
34
|
-
* @
|
|
35
|
-
* @alias sap.ui.webc.main.TableColumn
|
|
36
|
-
* @extends sap.ui.webc.base.UI5Element
|
|
37
|
-
* @tagname ui5-table-column
|
|
38
|
-
* @implements sap.ui.webc.main.ITableColumn
|
|
25
|
+
* @extends UI5Element
|
|
39
26
|
* @public
|
|
27
|
+
* @slot {Node[]} default - Defines the content of the column header
|
|
28
|
+
* @csspart column - Used to style the native <code>th</code> element
|
|
40
29
|
*/
|
|
41
30
|
let TableColumn = class TableColumn extends UI5Element {
|
|
42
31
|
};
|
package/dist/TableColumn.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../src/TableColumn.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AACnF,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAEzE,SAAS;AACT,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AAEtE
|
|
1
|
+
{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../src/TableColumn.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AACnF,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAEzE,SAAS;AACT,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AAEtE;;;;;;;;;;;;;GAaG;AAOH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;CAgEnC,CAAA;AAnDA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;6CACvC;AASlB;IADC,QAAQ,EAAE;8CACQ;AAYnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACN;AAiBtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,uBAAuB,EAAE,YAAY,EAAE,uBAAuB,CAAC,KAAK,EAAE,CAAC;iDAC7C;AAM5C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACZ;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACb;AA/DV,WAAW;IANhB,aAAa,CAAC;QACd,GAAG,EAAE,kBAAkB;QACvB,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,mBAAmB;KAC7B,CAAC;GACI,WAAW,CAgEhB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport TableColumnTemplate from \"./generated/templates/TableColumnTemplate.lit.js\";\nimport TableColumnPopinDisplay from \"./types/TableColumnPopinDisplay.js\";\n\n// Styles\nimport tableColumnStyles from \"./generated/themes/TableColumn.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-column</code> component allows to define column specific properties that are applied\n * when rendering the <code>ui5-table</code> component.\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @slot {Node[]} default - Defines the content of the column header\n * @csspart column - Used to style the native <code>th</code> element\n */\n@customElement({\n\ttag: \"ui5-table-column\",\n\tstyles: tableColumnStyles,\n\trenderer: litRender,\n\ttemplate: TableColumnTemplate,\n})\nclass TableColumn extends UI5Element {\n\t/**\n\t * Defines the minimum table width required to display this column. By default it is always displayed.\n\t * <br><br>\n\t * The responsive behavior of the <code>ui5-table</code> is determined by this property. As an example, by setting\n\t * <code>minWidth</code> property to <code>400</code> sets the minimum width to 400 pixels, and\tshows this column on tablet (and desktop) but hides it on mobile.\n\t * <br>\n\t * For further responsive design options, see <code>demandPopin</code> property.\n\t *\n\t * @default Infinity\n\t * @public\n\t */\n\t@property({ validator: Integer, defaultValue: Infinity })\n\tminWidth!: number;\n\n\t/**\n\t * The text for the column when it pops in.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tpopinText!: string;\n\n\t/**\n\t * According to your <code>minWidth</code> settings, the component can be hidden\n\t * in different screen sizes.\n\t * <br><br>\n\t * Setting this property to <code>true</code>, shows this column as pop-in instead of hiding it.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdemandPopin!: boolean;\n\n\t/**\n\t * Defines how the popin row is displayed.\n\t *\n\t * <br><br>\n\t * <b>The available values are:</b>\n\t *\n\t * <ul>\n\t * <li><code>Block</code></li>\n\t * <li><code>Inline</code></li>\n\t * </ul>\n\t *\n\t * @default \"Block\"\n\t * @public\n\t */\n\t@property({ type: TableColumnPopinDisplay, defaultValue: TableColumnPopinDisplay.Block })\n\tpopinDisplay!: `${TableColumnPopinDisplay}`;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfirst!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlast!: boolean;\n}\n\nTableColumn.define();\n\nexport default TableColumn;\n"]}
|
package/dist/TableGroupRow.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
2
2
|
import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
|
3
|
-
import { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
|
|
4
3
|
import type { ITableRow, TableColumnInfo } from "./Table.js";
|
|
5
4
|
import TableMode from "./types/TableMode.js";
|
|
6
5
|
/**
|
|
@@ -10,25 +9,14 @@ import TableMode from "./types/TableMode.js";
|
|
|
10
9
|
*
|
|
11
10
|
* The <code>ui5-table-group-row</code> component represents a group row in the <code>ui5-table</code>.
|
|
12
11
|
*
|
|
13
|
-
* <h3>CSS Shadow Parts</h3>
|
|
14
|
-
*
|
|
15
|
-
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
16
|
-
* <br>
|
|
17
|
-
* The <code>ui5-table-group-row</code> exposes the following CSS Shadow Parts:
|
|
18
|
-
* <ul>
|
|
19
|
-
* <li>group-row - Used to style the native <code>tr</code> element.</li>
|
|
20
|
-
* </ul>
|
|
21
|
-
*
|
|
22
12
|
* @constructor
|
|
23
|
-
* @author SAP SE
|
|
24
|
-
* @alias sap.ui.webc.main.TableGroupRow
|
|
25
|
-
* @extends sap.ui.webc.base.UI5Element
|
|
26
|
-
* @tagname ui5-table-group-row
|
|
27
13
|
* @since 1.0.0-rc.15
|
|
28
|
-
* @implements
|
|
14
|
+
* @implements {ITableRow}
|
|
29
15
|
* @public
|
|
16
|
+
* @slot {Node[]} default - Defines the text of the component. <br> <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
17
|
+
* @csspart group-row - Used to style the native <code>tr</code> element
|
|
30
18
|
*/
|
|
31
|
-
declare class TableGroupRow extends UI5Element implements ITableRow
|
|
19
|
+
declare class TableGroupRow extends UI5Element implements ITableRow {
|
|
32
20
|
/**
|
|
33
21
|
* Defines the mode of the row
|
|
34
22
|
*
|
|
@@ -40,8 +28,8 @@ declare class TableGroupRow extends UI5Element implements ITableRow, ITabbable {
|
|
|
40
28
|
* <li><code>SingleSelect</code></li>
|
|
41
29
|
* <li><code>MultiSelect</code></li>
|
|
42
30
|
* </ul>
|
|
43
|
-
*
|
|
44
|
-
* @
|
|
31
|
+
*
|
|
32
|
+
* @default "None"
|
|
45
33
|
* @private
|
|
46
34
|
*/
|
|
47
35
|
mode: `${TableMode}`;
|
|
@@ -52,16 +40,6 @@ declare class TableGroupRow extends UI5Element implements ITableRow, ITabbable {
|
|
|
52
40
|
selected: boolean;
|
|
53
41
|
_tabbables: Array<HTMLElement>;
|
|
54
42
|
_columnsInfoString: string;
|
|
55
|
-
/**
|
|
56
|
-
* Defines the text of the component.
|
|
57
|
-
* <br>
|
|
58
|
-
* <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
59
|
-
*
|
|
60
|
-
* @type {Node[]}
|
|
61
|
-
* @name sap.ui.webc.main.TableGroupRow.prototype.default
|
|
62
|
-
* @slot
|
|
63
|
-
* @public
|
|
64
|
-
*/
|
|
65
43
|
static i18nBundle: I18nBundle;
|
|
66
44
|
_colSpan?: number;
|
|
67
45
|
get colSpan(): number | undefined;
|
package/dist/TableGroupRow.js
CHANGED
|
@@ -11,7 +11,6 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
|
|
|
11
11
|
import event from "@ui5/webcomponents-base/dist/decorators/event.js";
|
|
12
12
|
import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
13
13
|
import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
|
14
|
-
import "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
|
|
15
14
|
import CheckBox from "./CheckBox.js";
|
|
16
15
|
import TableGroupRowTemplate from "./generated/templates/TableGroupRowTemplate.lit.js";
|
|
17
16
|
import TableMode from "./types/TableMode.js";
|
|
@@ -26,23 +25,12 @@ import tableGroupRowStyles from "./generated/themes/TableGroupRow.css.js";
|
|
|
26
25
|
*
|
|
27
26
|
* The <code>ui5-table-group-row</code> component represents a group row in the <code>ui5-table</code>.
|
|
28
27
|
*
|
|
29
|
-
* <h3>CSS Shadow Parts</h3>
|
|
30
|
-
*
|
|
31
|
-
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
32
|
-
* <br>
|
|
33
|
-
* The <code>ui5-table-group-row</code> exposes the following CSS Shadow Parts:
|
|
34
|
-
* <ul>
|
|
35
|
-
* <li>group-row - Used to style the native <code>tr</code> element.</li>
|
|
36
|
-
* </ul>
|
|
37
|
-
*
|
|
38
28
|
* @constructor
|
|
39
|
-
* @author SAP SE
|
|
40
|
-
* @alias sap.ui.webc.main.TableGroupRow
|
|
41
|
-
* @extends sap.ui.webc.base.UI5Element
|
|
42
|
-
* @tagname ui5-table-group-row
|
|
43
29
|
* @since 1.0.0-rc.15
|
|
44
|
-
* @implements
|
|
30
|
+
* @implements {ITableRow}
|
|
45
31
|
* @public
|
|
32
|
+
* @slot {Node[]} default - Defines the text of the component. <br> <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
33
|
+
* @csspart group-row - Used to style the native <code>tr</code> element
|
|
46
34
|
*/
|
|
47
35
|
let TableGroupRow = TableGroupRow_1 = class TableGroupRow extends UI5Element {
|
|
48
36
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableGroupRow.js","sourceRoot":"","sources":["../src/TableGroupRow.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,
|
|
1
|
+
{"version":3,"file":"TableGroupRow.js","sourceRoot":"","sources":["../src/TableGroupRow.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport type { ITableRow, TableColumnInfo } from \"./Table.js\";\nimport TableGroupRowTemplate from \"./generated/templates/TableGroupRowTemplate.lit.js\";\nimport TableMode from \"./types/TableMode.js\";\n\n// Texts\nimport {\n\tTABLE_GROUP_ROW_ARIA_LABEL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport tableGroupRowStyles from \"./generated/themes/TableGroupRow.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-group-row</code> component represents a group row in the <code>ui5-table</code>.\n *\n * @constructor\n * @since 1.0.0-rc.15\n * @implements {ITableRow}\n * @public\n * @slot {Node[]} default - Defines the text of the component. <br> <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n * @csspart group-row - Used to style the native <code>tr</code> element\n */\n@customElement({\n\ttag: \"ui5-table-group-row\",\n\tstyles: tableGroupRowStyles,\n\trenderer: litRender,\n\ttemplate: TableGroupRowTemplate,\n\tdependencies: [\n\t\tCheckBox,\n\t],\n})\n@event(\"_focused\")\nclass TableGroupRow extends UI5Element implements ITableRow {\n\t/**\n\t * Defines the mode of the row\n\t *\n\t * <br><br>\n\t * <b>Note:</b>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>SingleSelect</code></li>\n\t * <li><code>MultiSelect</code></li>\n\t * </ul>\n\t *\n\t * @default \"None\"\n\t * @private\n\t */\n\t@property({ type: TableMode, defaultValue: TableMode.None })\n\tmode!: `${TableMode}`;\n\n\t@property({ type: Object, multiple: true })\n\t_columnsInfo!: Array<TableColumnInfo>;\n\n\t@property({ defaultValue: \"-1\" })\n\t_tabIndex!: string;\n\n\t@property({ type: Boolean })\n\t_busy!: boolean;\n\n\t@property({ defaultValue: \"\", noAttribute: true })\n\t_ariaPosition!: string;\n\n\t// Properties, set and handled by the Table\n\tselected = false;\n\t_tabbables: Array<HTMLElement> = [];\n\t_columnsInfoString = \"\";\n\n\tstatic i18nBundle: I18nBundle;\n\n\t_colSpan?: number;\n\n\tget colSpan() {\n\t\treturn this._colSpan;\n\t}\n\n\tget ariaLabelText() {\n\t\treturn `${TableGroupRow.i18nBundle.getText(TABLE_GROUP_ROW_ARIA_LABEL)} ${this.innerText}. ${this._ariaPosition}`;\n\t}\n\n\tvisibleColCount(): number {\n\t\tlet count = this._columnsInfo.reduce((acc, column) => {\n\t\t\treturn column.visible ? ++acc : acc;\n\t\t}, 0);\n\n\t\tif (this.mode === TableMode.MultiSelect) {\n\t\t\tcount++;\n\t\t}\n\n\t\treturn count;\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this._columnsInfo || this._columnsInfo.length === 0) {\n\t\t\treturn;\n\t\t}\n\t\tthis._colSpan = this.visibleColCount();\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tthis.fireEvent(\"_focused\", e);\n\t}\n\n\tstatic async onDefine() {\n\t\tTableGroupRow.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nTableGroupRow.define();\n\nexport default TableGroupRow;\n"]}
|
package/dist/TableRow.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
2
2
|
import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
|
3
3
|
import type { PassiveEventListenerObject } from "@ui5/webcomponents-base/dist/types.js";
|
|
4
|
-
import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
|
|
5
4
|
import type TableCell from "./TableCell.js";
|
|
6
5
|
import type { ITableRow, TableColumnInfo } from "./Table.js";
|
|
7
6
|
import TableMode from "./types/TableMode.js";
|
|
@@ -28,25 +27,14 @@ type TableRowF7PressEventDetail = {
|
|
|
28
27
|
*
|
|
29
28
|
* The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.
|
|
30
29
|
*
|
|
31
|
-
* <h3>CSS Shadow Parts</h3>
|
|
32
|
-
*
|
|
33
|
-
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
34
|
-
* <br>
|
|
35
|
-
* The <code>ui5-table-row</code> exposes the following CSS Shadow Parts:
|
|
36
|
-
* <ul>
|
|
37
|
-
* <li>row - Used to style the native <code>tr</code> element</li>
|
|
38
|
-
* <li>popin-row - Used to style the <code>tr</code> element when a row pops in</li>
|
|
39
|
-
* </ul>
|
|
40
|
-
*
|
|
41
30
|
* @constructor
|
|
42
|
-
* @
|
|
43
|
-
* @
|
|
44
|
-
* @extends sap.ui.webc.base.UI5Element
|
|
45
|
-
* @tagname ui5-table-row
|
|
46
|
-
* @implements sap.ui.webc.main.ITableRow
|
|
31
|
+
* @extends UI5Element
|
|
32
|
+
* @implements {ITableRow}
|
|
47
33
|
* @public
|
|
34
|
+
* @csspart row - Used to style the native <code>tr</code> element
|
|
35
|
+
* @csspart popin-row - Used to style the <code>tr</code> element when a row pops in
|
|
48
36
|
*/
|
|
49
|
-
declare class TableRow extends UI5Element implements ITableRow
|
|
37
|
+
declare class TableRow extends UI5Element implements ITableRow {
|
|
50
38
|
/**
|
|
51
39
|
* Defines the visual indication and behavior of the component.
|
|
52
40
|
* <br><br>
|
|
@@ -59,9 +47,7 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
|
|
|
59
47
|
* <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press,
|
|
60
48
|
* while with type <code>Inactive</code> - will not.
|
|
61
49
|
*
|
|
62
|
-
* @
|
|
63
|
-
* @name sap.ui.webc.main.TableRow.prototype.type
|
|
64
|
-
* @defaultvalue "Inactive"
|
|
50
|
+
* @default "Inactive"
|
|
65
51
|
* @since 1.0.0-rc.15
|
|
66
52
|
* @public
|
|
67
53
|
*/
|
|
@@ -69,9 +55,7 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
|
|
|
69
55
|
/**
|
|
70
56
|
* Defines the row's selected state.
|
|
71
57
|
*
|
|
72
|
-
* @
|
|
73
|
-
* @name sap.ui.webc.main.TableRow.prototype.selected
|
|
74
|
-
* @defaultvalue false
|
|
58
|
+
* @default false
|
|
75
59
|
* @since 1.0.0-rc.15
|
|
76
60
|
* @public
|
|
77
61
|
*/
|
|
@@ -79,17 +63,15 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
|
|
|
79
63
|
/**
|
|
80
64
|
* Indicates if the table row is navigated.
|
|
81
65
|
*
|
|
82
|
-
* @
|
|
83
|
-
* @name sap.ui.webc.main.TableRow.prototype.navigated
|
|
84
|
-
* @defaultvalue false
|
|
66
|
+
* @default false
|
|
85
67
|
* @since 1.9.0
|
|
86
68
|
* @public
|
|
87
69
|
*/
|
|
88
70
|
navigated: boolean;
|
|
89
71
|
/**
|
|
90
72
|
* Defines the mode of the row (None, SingleSelect, MultiSelect).
|
|
91
|
-
*
|
|
92
|
-
* @
|
|
73
|
+
*
|
|
74
|
+
* @default "None"
|
|
93
75
|
* @since 1.0.0-rc.15
|
|
94
76
|
* @private
|
|
95
77
|
*/
|
|
@@ -97,8 +79,7 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
|
|
|
97
79
|
/**
|
|
98
80
|
* Indicates if the table row is active.
|
|
99
81
|
*
|
|
100
|
-
* @
|
|
101
|
-
* @defaultvalue false
|
|
82
|
+
* @default false
|
|
102
83
|
* @since 1.0.0-rc.15
|
|
103
84
|
* @private
|
|
104
85
|
*/
|
|
@@ -112,9 +93,6 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
|
|
|
112
93
|
* <br><br>
|
|
113
94
|
* <b>Note:</b> Use <code>ui5-table-cell</code> for the intended design.
|
|
114
95
|
*
|
|
115
|
-
* @type {sap.ui.webc.main.ITableCell[]}
|
|
116
|
-
* @name sap.ui.webc.main.TableRow.prototype.default
|
|
117
|
-
* @slot cells
|
|
118
96
|
* @public
|
|
119
97
|
*/
|
|
120
98
|
cells: Array<TableCell>;
|
package/dist/TableRow.js
CHANGED
|
@@ -31,23 +31,12 @@ import tableRowStyles from "./generated/themes/TableRow.css.js";
|
|
|
31
31
|
*
|
|
32
32
|
* The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.
|
|
33
33
|
*
|
|
34
|
-
* <h3>CSS Shadow Parts</h3>
|
|
35
|
-
*
|
|
36
|
-
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
37
|
-
* <br>
|
|
38
|
-
* The <code>ui5-table-row</code> exposes the following CSS Shadow Parts:
|
|
39
|
-
* <ul>
|
|
40
|
-
* <li>row - Used to style the native <code>tr</code> element</li>
|
|
41
|
-
* <li>popin-row - Used to style the <code>tr</code> element when a row pops in</li>
|
|
42
|
-
* </ul>
|
|
43
|
-
*
|
|
44
34
|
* @constructor
|
|
45
|
-
* @
|
|
46
|
-
* @
|
|
47
|
-
* @extends sap.ui.webc.base.UI5Element
|
|
48
|
-
* @tagname ui5-table-row
|
|
49
|
-
* @implements sap.ui.webc.main.ITableRow
|
|
35
|
+
* @extends UI5Element
|
|
36
|
+
* @implements {ITableRow}
|
|
50
37
|
* @public
|
|
38
|
+
* @csspart row - Used to style the native <code>tr</code> element
|
|
39
|
+
* @csspart popin-row - Used to style the <code>tr</code> element when a row pops in
|
|
51
40
|
*/
|
|
52
41
|
let TableRow = TableRow_1 = class TableRow extends UI5Element {
|
|
53
42
|
constructor() {
|
|
@@ -310,7 +299,6 @@ TableRow = TableRow_1 = __decorate([
|
|
|
310
299
|
/**
|
|
311
300
|
* Fired when a row in <code>Active</code> mode is clicked or <code>Enter</code> key is pressed.
|
|
312
301
|
*
|
|
313
|
-
* @event sap.ui.webc.main.TableRow#row-click
|
|
314
302
|
* @since 1.0.0-rc.15
|
|
315
303
|
* @private
|
|
316
304
|
*/
|
|
@@ -320,7 +308,6 @@ TableRow = TableRow_1 = __decorate([
|
|
|
320
308
|
/**
|
|
321
309
|
* Fired on selection change of an active row.
|
|
322
310
|
*
|
|
323
|
-
* @event sap.ui.webc.main.TableRow#selection-requested
|
|
324
311
|
* @since 1.0.0-rc.15
|
|
325
312
|
* @private
|
|
326
313
|
*/
|
|
@@ -329,7 +316,6 @@ TableRow = TableRow_1 = __decorate([
|
|
|
329
316
|
/**
|
|
330
317
|
* Fired when F7 is pressed.
|
|
331
318
|
*
|
|
332
|
-
* @event sap.ui.webc.main.TableRow#f7-pressed
|
|
333
319
|
* @since 1.2.0
|
|
334
320
|
* @private
|
|
335
321
|
*/
|
package/dist/TableRow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { PassiveEventListenerObject } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport {\n\tisSpace,\n\tisEnter,\n\tisF7,\n\tisTabNext,\n\tisTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport { getLastTabbableElement } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport type TableCell from \"./TableCell.js\";\nimport type { ITableRow, TableColumnInfo } from \"./Table.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport TableMode from \"./types/TableMode.js\";\nimport TableRowType from \"./types/TableRowType.js\";\nimport TableColumnPopinDisplay from \"./types/TableColumnPopinDisplay.js\";\nimport TableRowTemplate from \"./generated/templates/TableRowTemplate.lit.js\";\nimport {\n\tARIA_LABEL_ROW_SELECTION,\n\tLIST_ITEM_NOT_SELECTED,\n\tLIST_ITEM_SELECTED,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport tableRowStyles from \"./generated/themes/TableRow.css.js\";\n\ntype TableRowClickEventDetail = {\n\trow: TableRow,\n}\n\ntype TableRowSelectionRequestedEventDetail = {\n\trow: TableRow,\n}\n\ntype TableRowForwardBeforeEventDetail = {\n\ttarget: HTMLElement,\n}\n\ntype TableRowForwardAfterEventDetail = {\n\ttarget: HTMLElement,\n}\n\ntype TableRowF7PressEventDetail = {\n\trow: TableRow,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-table-row</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>row - Used to style the native <code>tr</code> element</li>\n * <li>popin-row - Used to style the <code>tr</code> element when a row pops in</li>\n * </ul>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.TableRow\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-table-row\n * @implements sap.ui.webc.main.ITableRow\n * @public\n */\n@customElement({\n\ttag: \"ui5-table-row\",\n\tstyles: tableRowStyles,\n\trenderer: litRender,\n\ttemplate: TableRowTemplate,\n\tdependencies: [CheckBox],\n})\n/**\n * Fired when a row in <code>Active</code> mode is clicked or <code>Enter</code> key is pressed.\n *\n * @event sap.ui.webc.main.TableRow#row-click\n * @since 1.0.0-rc.15\n * @private\n */\n@event(\"row-click\")\n@event(\"_focused\")\n/**\n * Fired on selection change of an active row.\n *\n * @event sap.ui.webc.main.TableRow#selection-requested\n * @since 1.0.0-rc.15\n * @private\n */\n@event(\"selection-requested\")\n/**\n * Fired when F7 is pressed.\n *\n * @event sap.ui.webc.main.TableRow#f7-pressed\n * @since 1.2.0\n * @private\n */\n@event(\"f7-pressed\")\nclass TableRow extends UI5Element implements ITableRow, ITabbable {\n\t/**\n\t * Defines the visual indication and behavior of the component.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Active</code></li>\n\t * <li><code>Inactive</code></li>\n\t * </ul>\n\t * <br><br>\n\t * <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press,\n\t * while with type <code>Inactive</code> - will not.\n\t *\n\t * @type {sap.ui.webc.main.types.TableRowType}\n\t * @name sap.ui.webc.main.TableRow.prototype.type\n\t * @defaultvalue \"Inactive\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: TableRowType, defaultValue: TableRowType.Inactive })\n\ttype!: `${TableRowType}`;\n\n\t/**\n\t * Defines the row's selected state.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.main.TableRow.prototype.selected\n\t * @defaultvalue false\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Indicates if the table row is navigated.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.main.TableRow.prototype.navigated\n\t * @defaultvalue false\n\t * @since 1.9.0\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnavigated!: boolean;\n\n\t/**\n\t * Defines the mode of the row (None, SingleSelect, MultiSelect).\n\t * @type {sap.ui.webc.main.types.TableMode}\n\t * @defaultvalue \"None\"\n\t * @since 1.0.0-rc.15\n\t * @private\n\t */\n\t@property({ type: TableMode, defaultValue: TableMode.None })\n\tmode!: `${TableMode}`;\n\n\t/**\n\t * Indicates if the table row is active.\n\t *\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @since 1.0.0-rc.15\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tactive!: boolean;\n\n\t@property({ type: Object, multiple: true })\n\t_columnsInfo!: Array<TableColumnInfo>;\n\n\t@property({ defaultValue: \"-1\" })\n\t_tabIndex!: string;\n\n\t@property({ type: Boolean })\n\t_busy!: boolean;\n\n\t@property({ defaultValue: \"\", noAttribute: true })\n\t_ariaPosition!: string;\n\n\t/**\n\t * Defines the cells of the component.\n\t * <br><br>\n\t * <b>Note:</b> Use <code>ui5-table-cell</code> for the intended design.\n\t *\n\t * @type {sap.ui.webc.main.ITableCell[]}\n\t * @name sap.ui.webc.main.TableRow.prototype.default\n\t * @slot cells\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n\tcells!: Array<TableCell>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tvisibleCells: Array<TableCell> = [];\n\tpopinCells: Array<TableColumnInfo> = [];\n\n\t_ontouchstart: PassiveEventListenerObject;\n\n\t// Properties, set and handled by the Table\n\t_tabbables: Array<HTMLElement> = [];\n\t_columnsInfoString = \"\";\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst handleToushStartEvent = () => {\n\t\t\tthis.activate();\n\t\t};\n\n\t\tthis._ontouchstart = {\n\t\t\thandleEvent: handleToushStartEvent,\n\t\t\tpassive: true,\n\t\t};\n\t}\n\n\t_onmouseup() {\n\t\tthis.deactivate();\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst activeElement = getActiveElement() as HTMLElement;\n\t\tconst itemActive = this.type === TableRowType.Active;\n\t\tconst isSingleSelect = this.isSingleSelect;\n\t\tconst itemSelectable = isSingleSelect || this.isMultiSelect;\n\t\tconst isRowFocused = this._activeElementHasAttribute(\"ui5-table-row\");\n\t\tconst target = e.target as HTMLElement;\n\t\tconst checkboxPressed = target.classList.contains(\"ui5-multi-select-checkbox\");\n\t\tconst rowElements = Array.from(this.shadowRoot!.querySelectorAll(\"tr\") || []);\n\t\tconst elements = rowElements.map(getLastTabbableElement);\n\t\tconst lastFocusableElement = elements.pop();\n\n\t\tif (isTabNext(e) && activeElement === (lastFocusableElement || this.root)) {\n\t\t\tthis.fireEvent<TableRowForwardAfterEventDetail>(\"_forward-after\", { target: activeElement });\n\t\t}\n\n\t\tif (isTabPrevious(e) && activeElement === this.root) {\n\t\t\tthis.fireEvent<TableRowForwardBeforeEventDetail>(\"_forward-before\", { target: activeElement });\n\t\t}\n\n\t\tif (isSpace(e) && target.tagName.toLowerCase() === \"tr\") {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isRowFocused && !checkboxPressed) {\n\t\t\tif ((isSpace(e) && itemSelectable) || (isEnter(e) && isSingleSelect)) {\n\t\t\t\tthis.fireEvent<TableRowSelectionRequestedEventDetail>(\"selection-requested\", { row: this });\n\t\t\t}\n\n\t\t\tif (isEnter(e) && itemActive) {\n\t\t\t\tthis.fireEvent<TableRowClickEventDetail>(\"row-click\", { row: this });\n\t\t\t\tif (!isSingleSelect) {\n\t\t\t\t\tthis.activate();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (isF7(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.fireEvent<TableRowF7PressEventDetail>(\"f7-pressed\", { row: this });\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.deactivate();\n\t\t}\n\t}\n\n\t_ontouchend() {\n\t\tthis.deactivate();\n\t}\n\n\t_onfocusout() {\n\t\tthis.deactivate();\n\t}\n\n\t_onfocusin(e: FocusEvent, forceSelfFocus = false) {\n\t\tif (forceSelfFocus || this._activeElementHasAttribute(\"ui5-table-cell\")) {\n\t\t\tthis.root.focus();\n\t\t\tthis.activate();\n\t\t}\n\n\t\tthis.fireEvent(\"_focused\");\n\t}\n\n\t_onrowclick(e: MouseEvent) {\n\t\tconst checkboxPressed = (e.target as HTMLElement).classList.contains(\"ui5-multi-select-checkbox\");\n\t\t// If the user tab over a button on IOS device, the document.activeElement\n\t\t// is the ui5-table-row. The check below ensure that, if a button within the row is pressed,\n\t\t// the row will not be selected.\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = (this.getRootNode() as Document).activeElement;\n\t\tif (!this.contains(activeElement)) {\n\t\t\t// If the user clickes on non-focusable element within the ui5-table-cell,\n\t\t\t// the focus goes to the body, se we have to bring it back to the row.\n\t\t\t// If the user clicks on input, button or similar clickable element,\n\t\t\t// the focus remains on that element.\n\t\t\tthis._onfocusin(e, true /* force row focus */);\n\t\t\tthis.deactivate();\n\t\t}\n\n\t\tif (this._activeElementHasAttribute(\"ui5-table-row\")) {\n\t\t\tif (this.isSingleSelect) {\n\t\t\t\tthis._handleSelection();\n\t\t\t}\n\n\t\t\tif (this.type === TableRowType.Active && !checkboxPressed) {\n\t\t\t\tthis.fireEvent<TableRowClickEventDetail>(\"row-click\", { row: this });\n\t\t\t}\n\t\t}\n\t}\n\n\t_handleSelection() {\n\t\tthis.fireEvent<TableRowSelectionRequestedEventDetail>(\"selection-requested\", { row: this });\n\t}\n\n\t_activeElementHasAttribute(attr: string): boolean {\n\t\treturn !!((this.getRootNode() as Document).activeElement?.hasAttribute(attr));\n\t}\n\n\tget _ariaCurrent() {\n\t\treturn this.navigated ? true : undefined;\n\t}\n\n\tactivate() {\n\t\tif (this.type === TableRowType.Active) {\n\t\t\tthis.active = true;\n\t\t}\n\t}\n\n\tdeactivate() {\n\t\tif (this.active) {\n\t\t\tthis.active = false;\n\t\t}\n\t}\n\n\tget shouldPopin() {\n\t\treturn this._columnsInfo.filter(el => {\n\t\t\treturn el.demandPopin || !el.visible;\n\t\t}).length;\n\t}\n\n\tget allColumnsPoppedIn() {\n\t\treturn this._columnsInfo.every(el => el.demandPopin && !el.visible);\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this.shouldPopin) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.visibleCells = [];\n\t\tthis.popinCells = [];\n\n\t\tif (this.cells.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst allColumnsPoppedInClass = this.allColumnsPoppedIn ? \"all-columns-popped-in\" : \"\";\n\t\tthis._columnsInfo.forEach((info, index) => {\n\t\t\tconst cell = this.cells[index];\n\t\t\tconst popinDisplay = info.popinDisplay === TableColumnPopinDisplay.Inline;\n\n\t\t\tif (!cell) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (info.visible) {\n\t\t\t\tthis.visibleCells.push(cell);\n\t\t\t\tcell.popined = false;\n\t\t\t\tcell._popinedInline = false;\n\t\t\t} else if (info.demandPopin) {\n\t\t\t\tconst popinHeaderClass = this.popinCells.length === 0 ? \"popin-header\" : \"\";\n\t\t\t\tthis.popinCells.push({\n\t\t\t\t\tcell,\n\t\t\t\t\tpopinText: info.popinText,\n\t\t\t\t\tclasses: `ui5-table-popin-row ${allColumnsPoppedInClass} ${popinHeaderClass}`,\n\t\t\t\t\tpopinDisplayInline: popinDisplay,\n\t\t\t\t});\n\t\t\t\tcell.popined = true;\n\t\t\t\tif (info.popinDisplay === TableColumnPopinDisplay.Inline) {\n\t\t\t\t\tcell._popinedInline = true;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tcell.popined = false;\n\t\t\t\tcell._popinedInline = false;\n\t\t\t}\n\t\t});\n\n\t\tconst lastVisibleCell = this.visibleCells[this.visibleCells.length - 1];\n\n\t\tif (lastVisibleCell) {\n\t\t\tlastVisibleCell.lastInRow = true;\n\t\t}\n\t}\n\n\tget visibleCellsCount() {\n\t\tlet visibleCellsCount = this.visibleCells.length;\n\n\t\tif (this.isMultiSelect) {\n\t\t\tvisibleCellsCount += 1;\n\t\t}\n\n\t\treturn visibleCellsCount;\n\t}\n\n\tget ariaLabelText() {\n\t\tconst isSelected = this.selected ? TableRow.i18nBundle.getText(LIST_ITEM_SELECTED) : TableRow.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);\n\t\tconst isRowSelectable = this.isSingleSelect || this.isMultiSelect;\n\t\tconst ariaLabel = this.cells.map((cell, index) => {\n\t\t\tconst columText = this.getColumnTextByIdx(index);\n\t\t\tconst cellText = cell.cellContent.length ? this.getCellText(cell) : cell.ariaLabelEmptyCellText;\n\t\t\treturn `${columText} ${cellText}`;\n\t\t}).join(\" \");\n\n\t\tif (isRowSelectable) {\n\t\t\treturn `${ariaLabel}. ${this._ariaPosition}. ${isSelected}`;\n\t\t}\n\n\t\treturn `${ariaLabel}. ${this._ariaPosition}`;\n\t}\n\n\tget ariaLabelRowSelection() {\n\t\treturn TableRow.i18nBundle.getText(ARIA_LABEL_ROW_SELECTION);\n\t}\n\n\tget isSingleSelect() {\n\t\treturn this.mode === TableMode.SingleSelect;\n\t}\n\n\tget isMultiSelect() {\n\t\treturn this.mode === TableMode.MultiSelect;\n\t}\n\n\tget root() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-table-row-root\")!;\n\t}\n\n\tgetCellText(cell: TableCell): string {\n\t\tconst cellTextContent = cell.textContent;\n\n\t\treturn cellTextContent ? this.getNormilzedTextContent(cellTextContent) : \"\";\n\t}\n\n\tgetColumnTextByIdx(index: number): string {\n\t\tconst columnInfo: TableColumnInfo = this._columnsInfo[index];\n\n\t\tif (!columnInfo) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\treturn columnInfo.text ? this.getNormilzedTextContent(columnInfo.text) : \"\";\n\t}\n\n\tgetNormilzedTextContent(textContent: string): string {\n\t\treturn textContent.replace(/[\\n\\r\\t]/g, \"\").trim();\n\t}\n\n\tstatic async onDefine() {\n\t\tTableRow.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nTableRow.define();\n\nexport default TableRow;\n\nexport type {\n\tTableRowClickEventDetail,\n\tTableRowSelectionRequestedEventDetail,\n\tTableRowForwardBeforeEventDetail,\n\tTableRowForwardAfterEventDetail,\n\tTableRowF7PressEventDetail,\n};\n"]}
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { PassiveEventListenerObject } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n\tisSpace,\n\tisEnter,\n\tisF7,\n\tisTabNext,\n\tisTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport { getLastTabbableElement } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport type TableCell from \"./TableCell.js\";\nimport type { ITableRow, TableColumnInfo } from \"./Table.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport TableMode from \"./types/TableMode.js\";\nimport TableRowType from \"./types/TableRowType.js\";\nimport TableColumnPopinDisplay from \"./types/TableColumnPopinDisplay.js\";\nimport TableRowTemplate from \"./generated/templates/TableRowTemplate.lit.js\";\nimport {\n\tARIA_LABEL_ROW_SELECTION,\n\tLIST_ITEM_NOT_SELECTED,\n\tLIST_ITEM_SELECTED,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport tableRowStyles from \"./generated/themes/TableRow.css.js\";\n\ntype TableRowClickEventDetail = {\n\trow: TableRow,\n}\n\ntype TableRowSelectionRequestedEventDetail = {\n\trow: TableRow,\n}\n\ntype TableRowForwardBeforeEventDetail = {\n\ttarget: HTMLElement,\n}\n\ntype TableRowForwardAfterEventDetail = {\n\ttarget: HTMLElement,\n}\n\ntype TableRowF7PressEventDetail = {\n\trow: TableRow,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.\n *\n * @constructor\n * @extends UI5Element\n * @implements {ITableRow}\n * @public\n * @csspart row - Used to style the native <code>tr</code> element\n * @csspart popin-row - Used to style the <code>tr</code> element when a row pops in\n */\n@customElement({\n\ttag: \"ui5-table-row\",\n\tstyles: tableRowStyles,\n\trenderer: litRender,\n\ttemplate: TableRowTemplate,\n\tdependencies: [CheckBox],\n})\n/**\n * Fired when a row in <code>Active</code> mode is clicked or <code>Enter</code> key is pressed.\n *\n * @since 1.0.0-rc.15\n * @private\n */\n@event(\"row-click\")\n@event(\"_focused\")\n/**\n * Fired on selection change of an active row.\n *\n * @since 1.0.0-rc.15\n * @private\n */\n@event(\"selection-requested\")\n/**\n * Fired when F7 is pressed.\n *\n * @since 1.2.0\n * @private\n */\n@event(\"f7-pressed\")\nclass TableRow extends UI5Element implements ITableRow {\n\t/**\n\t * Defines the visual indication and behavior of the component.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Active</code></li>\n\t * <li><code>Inactive</code></li>\n\t * </ul>\n\t * <br><br>\n\t * <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press,\n\t * while with type <code>Inactive</code> - will not.\n\t *\n\t * @default \"Inactive\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: TableRowType, defaultValue: TableRowType.Inactive })\n\ttype!: `${TableRowType}`;\n\n\t/**\n\t * Defines the row's selected state.\n\t *\n\t * @default false\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Indicates if the table row is navigated.\n\t *\n\t * @default false\n\t * @since 1.9.0\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnavigated!: boolean;\n\n\t/**\n\t * Defines the mode of the row (None, SingleSelect, MultiSelect).\n\t *\n\t * @default \"None\"\n\t * @since 1.0.0-rc.15\n\t * @private\n\t */\n\t@property({ type: TableMode, defaultValue: TableMode.None })\n\tmode!: `${TableMode}`;\n\n\t/**\n\t * Indicates if the table row is active.\n\t *\n\t * @default false\n\t * @since 1.0.0-rc.15\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tactive!: boolean;\n\n\t@property({ type: Object, multiple: true })\n\t_columnsInfo!: Array<TableColumnInfo>;\n\n\t@property({ defaultValue: \"-1\" })\n\t_tabIndex!: string;\n\n\t@property({ type: Boolean })\n\t_busy!: boolean;\n\n\t@property({ defaultValue: \"\", noAttribute: true })\n\t_ariaPosition!: string;\n\n\t/**\n\t * Defines the cells of the component.\n\t * <br><br>\n\t * <b>Note:</b> Use <code>ui5-table-cell</code> for the intended design.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n\tcells!: Array<TableCell>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tvisibleCells: Array<TableCell> = [];\n\tpopinCells: Array<TableColumnInfo> = [];\n\n\t_ontouchstart: PassiveEventListenerObject;\n\n\t// Properties, set and handled by the Table\n\t_tabbables: Array<HTMLElement> = [];\n\t_columnsInfoString = \"\";\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst handleToushStartEvent = () => {\n\t\t\tthis.activate();\n\t\t};\n\n\t\tthis._ontouchstart = {\n\t\t\thandleEvent: handleToushStartEvent,\n\t\t\tpassive: true,\n\t\t};\n\t}\n\n\t_onmouseup() {\n\t\tthis.deactivate();\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst activeElement = getActiveElement() as HTMLElement;\n\t\tconst itemActive = this.type === TableRowType.Active;\n\t\tconst isSingleSelect = this.isSingleSelect;\n\t\tconst itemSelectable = isSingleSelect || this.isMultiSelect;\n\t\tconst isRowFocused = this._activeElementHasAttribute(\"ui5-table-row\");\n\t\tconst target = e.target as HTMLElement;\n\t\tconst checkboxPressed = target.classList.contains(\"ui5-multi-select-checkbox\");\n\t\tconst rowElements = Array.from(this.shadowRoot!.querySelectorAll(\"tr\") || []);\n\t\tconst elements = rowElements.map(getLastTabbableElement);\n\t\tconst lastFocusableElement = elements.pop();\n\n\t\tif (isTabNext(e) && activeElement === (lastFocusableElement || this.root)) {\n\t\t\tthis.fireEvent<TableRowForwardAfterEventDetail>(\"_forward-after\", { target: activeElement });\n\t\t}\n\n\t\tif (isTabPrevious(e) && activeElement === this.root) {\n\t\t\tthis.fireEvent<TableRowForwardBeforeEventDetail>(\"_forward-before\", { target: activeElement });\n\t\t}\n\n\t\tif (isSpace(e) && target.tagName.toLowerCase() === \"tr\") {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isRowFocused && !checkboxPressed) {\n\t\t\tif ((isSpace(e) && itemSelectable) || (isEnter(e) && isSingleSelect)) {\n\t\t\t\tthis.fireEvent<TableRowSelectionRequestedEventDetail>(\"selection-requested\", { row: this });\n\t\t\t}\n\n\t\t\tif (isEnter(e) && itemActive) {\n\t\t\t\tthis.fireEvent<TableRowClickEventDetail>(\"row-click\", { row: this });\n\t\t\t\tif (!isSingleSelect) {\n\t\t\t\t\tthis.activate();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (isF7(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.fireEvent<TableRowF7PressEventDetail>(\"f7-pressed\", { row: this });\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.deactivate();\n\t\t}\n\t}\n\n\t_ontouchend() {\n\t\tthis.deactivate();\n\t}\n\n\t_onfocusout() {\n\t\tthis.deactivate();\n\t}\n\n\t_onfocusin(e: FocusEvent, forceSelfFocus = false) {\n\t\tif (forceSelfFocus || this._activeElementHasAttribute(\"ui5-table-cell\")) {\n\t\t\tthis.root.focus();\n\t\t\tthis.activate();\n\t\t}\n\n\t\tthis.fireEvent(\"_focused\");\n\t}\n\n\t_onrowclick(e: MouseEvent) {\n\t\tconst checkboxPressed = (e.target as HTMLElement).classList.contains(\"ui5-multi-select-checkbox\");\n\t\t// If the user tab over a button on IOS device, the document.activeElement\n\t\t// is the ui5-table-row. The check below ensure that, if a button within the row is pressed,\n\t\t// the row will not be selected.\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = (this.getRootNode() as Document).activeElement;\n\t\tif (!this.contains(activeElement)) {\n\t\t\t// If the user clickes on non-focusable element within the ui5-table-cell,\n\t\t\t// the focus goes to the body, se we have to bring it back to the row.\n\t\t\t// If the user clicks on input, button or similar clickable element,\n\t\t\t// the focus remains on that element.\n\t\t\tthis._onfocusin(e, true /* force row focus */);\n\t\t\tthis.deactivate();\n\t\t}\n\n\t\tif (this._activeElementHasAttribute(\"ui5-table-row\")) {\n\t\t\tif (this.isSingleSelect) {\n\t\t\t\tthis._handleSelection();\n\t\t\t}\n\n\t\t\tif (this.type === TableRowType.Active && !checkboxPressed) {\n\t\t\t\tthis.fireEvent<TableRowClickEventDetail>(\"row-click\", { row: this });\n\t\t\t}\n\t\t}\n\t}\n\n\t_handleSelection() {\n\t\tthis.fireEvent<TableRowSelectionRequestedEventDetail>(\"selection-requested\", { row: this });\n\t}\n\n\t_activeElementHasAttribute(attr: string): boolean {\n\t\treturn !!((this.getRootNode() as Document).activeElement?.hasAttribute(attr));\n\t}\n\n\tget _ariaCurrent() {\n\t\treturn this.navigated ? true : undefined;\n\t}\n\n\tactivate() {\n\t\tif (this.type === TableRowType.Active) {\n\t\t\tthis.active = true;\n\t\t}\n\t}\n\n\tdeactivate() {\n\t\tif (this.active) {\n\t\t\tthis.active = false;\n\t\t}\n\t}\n\n\tget shouldPopin() {\n\t\treturn this._columnsInfo.filter(el => {\n\t\t\treturn el.demandPopin || !el.visible;\n\t\t}).length;\n\t}\n\n\tget allColumnsPoppedIn() {\n\t\treturn this._columnsInfo.every(el => el.demandPopin && !el.visible);\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this.shouldPopin) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.visibleCells = [];\n\t\tthis.popinCells = [];\n\n\t\tif (this.cells.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst allColumnsPoppedInClass = this.allColumnsPoppedIn ? \"all-columns-popped-in\" : \"\";\n\t\tthis._columnsInfo.forEach((info, index) => {\n\t\t\tconst cell = this.cells[index];\n\t\t\tconst popinDisplay = info.popinDisplay === TableColumnPopinDisplay.Inline;\n\n\t\t\tif (!cell) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (info.visible) {\n\t\t\t\tthis.visibleCells.push(cell);\n\t\t\t\tcell.popined = false;\n\t\t\t\tcell._popinedInline = false;\n\t\t\t} else if (info.demandPopin) {\n\t\t\t\tconst popinHeaderClass = this.popinCells.length === 0 ? \"popin-header\" : \"\";\n\t\t\t\tthis.popinCells.push({\n\t\t\t\t\tcell,\n\t\t\t\t\tpopinText: info.popinText,\n\t\t\t\t\tclasses: `ui5-table-popin-row ${allColumnsPoppedInClass} ${popinHeaderClass}`,\n\t\t\t\t\tpopinDisplayInline: popinDisplay,\n\t\t\t\t});\n\t\t\t\tcell.popined = true;\n\t\t\t\tif (info.popinDisplay === TableColumnPopinDisplay.Inline) {\n\t\t\t\t\tcell._popinedInline = true;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tcell.popined = false;\n\t\t\t\tcell._popinedInline = false;\n\t\t\t}\n\t\t});\n\n\t\tconst lastVisibleCell = this.visibleCells[this.visibleCells.length - 1];\n\n\t\tif (lastVisibleCell) {\n\t\t\tlastVisibleCell.lastInRow = true;\n\t\t}\n\t}\n\n\tget visibleCellsCount() {\n\t\tlet visibleCellsCount = this.visibleCells.length;\n\n\t\tif (this.isMultiSelect) {\n\t\t\tvisibleCellsCount += 1;\n\t\t}\n\n\t\treturn visibleCellsCount;\n\t}\n\n\tget ariaLabelText() {\n\t\tconst isSelected = this.selected ? TableRow.i18nBundle.getText(LIST_ITEM_SELECTED) : TableRow.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);\n\t\tconst isRowSelectable = this.isSingleSelect || this.isMultiSelect;\n\t\tconst ariaLabel = this.cells.map((cell, index) => {\n\t\t\tconst columText = this.getColumnTextByIdx(index);\n\t\t\tconst cellText = cell.cellContent.length ? this.getCellText(cell) : cell.ariaLabelEmptyCellText;\n\t\t\treturn `${columText} ${cellText}`;\n\t\t}).join(\" \");\n\n\t\tif (isRowSelectable) {\n\t\t\treturn `${ariaLabel}. ${this._ariaPosition}. ${isSelected}`;\n\t\t}\n\n\t\treturn `${ariaLabel}. ${this._ariaPosition}`;\n\t}\n\n\tget ariaLabelRowSelection() {\n\t\treturn TableRow.i18nBundle.getText(ARIA_LABEL_ROW_SELECTION);\n\t}\n\n\tget isSingleSelect() {\n\t\treturn this.mode === TableMode.SingleSelect;\n\t}\n\n\tget isMultiSelect() {\n\t\treturn this.mode === TableMode.MultiSelect;\n\t}\n\n\tget root() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-table-row-root\")!;\n\t}\n\n\tgetCellText(cell: TableCell): string {\n\t\tconst cellTextContent = cell.textContent;\n\n\t\treturn cellTextContent ? this.getNormilzedTextContent(cellTextContent) : \"\";\n\t}\n\n\tgetColumnTextByIdx(index: number): string {\n\t\tconst columnInfo: TableColumnInfo = this._columnsInfo[index];\n\n\t\tif (!columnInfo) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\treturn columnInfo.text ? this.getNormilzedTextContent(columnInfo.text) : \"\";\n\t}\n\n\tgetNormilzedTextContent(textContent: string): string {\n\t\treturn textContent.replace(/[\\n\\r\\t]/g, \"\").trim();\n\t}\n\n\tstatic async onDefine() {\n\t\tTableRow.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nTableRow.define();\n\nexport default TableRow;\n\nexport type {\n\tTableRowClickEventDetail,\n\tTableRowSelectionRequestedEventDetail,\n\tTableRowForwardBeforeEventDetail,\n\tTableRowForwardAfterEventDetail,\n\tTableRowF7PressEventDetail,\n};\n"]}
|