@openui5/sap.f 1.117.0 → 1.118.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.
Files changed (86) hide show
  1. package/package.json +4 -4
  2. package/src/sap/f/.library +1 -1
  3. package/src/sap/f/Avatar.js +1 -1
  4. package/src/sap/f/AvatarGroup.js +1 -1
  5. package/src/sap/f/AvatarGroupItem.js +1 -1
  6. package/src/sap/f/CalendarAppointmentInCard.js +1 -1
  7. package/src/sap/f/CalendarInCard.js +1 -1
  8. package/src/sap/f/Card.js +1 -1
  9. package/src/sap/f/CardBase.js +1 -1
  10. package/src/sap/f/DynamicPage.js +1 -1
  11. package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
  12. package/src/sap/f/DynamicPageHeader.js +1 -1
  13. package/src/sap/f/DynamicPageTitle.js +23 -10
  14. package/src/sap/f/DynamicPageTitleRenderer.js +1 -1
  15. package/src/sap/f/FlexibleColumnLayout.js +1 -1
  16. package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
  17. package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
  18. package/src/sap/f/GridContainer.js +1 -1
  19. package/src/sap/f/GridContainerItemLayoutData.js +1 -1
  20. package/src/sap/f/GridContainerSettings.js +2 -2
  21. package/src/sap/f/GridList.js +1 -4
  22. package/src/sap/f/GridListItem.js +1 -1
  23. package/src/sap/f/IllustratedMessage.js +1 -1
  24. package/src/sap/f/Illustration.js +1 -1
  25. package/src/sap/f/PlanningCalendarInCardLegend.js +1 -1
  26. package/src/sap/f/ProductSwitch.js +1 -1
  27. package/src/sap/f/ProductSwitchItem.js +1 -1
  28. package/src/sap/f/SearchManager.js +1 -1
  29. package/src/sap/f/ShellBar.js +1 -1
  30. package/src/sap/f/SidePanel.js +4 -2
  31. package/src/sap/f/SidePanelItem.js +1 -1
  32. package/src/sap/f/SidePanelRenderer.js +1 -1
  33. package/src/sap/f/cards/BaseHeader.js +28 -4
  34. package/src/sap/f/cards/BaseHeaderRenderer.js +68 -0
  35. package/src/sap/f/cards/Header.js +7 -6
  36. package/src/sap/f/cards/HeaderRenderer.js +15 -17
  37. package/src/sap/f/cards/NumericHeader.js +174 -19
  38. package/src/sap/f/cards/NumericHeaderRenderer.js +25 -6
  39. package/src/sap/f/cards/NumericIndicators.js +1 -1
  40. package/src/sap/f/cards/NumericSideIndicator.js +1 -1
  41. package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +1 -1
  42. package/src/sap/f/cards/loading/CalendarPlaceholder.js +1 -1
  43. package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
  44. package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
  45. package/src/sap/f/cards/loading/ListPlaceholderRenderer.js +1 -2
  46. package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
  47. package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
  48. package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
  49. package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
  50. package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
  51. package/src/sap/f/delegate/GridContainerItemNavigation.js +8 -8
  52. package/src/sap/f/delegate/GridItemNavigation.js +1 -1
  53. package/src/sap/f/dnd/GridDragOver.js +1 -1
  54. package/src/sap/f/dnd/GridDropInfo.js +1 -1
  55. package/src/sap/f/library.js +2 -2
  56. package/src/sap/f/semantic/AddAction.js +1 -1
  57. package/src/sap/f/semantic/CloseAction.js +1 -1
  58. package/src/sap/f/semantic/CopyAction.js +1 -1
  59. package/src/sap/f/semantic/DeleteAction.js +1 -1
  60. package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
  61. package/src/sap/f/semantic/EditAction.js +1 -1
  62. package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
  63. package/src/sap/f/semantic/FavoriteAction.js +1 -1
  64. package/src/sap/f/semantic/FlagAction.js +1 -1
  65. package/src/sap/f/semantic/FooterMainAction.js +1 -1
  66. package/src/sap/f/semantic/FullScreenAction.js +1 -1
  67. package/src/sap/f/semantic/MainAction.js +1 -1
  68. package/src/sap/f/semantic/MessagesIndicator.js +1 -1
  69. package/src/sap/f/semantic/NegativeAction.js +1 -1
  70. package/src/sap/f/semantic/PositiveAction.js +1 -1
  71. package/src/sap/f/semantic/PrintAction.js +1 -1
  72. package/src/sap/f/semantic/SemanticButton.js +1 -1
  73. package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
  74. package/src/sap/f/semantic/SemanticControl.js +1 -1
  75. package/src/sap/f/semantic/SemanticPage.js +4 -2
  76. package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
  77. package/src/sap/f/semantic/SendEmailAction.js +1 -1
  78. package/src/sap/f/semantic/SendMessageAction.js +1 -1
  79. package/src/sap/f/semantic/ShareInJamAction.js +1 -1
  80. package/src/sap/f/semantic/TitleMainAction.js +1 -1
  81. package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
  82. package/src/sap/f/shellBar/CoPilot.js +1 -1
  83. package/src/sap/f/shellBar/ControlSpacer.js +1 -1
  84. package/src/sap/f/shellBar/Search.js +1 -1
  85. package/src/sap/f/themes/base/Card.less +42 -2
  86. package/src/sap/f/themes/base/SidePanel.less +3 -3
