@sapudex/web-components 2.14.0 → 2.16.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 (236) hide show
  1. package/cypress/specs/Breadcrumbs.cy.tsx +77 -0
  2. package/cypress/specs/FilterMenu.cy.tsx +19 -43
  3. package/cypress/specs/HeroBanner.cy.tsx +6 -6
  4. package/cypress/specs/InputGroup.cy.tsx +47 -0
  5. package/cypress/specs/RatingBar.cy.tsx +41 -0
  6. package/cypress/specs/Tooltip.cy.tsx +6 -11
  7. package/cypress/support/component-imports.instrumented.ts +4 -0
  8. package/cypress/support/component-imports.src.ts +4 -0
  9. package/dist/Accordion.js +44 -30
  10. package/dist/Accordion.js.map +1 -1
  11. package/dist/Breadcrumbs.d.ts +2 -0
  12. package/dist/Breadcrumbs.js +8 -7
  13. package/dist/Breadcrumbs.js.map +1 -1
  14. package/dist/BreadcrumbsItem.d.ts +1 -2
  15. package/dist/BreadcrumbsItem.js.map +1 -1
  16. package/dist/BreadcrumbsPopoverTemplate.d.ts +2 -0
  17. package/dist/BreadcrumbsPopoverTemplate.js +8 -0
  18. package/dist/BreadcrumbsPopoverTemplate.js.map +1 -0
  19. package/dist/BreadcrumbsTemplate.d.ts +2 -0
  20. package/dist/BreadcrumbsTemplate.js +10 -0
  21. package/dist/BreadcrumbsTemplate.js.map +1 -0
  22. package/dist/FilterMenu.js +1 -2
  23. package/dist/FilterMenu.js.map +1 -1
  24. package/dist/FilterMenuSelectAll.d.ts +0 -1
  25. package/dist/FilterMenuSelectAll.js +0 -3
  26. package/dist/FilterMenuSelectAll.js.map +1 -1
  27. package/dist/Footer.d.ts +17 -21
  28. package/dist/Footer.js +5 -11
  29. package/dist/Footer.js.map +1 -1
  30. package/dist/FooterTemplate.d.ts +2 -0
  31. package/dist/FooterTemplate.js +27 -0
  32. package/dist/FooterTemplate.js.map +1 -0
  33. package/dist/HeroBanner.js +4 -4
  34. package/dist/HeroBanner.js.map +1 -1
  35. package/dist/HeroBannerTemplate.d.ts +2 -0
  36. package/dist/HeroBannerTemplate.js +10 -0
  37. package/dist/HeroBannerTemplate.js.map +1 -0
  38. package/dist/InputGroup.d.ts +0 -1
  39. package/dist/InputGroup.js +3 -6
  40. package/dist/InputGroup.js.map +1 -1
  41. package/dist/InputGroupTemplate.d.ts +2 -0
  42. package/dist/InputGroupTemplate.js +7 -0
  43. package/dist/InputGroupTemplate.js.map +1 -0
  44. package/dist/MastheadMobileMenu.js +1 -1
  45. package/dist/MastheadMobileMenu.js.map +1 -1
  46. package/dist/RatingBar.js +3 -3
  47. package/dist/RatingBar.js.map +1 -1
  48. package/dist/RatingBarTemplate.d.ts +2 -0
  49. package/dist/RatingBarTemplate.js +8 -0
  50. package/dist/RatingBarTemplate.js.map +1 -0
  51. package/dist/Search.js +5 -4
  52. package/dist/Search.js.map +1 -1
  53. package/dist/SearchableListBase.d.ts +2 -1
  54. package/dist/SearchableListBase.js +13 -23
  55. package/dist/SearchableListBase.js.map +1 -1
  56. package/dist/SelectBox.js +1 -2
  57. package/dist/SelectBox.js.map +1 -1
  58. package/dist/StatusBadge.js +3 -3
  59. package/dist/StatusBadge.js.map +1 -1
  60. package/dist/StatusBadgeTemplate.d.ts +2 -0
  61. package/dist/StatusBadgeTemplate.js +7 -0
  62. package/dist/StatusBadgeTemplate.js.map +1 -0
  63. package/dist/StatusMessage.js +3 -3
  64. package/dist/StatusMessage.js.map +1 -1
  65. package/dist/StatusMessageTemplate.d.ts +2 -0
  66. package/dist/StatusMessageTemplate.js +8 -0
  67. package/dist/StatusMessageTemplate.js.map +1 -0
  68. package/dist/Switch.d.ts +1 -4
  69. package/dist/Switch.js +4 -8
  70. package/dist/Switch.js.map +1 -1
  71. package/dist/SwitchTemplate.d.ts +2 -0
  72. package/dist/SwitchTemplate.js +12 -0
  73. package/dist/SwitchTemplate.js.map +1 -0
  74. package/dist/TagGroup.d.ts +2 -0
  75. package/dist/TagGroup.js +10 -3
  76. package/dist/TagGroup.js.map +1 -1
  77. package/dist/TruncatedText.d.ts +0 -1
  78. package/dist/TruncatedText.js +5 -6
  79. package/dist/TruncatedText.js.map +1 -1
  80. package/dist/TruncatedTextTemplate.d.ts +2 -0
  81. package/dist/TruncatedTextTemplate.js +9 -0
  82. package/dist/TruncatedTextTemplate.js.map +1 -0
  83. package/dist/assets/{InputSuggestions-AxcsfuTc.js → InputSuggestions-lpqKgn1j.js} +1 -1
  84. package/dist/assets/{ListItemStandardExpandableTextTemplate-CaS49yZt.js → ListItemStandardExpandableTextTemplate-BPs3CyVq.js} +1 -1
  85. package/dist/assets/{bundle.esm-DzkSPQ0p.js → bundle.esm-C3RAGF4b.js} +211 -211
  86. package/dist/css/themes/AccordionItem.css +1 -1
  87. package/dist/css/themes/CountrySelector.css +1 -1
  88. package/dist/css/themes/Link.css +1 -1
  89. package/dist/css/themes/MediaPlayer.css +1 -1
  90. package/dist/css/themes/PhoneNumberField.css +1 -1
  91. package/dist/css/themes/RatingBar.css +1 -1
  92. package/dist/css/themes/RatingIndicator.css +1 -1
  93. package/dist/css/themes/Search.css +1 -1
  94. package/dist/css/themes/SelectBox.css +1 -1
  95. package/dist/css/themes/Slider.css +1 -1
  96. package/dist/css/themes/TextArea.css +1 -1
  97. package/dist/css/themes/TextField.css +1 -1
  98. package/dist/custom-elements-internal.json +148 -133
  99. package/dist/custom-elements.json +133 -118
  100. package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
  101. package/dist/generated/themes/AccordionItem.css.js +1 -1
  102. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  103. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  104. package/dist/generated/themes/CountrySelector.css.js +1 -1
  105. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  106. package/dist/generated/themes/Link.css.d.ts +1 -1
  107. package/dist/generated/themes/Link.css.js +1 -1
  108. package/dist/generated/themes/Link.css.js.map +1 -1
  109. package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
  110. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  111. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  112. package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
  113. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  114. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  115. package/dist/generated/themes/RatingBar.css.d.ts +1 -1
  116. package/dist/generated/themes/RatingBar.css.js +1 -1
  117. package/dist/generated/themes/RatingBar.css.js.map +1 -1
  118. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  119. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  120. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  121. package/dist/generated/themes/Search.css.d.ts +1 -1
  122. package/dist/generated/themes/Search.css.js +1 -1
  123. package/dist/generated/themes/Search.css.js.map +1 -1
  124. package/dist/generated/themes/SelectBox.css.d.ts +1 -1
  125. package/dist/generated/themes/SelectBox.css.js +1 -1
  126. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  127. package/dist/generated/themes/Slider.css.d.ts +1 -1
  128. package/dist/generated/themes/Slider.css.js +1 -1
  129. package/dist/generated/themes/Slider.css.js.map +1 -1
  130. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  131. package/dist/generated/themes/TextArea.css.js +1 -1
  132. package/dist/generated/themes/TextArea.css.js.map +1 -1
  133. package/dist/generated/themes/TextField.css.d.ts +1 -1
  134. package/dist/generated/themes/TextField.css.js +1 -1
  135. package/dist/generated/themes/TextField.css.js.map +1 -1
  136. package/dist/utils/sanitizeString.d.ts +2 -0
  137. package/dist/utils/sanitizeString.js +12 -0
  138. package/dist/utils/sanitizeString.js.map +1 -0
  139. package/dist/web-types.json +2 -2
  140. package/package.json +2 -2
  141. package/src/Accordion.ts +56 -26
  142. package/src/Breadcrumbs.ts +12 -7
  143. package/src/BreadcrumbsItem.ts +2 -2
  144. package/src/BreadcrumbsPopoverTemplate.tsx +60 -0
  145. package/src/BreadcrumbsTemplate.tsx +53 -0
  146. package/src/FilterMenu.ts +1 -2
  147. package/src/FilterMenuSelectAll.ts +0 -4
  148. package/src/Footer.ts +28 -35
  149. package/src/FooterTemplate.tsx +410 -0
  150. package/src/HeroBanner.ts +4 -4
  151. package/src/HeroBannerTemplate.tsx +101 -0
  152. package/src/InputGroup.ts +3 -7
  153. package/src/InputGroupTemplate.tsx +31 -0
  154. package/src/MastheadMobileMenu.ts +1 -1
  155. package/src/RatingBar.ts +3 -3
  156. package/src/RatingBarTemplate.tsx +38 -0
  157. package/src/Search.ts +5 -4
  158. package/src/SearchableListBase.ts +15 -26
  159. package/src/SelectBox.ts +1 -2
  160. package/src/StatusBadge.ts +5 -4
  161. package/src/StatusBadgeTemplate.tsx +18 -0
  162. package/src/StatusMessage.ts +3 -3
  163. package/src/StatusMessageTemplate.tsx +20 -0
  164. package/src/Switch.ts +5 -11
  165. package/src/SwitchTemplate.tsx +50 -0
  166. package/src/TagGroup.ts +13 -3
  167. package/src/TruncatedText.ts +8 -14
  168. package/src/TruncatedTextTemplate.tsx +21 -0
  169. package/src/generated/themes/AccordionItem.css.ts +1 -1
  170. package/src/generated/themes/CountrySelector.css.ts +1 -1
  171. package/src/generated/themes/Link.css.ts +1 -1
  172. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  173. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  174. package/src/generated/themes/RatingBar.css.ts +1 -1
  175. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  176. package/src/generated/themes/Search.css.ts +1 -1
  177. package/src/generated/themes/SelectBox.css.ts +1 -1
  178. package/src/generated/themes/Slider.css.ts +1 -1
  179. package/src/generated/themes/TextArea.css.ts +1 -1
  180. package/src/generated/themes/TextField.css.ts +1 -1
  181. package/src/themes/AccordionItem.css +0 -1
  182. package/src/themes/CountrySelector.css +1 -7
  183. package/src/themes/Link.css +11 -4
  184. package/src/themes/MediaPlayer.css +133 -186
  185. package/src/themes/PhoneNumberField.css +25 -7
  186. package/src/themes/RatingBar.css +2 -2
  187. package/src/themes/Search.css +7 -3
  188. package/src/themes/SelectBox.css +4 -0
  189. package/src/themes/TextArea.css +31 -7
  190. package/src/themes/TextField.css +15 -5
  191. package/src/utils/sanitizeString.ts +13 -0
  192. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.d.ts +0 -3
  193. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +0 -12
  194. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +0 -1
  195. package/dist/generated/templates/BreadcrumbsTemplate.lit.d.ts +0 -3
  196. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +0 -14
  197. package/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +0 -1
  198. package/dist/generated/templates/FooterTemplate.lit.d.ts +0 -3
  199. package/dist/generated/templates/FooterTemplate.lit.js +0 -39
  200. package/dist/generated/templates/FooterTemplate.lit.js.map +0 -1
  201. package/dist/generated/templates/InputGroupTemplate.lit.d.ts +0 -3
  202. package/dist/generated/templates/InputGroupTemplate.lit.js +0 -9
  203. package/dist/generated/templates/InputGroupTemplate.lit.js.map +0 -1
  204. package/dist/generated/templates/RatingBarTemplate.lit.d.ts +0 -3
  205. package/dist/generated/templates/RatingBarTemplate.lit.js +0 -8
  206. package/dist/generated/templates/RatingBarTemplate.lit.js.map +0 -1
  207. package/dist/generated/templates/StatusBadgeTemplate.lit.d.ts +0 -3
  208. package/dist/generated/templates/StatusBadgeTemplate.lit.js +0 -7
  209. package/dist/generated/templates/StatusBadgeTemplate.lit.js.map +0 -1
  210. package/dist/generated/templates/StatusMessageTemplate.lit.d.ts +0 -3
  211. package/dist/generated/templates/StatusMessageTemplate.lit.js +0 -8
  212. package/dist/generated/templates/StatusMessageTemplate.lit.js.map +0 -1
  213. package/dist/generated/templates/SwitchTemplate.lit.d.ts +0 -3
  214. package/dist/generated/templates/SwitchTemplate.lit.js +0 -14
  215. package/dist/generated/templates/SwitchTemplate.lit.js.map +0 -1
  216. package/dist/generated/templates/TruncatedTextTemplate.lit.d.ts +0 -3
  217. package/dist/generated/templates/TruncatedTextTemplate.lit.js +0 -7
  218. package/dist/generated/templates/TruncatedTextTemplate.lit.js.map +0 -1
  219. package/src/Breadcrumbs.hbs +0 -38
  220. package/src/BreadcrumbsPopover.hbs +0 -48
  221. package/src/Footer.hbs +0 -296
  222. package/src/InputGroup.hbs +0 -20
  223. package/src/RatingBar.hbs +0 -11
  224. package/src/StatusBadge.hbs +0 -9
  225. package/src/StatusMessage.hbs +0 -6
  226. package/src/Switch.hbs +0 -35
  227. package/src/TruncatedText.hbs +0 -11
  228. package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +0 -16
  229. package/src/generated/templates/BreadcrumbsTemplate.lit.ts +0 -18
  230. package/src/generated/templates/FooterTemplate.lit.ts +0 -43
  231. package/src/generated/templates/InputGroupTemplate.lit.ts +0 -13
  232. package/src/generated/templates/RatingBarTemplate.lit.ts +0 -12
  233. package/src/generated/templates/StatusBadgeTemplate.lit.ts +0 -11
  234. package/src/generated/templates/StatusMessageTemplate.lit.ts +0 -12
  235. package/src/generated/templates/SwitchTemplate.lit.ts +0 -18
  236. package/src/generated/templates/TruncatedTextTemplate.lit.ts +0 -11
