@sapudex/web-components 0.184.0 → 0.192.4

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 (153) hide show
  1. package/dist/CountrySelector.d.ts +2 -0
  2. package/dist/CountrySelector.js +5 -1
  3. package/dist/CountrySelector.js.map +1 -1
  4. package/dist/MastheadItem.d.ts +10 -1
  5. package/dist/MastheadItem.js +11 -5
  6. package/dist/MastheadItem.js.map +1 -1
  7. package/dist/MastheadMenu.d.ts +6 -0
  8. package/dist/MastheadMenu.js +3 -0
  9. package/dist/MastheadMenu.js.map +1 -1
  10. package/dist/MastheadMenuItem.d.ts +1 -0
  11. package/dist/MastheadMenuItem.js +3 -0
  12. package/dist/MastheadMenuItem.js.map +1 -1
  13. package/dist/MastheadProfileMenu.d.ts +6 -0
  14. package/dist/MastheadProfileMenu.js +3 -0
  15. package/dist/MastheadProfileMenu.js.map +1 -1
  16. package/dist/MastheadShell.d.ts +34 -4
  17. package/dist/MastheadShell.js +122 -11
  18. package/dist/MastheadShell.js.map +1 -1
  19. package/dist/Pagination.d.ts +3 -2
  20. package/dist/Pagination.js +4 -2
  21. package/dist/Pagination.js.map +1 -1
  22. package/dist/Search.js +1 -0
  23. package/dist/Search.js.map +1 -1
  24. package/dist/SelectBox.d.ts +2 -0
  25. package/dist/SelectBox.js +5 -1
  26. package/dist/SelectBox.js.map +1 -1
  27. package/dist/Tab.d.ts +4 -13
  28. package/dist/Tab.js +11 -14
  29. package/dist/Tab.js.map +1 -1
  30. package/dist/TabNavigation.js +0 -1
  31. package/dist/TabNavigation.js.map +1 -1
  32. package/dist/TextArea.d.ts +13 -22
  33. package/dist/TextArea.js +30 -33
  34. package/dist/TextArea.js.map +1 -1
  35. package/dist/assets/{bundle.esm-d98e72b5.js → bundle.esm-aa637b3f.js} +177 -177
  36. package/dist/assets/messagebundle_en-06c0dadc.js +1 -0
  37. package/dist/css/themes/CountrySelector.css +1 -1
  38. package/dist/css/themes/MastheadItem.css +1 -1
  39. package/dist/css/themes/MastheadMenu.css +1 -1
  40. package/dist/css/themes/MastheadMenuItem.css +1 -1
  41. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  42. package/dist/css/themes/MastheadShell.css +1 -1
  43. package/dist/css/themes/MediaPlayer.css +1 -1
  44. package/dist/css/themes/RatingIndicator.css +1 -1
  45. package/dist/css/themes/Search.css +1 -1
  46. package/dist/css/themes/Slider.css +1 -1
  47. package/dist/css/themes/Tag.css +1 -1
  48. package/dist/css/themes/TextArea.css +1 -1
  49. package/dist/custom-elements-internal.json +14 -12
  50. package/dist/custom-elements.json +14 -12
  51. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  52. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  53. package/dist/generated/i18n/i18n-defaults.js +2 -1
  54. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  55. package/dist/generated/templates/MastheadItemTemplate.lit.js +3 -3
  56. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  57. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +2 -2
  58. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
  59. package/dist/generated/templates/MastheadShellTemplate.lit.js +8 -9
  60. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  61. package/dist/generated/templates/PaginationTemplate.lit.js +1 -1
  62. package/dist/generated/templates/PaginationTemplate.lit.js.map +1 -1
  63. package/dist/generated/templates/TabHeaderTemplate.lit.js +1 -1
  64. package/dist/generated/templates/TabHeaderTemplate.lit.js.map +1 -1
  65. package/dist/generated/templates/TabNavigationTemplate.lit.js +1 -1
  66. package/dist/generated/templates/TabNavigationTemplate.lit.js.map +1 -1
  67. package/dist/generated/templates/TextAreaTemplate.lit.js +5 -4
  68. package/dist/generated/templates/TextAreaTemplate.lit.js.map +1 -1
  69. package/dist/generated/templates/TextFieldTemplate.lit.js +1 -1
  70. package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
  71. package/dist/generated/themes/CountrySelector.css.js +1 -1
  72. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  73. package/dist/generated/themes/MastheadItem.css.js +1 -1
  74. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  75. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  76. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  77. package/dist/generated/themes/MastheadMenuItem.css.js +1 -1
  78. package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
  79. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  80. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  81. package/dist/generated/themes/MastheadShell.css.js +1 -1
  82. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  83. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  84. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  85. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  86. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  87. package/dist/generated/themes/Search.css.js +1 -1
  88. package/dist/generated/themes/Search.css.js.map +1 -1
  89. package/dist/generated/themes/Slider.css.js +1 -1
  90. package/dist/generated/themes/Slider.css.js.map +1 -1
  91. package/dist/generated/themes/Tag.css.js +1 -1
  92. package/dist/generated/themes/Tag.css.js.map +1 -1
  93. package/dist/generated/themes/TextArea.css.js +1 -1
  94. package/dist/generated/themes/TextArea.css.js.map +1 -1
  95. package/dist/i18n/messagebundle.properties +3 -0
  96. package/dist/i18n/messagebundle_en.properties +1 -0
  97. package/dist/web-types.json +3 -3
  98. package/package.json +1 -1
  99. package/src/CountrySelector.hbs +30 -30
  100. package/src/CountrySelector.ts +18 -13
  101. package/src/MastheadItem.hbs +3 -3
  102. package/src/MastheadItem.ts +22 -10
  103. package/src/MastheadMenu.ts +8 -0
  104. package/src/MastheadMenuItem.hbs +2 -1
  105. package/src/MastheadMenuItem.ts +4 -0
  106. package/src/MastheadProfileMenu.ts +8 -0
  107. package/src/MastheadShell.hbs +69 -67
  108. package/src/MastheadShell.ts +154 -16
  109. package/src/Pagination.hbs +2 -2
  110. package/src/Pagination.ts +8 -5
  111. package/src/Search.ts +1 -0
  112. package/src/SelectBox.ts +7 -1
  113. package/src/Tab.ts +18 -29
  114. package/src/TabHeader.hbs +1 -1
  115. package/src/TabNavigation.hbs +1 -2
  116. package/src/TabNavigation.ts +2 -1
  117. package/src/TextArea.hbs +21 -21
  118. package/src/TextArea.ts +82 -78
  119. package/src/TextField.hbs +4 -2
  120. package/src/generated/i18n/i18n-defaults.ts +2 -2
  121. package/src/generated/templates/MastheadItemTemplate.lit.ts +3 -3
  122. package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +2 -2
  123. package/src/generated/templates/MastheadShellTemplate.lit.ts +8 -9
  124. package/src/generated/templates/PaginationTemplate.lit.ts +1 -1
  125. package/src/generated/templates/TabHeaderTemplate.lit.ts +1 -1
  126. package/src/generated/templates/TabNavigationTemplate.lit.ts +1 -1
  127. package/src/generated/templates/TextAreaTemplate.lit.ts +5 -4
  128. package/src/generated/templates/TextFieldTemplate.lit.ts +1 -1
  129. package/src/generated/themes/CountrySelector.css.ts +1 -1
  130. package/src/generated/themes/MastheadItem.css.ts +1 -1
  131. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  132. package/src/generated/themes/MastheadMenuItem.css.ts +1 -1
  133. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  134. package/src/generated/themes/MastheadShell.css.ts +1 -1
  135. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  136. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  137. package/src/generated/themes/Search.css.ts +1 -1
  138. package/src/generated/themes/Slider.css.ts +1 -1
  139. package/src/generated/themes/Tag.css.ts +1 -1
  140. package/src/generated/themes/TextArea.css.ts +1 -1
  141. package/src/i18n/messagebundle.properties +3 -0
  142. package/src/i18n/messagebundle_en.properties +1 -0
  143. package/src/themes/CountrySelector.css +23 -16
  144. package/src/themes/MastheadItem.css +40 -2
  145. package/src/themes/MastheadMenu.css +72 -0
  146. package/src/themes/MastheadMenuItem.css +1 -0
  147. package/src/themes/MastheadProfileMenu.css +8 -0
  148. package/src/themes/MastheadShell.css +59 -27
  149. package/src/themes/MediaPlayer.css +18 -9
  150. package/src/themes/Search.css +4 -4
  151. package/src/themes/Tag.css +6 -3
  152. package/src/themes/TextArea.css +12 -1
  153. package/dist/assets/messagebundle_en-4997b226.js +0 -1
