@sapudex/web-components 2.29.0 → 2.30.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 (172) hide show
  1. package/cypress/specs/FilterMenu.cy.tsx +39 -1
  2. package/cypress/specs/List.cy.tsx +171 -0
  3. package/cypress/specs/ReviewItem.cy.tsx +48 -14
  4. package/cypress/support/component-imports.instrumented.ts +4 -0
  5. package/cypress/support/component-imports.src.ts +5 -1
  6. package/dist/Avatar.d.ts +1 -0
  7. package/dist/Avatar.js +9 -0
  8. package/dist/Avatar.js.map +1 -1
  9. package/dist/FilterMenu.d.ts +2 -0
  10. package/dist/FilterMenu.js +2 -0
  11. package/dist/FilterMenu.js.map +1 -1
  12. package/dist/ImageGridTickerTemplate.js +2 -1
  13. package/dist/ImageGridTickerTemplate.js.map +1 -1
  14. package/dist/List.d.ts +4 -2
  15. package/dist/List.js +42 -9
  16. package/dist/List.js.map +1 -1
  17. package/dist/ListGroupHeader.d.ts +4 -0
  18. package/dist/ListGroupHeader.js +26 -1
  19. package/dist/ListGroupHeader.js.map +1 -1
  20. package/dist/ListGroupHeaderBase.js +1 -1
  21. package/dist/ListGroupHeaderBase.js.map +1 -1
  22. package/dist/ListItem.js +1 -1
  23. package/dist/ListItem.js.map +1 -1
  24. package/dist/ListItemBase.d.ts +40 -1
  25. package/dist/ListItemBase.js +70 -3
  26. package/dist/ListItemBase.js.map +1 -1
  27. package/dist/MastheadItem.d.ts +9 -2
  28. package/dist/MastheadItem.js +19 -15
  29. package/dist/MastheadItem.js.map +1 -1
  30. package/dist/MastheadMenu.d.ts +2 -2
  31. package/dist/MastheadMenu.js +9 -9
  32. package/dist/MastheadMenu.js.map +1 -1
  33. package/dist/Pagination.js +1 -1
  34. package/dist/Pagination.js.map +1 -1
  35. package/dist/ReviewItem.d.ts +8 -7
  36. package/dist/ReviewItem.js +35 -36
  37. package/dist/ReviewItem.js.map +1 -1
  38. package/dist/ReviewItemTemplate.js +3 -1
  39. package/dist/ReviewItemTemplate.js.map +1 -1
  40. package/dist/SearchableListBase.d.ts +3 -0
  41. package/dist/SearchableListBase.js +37 -1
  42. package/dist/SearchableListBase.js.map +1 -1
  43. package/dist/SelectBox.js +0 -1
  44. package/dist/SelectBox.js.map +1 -1
  45. package/dist/TextField.d.ts +1 -1
  46. package/dist/TextField.js.map +1 -1
  47. package/dist/assets/{InputSuggestions-GMbG8xQ2.js → InputSuggestions-CaAXs3ok.js} +1 -1
  48. package/dist/assets/{ListItemStandardExpandableTextTemplate-IyZB_qzJ.js → ListItemStandardExpandableTextTemplate-CPqUBd--.js} +1 -1
  49. package/dist/assets/{bundle.esm-Dg7j0PXg.js → bundle.esm-L-7H6J4f.js} +213 -213
  50. package/dist/assets/messagebundle_en-J-MHTtdL.js +1 -0
  51. package/dist/css/themes/FilterMenu.css +1 -1
  52. package/dist/css/themes/ImageGridTicker.css +1 -1
  53. package/dist/css/themes/ListGroupHeader.css +1 -1
  54. package/dist/css/themes/ListItem.css +1 -1
  55. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  56. package/dist/css/themes/MastheadItem.css +1 -1
  57. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  58. package/dist/css/themes/Modal.css +1 -1
  59. package/dist/css/themes/RatingIndicator.css +1 -1
  60. package/dist/css/themes/ReviewItem.css +1 -1
  61. package/dist/css/themes/Slider.css +1 -1
  62. package/dist/custom-elements-internal.json +965 -17
  63. package/dist/custom-elements.json +712 -10
  64. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  65. package/dist/generated/i18n/i18n-defaults.d.ts +5 -1
  66. package/dist/generated/i18n/i18n-defaults.js +5 -1
  67. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  68. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +21 -10
  69. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
  70. package/dist/generated/templates/ListItemTemplate.lit.js +21 -19
  71. package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
  72. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +1 -1
  73. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
  74. package/dist/generated/templates/MastheadItemTemplate.lit.js +33 -25
  75. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  76. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +5 -5
  77. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
  78. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +1 -1
  79. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  80. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  81. package/dist/generated/themes/FilterMenu.css.js +1 -1
  82. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  83. package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
  84. package/dist/generated/themes/ImageGridTicker.css.js +1 -1
  85. package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
  86. package/dist/generated/themes/ListGroupHeader.css.d.ts +1 -1
  87. package/dist/generated/themes/ListGroupHeader.css.js +1 -1
  88. package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
  89. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  90. package/dist/generated/themes/ListItem.css.js +1 -1
  91. package/dist/generated/themes/ListItem.css.js.map +1 -1
  92. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  93. package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
  94. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  95. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  96. package/dist/generated/themes/MastheadItem.css.js +1 -1
  97. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  98. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  99. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  100. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  101. package/dist/generated/themes/Modal.css.d.ts +1 -1
  102. package/dist/generated/themes/Modal.css.js +1 -1
  103. package/dist/generated/themes/Modal.css.js.map +1 -1
  104. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  105. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  106. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  107. package/dist/generated/themes/ReviewItem.css.d.ts +1 -1
  108. package/dist/generated/themes/ReviewItem.css.js +1 -1
  109. package/dist/generated/themes/ReviewItem.css.js.map +1 -1
  110. package/dist/generated/themes/Slider.css.d.ts +1 -1
  111. package/dist/generated/themes/Slider.css.js +1 -1
  112. package/dist/generated/themes/Slider.css.js.map +1 -1
  113. package/dist/messagebundle.properties +6 -0
  114. package/dist/messagebundle_en.properties +2 -0
  115. package/dist/types/SearchableListBase.d.ts +1 -0
  116. package/dist/types/SearchableListBase.js.map +1 -1
  117. package/dist/vscode.html-custom-data.json +122 -12
  118. package/dist/web-types.json +271 -11
  119. package/package.json +1 -1
  120. package/src/Avatar.ts +9 -0
  121. package/src/FilterMenu.ts +4 -0
  122. package/src/ImageGridTickerTemplate.tsx +3 -1
  123. package/src/List.ts +48 -11
  124. package/src/ListGroupHeader.hbs +130 -15
  125. package/src/ListGroupHeader.ts +31 -1
  126. package/src/ListGroupHeaderBase.ts +1 -1
  127. package/src/ListItem.hbs +15 -0
  128. package/src/ListItem.ts +1 -1
  129. package/src/ListItemBase.ts +107 -1
  130. package/src/MastheadCountrySelector.hbs +1 -1
  131. package/src/MastheadItem.hbs +31 -23
  132. package/src/MastheadItem.ts +20 -18
  133. package/src/MastheadMenu.ts +10 -9
  134. package/src/MastheadMobileMenu.hbs +5 -5
  135. package/src/Pagination.ts +1 -1
  136. package/src/ReviewItem.ts +45 -35
  137. package/src/ReviewItemTemplate.tsx +16 -14
  138. package/src/SearchableListBase.hbs +3 -0
  139. package/src/SearchableListBase.ts +52 -1
  140. package/src/SelectBox.ts +0 -1
  141. package/src/TextField.ts +1 -1
  142. package/src/generated/i18n/i18n-defaults.ts +2 -2
  143. package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +21 -10
  144. package/src/generated/templates/ListItemTemplate.lit.ts +21 -19
  145. package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +1 -1
  146. package/src/generated/templates/MastheadItemTemplate.lit.ts +33 -25
  147. package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +5 -5
  148. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +1 -1
  149. package/src/generated/themes/FilterMenu.css.ts +1 -1
  150. package/src/generated/themes/ImageGridTicker.css.ts +1 -1
  151. package/src/generated/themes/ListGroupHeader.css.ts +1 -1
  152. package/src/generated/themes/ListItem.css.ts +1 -1
  153. package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
  154. package/src/generated/themes/MastheadItem.css.ts +1 -1
  155. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  156. package/src/generated/themes/Modal.css.ts +1 -1
  157. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  158. package/src/generated/themes/ReviewItem.css.ts +1 -1
  159. package/src/generated/themes/Slider.css.ts +1 -1
  160. package/src/i18n/messagebundle.properties +6 -0
  161. package/src/i18n/messagebundle_en.properties +2 -0
  162. package/src/themes/FilterMenu.css +2 -2
  163. package/src/themes/ImageGridTicker.css +2 -26
  164. package/src/themes/ListGroupHeader.css +103 -8
  165. package/src/themes/ListItem.css +67 -15
  166. package/src/themes/MastheadCountrySelector.css +2 -0
  167. package/src/themes/MastheadItem.css +31 -3
  168. package/src/themes/MastheadProfileMenu.css +1 -9
  169. package/src/themes/Modal.css +2 -1
  170. package/src/themes/ReviewItem.css +18 -1
  171. package/src/types/SearchableListBase.ts +1 -0
  172. package/dist/assets/messagebundle_en-DfoXjU7o.js +0 -1
