@openui5/sap.f 1.138.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 (91) hide show
  1. package/README.md +1 -1
  2. package/REUSE.toml +8 -1
  3. package/THIRDPARTY.txt +72 -66
  4. package/package.json +5 -5
  5. package/src/sap/f/.library +1 -1
  6. package/src/sap/f/Avatar.js +1 -1
  7. package/src/sap/f/AvatarGroup.js +1 -1
  8. package/src/sap/f/AvatarGroupItem.js +1 -1
  9. package/src/sap/f/CalendarAppointmentInCard.js +1 -1
  10. package/src/sap/f/CalendarInCard.js +1 -1
  11. package/src/sap/f/Card.js +1 -1
  12. package/src/sap/f/CardBase.js +14 -2
  13. package/src/sap/f/CardRenderer.js +16 -4
  14. package/src/sap/f/DynamicPage.js +1 -1
  15. package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
  16. package/src/sap/f/DynamicPageHeader.js +1 -1
  17. package/src/sap/f/DynamicPageTitle.js +4 -3
  18. package/src/sap/f/FlexibleColumnLayout.js +7 -3
  19. package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
  20. package/src/sap/f/FlexibleColumnLayoutData.js +1 -1
  21. package/src/sap/f/FlexibleColumnLayoutDataForDesktop.js +1 -1
  22. package/src/sap/f/FlexibleColumnLayoutDataForTablet.js +1 -1
  23. package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
  24. package/src/sap/f/GridContainer.js +1 -1
  25. package/src/sap/f/GridContainerItemLayoutData.js +1 -1
  26. package/src/sap/f/GridContainerSettings.js +2 -2
  27. package/src/sap/f/GridList.js +1 -1
  28. package/src/sap/f/GridListItem.js +1 -1
  29. package/src/sap/f/IllustratedMessage.js +1 -1
  30. package/src/sap/f/Illustration.js +1 -1
  31. package/src/sap/f/PlanningCalendarInCardLegend.js +1 -1
  32. package/src/sap/f/ProductSwitch.js +1 -1
  33. package/src/sap/f/ProductSwitchItem.js +43 -1
  34. package/src/sap/f/ProductSwitchItemRenderer.js +12 -8
  35. package/src/sap/f/SearchManager.js +1 -1
  36. package/src/sap/f/ShellBar.js +1 -1
  37. package/src/sap/f/SidePanel.js +1 -1
  38. package/src/sap/f/SidePanelItem.js +1 -1
  39. package/src/sap/f/cards/BaseHeader.js +16 -23
  40. package/src/sap/f/cards/BaseHeaderRenderer.js +92 -44
  41. package/src/sap/f/cards/Header.js +1 -1
  42. package/src/sap/f/cards/NumericHeader.js +1 -1
  43. package/src/sap/f/cards/NumericHeaderRenderer.js +34 -12
  44. package/src/sap/f/cards/NumericIndicators.js +1 -1
  45. package/src/sap/f/cards/NumericSideIndicator.js +1 -1
  46. package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +1 -1
  47. package/src/sap/f/cards/loading/CalendarPlaceholder.js +1 -1
  48. package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
  49. package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
  50. package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
  51. package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
  52. package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
  53. package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
  54. package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
  55. package/src/sap/f/delegate/GridContainerItemNavigation.js +1 -1
  56. package/src/sap/f/delegate/GridItemNavigation.js +1 -1
  57. package/src/sap/f/dnd/GridDragOver.js +1 -1
  58. package/src/sap/f/dnd/GridDropInfo.js +1 -1
  59. package/src/sap/f/library.js +2 -2
  60. package/src/sap/f/routing/Router.js +20 -15
  61. package/src/sap/f/semantic/AddAction.js +1 -1
  62. package/src/sap/f/semantic/CloseAction.js +1 -1
  63. package/src/sap/f/semantic/CopyAction.js +1 -1
  64. package/src/sap/f/semantic/DeleteAction.js +1 -1
  65. package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
  66. package/src/sap/f/semantic/EditAction.js +1 -1
  67. package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
  68. package/src/sap/f/semantic/FavoriteAction.js +1 -1
  69. package/src/sap/f/semantic/FlagAction.js +1 -1
  70. package/src/sap/f/semantic/FooterMainAction.js +1 -1
  71. package/src/sap/f/semantic/FullScreenAction.js +1 -1
  72. package/src/sap/f/semantic/MainAction.js +1 -1
  73. package/src/sap/f/semantic/MessagesIndicator.js +1 -1
  74. package/src/sap/f/semantic/NegativeAction.js +1 -1
  75. package/src/sap/f/semantic/PositiveAction.js +1 -1
  76. package/src/sap/f/semantic/PrintAction.js +1 -1
  77. package/src/sap/f/semantic/SemanticButton.js +1 -1
  78. package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
  79. package/src/sap/f/semantic/SemanticControl.js +1 -1
  80. package/src/sap/f/semantic/SemanticPage.js +1 -1
  81. package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
  82. package/src/sap/f/semantic/SendEmailAction.js +1 -1
  83. package/src/sap/f/semantic/SendMessageAction.js +1 -1
  84. package/src/sap/f/semantic/ShareInJamAction.js +1 -1
  85. package/src/sap/f/semantic/TitleMainAction.js +1 -1
  86. package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
  87. package/src/sap/f/shellBar/CoPilot.js +1 -1
  88. package/src/sap/f/shellBar/ControlSpacer.js +1 -1
  89. package/src/sap/f/shellBar/Search.js +1 -1
  90. package/src/sap/f/themes/base/Card.less +9 -5
  91. package/src/sap/f/themes/base/CardHeaders.less +76 -21
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.138.0
22
+ * @version 1.140.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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.138.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,15 +16,58 @@
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;
22
43
  display: flex;