@@ -124,7 +124,79 @@
124
124
  text-align: center;
125
125
  }
126
126
 
127
+ :host([_is-mobile-mode])::part(menu-item-link-badge),
128
+ :host([_is-mobile-mode])::part(menu-item-link) {
129
+ border-bottom: 1px solid var(--udex-masthead-menu-item-mobile-border-color);
130
+ padding: var(--udex-masthead-menu-item-header-padding-mobile);
131
+ display: flex;
132
+ align-items: center;
133
+ justify-content: space-between;
134
+ width: 100%;
135
+ }
136
+
137
+ :host([_is-mobile-mode])::part(menu-item-link-badge) {
138
+ padding-block-start: var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);
139
+ padding-inline-end: var(--udex-masthead-menu-item-padding-mobile-end-with-badge);
140
+ padding-inline-start: var(--udex-masthead-menu-item-padding-mobile-start-with-badge);
141
+ }
142
+
143
+ :host([_is-mobile-mode])::part(menu-item) {
144
+ padding: var(--udex-masthead-menu-item-header-padding-mobile);
145
+ justify-content: center;
146
+ }
147
+
148
+ :host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge) {
149
+ position: absolute;
150
+ top: 50%;
151
+ right: var(--udexSpacer16);
152
+ transform: translateY(-50%);
153
+ margin-inline-start: 0;
154
+ pointer-events: none;
155
+ }
156
+
157
+ :host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl) {
158
+ right: auto;
159
+ left: var(--udexSpacer16);
160
+ }
161
+
162
+ :host([_is-mobile-mode]) .udex-masthead-menu__list li {
163
+ margin: 0;
164
+ }
165
+
166
+ :host([_is-mobile-mode]) .udex-masthead-menu__title {
167
+ font-size: var(--udex-masthead-menu-title-font-size-mobile);
168
+ }
169
+
170
+ :host([_is-mobile-mode]) .udex-masthead-menu {
171
+ padding: var(--udex-masthead-menu-padding-mobile);
172
+ }
173
+
174
+ :host([_is-mobile-mode]) .udex-masthead-menu__row {
175
+ gap: var(--udex-masthead-menu-mobile-column-gap, 56px);
176
+ display: flex;
177
+ flex-direction: column;
178
+ }
179
+
180
+ :host([_is-mobile-mode]) .udex-masthead-menu__header {
181
+ margin: 0;
182
+ width: auto;
183
+ }
184
+
185
+ :host([_is-mobile-mode]) .udex-masthead-menu__list {
186
+ width: auto;
187
+ }
188
+
189
+ :host([_is-mobile-mode]) .udex-masthead-menu__column {
190
+ width: 100%;
191
+ }
192
+
193
+ :host([_is-mobile-mode]) .udex-masthead-menu,
194
+ :host([_is-mobile-mode]) .udex-masthead-menu__column {
195
+ display: block;
196
+ }
197
+
127
198
  @media (max-width: 1279px) {
199
+ [udex-masthead-menu-item]::part(menu-item-link-badge),
128
200
  [udex-masthead-menu-item]::part(menu-item-link) {
129
201
  border-bottom: 1px solid var(--udex-masthead-menu-item-mobile-border-color);
130
202
  }
@@ -73,6 +73,7 @@
73
73
  }