@@ -1,13 +1,16 @@
1
1
  :host {
2
- --udex-list-item-padding-vertical: var(--udexSpacer8, 8px);
3
- --udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);
2
+ --udex-list-item-padding-vertical: var(--udexSpacer12, 12px);
3
+ --udex-list-item-padding-horizontal: var(--udexSpacer16, 16px);
4
+ --udex-list-item-padding-top: var(--udex-list-item-padding-vertical);
5
+ --udex-list-item-padding-bottom: var(--udex-list-item-padding-vertical);
6
+ --udex-list-item-padding-inline-start: var(--udex-list-item-padding-horizontal);
7
+ --udex-list-item-padding-inline-end: var(--udex-list-item-padding-horizontal);
4
8
 
5
9
  --udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);
6
10
  --udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);
7
11
  --udex-list-item-color-active: var(--sapList_Active_TextColor, #000);
8
12
  --udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);
9
13
  --udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);
10
- --udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);
11
14
 
12
15
  --udex-list-item-background-default: var(--sapList_Background, #FFF);
13
16
  --udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);
@@ -17,7 +20,7 @@
17
20
  --udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);
18
21
  --udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);
19
22
 
20
- --udex-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);
23
+ --udex-list-item-border-color-selected: var(--udexColorBlue8, #0057D2);
21
24
  --udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);