@@ -35,7 +35,7 @@
35
35
 
36
36
  --udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);
37
37
 
38
- --udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);
38
+ --udex-phone-number-field-color-label-background: transparent;
39
39
 
40
40
  --udex-phone-number-field-height: 42px;
41
41
  --udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);
@@ -80,12 +80,16 @@
80
80
  margin-inline-start:-3px;
81
81
  padding: 0 var(--udexSpacer4, 4px);
82
82
  color: var(--udex-phone-number-field-color-standard-default-label);
83
- top: -11px;
83
+ top: -12px;
84
84
  font-size: var(--udex-phone-number-field-lable-font-size);
85
85
  font-weight: var(--udexTypographyFontWeightRegular, 400);
86
86
  line-height: 1.5;
87
87
  z-index: 2;
88
- background: linear-gradient(var(--udex-phone-number-field-color-label-background) 65%, var(--udex-phone-number-field-color-standard-default-background) 35%);
88
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-standard-default-background) 60%);
89
+ }
90
+
91
+ :host(:not([_is-touched])[active]) .udex-phone-number-field__label {
92
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-standard-default-background) 40%);
89
93
  }
90
94
 
91
95
  .udex-phone-number-field__button-content {
@@ -251,7 +255,11 @@
251
255
  }
252
256
 