74
74
 
75
75
  :host([has-border])::part(menu-item-button),
76
+ :host([has-border])::part(menu-item-link-badge),
76
77
  :host([has-border])::part(menu-item-link),
77
78
  :host([has-border])::part(menu-item) {
78
79
  border-bottom: 1px solid var(--udex-masthead-menu-item-border-color);
@@ -70,6 +70,14 @@
70
70
  position: relative;
71
71
  }
72
72
 
73
+ :host([_is-mobile-mode]) .udex-masthead-profile-menu {
74
+ padding: var(--udex-masthead-profile-menu-paddings-mobile);
75
+ gap: var(--udexSpacer32);
76
+ box-sizing: border-box;
77
+ width: 100%;
78
+ min-height: 100%;
79
+ }
80
+
73
81
  @media (max-width: 1279px) {
74
82
  .udex-masthead-profile-menu {
75
83
  padding: var(--udex-masthead-profile-menu-paddings-mobile);
@@ -7,6 +7,8 @@
7
7
  --udex-masthead-shell-site-label-text-decoration: none;
8
8
  --udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);
9
9
  --udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);
10
+ --udex-masthead-shell-item-gap: var(--udexSpacer24);
11
+ --udex-masthead-shell-item-icon-gap: var(--udexSpacer8);
10
12
  --udex-grid-gutter: 3rem;
11
13
  --udex-grid-margin-m: 4.5rem;
12
14
  --udex-grid-margin-l: 4.5rem;
@@ -19,6 +21,8 @@
19
21
  --udex-masthead-shell-container-xl-max-width: 1432px;
20
22
  --udex-masthead-shell-container-l-max-width: 1456px;
21
23
  --udex-masthead-mobile-menu-buttons-width: 360px;
24
+ --udex-masthead-right-menu-padding: var(--udexSpacer64);
25
+ --udex-masthead-shell-explore-margin: var(--udexSpacer12);
22
26
  }
23
27
 