22
25
  --udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);
23
26
  --udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);
@@ -30,10 +33,24 @@
30
33
  background: var(--udex-list-item-background-default);
31
34
  color: var(--udex-list-item-color-default);
32
35
  display: block;
33
- border-bottom: 1px solid transparent;
34
36
  position: relative;
35
37
  }
36
38
 
39
+ :host([selected]):before {
40
+ content: '';
41
+ position: absolute;
42
+ left: 0;
43
+ top: 0;
44
+ bottom: 0;
45
+ width: 3px;
46
+ background-color: var(--udex-list-item-border-color-selected);
47
+ }
48
+
49
+ :host([selected]:dir(rtl)):before {
50
+ left: auto;
51
+ right: 0;
52
+ }
53
+
37
54
  :host([disabled]:not([mode="SingleContent"])) {
38
55
  opacity: var(--udex-list-item-disabled-opacity);
39
56
  pointer-events: none;
@@ -59,24 +76,22 @@
59
76
 
60
77
  :host([_aria-selected][selected]:not([mode="SingleContent"])) {
61
78
  background: var(--udex-list-item-background-selected-hover);
62
- border-color: var(--udex-list-item-border-color-selected-hover);
63
79
  }
64
80
 
65
81
  :host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,
66
82
  :host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before {
67
83
  content: '';
68
84
  position: absolute;
69
- inset: 0;
85
+ inset: 4px 4px 4px 6px;
70
86
  outline: var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);
71
- outline-offset: -4px;
72
87
  border-radius: var(--udexRadiusM, 8px);
73
88
  pointer-events: none;
74
89
  }
75
90
 