253
257
  :host([value-state="Error"]) .udex-phone-number-field__label {
254
- background: linear-gradient(var(--udex-phone-number-field-color-label-background) 65%, var(--udex-phone-number-field-color-error-default-background) 35%);
258
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-error-default-background) 60%);
259
+ }
260
+
261
+ :host([value-state="Error"]:not([_is-touched])[active]) .udex-phone-number-field__label {
262
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-error-default-background) 40%);
255
263
  }
256
264
 
257
265
  :host([value-state="Error"]) .udex-phone-number-field:hover {
@@ -268,9 +276,12 @@
268
276
  }
269
277
 
270
278
  :host([value-state="Success"]) .udex-phone-number-field__label {
271
- background: linear-gradient(var(--udex-phone-number-field-color-label-background) 65%, var(--udex-phone-number-field-color-success-default-background) 35%);
279
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-success-default-background) 60%);
272
280
  }
273
281
 
282
+ :host([value-state="Success"]:not([_is-touched])[active]) .udex-phone-number-field__label {
283
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-success-default-background) 40%);
284
+ }
274
285
 
275
286
  :host([value-state="Success"]) .udex-phone-number-field:hover {
276
287
  border-color: var(--udex-phone-number-field-color-success-hover-border);
@@ -293,9 +304,12 @@
293
304
  }
294
305
 
295
306
  :host([disabled]) .udex-phone-number-field__label {
296
- background: linear-gradient(var(--udex-phone-number-field-color-label-background) 65%, var(--udex-phone-number-field-color-disabled-default-background) 35%);
307
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-disabled-default-background) 60%);
297
308
  }
298
309
 
310
+ :host([disabled]:not([_is-touched])[active]) .udex-phone-number-field__label {
311
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-disabled-default-background) 40%);
312
+ }
299
313
 
300
314
  :host([readonly]) .udex-phone-number-field,
301
315
  :host([displayonly]) .udex-phone-number-field {
@@ -315,7 +329,11 @@
315
329
  }
316
330
 
317
331
  :host([readonly]) .udex-phone-number-field__label {
318
- background: linear-gradient(var(--udex-phone-number-field-color-label-background) 65%, var(--udex-phone-number-field-color-readonly-default-background) 35%);
332
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-readonly-default-background) 60%);
333
+ }
334
+
335
+ :host([readonly]:not([_is-touched])[active]) .udex-phone-number-field__label {
336
+ background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-readonly-default-background) 40%);
319
337
  }
320
338
 
321
339
  :host([displayonly]) .udex-phone-number-field,
@@ -5,7 +5,7 @@
5
5
  --udex-rating-bar-container-height: 1.5rem;
6
6
  --udex-rating-bar-progress: 100%;
7
7
  --udex-rating-bar-track-height: 0.75rem;
8
- --udex-rating-bar-progress-radius: var(---udexRadiusM, 0.5rem);
8
+ --udex-rating-bar-progress-radius: var(--udexRadiusM, 0.5rem);
9
9
  }
10
10
 
11
11
  .udex-rating-bar__container {
@@ -41,7 +41,7 @@
41
41
  border-radius: var(--udex-rating-bar-progress-radius);
42
42
  }
43
43
 
