@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.
- package/cypress/specs/Breadcrumbs.cy.tsx +77 -0
- package/cypress/specs/FilterMenu.cy.tsx +19 -43
- package/cypress/specs/HeroBanner.cy.tsx +6 -6
- package/cypress/specs/InputGroup.cy.tsx +47 -0
- package/cypress/specs/RatingBar.cy.tsx +41 -0
- package/cypress/specs/Tooltip.cy.tsx +6 -11
- package/cypress/support/component-imports.instrumented.ts +4 -0
- package/cypress/support/component-imports.src.ts +4 -0
- package/dist/Accordion.js +44 -30
- package/dist/Accordion.js.map +1 -1
- package/dist/Breadcrumbs.d.ts +2 -0
- package/dist/Breadcrumbs.js +8 -7
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/BreadcrumbsItem.d.ts +1 -2
- package/dist/BreadcrumbsItem.js.map +1 -1
- package/dist/BreadcrumbsPopoverTemplate.d.ts +2 -0
- package/dist/BreadcrumbsPopoverTemplate.js +8 -0
- package/dist/BreadcrumbsPopoverTemplate.js.map +1 -0
- package/dist/BreadcrumbsTemplate.d.ts +2 -0
- package/dist/BreadcrumbsTemplate.js +10 -0
- package/dist/BreadcrumbsTemplate.js.map +1 -0
- package/dist/FilterMenu.js +1 -2
- package/dist/FilterMenu.js.map +1 -1
- package/dist/FilterMenuSelectAll.d.ts +0 -1
- package/dist/FilterMenuSelectAll.js +0 -3
- package/dist/FilterMenuSelectAll.js.map +1 -1
- package/dist/Footer.d.ts +17 -21
- package/dist/Footer.js +5 -11
- package/dist/Footer.js.map +1 -1
- package/dist/FooterTemplate.d.ts +2 -0
- package/dist/FooterTemplate.js +27 -0
- package/dist/FooterTemplate.js.map +1 -0
- package/dist/HeroBanner.js +4 -4
- package/dist/HeroBanner.js.map +1 -1
- package/dist/HeroBannerTemplate.d.ts +2 -0
- package/dist/HeroBannerTemplate.js +10 -0
- package/dist/HeroBannerTemplate.js.map +1 -0
- package/dist/InputGroup.d.ts +0 -1
- package/dist/InputGroup.js +3 -6
- package/dist/InputGroup.js.map +1 -1
- package/dist/InputGroupTemplate.d.ts +2 -0
- package/dist/InputGroupTemplate.js +7 -0
- package/dist/InputGroupTemplate.js.map +1 -0
- package/dist/MastheadMobileMenu.js +1 -1
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/RatingBar.js +3 -3
- package/dist/RatingBar.js.map +1 -1
- package/dist/RatingBarTemplate.d.ts +2 -0
- package/dist/RatingBarTemplate.js +8 -0
- package/dist/RatingBarTemplate.js.map +1 -0
- package/dist/Search.js +5 -4
- package/dist/Search.js.map +1 -1
- package/dist/SearchableListBase.d.ts +2 -1
- package/dist/SearchableListBase.js +13 -23
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SelectBox.js +1 -2
- package/dist/SelectBox.js.map +1 -1
- package/dist/StatusBadge.js +3 -3
- package/dist/StatusBadge.js.map +1 -1
- package/dist/StatusBadgeTemplate.d.ts +2 -0
- package/dist/StatusBadgeTemplate.js +7 -0
- package/dist/StatusBadgeTemplate.js.map +1 -0
- package/dist/StatusMessage.js +3 -3
- package/dist/StatusMessage.js.map +1 -1
- package/dist/StatusMessageTemplate.d.ts +2 -0
- package/dist/StatusMessageTemplate.js +8 -0
- package/dist/StatusMessageTemplate.js.map +1 -0
- package/dist/Switch.d.ts +1 -4
- package/dist/Switch.js +4 -8
- package/dist/Switch.js.map +1 -1
- package/dist/SwitchTemplate.d.ts +2 -0
- package/dist/SwitchTemplate.js +12 -0
- package/dist/SwitchTemplate.js.map +1 -0
- package/dist/TagGroup.d.ts +2 -0
- package/dist/TagGroup.js +10 -3
- package/dist/TagGroup.js.map +1 -1
- package/dist/TruncatedText.d.ts +0 -1
- package/dist/TruncatedText.js +5 -6
- package/dist/TruncatedText.js.map +1 -1
- package/dist/TruncatedTextTemplate.d.ts +2 -0
- package/dist/TruncatedTextTemplate.js +9 -0
- package/dist/TruncatedTextTemplate.js.map +1 -0
- package/dist/assets/{InputSuggestions-AxcsfuTc.js → InputSuggestions-lpqKgn1j.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-CaS49yZt.js → ListItemStandardExpandableTextTemplate-BPs3CyVq.js} +1 -1
- package/dist/assets/{bundle.esm-DzkSPQ0p.js → bundle.esm-C3RAGF4b.js} +211 -211
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/MediaPlayer.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/RatingBar.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SelectBox.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/custom-elements-internal.json +148 -133
- package/dist/custom-elements.json +133 -118
- package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
- package/dist/generated/themes/AccordionItem.css.js +1 -1
- package/dist/generated/themes/AccordionItem.css.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/Link.css.d.ts +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
- package/dist/generated/themes/MediaPlayer.css.js +1 -1
- package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
- package/dist/generated/themes/RatingBar.css.d.ts +1 -1
- package/dist/generated/themes/RatingBar.css.js +1 -1
- package/dist/generated/themes/RatingBar.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/SelectBox.css.d.ts +1 -1
- package/dist/generated/themes/SelectBox.css.js +1 -1
- package/dist/generated/themes/SelectBox.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.d.ts +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.d.ts +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/utils/sanitizeString.d.ts +2 -0
- package/dist/utils/sanitizeString.js +12 -0
- package/dist/utils/sanitizeString.js.map +1 -0
- package/dist/web-types.json +2 -2
- package/package.json +2 -2
- package/src/Accordion.ts +56 -26
- package/src/Breadcrumbs.ts +12 -7
- package/src/BreadcrumbsItem.ts +2 -2
- package/src/BreadcrumbsPopoverTemplate.tsx +60 -0
- package/src/BreadcrumbsTemplate.tsx +53 -0
- package/src/FilterMenu.ts +1 -2
- package/src/FilterMenuSelectAll.ts +0 -4
- package/src/Footer.ts +28 -35
- package/src/FooterTemplate.tsx +410 -0
- package/src/HeroBanner.ts +4 -4
- package/src/HeroBannerTemplate.tsx +101 -0
- package/src/InputGroup.ts +3 -7
- package/src/InputGroupTemplate.tsx +31 -0
- package/src/MastheadMobileMenu.ts +1 -1
- package/src/RatingBar.ts +3 -3
- package/src/RatingBarTemplate.tsx +38 -0
- package/src/Search.ts +5 -4
- package/src/SearchableListBase.ts +15 -26
- package/src/SelectBox.ts +1 -2
- package/src/StatusBadge.ts +5 -4
- package/src/StatusBadgeTemplate.tsx +18 -0
- package/src/StatusMessage.ts +3 -3
- package/src/StatusMessageTemplate.tsx +20 -0
- package/src/Switch.ts +5 -11
- package/src/SwitchTemplate.tsx +50 -0
- package/src/TagGroup.ts +13 -3
- package/src/TruncatedText.ts +8 -14
- package/src/TruncatedTextTemplate.tsx +21 -0
- package/src/generated/themes/AccordionItem.css.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/Link.css.ts +1 -1
- package/src/generated/themes/MediaPlayer.css.ts +1 -1
- package/src/generated/themes/PhoneNumberField.css.ts +1 -1
- package/src/generated/themes/RatingBar.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/SelectBox.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/TextArea.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/themes/AccordionItem.css +0 -1
- package/src/themes/CountrySelector.css +1 -7
- package/src/themes/Link.css +11 -4
- package/src/themes/MediaPlayer.css +133 -186
- package/src/themes/PhoneNumberField.css +25 -7
- package/src/themes/RatingBar.css +2 -2
- package/src/themes/Search.css +7 -3
- package/src/themes/SelectBox.css +4 -0
- package/src/themes/TextArea.css +31 -7
- package/src/themes/TextField.css +15 -5
- package/src/utils/sanitizeString.ts +13 -0
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +0 -12
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +0 -1
- package/dist/generated/templates/BreadcrumbsTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/BreadcrumbsTemplate.lit.js +0 -14
- package/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +0 -1
- package/dist/generated/templates/FooterTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/FooterTemplate.lit.js +0 -39
- package/dist/generated/templates/FooterTemplate.lit.js.map +0 -1
- package/dist/generated/templates/InputGroupTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/InputGroupTemplate.lit.js +0 -9
- package/dist/generated/templates/InputGroupTemplate.lit.js.map +0 -1
- package/dist/generated/templates/RatingBarTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/RatingBarTemplate.lit.js +0 -8
- package/dist/generated/templates/RatingBarTemplate.lit.js.map +0 -1
- package/dist/generated/templates/StatusBadgeTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/StatusBadgeTemplate.lit.js +0 -7
- package/dist/generated/templates/StatusBadgeTemplate.lit.js.map +0 -1
- package/dist/generated/templates/StatusMessageTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/StatusMessageTemplate.lit.js +0 -8
- package/dist/generated/templates/StatusMessageTemplate.lit.js.map +0 -1
- package/dist/generated/templates/SwitchTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/SwitchTemplate.lit.js +0 -14
- package/dist/generated/templates/SwitchTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TruncatedTextTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TruncatedTextTemplate.lit.js +0 -7
- package/dist/generated/templates/TruncatedTextTemplate.lit.js.map +0 -1
- package/src/Breadcrumbs.hbs +0 -38
- package/src/BreadcrumbsPopover.hbs +0 -48
- package/src/Footer.hbs +0 -296
- package/src/InputGroup.hbs +0 -20
- package/src/RatingBar.hbs +0 -11
- package/src/StatusBadge.hbs +0 -9
- package/src/StatusMessage.hbs +0 -6
- package/src/Switch.hbs +0 -35
- package/src/TruncatedText.hbs +0 -11
- package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +0 -16
- package/src/generated/templates/BreadcrumbsTemplate.lit.ts +0 -18
- package/src/generated/templates/FooterTemplate.lit.ts +0 -43
- package/src/generated/templates/InputGroupTemplate.lit.ts +0 -13
- package/src/generated/templates/RatingBarTemplate.lit.ts +0 -12
- package/src/generated/templates/StatusBadgeTemplate.lit.ts +0 -11
- package/src/generated/templates/StatusMessageTemplate.lit.ts +0 -12
- package/src/generated/templates/SwitchTemplate.lit.ts +0 -18
- 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:
|
|
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: -
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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,
|
package/src/themes/RatingBar.css
CHANGED
|
@@ -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(
|
|
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-
|
|
44
|
+
.udex-rating-bar__icon {
|
|
45
45
|
height: 0.875rem;
|
|
46
46
|
width: 0.875rem;
|
|
47
47
|
color: var(--udexColorMango6);
|
package/src/themes/Search.css
CHANGED
|
@@ -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
|
-
|
|
61
|
+
top: var(--udexSpacer8);
|
|
62
62
|
line-height: 18px;
|
|
63
63
|
transform: translateY(-110%);
|
|
64
|
-
padding: 0
|
|
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
|
|
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,
|
package/src/themes/SelectBox.css
CHANGED
package/src/themes/TextArea.css
CHANGED
|
@@ -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:
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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,
|
package/src/themes/TextField.css
CHANGED
|
@@ -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:
|
|
209
|
+
left: var(--udexSpacer8);
|
|
208
210
|
}
|
|
209
211
|
|
|
210
212
|
.udex-text-field__container:dir(rtl) .udex-text-field__label {
|
|
211
|
-
right:
|
|
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:
|
|
225
|
+
padding: 0 var(--udexSpacer4);
|
|
224
226
|
font-size: 12px;
|
|
225
|
-
background: linear-gradient(transparent
|
|
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
|
|
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, "<")
|
|
5
|
+
.replace(/>/g, ">")
|
|
6
|
+
.replace(/"/g, """)
|
|
7
|
+
.replace(/'/g, "'");
|
|
8
|
+
|
|
9
|
+
return sanitized.replace(/<b>/g, "<b>")
|
|
10
|
+
.replace(/<\/b>/g, "</b>");
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export default sanitizeString;
|
|
@@ -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,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,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
|