24
28
  :host {
@@ -91,7 +95,7 @@
91
95
  .udex-masthead-shell__site-label--link:focus,
92
96
  .udex-masthead-shell__site-label--link:focus-visible {
93
97
  outline: var(--udexRadiusXXS) solid var(--udexColorBlue10);
94
- outline-offset: 2px;
98
+ outline-offset: var(--udexSpacer2);
95
99
  border-radius: var(--udexRadiusXXS);
96
100
  }
97
101
 
@@ -114,32 +118,36 @@
114
118
  display: grid;
115
119
  grid: 'logo siteLabel mainMenu ' / auto auto 1fr;
116
120
  align-items: center;
117
- padding-inline-end: var(--udexSpacer20);
118
121
  box-sizing: border-box;
119
122
  }
120
123
 
121
124
  .udex-masthead-shell__main-menu {
122
125
  display: flex;
123
126
  align-items: center;
124
- gap: var(--udexSpacer24);
127
+ gap: var(--udex-masthead-shell-item-gap);
125
128
  max-width: 100%;
126
129
  margin: 0;
127
130
  padding: 0;
128
131
  list-style: none;
129
132
  }
130
133
 
134
+ .udex-masthead-shell__landing-wrap {
135
+ display: flex;
136
+ align-items: center;
137
+ }
138
+
131
139
  .udex-masthead-shell__right-menu {
132
140
  display: flex;
133
141
  align-items: center;
134
142
  justify-content: flex-end;
135
- gap: var(--udexSpacer8);
136
- padding-inline-start: var(--udexSpacer20);
143
+ gap: var(--udex-masthead-shell-item-icon-gap);
144
+ padding-inline-start: var(--udex-masthead-right-menu-padding);
137
145
  box-sizing: border-box;
138
146
  }
139
147
 
140
148
  .udex-masthead-shell__explore {
141
149
  white-space: nowrap;
142
- margin-inline-end: var(--udexSpacer12);
150
+ margin-inline-end: var(--udex-masthead-shell-explore-margin);
143
151
  }
144
152
 
145
153
  .udex-masthead-shell__cart,
@@ -191,11 +199,42 @@
191
199
  }
192
200
 
193
201
  :host([show-search-by-default]) .udex-masthead-shell__search-icon,
202
+ :host([_is-search-opened]) .udex-masthead-shell__right-menu,
203
+ :host([_is-mobile-mode]) .udex-masthead-shell__cart,
204
+ :host([_is-mobile-mode]) .udex-masthead-shell__profile,
205
+ :host([_is-mobile-mode]) .udex-masthead-shell__search-icon,
206
+ :host([_is-mobile-mode]) .udex-masthead-shell__explore,
207
+ :host([_is-mobile-mode]) .udex-masthead-shell__nav,
194
208
  .udex-masthead-shell__close-btn,
195
209
  .udex-masthead-shell__menu-btn {
196
210
  display: none;
197
211
  }
198
212
 
213
+ :host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,
214
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__cart,
215
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__profile,
216
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn {
217
+ display: flex;
218
+ }
219
+
220
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu {
221
+ width: var(--udex-masthead-mobile-menu-buttons-width);
222
+ background: var(--udex-masthead-shell-background);
223
+ padding-inline-end: var(--udexSpacer84);
224
+ padding-inline-start: var(--udexSpacer32);
225
+ gap: var(--udexSpacer12);
226
+ position: absolute;
227
+ top: 0;
228
+ bottom: 0;
229
+ right: 0;
230
+ z-index: 1;
231
+ }
232
+
233
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl) {
234
+ right: auto;
235
+ left: 0;
236
+ }
237
+
199
238
  @media (max-width: 1599px) {
200
239
  .udex-masthead-shell {
201
240
  padding-left: var(--udexSpacer72);
@@ -211,9 +250,17 @@
211
250
  left: var(--udexSpacer72);
212
251
  right: auto;
213
252
  }
253
+
254
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu {
255
+ padding-inline-end: var(--udexSpacer72);
256
+ }
214
257
  }
215
258
 