44
- .udex-rating__icon {
44
+ .udex-rating-bar__icon {
45
45
  height: 0.875rem;
46
46
  width: 0.875rem;
47
47
  color: var(--udexColorMango6);
@@ -58,15 +58,19 @@
58
58
  :host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,
59
59
  :host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled {
60
60
  display: block;
61
- inset-block-start: 9px;
61
+ top: var(--udexSpacer8);
62
62
  line-height: 18px;
63
63
  transform: translateY(-110%);
64
- padding: 0 4px;
64
+ padding: 0 var(--udexSpacer4);
65
65
  font-family: var(--udex-input-font-family-label-active);
66
66
  font-size: var(--udex-input-font-size-label-active);
67
67
  font-weight: var(--udex-input-font-weight-label-active);
68
68
  line-height: var(--udex-input-line-height-label-active);
69
- background-color: #FFFFFF;
69
+ background: linear-gradient(transparent 60%, var(--udex-input-color-background-light) 60%);
70
+ }
71
+
72
+ :host([active]:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled {
73
+ background: linear-gradient(transparent 35%, var(--udex-input-color-background-light) 35%);
70
74
  }
71
75
 
72
76
  :host([mode="Home Search"]) .udex-search__root,
@@ -15,6 +15,10 @@
15
15
  overflow: hidden;
16
16
  }
17
17
 
18
+ .udex-text-field__wrap {
19
+ position: unset;
20
+ }
21
+
18
22
  .udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover {
19
23
  border-left: 1px solid var(--udexColorGrey4, #A9B4BE);
20
24
  }
@@ -33,7 +33,7 @@
33
33
 
34
34
  --udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);
35
35
 
36
- --udex-textarea-color-label-background: var(--sapField_Background, #fff);
36
+ --udex-textarea-color-label-background: transparent;
37
37
 
38
38
  --udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;
39
39
  --udex-textarea-radius: var(--udexRadiusXS, 4px);
@@ -65,7 +65,11 @@
65
65
  font-size: var(--udex-textarea-active-lable-font-size);
66
66
  line-height: 1.5;
67
67
  z-index: 2;
68
- background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-standard-default-background) 35%);
68
+ background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-standard-default-background) 60%);
69
+ }
70
+
71
+ :host(:not([_is-touched])[active]) .udex-textarea__label--active {
72
+ background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-standard-default-background) 30%);
69
73
  }
70
74
 
71
75
  :host [ui5-icon] {
@@ -127,7 +131,11 @@
127
131
  }
128
132
 
129
133
  :host([value-state="Warning"]) .udex-textarea__label--active {
130
- background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-warning-default-background) 35%);
134
+ background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-warning-default-background) 60%);
135
+ }
136
+
137
+ :host([value-state="Warning"]:not([_is-touched])[active]) .udex-textarea__label--active {
138
+ background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-warning-default-background) 30%);
131
139
  }
132
140
 
133
141
  :host([value-state="Warning"]) .udex-textarea__field:hover {
@@ -144,7 +152,11 @@
144
152
  }
145
153
 
146
154
  :host([value-state="Error"]) .udex-textarea__label--active {
147
- background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-error-default-background) 35%);
155
+ background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-error-default-background) 60%);
156
+ }
157
+
158
+ :host([value-state="Error"]:not([_is-touched])[active]) .udex-textarea__label--active {
159
+ background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-error-default-background) 30%);
148
160
  }
149
161
 
150
162
  :host([value-state="Error"]) .udex-textarea__field:hover {
@@ -161,7 +173,11 @@
161
173
  }
162
174
 
163
175
  :host([value-state="Success"]) .udex-textarea__label--active {
164
- background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-success-default-background) 35%);
176
+ background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-success-default-background) 60%);
177
+ }
178
+
179
+ :host([value-state="Success"]:not([_is-touched])[active]) .udex-textarea__label--active {
180
+ background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-success-default-background) 30%);
165
181
  }
166
182
 
167
183
  :host([value-state="Success"]) .udex-textarea__field:hover {
@@ -183,7 +199,11 @@
183
199
  }
184
200
 
185
201
  :host([disabled]) .udex-textarea__label--active {
186
- background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-disabled-default-background) 35%);
202
+ background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-disabled-default-background) 60%);
203
+ }
204
+
205
+ :host([disabled]:not([_is-touched])[active]) .udex-textarea__label--active {
206
+ background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-disabled-default-background) 30%);
187
207
  }
188
208
 
189
209
  :host([readonly]) .udex-textarea,
@@ -199,7 +219,11 @@
199
219
  }
200
220
 
201
221
  :host([readonly]) .udex-textarea__label--active {
202
- background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-readonly-default-background) 35%);
222
+ background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-readonly-default-background) 60%);
223
+ }
224
+
225
+ :host([readonly]:not([_is-touched])[active]) .udex-textarea__label--active {
226
+ background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-readonly-default-background) 30%);
203
227
  }
204
228
 
205
229
  :host([displayonly]) .udex-textarea__field,
@@ -31,6 +31,7 @@
31
31
  --udex-input-padding: 0 var(--udexSpacer12, 12px);
32
32
  --udex-input-min-width-xs-and-s: 100%;
33
33
  --udex-input-max-width: 100%;
34
+ --udex-input-background-color: var(--sapField_Background, var(--udexColorNeutralWhite));
34
35
  }
35
36
 
36
37
  .udex-text-field__wrap {
@@ -38,6 +39,7 @@
38
39
  position: relative;
39
40
  border-radius: var(--udexRadiusXS, 4px);
40
41
  border: 1px solid var(--udex-input-color-standard-default-border);
42
+ background-color: var(--udex-input-background-color);
41
43
  }
42
44
 
43
45
  .udex-text-field__wrap:hover {
@@ -204,11 +206,11 @@
204
206
  }
205
207
 
206
208
  .udex-text-field__container:dir(ltr) .udex-text-field__label {
207
- left: 12px;
209
+ left: var(--udexSpacer8);
208
210
  }
209
211
 
210
212
  .udex-text-field__container:dir(rtl) .udex-text-field__label {
211
- right: 12px;
213
+ right: var(--udexSpacer8)
212
214
  }
213
215
 
214
216
  :host([displayonly]:dir(ltr)) .udex-text-field__label,
@@ -220,13 +222,21 @@
220
222
  :host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label {
221
223
  line-height: 18px;
222
224
  transform: translateY(-110%);
223
- padding: 6px 4px 0;
225
+ padding: 0 var(--udexSpacer4);
224
226
  font-size: 12px;
225
- background: linear-gradient(transparent 55%, var(--udex-input-color-standard-default-background-light) 45%);
227
+ background: linear-gradient(transparent 60%, var(--udex-input-color-standard-default-background-light) 60%);
228
+ }
229
+
230
+ :host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__label.udex-text-field__label_active {
231
+ background: linear-gradient(transparent 40%, var(--udex-input-color-standard-default-background-light) 40%);
226
232
  }
227
233
 