76
- :host(:not([mode="SingleContent"]):not([disabled])[desktop]:focus:active) {
77
- background: var(--udex-list-item-background-active);
78
- border-color: var(--udex-list-item-border-color-active);
79
- color: var(--udex-list-item-color-active);
91
+ :host([active]:not([mode="SingleContent"]):not([disabled])[desktop]:focus) {
92
+ background: var(--udex-list-item-background-active);
93
+ border-color: var(--udex-list-item-border-color-active);
94
+ color: var(--udex-list-item-color-active);
80
95
  }
81
96
 
82
97
  :host(:not([disabled]):hover) .udex-list__supporting-text {
@@ -85,13 +100,11 @@
85
100
 
86
101
  :host([selected]:not([mode="SingleContent"])) {
87
102
  background: var(--udex-list-item-background-selected);
88
- border-color: var(--udex-list-item-border-color-selected);
89
103
  color: var(--udex-list-item-color-selected);
90
104
  }
91
105
 
92
106
  :host(:hover[selected]:not([disabled]):not([mode="SingleContent"])) {
93
107
  background: var(--udex-list-item-background-selected-hover);
94
- border-color: var(--udex-list-item-border-color-selected-hover);
95
108
  }
96
109
 
97
110
  :host([selected]) .udex-list__supporting-text {
@@ -125,6 +138,13 @@
125
138
  :host::part(checkbox),
126
139
  :host::part(radio) {
127
140
  padding-inline-end: var(--udexSpacer12, 12px);
141
+ }
142
+
143
+ :host::part(checkbox) {
144
+ min-width: 24px;
145
+ }
146
+
147
+ :host::part(radio) {
128
148
  min-width: 42px;
129
149
  }
130
150
 
@@ -173,7 +193,10 @@
173
193
  }
174
194
 
175
195
  .udex-list__item {
176
- padding: var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);
196
+ padding-top: var(--udex-list-item-padding-top);
197
+ padding-bottom: var(--udex-list-item-padding-bottom);
198
+ padding-inline-start: var(--udex-list-item-padding-inline-start);
199
+ padding-inline-end: var(--udex-list-item-padding-inline-end);
177
200
  display: flex;
178
201
  align-items: center;
179
202
  }
@@ -278,3 +301,32 @@
278
301
  .hidden {
279
302
  display: none;
280
303
  }
304
+
305
+ .udex-list__group-heading__icon {
306
+ transform: rotate(-90deg);
307
+ height: 18px;
308
+ width: 18px;
309
+ color: inherit;
310
+ cursor: pointer;
311
+ --udex-button-icon-s-size: 18px;
312
+ }
313
+
314
+ .udex-list__group-heading__icon-wrapper {
315
+ height: 24px;
316
+ width: 24px;
317
+ display: flex;
318
+ justify-content: center;
319
+ align-items: center;
320
+ }
321
+
322
+ :host(:dir(rtl)) .udex-list__group-heading__icon {
323
+ transform: rotate(90deg);
324
+ }
325
+
326
+ :host([collapsed]) .udex-list__group-heading__icon {
327
+ transform: rotate(90deg);
328
+ }
329
+
330
+ :host([collapsed]:dir(rtl)) .udex-list__group-heading__icon {
331
+ transform: rotate(-90deg);
332
+ }
@@ -48,6 +48,7 @@
48
48
 
49
49
  .udex-masthead-country-selector__region-back-item::part(menu-item-button) {
50
50
  font-weight: var(--udexTypographyFontWeightMedium, 500);
51
+ color: var(--udexColorNeutralBlack);
51
52
  justify-content: space-between;
52
53
  }
53
54
 
@@ -70,6 +71,7 @@
70
71
  }
71
72
 
72
73
  .udex-masthead-country-selector__item::part(menu-item-link) {
74
+ --udex-masthead-menu-item-padding-desktop: var(--udexSpacer8);
73
75
  width: 100%;
74
76
  }
75
77
 
@@ -53,7 +53,7 @@
53
53
  .udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
54
54
  top: 46px;
55
55
  left: auto;
56
- right: 0;
56
+ right: -52px;
57
57
  }
58
58
 
59
59
  .udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
@@ -141,6 +141,12 @@
141
141
  border-radius: var(--udexRadiusXXS);
142
142
  }
143
143
 
144
+
145
+ :host([desktop]) .udex-masthead-item__profile-btn:focus .udex-masthead-item__text,
146
+ .udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text {
147
+ border-radius: 50%;
148
+ }
149
+
144
150
  :host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,
145
151
  :host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,
146
152
  .udex-masthead-item:focus .udex-masthead-item__image,
@@ -227,11 +233,15 @@
227
233
  left: auto;
228
234
  }
229
235
 
236
+ :host(:dir(rtl)) .udex-masthead-item__button--explore + .udex-masthead-item__dropdown {
237
+ left: 0;
238
+ right: auto;
239
+ }
240
+
230
241
  :host(:dir(rtl)) .udex-masthead-item__button--support + .udex-masthead-item__dropdown,
231
242
  :host(:dir(rtl)) .udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
232
- :host(:dir(rtl)) .udex-masthead-item__button--explore + .udex-masthead-item__dropdown,
233
243
  :host(:dir(rtl)) .udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
234
- left: 0;
244
+ left: -52px;
235
245
  right: auto;
236
246
  }
237
247
 
@@ -258,6 +268,11 @@
258
268
  min-width: var(--udex-masthead-item-dropdown-mobile-min-width);
259
269
  }
260
270
 
271
+ :host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown {
272
+ right: auto;
273
+ left: 0;
274
+ }
275
+
261
276
  :host([_is-mobile-mode]) .udex-masthead-item__dropdown,
