@sapudex/web-components 2.15.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/HeroBanner.cy.tsx +6 -6
- package/cypress/specs/RatingBar.cy.tsx +41 -0
- package/cypress/specs/Tooltip.cy.tsx +6 -11
- package/dist/Accordion.js +44 -30
- package/dist/Accordion.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/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/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/assets/{InputSuggestions-D5z6eIC2.js → InputSuggestions-lpqKgn1j.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-BKeYxhnX.js → ListItemStandardExpandableTextTemplate-BPs3CyVq.js} +1 -1
- package/dist/assets/{bundle.esm-DXwtYGLH.js → bundle.esm-C3RAGF4b.js} +208 -208
- 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/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 +141 -141
- package/dist/custom-elements.json +126 -126
- 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/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/web-types.json +1 -1
- package/package.json +1 -1
- package/src/Accordion.ts +56 -26
- 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/RatingBar.ts +3 -3
- package/src/RatingBarTemplate.tsx +38 -0
- 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/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/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/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/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/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/src/Footer.hbs +0 -296
- 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/generated/templates/FooterTemplate.lit.ts +0 -43
- 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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RatingBarTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/RatingBarTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,mGAAmG,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,+FAA+F,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,2FAA4F,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,oDAAoD,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA,mGAAmG,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,8MAA+M,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,oDAAoD,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAA,CAAC;AAC9rC,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,oEAAoE,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAA,CAAC;AAEzQ,SAAS,QAAQ,KAAoB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7J,eAAe,QAAQ,CAAC","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 RatingBar from \"../../RatingBar.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-rating-bar__container\"><div aria-hidden=\"true\" class=\"udex-rating-bar__rating\">${ifDefined(this.validatedRating)}</div><${scopeTag(\"ui5-icon\", tags, suffix)} role=\"img\" aria-labelledby=\"ratingDescription\" name=\"favorite\" class=\"udex-rating__icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}><div class=\"udex-rating-bar__track\"><div class=\"udex-rating-bar__progress\"></div></div>${ this.showPercentage ? block1.call(this, context, tags, suffix) : undefined }<span id=\"ratingDescription\" class=\"hidden-text\">${ifDefined(this._ratingDescription)}</span></div>` : html`<div class=\"udex-rating-bar__container\"><div aria-hidden=\"true\" class=\"udex-rating-bar__rating\">${ifDefined(this.validatedRating)}</div><ui5-icon role=\"img\" aria-labelledby=\"ratingDescription\" name=\"favorite\" class=\"udex-rating__icon\"></ui5-icon><div class=\"udex-rating-bar__track\"><div class=\"udex-rating-bar__progress\"></div></div>${ this.showPercentage ? block1.call(this, context, tags, suffix) : undefined }<span id=\"ratingDescription\" class=\"hidden-text\">${ifDefined(this._ratingDescription)}</span></div>`;}\nfunction block1 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role=\"note\" class=\"udex-rating-bar__percentage\" aria-label=\"${ifDefined(this.validatedPercentage)}\">${ifDefined(this.validatedPercentage)}</div>`;}\n\nfunction template(this: RatingBar) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, 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 `<div class="udex-status-badge" title="${ifDefined(this.ariaTitle)}"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${ifDefined(this.badgeAccessibleName)}"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html `<div class="udex-status-badge" title="${ifDefined(this.ariaTitle)}"><ui5-icon name="${ifDefined(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${ifDefined(this.badgeAccessibleName)}"></ui5-icon></div>`; }
|
|
5
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
6
|
-
export default template;
|
|
7
|
-
//# sourceMappingURL=StatusBadgeTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StatusBadgeTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/StatusBadgeTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAqB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,sDAAsD,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,sDAAsD,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,CAAC;AAEloB,SAAS,QAAQ,KAAsB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC/J,eAAe,QAAQ,CAAC","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 StatusBadge from \"../../StatusBadge.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: StatusBadge, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-status-badge\" title=\"${ifDefined(this.ariaTitle)}\"><${scopeTag(\"ui5-icon\", tags, suffix)} name=\"${ifDefined(this.iconFieldName)}\" class=\"udex-status-badge__icon\" accessible-name=\"${ifDefined(this.badgeAccessibleName)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}></div>` : html`<div class=\"udex-status-badge\" title=\"${ifDefined(this.ariaTitle)}\"><ui5-icon name=\"${ifDefined(this.iconFieldName)}\" class=\"udex-status-badge__icon\" accessible-name=\"${ifDefined(this.badgeAccessibleName)}\"></ui5-icon></div>`;}\n\nfunction template(this: StatusBadge) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, 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 html `<div class="udex-status-message udex-status-message__supporting-text">${this.iconFieldName ? block1.call(this, context, tags, suffix) : undefined}${ifDefined(this.supportingText)}</div>`; }
|
|
5
|
-
function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.iconFieldName)}" class="udex-status-message__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon name="${ifDefined(this.iconFieldName)}" class="udex-status-message__icon" mode="Decorative"></ui5-icon>`; }
|
|
6
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
7
|
-
export default template;
|
|
8
|
-
//# sourceMappingURL=StatusMessageTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StatusMessageTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/StatusMessageTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAuB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,yEAA0E,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA,CAAC;AACnT,SAAS,MAAM,CAAuB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,2DAA2D,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,mEAAmE,CAAC,CAAA,CAAC;AAEta,SAAS,QAAQ,KAAwB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AACjK,eAAe,QAAQ,CAAC","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 StatusMessage from \"../../StatusMessage.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: StatusMessage, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-status-message udex-status-message__supporting-text\">${ this.iconFieldName ? block1.call(this, context, tags, suffix) : undefined }${ifDefined(this.supportingText)}</div>`;}\nfunction block1 (this: StatusMessage, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"${ifDefined(this.iconFieldName)}\" class=\"udex-status-message__icon\" mode=\"Decorative\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"${ifDefined(this.iconFieldName)}\" class=\"udex-status-message__icon\" mode=\"Decorative\"></ui5-icon>`;}\n\nfunction template(this: StatusMessage) { 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, 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 html `<div class="udex-switch">${this.label ? block1.call(this, context, tags, suffix) : undefined}<div class="udex-switch__container" role="switch" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.ariaLabeledBy)}" aria-checked="${ifDefined(this.checked)}" aria-disabled="${ifDefined(this.disabled)}" tabindex="${ifDefined(this.switchTabIndex)}" title="${ifDefined(this.tooltip)}" @click="${this.handleSwitchClick}"><div class="udex-switch__track ${ifDefined(this.isActiveTrackClass)}"><div class="udex-switch__handle">${this.isSemanticColor ? block2.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</div></div><input id="${ifDefined(this._id)}-switch__input" type="checkbox" ?checked="${this.checked}" class="udex-switch__input" /></div></div>`; }
|
|
5
|
-
function block1(context, tags, suffix) { return html `<label id="${ifDefined(this._id)}-switch__label" for="${ifDefined(this._id)}-switch__input" class="udex-switch__label" part="label">${ifDefined(this.label)}</label>`; }
|
|
6
|
-
function block2(context, tags, suffix) { return html `${this.checked ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}`; }
|
|
7
|
-
function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name="accept" class="udex-switch__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon name="accept" class="udex-switch__icon" mode="Decorative"></ui5-icon>`; }
|
|
8
|
-
function block4(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name="decline" class="udex-switch__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon name="decline" class="udex-switch__icon" mode="Decorative"></ui5-icon>`; }
|
|
9
|
-
function block5(context, tags, suffix) { return html `${this.checked ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}`; }
|
|
10
|
-
function block6(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name="accept" class="udex-switch__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon name="accept" class="udex-switch__icon" mode="Decorative"></ui5-icon>`; }
|
|
11
|
-
function block7(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name="less" class="udex-switch__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon name="less" class="udex-switch__icon" mode="Decorative"></ui5-icon>`; }
|
|
12
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
13
|
-
export default template;
|
|
14
|
-
//# sourceMappingURL=SwitchTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/SwitchTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,4BAA6B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,iEAAiE,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,iBAAiB,oCAAoC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,sCAAuC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,0BAA0B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,6CAA6C,IAAI,CAAC,OAAO,6CAA6C,CAAC,CAAA,CAAC;AACp5B,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,cAAc,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,wBAAwB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,2DAA2D,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA,CAAC;AACrR,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,EAAE,CAAC,CAAA,CAAC;AACxN,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,gEAAgE,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,iFAAiF,CAAC,CAAA,CAAC;AAC3V,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,iEAAiE,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,kFAAkF,CAAC,CAAA,CAAC;AAC7V,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,EAAE,CAAC,CAAA,CAAC;AACxN,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,gEAAgE,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,iFAAiF,CAAC,CAAA,CAAC;AAC3V,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,8DAA8D,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,+EAA+E,CAAC,CAAA,CAAC;AAEvV,SAAS,QAAQ,KAAiB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1J,eAAe,QAAQ,CAAC","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 Switch from \"../../Switch.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-switch\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<div class=\"udex-switch__container\" role=\"switch\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.ariaLabeledBy)}\" aria-checked=\"${ifDefined(this.checked)}\" aria-disabled=\"${ifDefined(this.disabled)}\" tabindex=\"${ifDefined(this.switchTabIndex)}\" title=\"${ifDefined(this.tooltip)}\" @click=\"${this.handleSwitchClick}\"><div class=\"udex-switch__track ${ifDefined(this.isActiveTrackClass)}\"><div class=\"udex-switch__handle\">${ this.isSemanticColor ? block2.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }</div></div><input id=\"${ifDefined(this._id)}-switch__input\" type=\"checkbox\" ?checked=\"${this.checked}\" class=\"udex-switch__input\" /></div></div>`;}\nfunction block1 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label id=\"${ifDefined(this._id)}-switch__label\" for=\"${ifDefined(this._id)}-switch__input\" class=\"udex-switch__label\" part=\"label\">${ifDefined(this.label)}</label>`;}\nfunction block2 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.checked ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }`;}\nfunction block3 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"accept\" class=\"udex-switch__icon\" mode=\"Decorative\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"accept\" class=\"udex-switch__icon\" mode=\"Decorative\"></ui5-icon>`;}\nfunction block4 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"decline\" class=\"udex-switch__icon\" mode=\"Decorative\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"decline\" class=\"udex-switch__icon\" mode=\"Decorative\"></ui5-icon>`;}\nfunction block5 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.checked ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix) }`;}\nfunction block6 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"accept\" class=\"udex-switch__icon\" mode=\"Decorative\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"accept\" class=\"udex-switch__icon\" mode=\"Decorative\"></ui5-icon>`;}\nfunction block7 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"less\" class=\"udex-switch__icon\" mode=\"Decorative\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"less\" class=\"udex-switch__icon\" mode=\"Decorative\"></ui5-icon>`;}\n\nfunction template(this: Switch) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
package/src/Footer.hbs
DELETED
|
@@ -1,296 +0,0 @@
|
|
|
1
|
-
<footer class="udex-footer">
|
|
2
|
-
<div class="udex-footer__content">
|
|
3
|
-
<div class="udex-footer__contact-social">
|
|
4
|
-
{{#if hasLogo}}
|
|
5
|
-
<div class="udex-footer__logo">
|
|
6
|
-
{{#if hasLogoLink}}
|
|
7
|
-
<a href="{{logoHref}}" @click="{{_onLogoClick}}" title="{{logoTitle}}" aria-label="{{logoAriaLabel}}">
|
|
8
|
-
<img id="udex-footer__logo-image" src="{{currentLogoUrl}}" class="{{logoClass}}" alt="{{logoAlt}}"/>
|
|
9
|
-
</a>
|
|
10
|
-
{{else}}
|
|
11
|
-
<img id="udex-footer__logo-image" src="{{currentLogoUrl}}" class="{{logoClass}}" alt="{{logoAlt}}"/>
|
|
12
|
-
{{/if}}
|
|
13
|
-
{{#if hasTagline}}
|
|
14
|
-
<img id="udex-footer__tagline-image" src="{{currentTaglineUrl}}" class="{{taglineClass}}" alt="{{taglineAlt}}"/>
|
|
15
|
-
{{/if}}
|
|
16
|
-
</div>
|
|
17
|
-
{{/if}}
|
|
18
|
-
{{#if isContactContainerVisible}}
|
|
19
|
-
<div class="udex-footer__contact">
|
|
20
|
-
{{#if contactNumbersArray.length}}
|
|
21
|
-
<div class="udex-footer__numbers">
|
|
22
|
-
<div class="udex-footer__icon-container">
|
|
23
|
-
<ui5-icon class="udex-footer__icon" name="headset" mode="Decorative"></ui5-icon>
|
|
24
|
-
</div>
|
|
25
|
-
<div>
|
|
26
|
-
<div class="udex-footer__numbers-wrapper">
|
|
27
|
-
{{#each contactNumbersArray}}
|
|
28
|
-
<div>
|
|
29
|
-
<span class="hidden" aria-hidden id="udex-footer__{{@index}}_phone-label">{{../phoneNumberAccessibleName}} {{this.country}} : {{this.number}}</span>
|
|
30
|
-
<p class="udex-footer__country">{{this.country}}</p>
|
|
31
|
-
<a href="tel:{{this.number}}" class="udex-footer__number" @click="{{../_onContactPhoneClick}}" aria-labelledby="udex-footer__{{@index}}_phone-label">
|
|
32
|
-
{{this.number}}
|
|
33
|
-
</a>
|
|
34
|
-
</div>
|
|
35
|
-
{{/each}}
|
|
36
|
-
</div>
|
|
37
|
-
{{#if localCountryNumbersLink}}
|
|
38
|
-
<p class="udex-footer__remark">
|
|
39
|
-
{{completeListTitle}}
|
|
40
|
-
<udex-link
|
|
41
|
-
class="udex-footer__remark-link"
|
|
42
|
-
@click="{{_onContactPhoneLocalNumbersClick}}"
|
|
43
|
-
href="{{this.localCountryNumbersLink}}"
|
|
44
|
-
design="Subtle">
|
|
45
|
-
{{localCountryTitle}}.
|
|
46
|
-
</udex-link>
|
|
47
|
-
</p>
|
|
48
|
-
{{/if}}
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
{{/if}}
|
|
52
|
-
{{#if contactUsLink}}
|
|
53
|
-
<div class="udex-footer__contact-us">
|
|
54
|
-
<div class="udex-footer__icon-container">
|
|
55
|
-
<ui5-icon class="udex-footer__icon" name="email" mode="Decorative"></ui5-icon>
|
|
56
|
-
</div>
|
|
57
|
-
<span class="hidden" aria-hidden id="udex-footer__contact-us-label">{{contactUsAccessibleLabel}}</span>
|
|
58
|
-
<a
|
|
59
|
-
href="{{contactUsLink}}"
|
|
60
|
-
class="udex-footer__contact-us-link"
|
|
61
|
-
aria-labelledby="udex-footer__contact-us-label"
|
|
62
|
-
@click="{{_onContactEmailClick}}"
|
|
63
|
-
>{{contactUsAccessibleName}}</a>
|
|
64
|
-
</div>
|
|
65
|
-
{{/if}}
|
|
66
|
-
{{#if chatWithUsLink}}
|
|
67
|
-
<div class="udex-footer__chat-with-us">
|
|
68
|
-
<div class="udex-footer__icon-container">
|
|
69
|
-
<ui5-icon class="udex-footer__icon" name="discussion-2" mode="Decorative"></ui5-icon>
|
|
70
|
-
</div>
|
|
71
|
-
<a href="{{chatWithUsLink}}" class="udex-footer__chat-with-us-link" @click="{{_onContactChatClick}}">{{chatWithUsAccessibleName}}</a>
|
|
72
|
-
</div>
|
|
73
|
-
{{/if}}
|
|
74
|
-
</div>
|
|
75
|
-
{{/if}}
|
|
76
|
-
</div>
|
|
77
|
-
|
|
78
|
-
{{#if isContactContainerVisible}}
|
|
79
|
-
<udex-divider class="udex-footer__divider"></udex-divider>
|
|
80
|
-
{{/if}}
|
|
81
|
-
|
|
82
|
-
{{#if _shouldRenderMobileMenu}}
|
|
83
|
-
{{>mobile-navigation}}
|
|
84
|
-
{{else}}
|
|
85
|
-
{{>desktop-navigation}}
|
|
86
|
-
{{/if}}
|
|
87
|
-
|
|
88
|
-
<udex-divider class="udex-footer__divider"></udex-divider>
|
|
89
|
-
</div>
|
|
90
|
-
|
|
91
|
-
<div class="udex-footer__copyright">
|
|
92
|
-
{{#if isChineseLang}}
|
|
93
|
-
<span class="udex-footer__copyright-chinese-text">
|
|
94
|
-
<a
|
|
95
|
-
href="{{chineseIcpNumberLink}}"
|
|
96
|
-
title="{{chineseICPNumber}}"
|
|
97
|
-
class="udex-footer__copyright-chinese-link"
|
|
98
|
-
target="_blank">
|
|
99
|
-
{{chineseICPNumber}}
|
|
100
|
-
</a>
|
|
101
|
-
{{chineseSecurityNetworkNumber}}
|
|
102
|
-
</span>
|
|
103
|
-
{{/if}}
|
|
104
|
-
<span class="udex-footer__copyright-text">{{copyrightText}}</span>
|
|
105
|
-
</div>
|
|
106
|
-
|
|
107
|
-
{{#if socialLinksArray.length}}
|
|
108
|
-
<div class="udex-footer__social-container">
|
|
109
|
-
{{#each socialLinksArray}}
|
|
110
|
-
<udex-social-media-button
|
|
111
|
-
type="{{this.name}}"
|
|
112
|
-
url="{{this.url}}"
|
|
113
|
-
target="{{this.target}}"
|
|
114
|
-
accessible-name="{{this.accessibleName}}"
|
|
115
|
-
data-name="{{this.name}}"
|
|
116
|
-
data-id="{{this.id}}"
|
|
117
|
-
@ui5-click="{{../_onSocialMediaLinkClick}}"
|
|
118
|
-
></udex-social-media-button>
|
|
119
|
-
{{/each}}
|
|
120
|
-
</div>
|
|
121
|
-
{{/if}}
|
|
122
|
-
|
|
123
|
-
<udex-button
|
|
124
|
-
class="udex-footer__back-to-top-button"
|
|
125
|
-
icon="back-to-top"
|
|
126
|
-
@click="{{onBackToTopClick}}"
|
|
127
|
-
design="Tertiary"
|
|
128
|
-
size="Large"
|
|
129
|
-
accessible-name="back to top"
|
|
130
|
-
></udex-button>
|
|
131
|
-
</footer>
|
|
132
|
-
|
|
133
|
-
{{#*inline "mobile-navigation"}}
|
|
134
|
-
<udex-accordion class="udex-footer__accordion">
|
|
135
|
-
{{#if quickLinksArray.length}}
|
|
136
|
-
<udex-accordion-item label="{{_quickLinksTitle}}" class="udex-footer__action-item">
|
|
137
|
-
<ul class="udex-footer__links-list udex-footer__links-list--mobile">
|
|
138
|
-
{{#each ../quickLinksArray}}
|
|
139
|
-
<li>
|
|
140
|
-
<a
|
|
141
|
-
target="{{target}}"
|
|
142
|
-
aria-describedby="udex-footer__quick-links"
|
|
143
|
-
href="{{this.url}}"
|
|
144
|
-
data-id="{{this.id}}"
|
|
145
|
-
@click="{{../_onQuickLinksClick}}"
|
|
146
|
-
>{{this.title}}</a>
|
|
147
|
-
</li>
|
|
148
|
-
{{/each}}
|
|
149
|
-
</ul>
|
|
150
|
-
</udex-accordion-item>
|
|
151
|
-
<h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">{{_quickLinksTitle}}</h3>
|
|
152
|
-
{{/if}}
|
|
153
|
-
|
|
154
|
-
{{#if trendingLinksArray.length}}
|
|
155
|
-
<udex-accordion-item label="{{_trendingTitle}}" class="udex-footer__action-item">
|
|
156
|
-
<ul class="udex-footer__links-list udex-footer__links-list--mobile">
|
|
157
|
-
{{#each trendingLinksArray}}
|
|
158
|
-
<li>
|
|
159
|
-
<a
|
|
160
|
-
target="{{target}}"
|
|
161
|
-
aria-describedby="udex-footer__footer__trending"
|
|
162
|
-
href="{{this.url}}"
|
|
163
|
-
@click="{{../_onTrendingClick}}"
|
|
164
|
-
data-id="{{this.id}}"
|
|
165
|
-
>{{this.title}}</a>
|
|
166
|
-
</li>
|
|
167
|
-
{{/each}}
|
|
168
|
-
</ul>
|
|
169
|
-
</udex-accordion-item>
|
|
170
|
-
<h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">{{_trendingTitle}}</h3>
|
|
171
|
-
{{/if}}
|
|
172
|
-
|
|
173
|
-
{{#if aboutLinksArray.length}}
|
|
174
|
-
<udex-accordion-item label="{{_aboutSapTitle}}" class="udex-footer__action-item">
|
|
175
|
-
<ul class="udex-footer__links-list udex-footer__links-list--mobile">
|
|
176
|
-
{{#each aboutLinksArray}}
|
|
177
|
-
<li>
|
|
178
|
-
<a
|
|
179
|
-
target="{{target}}"
|
|
180
|
-
aria-describedby="udex-footer__about"
|
|
181
|
-
href="{{this.url}}"
|
|
182
|
-
data-id="{{this.id}}"
|
|
183
|
-
@click="{{../_onAboutSapClick}}"
|
|
184
|
-
>{{this.title}}</a>
|
|
185
|
-
</li>
|
|
186
|
-
{{/each}}
|
|
187
|
-
</ul>
|
|
188
|
-
</udex-accordion-item>
|
|
189
|
-
<h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">{{_aboutSapTitle}}</h3>
|
|
190
|
-
{{/if}}
|
|
191
|
-
|
|
192
|
-
{{#if siteInformationLinksArray.length}}
|
|
193
|
-
<udex-accordion-item label="{{_siteInformationTitle}}" class="udex-footer__action-item">
|
|
194
|
-
<ul class="udex-footer__links-list udex-footer__links-list--mobile">
|
|
195
|
-
{{#each siteInformationLinksArray}}
|
|
196
|
-
<li>
|
|
197
|
-
<a
|
|
198
|
-
target="{{target}}"
|
|
199
|
-
aria-describedby="udex-footer__site-information"
|
|
200
|
-
href="{{this.url}}"
|
|
201
|
-
data-id="{{this.id}}"
|
|
202
|
-
@click="{{../_onSiteInformationClick}}"
|
|
203
|
-
>{{this.title}}</a>
|
|
204
|
-
</li>
|
|
205
|
-
{{/each}}
|
|
206
|
-
</ul>
|
|
207
|
-
</udex-accordion-item>
|
|
208
|
-
<h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">{{_siteInformationTitle}}</h3>
|
|
209
|
-
{{/if}}
|
|
210
|
-
</udex-accordion>
|
|
211
|
-
{{/inline}}
|
|
212
|
-
|
|
213
|
-
{{#*inline "desktop-navigation"}}
|
|
214
|
-
<div class="udex-footer__links">
|
|
215
|
-
{{#if quickLinksArray.length}}
|
|
216
|
-
<div class="udex-footer__links-group udex-footer__quick-links">
|
|
217
|
-
<h3 class="udex-footer__links-item" id="udex-footer__quick-links">{{_quickLinksTitle}}</h3>
|
|
218
|
-
<nav aria-labelledby="udex-footer__quick-links">
|
|
219
|
-
<ul class="udex-footer__links-list udex-footer__links-list--desktop">
|
|
220
|
-
{{#each quickLinksArray}}
|
|
221
|
-
<li>
|
|
222
|
-
<a
|
|
223
|
-
target="{{target}}"
|
|
224
|
-
aria-describedby="udex-footer__quick-links"
|
|
225
|
-
data-id="{{this.id}}"
|
|
226
|
-
href="{{this.url}}"
|
|
227
|
-
@click="{{../_onQuickLinksClick}}"
|
|
228
|
-
>{{this.title}}</a>
|
|
229
|
-
</li>
|
|
230
|
-
{{/each}}
|
|
231
|
-
</ul>
|
|
232
|
-
</nav>
|
|
233
|
-
</div>
|
|
234
|
-
{{/if}}
|
|
235
|
-
{{#if trendingLinksArray.length}}
|
|
236
|
-
<div class="udex-footer__links-group udex-footer__trending-links">
|
|
237
|
-
<h3 class="udex-footer__links-item" id="udex-footer__trending">{{_trendingTitle}}</h3>
|
|
238
|
-
<nav aria-labelledby="udex-footer__trending">
|
|
239
|
-
<ul class="udex-footer__links-list udex-footer__links-list--desktop">
|
|
240
|
-
{{#each trendingLinksArray}}
|
|
241
|
-
<li>
|
|
242
|
-
<a
|
|
243
|
-
target="{{target}}"
|
|
244
|
-
aria-describedby="udex-footer__footer__trending"
|
|
245
|
-
data-id="{{this.id}}"
|
|
246
|
-
href="{{this.url}}"
|
|
247
|
-
@click="{{../_onTrendingClick}}"
|
|
248
|
-
>{{this.title}}</a>
|
|
249
|
-
</li>
|
|
250
|
-
{{/each}}
|
|
251
|
-
</ul>
|
|
252
|
-
</nav>
|
|
253
|
-
</div>
|
|
254
|
-
{{/if}}
|
|
255
|
-
{{#if aboutLinksArray.length}}
|
|
256
|
-
<div class="udex-footer__links-group udex-footer__about-links">
|
|
257
|
-
<h3 class="udex-footer__links-item" id="udex-footer__about">{{_aboutSapTitle}}</h3>
|
|
258
|
-
<nav aria-labelledby="udex-footer__about">
|
|
259
|
-
<ul class="udex-footer__links-list udex-footer__links-list--desktop">
|
|
260
|
-
{{#each aboutLinksArray}}
|
|
261
|
-
<li>
|
|
262
|
-
<a
|
|
263
|
-
target="{{target}}"
|
|
264
|
-
aria-describedby="udex-footer__about"
|
|
265
|
-
data-id="{{this.id}}"
|
|
266
|
-
href="{{this.url}}"
|
|
267
|
-
@click="{{../_onAboutSapClick}}"
|
|
268
|
-
>{{this.title}}</a>
|
|
269
|
-
</li>
|
|
270
|
-
{{/each}}
|
|
271
|
-
</ul>
|
|
272
|
-
</nav>
|
|
273
|
-
</div>
|
|
274
|
-
{{/if}}
|
|
275
|
-
{{#if siteInformationLinksArray.length}}
|
|
276
|
-
<div class="udex-footer__links-group udex-footer__site-information-links">
|
|
277
|
-
<h3 class="udex-footer__links-item" id="udex-footer__site-information">{{_siteInformationTitle}}</h3>
|
|
278
|
-
<nav aria-labelledby="udex-footer__site-information">
|
|
279
|
-
<ul class="udex-footer__links-list udex-footer__links-list--desktop">
|
|
280
|
-
{{#each siteInformationLinksArray}}
|
|
281
|
-
<li>
|
|
282
|
-
<a
|
|
283
|
-
target="{{target}}"
|
|
284
|
-
aria-describedby="udex-footer__site-information"
|
|
285
|
-
data-id="{{this.id}}"
|
|
286
|
-
href="{{this.url}}"
|
|
287
|
-
@click="{{../_onSiteInformationClick}}"
|
|
288
|
-
>{{this.title}}</a>
|
|
289
|
-
</li>
|
|
290
|
-
{{/each}}
|
|
291
|
-
</ul>
|
|
292
|
-
</nav>
|
|
293
|
-
</div>
|
|
294
|
-
{{/if}}
|
|
295
|
-
</div>
|
|
296
|
-
{{/inline}}
|
package/src/RatingBar.hbs
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<div class="udex-rating-bar__container">
|
|
2
|
-
<div aria-hidden="true" class="udex-rating-bar__rating">{{validatedRating}}</div>
|
|
3
|
-
<ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon>
|
|
4
|
-
<div class="udex-rating-bar__track">
|
|
5
|
-
<div class="udex-rating-bar__progress"></div>
|
|
6
|
-
</div>
|
|
7
|
-
{{#if showPercentage}}
|
|
8
|
-
<div role="note" class="udex-rating-bar__percentage" aria-label="{{validatedPercentage}}">{{validatedPercentage}}</div>
|
|
9
|
-
{{/if}}
|
|
10
|
-
<span id="ratingDescription" class="hidden-text">{{_ratingDescription}}</span>
|
|
11
|
-
</div>
|
package/src/StatusBadge.hbs
DELETED
package/src/StatusMessage.hbs
DELETED
package/src/Switch.hbs
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
<div class="udex-switch">
|
|
2
|
-
{{#if label}}
|
|
3
|
-
<label id="{{this._id}}-switch__label" for="{{this._id}}-switch__input" class="udex-switch__label" part="label">{{label}}</label>
|
|
4
|
-
{{/if}}
|
|
5
|
-
<div
|
|
6
|
-
class="udex-switch__container"
|
|
7
|
-
role="switch"
|
|
8
|
-
aria-label="{{accessibleName}}"
|
|
9
|
-
aria-labelledby="{{ariaLabeledBy}}"
|
|
10
|
-
aria-checked="{{checked}}"
|
|
11
|
-
aria-disabled="{{disabled}}"
|
|
12
|
-
tabindex="{{switchTabIndex}}"
|
|
13
|
-
title="{{tooltip}}"
|
|
14
|
-
@click="{{handleSwitchClick}}">
|
|
15
|
-
<div class="udex-switch__track {{isActiveTrackClass}}">
|
|
16
|
-
<div class="udex-switch__handle">
|
|
17
|
-
{{#if isSemanticColor}}
|
|
18
|
-
{{#if checked}}
|
|
19
|
-
<ui5-icon name="accept" class="udex-switch__icon" mode="Decorative"></ui5-icon>
|
|
20
|
-
{{else}}
|
|
21
|
-
<ui5-icon name="decline" class="udex-switch__icon" mode="Decorative"></ui5-icon>
|
|
22
|
-
{{/if}}
|
|
23
|
-
{{else}}
|
|
24
|
-
{{#if checked}}
|
|
25
|
-
<ui5-icon name="accept" class="udex-switch__icon" mode="Decorative"></ui5-icon>
|
|
26
|
-
{{else}}
|
|
27
|
-
<ui5-icon name="less" class="udex-switch__icon" mode="Decorative"></ui5-icon>
|
|
28
|
-
{{/if}}
|
|
29
|
-
{{/if}}
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
|
|
33
|
-
<input id="{{this._id}}-switch__input" type="checkbox" ?checked="{{checked}}" class="udex-switch__input" />
|
|
34
|
-
</div>
|
|
35
|
-
</div>
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
5
|
-
import type Footer from "../../Footer.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
function block0 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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> `;}
|
|
9
|
-
function block1 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
10
|
-
function block2 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
11
|
-
function block3 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<img id="udex-footer__logo-image" src="${ifDefined(this.currentLogoUrl)}" class="${ifDefined(this.logoClass)}" alt="${ifDefined(this.logoAlt)}"/>`;}
|
|
12
|
-
function block4 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<img id="udex-footer__tagline-image" src="${ifDefined(this.currentTaglineUrl)}" class="${ifDefined(this.taglineClass)}" alt="${ifDefined(this.taglineAlt)}"/>`;}
|
|
13
|
-
function block5 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
14
|
-
function block6 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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 as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</div>${ this.localCountryNumbersLink ? block8.call(this, context, tags, suffix) : undefined }</div></div>`;}
|
|
15
|
-
function block7 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
16
|
-
function block8 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
17
|
-
function block9 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
18
|
-
function block10 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
19
|
-
function block11 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
20
|
-
function block12 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
21
|
-
function block13 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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>`;}
|
|
22
|
-
function block14 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
23
|
-
function block15 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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>`;}
|
|
24
|
-
function block16 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
25
|
-
function block17 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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>`;}
|
|
26
|
-
function block18 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
27
|
-
function block19 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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 as typeof item & {_id?: any})._id || index, (item, index: number) => 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>`;}
|
|
28
|
-
function block20 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
29
|
-
function block21 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
30
|
-
function block22 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => block23.call(this, context, tags, suffix, item, index)) }</ul></nav></div>`;}
|
|
31
|
-
function block23 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
32
|
-
function block24 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => block25.call(this, context, tags, suffix, item, index)) }</ul></nav></div>`;}
|
|
33
|
-
function block25 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
34
|
-
function block26 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => block27.call(this, context, tags, suffix, item, index)) }</ul></nav></div>`;}
|
|
35
|
-
function block27 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
36
|
-
function block28 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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 as typeof item & {_id?: any})._id || index, (item, index: number) => block29.call(this, context, tags, suffix, item, index)) }</ul></nav></div>`;}
|
|
37
|
-
function block29 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
38
|
-
function block30 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { 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>`;}
|
|
39
|
-
function block31 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__social-container">${ repeat(this.socialLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block32.call(this, context, tags, suffix, item, index)) }</div>`;}
|
|
40
|
-
function block32 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { 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>`;}
|
|
41
|
-
|
|
42
|
-
function template(this: Footer) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
43
|
-
export default template;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
5
|
-
import type RatingBar from "../../RatingBar.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
function block0 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${ifDefined(this.validatedRating)}</div><${scopeTag("ui5-icon", tags, suffix)} role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></${scopeTag("ui5-icon", tags, suffix)}><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${ this.showPercentage ? block1.call(this, context, tags, suffix) : undefined }<span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span></div>` : html`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${ifDefined(this.validatedRating)}</div><ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${ this.showPercentage ? block1.call(this, context, tags, suffix) : undefined }<span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span></div>`;}
|
|
9
|
-
function block1 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="note" class="udex-rating-bar__percentage" aria-label="${ifDefined(this.validatedPercentage)}">${ifDefined(this.validatedPercentage)}</div>`;}
|
|
10
|
-
|
|
11
|
-
function template(this: RatingBar) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
12
|
-
export default template;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
5
|
-
import type StatusBadge from "../../StatusBadge.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
function block0 (this: StatusBadge, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-status-badge" title="${ifDefined(this.ariaTitle)}"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${ifDefined(this.badgeAccessibleName)}"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div class="udex-status-badge" title="${ifDefined(this.ariaTitle)}"><ui5-icon name="${ifDefined(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${ifDefined(this.badgeAccessibleName)}"></ui5-icon></div>`;}
|
|
9
|
-
|
|
10
|
-
function template(this: StatusBadge) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
11
|
-
export default template;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
5
|
-
import type StatusMessage from "../../StatusMessage.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
function block0 (this: StatusMessage, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-status-message udex-status-message__supporting-text">${ this.iconFieldName ? block1.call(this, context, tags, suffix) : undefined }${ifDefined(this.supportingText)}</div>`;}
|
|
9
|
-
function block1 (this: StatusMessage, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.iconFieldName)}" class="udex-status-message__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="${ifDefined(this.iconFieldName)}" class="udex-status-message__icon" mode="Decorative"></ui5-icon>`;}
|
|
10
|
-
|
|
11
|
-
function template(this: StatusMessage) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
12
|
-
export default template;
|