@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.
Files changed (150) hide show
  1. package/cypress/specs/HeroBanner.cy.tsx +6 -6
  2. package/cypress/specs/RatingBar.cy.tsx +41 -0
  3. package/cypress/specs/Tooltip.cy.tsx +6 -11
  4. package/dist/Accordion.js +44 -30
  5. package/dist/Accordion.js.map +1 -1
  6. package/dist/Footer.d.ts +17 -21
  7. package/dist/Footer.js +5 -11
  8. package/dist/Footer.js.map +1 -1
  9. package/dist/FooterTemplate.d.ts +2 -0
  10. package/dist/FooterTemplate.js +27 -0
  11. package/dist/FooterTemplate.js.map +1 -0
  12. package/dist/HeroBanner.js +4 -4
  13. package/dist/HeroBanner.js.map +1 -1
  14. package/dist/HeroBannerTemplate.d.ts +2 -0
  15. package/dist/HeroBannerTemplate.js +10 -0
  16. package/dist/HeroBannerTemplate.js.map +1 -0
  17. package/dist/RatingBar.js +3 -3
  18. package/dist/RatingBar.js.map +1 -1
  19. package/dist/RatingBarTemplate.d.ts +2 -0
  20. package/dist/RatingBarTemplate.js +8 -0
  21. package/dist/RatingBarTemplate.js.map +1 -0
  22. package/dist/StatusBadge.js +3 -3
  23. package/dist/StatusBadge.js.map +1 -1
  24. package/dist/StatusBadgeTemplate.d.ts +2 -0
  25. package/dist/StatusBadgeTemplate.js +7 -0
  26. package/dist/StatusBadgeTemplate.js.map +1 -0
  27. package/dist/StatusMessage.js +3 -3
  28. package/dist/StatusMessage.js.map +1 -1
  29. package/dist/StatusMessageTemplate.d.ts +2 -0
  30. package/dist/StatusMessageTemplate.js +8 -0
  31. package/dist/StatusMessageTemplate.js.map +1 -0
  32. package/dist/Switch.d.ts +1 -4
  33. package/dist/Switch.js +4 -8
  34. package/dist/Switch.js.map +1 -1
  35. package/dist/SwitchTemplate.d.ts +2 -0
  36. package/dist/SwitchTemplate.js +12 -0
  37. package/dist/SwitchTemplate.js.map +1 -0
  38. package/dist/TagGroup.d.ts +2 -0
  39. package/dist/TagGroup.js +10 -3
  40. package/dist/TagGroup.js.map +1 -1
  41. package/dist/assets/{InputSuggestions-D5z6eIC2.js → InputSuggestions-lpqKgn1j.js} +1 -1
  42. package/dist/assets/{ListItemStandardExpandableTextTemplate-BKeYxhnX.js → ListItemStandardExpandableTextTemplate-BPs3CyVq.js} +1 -1
  43. package/dist/assets/{bundle.esm-DXwtYGLH.js → bundle.esm-C3RAGF4b.js} +208 -208
  44. package/dist/css/themes/AccordionItem.css +1 -1
  45. package/dist/css/themes/CountrySelector.css +1 -1
  46. package/dist/css/themes/Link.css +1 -1
  47. package/dist/css/themes/PhoneNumberField.css +1 -1
  48. package/dist/css/themes/RatingBar.css +1 -1
  49. package/dist/css/themes/RatingIndicator.css +1 -1
  50. package/dist/css/themes/Search.css +1 -1
  51. package/dist/css/themes/SelectBox.css +1 -1
  52. package/dist/css/themes/Slider.css +1 -1
  53. package/dist/css/themes/TextArea.css +1 -1
  54. package/dist/css/themes/TextField.css +1 -1
  55. package/dist/custom-elements-internal.json +141 -141
  56. package/dist/custom-elements.json +126 -126
  57. package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
  58. package/dist/generated/themes/AccordionItem.css.js +1 -1
  59. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  60. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  61. package/dist/generated/themes/CountrySelector.css.js +1 -1
  62. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  63. package/dist/generated/themes/Link.css.d.ts +1 -1
  64. package/dist/generated/themes/Link.css.js +1 -1
  65. package/dist/generated/themes/Link.css.js.map +1 -1
  66. package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
  67. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  68. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  69. package/dist/generated/themes/RatingBar.css.d.ts +1 -1
  70. package/dist/generated/themes/RatingBar.css.js +1 -1
  71. package/dist/generated/themes/RatingBar.css.js.map +1 -1
  72. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  73. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  74. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  75. package/dist/generated/themes/Search.css.d.ts +1 -1
  76. package/dist/generated/themes/Search.css.js +1 -1
  77. package/dist/generated/themes/Search.css.js.map +1 -1
  78. package/dist/generated/themes/SelectBox.css.d.ts +1 -1
  79. package/dist/generated/themes/SelectBox.css.js +1 -1
  80. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  81. package/dist/generated/themes/Slider.css.d.ts +1 -1
  82. package/dist/generated/themes/Slider.css.js +1 -1
  83. package/dist/generated/themes/Slider.css.js.map +1 -1
  84. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  85. package/dist/generated/themes/TextArea.css.js +1 -1
  86. package/dist/generated/themes/TextArea.css.js.map +1 -1
  87. package/dist/generated/themes/TextField.css.d.ts +1 -1
  88. package/dist/generated/themes/TextField.css.js +1 -1
  89. package/dist/generated/themes/TextField.css.js.map +1 -1
  90. package/dist/web-types.json +1 -1
  91. package/package.json +1 -1
  92. package/src/Accordion.ts +56 -26
  93. package/src/Footer.ts +28 -35
  94. package/src/FooterTemplate.tsx +410 -0
  95. package/src/HeroBanner.ts +4 -4
  96. package/src/HeroBannerTemplate.tsx +101 -0
  97. package/src/RatingBar.ts +3 -3
  98. package/src/RatingBarTemplate.tsx +38 -0
  99. package/src/StatusBadge.ts +5 -4
  100. package/src/StatusBadgeTemplate.tsx +18 -0
  101. package/src/StatusMessage.ts +3 -3
  102. package/src/StatusMessageTemplate.tsx +20 -0
  103. package/src/Switch.ts +5 -11
  104. package/src/SwitchTemplate.tsx +50 -0
  105. package/src/TagGroup.ts +13 -3
  106. package/src/generated/themes/AccordionItem.css.ts +1 -1
  107. package/src/generated/themes/CountrySelector.css.ts +1 -1
  108. package/src/generated/themes/Link.css.ts +1 -1
  109. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  110. package/src/generated/themes/RatingBar.css.ts +1 -1
  111. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  112. package/src/generated/themes/Search.css.ts +1 -1
  113. package/src/generated/themes/SelectBox.css.ts +1 -1
  114. package/src/generated/themes/Slider.css.ts +1 -1
  115. package/src/generated/themes/TextArea.css.ts +1 -1
  116. package/src/generated/themes/TextField.css.ts +1 -1
  117. package/src/themes/AccordionItem.css +0 -1
  118. package/src/themes/CountrySelector.css +1 -7
  119. package/src/themes/Link.css +11 -4
  120. package/src/themes/PhoneNumberField.css +25 -7
  121. package/src/themes/RatingBar.css +2 -2
  122. package/src/themes/Search.css +7 -3
  123. package/src/themes/SelectBox.css +4 -0
  124. package/src/themes/TextArea.css +31 -7
  125. package/src/themes/TextField.css +15 -5
  126. package/dist/generated/templates/FooterTemplate.lit.d.ts +0 -3
  127. package/dist/generated/templates/FooterTemplate.lit.js +0 -39
  128. package/dist/generated/templates/FooterTemplate.lit.js.map +0 -1
  129. package/dist/generated/templates/RatingBarTemplate.lit.d.ts +0 -3
  130. package/dist/generated/templates/RatingBarTemplate.lit.js +0 -8
  131. package/dist/generated/templates/RatingBarTemplate.lit.js.map +0 -1
  132. package/dist/generated/templates/StatusBadgeTemplate.lit.d.ts +0 -3
  133. package/dist/generated/templates/StatusBadgeTemplate.lit.js +0 -7
  134. package/dist/generated/templates/StatusBadgeTemplate.lit.js.map +0 -1
  135. package/dist/generated/templates/StatusMessageTemplate.lit.d.ts +0 -3
  136. package/dist/generated/templates/StatusMessageTemplate.lit.js +0 -8
  137. package/dist/generated/templates/StatusMessageTemplate.lit.js.map +0 -1
  138. package/dist/generated/templates/SwitchTemplate.lit.d.ts +0 -3
  139. package/dist/generated/templates/SwitchTemplate.lit.js +0 -14
  140. package/dist/generated/templates/SwitchTemplate.lit.js.map +0 -1
  141. package/src/Footer.hbs +0 -296
  142. package/src/RatingBar.hbs +0 -11
  143. package/src/StatusBadge.hbs +0 -9
  144. package/src/StatusMessage.hbs +0 -6
  145. package/src/Switch.hbs +0 -35
  146. package/src/generated/templates/FooterTemplate.lit.ts +0 -43
  147. package/src/generated/templates/RatingBarTemplate.lit.ts +0 -12
  148. package/src/generated/templates/StatusBadgeTemplate.lit.ts +0 -11
  149. package/src/generated/templates/StatusMessageTemplate.lit.ts +0 -12
  150. 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,3 +0,0 @@
1
- import type StatusBadge from "../../StatusBadge.js";
2
- declare function template(this: StatusBadge): import("lit-html").TemplateResult;
3
- export 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,3 +0,0 @@
1
- import type StatusMessage from "../../StatusMessage.js";
2
- declare function template(this: StatusMessage): import("lit-html").TemplateResult;
3
- export 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,3 +0,0 @@
1
- import type Switch from "../../Switch.js";
2
- declare function template(this: Switch): import("lit-html").TemplateResult;
3
- export 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>
@@ -1,9 +0,0 @@
1
- <div
2
- class="udex-status-badge"
3
- title="{{ariaTitle}}">
4
- <ui5-icon
5
- name="{{iconFieldName}}"
6
- class="udex-status-badge__icon"
7
- accessible-name="{{badgeAccessibleName}}">
8
- </ui5-icon>
9
- </div>
@@ -1,6 +0,0 @@
1
- <div class="udex-status-message udex-status-message__supporting-text">
2
- {{#if iconFieldName}}
3
- <ui5-icon name="{{iconFieldName}}" class="udex-status-message__icon" mode="Decorative"></ui5-icon>
4
- {{/if}}
5
- {{supportingText}}
6
- </div>
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;