262
277
  :host([part="menu-open-btn"]) .udex-masthead-item__dropdown {
263
278
  position: var(--udex-masthead-item-dropdown-position);
@@ -314,6 +329,19 @@
314
329
  .udex-masthead-item__button--profile+.udex-masthead-item__dropdown,
315
330
  .udex-masthead-item__dropdown {
316
331
  top: 60px;
332
+ right: 0;
333
+ }
334
+
335
+ :host(:dir(rtl)) .udex-masthead-item__button--support + .udex-masthead-item__dropdown,
336
+ :host(:dir(rtl)) .udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
337
+ :host(:dir(rtl)) .udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
338
+ left: 0;
339
+ }
340
+
341
+ .udex-masthead-item__button--support + .udex-masthead-item__dropdown,
342
+ .udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
343
+ .udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
344
+ right: 0;
317
345
  }
318
346
 
319
347
  :host(:dir(rtl)) .udex-masthead-item__dropdown {
@@ -131,7 +131,7 @@
131
131
 
132
132
  .udex-masthead-profile-menu__add-remove-btn {
133
133
  margin-inline-end: auto;
134
- margin-top: var(--udexSpacer24);
134
+ margin-top: var(--udexSpacer32);
135
135
  display: block;
136
136
  min-height: 42px;
137
137
  }
@@ -228,10 +228,6 @@
228
228
  padding-top: var(--udexSpacer32);
229
229
  }
230
230
 
231
- :host([_is-mobile-mode]) .udex-masthead-profile-menu__btn {
232
- padding-top: var(--udexSpacer24);
233
- }
234
-
235
231
  @media (max-width: 1279px) {
236
232
  .udex-masthead-profile-menu__actions [udex-link] {
237
233
  padding: var(--udexSpacer16) var(--udexSpacer8);
@@ -239,10 +235,6 @@
239
235
  display: block;
240
236
  }
241
237
 
242
- .udex-masthead-profile-menu__btn {
243
- padding-top: var(--udexSpacer24);
244
- }
245
-
246
238
  .udex-masthead-profile-menu__btn-back::part(menu-item-button) {
247
239
  justify-content: space-between;
248
240
  }
@@ -5,7 +5,7 @@
5
5
  --udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);
6
6
  --udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);
7
7
  --udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);
8
- --udex-modal-border-radius: 0;
8
+ --udex-modal-border-radius: 20px;
9
9
  --udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);
10
10
  --udex-modal-block-layer-background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%);
11
11
  }
@@ -18,6 +18,7 @@
18
18
  padding: var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal);
19
19
  }
20
20
 
21
+ :host,
21
22
  :host .ui5-popup-root {
22
23
  border-radius: var(--udex-modal-border-radius);
23
24
  }
@@ -5,9 +5,11 @@
5
5
  --udex-review-item-underline-color: var(--udexColorGrey1);
6
6
  --udex-review-item-text-font-family: var(--sapFontFamily, sans-serif);