package/src/sap/f/semantic/CopyAction.js CHANGED
@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
18
18
  * @extends sap.f.semantic.SemanticButton
19
19
  *
20
20
  * @author SAP SE
21
- * @version 1.117.0
21
+ * @version 1.118.0
22
22
  *
23
23
  * @constructor
24
24
  * @public
package/src/sap/f/semantic/DeleteAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/DiscussInJamAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/EditAction.js CHANGED
@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
18
18
  * @extends sap.f.semantic.SemanticButton
19
19
  *
20
20
  * @author SAP SE
21
- * @version 1.117.0
21
+ * @version 1.118.0
22
22
  *
23
23
  * @constructor
24
24
  * @public
package/src/sap/f/semantic/ExitFullScreenAction.js CHANGED
@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
18
18
  * @extends sap.f.semantic.SemanticButton
19
19
  *
20
20
  * @author SAP SE
21
- * @version 1.117.0
21
+ * @version 1.118.0
22
22
  *
23
23
  * @constructor
24
24
  * @public
package/src/sap/f/semantic/FavoriteAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticToggleButton'], function(SemanticToggleButton) {
19
19
  * @extends sap.f.semantic.SemanticToggleButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/FlagAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticToggleButton'], function(SemanticToggleButton) {
19
19
  * @extends sap.f.semantic.SemanticToggleButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/FooterMainAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(["./MainAction"], function(MainAction) {
19
19
  * @extends sap.f.semantic.MainAction
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/FullScreenAction.js CHANGED
@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
18
18
  * @extends sap.f.semantic.SemanticButton
19
19
  *
20
20
  * @author SAP SE
21
- * @version 1.117.0
21
+ * @version 1.118.0
22
22
  *
23
23
  * @constructor
24
24
  * @public
package/src/sap/f/semantic/MainAction.js CHANGED
@@ -18,7 +18,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
18
18
  * @extends sap.f.semantic.SemanticButton
19
19
  *
20
20
  * @author SAP SE
21
- * @version 1.117.0
21
+ * @version 1.118.0
22
22
  *
23
23
  * @constructor
24
24
  * @public
package/src/sap/f/semantic/MessagesIndicator.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/NegativeAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/PositiveAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/PrintAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/SemanticButton.js CHANGED
@@ -24,7 +24,7 @@ sap.ui.define([
24
24
  * @abstract
25
25
  *
26
26
  * @author SAP SE
27
- * @version 1.117.0
27
+ * @version 1.118.0
28
28
  *
29
29
  * @constructor
30
30
  * @public
package/src/sap/f/semantic/SemanticConfiguration.js CHANGED
@@ -30,7 +30,7 @@ sap.ui.define([
30
30
  * @class
31
31
  * Defines the visual properties and placement for each supported semantic type.
32
32
  *
33
- * @version 1.117.0
33
+ * @version 1.118.0
34
34
  * @private
35
35
  * @since 1.46.0
36
36
  * @alias sap.f.semantic.SemanticConfiguration
package/src/sap/f/semantic/SemanticControl.js CHANGED
@@ -24,7 +24,7 @@ sap.ui.define([
24
24
  * @abstract
25
25
  *
26
26
  * @author SAP SE
27
- * @version 1.117.0
27
+ * @version 1.118.0
28
28
  *
29
29
  * @constructor
30
30
  * @public
package/src/sap/f/semantic/SemanticPage.js CHANGED
@@ -34,7 +34,9 @@ sap.ui.define([
34
34
  ) {
35
35
  "use strict";
36
36
 
37
- // shortcut for sap.f.DynamicPageTitleArea
37
+ /**
38
+ * @deprecated As of version 1.54
39
+ */
38
40
  var DynamicPageTitleArea = library.DynamicPageTitleArea;
39
41
 
40
42
  /**
@@ -97,7 +99,7 @@ sap.ui.define([
97
99
  * @extends sap.ui.core.Control
98
100
  *
99
101
  * @author SAP SE
100
- * @version 1.117.0
102
+ * @version 1.118.0
101
103
  *
102
104
  * @constructor
103
105
  * @public
package/src/sap/f/semantic/SemanticToggleButton.js CHANGED
@@ -23,7 +23,7 @@ sap.ui.define([
23
23
  * @abstract
24
24
  *
25
25
  * @author SAP SE
26
- * @version 1.117.0
26
+ * @version 1.118.0
27
27
  *
28
28
  * @constructor
29
29
  * @public
package/src/sap/f/semantic/SendEmailAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/SendMessageAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/ShareInJamAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
19
19
  * @extends sap.f.semantic.SemanticButton
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/semantic/TitleMainAction.js CHANGED
@@ -19,7 +19,7 @@ sap.ui.define(["./MainAction"], function(MainAction) {
19
19
  * @extends sap.f.semantic.MainAction
20
20
  *
21
21
  * @author SAP SE
22
- * @version 1.117.0
22
+ * @version 1.118.0
23
23
  *
24
24
  * @constructor
25
25
  * @public
package/src/sap/f/shellBar/AdditionalContentSupport.js CHANGED
@@ -22,7 +22,7 @@ sap.ui.define([
22
22
 
23
23
  /**
24
24
  * @author SAP SE
25
- * @version 1.117.0
25
+ * @version 1.118.0
26
26
  *
27
27
  * @private
28
28
  * @since 1.64
package/src/sap/f/shellBar/CoPilot.js CHANGED
@@ -25,7 +25,7 @@ sap.ui.define([
25
25
  * @extends sap.ui.core.Control
26
26
  *
27
27
  * @author SAP SE
28
- * @version 1.117.0
28
+ * @version 1.118.0
29
29
  *
30
30
  * @constructor
31
31
  * @private
package/src/sap/f/shellBar/ControlSpacer.js CHANGED
@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Control', 'sap/f/shellBar/ControlSpacerRenderer'],
23
23
  * @extends sap.ui.core.Control
24
24
  *
25
25
  * @author SAP SE
26
- * @version 1.117.0
26
+ * @version 1.118.0
27
27
  *
28
28
  * @constructor
29
29
  * @private
package/src/sap/f/shellBar/Search.js CHANGED
@@ -36,7 +36,7 @@ sap.ui.define(['sap/ui/core/Control',
36
36
  * @extends sap.ui.core.Control
37
37
  *
38
38
  * @author SAP SE
39
- * @version 1.117.0
39
+ * @version 1.118.0
40
40
  *
41
41
  * @constructor
42
42
  * @private
package/src/sap/f/themes/base/Card.less CHANGED
@@ -197,6 +197,34 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
197
197
  .sapFCardHeaderToolbarCont .sapFCardHeaderToolbar {
198
198
  margin: -0.25rem 0 -0.25rem 0.5rem;
199
199
  }
200
+
201
+ .sapFCardHeaderBanner {
202
+ display: flex;
203
+ justify-content: flex-end;
204
+ margin: 0.25rem -(@_sap_f_Card_ContentPadding) 0;
205
+
206
+ .sapFCardHeaderBannerInner {
207
+ padding-inline-start: 0.25rem;
208
+ padding-inline-end: @_sap_f_Card_ContentPadding;
209
+ background-color: @sapUiInfobarNonInteractiveBackground;
210
+ border-radius: 0.125rem 0 0 0.125rem;
211
+
212
+ .sapFCardHeaderBannerLine {
213
+ display: flex;
214
+ justify-content: flex-end;
215
+ padding: 0.125rem 0;
216
+
217
+ .sapMText {
218
+ font-size: @sapUiFontSmallSize;
219
+ color: @sapUiTileTitleTextColor;
220
+ }
221
+
222
+ .sapMText.sapFCardHeaderBannerLineDiminished {
223
+ color: @sapUiTileTextColor;
224
+ }
225
+ }
226
+ }
227
+ }
200
228
  }
201
229
 
202
230
  .sapFCard .sapFCardIcon.sapFAvatar {
@@ -222,7 +250,6 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
222
250
  .sapFCard .sapFCardHeader.sapFCardNumericHeader {
223
251
 
224
252
  .sapFCardHeaderContent {
225
- overflow: hidden;
226
253
  outline: none;
227
254
  min-width: 0; // fixes Chrome issue
228
255
  flex: 1;
@@ -239,6 +266,7 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
239
266
 
240
267
  .sapFCardHeaderUnitOfMeasurement {
241
268
  flex-shrink: 0;
269
+ max-height: 1rem;
242
270
  }
243
271
 
244
272
  &.sapFCardSubtitleAndUnit .sapFCardHeaderUnitOfMeasurement {
@@ -252,8 +280,20 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
252
280
  color: @sapUiTileTextColor;
253
281
  }
254
282
 
283
+ .sapFCardAvatarAndIndicatorsLine {
284
+ display: flex;
285
+ align-items: center;
286
+
287
+ .sapFCardIcon.sapFAvatar {
288
+ margin-top: 0.5rem;
289
+ margin-right: 0;
290
+ }
291
+ }
292
+
255
293
  .sapFCardNumericIndicators {
256
294
  margin-top: 0.25rem;
295
+ flex: 1;
296
+ min-width: 0; // allows items to shrink and truncate the content inside
257
297
 
258
298
  .sapFCardHeaderSideIndicator .sapFCardHeaderSITitle,
259
299
  .sapFCardHeaderSINumber,
@@ -537,4 +577,4 @@ html[data-sap-ui-browser^="cr"] .sapFCard {
537
577
  pointer-events: all;
538
578
  box-shadow: @sapUiShadow;
539
579
  }
540
- }
580
+ }
package/src/sap/f/themes/base/SidePanel.less CHANGED
@@ -339,7 +339,7 @@
339
339
  }
340
340
 
341
341
  .sapFSPActionBar {
342
- max-width: 20rem;
342
+ max-width: 100%;
343
343
  width: 100%;
344
344
  flex-shrink: 0;
345
345
 
@@ -471,8 +471,8 @@
471
471
 
472
472
  &.sapFSPActionBarExpanded {
473
473
  .sapFSPSideInner .sapFSPActionBar {
474
- width: 20rem;
475
- max-width: 20rem;
474
+ width: 100%;
475
+ max-width: 100%;
476
476
  }
477
477
  }
478
478
  }