216
259
  @media (max-width: 1279px) {
260
+ :host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu {
261
+ width: var(--udex-masthead-mobile-menu-buttons-width);
262
+ }
263
+
217
264
  :host([show-search-by-default]) .udex-masthead-shell__search-container,
218
265
  :host([show-search-by-default]) .udex-masthead-shell__main-content,
219
266
  :host([show-search-by-default]) .udex-masthead-shell__right-menu {
@@ -236,33 +283,14 @@
236
283
  .udex-masthead-shell__profile,
237
284
  .udex-masthead-shell__search-icon,
238
285
  .udex-masthead-shell__explore,
239
- .udex-masthead-shell__main-menu {
286
+ .udex-masthead-shell__nav {
240
287
  display: none;
241
288
  }
242
289
 
243
- .udex-masthead-shell__menu-btn,
244
- :host([_is-mobile-menu-open]) .udex-masthead-shell__cart,
245
- :host([_is-mobile-menu-open]) .udex-masthead-shell__profile,
246
- :host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn {
290
+ .udex-masthead-shell__menu-btn {
247
291
  display: flex;
248
292
  }
249
293
 
250
- :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu {
251
- width: var(--udex-masthead-mobile-menu-buttons-width);
252
- background: var(--udex-masthead-shell-background);
253
- padding-inline-end: var(--udexSpacer72);
254
- position: absolute;
255
- top: 0;
256
- bottom: 0;
257
- right: 0;
258
- z-index: 1;
259
- }
260
-
261
- :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl) {
262
- right: auto;
263
- left: 0;
264
- }
265
-
266
294
  .udex-masthead-shell__right-menu {
267
295
  padding-inline-start: var(--udexSpacer32);
268
296
  gap: var(--udexSpacer12);
@@ -270,6 +298,10 @@
270
298
  }
271
299
 
272
300
  @media (max-width: 979px) {
301
+ :host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu {
302
+ width: 100%;
303
+ }
304
+
273
305
  :host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,
274
306
  :host([show-search-by-default]) .udex-masthead-shell__search-icon {
275
307
  display: block;
@@ -482,7 +482,7 @@ body.vjs-pip-window .video-js {
482
482
  }
483
483
 
484
484
  .video-js.vjs-4-3 .vjs-big-play-button {
485
- width: calc(20% / 1.333);
485
+ width: calc(20% / 1.333);
486
486
  }
487
487
 
488
488
  .video-js.vjs-1-1 .vjs-big-play-button {
@@ -817,14 +817,14 @@ body.vjs-pip-window .video-js {
817
817
  background-image: var(--udex-media-player-play-icon);
818
818
  }
819
819
 
820
- .vjs-skip-forward-5 > .vjs-icon-placeholder:before,
821
- .vjs-skip-forward-10 > .vjs-icon-placeholder:before,
820
+ .vjs-skip-forward-5 > .vjs-icon-placeholder:before,
821
+ .vjs-skip-forward-10 > .vjs-icon-placeholder:before,
822
822
  .vjs-skip-forward-30 > .vjs-icon-placeholder:before {
823
823
  background-image: var(--udex-media-player-skip-forward-icon);
824
824
  }
825
825
 
826
- .vjs-skip-backward-5 > .vjs-icon-placeholder:before,
827
- .vjs-skip-backward-10 > .vjs-icon-placeholder:before,
826
+ .vjs-skip-backward-5 > .vjs-icon-placeholder:before,
827
+ .vjs-skip-backward-10 > .vjs-icon-placeholder:before,
828
828
  .vjs-skip-backward-30 > .vjs-icon-placeholder:before{
829
829
  background-image: var(--udex-media-player-skip-backward-icon);
830
830
  }
@@ -1777,7 +1777,7 @@ video::-webkit-media-text-track-display {
1777
1777
  left: 0;
1778
1778
  width: 100%;
1779
1779
  height: 100%;
1780
- }
1780
+ }
1781
1781
 
1782
1782
  .udex-media-player__iframe-poster .udex-media-player__vjs-poster {
1783
1783
  display: inline-block;
@@ -1806,8 +1806,8 @@ video::-webkit-media-text-track-display {
1806
1806
  flex-wrap: wrap;
1807
1807
  }
1808
1808
 
1809
- .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,
1810
- .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,
1809
+ .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,
1810
+ .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,
1811
1811
  .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls {
1812
1812
  display: flex;
1813
1813
  flex-direction: column;
@@ -1863,10 +1863,19 @@ video::-webkit-media-text-track-display {
1863
1863
  padding: 0 var(--udexSpacer16) 0 0;
1864
1864
  }
1865
1865
 
1866
+ .video-js .vjs-control.vjs-playback-rate {
1867
+ width: auto;
1868
+ }
1869
+
1870
+ .vjs-playback-rate .vjs-playback-rate-value {
1871
+ position: relative;
1872
+ }
1873
+
1874
+
1866
1875
  @media (width < 680px) {
1867
1876
  .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content {
1868
1877
  padding: var(--udexSpacer16) var(--udexSpacer24);
1869
- }
1878
+ }
1870
1879
  .vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button {
1871
1880
  right: var(--udexSpacer24);
1872
1881
  top: var(--udexSpacer16);
@@ -50,6 +50,7 @@
50
50
  :host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,
51
51
  :host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled {
52
52
  display: block;
53
+ inset-block-start: 9px;
53
54
  line-height: 18px;
54
55
  transform: translateY(-110%);
55
56
  padding: 0 4px;
@@ -173,9 +174,9 @@
173
174
  }
174
175
 
175
176
  .udex-search__field::placeholder {
176
- color: var(--udex-input-color-label);
177
- font-size: var(--udex-input-font-size-label);
178
- line-height: var(--udex-input-line-height-label);
177
+ color: var(--udexColorGrey7);
178
+ font-family: var(--sapFontFamily, sans-serif);
179
+ font-size: 16px;
179
180
  }
180
181
 
181
182
  .udex-search__field:focus {
@@ -205,7 +206,6 @@ input[type="search"]::-webkit-search-results-decoration {
205
206
 
206
207
  .udex-search__label {
207
208
  position: absolute;
208
- inset-block-start: 9px;
209
209
  inset-inline-start: var(--udex-search-label-inset-inline-start);
210
210
  z-index: 2;
211
211
  color: var(--udex-input-color-label);
@@ -6,7 +6,8 @@
6
6
  --udex-tags-line-height: 18px;
7
7
  --udex-tags-medium-line-height: 21px;
8
8
  --udex-tags-icon-size: 12px;
9
- --udex-tags-medium-icon-size: 14px;
9
+ --udex-tags-icon-padding: 2px;
10
+ --udex-tags-medium-icon-size: 12px;
10
11
  --udex-tags-radius-size: 6px;
11
12
  --udex-tags-text-icon-gap: 3px;
12
13
  --udex-tags-padding-vertical: var(--udexSpacer2, 2px);
@@ -105,14 +106,16 @@
105
106
  }
106
107
 
107
108
  .udex-tag__icon {
109
+ padding: var(--udex-tags-icon-padding);
108
110
  height: var(--udex-tags-icon-size);
109
- min-width: var(--udex-tags-icon-size);
111
+ width: var(--udex-tags-icon-size);
110
112
  color: inherit;
111
113
  }
112
114
 
113
115
  .udex-tag--medium .udex-tag__icon {
116
+ padding: var(--udex-tags-icon-padding);
114
117
  height: var(--udex-tags-medium-icon-size);
115
- min-width: var(--udex-tags-medium-icon-size);
118
+ width: var(--udex-tags-medium-icon-size);
116
119
  }
117
120
 
118
121
  .udex-tag-grey,
@@ -38,6 +38,7 @@
38
38
  --udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;
39
39
  --udex-textarea-radius: var(--udexRadiusXS, 4px);
40
40
  --udex-textarea-height: 50px;
41
+ --udex-textarea-border-width: 1px;
41
42
 
42
43
  /*
43
44
  the part of the code that relates to the scrollbar should be removed
@@ -90,7 +91,7 @@
90
91
  padding: var(--udex-textarea-paddings);
91
92
  background: var(--udex-textarea-color-standard-default-background);
92
93
  border-radius: var(--udex-textarea-radius);
93
- border: 1px solid var(--udex-textarea-color-standard-default-border);
94
+ border: var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);
94
95
  font-weight: var(--udexTypographyFontWeightRegular, 400);
95
96
  outline: none;
96
97
  color: inherit;
@@ -263,3 +264,13 @@
263
264
  .hidden-text {
264
265
  display: none;
265
266
  }
267
+
268
+ .hidden-label {
269
+ border: 0;
270
+ clip: rect(0 0 0 0);
271
+ height: 1px;
272
+ overflow: hidden;
273
+ padding: 0;
274
+ position: absolute;
275
+ width: 1px;
276
+ }
@@ -1 +0,0 @@
1
- const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",R="Delete",N="Primary",O="Secondary",n="Tertiary",o="Warning",s="Positive",L="Negative",e="Emphasized",c="Default",C="Transparent",U="Attention",P="Date Input",a="Toggled",D="First page",i="Last page",B="Previous page",r="Next page",G="Current page",l="Activate page number",M="Suggested searches",d="Clear",V="Search",u="Clear",W="Voice",g="Submit",Y="Available Values",p="Recommended pages",F="Expand All",m="Collapse All",X="More",H="Attention badge",f="Read more",y="Read less",h="Rating Indicator",v="Rating",b="Required",w="Total",K="Contains Multi-Selectable Items",k="Contains Selectable Items",Q="Show Results",x="Show/Hide Password Button",Z="Reset",q="Message Strip Close Button",z="Information",j="Positive",J="Warning",$="Negative",TT="reviews",ET="stars",_T="Select Options",AT="Select All",ST="{0} characters remaining",IT="Field State Error",tT="Field State Warning",RT="Field State Success",NT="Field State Standard",OT="Previous Page",nT="Next Page",oT="No matches found.",sT="Breadcrumb Trail",LT="More",eT="Increase Quantity by",cT="Decrease Quantity by",CT="No data found",UT="Invalid entry",PT="Warning issued",aT="Informative entry",DT="Entry successfully validated",iT="Read only",BT="Logout",rT="Select country",GT="Overview",lT="Link Graphic",MT="Phone number",dT="Contact us",VT="Email",uT="Chat with us",WT="Quick Links",gT="Trending",YT="About SAP",pT="Site Information",FT="Or see our complete list of",mT="local country numbers",XT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",HT="Avatar",fT="Open Calendar icon",yT="Edit list item entry",hT="Delete list item entry",vT="back button label",bT="Status Badge",wT="Click to edit profile",KT="Click to open profile information",kT="Warning, potential risk with the profile",QT="There is an error with the profile",xT="Successfully verified profile",ZT="Profile",qT="Dropdown trigger",zT="main links",jT="opens in a new window",JT={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:R,BUTTON_ARIA_TYPE_PRIMARY:N,BUTTON_ARIA_TYPE_SECONDARY:O,BUTTON_ARIA_TYPE_TERTIARY:n,BUTTON_ARIA_TYPE_WARNING:o,BUTTON_ARIA_TYPE_POSITIVE:s,BUTTON_ARIA_TYPE_NEGATIVE:L,BUTTON_ARIA_EMPHASIZED:e,BUTTON_ARIA_DEFAULT:c,BUTTON_ARIA_TRANSPARENT:C,BUTTON_ARIA_ATTENTION:U,DATEPICKER_DATE_DESCRIPTION:P,TOGGLED:a,FIRST_PAGE:D,LAST_PAGE:i,PREVIOUS_PAGE:B,NEXT_PAGE:r,CURRENT_PAGE:G,ACTIVATE_PAGE:l,SUGGESTED_TEXT:M,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:V,TOOLTIP_RESET_BUTTON:u,TOOLTIP_VOICE_BUTTON:W,TOOLTIP_SUBMIT_BUTTON:g,AVAILABLE_VALUES:Y,RECOMMENDED_TEXT:p,EXPAND_ALL:F,COLLAPSE_ALL:m,MORE:X,ATTENTION_BADGE:H,READ_MORE:f,READ_LESS:y,RATING_INDICATOR_TEXT:h,RATING_INDICATOR_TOOLTIP_TEXT:v,RATING_INDICATOR_ARIA_DESCRIPTION:b,TOTAL:w,ARIA_LABEL_LIST_MULTISELECTABLE:K,ARIA_LABEL_LIST_SELECTABLE:k,SHOW_RESULTS:Q,SHOW_HIDE_PASSWORD:x,RESET:Z,MESSAGE_STRIP_CLOSE_BUTTON:q,MESSAGE_STRIP_INFORMATION:z,MESSAGE_STRIP_SUCCESS:j,MESSAGE_STRIP_WARNING:J,MESSAGE_STRIP_ERROR:$,REVIEWS:TT,STARS:ET,SELECT_OPTIONS:_T,SELECT_ALL:AT,TEXTAREA_CHARACTERS_LEFT:ST,VALUE_STATE_TYPE_ERROR:IT,VALUE_STATE_TYPE_WARNING:tT,VALUE_STATE_TYPE_SUCCESS:RT,VALUE_STATE_TYPE_STANDARD:NT,CAROUSEL_PREVIOUS_ARROW_TEXT:OT,CAROUSEL_NEXT_ARROW_TEXT:nT,NO_MATCHES_FOUND:oT,BREADCRUMBS_ARIA_LABEL:sT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:LT,STEPINPUT_INC_ICON_TITLE:eT,STEPINPUT_DEC_ICON_TITLE:cT,TABLE_NO_DATA_FOUND:CT,VALUE_STATE_ERROR:UT,VALUE_STATE_WARNING:PT,VALUE_STATE_INFORMATION:aT,VALUE_STATE_SUCCESS:DT,READ_ONLY:iT,LOGOUT:BT,COUNTRY_SELECT:rT,OVERVIEW:GT,SOCIAL_LINK_ICON:lT,PHONE_NUMBER:MT,CONTACT_US:dT,EMAIL:VT,CHAT_WITH_US:uT,QUICK_LINKS:WT,TRENDING:gT,ABOUT_SAP:YT,SITE_INFORMATION:pT,SEE_COMPLETE_LIST:FT,LOCAL_COUNTRY_NAMES:mT,COPYRIGHT:XT,AVATAR_TEXT:HT,CALENDAR_ICON:fT,LIST_ITEM_EDIT_ICON:yT,LIST_ITEM_DELETE_ICON:hT,BACK_BUTTON_LABEL:vT,STATUS_BADGE_TEXT:bT,STATUS_BADGE_EDIT_TITLE:wT,STATUS_BADGE_INFORMATION_TITLE:KT,STATUS_BADGE_WARNING_TITLE:kT,STATUS_BADGE_ERROR_TITLE:QT,STATUS_BADGE_SUCCESS_TITLE:xT,PROFILE:ZT,TRIGGER:qT,MAIN_LINKS:zT,OPENS_IN_A_NEW_WINDOW:jT};export{YT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,V as ACCESSIBLE_NAME_SEARCH_ICON,l as ACTIVATE_PAGE,K as ARIA_LABEL_LIST_MULTISELECTABLE,k as ARIA_LABEL_LIST_SELECTABLE,H as ATTENTION_BADGE,Y as AVAILABLE_VALUES,HT as AVATAR_TEXT,vT as BACK_BUTTON_LABEL,sT as BREADCRUMBS_ARIA_LABEL,LT 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,L as BUTTON_ARIA_TYPE_NEGATIVE,s as BUTTON_ARIA_TYPE_POSITIVE,N as BUTTON_ARIA_TYPE_PRIMARY,O as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,o as BUTTON_ARIA_TYPE_WARNING,fT as CALENDAR_ICON,nT as CAROUSEL_NEXT_ARROW_TEXT,OT as CAROUSEL_PREVIOUS_ARROW_TEXT,uT as CHAT_WITH_US,m as COLLAPSE_ALL,dT as CONTACT_US,XT as COPYRIGHT,T as COUNT,rT as COUNTRY_SELECT,G as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,R as DELETE_BUTTON,t as EDIT_BUTTON,VT as EMAIL,F as EXPAND_ALL,D as FIRST_PAGE,I as INDETERMINATE,i as LAST_PAGE,hT as LIST_ITEM_DELETE_ICON,yT as LIST_ITEM_EDIT_ICON,mT as LOCAL_COUNTRY_NAMES,BT as LOGOUT,zT as MAIN_LINKS,q as MESSAGE_STRIP_CLOSE_BUTTON,$ as MESSAGE_STRIP_ERROR,z as MESSAGE_STRIP_INFORMATION,j as MESSAGE_STRIP_SUCCESS,J as MESSAGE_STRIP_WARNING,X as MORE,r as NEXT_PAGE,oT as NO_MATCHES_FOUND,E as OF,jT as OPENS_IN_A_NEW_WINDOW,GT as OVERVIEW,_ as PAGINATION_PAGE,MT as PHONE_NUMBER,B as PREVIOUS_PAGE,ZT as PROFILE,WT as QUICK_LINKS,b as RATING_INDICATOR_ARIA_DESCRIPTION,h as RATING_INDICATOR_TEXT,v as RATING_INDICATOR_TOOLTIP_TEXT,y as READ_LESS,f as READ_MORE,iT as READ_ONLY,p as RECOMMENDED_TEXT,Z as RESET,TT as REVIEWS,FT as SEE_COMPLETE_LIST,A as SELECTED,AT as SELECT_ALL,_T as SELECT_OPTIONS,x as SHOW_HIDE_PASSWORD,Q as SHOW_RESULTS,pT as SITE_INFORMATION,lT as SOCIAL_LINK_ICON,ET as STARS,wT as STATUS_BADGE_EDIT_TITLE,QT as STATUS_BADGE_ERROR_TITLE,KT as STATUS_BADGE_INFORMATION_TITLE,xT as STATUS_BADGE_SUCCESS_TITLE,bT as STATUS_BADGE_TEXT,kT as STATUS_BADGE_WARNING_TITLE,cT as STEPINPUT_DEC_ICON_TITLE,eT as STEPINPUT_INC_ICON_TITLE,M as SUGGESTED_TEXT,CT as TABLE_NO_DATA_FOUND,ST as TEXTAREA_CHARACTERS_LEFT,a as TOGGLED,u as TOOLTIP_RESET_BUTTON,g as TOOLTIP_SUBMIT_BUTTON,W as TOOLTIP_VOICE_BUTTON,w as TOTAL,gT as TRENDING,qT as TRIGGER,S as UNSELECTED,UT as VALUE_STATE_ERROR,aT as VALUE_STATE_INFORMATION,DT as VALUE_STATE_SUCCESS,IT as VALUE_STATE_TYPE_ERROR,NT as VALUE_STATE_TYPE_STANDARD,RT as VALUE_STATE_TYPE_SUCCESS,tT as VALUE_STATE_TYPE_WARNING,PT as VALUE_STATE_WARNING,JT as default};