@sapudex/web-components 2.14.0 → 2.15.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 (103) hide show
  1. package/cypress/specs/Breadcrumbs.cy.tsx +77 -0
  2. package/cypress/specs/FilterMenu.cy.tsx +19 -43
  3. package/cypress/specs/InputGroup.cy.tsx +47 -0
  4. package/cypress/support/component-imports.instrumented.ts +4 -0
  5. package/cypress/support/component-imports.src.ts +4 -0
  6. package/dist/Breadcrumbs.d.ts +2 -0
  7. package/dist/Breadcrumbs.js +8 -7
  8. package/dist/Breadcrumbs.js.map +1 -1
  9. package/dist/BreadcrumbsItem.d.ts +1 -2
  10. package/dist/BreadcrumbsItem.js.map +1 -1
  11. package/dist/BreadcrumbsPopoverTemplate.d.ts +2 -0
  12. package/dist/BreadcrumbsPopoverTemplate.js +8 -0
  13. package/dist/BreadcrumbsPopoverTemplate.js.map +1 -0
  14. package/dist/BreadcrumbsTemplate.d.ts +2 -0
  15. package/dist/BreadcrumbsTemplate.js +10 -0
  16. package/dist/BreadcrumbsTemplate.js.map +1 -0
  17. package/dist/FilterMenu.js +1 -2
  18. package/dist/FilterMenu.js.map +1 -1
  19. package/dist/FilterMenuSelectAll.d.ts +0 -1
  20. package/dist/FilterMenuSelectAll.js +0 -3
  21. package/dist/FilterMenuSelectAll.js.map +1 -1
  22. package/dist/InputGroup.d.ts +0 -1
  23. package/dist/InputGroup.js +3 -6
  24. package/dist/InputGroup.js.map +1 -1
  25. package/dist/InputGroupTemplate.d.ts +2 -0
  26. package/dist/InputGroupTemplate.js +7 -0
  27. package/dist/InputGroupTemplate.js.map +1 -0
  28. package/dist/MastheadMobileMenu.js +1 -1
  29. package/dist/MastheadMobileMenu.js.map +1 -1
  30. package/dist/Search.js +5 -4
  31. package/dist/Search.js.map +1 -1
  32. package/dist/SearchableListBase.d.ts +2 -1
  33. package/dist/SearchableListBase.js +13 -23
  34. package/dist/SearchableListBase.js.map +1 -1
  35. package/dist/SelectBox.js +1 -2
  36. package/dist/SelectBox.js.map +1 -1
  37. package/dist/TruncatedText.d.ts +0 -1
  38. package/dist/TruncatedText.js +5 -6
  39. package/dist/TruncatedText.js.map +1 -1
  40. package/dist/TruncatedTextTemplate.d.ts +2 -0
  41. package/dist/TruncatedTextTemplate.js +9 -0
  42. package/dist/TruncatedTextTemplate.js.map +1 -0
  43. package/dist/assets/{InputSuggestions-AxcsfuTc.js → InputSuggestions-D5z6eIC2.js} +1 -1
  44. package/dist/assets/{ListItemStandardExpandableTextTemplate-CaS49yZt.js → ListItemStandardExpandableTextTemplate-BKeYxhnX.js} +1 -1
  45. package/dist/assets/{bundle.esm-DzkSPQ0p.js → bundle.esm-DXwtYGLH.js} +210 -210
  46. package/dist/css/themes/MediaPlayer.css +1 -1
  47. package/dist/css/themes/RatingIndicator.css +1 -1
  48. package/dist/css/themes/Slider.css +1 -1
  49. package/dist/custom-elements-internal.json +17 -2
  50. package/dist/custom-elements.json +17 -2
  51. package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
  52. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  53. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  54. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  55. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  56. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  57. package/dist/generated/themes/Slider.css.d.ts +1 -1
  58. package/dist/generated/themes/Slider.css.js +1 -1
  59. package/dist/generated/themes/Slider.css.js.map +1 -1
  60. package/dist/utils/sanitizeString.d.ts +2 -0
  61. package/dist/utils/sanitizeString.js +12 -0
  62. package/dist/utils/sanitizeString.js.map +1 -0
  63. package/dist/web-types.json +2 -2
  64. package/package.json +2 -2
  65. package/src/Breadcrumbs.ts +12 -7
  66. package/src/BreadcrumbsItem.ts +2 -2
  67. package/src/BreadcrumbsPopoverTemplate.tsx +60 -0
  68. package/src/BreadcrumbsTemplate.tsx +53 -0
  69. package/src/FilterMenu.ts +1 -2
  70. package/src/FilterMenuSelectAll.ts +0 -4
  71. package/src/InputGroup.ts +3 -7
  72. package/src/InputGroupTemplate.tsx +31 -0
  73. package/src/MastheadMobileMenu.ts +1 -1
  74. package/src/Search.ts +5 -4
  75. package/src/SearchableListBase.ts +15 -26
  76. package/src/SelectBox.ts +1 -2
  77. package/src/TruncatedText.ts +8 -14
  78. package/src/TruncatedTextTemplate.tsx +21 -0
  79. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  80. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  81. package/src/generated/themes/Slider.css.ts +1 -1
  82. package/src/themes/MediaPlayer.css +133 -186
  83. package/src/utils/sanitizeString.ts +13 -0
  84. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.d.ts +0 -3
  85. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +0 -12
  86. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +0 -1
  87. package/dist/generated/templates/BreadcrumbsTemplate.lit.d.ts +0 -3
  88. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +0 -14
  89. package/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +0 -1
  90. package/dist/generated/templates/InputGroupTemplate.lit.d.ts +0 -3
  91. package/dist/generated/templates/InputGroupTemplate.lit.js +0 -9
  92. package/dist/generated/templates/InputGroupTemplate.lit.js.map +0 -1
  93. package/dist/generated/templates/TruncatedTextTemplate.lit.d.ts +0 -3
  94. package/dist/generated/templates/TruncatedTextTemplate.lit.js +0 -7
  95. package/dist/generated/templates/TruncatedTextTemplate.lit.js.map +0 -1
  96. package/src/Breadcrumbs.hbs +0 -38
  97. package/src/BreadcrumbsPopover.hbs +0 -48
  98. package/src/InputGroup.hbs +0 -20
  99. package/src/TruncatedText.hbs +0 -11
  100. package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +0 -16
  101. package/src/generated/templates/BreadcrumbsTemplate.lit.ts +0 -18
  102. package/src/generated/templates/InputGroupTemplate.lit.ts +0 -13
  103. package/src/generated/templates/TruncatedTextTemplate.lit.ts +0 -11
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbsPopoverTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\ntype BreadcrumbsPopover = any;\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-dropdown\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-breadcrumbs__popover\" opener=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" class=\"udex-breadcrumbs__popover ui5-breadcrumbs-popover\" placement=\"Bottom\" horizontal-align=\"Start\" @keydown=\"${this._handleKeydown}\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><div class=\"udex-breadcrumbs__popover-content\">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></${scopeTag(\"udex-dropdown\", tags, suffix)}>` : html`<udex-dropdown id=\"udex-${ifDefined(this._id)}-breadcrumbs__popover\" opener=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" class=\"udex-breadcrumbs__popover ui5-breadcrumbs-popover\" placement=\"Bottom\" horizontal-align=\"Start\" @keydown=\"${this._handleKeydown}\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><div class=\"udex-breadcrumbs__popover-content\">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}\nfunction block1 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index) }`;}\nfunction block2 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" icon=\"${ifDefined(item.icon)}\" accessible-name=\"${ifDefined(item.textContent)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" icon=\"${ifDefined(item.icon)}\" accessible-name=\"${ifDefined(item.textContent)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</udex-link>`;}\nfunction block3 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}\nfunction block4 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id=\"${ifDefined(item._id)}-li\" class=\"udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</span>`;}\nfunction block5 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</udex-link>`;}\n\nfunction template(this: BreadcrumbsPopover) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type Breadcrumbs from "../../Breadcrumbs.js";
2
- declare function template(this: Breadcrumbs): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,14 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<nav class="udex-breadcrumbs ui5-breadcrumbs-root" aria-label="${ifDefined(this._accessibleNameText)}"><ol @focusin="${this._onfocusin}"><li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper"><${scopeTag("udex-link", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__opener" @click="${this._toggleDropdown}" class="udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}" accessible-role="button" aria-label="${ifDefined(this._dropdownArrowAccessibleNameText)}" icon="slim-arrow-down" icon-placement="Start" aria-haspopup="true"></${scopeTag("udex-link", tags, suffix)}></li>${repeat(this._linksData, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ol></nav><${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${repeat(this._dropdownItems, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div></${scopeTag("udex-dropdown", tags, suffix)}>` : html `<nav class="udex-breadcrumbs ui5-breadcrumbs-root" aria-label="${ifDefined(this._accessibleNameText)}"><ol @focusin="${this._onfocusin}"><li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper"><udex-link id="udex-${ifDefined(this._id)}-breadcrumbs__opener" @click="${this._toggleDropdown}" class="udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}" accessible-role="button" aria-label="${ifDefined(this._dropdownArrowAccessibleNameText)}" icon="slim-arrow-down" icon-placement="Start" aria-haspopup="true"></udex-link></li>${repeat(this._linksData, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ol></nav><udex-dropdown id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${repeat(this._dropdownItems, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div></udex-dropdown>`; }
5
- function block1(context, tags, suffix, item, index) { return html `<li class="udex-breadcrumbs__link-wrapper ui5-breadcrumbs-link-wrapper" id="${ifDefined(item._id)}-link-wrapper">${!item._isCurrentPageItem ? block2.call(this, context, tags, suffix, item, index) : undefined}</li>`; }
6
- function block2(context, tags, suffix, item, index) { return suffix ? html `<span class="udex-breadcrumbs__separator" aria-hidden="true"></span><${scopeTag("udex-link", tags, suffix)} @ui5-click="${ifDefined(this._onLinkPress)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--visible" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</${scopeTag("udex-link", tags, suffix)}>` : html `<span class="udex-breadcrumbs__separator" aria-hidden="true"></span><udex-link @ui5-click="${ifDefined(this._onLinkPress)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--visible" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</udex-link>`; }
7
- function block3(context, tags, suffix, item, index) { return html `${item.icon ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index)}`; }
8
- function block4(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`; }
9
- function block5(context, tags, suffix, item, index) { return html `${item._isCurrentPageItem ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index)}`; }
10
- function block6(context, tags, suffix, item, index) { return html `<span id="${ifDefined(item._id)}-li" class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</span>`; }
11
- function block7(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`; }
12
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
13
- export default template;
14
- //# sourceMappingURL=BreadcrumbsTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbsTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/BreadcrumbsTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type Breadcrumbs from \"../../Breadcrumbs.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<nav class=\"udex-breadcrumbs ui5-breadcrumbs-root\" aria-label=\"${ifDefined(this._accessibleNameText)}\"><ol @focusin=\"${this._onfocusin}\"><li class=\"udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper\"><${scopeTag(\"udex-link\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" @click=\"${this._toggleDropdown}\" class=\"udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}\" accessible-role=\"button\" aria-label=\"${ifDefined(this._dropdownArrowAccessibleNameText)}\" icon=\"slim-arrow-down\" icon-placement=\"Start\" aria-haspopup=\"true\"></${scopeTag(\"udex-link\", tags, suffix)}></li>${ repeat(this._linksData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ol></nav><${scopeTag(\"udex-dropdown\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-breadcrumbs__popover\" opener=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" class=\"udex-breadcrumbs__popover ui5-breadcrumbs-popover\" placement=\"Bottom\" horizontal-align=\"Start\" @keydown=\"${this._handleKeydown}\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><div class=\"udex-breadcrumbs__popover-content\">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></${scopeTag(\"udex-dropdown\", tags, suffix)}>` : html`<nav class=\"udex-breadcrumbs ui5-breadcrumbs-root\" aria-label=\"${ifDefined(this._accessibleNameText)}\"><ol @focusin=\"${this._onfocusin}\"><li class=\"udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper\"><udex-link id=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" @click=\"${this._toggleDropdown}\" class=\"udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}\" accessible-role=\"button\" aria-label=\"${ifDefined(this._dropdownArrowAccessibleNameText)}\" icon=\"slim-arrow-down\" icon-placement=\"Start\" aria-haspopup=\"true\"></udex-link></li>${ repeat(this._linksData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ol></nav><udex-dropdown id=\"udex-${ifDefined(this._id)}-breadcrumbs__popover\" opener=\"udex-${ifDefined(this._id)}-breadcrumbs__opener\" class=\"udex-breadcrumbs__popover ui5-breadcrumbs-popover\" placement=\"Bottom\" horizontal-align=\"Start\" @keydown=\"${this._handleKeydown}\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><div class=\"udex-breadcrumbs__popover-content\">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}\nfunction block1 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li class=\"udex-breadcrumbs__link-wrapper ui5-breadcrumbs-link-wrapper\" id=\"${ifDefined(item._id)}-link-wrapper\">${ !item._isCurrentPageItem ? block2.call(this, context, tags, suffix, item, index) : undefined }</li>`;}\nfunction block2 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<span class=\"udex-breadcrumbs__separator\" aria-hidden=\"true\"></span><${scopeTag(\"udex-link\", tags, suffix)} @ui5-click=\"${ifDefined(this._onLinkPress)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--visible\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" id=\"${ifDefined(item._id)}-link\" accessible-name=\"${ifDefined(item._accessibleNameText)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.innerText)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<span class=\"udex-breadcrumbs__separator\" aria-hidden=\"true\"></span><udex-link @ui5-click=\"${ifDefined(this._onLinkPress)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--visible\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" id=\"${ifDefined(item._id)}-link\" accessible-name=\"${ifDefined(item._accessibleNameText)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.innerText)}</udex-link>`;}\nfunction block3 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}\nfunction block4 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" icon=\"${ifDefined(item.icon)}\" accessible-name=\"${ifDefined(item.textContent)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" icon=\"${ifDefined(item.icon)}\" accessible-name=\"${ifDefined(item.textContent)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</udex-link>`;}\nfunction block5 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index) }`;}\nfunction block6 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id=\"${ifDefined(item._id)}-li\" class=\"udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</span>`;}\nfunction block7 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link index=\"${index}\" id=\"${ifDefined(item._id)}-li\" @ui5-click=\"${ifDefined(this._onDropdownLinkPress)}\" href=\"${ifDefined(item.href)}\" target=\"${ifDefined(item.target)}\" class=\"udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}\" accessible-name=\"${ifDefined(item.accessibleName)}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}</udex-link>`;}\n\nfunction template(this: Breadcrumbs) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type InputGroup from "../../InputGroup.js";
2
- declare function template(this: InputGroup): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,9 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return html `<div id="${ifDefined(this._id)}-input-group" class="udex-input-group__container" role="group" aria-describedby="${ifDefined(this._id)}-valueStateDesc"><div class="udex-input-group__content">${repeat(this._items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>${this.valueStateText ? block2.call(this, context, tags, suffix) : undefined}</div>`; }
5
- function block1(context, tags, suffix, item, index) { return html `<div class="udex-input-group__item"><slot name="${ifDefined(item.item._individualSlot)}"></slot></div>`; }
6
- function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-status-message", tags, suffix)} supporting-text="${ifDefined(this.valueStateText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}><span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>` : html `<udex-status-message supporting-text="${ifDefined(this.valueStateText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message><span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`; }
7
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
8
- export default template;
9
- //# sourceMappingURL=InputGroupTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InputGroupTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/InputGroupTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAO,MAAM,EAAsB,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,oFAAoF,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,2DAA4D,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,SAAU,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,QAAQ,CAAC,CAAA,CAAC;AACzjB,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,mDAAmD,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAA,CAAC;AACrP,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,qBAAqB,EAAE,IAAI,EAAE,MAAM,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,qBAAqB,EAAE,IAAI,EAAE,MAAM,CAAC,cAAc,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,wCAAwC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,qCAAqC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,wCAAwC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA,CAAC;AAEjrB,SAAS,QAAQ,KAAqB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9J,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 InputGroup from \"../../InputGroup.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div id=\"${ifDefined(this._id)}-input-group\" class=\"udex-input-group__container\" role=\"group\" aria-describedby=\"${ifDefined(this._id)}-valueStateDesc\"><div class=\"udex-input-group__content\">${ repeat(this._items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div>${ this.valueStateText ? block2.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block1 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-input-group__item\"><slot name=\"${ifDefined(item.item._individualSlot)}\"></slot></div>`;}\nfunction block2 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} supporting-text=\"${ifDefined(this.valueStateText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}><span id=\"${ifDefined(this._id)}-valueStateDesc\" class=\"hidden-text\">${ifDefined(this.valueStateText)}</span>` : html`<udex-status-message supporting-text=\"${ifDefined(this.valueStateText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message><span id=\"${ifDefined(this._id)}-valueStateDesc\" class=\"hidden-text\">${ifDefined(this.valueStateText)}</span>`;}\n\nfunction template(this: InputGroup) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type TruncatedText from "../../TruncatedText.js";
2
- declare function template(this: TruncatedText): 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 `<p class="udex-truncated-text"><span class="udex-truncated-text__visible-text">${ifDefined(this.visibleText)}</span><${scopeTag("udex-button", tags, suffix)} id="toggleButton" design="Tertiary" size="Small" class="udex-truncated-text__toggle-button" @click="${this.onToggleClick}">${ifDefined(this.buttonLabel)}</${scopeTag("udex-button", tags, suffix)}></p>` : html `<p class="udex-truncated-text"><span class="udex-truncated-text__visible-text">${ifDefined(this.visibleText)}</span><udex-button id="toggleButton" design="Tertiary" size="Small" class="udex-truncated-text__toggle-button" @click="${this.onToggleClick}">${ifDefined(this.buttonLabel)}</udex-button></p>`; }
5
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
6
- export default template;
7
- //# sourceMappingURL=TruncatedTextTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TruncatedTextTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TruncatedTextTemplate.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,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,kFAAkF,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,wGAAwG,IAAI,CAAC,aAAa,KAAK,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,kFAAkF,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,2HAA2H,IAAI,CAAC,aAAa,KAAK,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA,CAAC;AAE5xB,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 TruncatedText from \"../../TruncatedText.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TruncatedText, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<p class=\"udex-truncated-text\"><span class=\"udex-truncated-text__visible-text\">${ifDefined(this.visibleText)}</span><${scopeTag(\"udex-button\", tags, suffix)} id=\"toggleButton\" design=\"Tertiary\" size=\"Small\" class=\"udex-truncated-text__toggle-button\" @click=\"${this.onToggleClick}\">${ifDefined(this.buttonLabel)}</${scopeTag(\"udex-button\", tags, suffix)}></p>` : html`<p class=\"udex-truncated-text\"><span class=\"udex-truncated-text__visible-text\">${ifDefined(this.visibleText)}</span><udex-button id=\"toggleButton\" design=\"Tertiary\" size=\"Small\" class=\"udex-truncated-text__toggle-button\" @click=\"${this.onToggleClick}\">${ifDefined(this.buttonLabel)}</udex-button></p>`;}\n\nfunction template(this: TruncatedText) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,38 +0,0 @@
1
- <nav
2
- class="udex-breadcrumbs ui5-breadcrumbs-root"
3
- aria-label="{{_accessibleNameText}}">
4
- <ol @focusin="{{_onfocusin}}">
5
- <li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper">
6
- <udex-link
7
- id="udex-{{this._id}}-breadcrumbs__opener"
8
- @click="{{_toggleDropdown}}"
9
- class="udex-breadcrumbs__trigger {{_triggerClass}}"
10
- accessible-role="button"
11
- aria-label="{{_dropdownArrowAccessibleNameText}}"
12
- icon="slim-arrow-down"
13
- icon-placement="Start"
14
- aria-haspopup="true">
15
- </udex-link>
16
- </li>
17
- {{#each _linksData}}
18
- <li
19
- class="udex-breadcrumbs__link-wrapper ui5-breadcrumbs-link-wrapper"
20
- id="{{this._id}}-link-wrapper">
21
- {{#unless this._isCurrentPageItem}}
22
- <span class="udex-breadcrumbs__separator" aria-hidden="true"></span>
23
- <udex-link @ui5-click="{{../_onLinkPress}}"
24
- class="udex-breadcrumbs__item udex-breadcrumbs__item--visible"
25
- href="{{this.href}}"
26
- target="{{this.target}}"
27
- id="{{this._id}}-link"
28
- accessible-name="{{this._accessibleNameText}}"
29
- data-ui5-stable="{{this.stableDomRef}}">
30
- {{this.innerText}}
31
- </udex-link>
32
- {{/unless}}
33
- </li>
34
- {{/each}}
35
- </ol>
36
- </nav>
37
-
38
- {{>include "./BreadcrumbsPopover.hbs"}}
@@ -1,48 +0,0 @@
1
- <udex-dropdown
2
- id="udex-{{this._id}}-breadcrumbs__popover"
3
- opener="udex-{{this._id}}-breadcrumbs__opener"
4
- class="udex-breadcrumbs__popover ui5-breadcrumbs-popover"
5
- placement="Bottom"
6
- horizontal-align="Start"
7
- @keydown="{{_handleKeydown}}"
8
- @close="{{_afterDropdownClose}}"
9
- @open="{{_afterDropdownOpen}}">
10
- <div class="udex-breadcrumbs__popover-content">
11
- {{#each _dropdownItems}}
12
- {{#if this.icon}}
13
- <udex-link
14
- index="{{@index}}"
15
- id="{{this._id}}-li"
16
- @ui5-click="{{../_onDropdownLinkPress}}"
17
- href="{{this.href}}"
18
- target="{{this.target}}"
19
- class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--{{@index}}"
20
- icon="{{this.icon}}"
21
- accessible-name="{{this.textContent}}"
22
- data-ui5-stable="{{this.stableDomRef}}">
23
- {{this.textContent}}
24
- </udex-link>
25
- {{else if this._isCurrentPageItem}}
26
- <span
27
- id="{{this._id}}-li"
28
- class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--{{@index}}"
29
- accessible-name="{{this.accessibleName}}"
30
- data-ui5-stable="{{this.stableDomRef}}">
31
- {{this.textContent}}
32
- </span>
33
- {{else}}
34
- <udex-link
35
- index="{{@index}}"
36
- id="{{this._id}}-li"
37
- @ui5-click="{{../_onDropdownLinkPress}}"
38
- href="{{this.href}}"
39
- target="{{this.target}}"
40
- class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--{{@index}}"
41
- accessible-name="{{this.accessibleName}}"
42
- data-ui5-stable="{{this.stableDomRef}}">
43
- {{this.textContent}}
44
- </udex-link>
45
- {{/if}}
46
- {{/each}}
47
- </div>
48
- </udex-dropdown>
@@ -1,20 +0,0 @@
1
- <div id="{{_id}}-input-group"
2
- class="udex-input-group__container"
3
- role="group"
4
- aria-describedby="{{_id}}-valueStateDesc"
5
- >
6
- <div class="udex-input-group__content">
7
- {{#each _items}}
8
- <div class="udex-input-group__item">
9
- <slot name="{{this.item._individualSlot}}"></slot>
10
- </div>
11
- {{/each}}
12
- </div>
13
- {{#if valueStateText}}
14
- <udex-status-message
15
- supporting-text="{{valueStateText}}"
16
- value-state="{{valueState}}">
17
- </udex-status-message>
18
- <span id="{{_id}}-valueStateDesc" class="hidden-text">{{valueStateText}}</span>
19
- {{/if}}
20
- </div>
@@ -1,11 +0,0 @@
1
- <p class="udex-truncated-text">
2
- <span class="udex-truncated-text__visible-text">{{visibleText}}</span>
3
- <udex-button
4
- id="toggleButton"
5
- design="Tertiary"
6
- size="Small"
7
- class="udex-truncated-text__toggle-button"
8
- @click="{{onToggleClick}}">
9
- {{buttonLabel}}
10
- </udex-button>
11
- </p>
@@ -1,16 +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
- type BreadcrumbsPopover = any;
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<udex-dropdown id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}
9
- function block1 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index) }`;}
10
- function block2 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
11
- function block3 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}
12
- function block4 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id="${ifDefined(item._id)}-li" class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</span>`;}
13
- function block5 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
14
-
15
- function template(this: BreadcrumbsPopover) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
16
- export default template;
@@ -1,18 +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 Breadcrumbs from "../../Breadcrumbs.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<nav class="udex-breadcrumbs ui5-breadcrumbs-root" aria-label="${ifDefined(this._accessibleNameText)}"><ol @focusin="${this._onfocusin}"><li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper"><${scopeTag("udex-link", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__opener" @click="${this._toggleDropdown}" class="udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}" accessible-role="button" aria-label="${ifDefined(this._dropdownArrowAccessibleNameText)}" icon="slim-arrow-down" icon-placement="Start" aria-haspopup="true"></${scopeTag("udex-link", tags, suffix)}></li>${ repeat(this._linksData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ol></nav><${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<nav class="udex-breadcrumbs ui5-breadcrumbs-root" aria-label="${ifDefined(this._accessibleNameText)}"><ol @focusin="${this._onfocusin}"><li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper"><udex-link id="udex-${ifDefined(this._id)}-breadcrumbs__opener" @click="${this._toggleDropdown}" class="udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}" accessible-role="button" aria-label="${ifDefined(this._dropdownArrowAccessibleNameText)}" icon="slim-arrow-down" icon-placement="Start" aria-haspopup="true"></udex-link></li>${ repeat(this._linksData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ol></nav><udex-dropdown id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}
9
- function block1 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li class="udex-breadcrumbs__link-wrapper ui5-breadcrumbs-link-wrapper" id="${ifDefined(item._id)}-link-wrapper">${ !item._isCurrentPageItem ? block2.call(this, context, tags, suffix, item, index) : undefined }</li>`;}
10
- function block2 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<span class="udex-breadcrumbs__separator" aria-hidden="true"></span><${scopeTag("udex-link", tags, suffix)} @ui5-click="${ifDefined(this._onLinkPress)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--visible" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</${scopeTag("udex-link", tags, suffix)}>` : html`<span class="udex-breadcrumbs__separator" aria-hidden="true"></span><udex-link @ui5-click="${ifDefined(this._onLinkPress)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--visible" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</udex-link>`;}
11
- function block3 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}
12
- function block4 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
13
- function block5 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index) }`;}
14
- function block6 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id="${ifDefined(item._id)}-li" class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</span>`;}
15
- function block7 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
16
-
17
- function template(this: Breadcrumbs) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
18
- export default template;
@@ -1,13 +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 InputGroup from "../../InputGroup.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div id="${ifDefined(this._id)}-input-group" class="udex-input-group__container" role="group" aria-describedby="${ifDefined(this._id)}-valueStateDesc"><div class="udex-input-group__content">${ repeat(this._items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div>${ this.valueStateText ? block2.call(this, context, tags, suffix) : undefined }</div>`;}
9
- function block1 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class="udex-input-group__item"><slot name="${ifDefined(item.item._individualSlot)}"></slot></div>`;}
10
- function block2 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-status-message", tags, suffix)} supporting-text="${ifDefined(this.valueStateText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}><span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>` : html`<udex-status-message supporting-text="${ifDefined(this.valueStateText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message><span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`;}
11
-
12
- function template(this: InputGroup) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
13
- 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 TruncatedText from "../../TruncatedText.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: TruncatedText, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<p class="udex-truncated-text"><span class="udex-truncated-text__visible-text">${ifDefined(this.visibleText)}</span><${scopeTag("udex-button", tags, suffix)} id="toggleButton" design="Tertiary" size="Small" class="udex-truncated-text__toggle-button" @click="${this.onToggleClick}">${ifDefined(this.buttonLabel)}</${scopeTag("udex-button", tags, suffix)}></p>` : html`<p class="udex-truncated-text"><span class="udex-truncated-text__visible-text">${ifDefined(this.visibleText)}</span><udex-button id="toggleButton" design="Tertiary" size="Small" class="udex-truncated-text__toggle-button" @click="${this.onToggleClick}">${ifDefined(this.buttonLabel)}</udex-button></p>`;}
9
-
10
- function template(this: TruncatedText) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
11
- export default template;