@openui5/sap.f 1.139.0 → 1.140.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 (89) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +4 -4
  3. package/src/sap/f/.library +1 -1
  4. package/src/sap/f/Avatar.js +1 -1
  5. package/src/sap/f/AvatarGroup.js +1 -1
  6. package/src/sap/f/AvatarGroupItem.js +1 -1
  7. package/src/sap/f/CalendarAppointmentInCard.js +1 -1
  8. package/src/sap/f/CalendarInCard.js +1 -1
  9. package/src/sap/f/Card.js +1 -1
  10. package/src/sap/f/CardBase.js +14 -2
  11. package/src/sap/f/CardRenderer.js +16 -4
  12. package/src/sap/f/DynamicPage.js +1 -1
  13. package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
  14. package/src/sap/f/DynamicPageHeader.js +1 -1
  15. package/src/sap/f/DynamicPageTitle.js +1 -1
  16. package/src/sap/f/FlexibleColumnLayout.js +1 -1
  17. package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
  18. package/src/sap/f/FlexibleColumnLayoutData.js +1 -1
  19. package/src/sap/f/FlexibleColumnLayoutDataForDesktop.js +1 -1
  20. package/src/sap/f/FlexibleColumnLayoutDataForTablet.js +1 -1
  21. package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
  22. package/src/sap/f/GridContainer.js +1 -1
  23. package/src/sap/f/GridContainerItemLayoutData.js +1 -1
  24. package/src/sap/f/GridContainerSettings.js +2 -2
  25. package/src/sap/f/GridList.js +1 -1
  26. package/src/sap/f/GridListItem.js +1 -1
  27. package/src/sap/f/IllustratedMessage.js +1 -1
  28. package/src/sap/f/Illustration.js +1 -1
  29. package/src/sap/f/PlanningCalendarInCardLegend.js +1 -1
  30. package/src/sap/f/ProductSwitch.js +1 -1
  31. package/src/sap/f/ProductSwitchItem.js +43 -1
  32. package/src/sap/f/ProductSwitchItemRenderer.js +12 -8
  33. package/src/sap/f/SearchManager.js +1 -1
  34. package/src/sap/f/ShellBar.js +1 -1
  35. package/src/sap/f/SidePanel.js +1 -1
  36. package/src/sap/f/SidePanelItem.js +1 -1
  37. package/src/sap/f/cards/BaseHeader.js +16 -23
  38. package/src/sap/f/cards/BaseHeaderRenderer.js +90 -42
  39. package/src/sap/f/cards/Header.js +1 -1
  40. package/src/sap/f/cards/NumericHeader.js +1 -1
  41. package/src/sap/f/cards/NumericHeaderRenderer.js +34 -12
  42. package/src/sap/f/cards/NumericIndicators.js +1 -1
  43. package/src/sap/f/cards/NumericSideIndicator.js +1 -1
  44. package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +1 -1
  45. package/src/sap/f/cards/loading/CalendarPlaceholder.js +1 -1
  46. package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
  47. package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
  48. package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
  49. package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
  50. package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
  51. package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
  52. package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
  53. package/src/sap/f/delegate/GridContainerItemNavigation.js +1 -1
  54. package/src/sap/f/delegate/GridItemNavigation.js +1 -1
  55. package/src/sap/f/dnd/GridDragOver.js +1 -1
  56. package/src/sap/f/dnd/GridDropInfo.js +1 -1
  57. package/src/sap/f/library.js +2 -2
  58. package/src/sap/f/routing/Router.js +20 -15
  59. package/src/sap/f/semantic/AddAction.js +1 -1
  60. package/src/sap/f/semantic/CloseAction.js +1 -1
  61. package/src/sap/f/semantic/CopyAction.js +1 -1
  62. package/src/sap/f/semantic/DeleteAction.js +1 -1
  63. package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
  64. package/src/sap/f/semantic/EditAction.js +1 -1
  65. package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
  66. package/src/sap/f/semantic/FavoriteAction.js +1 -1
  67. package/src/sap/f/semantic/FlagAction.js +1 -1
  68. package/src/sap/f/semantic/FooterMainAction.js +1 -1
  69. package/src/sap/f/semantic/FullScreenAction.js +1 -1
  70. package/src/sap/f/semantic/MainAction.js +1 -1
  71. package/src/sap/f/semantic/MessagesIndicator.js +1 -1
  72. package/src/sap/f/semantic/NegativeAction.js +1 -1
  73. package/src/sap/f/semantic/PositiveAction.js +1 -1
  74. package/src/sap/f/semantic/PrintAction.js +1 -1
  75. package/src/sap/f/semantic/SemanticButton.js +1 -1
  76. package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
  77. package/src/sap/f/semantic/SemanticControl.js +1 -1
  78. package/src/sap/f/semantic/SemanticPage.js +1 -1
  79. package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
  80. package/src/sap/f/semantic/SendEmailAction.js +1 -1
  81. package/src/sap/f/semantic/SendMessageAction.js +1 -1
  82. package/src/sap/f/semantic/ShareInJamAction.js +1 -1
  83. package/src/sap/f/semantic/TitleMainAction.js +1 -1
  84. package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
  85. package/src/sap/f/shellBar/CoPilot.js +1 -1
  86. package/src/sap/f/shellBar/ControlSpacer.js +1 -1
  87. package/src/sap/f/shellBar/Search.js +1 -1
  88. package/src/sap/f/themes/base/Card.less +9 -5
  89. package/src/sap/f/themes/base/CardHeaders.less +68 -17
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.139.0
22
+ * @version 1.140.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.139.0
22
+ * @version 1.140.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.139.0
22
+ * @version 1.140.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.139.0
27
+ * @version 1.140.0
28
28
  *