7
7
  --udex-review-item-text-color: var(--udexCoreTextDark, #223548);
8
+ --udex-review-item-text-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
9
+ --udex-review-item-text-gradient-height: 80px;
8
10
  --udex-review-item-title-color: var(--udexCoreHeadingDark, #000000);
9
11
  --udex-review-item-date-and-author-color: var(--udexColorGrey6);
10
- --udex-review-item-max-text-height: 48px;
12
+ --udex-review-item-max-text-height: 90px;
11
13
  --udex-review-item-color: var(--udexColorGrey9, #223548);
12
14
  }
13
15
 
@@ -82,6 +84,21 @@
82
84
  padding: 0;
83
85
  margin: 0;
84
86
  overflow: hidden;
87
+ position: relative;
88
+ }
89
+
90
+ :host([_show-text-expander]) .udex-review-item__text:after {
91
+ content: "";
92
+ position: absolute;
93
+ bottom: 0;
94
+ left: 0;
95
+ right: 0;
96
+ background: var(--udex-review-item-text-gradient);
97
+ height: var(--udex-review-item-text-gradient-height);
98
+ }
99
+
100
+ :host([_show-text-expander][_text-expanded]) .udex-review-item__text:after {
101
+ display: none;
85
102
  }
86
103
 
87
104
  .udex-review-item__text-expanded {
@@ -5,6 +5,7 @@ export interface UDExProcessedItem {
5
5
  item: UDExListItemBase | UDExListGroupHeaderBase,
6
6
  groupItems: UDExListItemBase[],
7
7
  isGroup: boolean,
8
+ collapsed?: boolean,
8
9
  }
9
10
 
10
11
  export enum UDExPopoverPart {
@@ -1 +0,0 @@
1
- const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",O="Delete",R="Primary",o="Secondary",N="Tertiary",n="Warning",L="Positive",s="Negative",e="Emphasized",C="Default",c="Transparent",U="Attention",P="Date Input",a="Toggled",B="First page",D="Last page",i="Previous page",r="Next page",M="Current page",l="Activate page number",G="Suggested searches",d="Clear",u="Search",V="Clear",W="Voice",Y="Submit",F="Listening",g="Available Values",m="Recommended pages",p="Expand All",X="Collapse All",H="More",f="Attention badge",b="Read more",h="Read less",v="Rating Indicator",y="Rating",K="Required",w="Total",k="Rating",x="Contains Multi-Selectable Items",Q="Contains Selectable Items",Z="Show Results",q="Show/Hide Password Button",z="Reset",j="Message Strip Close Button",J="Information Bar",$="Positive Bar",TT="Warning Bar",ET="Negative Bar",_T="Action Bar",AT="reviews",ST="stars",IT="Select Options",tT="Select All",OT="{0} characters remaining",RT="Field State Error",oT="Field State Warning",NT="Field State Success",nT="Field State Standard",LT="Previous Page",sT="Next Page",eT="No matches found.",CT="Breadcrumb Trail",cT="More",UT="Increase by",PT="Decrease by",aT="No data found",BT="Invalid entry",DT="Warning issued",iT="Informative entry",rT="Entry successfully validated",MT="Read only",lT="Logout",GT="Switch account",dT="Back",uT="Other identities",VT="Add or remove account",WT="Select country",YT="Overview",FT="Cart",gT="Country Selector",mT="Support",pT="Phone number",XT="Contact us",HT="Email",fT="Chat with us",bT="Quick Links",hT="Trending",vT="About SAP",yT="Site Information",KT="Or see our complete list of",wT="local country numbers",kT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",xT="Avatar",QT="Open Calendar icon",ZT="Edit list item entry",qT="Delete list item entry",zT="back button label",jT="Status Badge",JT="Click to edit profile",$T="Click to open profile information",TE="Warning, potential risk with the profile",EE="There is an error with the profile",_E="Successfully verified profile",AE="Profile",SE="main links",IE="opens in a new window",tE="Text field",OE="Uploading",RE="Terminated",oE="Remove file",NE="Upload file",nE="Complete list of",LE="Call us today!",sE="Search",eE="results returned.",CE="Social Media Button",cE="Promo Tile",UE="Promo Tile Icon",PE="Back to top",aE="Start button to begin customer logos rotation",BE="Pause button to stop customer logos rotation",DE="Location",iE="Close",rE={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:O,BUTTON_ARIA_TYPE_PRIMARY:R,BUTTON_ARIA_TYPE_SECONDARY:o,BUTTON_ARIA_TYPE_TERTIARY:N,BUTTON_ARIA_TYPE_WARNING:n,BUTTON_ARIA_TYPE_POSITIVE:L,BUTTON_ARIA_TYPE_NEGATIVE:s,BUTTON_ARIA_EMPHASIZED:e,BUTTON_ARIA_DEFAULT:C,BUTTON_ARIA_TRANSPARENT:c,BUTTON_ARIA_ATTENTION:U,DATEPICKER_DATE_DESCRIPTION:P,TOGGLED:a,FIRST_PAGE:B,LAST_PAGE:D,PREVIOUS_PAGE:i,NEXT_PAGE:r,CURRENT_PAGE:M,ACTIVATE_PAGE:l,SUGGESTED_TEXT:G,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:u,TOOLTIP_RESET_BUTTON:V,TOOLTIP_VOICE_BUTTON:W,TOOLTIP_SUBMIT_BUTTON:Y,LISTENING:F,AVAILABLE_VALUES:g,RECOMMENDED_TEXT:m,EXPAND_ALL:p,COLLAPSE_ALL:X,MORE:H,ATTENTION_BADGE:f,READ_MORE:b,READ_LESS:h,RATING_INDICATOR_TEXT:v,RATING_INDICATOR_TOOLTIP_TEXT:y,RATING_INDICATOR_ARIA_DESCRIPTION:K,TOTAL:w,RATING_COUNT_TITLE:k,ARIA_LABEL_LIST_MULTISELECTABLE:x,ARIA_LABEL_LIST_SELECTABLE:Q,SHOW_RESULTS:Z,SHOW_HIDE_PASSWORD:q,RESET:z,MESSAGE_STRIP_CLOSE_BUTTON:j,MESSAGE_STRIP_INFORMATION:J,MESSAGE_STRIP_SUCCESS:$,MESSAGE_STRIP_WARNING:TT,MESSAGE_STRIP_ERROR:ET,MESSAGE_STRIP_ACTION:_T,REVIEWS:AT,STARS:ST,SELECT_OPTIONS:IT,SELECT_ALL:tT,TEXTAREA_CHARACTERS_LEFT:OT,VALUE_STATE_TYPE_ERROR:RT,VALUE_STATE_TYPE_WARNING:oT,VALUE_STATE_TYPE_SUCCESS:NT,VALUE_STATE_TYPE_STANDARD:nT,CAROUSEL_PREVIOUS_ARROW_TEXT:LT,CAROUSEL_NEXT_ARROW_TEXT:sT,NO_MATCHES_FOUND:eT,BREADCRUMBS_ARIA_LABEL:CT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:cT,STEPINPUT_INC_ICON_TITLE:UT,STEPINPUT_DEC_ICON_TITLE:PT,TABLE_NO_DATA_FOUND:aT,VALUE_STATE_ERROR:BT,VALUE_STATE_WARNING:DT,VALUE_STATE_INFORMATION:iT,VALUE_STATE_SUCCESS:rT,READ_ONLY:MT,LOGOUT:lT,SWITCH_ACCOUNT:GT,BACK:dT,OTHER_IDENTITIES:uT,ADD_OR_REMOVE_ACCOUNT:VT,COUNTRY_SELECT:WT,OVERVIEW:YT,CART:FT,COUNTRY_SELECTOR:gT,SUPPORT:mT,PHONE_NUMBER:pT,CONTACT_US:XT,EMAIL:HT,CHAT_WITH_US:fT,QUICK_LINKS:bT,TRENDING:hT,ABOUT_SAP:vT,SITE_INFORMATION:yT,SEE_COMPLETE_LIST:KT,LOCAL_COUNTRY_NAMES:wT,COPYRIGHT:kT,AVATAR_TEXT:xT,CALENDAR_ICON:QT,LIST_ITEM_EDIT_ICON:ZT,LIST_ITEM_DELETE_ICON:qT,BACK_BUTTON_LABEL:zT,STATUS_BADGE_TEXT:jT,STATUS_BADGE_EDIT_TITLE:JT,STATUS_BADGE_INFORMATION_TITLE:$T,STATUS_BADGE_WARNING_TITLE:TE,STATUS_BADGE_ERROR_TITLE:EE,STATUS_BADGE_SUCCESS_TITLE:_E,PROFILE:AE,MAIN_LINKS:SE,OPENS_IN_A_NEW_WINDOW:IE,TEXT_FIELD:tE,UPLOADING_FILE_STATUS_TEXT:OE,TERMINATED_FILE_STATUS_TEXT:RE,REMOVE_FILE_TEXT:oE,UPLOAD_BUTTON_LABEL:NE,COMPLETE_LIST_OF:nE,CALL_US_TODAY:LE,SEARCH:sE,RESULT_RETURNED:eE,SOCIAL_MEDIA_BUTTON:CE,PROMO_TILE:cE,PROMO_TILE_ICON:UE,BACK_TO_TOP:PE,PLAY_BUTTON_ACCESSIBLE_NAME:aE,PAUSE_BUTTON_ACCESSIBLE_NAME:BE,LOCATION:DE,TOAST_CLOSE_ACCESSIBLE_NAME:iE};export{vT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,u as ACCESSIBLE_NAME_SEARCH_ICON,l as ACTIVATE_PAGE,VT as ADD_OR_REMOVE_ACCOUNT,x as ARIA_LABEL_LIST_MULTISELECTABLE,Q as ARIA_LABEL_LIST_SELECTABLE,f as ATTENTION_BADGE,g as AVAILABLE_VALUES,xT as AVATAR_TEXT,dT as BACK,zT as BACK_BUTTON_LABEL,PE as BACK_TO_TOP,CT as BREADCRUMBS_ARIA_LABEL,cT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,U as BUTTON_ARIA_ATTENTION,C as BUTTON_ARIA_DEFAULT,e as BUTTON_ARIA_EMPHASIZED,c as BUTTON_ARIA_TRANSPARENT,s as BUTTON_ARIA_TYPE_NEGATIVE,L as BUTTON_ARIA_TYPE_POSITIVE,R as BUTTON_ARIA_TYPE_PRIMARY,o as BUTTON_ARIA_TYPE_SECONDARY,N as BUTTON_ARIA_TYPE_TERTIARY,n as BUTTON_ARIA_TYPE_WARNING,QT as CALENDAR_ICON,LE as CALL_US_TODAY,sT as CAROUSEL_NEXT_ARROW_TEXT,LT as CAROUSEL_PREVIOUS_ARROW_TEXT,FT as CART,fT as CHAT_WITH_US,X as COLLAPSE_ALL,nE as COMPLETE_LIST_OF,XT as CONTACT_US,kT as COPYRIGHT,T as COUNT,WT as COUNTRY_SELECT,gT as COUNTRY_SELECTOR,M as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,O as DELETE_BUTTON,t as EDIT_BUTTON,HT as EMAIL,p as EXPAND_ALL,B as FIRST_PAGE,I as INDETERMINATE,D as LAST_PAGE,F as LISTENING,qT as LIST_ITEM_DELETE_ICON,ZT as LIST_ITEM_EDIT_ICON,wT as LOCAL_COUNTRY_NAMES,DE as LOCATION,lT as LOGOUT,SE as MAIN_LINKS,_T as MESSAGE_STRIP_ACTION,j as MESSAGE_STRIP_CLOSE_BUTTON,ET as MESSAGE_STRIP_ERROR,J as MESSAGE_STRIP_INFORMATION,$ as MESSAGE_STRIP_SUCCESS,TT as MESSAGE_STRIP_WARNING,H as MORE,r as NEXT_PAGE,eT as NO_MATCHES_FOUND,E as OF,IE as OPENS_IN_A_NEW_WINDOW,uT as OTHER_IDENTITIES,YT as OVERVIEW,_ as PAGINATION_PAGE,BE as PAUSE_BUTTON_ACCESSIBLE_NAME,pT as PHONE_NUMBER,aE as PLAY_BUTTON_ACCESSIBLE_NAME,i as PREVIOUS_PAGE,AE as PROFILE,cE as PROMO_TILE,UE as PROMO_TILE_ICON,bT as QUICK_LINKS,k as RATING_COUNT_TITLE,K as RATING_INDICATOR_ARIA_DESCRIPTION,v as RATING_INDICATOR_TEXT,y as RATING_INDICATOR_TOOLTIP_TEXT,h as READ_LESS,b as READ_MORE,MT as READ_ONLY,m as RECOMMENDED_TEXT,oE as REMOVE_FILE_TEXT,z as RESET,eE as RESULT_RETURNED,AT as REVIEWS,sE as SEARCH,KT as SEE_COMPLETE_LIST,A as SELECTED,tT as SELECT_ALL,IT as SELECT_OPTIONS,q as SHOW_HIDE_PASSWORD,Z as SHOW_RESULTS,yT as SITE_INFORMATION,CE as SOCIAL_MEDIA_BUTTON,ST as STARS,JT as STATUS_BADGE_EDIT_TITLE,EE as STATUS_BADGE_ERROR_TITLE,$T as STATUS_BADGE_INFORMATION_TITLE,_E as STATUS_BADGE_SUCCESS_TITLE,jT as STATUS_BADGE_TEXT,TE as STATUS_BADGE_WARNING_TITLE,PT as STEPINPUT_DEC_ICON_TITLE,UT as STEPINPUT_INC_ICON_TITLE,G as SUGGESTED_TEXT,mT as SUPPORT,GT as SWITCH_ACCOUNT,aT as TABLE_NO_DATA_FOUND,RE as TERMINATED_FILE_STATUS_TEXT,OT as TEXTAREA_CHARACTERS_LEFT,tE as TEXT_FIELD,iE as TOAST_CLOSE_ACCESSIBLE_NAME,a as TOGGLED,V as TOOLTIP_RESET_BUTTON,Y as TOOLTIP_SUBMIT_BUTTON,W as TOOLTIP_VOICE_BUTTON,w as TOTAL,hT as TRENDING,S as UNSELECTED,OE as UPLOADING_FILE_STATUS_TEXT,NE as UPLOAD_BUTTON_LABEL,BT as VALUE_STATE_ERROR,iT as VALUE_STATE_INFORMATION,rT as VALUE_STATE_SUCCESS,RT as VALUE_STATE_TYPE_ERROR,nT as VALUE_STATE_TYPE_STANDARD,NT as VALUE_STATE_TYPE_SUCCESS,oT as VALUE_STATE_TYPE_WARNING,DT as VALUE_STATE_WARNING,rE as default};