@openui5/sap.m 1.91.0 → 1.93.2
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/.reuse/dep5 +46 -0
- package/THIRDPARTY.txt +59 -1
- package/package.json +4 -4
- package/src/sap/m/.library +1 -1
- package/src/sap/m/AccButton.js +1 -1
- package/src/sap/m/ActionListItem.js +1 -1
- package/src/sap/m/ActionSelect.js +3 -1
- package/src/sap/m/ActionSheet.js +1 -1
- package/src/sap/m/App.js +2 -2
- package/src/sap/m/AssociativeOverflowToolbar.js +1 -1
- package/src/sap/m/Avatar.js +1 -1
- package/src/sap/m/BadgeEnabler.js +4 -0
- package/src/sap/m/Bar.js +14 -1
- package/src/sap/m/Breadcrumbs.js +34 -4
- package/src/sap/m/BreadcrumbsRenderer.js +13 -2
- package/src/sap/m/BusyDialog.js +2 -1
- package/src/sap/m/BusyIndicator.js +1 -1
- package/src/sap/m/Button.js +26 -12
- package/src/sap/m/Carousel.js +7 -7
- package/src/sap/m/CarouselLayout.js +1 -1
- package/src/sap/m/CheckBox.js +21 -6
- package/src/sap/m/CheckBoxRenderer.js +1 -1
- package/src/sap/m/ColorPalette.js +10 -24
- package/src/sap/m/ColorPalettePopover.js +1 -1
- package/src/sap/m/Column.js +12 -4
- package/src/sap/m/ColumnHeaderPopover.js +1 -1
- package/src/sap/m/ColumnListItem.js +8 -2
- package/src/sap/m/ColumnPopoverActionItem.js +1 -1
- package/src/sap/m/ColumnPopoverCustomItem.js +1 -1
- package/src/sap/m/ColumnPopoverItem.js +1 -1
- package/src/sap/m/ColumnPopoverSelectListItem.js +1 -1
- package/src/sap/m/ColumnPopoverSortItem.js +1 -1
- package/src/sap/m/ComboBox.js +14 -24
- package/src/sap/m/ComboBoxBase.js +12 -1
- package/src/sap/m/ComboBoxRenderer.js +3 -1
- package/src/sap/m/ComboBoxTextField.js +1 -1
- package/src/sap/m/CustomDynamicDateOption.js +99 -0
- package/src/sap/m/CustomListItem.js +1 -1
- package/src/sap/m/CustomTile.js +1 -1
- package/src/sap/m/CustomTreeItem.js +1 -1
- package/src/sap/m/DatePicker.js +13 -6
- package/src/sap/m/DateRangeSelection.js +5 -5
- package/src/sap/m/DateTimeField.js +69 -1
- package/src/sap/m/DateTimeInput.js +2 -2
- package/src/sap/m/DateTimePicker.js +17 -10
- package/src/sap/m/Dialog.js +17 -13
- package/src/sap/m/DisplayListItem.js +1 -1
- package/src/sap/m/DraftIndicator.js +1 -1
- package/src/sap/m/DynamicDate.js +197 -0
- package/src/sap/m/DynamicDateFormat.js +264 -0
- package/src/sap/m/DynamicDateOption.js +345 -0
- package/src/sap/m/DynamicDateRange.js +1187 -0
- package/src/sap/m/DynamicDateRangeRenderer.js +36 -0
- package/src/sap/m/DynamicDateUtil.js +162 -0
- package/src/sap/m/DynamicDateValueHelpUIType.js +55 -0
- package/src/sap/m/ExpandableText.js +4 -2
- package/src/sap/m/FacetFilter.js +17 -7
- package/src/sap/m/FacetFilterItem.js +1 -1
- package/src/sap/m/FacetFilterList.js +3 -3
- package/src/sap/m/FeedContent.js +1 -1
- package/src/sap/m/FeedInput.js +21 -10
- package/src/sap/m/FeedInputRenderer.js +1 -1
- package/src/sap/m/FeedListItem.js +29 -23
- package/src/sap/m/FeedListItemAction.js +1 -1
- package/src/sap/m/Fiori20Adapter.js +2 -2
- package/src/sap/m/FlexBox.js +32 -67
- package/src/sap/m/FlexItemData.js +1 -1
- package/src/sap/m/FormattedText.js +1 -1
- package/src/sap/m/GenericTag.js +1 -1
- package/src/sap/m/GenericTile.js +39 -1
- package/src/sap/m/GenericTileRenderer.js +77 -8
- package/src/sap/m/GroupHeaderListItem.js +1 -1
- package/src/sap/m/GrowingEnablement.js +31 -34
- package/src/sap/m/GrowingList.js +1 -1
- package/src/sap/m/HBox.js +1 -1
- package/src/sap/m/HeaderContainer.js +8 -5
- package/src/sap/m/HeaderContainerItemNavigator.js +1 -1
- package/src/sap/m/HeaderContainerRenderer.js +1 -1
- package/src/sap/m/IconTabBar.js +1 -2
- package/src/sap/m/IconTabBarSelectList.js +29 -11
- package/src/sap/m/IconTabBarSelectListRenderer.js +7 -9
- package/src/sap/m/IconTabFilter.js +68 -32
- package/src/sap/m/IconTabFilterExpandButtonBadge.js +1 -1
- package/src/sap/m/IconTabHeader.js +18 -7
- package/src/sap/m/IconTabHeaderRenderer.js +1 -0
- package/src/sap/m/IconTabSeparator.js +1 -1
- package/src/sap/m/Image.js +2 -2
- package/src/sap/m/ImageContent.js +1 -1
- package/src/sap/m/Input.js +55 -28
- package/src/sap/m/InputBase.js +8 -6
- package/src/sap/m/InputBaseRenderer.js +32 -0
- package/src/sap/m/InputListItem.js +1 -1
- package/src/sap/m/InputRenderer.js +30 -4
- package/src/sap/m/Label.js +1 -1
- package/src/sap/m/LightBox.js +1 -1
- package/src/sap/m/LightBoxItem.js +1 -1
- package/src/sap/m/Link.js +8 -3
- package/src/sap/m/List.js +1 -1
- package/src/sap/m/ListBase.js +79 -21
- package/src/sap/m/ListItemBase.js +8 -7
- package/src/sap/m/MaskEnabler.js +1 -1
- package/src/sap/m/MaskInput.js +1 -1
- package/src/sap/m/MaskInputRule.js +1 -1
- package/src/sap/m/Menu.js +5 -4
- package/src/sap/m/MenuButton.js +2 -2
- package/src/sap/m/MenuItem.js +4 -4
- package/src/sap/m/MenuListItem.js +17 -1
- package/src/sap/m/MenuListItemRenderer.js +5 -0
- package/src/sap/m/MessageBox.js +37 -12
- package/src/sap/m/MessageItem.js +1 -1
- package/src/sap/m/MessageListItem.js +1 -1
- package/src/sap/m/MessagePage.js +1 -1
- package/src/sap/m/MessagePopover.js +29 -1
- package/src/sap/m/MessagePopoverItem.js +1 -1
- package/src/sap/m/MessageStrip.js +17 -23
- package/src/sap/m/MessageStripRenderer.js +2 -2
- package/src/sap/m/MessageStripUtilities.js +16 -3
- package/src/sap/m/MessageToast.js +2 -2
- package/src/sap/m/MessageView.js +7 -7
- package/src/sap/m/MultiComboBox.js +178 -166
- package/src/sap/m/MultiEditField.js +1 -1
- package/src/sap/m/MultiInput.js +2 -3
- package/src/sap/m/NavContainer.js +95 -15
- package/src/sap/m/NewsContent.js +1 -1
- package/src/sap/m/NotificationList.js +1 -1
- package/src/sap/m/NotificationListBase.js +1 -1
- package/src/sap/m/NotificationListGroup.js +1 -1
- package/src/sap/m/NotificationListItem.js +1 -1
- package/src/sap/m/NumericContent.js +1 -1
- package/src/sap/m/ObjectAttribute.js +1 -1
- package/src/sap/m/ObjectHeader.js +1 -1
- package/src/sap/m/ObjectHeaderRenderer.js +10 -7
- package/src/sap/m/ObjectIdentifier.js +10 -6
- package/src/sap/m/ObjectIdentifierRenderer.js +1 -1
- package/src/sap/m/ObjectListItem.js +3 -3
- package/src/sap/m/ObjectListItemRenderer.js +2 -2
- package/src/sap/m/ObjectMarker.js +16 -18
- package/src/sap/m/ObjectNumber.js +2 -2
- package/src/sap/m/ObjectStatus.js +17 -28
- package/src/sap/m/ObjectStatusRenderer.js +32 -11
- package/src/sap/m/OverflowToolbar.js +10 -6
- package/src/sap/m/OverflowToolbarAssociativePopover.js +1 -1
- package/src/sap/m/OverflowToolbarButton.js +2 -2
- package/src/sap/m/OverflowToolbarLayoutData.js +1 -1
- package/src/sap/m/OverflowToolbarToggleButton.js +2 -2
- package/src/sap/m/P13nAnyFilterItem.js +1 -1
- package/src/sap/m/P13nColumnsItem.js +1 -1
- package/src/sap/m/P13nColumnsPanel.js +3 -3
- package/src/sap/m/P13nConditionPanel.js +3 -3
- package/src/sap/m/P13nDialog.js +11 -5
- package/src/sap/m/P13nDimMeasureItem.js +1 -1
- package/src/sap/m/P13nDimMeasurePanel.js +4 -4
- package/src/sap/m/P13nFilterItem.js +1 -1
- package/src/sap/m/P13nFilterPanel.js +1 -1
- package/src/sap/m/P13nGroupItem.js +1 -1
- package/src/sap/m/P13nGroupPanel.js +7 -13
- package/src/sap/m/P13nItem.js +1 -1
- package/src/sap/m/P13nPanel.js +1 -1
- package/src/sap/m/P13nSelectionItem.js +1 -1
- package/src/sap/m/P13nSelectionPanel.js +1 -1
- package/src/sap/m/P13nSortItem.js +1 -1
- package/src/sap/m/P13nSortPanel.js +6 -12
- package/src/sap/m/PDFViewer.js +1 -1
- package/src/sap/m/PDFViewerRenderManager.js +2 -2
- package/src/sap/m/Page.js +1 -1
- package/src/sap/m/PageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/m/PagingButton.js +1 -1
- package/src/sap/m/Panel.js +1 -1
- package/src/sap/m/PlanningCalendar.js +173 -50
- package/src/sap/m/PlanningCalendarHeader.js +36 -5
- package/src/sap/m/PlanningCalendarLegend.js +1 -1
- package/src/sap/m/PlanningCalendarRow.js +1 -1
- package/src/sap/m/PlanningCalendarView.js +26 -2
- package/src/sap/m/Popover.js +54 -25
- package/src/sap/m/ProgressIndicator.js +1 -1
- package/src/sap/m/PullToRefresh.js +1 -1
- package/src/sap/m/QuickView.js +2 -2
- package/src/sap/m/QuickViewBase.js +1 -3
- package/src/sap/m/QuickViewCard.js +1 -1
- package/src/sap/m/QuickViewGroup.js +1 -1
- package/src/sap/m/QuickViewGroupElement.js +1 -1
- package/src/sap/m/QuickViewPage.js +129 -137
- package/src/sap/m/RadioButton.js +3 -3
- package/src/sap/m/RadioButtonGroup.js +1 -1
- package/src/sap/m/RangeSlider.js +8 -3
- package/src/sap/m/RangeSliderRenderer.js +3 -0
- package/src/sap/m/RatingIndicator.js +69 -29
- package/src/sap/m/RatingIndicatorRenderer.js +0 -1
- package/src/sap/m/ResponsivePopover.js +1 -1
- package/src/sap/m/ResponsiveScale.js +1 -1
- package/src/sap/m/ScrollBar.js +1 -1
- package/src/sap/m/ScrollContainer.js +1 -1
- package/src/sap/m/SearchField.js +34 -19
- package/src/sap/m/SearchFieldRenderer.js +15 -5
- package/src/sap/m/SegmentedButton.js +1 -1
- package/src/sap/m/SegmentedButtonItem.js +1 -1
- package/src/sap/m/SegmentedButtonRenderer.js +6 -0
- package/src/sap/m/Select.js +39 -22
- package/src/sap/m/SelectDialog.js +22 -58
- package/src/sap/m/SelectDialogBase.js +148 -0
- package/src/sap/m/SelectList.js +13 -3
- package/src/sap/m/SelectRenderer.js +38 -25
- package/src/sap/m/SelectionDetails.js +5 -2
- package/src/sap/m/SelectionDetailsFacade.js +2 -2
- package/src/sap/m/SelectionDetailsItem.js +1 -1
- package/src/sap/m/SelectionDetailsItemLine.js +1 -1
- package/src/sap/m/Shell.js +2 -2
- package/src/sap/m/SimpleFixFlex.js +1 -1
- package/src/sap/m/SinglePlanningCalendar.js +19 -9
- package/src/sap/m/SinglePlanningCalendarDayView.js +1 -1
- package/src/sap/m/SinglePlanningCalendarGrid.js +49 -6
- package/src/sap/m/SinglePlanningCalendarGridRenderer.js +27 -19
- package/src/sap/m/SinglePlanningCalendarMonthGrid.js +39 -2
- package/src/sap/m/SinglePlanningCalendarMonthGridRenderer.js +22 -2
- package/src/sap/m/SinglePlanningCalendarMonthView.js +1 -1
- package/src/sap/m/SinglePlanningCalendarView.js +2 -2
- package/src/sap/m/SinglePlanningCalendarWeekView.js +1 -1
- package/src/sap/m/SinglePlanningCalendarWorkWeekView.js +1 -1
- package/src/sap/m/SlideTile.js +3 -3
- package/src/sap/m/Slider.js +2 -2
- package/src/sap/m/SliderRenderer.js +2 -2
- package/src/sap/m/SliderTooltip.js +1 -1
- package/src/sap/m/SliderTooltipBase.js +1 -1
- package/src/sap/m/SliderTooltipContainer.js +1 -1
- package/src/sap/m/SplitApp.js +3 -3
- package/src/sap/m/SplitButton.js +1 -1
- package/src/sap/m/SplitButtonRenderer.js +5 -1
- package/src/sap/m/SplitContainer.js +67 -6
- package/src/sap/m/StandardDynamicDateOption.js +585 -0
- package/src/sap/m/StandardListItem.js +1 -1
- package/src/sap/m/StandardTile.js +2 -2
- package/src/sap/m/StandardTreeItem.js +1 -1
- package/src/sap/m/StepInput.js +1 -1
- package/src/sap/m/StepInputRenderer.js +0 -3
- package/src/sap/m/SuggestionItem.js +1 -1
- package/src/sap/m/SuggestionsPopover.js +44 -1
- package/src/sap/m/Support.js +54 -46
- package/src/sap/m/Switch.js +9 -1
- package/src/sap/m/TabContainer.js +1 -1
- package/src/sap/m/TabContainerItem.js +1 -1
- package/src/sap/m/TabStrip.js +1 -1
- package/src/sap/m/TabStripItem.js +1 -1
- package/src/sap/m/Table.js +50 -8
- package/src/sap/m/TablePersoController.js +2 -2
- package/src/sap/m/TablePersoDialog.js +1 -1
- package/src/sap/m/TablePersoProvider.js +1 -1
- package/src/sap/m/TableRenderer.js +6 -4
- package/src/sap/m/TableSelectDialog.js +23 -54
- package/src/sap/m/Text.js +3 -3
- package/src/sap/m/TextArea.js +1 -1
- package/src/sap/m/Tile.js +1 -1
- package/src/sap/m/TileContainer.js +9 -9
- package/src/sap/m/TileContent.js +1 -1
- package/src/sap/m/TimePicker.js +11 -6
- package/src/sap/m/TimePickerClock.js +2 -2
- package/src/sap/m/TimePickerClocks.js +4 -2
- package/src/sap/m/TimePickerInputs.js +27 -5
- package/src/sap/m/TimePickerInternals.js +1 -1
- package/src/sap/m/TimePickerSlider.js +15 -4
- package/src/sap/m/TimePickerSliders.js +5 -5
- package/src/sap/m/TimePickerSlidersRenderer.js +0 -1
- package/src/sap/m/Title.js +2 -2
- package/src/sap/m/TitlePropagationSupport.js +1 -1
- package/src/sap/m/ToggleButton.js +2 -2
- package/src/sap/m/Token.js +1 -3
- package/src/sap/m/Tokenizer.js +3 -2
- package/src/sap/m/TokenizerRenderer.js +1 -0
- package/src/sap/m/Toolbar.js +2 -2
- package/src/sap/m/ToolbarLayoutData.js +1 -1
- package/src/sap/m/ToolbarSeparator.js +1 -1
- package/src/sap/m/ToolbarSpacer.js +1 -1
- package/src/sap/m/Tree.js +1 -1
- package/src/sap/m/TreeItemBase.js +4 -4
- package/src/sap/m/UploadCollection.js +2 -2
- package/src/sap/m/UploadCollectionItem.js +2 -2
- package/src/sap/m/UploadCollectionParameter.js +1 -1
- package/src/sap/m/UploadCollectionToolbarPlaceholder.js +1 -1
- package/src/sap/m/VBox.js +1 -1
- package/src/sap/m/ValueStateHeader.js +1 -1
- package/src/sap/m/ViewSettingsCustomItem.js +2 -2
- package/src/sap/m/ViewSettingsCustomTab.js +1 -1
- package/src/sap/m/ViewSettingsDialog.js +9 -9
- package/src/sap/m/ViewSettingsFilterItem.js +1 -1
- package/src/sap/m/ViewSettingsItem.js +1 -1
- package/src/sap/m/VisibleItem.js +1 -1
- package/src/sap/m/WheelSlider.js +3 -3
- package/src/sap/m/WheelSliderContainer.js +4 -4
- package/src/sap/m/Wizard.js +2 -2
- package/src/sap/m/WizardProgressNavigator.js +1 -1
- package/src/sap/m/WizardProgressNavigatorRenderer.js +1 -1
- package/src/sap/m/WizardStep.js +2 -2
- package/src/sap/m/changeHandler/AddTableColumn.js +76 -44
- package/src/sap/m/changeHandler/ChangeLinkTarget.js +18 -23
- package/src/sap/m/changeHandler/CombineButtons.js +280 -173
- package/src/sap/m/changeHandler/MoveTableColumns.js +143 -111
- package/src/sap/m/changeHandler/SplitMenuButton.js +141 -93
- package/src/sap/m/inputUtils/calculateSelectionStart.js +1 -1
- package/src/sap/m/inputUtils/wordStartsWithValue.js +5 -1
- package/src/sap/m/library.js +93 -9
- package/src/sap/m/messagebundle.properties +212 -27
- package/src/sap/m/messagebundle_ar.properties +104 -3
- package/src/sap/m/messagebundle_bg.properties +103 -2
- package/src/sap/m/messagebundle_ca.properties +103 -2
- package/src/sap/m/messagebundle_cs.properties +113 -12
- package/src/sap/m/messagebundle_cy.properties +103 -2
- package/src/sap/m/messagebundle_da.properties +103 -2
- package/src/sap/m/messagebundle_de.properties +112 -11
- package/src/sap/m/messagebundle_el.properties +103 -2
- package/src/sap/m/messagebundle_en.properties +103 -2
- package/src/sap/m/messagebundle_en_GB.properties +103 -2
- package/src/sap/m/messagebundle_en_US_sappsd.properties +102 -2
- package/src/sap/m/messagebundle_en_US_saprigi.properties +96 -2
- package/src/sap/m/messagebundle_en_US_saptrc.properties +103 -2
- package/src/sap/m/messagebundle_es.properties +106 -5
- package/src/sap/m/messagebundle_es_MX.properties +103 -2
- package/src/sap/m/messagebundle_et.properties +103 -2
- package/src/sap/m/messagebundle_fi.properties +103 -2
- package/src/sap/m/messagebundle_fr.properties +103 -2
- package/src/sap/m/messagebundle_fr_CA.properties +107 -6
- package/src/sap/m/messagebundle_hi.properties +103 -2
- package/src/sap/m/messagebundle_hr.properties +103 -2
- package/src/sap/m/messagebundle_hu.properties +103 -2
- package/src/sap/m/messagebundle_id.properties +103 -2
- package/src/sap/m/messagebundle_it.properties +103 -2
- package/src/sap/m/messagebundle_iw.properties +103 -2
- package/src/sap/m/messagebundle_ja.properties +122 -21
- package/src/sap/m/messagebundle_kk.properties +103 -2
- package/src/sap/m/messagebundle_ko.properties +103 -2
- package/src/sap/m/messagebundle_lt.properties +103 -2
- package/src/sap/m/messagebundle_lv.properties +103 -2
- package/src/sap/m/messagebundle_ms.properties +103 -2
- package/src/sap/m/messagebundle_nl.properties +110 -9
- package/src/sap/m/messagebundle_no.properties +106 -5
- package/src/sap/m/messagebundle_pl.properties +106 -5
- package/src/sap/m/messagebundle_pt.properties +112 -11
- package/src/sap/m/messagebundle_pt_PT.properties +103 -2
- package/src/sap/m/messagebundle_ro.properties +113 -12
- package/src/sap/m/messagebundle_ru.properties +103 -2
- package/src/sap/m/messagebundle_sh.properties +103 -2
- package/src/sap/m/messagebundle_sk.properties +103 -2
- package/src/sap/m/messagebundle_sl.properties +103 -2
- package/src/sap/m/messagebundle_sv.properties +109 -8
- package/src/sap/m/messagebundle_th.properties +113 -12
- package/src/sap/m/messagebundle_tr.properties +109 -8
- package/src/sap/m/messagebundle_uk.properties +103 -2
- package/src/sap/m/messagebundle_vi.properties +103 -2
- package/src/sap/m/messagebundle_zh_CN.properties +104 -3
- package/src/sap/m/messagebundle_zh_TW.properties +103 -2
- package/src/sap/m/plugins/ColumnResizer.js +1 -1
- package/src/sap/m/plugins/DataStateIndicator.js +5 -3
- package/src/sap/m/plugins/PasteProvider.js +1 -1
- package/src/sap/m/plugins/PluginBase.js +1 -1
- package/src/sap/m/routing/RouteMatchedHandler.js +2 -0
- package/src/sap/m/routing/Router.js +1 -0
- package/src/sap/m/routing/TargetHandler.js +123 -51
- package/src/sap/m/routing/async/Target.js +13 -1
- package/src/sap/m/routing/sync/Target.js +1 -0
- package/src/sap/m/semantic/AddAction.js +1 -1
- package/src/sap/m/semantic/CancelAction.js +1 -1
- package/src/sap/m/semantic/DeleteAction.js +1 -1
- package/src/sap/m/semantic/DetailPage.js +1 -1
- package/src/sap/m/semantic/DiscussInJamAction.js +1 -1
- package/src/sap/m/semantic/EditAction.js +1 -1
- package/src/sap/m/semantic/FavoriteAction.js +1 -1
- package/src/sap/m/semantic/FilterAction.js +1 -1
- package/src/sap/m/semantic/FilterSelect.js +1 -1
- package/src/sap/m/semantic/FlagAction.js +1 -1
- package/src/sap/m/semantic/ForwardAction.js +1 -1
- package/src/sap/m/semantic/FullscreenPage.js +1 -1
- package/src/sap/m/semantic/GroupAction.js +1 -1
- package/src/sap/m/semantic/GroupSelect.js +1 -1
- package/src/sap/m/semantic/MainAction.js +1 -1
- package/src/sap/m/semantic/MasterPage.js +1 -1
- package/src/sap/m/semantic/MessagesIndicator.js +1 -1
- package/src/sap/m/semantic/MultiSelectAction.js +1 -1
- package/src/sap/m/semantic/NegativeAction.js +1 -1
- package/src/sap/m/semantic/OpenInAction.js +1 -1
- package/src/sap/m/semantic/PositiveAction.js +1 -1
- package/src/sap/m/semantic/PrintAction.js +1 -1
- package/src/sap/m/semantic/SaveAction.js +1 -1
- package/src/sap/m/semantic/Segment.js +1 -1
- package/src/sap/m/semantic/SegmentedContainer.js +1 -1
- package/src/sap/m/semantic/SemanticButton.js +1 -1
- package/src/sap/m/semantic/SemanticConfiguration.js +1 -1
- package/src/sap/m/semantic/SemanticControl.js +1 -1
- package/src/sap/m/semantic/SemanticOverflowToolbarButton.js +2 -2
- package/src/sap/m/semantic/SemanticOverflowToolbarToggleButton.js +2 -2
- package/src/sap/m/semantic/SemanticPage.js +1 -1
- package/src/sap/m/semantic/SemanticSelect.js +1 -1
- package/src/sap/m/semantic/SemanticToggleButton.js +1 -1
- package/src/sap/m/semantic/SendEmailAction.js +1 -1
- package/src/sap/m/semantic/SendMessageAction.js +1 -1
- package/src/sap/m/semantic/ShareInJamAction.js +1 -1
- package/src/sap/m/semantic/ShareMenu.js +1 -1
- package/src/sap/m/semantic/ShareMenuPage.js +1 -1
- package/src/sap/m/semantic/SortAction.js +1 -1
- package/src/sap/m/semantic/SortSelect.js +1 -1
- package/src/sap/m/themes/base/Button.less +8 -10
- package/src/sap/m/themes/base/Carousel.less +38 -4
- package/src/sap/m/themes/base/CheckBox.less +1 -1
- package/src/sap/m/themes/base/Dialog.less +11 -5
- package/src/sap/m/themes/base/DynamicDateRange.less +56 -0
- package/src/sap/m/themes/base/FeedInput.less +5 -6
- package/src/sap/m/themes/base/GenericTile.less +205 -2
- package/src/sap/m/themes/base/IconTabBar.less +185 -64
- package/src/sap/m/themes/base/IconTabBarSelectList.less +12 -2
- package/src/sap/m/themes/base/InputBase.less +0 -17
- package/src/sap/m/themes/base/Label.less +6 -4
- package/src/sap/m/themes/base/Link.less +0 -3
- package/src/sap/m/themes/base/ListItemBase.less +7 -3
- package/src/sap/m/themes/base/MenuListItem.less +10 -0
- package/src/sap/m/themes/base/MessageBox.less +0 -3
- package/src/sap/m/themes/base/NotificationListBase.less +1 -1
- package/src/sap/m/themes/base/ObjectHeader.less +2 -1
- package/src/sap/m/themes/base/ObjectNumber.less +6 -2
- package/src/sap/m/themes/base/ObjectStatus.less +25 -4
- package/src/sap/m/themes/base/P13nDialog.less +8 -0
- package/src/sap/m/themes/base/PlanningCalendar.less +25 -0
- package/src/sap/m/themes/base/Popover.less +1 -1
- package/src/sap/m/themes/base/ProgressIndicator.less +7 -6
- package/src/sap/m/themes/base/QuickView.less +17 -60
- package/src/sap/m/themes/base/RadioButton.less +3 -0
- package/src/sap/m/themes/base/SearchField.less +22 -15
- package/src/sap/m/themes/base/SegmentedButton.less +1 -1
- package/src/sap/m/themes/base/SinglePlanningCalendarMonthGrid.less +29 -5
- package/src/sap/m/themes/base/SplitContainer.less +0 -16
- package/src/sap/m/themes/base/StandardListItem.less +5 -1
- package/src/sap/m/themes/base/Table.less +15 -19
- package/src/sap/m/themes/base/Text.less +4 -2
- package/src/sap/m/themes/base/TimePicker.less +5 -1
- package/src/sap/m/themes/base/TimePickerSliders.less +1 -5
- package/src/sap/m/themes/base/Toolbar.less +6 -0
- package/src/sap/m/themes/base/ViewSettingsDialog.less +1 -1
- package/src/sap/m/themes/base/library.source.less +1 -0
- package/src/sap/m/themes/base/shared.less +2 -0
- package/src/sap/m/themes/sap_hcb/InputBase.less +25 -0
- package/src/sap/m/upload/UploadSet.js +11 -10
- package/src/sap/m/upload/UploadSetItem.js +16 -1
- package/src/sap/m/upload/Uploader.js +20 -5
|
@@ -16,6 +16,131 @@
|
|
|
16
16
|
box-shadow: @sapUiShadowLevel0;
|
|
17
17
|
vertical-align: top;
|
|
18
18
|
}
|
|
19
|
+
.sapMGTContentPlaceholder {
|
|
20
|
+
outline: none;
|
|
21
|
+
width: 300px;
|
|
22
|
+
height: 100px;
|
|
23
|
+
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.10);
|
|
24
|
+
border-radius: 4px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.sapMGTContentPlaceholder:focus::before {
|
|
28
|
+
content: '';
|
|
29
|
+
display: block;
|
|
30
|
+
position: absolute;
|
|
31
|
+
left: 1px;
|
|
32
|
+
bottom: 1px;
|
|
33
|
+
right: 1px;
|
|
34
|
+
top: 1px;
|
|
35
|
+
border: 1px dotted @sapUiContentFocusColor;
|
|
36
|
+
pointer-events: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
.sapMGTContentShimmerPlaceholderItem {
|
|
41
|
+
padding: 1rem 1rem 0 1rem;
|
|
42
|
+
box-sizing: border-box;
|
|
43
|
+
display: flex;
|
|
44
|
+
position: relative;
|
|
45
|
+
align-items: center;
|
|
46
|
+
flex: 1 1 auto;
|
|
47
|
+
|
|
48
|
+
&.sapMGTContentShimmerPlaceholderWithChart.sapMGTContentShimmerPlaceholderWithDescription {
|
|
49
|
+
height: 6rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.sapMGTContentShimmerPlaceholderImg {
|
|
53
|
+
margin: 0rem 0.75rem 0rem 0rem;
|
|
54
|
+
height: 2rem;
|
|
55
|
+
width: 2rem;
|
|
56
|
+
display: inline-block;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.sapMGTContentShimmerPlaceholderRows {
|
|
60
|
+
flex-grow: 1;
|
|
61
|
+
|
|
62
|
+
.sapMGTContentShimmerPlaceholderItemText {
|
|
63
|
+
height: 0.5rem;
|
|
64
|
+
margin-bottom: 0.5rem;
|
|
65
|
+
width: 80%;
|
|
66
|
+
}
|
|
67
|
+
.sapMGTContentShimmerPlaceholderItemTextFooter {
|
|
68
|
+
height: 0.5rem;
|
|
69
|
+
margin-bottom: 0.5rem;
|
|
70
|
+
margin-top: 0.5rem;
|
|
71
|
+
width: 80%;
|
|
72
|
+
top: 3rem;
|
|
73
|
+
}
|
|
74
|
+
.sapMGTContentShimmerPlaceholderItemBox {
|
|
75
|
+
height: 2rem;
|
|
76
|
+
margin-bottom: 0.5rem;
|
|
77
|
+
margin-top: 0.5rem;
|
|
78
|
+
width: 20%;
|
|
79
|
+
top: 3rem;
|
|
80
|
+
}
|
|
81
|
+
.sapMGTContentShimmerPlaceholderItemBoxSmall {
|
|
82
|
+
height: 3.75rem;
|
|
83
|
+
margin-bottom: 0.5rem;
|
|
84
|
+
margin-top: 0.5rem;
|
|
85
|
+
}
|
|
86
|
+
.sapMGTContentShimmerPlaceholderItemHeader {
|
|
87
|
+
height: 1rem;
|
|
88
|
+
margin-bottom: 0.5rem;
|
|
89
|
+
margin-top: 0.5rem;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
.sapMGTLoadingShimmer {
|
|
96
|
+
.sapMGTLoadingShimmerMixin();
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.sapMGTLoadingShimmerMixin() {
|
|
100
|
+
background-color: @sapUiContentPlaceholderloadingBackground;
|
|
101
|
+
background-image: @sapUiContentPlaceholderloadingGradient;
|
|
102
|
+
background-repeat: no-repeat;
|
|
103
|
+
background-size: 800px 144px;
|
|
104
|
+
position: relative;
|
|
105
|
+
border-radius: 0.25rem;
|
|
106
|
+
|
|
107
|
+
[data-sap-ui-animation-mode="full"] & {
|
|
108
|
+
animation-duration: 2.5s;
|
|
109
|
+
animation-fill-mode: forwards;
|
|
110
|
+
animation-iteration-count: infinite;
|
|
111
|
+
animation-name: placeHolderShimmer;
|
|
112
|
+
animation-timing-function: linear;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
[data-sap-ui-animation-mode="basic"] &,
|
|
116
|
+
[data-sap-ui-animation-mode="minimal"] & {
|
|
117
|
+
animation-duration: 8s;
|
|
118
|
+
animation-fill-mode: forwards;
|
|
119
|
+
animation-iteration-count: infinite;
|
|
120
|
+
animation-name: placeHolderShimmer;
|
|
121
|
+
animation-timing-function: linear;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
@keyframes placeHolderShimmer {
|
|
126
|
+
0% {
|
|
127
|
+
background-position: -468px 0;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
100% {
|
|
131
|
+
background-position: 468px 0;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
@keyframes placeHolderShimmer{
|
|
136
|
+
0% {
|
|
137
|
+
background-position: -468px 0;
|
|
138
|
+
}
|
|
139
|
+
100% {
|
|
140
|
+
background-position: 468px 0;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
19
144
|
|
|
20
145
|
.sapMGTBackgroundImage {
|
|
21
146
|
background-clip: padding-box;
|
|
@@ -52,11 +177,89 @@
|
|
|
52
177
|
height: 5.25rem;
|
|
53
178
|
}
|
|
54
179
|
|
|
180
|
+
|
|
181
|
+
.OneByOne.tileWithAppInfo {
|
|
182
|
+
.sapMGTContent.appInfoWithFooter {
|
|
183
|
+
height: 3.5rem;
|
|
184
|
+
.sapMTileCnt {
|
|
185
|
+
.sapMTileCntContent {
|
|
186
|
+
height: 1.75rem;
|
|
187
|
+
.sapMNC {
|
|
188
|
+
height: 1.75rem;
|
|
189
|
+
.sapMNCLargeFontSize {
|
|
190
|
+
font-size: 1.75rem;
|
|
191
|
+
height: 1.75rem;
|
|
192
|
+
}
|
|
193
|
+
.sapMNCIndScale {
|
|
194
|
+
padding: 0rem;
|
|
195
|
+
padding-left: 0.5rem;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
.sapMImageContent {
|
|
199
|
+
height: 1.75rem;
|
|
200
|
+
.sapMImageContentImageIcon {
|
|
201
|
+
padding-bottom: 0rem;
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
.sapMTileCntFtrTxt {
|
|
206
|
+
position: static;
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
.sapMGTContent.appInfoWithoutFooter {
|
|
211
|
+
height: 3.5rem;
|
|
212
|
+
.sapMTileCnt {
|
|
213
|
+
height: 3.5rem;
|
|
214
|
+
.sapMTileCntContent {
|
|
215
|
+
height: 3.5rem;
|
|
216
|
+
.sapMImageContent {
|
|
217
|
+
height: 3.5rem;
|
|
218
|
+
.sapMImg{
|
|
219
|
+
padding-bottom: 0.2rem;
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
.sapMGTTInfoContainer {
|
|
226
|
+
height: 2rem;
|
|
227
|
+
margin-top: 0.25rem;
|
|
228
|
+
.sapMGTTInfo {
|
|
229
|
+
padding: 0.25rem 1rem 0.25rem 0.25rem;
|
|
230
|
+
text-transform: uppercase;
|
|
231
|
+
margin-bottom: 0.5rem;
|
|
232
|
+
border-radius: 0.25rem 0 0 0.25rem;
|
|
233
|
+
background-color: @sapTile_Active_Background;
|
|
234
|
+
width: fit-content;
|
|
235
|
+
float: right;
|
|
236
|
+
bottom: 0;
|
|
237
|
+
position: absolute;
|
|
238
|
+
right: 0;
|
|
239
|
+
.sapMText{
|
|
240
|
+
font-size: @sapMFontSmallSize ;
|
|
241
|
+
}
|
|
242
|
+
.sapMGTSystemInfoText{
|
|
243
|
+
display: flex;
|
|
244
|
+
justify-content: flex-end;
|
|
245
|
+
.sapMText {
|
|
246
|
+
color: @sapUiTileTitleTextColor;
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
.sapMGTAppShortcutText {
|
|
250
|
+
display: flex;
|
|
251
|
+
justify-content: flex-end;
|
|
252
|
+
.sapMText {
|
|
253
|
+
color: @sapUiTileTextColor;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
}
|
|
55
259
|
.OneByHalf {
|
|
56
260
|
.sapMGTHdrContent {
|
|
57
261
|
height: 1.25rem;
|
|
58
262
|
.sapMGTHdrTxt {
|
|
59
|
-
|
|
60
263
|
.sapMText {
|
|
61
264
|
display: block;
|
|
62
265
|
}
|
|
@@ -649,7 +852,7 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
|
|
|
649
852
|
display: inline-block;
|
|
650
853
|
position: relative;
|
|
651
854
|
top: 0.5rem;
|
|
652
|
-
z-index:
|
|
855
|
+
z-index: 2; // Remark: If increased, this will break FLP footer visualization. Changed from 3 to 2 as it was breaking FLP footer visualization
|
|
653
856
|
}
|
|
654
857
|
|
|
655
858
|
.sapMGTStyleHelper {
|
|
@@ -110,6 +110,24 @@
|
|
|
110
110
|
// Focus border
|
|
111
111
|
@_sap_m_IconTabBar_Compact_HorizontalFocusBottom: 0;
|
|
112
112
|
|
|
113
|
+
// ========== Overflow =========
|
|
114
|
+
@_sap_m_IconTabBar_Overflow_BorderRadius: 0.75rem;
|
|
115
|
+
@_sap_m_IconTabBar_Overflow_BackgroundColor: @sapUiButtonBackground;
|
|
116
|
+
@_sap_m_IconTabBar_Overflow_Border: 1px solid @sapUiButtonBorderColor;
|
|
117
|
+
|
|
118
|
+
@_sap_m_IconTabBar_Overflow_TextColor: @sapUiButtonTextColor;
|
|
119
|
+
@_sap_m_IconTabBar_Overflow_Icon_Color: @sapUiButtonIconColor;
|
|
120
|
+
|
|
121
|
+
@_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
|
|
122
|
+
@_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
|
|
123
|
+
@_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
|
|
124
|
+
@_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
|
|
125
|
+
|
|
126
|
+
@_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
|
|
127
|
+
@_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
|
|
128
|
+
@_sap_m_IconTabBar_Overflow_TextColorPressed: @sapUiButtonActiveTextColor;
|
|
129
|
+
@_sap_m_IconTabBar_Overflow_Icon_ColorPressed: @sapUiButtonActiveTextColor;
|
|
130
|
+
|
|
113
131
|
// =========== Phone ===========
|
|
114
132
|
|
|
115
133
|
@_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
|
|
@@ -121,6 +139,14 @@
|
|
|
121
139
|
@_sap_m_IconTabBar_ShellTextColor: @sapUiShellNavigationTextColor;
|
|
122
140
|
@_sap_m_IconTabBar_ShellSelectedTextColor: @sapUiShellNavigationSelectedTextColor;
|
|
123
141
|
@_sap_m_IconTabBar_ShellButtonOutlineColor: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
|
|
142
|
+
@_sap_m_IconTabBar_ShellOverflowBorderColor: transparent;
|
|
143
|
+
@_sap_m_IconTabBar_ShellOverflowHoverBorderColor: transparent;
|
|
144
|
+
@_sap_m_IconTabBar_ShellOverflowPressedBorderColor: @sapUiShellNavigationActiveBackground;
|
|
145
|
+
@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -1px;
|
|
146
|
+
@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -1px;
|
|
147
|
+
@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -1px;
|
|
148
|
+
@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -1px;
|
|
149
|
+
@_sap_m_IconTabBar_HeaderBorderRadius: 0px;
|
|
124
150
|
|
|
125
151
|
// ========== Badge ============
|
|
126
152
|
@_sap_m_IconTabBar_FilterExpandButtonBadgeTop: 1.125rem;
|
|
@@ -185,10 +211,11 @@
|
|
|
185
211
|
padding: 0 0.25rem;
|
|
186
212
|
cursor: pointer;
|
|
187
213
|
|
|
188
|
-
.sapMITBFilterIcon {
|
|
214
|
+
.sapMITBFilterIcon, .sapMITBInlineIcon {
|
|
189
215
|
cursor: pointer;
|
|
190
216
|
}
|
|
191
217
|
|
|
218
|
+
|
|
192
219
|
&.sapMITBItem {
|
|
193
220
|
display: inline-flex;
|
|
194
221
|
}
|
|
@@ -232,6 +259,10 @@
|
|
|
232
259
|
position: absolute;
|
|
233
260
|
text-overflow: ellipsis;
|
|
234
261
|
}
|
|
262
|
+
|
|
263
|
+
.sapMITBInlineIcon {
|
|
264
|
+
padding-right: 0.5rem;
|
|
265
|
+
}
|
|
235
266
|
}
|
|
236
267
|
|
|
237
268
|
.sapMITHShowSubItemsIcon {
|
|
@@ -440,44 +471,80 @@
|
|
|
440
471
|
/* IconTabBar Overflow tab class */
|
|
441
472
|
/* ------------------------------------------------ */
|
|
442
473
|
|
|
443
|
-
.
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
.sapMITBFilterWrapper {
|
|
451
|
-
display: inline-flex;
|
|
474
|
+
.sapMITH {
|
|
475
|
+
.sapMITHEndOverflow,
|
|
476
|
+
.sapMITHStartOverflow {
|
|
477
|
+
align-self: stretch;
|
|
478
|
+
flex-grow: 0;
|
|
479
|
+
flex-shrink: 0;
|
|
480
|
+
display: flex;
|
|
452
481
|
align-items: center;
|
|
453
|
-
}
|
|
454
482
|
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
height: @_sap_m_IconTabBar_InLineTextOnlyVerticalHeight;
|
|
483
|
+
.sapMITBFilterWrapper {
|
|
484
|
+
display: inline-flex;
|
|
485
|
+
align-items: center;
|
|
486
|
+
}
|
|
460
487
|
|
|
461
|
-
.
|
|
462
|
-
|
|
488
|
+
.sapMITBItem {
|
|
489
|
+
visibility: hidden;
|
|
490
|
+
margin: 0;
|
|
491
|
+
padding: 0;
|
|
492
|
+
height: 1.5rem;
|
|
493
|
+
border: @_sap_m_IconTabBar_Overflow_Border;
|
|
494
|
+
background-color: @_sap_m_IconTabBar_Overflow_BackgroundColor;
|
|
495
|
+
border-radius: @_sap_m_IconTabBar_Overflow_BorderRadius;
|
|
496
|
+
|
|
497
|
+
.sapMITBContentArrow {
|
|
498
|
+
display: none;
|
|
499
|
+
}
|
|
500
|
+
|
|
501
|
+
.sapMITHShowSubItemsIcon {
|
|
502
|
+
color: @_sap_m_IconTabBar_Overflow_Icon_Color;
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
&:hover {
|
|
506
|
+
border-color: @_sap_m_IconTabBar_Overflow_BorderColorHover;
|
|
507
|
+
background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorHover;
|
|
508
|
+
|
|
509
|
+
.sapMITBText {
|
|
510
|
+
color: @_sap_m_IconTabBar_Overflow_TextColorHover;
|
|
511
|
+
}
|
|
512
|
+
|
|
513
|
+
.sapMITHShowSubItemsIcon {
|
|
514
|
+
color: @_sap_m_IconTabBar_Overflow_Icon_ColorHover;
|
|
515
|
+
}
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
&:active {
|
|
519
|
+
border-color: @_sap_m_IconTabBar_Overflow_BorderColorPressed;
|
|
520
|
+
background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
|
|
521
|
+
|
|
522
|
+
.sapMITBText {
|
|
523
|
+
color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
.sapMITHShowSubItemsIcon {
|
|
527
|
+
color: @_sap_m_IconTabBar_Overflow_Icon_ColorPressed;
|
|
528
|
+
}
|
|
529
|
+
}
|
|
463
530
|
}
|
|
464
|
-
}
|
|
465
531
|
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
532
|
+
.sapMITBText {
|
|
533
|
+
font-size: 0.875rem;
|
|
534
|
+
padding: 0;
|
|
535
|
+
margin: 0 0.5rem;
|
|
536
|
+
text-align: left;
|
|
537
|
+
width: auto;
|
|
538
|
+
color: @_sap_m_IconTabBar_Overflow_TextColor;
|
|
539
|
+
}
|
|
469
540
|
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
margin: 0;
|
|
474
|
-
padding: 0;
|
|
475
|
-
text-align: left;
|
|
476
|
-
width: auto;
|
|
477
|
-
}
|
|
541
|
+
.sapMITHOverflowVisible {
|
|
542
|
+
visibility: visible;
|
|
543
|
+
}
|
|
478
544
|
|
|
479
|
-
|
|
480
|
-
|
|
545
|
+
.sapMITBTab {
|
|
546
|
+
display: none;
|
|
547
|
+
}
|
|
481
548
|
}
|
|
482
549
|
}
|
|
483
550
|
|
|
@@ -566,7 +633,7 @@
|
|
|
566
633
|
}
|
|
567
634
|
}
|
|
568
635
|
|
|
569
|
-
.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical.sapMITHUnselectable {
|
|
636
|
+
.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBHead .sapMITBVertical.sapMITHUnselectable {
|
|
570
637
|
.sapMITBText {
|
|
571
638
|
padding-top: 0.25rem;
|
|
572
639
|
}
|
|
@@ -654,9 +721,11 @@
|
|
|
654
721
|
|
|
655
722
|
.sapMITBHead .sapMITBFilter .sapMITBText {
|
|
656
723
|
margin: @_sap_m_IconTabBar_InLineFilterMargin;
|
|
724
|
+
display: flex;
|
|
725
|
+
align-items: center;
|
|
657
726
|
}
|
|
658
727
|
|
|
659
|
-
&.sapMITBTextOnly .sapMITBVertical.sapMITBFilter {
|
|
728
|
+
&.sapMITBTextOnly .sapMITBHead .sapMITBVertical.sapMITBFilter {
|
|
660
729
|
height: @_sap_m_IconTabBar_InLineTextOnlyVerticalHeight;
|
|
661
730
|
|
|
662
731
|
.sapMITBContentArrow {
|
|
@@ -790,20 +859,37 @@
|
|
|
790
859
|
html.sap-desktop {
|
|
791
860
|
|
|
792
861
|
.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon,
|
|
793
|
-
.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
|
|
794
|
-
.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll
|
|
795
|
-
.sapMITHEndOverflow .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText {
|
|
862
|
+
.sapMITBTextOnly .sapMITBHead .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
|
|
863
|
+
.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
|
|
796
864
|
&::after {
|
|
797
865
|
content: "";
|
|
798
866
|
position: absolute;
|
|
799
|
-
top:
|
|
800
|
-
bottom:
|
|
801
|
-
right:
|
|
802
|
-
left:
|
|
803
|
-
border: @sapUiContentFocusWidth
|
|
867
|
+
top: @_sap_m_IconTabBar_HeaderFocusBorderTopOffset;
|
|
868
|
+
bottom: @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset;
|
|
869
|
+
right: @_sap_m_IconTabBar_HeaderFocusBorderRightOffset;
|
|
870
|
+
left: @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset;
|
|
871
|
+
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
872
|
+
border-radius: @_sap_m_IconTabBar_HeaderBorderRadius;
|
|
804
873
|
pointer-events: none;
|
|
805
874
|
}
|
|
806
875
|
}
|
|
876
|
+
|
|
877
|
+
.sapMITHStartOverflow,
|
|
878
|
+
.sapMITHEndOverflow {
|
|
879
|
+
.sapMITBItem:not(.sapUiDnDDragging):focus {
|
|
880
|
+
&::after {
|
|
881
|
+
content: "";
|
|
882
|
+
position: absolute;
|
|
883
|
+
top: 0.125rem;
|
|
884
|
+
bottom: 0.125rem;
|
|
885
|
+
right: 0.125rem;
|
|
886
|
+
left: 0.125rem;
|
|
887
|
+
border-radius: inherit;
|
|
888
|
+
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
889
|
+
pointer-events: none;
|
|
890
|
+
}
|
|
891
|
+
}
|
|
892
|
+
}
|
|
807
893
|
}
|
|
808
894
|
|
|
809
895
|
/* ------------------------------------------------ */
|
|
@@ -818,7 +904,7 @@ html.sap-desktop {
|
|
|
818
904
|
padding: 0.25rem 0 0.25rem 0;
|
|
819
905
|
}
|
|
820
906
|
|
|
821
|
-
.sapMITBVertical.sapMITBFilter {
|
|
907
|
+
.sapMITBHead .sapMITBVertical.sapMITBFilter {
|
|
822
908
|
height: 3rem;
|
|
823
909
|
|
|
824
910
|
.sapMITBContentArrow {
|
|
@@ -975,7 +1061,7 @@ html.sap-desktop {
|
|
|
975
1061
|
.sapMITHEndOverflow,
|
|
976
1062
|
.sapMITHStartOverflow {
|
|
977
1063
|
.sapMITBItem {
|
|
978
|
-
height:
|
|
1064
|
+
height: 1.5rem;
|
|
979
1065
|
}
|
|
980
1066
|
}
|
|
981
1067
|
|
|
@@ -993,7 +1079,7 @@ html.sap-desktop {
|
|
|
993
1079
|
|
|
994
1080
|
&.sapMITBNoText {
|
|
995
1081
|
|
|
996
|
-
.sapMITBVertical {
|
|
1082
|
+
.sapMITBHead .sapMITBVertical {
|
|
997
1083
|
height: @_sap_m_IconTabBar_Compact_NoTextVerticalHeight;
|
|
998
1084
|
}
|
|
999
1085
|
|
|
@@ -1008,13 +1094,13 @@ html.sap-desktop {
|
|
|
1008
1094
|
|
|
1009
1095
|
}
|
|
1010
1096
|
|
|
1011
|
-
&.sapMITBInLine.sapMITBTextOnly {
|
|
1097
|
+
&.sapMITBInLine.sapMITBTextOnly .sapMITBHead {
|
|
1012
1098
|
|
|
1013
1099
|
.sapMITBVertical.sapMITBFilter {
|
|
1014
1100
|
height: @_sap_m_IconTabBar_Compact_InLineVerticalTabHeight;
|
|
1015
1101
|
}
|
|
1016
1102
|
|
|
1017
|
-
.
|
|
1103
|
+
.sapMITBText {
|
|
1018
1104
|
margin: @_sap_m_IconTabBar_Compact_InLineFilterTextMargin;
|
|
1019
1105
|
}
|
|
1020
1106
|
|
|
@@ -1023,11 +1109,8 @@ html.sap-desktop {
|
|
|
1023
1109
|
}
|
|
1024
1110
|
}
|
|
1025
1111
|
|
|
1026
|
-
&.sapMITBTextOnly {
|
|
1027
|
-
|
|
1028
|
-
.sapMITBHead {
|
|
1029
|
-
padding: @_sap_m_IconTabBar_Compact_TextOnlyHeadPadding
|
|
1030
|
-
}
|
|
1112
|
+
&.sapMITBTextOnly .sapMITBHead {
|
|
1113
|
+
padding: @_sap_m_IconTabBar_Compact_TextOnlyHeadPadding;
|
|
1031
1114
|
|
|
1032
1115
|
.sapMITBFilter {
|
|
1033
1116
|
padding: 0 1rem;
|
|
@@ -1054,14 +1137,6 @@ html.sap-desktop {
|
|
|
1054
1137
|
.sapMITBVertical {
|
|
1055
1138
|
height: @_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight;
|
|
1056
1139
|
}
|
|
1057
|
-
|
|
1058
|
-
.sapMITHEndOverflow,
|
|
1059
|
-
.sapMITHStartOverflow {
|
|
1060
|
-
.sapMITBItem .sapMITBText {
|
|
1061
|
-
height: auto;
|
|
1062
|
-
padding: 0;
|
|
1063
|
-
}
|
|
1064
|
-
}
|
|
1065
1140
|
}
|
|
1066
1141
|
|
|
1067
1142
|
.sapMITBFilterIcon {
|
|
@@ -1242,6 +1317,12 @@ html[dir=rtl] {
|
|
|
1242
1317
|
color: @_sap_m_IconTabBar_ShellSelectedTextColor;
|
|
1243
1318
|
}
|
|
1244
1319
|
}
|
|
1320
|
+
.sapMITBFilter .sapMITBText .sapMITHTextContent {
|
|
1321
|
+
vertical-align: inherit;
|
|
1322
|
+
}
|
|
1323
|
+
.sapMITBFilter.sapMITHUnselectable:not(.sapMITBDisabled) .sapMITHTextContent {
|
|
1324
|
+
position: initial;
|
|
1325
|
+
}
|
|
1245
1326
|
|
|
1246
1327
|
.sapMITBFilter {
|
|
1247
1328
|
.sapMITBText,
|
|
@@ -1263,6 +1344,13 @@ html[dir=rtl] {
|
|
|
1263
1344
|
padding: 0.3125rem 0 0;
|
|
1264
1345
|
}
|
|
1265
1346
|
}
|
|
1347
|
+
|
|
1348
|
+
.sapMITHStartOverflow,
|
|
1349
|
+
.sapMITHStartOverflow {
|
|
1350
|
+
.sapMITBItem .sapMITBText {
|
|
1351
|
+
padding-top: 0.25rem;
|
|
1352
|
+
}
|
|
1353
|
+
}
|
|
1266
1354
|
}
|
|
1267
1355
|
|
|
1268
1356
|
.sapMITHUnselectable {
|
|
@@ -1325,12 +1413,14 @@ html[dir=rtl] {
|
|
|
1325
1413
|
.sapMBtn.sapMBtnDisabled {
|
|
1326
1414
|
opacity: @_sap_m_IconTabBar_DisabledOpacity;
|
|
1327
1415
|
}
|
|
1328
|
-
|
|
1416
|
+
|
|
1417
|
+
.sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnTransparent.sapMBtnActive {
|
|
1329
1418
|
outline-color:@sapUiShellNavigationActiveBackground;
|
|
1330
1419
|
background: @sapUiShellNavigationActiveBackground;
|
|
1331
1420
|
border-color:@sapUiShellNavigationActiveBackground;
|
|
1332
1421
|
}
|
|
1333
|
-
|
|
1422
|
+
|
|
1423
|
+
.sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon {
|
|
1334
1424
|
color: @sapUiShellNavigationSelectedColor;
|
|
1335
1425
|
}
|
|
1336
1426
|
|
|
@@ -1348,20 +1438,47 @@ html[dir=rtl] {
|
|
|
1348
1438
|
color: @sapUiShellNavigationActiveTextColor;
|
|
1349
1439
|
}
|
|
1350
1440
|
}
|
|
1441
|
+
|
|
1351
1442
|
.sapMBtn:focus>.sapMFocusable.sapMBtnInner.sapMBtnHoverable {
|
|
1352
1443
|
outline-color: @sapUiShellNavigationTextColor;
|
|
1353
1444
|
}
|
|
1445
|
+
|
|
1446
|
+
.sapMITHStartOverflow,
|
|
1447
|
+
.sapMITHEndOverflow {
|
|
1448
|
+
.sapMITBItem {
|
|
1449
|
+
color: @_sap_m_IconTabBar_ShellTextColor;
|
|
1450
|
+
background-color: transparent;
|
|
1451
|
+
border-color: @_sap_m_IconTabBar_ShellOverflowBorderColor;
|
|
1452
|
+
|
|
1453
|
+
.sapMITHShowSubItemsIcon {
|
|
1454
|
+
color: @_sap_m_IconTabBar_ShellTextColor;
|
|
1455
|
+
}
|
|
1456
|
+
|
|
1457
|
+
&:hover {
|
|
1458
|
+
background: @sapUiShellHoverBackground;
|
|
1459
|
+
border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
|
|
1460
|
+
}
|
|
1461
|
+
|
|
1462
|
+
&:active {
|
|
1463
|
+
background: @sapUiShellNavigationActiveBackground;
|
|
1464
|
+
border-color: @_sap_m_IconTabBar_ShellOverflowPressedBorderColor;
|
|
1465
|
+
}
|
|
1466
|
+
}
|
|
1467
|
+
}
|
|
1468
|
+
|
|
1354
1469
|
html.sap-desktop & {
|
|
1355
1470
|
|
|
1356
1471
|
.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon,
|
|
1357
1472
|
.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
|
|
1358
1473
|
.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll,
|
|
1359
|
-
.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText
|
|
1474
|
+
.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
|
|
1475
|
+
.sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
|
|
1476
|
+
.sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {
|
|
1360
1477
|
&::after {
|
|
1361
1478
|
border-color: @_sap_m_IconTabBar_ShellTextColor;
|
|
1362
1479
|
}
|
|
1363
1480
|
}
|
|
1364
|
-
|
|
1481
|
+
}
|
|
1365
1482
|
}
|
|
1366
1483
|
|
|
1367
1484
|
/* ------------------------------------------------ */
|
|
@@ -1444,6 +1561,10 @@ html[dir=rtl] {
|
|
|
1444
1561
|
left: 0.375rem;
|
|
1445
1562
|
}
|
|
1446
1563
|
|
|
1564
|
+
.sapMITHOverflowVisible .sapMITFExpandButtonBadge {
|
|
1565
|
+
top: 0.4375rem;
|
|
1566
|
+
}
|
|
1567
|
+
|
|
1447
1568
|
.sapMITBFilterNeutral .sapMBadgeAttention {
|
|
1448
1569
|
background-color: @sapUiNeutralElement;
|
|
1449
1570
|
}
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
@_sap_m_IconTabBar_SelectListItem_PaddingLeft: 0.5rem;
|
|
7
7
|
@_sap_m_IconTabBar_SelectListItem_PaddingLeftAdditional: 0;
|
|
8
|
+
@_sap_m_IconTabBar_ListBorderRadius: 0px;
|
|
8
9
|
|
|
9
10
|
.sapMITBSelectList {
|
|
10
11
|
margin: 0;
|
|
@@ -145,6 +146,14 @@
|
|
|
145
146
|
}
|
|
146
147
|
}
|
|
147
148
|
|
|
149
|
+
.sapMITBSelectItem {
|
|
150
|
+
&.sapMITBFilterDefault {
|
|
151
|
+
.sapMITBInlineIcon {
|
|
152
|
+
color: @sapUiListTextColor
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
|
|
148
157
|
.sapMITBSelectItem:not(.sapMITHUnselectable):hover {
|
|
149
158
|
background-color: @sapUiListHoverBackground;
|
|
150
159
|
}
|
|
@@ -170,7 +179,7 @@
|
|
|
170
179
|
}
|
|
171
180
|
|
|
172
181
|
.sapMITBSelectItem:focus::before {
|
|
173
|
-
border: @sapUiContentFocusWidth
|
|
182
|
+
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
174
183
|
position: absolute;
|
|
175
184
|
content: " ";
|
|
176
185
|
top: 1px;
|
|
@@ -178,6 +187,7 @@
|
|
|
178
187
|
bottom: 1px;
|
|
179
188
|
left: 1px;
|
|
180
189
|
z-index: 2;
|
|
190
|
+
border-radius: @_sap_m_IconTabBar_ListBorderRadius;
|
|
181
191
|
pointer-events: none;
|
|
182
192
|
}
|
|
183
193
|
|
|
@@ -191,4 +201,4 @@
|
|
|
191
201
|
|
|
192
202
|
.sapUiDnDIndicator {
|
|
193
203
|
z-index: 100;
|
|
194
|
-
}
|
|
204
|
+
}
|
|
@@ -237,23 +237,6 @@ input.sapMInputBaseInner:invalid {
|
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.sapMILI-CTX .sapMInputBaseContentWrapper,
|
|
241
|
-
.sapMILI-CTX .sapMInputBaseInner,
|
|
242
|
-
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
|
|
243
|
-
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
|
|
244
|
-
text-align: right;
|
|
245
|
-
background: transparent;
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
.sapMLIBActive .sapMInputBaseInner {
|
|
249
|
-
color: @sapUiListActiveTextColor;
|
|
250
|
-
background: transparent;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
|
|
254
|
-
color: @sapUiListActiveTextColor;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
240
|
/* Compact size */
|
|
258
241
|
|
|
259
242
|
.sapUiSizeCompact {
|