29
29
  * @constructor
30
30
  * @public
package/src/sap/f/semantic/SemanticConfiguration.js CHANGED
@@ -29,7 +29,7 @@ sap.ui.define([
29
29
  * @class
30
30
  * Defines the visual properties and placement for each supported semantic type.
31
31
  *
32
- * @version 1.139.0
32
+ * @version 1.140.0
33
33
  * @private
34
34
  * @since 1.46.0
35
35
  * @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.139.0
27
+ * @version 1.140.0
28
28
  *
29
29
  * @constructor
30
30
  * @public
package/src/sap/f/semantic/SemanticPage.js CHANGED
@@ -101,7 +101,7 @@ sap.ui.define([
101
101
  * @extends sap.ui.core.Control
102
102
  *
103
103
  * @author SAP SE
104
- * @version 1.139.0
104
+ * @version 1.140.0
105
105
  *
106
106
  * @constructor
107
107
  * @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.139.0
26
+ * @version 1.140.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.139.0
22
+ * @version 1.140.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.139.0
22
+ * @version 1.140.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.139.0
22
+ * @version 1.140.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.139.0
22
+ * @version 1.140.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.139.0
25
+ * @version 1.140.0
26
26
  *
27
27
  * @private
28
28
  * @since 1.64
package/src/sap/f/shellBar/CoPilot.js CHANGED
@@ -26,7 +26,7 @@ sap.ui.define([
26
26
  * @extends sap.ui.core.Control
27
27
  *
28
28
  * @author SAP SE
29
- * @version 1.139.0
29
+ * @version 1.140.0
30
30
  *
31
31
  * @constructor
32
32
  * @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.139.0
26
+ * @version 1.140.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.139.0
39
+ * @version 1.140.0
40
40
  *
41
41
  * @constructor
42
42
  * @private
package/src/sap/f/themes/base/Card.less CHANGED
@@ -254,12 +254,16 @@ html[data-sap-ui-browser^='cr'] .sapFCard {
254
254
 
255
255
  &:not(.sapFCardTransparent) {
256
256
 
257
- .sapFCardSectionClickable:hover {
258
- background: var(--sapTile_Hover_Background);
259
- }
257
+ .sapFCardSectionClickable {
258
+ border-radius: var(--sapTile_BorderCornerRadius);
259
+
260
+ &:hover {
261
+ background: var(--sapTile_Hover_Background);
262
+ }
260
263
 
261
- .sapFCardSectionClickable:active {
262
- background: var(--sapTile_Active_Background);
264
+ &:active {
265
+ background: var(--sapTile_Active_Background);
266
+ }
263
267
  }
264
268
  }
265
269
 
package/src/sap/f/themes/base/CardHeaders.less CHANGED
@@ -16,6 +16,27 @@
16
16
  background: @sapUiTileBackground;
17
17
  display: flex;
18
18
  flex-direction: column;
19
+ overflow: hidden;
20
+ border-radius: inherit;
21
+
22
+ .sapFCardHeaderMainWrapper {
23
+ display: flex;
24
+ border-radius: inherit;
25
+ flex-direction: column;
26
+ height: 100%;
27
+
28
+ .sapFCardHeaderTopRow {
29
+ display: flex;
30
+ flex-direction: row;
31
+ height: 100%;
32
+ position: relative;
33
+ border-radius: inherit;
34
+ }
35
+
36
+ &:has(.sapFCardHeaderInfoSection) {
37
+ flex-wrap: wrap;
38
+ }
39
+ }
19
40
 
20
41
  .sapFCardHeaderMainPart {
21
42
  outline: none;
@@ -25,10 +46,28 @@
25
46
  padding: @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding 0.25rem @_sap_f_CardHeaders_Padding;
26
47
  position: relative;
27
48
  border-radius: 0;
49
+ flex-grow: 1;
28
50
 
29
51
  &.sapFCardHeaderLastPart{
30
52
  padding: @_sap_f_CardHeaders_Padding;
31
53
  }
54
+
55
+ &:has(+ .sapFCardHeaderToolbarCont),
56
+ &.sapFCardHeaderLastPart:has(+ .sapFCardHeaderToolbarCont) {
57
+ padding-right: 0;
58
+ }
59
+ }
60
+
61
+ .sapFCardHeaderTopRow:has(.sapFCardSectionClickable) {
62
+ cursor: pointer;
63
+
64
+ &:hover {
65
+ background: @sapUiTileHoverBackground;
66
+ }
67
+
68
+ &:active {
69
+ background: @sapUiTileActiveBackground;
70
+ }
32
71
  }
33
72
 
34
73
  .sapFCardHeaderImage {
@@ -81,6 +120,18 @@
81
120
  flex-grow: 1;
82
121
  }
83
122
 
123
+ &:not(.sapFCardHeaderHasToolbar) {
124
+ .sapFCardStatusWrapper{
125
+ padding-top: 1rem;
126
+ }
127
+ }
128
+
129
+ .sapFCardStatusWrapper {
130
+ display: flex;
131
+ flex-direction: column;
132
+ align-items: flex-end;
133
+ }
134
+
84
135
  .sapFCardStatus {
85
136
  position: relative;
86
137
  font-family: @sapUiFontFamily;
@@ -88,7 +139,6 @@
88
139
  color: @sapUiTileTextColor;
89
140
  text-align: right;
90
141
  line-height: normal;
91
- margin-left: 1rem;
92
142
  margin-top: 0.188rem;
93
143
  display: inline-block;
94
144
  white-space: nowrap;
@@ -111,18 +161,24 @@
111
161
  .sapFCardDataTimestamp {
112
162
  color: @sapUiTileTextColor;
113
163
  font-size: @sapMFontSmallSize;
114
- margin-left: auto;
115
164
  flex-shrink: 0;
116
165
  }
117
166
 
118
- .sapFCardHeaderLineIncludesDataTimestamp .sapFCardSubtitle {
119
- margin-right: 1rem;
167
+ .sapFCardStatusWrapper.sapFCardHeaderLineIncludesDataTimestamp .sapFCardStatus{
168
+ padding-bottom: 0.25rem;
120
169
  }
121
170
 
122
171
  .sapFCardHeaderToolbarCont {
123
- position: absolute;
124
- right: 0.65rem;
125
- top: 0.45rem;
172
+ display: flex;
173
+ flex-direction: column;
174
+ align-items: flex-end;
175
+ padding-right: 1rem;
176
+ padding-left: 0.5rem;
177
+ padding-bottom: 1rem;
178
+
179
+ &:not(:has(> :not(:empty))) {
180
+ display: none;
181
+ }
126
182
  }
127
183
 
128
184
  &.sapFCardHeaderHasToolbar {
@@ -145,7 +201,6 @@
145
201
  padding-inline-start: 0.25rem;
146
202
  padding-inline-end: @_sap_f_CardHeaders_Padding;
147
203
  background-color: @sapUiInfobarNonInteractiveBackground;
148
- border-radius: 0.125rem 0 0 0.125rem;
149
204
  min-width: 0;
150
205
 
151
206
  .sapFCardHeaderBannerLine {
@@ -171,14 +226,6 @@
171
226
  .sapMText {
172
227
  cursor: pointer;
173
228
  }
174
-
175
- &:hover {
176
- background: @sapUiTileHoverBackground;
177
- }
178
-
179
- &:active {
180
- background: @sapUiTileActiveBackground;
181
- }
182
229
  }
183
230
  }
184
231
 
@@ -205,6 +252,10 @@
205
252
 
206
253
  .sapFCardHeader.sapFCardNumericHeader {
207
254
 
255
+ .sapFCardHeaderMainWrapper {
256
+ flex-direction: column;
257
+ }
258
+
208
259
  .sapFCardNumericHeaderNumericPart {
209
260
  padding: 0rem @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding;
210
261
 
@@ -340,7 +391,7 @@
340
391
  }
341
392
  }
342
393
 
343
- .sapFCardHeader:not(.sapFCardHeaderToolbarFocused) .sapFCardHeaderFocusable:focus::before {
394
+ .sapFCardHeader:not(.sapFCardHeaderToolbarFocused) .sapFCardHeaderTopRow:has(.sapFCardHeaderMainPart:focus)::before {
344
395
  content: '';
345
396
  display: block;
346
397
  position: absolute;