228
234
  :host([readonly]) .udex-text-field__label.udex-text-field__label_active {
229
- background: linear-gradient(transparent 55%, var(--udex-input-color-read-only-default-background) 45%);
235
+ background: linear-gradient(transparent 60%, var(--udex-input-color-read-only-default-background) 60%);
236
+ }
237
+
238
+ :host([readonly]:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__label.udex-text-field__label_active {
239
+ background: linear-gradient(transparent 60%, var(--udex-input-color-read-only-default-background) 60%);
230
240
  }
231
241
 
232
242
  :host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,
@@ -0,0 +1,13 @@
1
+ const sanitizeString = (str: string) => {
2
+ const sanitized = str
3
+ .replace(/&/g, "&")
4
+ .replace(/</g, "&lt;")
5
+ .replace(/>/g, "&gt;")
6
+ .replace(/"/g, "&quot;")
7
+ .replace(/'/g, "&#039;");
8
+
9
+ return sanitized.replace(/&lt;b&gt;/g, "<b>")
10
+ .replace(/&lt;\/b&gt;/g, "</b>");
11
+ };
12
+
13
+ export default sanitizeString;
@@ -1,3 +0,0 @@
1
- type BreadcrumbsPopover = any;
2
- declare function template(this: BreadcrumbsPopover): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,12 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${repeat(this._dropdownItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div></${scopeTag("udex-dropdown", tags, suffix)}>` : html `<udex-dropdown id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${repeat(this._dropdownItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div></udex-dropdown>`; }
5
- function block1(context, tags, suffix, item, index) { return html `${item.icon ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index)}`; }
6
- function block2(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`; }
7
- function block3(context, tags, suffix, item, index) { return html `${item._isCurrentPageItem ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index)}`; }
8
- function block4(context, tags, suffix, item, index) { return html `<span id="${ifDefined(item._id)}-li" class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</span>`; }
9
- function block5(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`; }
10
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
11
- export default template;
12
- //# sourceMappingURL=BreadcrumbsPopoverTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbsPopoverTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\ntype BreadcrumbsPopover = any;\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-dropdown\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-breadcrumbs__popover\" opener=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" class=\"udex-breadcrumbs__popover ui5-breadcrumbs-popover\" placement=\"Bottom\" horizontal-align=\"Start\" @keydown=\"${this._handleKeydown}\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><div class=\"udex-breadcrumbs__popover-content\">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></${scopeTag(\"udex-dropdown\", tags, suffix)}>` : html`<udex-dropdown id=\"udex-${ifDefined(this._id)}-breadcrumbs__popover\" opener=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" class=\"udex-breadcrumbs__popover ui5-breadcrumbs-popover\" placement=\"Bottom\" horizontal-align=\"Start\" @keydown=\"${this._handleKeydown}\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><div class=\"udex-breadcrumbs__popover-content\">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}\nfunction block1 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index) }`;}\nfunction block2 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" icon=\"${ifDefined(item.icon)}\" accessible-name=\"${ifDefined(item.textContent)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" icon=\"${ifDefined(item.icon)}\" accessible-name=\"${ifDefined(item.textContent)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</udex-link>`;}\nfunction block3 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}\nfunction block4 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id=\"${ifDefined(item._id)}-li\" class=\"udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</span>`;}\nfunction block5 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</udex-link>`;}\n\nfunction template(this: BreadcrumbsPopover) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type Breadcrumbs from "../../Breadcrumbs.js";
2
- declare function template(this: Breadcrumbs): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,14 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<nav class="udex-breadcrumbs ui5-breadcrumbs-root" aria-label="${ifDefined(this._accessibleNameText)}"><ol @focusin="${this._onfocusin}"><li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper"><${scopeTag("udex-link", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__opener" @click="${this._toggleDropdown}" class="udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}" accessible-role="button" aria-label="${ifDefined(this._dropdownArrowAccessibleNameText)}" icon="slim-arrow-down" icon-placement="Start" aria-haspopup="true"></${scopeTag("udex-link", tags, suffix)}></li>${repeat(this._linksData, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ol></nav><${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${repeat(this._dropdownItems, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div></${scopeTag("udex-dropdown", tags, suffix)}>` : html `<nav class="udex-breadcrumbs ui5-breadcrumbs-root" aria-label="${ifDefined(this._accessibleNameText)}"><ol @focusin="${this._onfocusin}"><li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper"><udex-link id="udex-${ifDefined(this._id)}-breadcrumbs__opener" @click="${this._toggleDropdown}" class="udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}" accessible-role="button" aria-label="${ifDefined(this._dropdownArrowAccessibleNameText)}" icon="slim-arrow-down" icon-placement="Start" aria-haspopup="true"></udex-link></li>${repeat(this._linksData, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ol></nav><udex-dropdown id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${repeat(this._dropdownItems, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div></udex-dropdown>`; }
5
- function block1(context, tags, suffix, item, index) { return html `<li class="udex-breadcrumbs__link-wrapper ui5-breadcrumbs-link-wrapper" id="${ifDefined(item._id)}-link-wrapper">${!item._isCurrentPageItem ? block2.call(this, context, tags, suffix, item, index) : undefined}</li>`; }
6
- function block2(context, tags, suffix, item, index) { return suffix ? html `<span class="udex-breadcrumbs__separator" aria-hidden="true"></span><${scopeTag("udex-link", tags, suffix)} @ui5-click="${ifDefined(this._onLinkPress)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--visible" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</${scopeTag("udex-link", tags, suffix)}>` : html `<span class="udex-breadcrumbs__separator" aria-hidden="true"></span><udex-link @ui5-click="${ifDefined(this._onLinkPress)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--visible" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</udex-link>`; }
7
- function block3(context, tags, suffix, item, index) { return html `${item.icon ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index)}`; }
8
- function block4(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`; }
9
- function block5(context, tags, suffix, item, index) { return html `${item._isCurrentPageItem ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index)}`; }
10
- function block6(context, tags, suffix, item, index) { return html `<span id="${ifDefined(item._id)}-li" class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</span>`; }
11
- function block7(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`; }
12
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
13
- export default template;
14
- //# sourceMappingURL=BreadcrumbsTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbsTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/BreadcrumbsTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type Breadcrumbs from \"../../Breadcrumbs.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<nav class=\"udex-breadcrumbs ui5-breadcrumbs-root\" aria-label=\"${ifDefined(this._accessibleNameText)}\"><ol @focusin=\"${this._onfocusin}\"><li class=\"udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper\"><${scopeTag(\"udex-link\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" @click=\"${this._toggleDropdown}\" class=\"udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}\" accessible-role=\"button\" aria-label=\"${ifDefined(this._dropdownArrowAccessibleNameText)}\" icon=\"slim-arrow-down\" icon-placement=\"Start\" aria-haspopup=\"true\"></${scopeTag(\"udex-link\", tags, suffix)}></li>${ repeat(this._linksData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ol></nav><${scopeTag(\"udex-dropdown\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-breadcrumbs__popover\" opener=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" class=\"udex-breadcrumbs__popover ui5-breadcrumbs-popover\" placement=\"Bottom\" horizontal-align=\"Start\" @keydown=\"${this._handleKeydown}\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><div class=\"udex-breadcrumbs__popover-content\">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></${scopeTag(\"udex-dropdown\", tags, suffix)}>` : html`<nav class=\"udex-breadcrumbs ui5-breadcrumbs-root\" aria-label=\"${ifDefined(this._accessibleNameText)}\"><ol @focusin=\"${this._onfocusin}\"><li class=\"udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper\"><udex-link id=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" @click=\"${this._toggleDropdown}\" class=\"udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}\" accessible-role=\"button\" aria-label=\"${ifDefined(this._dropdownArrowAccessibleNameText)}\" icon=\"slim-arrow-down\" icon-placement=\"Start\" aria-haspopup=\"true\"></udex-link></li>${ repeat(this._linksData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ol></nav><udex-dropdown id=\"udex-${ifDefined(this._id)}-breadcrumbs__popover\" opener=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" class=\"udex-breadcrumbs__popover ui5-breadcrumbs-popover\" placement=\"Bottom\" horizontal-align=\"Start\" @keydown=\"${this._handleKeydown}\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><div class=\"udex-breadcrumbs__popover-content\">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}\nfunction block1 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li class=\"udex-breadcrumbs__link-wrapper ui5-breadcrumbs-link-wrapper\" id=\"${ifDefined(item._id)}-link-wrapper\">${ !item._isCurrentPageItem ? block2.call(this, context, tags, suffix, item, index) : undefined }</li>`;}\nfunction block2 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<span class=\"udex-breadcrumbs__separator\" aria-hidden=\"true\"></span><${scopeTag(\"udex-link\", tags, suffix)} @ui5-click=\"${ifDefined(this._onLinkPress)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--visible\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" id=\"${ifDefined(item._id)}-link\" accessible-name=\"${ifDefined(item._accessibleNameText)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.innerText)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<span class=\"udex-breadcrumbs__separator\" aria-hidden=\"true\"></span><udex-link @ui5-click=\"${ifDefined(this._onLinkPress)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--visible\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" id=\"${ifDefined(item._id)}-link\" accessible-name=\"${ifDefined(item._accessibleNameText)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.innerText)}</udex-link>`;}\nfunction block3 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}\nfunction block4 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" icon=\"${ifDefined(item.icon)}\" accessible-name=\"${ifDefined(item.textContent)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" icon=\"${ifDefined(item.icon)}\" accessible-name=\"${ifDefined(item.textContent)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</udex-link>`;}\nfunction block5 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index) }`;}\nfunction block6 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id=\"${ifDefined(item._id)}-li\" class=\"udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</span>`;}\nfunction block7 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</udex-link>`;}\n\nfunction template(this: Breadcrumbs) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type Footer from "../../Footer.js";
2
- declare function template(this: Footer): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,39 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<footer class="udex-footer"><div class="udex-footer__content"><div class="udex-footer__contact-social">${this.hasLogo ? block1.call(this, context, tags, suffix) : undefined}${this.isContactContainerVisible ? block5.call(this, context, tags, suffix) : undefined}</div>${this.isContactContainerVisible ? block11.call(this, context, tags, suffix) : undefined}${this._shouldRenderMobileMenu ? block12.call(this, context, tags, suffix) : block21.call(this, context, tags, suffix)}<${scopeTag("udex-divider", tags, suffix)} class="udex-footer__divider"></${scopeTag("udex-divider", tags, suffix)}></div><div class="udex-footer__copyright">${this.isChineseLang ? block30.call(this, context, tags, suffix) : undefined}<span class="udex-footer__copyright-text">${ifDefined(this.copyrightText)}</span></div>${this.socialLinksArray.length ? block31.call(this, context, tags, suffix) : undefined}<${scopeTag("udex-button", tags, suffix)} class="udex-footer__back-to-top-button" icon="back-to-top" @click="${this.onBackToTopClick}" design="Tertiary" size="Large" accessible-name="back to top"></${scopeTag("udex-button", tags, suffix)}></footer> ` : html `<footer class="udex-footer"><div class="udex-footer__content"><div class="udex-footer__contact-social">${this.hasLogo ? block1.call(this, context, tags, suffix) : undefined}${this.isContactContainerVisible ? block5.call(this, context, tags, suffix) : undefined}</div>${this.isContactContainerVisible ? block11.call(this, context, tags, suffix) : undefined}${this._shouldRenderMobileMenu ? block12.call(this, context, tags, suffix) : block21.call(this, context, tags, suffix)}<udex-divider class="udex-footer__divider"></udex-divider></div><div class="udex-footer__copyright">${this.isChineseLang ? block30.call(this, context, tags, suffix) : undefined}<span class="udex-footer__copyright-text">${ifDefined(this.copyrightText)}</span></div>${this.socialLinksArray.length ? block31.call(this, context, tags, suffix) : undefined}<udex-button class="udex-footer__back-to-top-button" icon="back-to-top" @click="${this.onBackToTopClick}" design="Tertiary" size="Large" accessible-name="back to top"></udex-button></footer> `; }
5
- function block1(context, tags, suffix) { return html `<div class="udex-footer__logo">${this.hasLogoLink ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}${this.hasTagline ? block4.call(this, context, tags, suffix) : undefined}</div>`; }
6
- function block2(context, tags, suffix) { return html `<a href="${ifDefined(this.logoHref)}" @click="${this._onLogoClick}" title="${ifDefined(this.logoTitle)}" aria-label="${ifDefined(this.logoAriaLabel)}"><img id="udex-footer__logo-image" src="${ifDefined(this.currentLogoUrl)}" class="${ifDefined(this.logoClass)}" alt="${ifDefined(this.logoAlt)}"/></a>`; }
7
- function block3(context, tags, suffix) { return html `<img id="udex-footer__logo-image" src="${ifDefined(this.currentLogoUrl)}" class="${ifDefined(this.logoClass)}" alt="${ifDefined(this.logoAlt)}"/>`; }
8
- function block4(context, tags, suffix) { return html `<img id="udex-footer__tagline-image" src="${ifDefined(this.currentTaglineUrl)}" class="${ifDefined(this.taglineClass)}" alt="${ifDefined(this.taglineAlt)}"/>`; }
9
- function block5(context, tags, suffix) { return html `<div class="udex-footer__contact">${this.contactNumbersArray.length ? block6.call(this, context, tags, suffix) : undefined}${this.contactUsLink ? block9.call(this, context, tags, suffix) : undefined}${this.chatWithUsLink ? block10.call(this, context, tags, suffix) : undefined}</div>`; }
10
- function block6(context, tags, suffix) { return suffix ? html `<div class="udex-footer__numbers"><div class="udex-footer__icon-container"><${scopeTag("ui5-icon", tags, suffix)} class="udex-footer__icon" name="headset" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></div><div><div class="udex-footer__numbers-wrapper">${repeat(this.contactNumbersArray, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</div>${this.localCountryNumbersLink ? block8.call(this, context, tags, suffix) : undefined}</div></div>` : html `<div class="udex-footer__numbers"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="headset" mode="Decorative"></ui5-icon></div><div><div class="udex-footer__numbers-wrapper">${repeat(this.contactNumbersArray, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</div>${this.localCountryNumbersLink ? block8.call(this, context, tags, suffix) : undefined}</div></div>`; }
11
- function block7(context, tags, suffix, item, index) { return html `<div><span class="hidden" aria-hidden id="udex-footer__${index}_phone-label">${ifDefined(this.phoneNumberAccessibleName)}${ifDefined(item.country)} : ${ifDefined(item.number)}</span><p class="udex-footer__country">${ifDefined(item.country)}</p><a href="tel:${ifDefined(item.number)}" class="udex-footer__number" @click="${this._onContactPhoneClick}" aria-labelledby="udex-footer__${index}_phone-label">${ifDefined(item.number)}</a></div>`; }
12
- function block8(context, tags, suffix) { return suffix ? html `<p class="udex-footer__remark">${ifDefined(this.completeListTitle)}<${scopeTag("udex-link", tags, suffix)} class="udex-footer__remark-link" @click="${this._onContactPhoneLocalNumbersClick}" href="${ifDefined(this.localCountryNumbersLink)}" design="Subtle">${ifDefined(this.localCountryTitle)}.</${scopeTag("udex-link", tags, suffix)}></p>` : html `<p class="udex-footer__remark">${ifDefined(this.completeListTitle)}<udex-link class="udex-footer__remark-link" @click="${this._onContactPhoneLocalNumbersClick}" href="${ifDefined(this.localCountryNumbersLink)}" design="Subtle">${ifDefined(this.localCountryTitle)}.</udex-link></p>`; }
13
- function block9(context, tags, suffix) { return suffix ? html `<div class="udex-footer__contact-us"><div class="udex-footer__icon-container"><${scopeTag("ui5-icon", tags, suffix)} class="udex-footer__icon" name="email" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></div><span class="hidden" aria-hidden id="udex-footer__contact-us-label">${ifDefined(this.contactUsAccessibleLabel)}</span><a href="${ifDefined(this.contactUsLink)}" class="udex-footer__contact-us-link" aria-labelledby="udex-footer__contact-us-label" @click="${this._onContactEmailClick}">${ifDefined(this.contactUsAccessibleName)}</a></div>` : html `<div class="udex-footer__contact-us"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="email" mode="Decorative"></ui5-icon></div><span class="hidden" aria-hidden id="udex-footer__contact-us-label">${ifDefined(this.contactUsAccessibleLabel)}</span><a href="${ifDefined(this.contactUsLink)}" class="udex-footer__contact-us-link" aria-labelledby="udex-footer__contact-us-label" @click="${this._onContactEmailClick}">${ifDefined(this.contactUsAccessibleName)}</a></div>`; }
14
- function block10(context, tags, suffix) { return suffix ? html `<div class="udex-footer__chat-with-us"><div class="udex-footer__icon-container"><${scopeTag("ui5-icon", tags, suffix)} class="udex-footer__icon" name="discussion-2" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></div><a href="${ifDefined(this.chatWithUsLink)}" class="udex-footer__chat-with-us-link" @click="${this._onContactChatClick}">${ifDefined(this.chatWithUsAccessibleName)}</a></div>` : html `<div class="udex-footer__chat-with-us"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="discussion-2" mode="Decorative"></ui5-icon></div><a href="${ifDefined(this.chatWithUsLink)}" class="udex-footer__chat-with-us-link" @click="${this._onContactChatClick}">${ifDefined(this.chatWithUsAccessibleName)}</a></div>`; }
15
- function block11(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-divider", tags, suffix)} class="udex-footer__divider"></${scopeTag("udex-divider", tags, suffix)}>` : html `<udex-divider class="udex-footer__divider"></udex-divider>`; }
16
- function block12(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-accordion", tags, suffix)} class="udex-footer__accordion">${this.quickLinksArray.length ? block13.call(this, context, tags, suffix) : undefined}${this.trendingLinksArray.length ? block15.call(this, context, tags, suffix) : undefined}${this.aboutLinksArray.length ? block17.call(this, context, tags, suffix) : undefined}${this.siteInformationLinksArray.length ? block19.call(this, context, tags, suffix) : undefined}</${scopeTag("udex-accordion", tags, suffix)}>` : html `<udex-accordion class="udex-footer__accordion">${this.quickLinksArray.length ? block13.call(this, context, tags, suffix) : undefined}${this.trendingLinksArray.length ? block15.call(this, context, tags, suffix) : undefined}${this.aboutLinksArray.length ? block17.call(this, context, tags, suffix) : undefined}${this.siteInformationLinksArray.length ? block19.call(this, context, tags, suffix) : undefined}</udex-accordion>`; }
17
- function block13(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-accordion-item", tags, suffix)} label="${ifDefined(this._quickLinksTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${repeat(this.quickLinksArray, (item, index) => item._id || index, (item, index) => block14.call(this, context, tags, suffix, item, index))}</ul></${scopeTag("udex-accordion-item", tags, suffix)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">${ifDefined(this._quickLinksTitle)}</h3>` : html `<udex-accordion-item label="${ifDefined(this._quickLinksTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${repeat(this.quickLinksArray, (item, index) => item._id || index, (item, index) => block14.call(this, context, tags, suffix, item, index))}</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">${ifDefined(this._quickLinksTitle)}</h3>`; }
18
- function block14(context, tags, suffix, item, index) { return html `<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__quick-links" href="${ifDefined(item.url)}" data-id="${ifDefined(item.id)}" @click="${this._onQuickLinksClick}">${ifDefined(item.title)}</a></li>`; }
19
- function block15(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-accordion-item", tags, suffix)} label="${ifDefined(this._trendingTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${repeat(this.trendingLinksArray, (item, index) => item._id || index, (item, index) => block16.call(this, context, tags, suffix, item, index))}</ul></${scopeTag("udex-accordion-item", tags, suffix)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">${ifDefined(this._trendingTitle)}</h3>` : html `<udex-accordion-item label="${ifDefined(this._trendingTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${repeat(this.trendingLinksArray, (item, index) => item._id || index, (item, index) => block16.call(this, context, tags, suffix, item, index))}</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">${ifDefined(this._trendingTitle)}</h3>`; }
20
- function block16(context, tags, suffix, item, index) { return html `<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__footer__trending" href="${ifDefined(item.url)}" @click="${this._onTrendingClick}" data-id="${ifDefined(item.id)}">${ifDefined(item.title)}</a></li>`; }
21
- function block17(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-accordion-item", tags, suffix)} label="${ifDefined(this._aboutSapTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${repeat(this.aboutLinksArray, (item, index) => item._id || index, (item, index) => block18.call(this, context, tags, suffix, item, index))}</ul></${scopeTag("udex-accordion-item", tags, suffix)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">${ifDefined(this._aboutSapTitle)}</h3>` : html `<udex-accordion-item label="${ifDefined(this._aboutSapTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${repeat(this.aboutLinksArray, (item, index) => item._id || index, (item, index) => block18.call(this, context, tags, suffix, item, index))}</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">${ifDefined(this._aboutSapTitle)}</h3>`; }
22
- function block18(context, tags, suffix, item, index) { return html `<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__about" href="${ifDefined(item.url)}" data-id="${ifDefined(item.id)}" @click="${this._onAboutSapClick}">${ifDefined(item.title)}</a></li>`; }
23
- function block19(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-accordion-item", tags, suffix)} label="${ifDefined(this._siteInformationTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${repeat(this.siteInformationLinksArray, (item, index) => item._id || index, (item, index) => block20.call(this, context, tags, suffix, item, index))}</ul></${scopeTag("udex-accordion-item", tags, suffix)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">${ifDefined(this._siteInformationTitle)}</h3>` : html `<udex-accordion-item label="${ifDefined(this._siteInformationTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${repeat(this.siteInformationLinksArray, (item, index) => item._id || index, (item, index) => block20.call(this, context, tags, suffix, item, index))}</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">${ifDefined(this._siteInformationTitle)}</h3>`; }
24
- function block20(context, tags, suffix, item, index) { return html `<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__site-information" href="${ifDefined(item.url)}" data-id="${ifDefined(item.id)}" @click="${this._onSiteInformationClick}">${ifDefined(item.title)}</a></li>`; }
25
- function block21(context, tags, suffix) { return html `<div class="udex-footer__links">${this.quickLinksArray.length ? block22.call(this, context, tags, suffix) : undefined}${this.trendingLinksArray.length ? block24.call(this, context, tags, suffix) : undefined}${this.aboutLinksArray.length ? block26.call(this, context, tags, suffix) : undefined}${this.siteInformationLinksArray.length ? block28.call(this, context, tags, suffix) : undefined}</div>`; }
26
- function block22(context, tags, suffix) { return html `<div class="udex-footer__links-group udex-footer__quick-links"><h3 class="udex-footer__links-item" id="udex-footer__quick-links">${ifDefined(this._quickLinksTitle)}</h3><nav aria-labelledby="udex-footer__quick-links"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${repeat(this.quickLinksArray, (item, index) => item._id || index, (item, index) => block23.call(this, context, tags, suffix, item, index))}</ul></nav></div>`; }
27
- function block23(context, tags, suffix, item, index) { return html `<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__quick-links" data-id="${ifDefined(item.id)}" href="${ifDefined(item.url)}" @click="${this._onQuickLinksClick}">${ifDefined(item.title)}</a></li>`; }
28
- function block24(context, tags, suffix) { return html `<div class="udex-footer__links-group udex-footer__trending-links"><h3 class="udex-footer__links-item" id="udex-footer__trending">${ifDefined(this._trendingTitle)}</h3><nav aria-labelledby="udex-footer__trending"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${repeat(this.trendingLinksArray, (item, index) => item._id || index, (item, index) => block25.call(this, context, tags, suffix, item, index))}</ul></nav></div>`; }
29
- function block25(context, tags, suffix, item, index) { return html `<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__footer__trending" data-id="${ifDefined(item.id)}" href="${ifDefined(item.url)}" @click="${this._onTrendingClick}">${ifDefined(item.title)}</a></li>`; }
30
- function block26(context, tags, suffix) { return html `<div class="udex-footer__links-group udex-footer__about-links"><h3 class="udex-footer__links-item" id="udex-footer__about">${ifDefined(this._aboutSapTitle)}</h3><nav aria-labelledby="udex-footer__about"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${repeat(this.aboutLinksArray, (item, index) => item._id || index, (item, index) => block27.call(this, context, tags, suffix, item, index))}</ul></nav></div>`; }
31
- function block27(context, tags, suffix, item, index) { return html `<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__about" data-id="${ifDefined(item.id)}" href="${ifDefined(item.url)}" @click="${this._onAboutSapClick}">${ifDefined(item.title)}</a></li>`; }
32
- function block28(context, tags, suffix) { return html `<div class="udex-footer__links-group udex-footer__site-information-links"><h3 class="udex-footer__links-item" id="udex-footer__site-information">${ifDefined(this._siteInformationTitle)}</h3><nav aria-labelledby="udex-footer__site-information"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${repeat(this.siteInformationLinksArray, (item, index) => item._id || index, (item, index) => block29.call(this, context, tags, suffix, item, index))}</ul></nav></div>`; }
33
- function block29(context, tags, suffix, item, index) { return html `<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__site-information" data-id="${ifDefined(item.id)}" href="${ifDefined(item.url)}" @click="${this._onSiteInformationClick}">${ifDefined(item.title)}</a></li>`; }
34
- function block30(context, tags, suffix) { return html `<span class="udex-footer__copyright-chinese-text"><a href="${ifDefined(this.chineseIcpNumberLink)}" title="${ifDefined(this.chineseICPNumber)}" class="udex-footer__copyright-chinese-link" target="_blank">${ifDefined(this.chineseICPNumber)}</a>${ifDefined(this.chineseSecurityNetworkNumber)}</span>`; }
35
- function block31(context, tags, suffix) { return html `<div class="udex-footer__social-container">${repeat(this.socialLinksArray, (item, index) => item._id || index, (item, index) => block32.call(this, context, tags, suffix, item, index))}</div>`; }
36
- function block32(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-social-media-button", tags, suffix)} type="${ifDefined(item.name)}" url="${ifDefined(item.url)}" target="${ifDefined(item.target)}" accessible-name="${ifDefined(item.accessibleName)}" data-name="${ifDefined(item.name)}" data-id="${ifDefined(item.id)}" @ui5-click="${ifDefined(this._onSocialMediaLinkClick)}"></${scopeTag("udex-social-media-button", tags, suffix)}>` : html `<udex-social-media-button type="${ifDefined(item.name)}" url="${ifDefined(item.url)}" target="${ifDefined(item.target)}" accessible-name="${ifDefined(item.accessibleName)}" data-name="${ifDefined(item.name)}" data-id="${ifDefined(item.id)}" @ui5-click="${ifDefined(this._onSocialMediaLinkClick)}"></udex-social-media-button>`; }
37
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
38
- export default template;
39
- //# sourceMappingURL=FooterTemplate.lit.js.map