23
44
  min-width: 0;
24
45
  height: fit-content;
25
- padding: @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding 0.75rem @_sap_f_CardHeaders_Padding;
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;
50
+
51
+ &.sapFCardHeaderLastPart{
52
+ padding: @_sap_f_CardHeaders_Padding;
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
+ }
28
71
  }
29
72
 
30
73
  .sapFCardHeaderImage {
@@ -77,6 +120,18 @@
77
120
  flex-grow: 1;
78
121
  }
79
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
+
80
135
  .sapFCardStatus {
81
136
  position: relative;
82
137
  font-family: @sapUiFontFamily;
@@ -84,7 +139,6 @@
84
139
  color: @sapUiTileTextColor;
85
140
  text-align: right;
86
141
  line-height: normal;
87
- margin-left: 1rem;
88
142
  margin-top: 0.188rem;
89
143
  display: inline-block;
90
144
  white-space: nowrap;
@@ -107,18 +161,24 @@
107
161
  .sapFCardDataTimestamp {
108
162
  color: @sapUiTileTextColor;
109
163
  font-size: @sapMFontSmallSize;
110
- margin-left: auto;
111
164
  flex-shrink: 0;
112
165
  }
113
166
 
114
- .sapFCardHeaderLineIncludesDataTimestamp .sapFCardSubtitle {
115
- margin-right: 1rem;
167
+ .sapFCardStatusWrapper.sapFCardHeaderLineIncludesDataTimestamp .sapFCardStatus{
168
+ padding-bottom: 0.25rem;
116
169
  }
117
170
 
118
171
  .sapFCardHeaderToolbarCont {
119
- position: absolute;
120
- right: 0.65rem;
121
- 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
+ }
122
182
  }
123
183
 
124
184
  &.sapFCardHeaderHasToolbar {
@@ -141,7 +201,6 @@
141
201
  padding-inline-start: 0.25rem;
142
202
  padding-inline-end: @_sap_f_CardHeaders_Padding;
143
203
  background-color: @sapUiInfobarNonInteractiveBackground;
144
- border-radius: 0.125rem 0 0 0.125rem;
145
204
  min-width: 0;
146
205
 
147
206
  .sapFCardHeaderBannerLine {
@@ -167,14 +226,6 @@
167
226
  .sapMText {
168
227
  cursor: pointer;
169
228
  }
170
-
171
- &:hover {
172
- background: @sapUiTileHoverBackground;
173
- }
174
-
175
- &:active {
176
- background: @sapUiTileActiveBackground;
177
- }
178
229
  }
179
230
  }
180
231
 
@@ -189,7 +240,7 @@
189
240
  }
190
241
 
191
242
  .sapFCardHeaderInfoSection {
192
- padding: 0.5rem 1rem 0.25rem 1rem;
243
+ padding: 0.25rem @_sap_f_CardHeaders_Padding 0.25rem @_sap_f_CardHeaders_Padding;
193
244
  display: flex;
194
245
  flex-direction: column;
195
246
  gap: 0.5rem;
@@ -201,8 +252,12 @@
201
252
 
202
253
  .sapFCardHeader.sapFCardNumericHeader {
203
254
 
255
+ .sapFCardHeaderMainWrapper {
256
+ flex-direction: column;
257
+ }
258
+
204
259
  .sapFCardNumericHeaderNumericPart {
205
- padding: 0.25rem 1rem 0.5rem 1rem;
260
+ padding: 0rem @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding;
206
261
 
207
262
  .sapFCardHeaderNumericPartFirstLine {
208
263
  display: flex;
@@ -251,7 +306,7 @@
251
306
  }
252
307
 
253
308
  .sapFCardNumericIndicatorsSide {
254
- padding: 0.5rem 0;
309
+ padding: 0.25rem 0;
255
310
  }
256
311
  }
257
312
 
@@ -336,7 +391,7 @@
336
391
  }
337
392
  }
338
393
 
339
- .sapFCardHeader:not(.sapFCardHeaderToolbarFocused) .sapFCardHeaderFocusable:focus::before {
394
+ .sapFCardHeader:not(.sapFCardHeaderToolbarFocused) .sapFCardHeaderTopRow:has(.sapFCardHeaderMainPart:focus)::before {
340
395
  content: '';
341
396
  display: block;
342
397
  position: absolute;