@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.
Files changed (439) hide show
  1. package/.reuse/dep5 +46 -0
  2. package/THIRDPARTY.txt +59 -1
  3. package/package.json +4 -4
  4. package/src/sap/m/.library +1 -1
  5. package/src/sap/m/AccButton.js +1 -1
  6. package/src/sap/m/ActionListItem.js +1 -1
  7. package/src/sap/m/ActionSelect.js +3 -1
  8. package/src/sap/m/ActionSheet.js +1 -1
  9. package/src/sap/m/App.js +2 -2
  10. package/src/sap/m/AssociativeOverflowToolbar.js +1 -1
  11. package/src/sap/m/Avatar.js +1 -1
  12. package/src/sap/m/BadgeEnabler.js +4 -0
  13. package/src/sap/m/Bar.js +14 -1
  14. package/src/sap/m/Breadcrumbs.js +34 -4
  15. package/src/sap/m/BreadcrumbsRenderer.js +13 -2
  16. package/src/sap/m/BusyDialog.js +2 -1
  17. package/src/sap/m/BusyIndicator.js +1 -1
  18. package/src/sap/m/Button.js +26 -12
  19. package/src/sap/m/Carousel.js +7 -7
  20. package/src/sap/m/CarouselLayout.js +1 -1
  21. package/src/sap/m/CheckBox.js +21 -6
  22. package/src/sap/m/CheckBoxRenderer.js +1 -1
  23. package/src/sap/m/ColorPalette.js +10 -24
  24. package/src/sap/m/ColorPalettePopover.js +1 -1
  25. package/src/sap/m/Column.js +12 -4
  26. package/src/sap/m/ColumnHeaderPopover.js +1 -1
  27. package/src/sap/m/ColumnListItem.js +8 -2
  28. package/src/sap/m/ColumnPopoverActionItem.js +1 -1
  29. package/src/sap/m/ColumnPopoverCustomItem.js +1 -1
  30. package/src/sap/m/ColumnPopoverItem.js +1 -1
  31. package/src/sap/m/ColumnPopoverSelectListItem.js +1 -1
  32. package/src/sap/m/ColumnPopoverSortItem.js +1 -1
  33. package/src/sap/m/ComboBox.js +14 -24
  34. package/src/sap/m/ComboBoxBase.js +12 -1
  35. package/src/sap/m/ComboBoxRenderer.js +3 -1
  36. package/src/sap/m/ComboBoxTextField.js +1 -1
  37. package/src/sap/m/CustomDynamicDateOption.js +99 -0
  38. package/src/sap/m/CustomListItem.js +1 -1
  39. package/src/sap/m/CustomTile.js +1 -1
  40. package/src/sap/m/CustomTreeItem.js +1 -1
  41. package/src/sap/m/DatePicker.js +13 -6
  42. package/src/sap/m/DateRangeSelection.js +5 -5
  43. package/src/sap/m/DateTimeField.js +69 -1
  44. package/src/sap/m/DateTimeInput.js +2 -2
  45. package/src/sap/m/DateTimePicker.js +17 -10
  46. package/src/sap/m/Dialog.js +17 -13
  47. package/src/sap/m/DisplayListItem.js +1 -1
  48. package/src/sap/m/DraftIndicator.js +1 -1
  49. package/src/sap/m/DynamicDate.js +197 -0
  50. package/src/sap/m/DynamicDateFormat.js +264 -0
  51. package/src/sap/m/DynamicDateOption.js +345 -0
  52. package/src/sap/m/DynamicDateRange.js +1187 -0
  53. package/src/sap/m/DynamicDateRangeRenderer.js +36 -0
  54. package/src/sap/m/DynamicDateUtil.js +162 -0
  55. package/src/sap/m/DynamicDateValueHelpUIType.js +55 -0
  56. package/src/sap/m/ExpandableText.js +4 -2
  57. package/src/sap/m/FacetFilter.js +17 -7
  58. package/src/sap/m/FacetFilterItem.js +1 -1
  59. package/src/sap/m/FacetFilterList.js +3 -3
  60. package/src/sap/m/FeedContent.js +1 -1
  61. package/src/sap/m/FeedInput.js +21 -10
  62. package/src/sap/m/FeedInputRenderer.js +1 -1
  63. package/src/sap/m/FeedListItem.js +29 -23
  64. package/src/sap/m/FeedListItemAction.js +1 -1
  65. package/src/sap/m/Fiori20Adapter.js +2 -2
  66. package/src/sap/m/FlexBox.js +32 -67
  67. package/src/sap/m/FlexItemData.js +1 -1
  68. package/src/sap/m/FormattedText.js +1 -1
  69. package/src/sap/m/GenericTag.js +1 -1
  70. package/src/sap/m/GenericTile.js +39 -1
  71. package/src/sap/m/GenericTileRenderer.js +77 -8
  72. package/src/sap/m/GroupHeaderListItem.js +1 -1
  73. package/src/sap/m/GrowingEnablement.js +31 -34
  74. package/src/sap/m/GrowingList.js +1 -1
  75. package/src/sap/m/HBox.js +1 -1
  76. package/src/sap/m/HeaderContainer.js +8 -5
  77. package/src/sap/m/HeaderContainerItemNavigator.js +1 -1
  78. package/src/sap/m/HeaderContainerRenderer.js +1 -1
  79. package/src/sap/m/IconTabBar.js +1 -2
  80. package/src/sap/m/IconTabBarSelectList.js +29 -11
  81. package/src/sap/m/IconTabBarSelectListRenderer.js +7 -9
  82. package/src/sap/m/IconTabFilter.js +68 -32
  83. package/src/sap/m/IconTabFilterExpandButtonBadge.js +1 -1
  84. package/src/sap/m/IconTabHeader.js +18 -7
  85. package/src/sap/m/IconTabHeaderRenderer.js +1 -0
  86. package/src/sap/m/IconTabSeparator.js +1 -1
  87. package/src/sap/m/Image.js +2 -2
  88. package/src/sap/m/ImageContent.js +1 -1
  89. package/src/sap/m/Input.js +55 -28
  90. package/src/sap/m/InputBase.js +8 -6
  91. package/src/sap/m/InputBaseRenderer.js +32 -0
  92. package/src/sap/m/InputListItem.js +1 -1
  93. package/src/sap/m/InputRenderer.js +30 -4
  94. package/src/sap/m/Label.js +1 -1
  95. package/src/sap/m/LightBox.js +1 -1
  96. package/src/sap/m/LightBoxItem.js +1 -1
  97. package/src/sap/m/Link.js +8 -3
  98. package/src/sap/m/List.js +1 -1
  99. package/src/sap/m/ListBase.js +79 -21
  100. package/src/sap/m/ListItemBase.js +8 -7
  101. package/src/sap/m/MaskEnabler.js +1 -1
  102. package/src/sap/m/MaskInput.js +1 -1
  103. package/src/sap/m/MaskInputRule.js +1 -1
  104. package/src/sap/m/Menu.js +5 -4
  105. package/src/sap/m/MenuButton.js +2 -2
  106. package/src/sap/m/MenuItem.js +4 -4
  107. package/src/sap/m/MenuListItem.js +17 -1
  108. package/src/sap/m/MenuListItemRenderer.js +5 -0
  109. package/src/sap/m/MessageBox.js +37 -12
  110. package/src/sap/m/MessageItem.js +1 -1
  111. package/src/sap/m/MessageListItem.js +1 -1
  112. package/src/sap/m/MessagePage.js +1 -1
  113. package/src/sap/m/MessagePopover.js +29 -1
  114. package/src/sap/m/MessagePopoverItem.js +1 -1
  115. package/src/sap/m/MessageStrip.js +17 -23
  116. package/src/sap/m/MessageStripRenderer.js +2 -2
  117. package/src/sap/m/MessageStripUtilities.js +16 -3
  118. package/src/sap/m/MessageToast.js +2 -2
  119. package/src/sap/m/MessageView.js +7 -7
  120. package/src/sap/m/MultiComboBox.js +178 -166
  121. package/src/sap/m/MultiEditField.js +1 -1
  122. package/src/sap/m/MultiInput.js +2 -3
  123. package/src/sap/m/NavContainer.js +95 -15
  124. package/src/sap/m/NewsContent.js +1 -1
  125. package/src/sap/m/NotificationList.js +1 -1
  126. package/src/sap/m/NotificationListBase.js +1 -1
  127. package/src/sap/m/NotificationListGroup.js +1 -1
  128. package/src/sap/m/NotificationListItem.js +1 -1
  129. package/src/sap/m/NumericContent.js +1 -1
  130. package/src/sap/m/ObjectAttribute.js +1 -1
  131. package/src/sap/m/ObjectHeader.js +1 -1
  132. package/src/sap/m/ObjectHeaderRenderer.js +10 -7
  133. package/src/sap/m/ObjectIdentifier.js +10 -6
  134. package/src/sap/m/ObjectIdentifierRenderer.js +1 -1
  135. package/src/sap/m/ObjectListItem.js +3 -3
  136. package/src/sap/m/ObjectListItemRenderer.js +2 -2
  137. package/src/sap/m/ObjectMarker.js +16 -18
  138. package/src/sap/m/ObjectNumber.js +2 -2
  139. package/src/sap/m/ObjectStatus.js +17 -28
  140. package/src/sap/m/ObjectStatusRenderer.js +32 -11
  141. package/src/sap/m/OverflowToolbar.js +10 -6
  142. package/src/sap/m/OverflowToolbarAssociativePopover.js +1 -1
  143. package/src/sap/m/OverflowToolbarButton.js +2 -2
  144. package/src/sap/m/OverflowToolbarLayoutData.js +1 -1
  145. package/src/sap/m/OverflowToolbarToggleButton.js +2 -2
  146. package/src/sap/m/P13nAnyFilterItem.js +1 -1
  147. package/src/sap/m/P13nColumnsItem.js +1 -1
  148. package/src/sap/m/P13nColumnsPanel.js +3 -3
  149. package/src/sap/m/P13nConditionPanel.js +3 -3
  150. package/src/sap/m/P13nDialog.js +11 -5
  151. package/src/sap/m/P13nDimMeasureItem.js +1 -1
  152. package/src/sap/m/P13nDimMeasurePanel.js +4 -4
  153. package/src/sap/m/P13nFilterItem.js +1 -1
  154. package/src/sap/m/P13nFilterPanel.js +1 -1
  155. package/src/sap/m/P13nGroupItem.js +1 -1
  156. package/src/sap/m/P13nGroupPanel.js +7 -13
  157. package/src/sap/m/P13nItem.js +1 -1
  158. package/src/sap/m/P13nPanel.js +1 -1
  159. package/src/sap/m/P13nSelectionItem.js +1 -1
  160. package/src/sap/m/P13nSelectionPanel.js +1 -1
  161. package/src/sap/m/P13nSortItem.js +1 -1
  162. package/src/sap/m/P13nSortPanel.js +6 -12
  163. package/src/sap/m/PDFViewer.js +1 -1
  164. package/src/sap/m/PDFViewerRenderManager.js +2 -2
  165. package/src/sap/m/Page.js +1 -1
  166. package/src/sap/m/PageAccessibleLandmarkInfo.js +1 -1
  167. package/src/sap/m/PagingButton.js +1 -1
  168. package/src/sap/m/Panel.js +1 -1
  169. package/src/sap/m/PlanningCalendar.js +173 -50
  170. package/src/sap/m/PlanningCalendarHeader.js +36 -5
  171. package/src/sap/m/PlanningCalendarLegend.js +1 -1
  172. package/src/sap/m/PlanningCalendarRow.js +1 -1
  173. package/src/sap/m/PlanningCalendarView.js +26 -2
  174. package/src/sap/m/Popover.js +54 -25
  175. package/src/sap/m/ProgressIndicator.js +1 -1
  176. package/src/sap/m/PullToRefresh.js +1 -1
  177. package/src/sap/m/QuickView.js +2 -2
  178. package/src/sap/m/QuickViewBase.js +1 -3
  179. package/src/sap/m/QuickViewCard.js +1 -1
  180. package/src/sap/m/QuickViewGroup.js +1 -1
  181. package/src/sap/m/QuickViewGroupElement.js +1 -1
  182. package/src/sap/m/QuickViewPage.js +129 -137
  183. package/src/sap/m/RadioButton.js +3 -3
  184. package/src/sap/m/RadioButtonGroup.js +1 -1
  185. package/src/sap/m/RangeSlider.js +8 -3
  186. package/src/sap/m/RangeSliderRenderer.js +3 -0
  187. package/src/sap/m/RatingIndicator.js +69 -29
  188. package/src/sap/m/RatingIndicatorRenderer.js +0 -1
  189. package/src/sap/m/ResponsivePopover.js +1 -1
  190. package/src/sap/m/ResponsiveScale.js +1 -1
  191. package/src/sap/m/ScrollBar.js +1 -1
  192. package/src/sap/m/ScrollContainer.js +1 -1
  193. package/src/sap/m/SearchField.js +34 -19
  194. package/src/sap/m/SearchFieldRenderer.js +15 -5
  195. package/src/sap/m/SegmentedButton.js +1 -1
  196. package/src/sap/m/SegmentedButtonItem.js +1 -1
  197. package/src/sap/m/SegmentedButtonRenderer.js +6 -0
  198. package/src/sap/m/Select.js +39 -22
  199. package/src/sap/m/SelectDialog.js +22 -58
  200. package/src/sap/m/SelectDialogBase.js +148 -0
  201. package/src/sap/m/SelectList.js +13 -3
  202. package/src/sap/m/SelectRenderer.js +38 -25
  203. package/src/sap/m/SelectionDetails.js +5 -2
  204. package/src/sap/m/SelectionDetailsFacade.js +2 -2
  205. package/src/sap/m/SelectionDetailsItem.js +1 -1
  206. package/src/sap/m/SelectionDetailsItemLine.js +1 -1
  207. package/src/sap/m/Shell.js +2 -2
  208. package/src/sap/m/SimpleFixFlex.js +1 -1
  209. package/src/sap/m/SinglePlanningCalendar.js +19 -9
  210. package/src/sap/m/SinglePlanningCalendarDayView.js +1 -1
  211. package/src/sap/m/SinglePlanningCalendarGrid.js +49 -6
  212. package/src/sap/m/SinglePlanningCalendarGridRenderer.js +27 -19
  213. package/src/sap/m/SinglePlanningCalendarMonthGrid.js +39 -2
  214. package/src/sap/m/SinglePlanningCalendarMonthGridRenderer.js +22 -2
  215. package/src/sap/m/SinglePlanningCalendarMonthView.js +1 -1
  216. package/src/sap/m/SinglePlanningCalendarView.js +2 -2
  217. package/src/sap/m/SinglePlanningCalendarWeekView.js +1 -1
  218. package/src/sap/m/SinglePlanningCalendarWorkWeekView.js +1 -1
  219. package/src/sap/m/SlideTile.js +3 -3
  220. package/src/sap/m/Slider.js +2 -2
  221. package/src/sap/m/SliderRenderer.js +2 -2
  222. package/src/sap/m/SliderTooltip.js +1 -1
  223. package/src/sap/m/SliderTooltipBase.js +1 -1
  224. package/src/sap/m/SliderTooltipContainer.js +1 -1
  225. package/src/sap/m/SplitApp.js +3 -3
  226. package/src/sap/m/SplitButton.js +1 -1
  227. package/src/sap/m/SplitButtonRenderer.js +5 -1
  228. package/src/sap/m/SplitContainer.js +67 -6
  229. package/src/sap/m/StandardDynamicDateOption.js +585 -0
  230. package/src/sap/m/StandardListItem.js +1 -1
  231. package/src/sap/m/StandardTile.js +2 -2
  232. package/src/sap/m/StandardTreeItem.js +1 -1
  233. package/src/sap/m/StepInput.js +1 -1
  234. package/src/sap/m/StepInputRenderer.js +0 -3
  235. package/src/sap/m/SuggestionItem.js +1 -1
  236. package/src/sap/m/SuggestionsPopover.js +44 -1
  237. package/src/sap/m/Support.js +54 -46
  238. package/src/sap/m/Switch.js +9 -1
  239. package/src/sap/m/TabContainer.js +1 -1
  240. package/src/sap/m/TabContainerItem.js +1 -1
  241. package/src/sap/m/TabStrip.js +1 -1
  242. package/src/sap/m/TabStripItem.js +1 -1
  243. package/src/sap/m/Table.js +50 -8
  244. package/src/sap/m/TablePersoController.js +2 -2
  245. package/src/sap/m/TablePersoDialog.js +1 -1
  246. package/src/sap/m/TablePersoProvider.js +1 -1
  247. package/src/sap/m/TableRenderer.js +6 -4
  248. package/src/sap/m/TableSelectDialog.js +23 -54
  249. package/src/sap/m/Text.js +3 -3
  250. package/src/sap/m/TextArea.js +1 -1
  251. package/src/sap/m/Tile.js +1 -1
  252. package/src/sap/m/TileContainer.js +9 -9
  253. package/src/sap/m/TileContent.js +1 -1
  254. package/src/sap/m/TimePicker.js +11 -6
  255. package/src/sap/m/TimePickerClock.js +2 -2
  256. package/src/sap/m/TimePickerClocks.js +4 -2
  257. package/src/sap/m/TimePickerInputs.js +27 -5
  258. package/src/sap/m/TimePickerInternals.js +1 -1
  259. package/src/sap/m/TimePickerSlider.js +15 -4
  260. package/src/sap/m/TimePickerSliders.js +5 -5
  261. package/src/sap/m/TimePickerSlidersRenderer.js +0 -1
  262. package/src/sap/m/Title.js +2 -2
  263. package/src/sap/m/TitlePropagationSupport.js +1 -1
  264. package/src/sap/m/ToggleButton.js +2 -2
  265. package/src/sap/m/Token.js +1 -3
  266. package/src/sap/m/Tokenizer.js +3 -2
  267. package/src/sap/m/TokenizerRenderer.js +1 -0
  268. package/src/sap/m/Toolbar.js +2 -2
  269. package/src/sap/m/ToolbarLayoutData.js +1 -1
  270. package/src/sap/m/ToolbarSeparator.js +1 -1
  271. package/src/sap/m/ToolbarSpacer.js +1 -1
  272. package/src/sap/m/Tree.js +1 -1
  273. package/src/sap/m/TreeItemBase.js +4 -4
  274. package/src/sap/m/UploadCollection.js +2 -2
  275. package/src/sap/m/UploadCollectionItem.js +2 -2
  276. package/src/sap/m/UploadCollectionParameter.js +1 -1
  277. package/src/sap/m/UploadCollectionToolbarPlaceholder.js +1 -1
  278. package/src/sap/m/VBox.js +1 -1
  279. package/src/sap/m/ValueStateHeader.js +1 -1
  280. package/src/sap/m/ViewSettingsCustomItem.js +2 -2
  281. package/src/sap/m/ViewSettingsCustomTab.js +1 -1
  282. package/src/sap/m/ViewSettingsDialog.js +9 -9
  283. package/src/sap/m/ViewSettingsFilterItem.js +1 -1
  284. package/src/sap/m/ViewSettingsItem.js +1 -1
  285. package/src/sap/m/VisibleItem.js +1 -1
  286. package/src/sap/m/WheelSlider.js +3 -3
  287. package/src/sap/m/WheelSliderContainer.js +4 -4
  288. package/src/sap/m/Wizard.js +2 -2
  289. package/src/sap/m/WizardProgressNavigator.js +1 -1
  290. package/src/sap/m/WizardProgressNavigatorRenderer.js +1 -1
  291. package/src/sap/m/WizardStep.js +2 -2
  292. package/src/sap/m/changeHandler/AddTableColumn.js +76 -44
  293. package/src/sap/m/changeHandler/ChangeLinkTarget.js +18 -23
  294. package/src/sap/m/changeHandler/CombineButtons.js +280 -173
  295. package/src/sap/m/changeHandler/MoveTableColumns.js +143 -111
  296. package/src/sap/m/changeHandler/SplitMenuButton.js +141 -93
  297. package/src/sap/m/inputUtils/calculateSelectionStart.js +1 -1
  298. package/src/sap/m/inputUtils/wordStartsWithValue.js +5 -1
  299. package/src/sap/m/library.js +93 -9
  300. package/src/sap/m/messagebundle.properties +212 -27
  301. package/src/sap/m/messagebundle_ar.properties +104 -3
  302. package/src/sap/m/messagebundle_bg.properties +103 -2
  303. package/src/sap/m/messagebundle_ca.properties +103 -2
  304. package/src/sap/m/messagebundle_cs.properties +113 -12
  305. package/src/sap/m/messagebundle_cy.properties +103 -2
  306. package/src/sap/m/messagebundle_da.properties +103 -2
  307. package/src/sap/m/messagebundle_de.properties +112 -11
  308. package/src/sap/m/messagebundle_el.properties +103 -2
  309. package/src/sap/m/messagebundle_en.properties +103 -2
  310. package/src/sap/m/messagebundle_en_GB.properties +103 -2
  311. package/src/sap/m/messagebundle_en_US_sappsd.properties +102 -2
  312. package/src/sap/m/messagebundle_en_US_saprigi.properties +96 -2
  313. package/src/sap/m/messagebundle_en_US_saptrc.properties +103 -2
  314. package/src/sap/m/messagebundle_es.properties +106 -5
  315. package/src/sap/m/messagebundle_es_MX.properties +103 -2
  316. package/src/sap/m/messagebundle_et.properties +103 -2
  317. package/src/sap/m/messagebundle_fi.properties +103 -2
  318. package/src/sap/m/messagebundle_fr.properties +103 -2
  319. package/src/sap/m/messagebundle_fr_CA.properties +107 -6
  320. package/src/sap/m/messagebundle_hi.properties +103 -2
  321. package/src/sap/m/messagebundle_hr.properties +103 -2
  322. package/src/sap/m/messagebundle_hu.properties +103 -2
  323. package/src/sap/m/messagebundle_id.properties +103 -2
  324. package/src/sap/m/messagebundle_it.properties +103 -2
  325. package/src/sap/m/messagebundle_iw.properties +103 -2
  326. package/src/sap/m/messagebundle_ja.properties +122 -21
  327. package/src/sap/m/messagebundle_kk.properties +103 -2
  328. package/src/sap/m/messagebundle_ko.properties +103 -2
  329. package/src/sap/m/messagebundle_lt.properties +103 -2
  330. package/src/sap/m/messagebundle_lv.properties +103 -2
  331. package/src/sap/m/messagebundle_ms.properties +103 -2
  332. package/src/sap/m/messagebundle_nl.properties +110 -9
  333. package/src/sap/m/messagebundle_no.properties +106 -5
  334. package/src/sap/m/messagebundle_pl.properties +106 -5
  335. package/src/sap/m/messagebundle_pt.properties +112 -11
  336. package/src/sap/m/messagebundle_pt_PT.properties +103 -2
  337. package/src/sap/m/messagebundle_ro.properties +113 -12
  338. package/src/sap/m/messagebundle_ru.properties +103 -2
  339. package/src/sap/m/messagebundle_sh.properties +103 -2
  340. package/src/sap/m/messagebundle_sk.properties +103 -2
  341. package/src/sap/m/messagebundle_sl.properties +103 -2
  342. package/src/sap/m/messagebundle_sv.properties +109 -8
  343. package/src/sap/m/messagebundle_th.properties +113 -12
  344. package/src/sap/m/messagebundle_tr.properties +109 -8
  345. package/src/sap/m/messagebundle_uk.properties +103 -2
  346. package/src/sap/m/messagebundle_vi.properties +103 -2
  347. package/src/sap/m/messagebundle_zh_CN.properties +104 -3
  348. package/src/sap/m/messagebundle_zh_TW.properties +103 -2
  349. package/src/sap/m/plugins/ColumnResizer.js +1 -1
  350. package/src/sap/m/plugins/DataStateIndicator.js +5 -3
  351. package/src/sap/m/plugins/PasteProvider.js +1 -1
  352. package/src/sap/m/plugins/PluginBase.js +1 -1
  353. package/src/sap/m/routing/RouteMatchedHandler.js +2 -0
  354. package/src/sap/m/routing/Router.js +1 -0
  355. package/src/sap/m/routing/TargetHandler.js +123 -51
  356. package/src/sap/m/routing/async/Target.js +13 -1
  357. package/src/sap/m/routing/sync/Target.js +1 -0
  358. package/src/sap/m/semantic/AddAction.js +1 -1
  359. package/src/sap/m/semantic/CancelAction.js +1 -1
  360. package/src/sap/m/semantic/DeleteAction.js +1 -1
  361. package/src/sap/m/semantic/DetailPage.js +1 -1
  362. package/src/sap/m/semantic/DiscussInJamAction.js +1 -1
  363. package/src/sap/m/semantic/EditAction.js +1 -1
  364. package/src/sap/m/semantic/FavoriteAction.js +1 -1
  365. package/src/sap/m/semantic/FilterAction.js +1 -1
  366. package/src/sap/m/semantic/FilterSelect.js +1 -1
  367. package/src/sap/m/semantic/FlagAction.js +1 -1
  368. package/src/sap/m/semantic/ForwardAction.js +1 -1
  369. package/src/sap/m/semantic/FullscreenPage.js +1 -1
  370. package/src/sap/m/semantic/GroupAction.js +1 -1
  371. package/src/sap/m/semantic/GroupSelect.js +1 -1
  372. package/src/sap/m/semantic/MainAction.js +1 -1
  373. package/src/sap/m/semantic/MasterPage.js +1 -1
  374. package/src/sap/m/semantic/MessagesIndicator.js +1 -1
  375. package/src/sap/m/semantic/MultiSelectAction.js +1 -1
  376. package/src/sap/m/semantic/NegativeAction.js +1 -1
  377. package/src/sap/m/semantic/OpenInAction.js +1 -1
  378. package/src/sap/m/semantic/PositiveAction.js +1 -1
  379. package/src/sap/m/semantic/PrintAction.js +1 -1
  380. package/src/sap/m/semantic/SaveAction.js +1 -1
  381. package/src/sap/m/semantic/Segment.js +1 -1
  382. package/src/sap/m/semantic/SegmentedContainer.js +1 -1
  383. package/src/sap/m/semantic/SemanticButton.js +1 -1
  384. package/src/sap/m/semantic/SemanticConfiguration.js +1 -1
  385. package/src/sap/m/semantic/SemanticControl.js +1 -1
  386. package/src/sap/m/semantic/SemanticOverflowToolbarButton.js +2 -2
  387. package/src/sap/m/semantic/SemanticOverflowToolbarToggleButton.js +2 -2
  388. package/src/sap/m/semantic/SemanticPage.js +1 -1
  389. package/src/sap/m/semantic/SemanticSelect.js +1 -1
  390. package/src/sap/m/semantic/SemanticToggleButton.js +1 -1
  391. package/src/sap/m/semantic/SendEmailAction.js +1 -1
  392. package/src/sap/m/semantic/SendMessageAction.js +1 -1
  393. package/src/sap/m/semantic/ShareInJamAction.js +1 -1
  394. package/src/sap/m/semantic/ShareMenu.js +1 -1
  395. package/src/sap/m/semantic/ShareMenuPage.js +1 -1
  396. package/src/sap/m/semantic/SortAction.js +1 -1
  397. package/src/sap/m/semantic/SortSelect.js +1 -1
  398. package/src/sap/m/themes/base/Button.less +8 -10
  399. package/src/sap/m/themes/base/Carousel.less +38 -4
  400. package/src/sap/m/themes/base/CheckBox.less +1 -1
  401. package/src/sap/m/themes/base/Dialog.less +11 -5
  402. package/src/sap/m/themes/base/DynamicDateRange.less +56 -0
  403. package/src/sap/m/themes/base/FeedInput.less +5 -6
  404. package/src/sap/m/themes/base/GenericTile.less +205 -2
  405. package/src/sap/m/themes/base/IconTabBar.less +185 -64
  406. package/src/sap/m/themes/base/IconTabBarSelectList.less +12 -2
  407. package/src/sap/m/themes/base/InputBase.less +0 -17
  408. package/src/sap/m/themes/base/Label.less +6 -4
  409. package/src/sap/m/themes/base/Link.less +0 -3
  410. package/src/sap/m/themes/base/ListItemBase.less +7 -3
  411. package/src/sap/m/themes/base/MenuListItem.less +10 -0
  412. package/src/sap/m/themes/base/MessageBox.less +0 -3
  413. package/src/sap/m/themes/base/NotificationListBase.less +1 -1
  414. package/src/sap/m/themes/base/ObjectHeader.less +2 -1
  415. package/src/sap/m/themes/base/ObjectNumber.less +6 -2
  416. package/src/sap/m/themes/base/ObjectStatus.less +25 -4
  417. package/src/sap/m/themes/base/P13nDialog.less +8 -0
  418. package/src/sap/m/themes/base/PlanningCalendar.less +25 -0
  419. package/src/sap/m/themes/base/Popover.less +1 -1
  420. package/src/sap/m/themes/base/ProgressIndicator.less +7 -6
  421. package/src/sap/m/themes/base/QuickView.less +17 -60
  422. package/src/sap/m/themes/base/RadioButton.less +3 -0
  423. package/src/sap/m/themes/base/SearchField.less +22 -15
  424. package/src/sap/m/themes/base/SegmentedButton.less +1 -1
  425. package/src/sap/m/themes/base/SinglePlanningCalendarMonthGrid.less +29 -5
  426. package/src/sap/m/themes/base/SplitContainer.less +0 -16
  427. package/src/sap/m/themes/base/StandardListItem.less +5 -1
  428. package/src/sap/m/themes/base/Table.less +15 -19
  429. package/src/sap/m/themes/base/Text.less +4 -2
  430. package/src/sap/m/themes/base/TimePicker.less +5 -1
  431. package/src/sap/m/themes/base/TimePickerSliders.less +1 -5
  432. package/src/sap/m/themes/base/Toolbar.less +6 -0
  433. package/src/sap/m/themes/base/ViewSettingsDialog.less +1 -1
  434. package/src/sap/m/themes/base/library.source.less +1 -0
  435. package/src/sap/m/themes/base/shared.less +2 -0
  436. package/src/sap/m/themes/sap_hcb/InputBase.less +25 -0
  437. package/src/sap/m/upload/UploadSet.js +11 -10
  438. package/src/sap/m/upload/UploadSetItem.js +16 -1
  439. 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: 3; // Remark: If increased, this will break FLP footer visualization.
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
- .sapMITHEndOverflow, .sapMITHStartOverflow {
444
- align-self: stretch;
445
- flex-grow: 0;
446
- flex-shrink: 0;
447
- display: flex;
448
- align-items: center;
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
- .sapMITBItem {
456
- visibility: hidden;
457
- margin: 0;
458
- padding: 0;
459
- height: @_sap_m_IconTabBar_InLineTextOnlyVerticalHeight;
483
+ .sapMITBFilterWrapper {
484
+ display: inline-flex;
485
+ align-items: center;
486
+ }
460
487
 
461
- .sapMITBContentArrow {
462
- display: none;
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
- .sapMITBTab {
467
- display: none;
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
- .sapMITBText {
471
- font-size: 0.875rem;
472
- line-height: 1rem;
473
- margin: 0;
474
- padding: 0;
475
- text-align: left;
476
- width: auto;
477
- }
541
+ .sapMITHOverflowVisible {
542
+ visibility: visible;
543
+ }
478
544
 
479
- .sapMITHOverflowVisible {
480
- visibility: visible;
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: -1px;
800
- bottom: -1px;
801
- right: -1px;
802
- left: -1px;
803
- border: @sapUiContentFocusWidth dotted @sapUiContentFocusColor;
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: auto;
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
- .sapMITBHead .sapMITBText {
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
- .sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnTransparent.sapMBtnActive,.sapUshellShellTabBar.sapMITH .sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnTransparent.sapMBtnActive {
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
- .sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon,.sapUshellShellTabBar.sapMITH .sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon {
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 dotted @sapUiContentFocusColor;
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 {