@sapudex/web-components 2.54.0 → 2.55.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 (164) hide show
  1. package/cypress/specs/Breadcrumbs.cy.tsx +3 -1
  2. package/cypress/specs/FilterMenu.cy.tsx +34 -2
  3. package/cypress/specs/Footer.cy.tsx +59 -0
  4. package/cypress/specs/MediaPlayer.cy.tsx +58 -0
  5. package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +2 -2
  6. package/cypress/specs/SelectBox.cy.tsx +74 -0
  7. package/dist/BreadcrumbsTemplate.js +1 -1
  8. package/dist/BreadcrumbsTemplate.js.map +1 -1
  9. package/dist/FilterMenu.d.ts +1 -1
  10. package/dist/FilterMenu.js +6 -6
  11. package/dist/FilterMenu.js.map +1 -1
  12. package/dist/Footer.d.ts +20 -1
  13. package/dist/Footer.js +40 -3
  14. package/dist/Footer.js.map +1 -1
  15. package/dist/FooterTemplate.js +7 -2
  16. package/dist/FooterTemplate.js.map +1 -1
  17. package/dist/List.js +6 -6
  18. package/dist/List.js.map +1 -1
  19. package/dist/ListGroupHeader.js +12 -5
  20. package/dist/ListGroupHeader.js.map +1 -1
  21. package/dist/ListGroupHeaderBase.d.ts +1 -1
  22. package/dist/ListGroupHeaderBase.js +2 -2
  23. package/dist/ListGroupHeaderBase.js.map +1 -1
  24. package/dist/ListGroupHeaderTemplate.d.ts +2 -0
  25. package/dist/ListGroupHeaderTemplate.js +33 -0
  26. package/dist/ListGroupHeaderTemplate.js.map +1 -0
  27. package/dist/ListItem.d.ts +1 -1
  28. package/dist/ListItem.js +4 -3
  29. package/dist/ListItem.js.map +1 -1
  30. package/dist/ListItemBase.d.ts +1 -0
  31. package/dist/ListItemBase.js +8 -4
  32. package/dist/ListItemBase.js.map +1 -1
  33. package/dist/ListItemTemplate.d.ts +2 -0
  34. package/dist/ListItemTemplate.js +18 -0
  35. package/dist/ListItemTemplate.js.map +1 -0
  36. package/dist/ListSelectAll.js +4 -5
  37. package/dist/ListSelectAll.js.map +1 -1
  38. package/dist/ListSelectAllTemplate.d.ts +2 -0
  39. package/dist/ListSelectAllTemplate.js +6 -0
  40. package/dist/ListSelectAllTemplate.js.map +1 -0
  41. package/dist/ListTemplate.d.ts +2 -0
  42. package/dist/ListTemplate.js +11 -0
  43. package/dist/ListTemplate.js.map +1 -0
  44. package/dist/MediaPlayer.js +6 -0
  45. package/dist/MediaPlayer.js.map +1 -1
  46. package/dist/SelectBox.js +31 -0
  47. package/dist/SelectBox.js.map +1 -1
  48. package/dist/SelectBoxTemplate.js +2 -1
  49. package/dist/SelectBoxTemplate.js.map +1 -1
  50. package/dist/assets/{InputSuggestions-CqOrRXxa.js → InputSuggestions-DPiJnNLn.js} +1 -1
  51. package/dist/assets/{ListItemStandardExpandableTextTemplate-DKUm4L2B.js → ListItemStandardExpandableTextTemplate-B-v72jL6.js} +1 -1
  52. package/dist/assets/{bundle.esm-CI60uvdr.js → bundle.esm-DPppjwN7.js} +259 -259
  53. package/dist/assets/messagebundle_en-B0P3kkb6.js +1 -0
  54. package/dist/assets/messagebundle_it-BML2SC0W.js +1 -0
  55. package/dist/assets/messagebundle_ja-zyFfZHcj.js +1 -0
  56. package/dist/assets/messagebundle_ko-BCPaSqNp.js +1 -0
  57. package/dist/assets/messagebundle_lt-DB4b6FVx.js +1 -0
  58. package/dist/assets/messagebundle_lv-tAOia5tU.js +1 -0
  59. package/dist/css/themes/Breadcrumbs.css +1 -1
  60. package/dist/css/themes/BreadcrumbsPopover.css +1 -1
  61. package/dist/css/themes/Footer.css +1 -1
  62. package/dist/css/themes/Link.css +1 -1
  63. package/dist/css/themes/ListGroupHeader.css +1 -1
  64. package/dist/custom-elements-internal.json +90 -2
  65. package/dist/custom-elements.json +76 -2
  66. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  67. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  68. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  69. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  70. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  71. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  72. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  73. package/dist/generated/i18n/i18n-defaults.js +2 -1
  74. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  75. package/dist/generated/themes/Breadcrumbs.css.d.ts +1 -1
  76. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  77. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  78. package/dist/generated/themes/BreadcrumbsPopover.css.d.ts +1 -1
  79. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  80. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  81. package/dist/generated/themes/Footer.css.d.ts +1 -1
  82. package/dist/generated/themes/Footer.css.js +1 -1
  83. package/dist/generated/themes/Footer.css.js.map +1 -1
  84. package/dist/generated/themes/Link.css.d.ts +1 -1
  85. package/dist/generated/themes/Link.css.js +1 -1
  86. package/dist/generated/themes/Link.css.js.map +1 -1
  87. package/dist/generated/themes/ListGroupHeader.css.d.ts +1 -1
  88. package/dist/generated/themes/ListGroupHeader.css.js +1 -1
  89. package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
  90. package/dist/messagebundle.properties +1 -0
  91. package/dist/messagebundle_en.properties +1 -0
  92. package/dist/messagebundle_it.properties +123 -0
  93. package/dist/messagebundle_ja.properties +127 -1
  94. package/dist/messagebundle_ko.properties +126 -0
  95. package/dist/messagebundle_lt.properties +126 -0
  96. package/dist/messagebundle_lv.properties +9 -0
  97. package/dist/types/FooterAskJoulePosition.d.ts +5 -0
  98. package/dist/types/FooterAskJoulePosition.js +7 -0
  99. package/dist/types/FooterAskJoulePosition.js.map +1 -0
  100. package/dist/vscode.html-custom-data.json +11 -1
  101. package/dist/web-types.json +34 -3
  102. package/package.json +1 -1
  103. package/src/BreadcrumbsTemplate.tsx +12 -10
  104. package/src/FilterMenu.ts +6 -6
  105. package/src/Footer.ts +41 -3
  106. package/src/FooterTemplate.tsx +28 -4
  107. package/src/List.ts +8 -8
  108. package/src/ListGroupHeader.ts +12 -5
  109. package/src/ListGroupHeaderBase.ts +3 -3
  110. package/src/ListGroupHeaderTemplate.tsx +228 -0
  111. package/src/ListItem.ts +5 -4
  112. package/src/ListItemBase.ts +9 -4
  113. package/src/ListItemTemplate.tsx +193 -0
  114. package/src/ListSelectAll.ts +4 -5
  115. package/src/ListSelectAllTemplate.tsx +38 -0
  116. package/src/ListTemplate.tsx +60 -0
  117. package/src/MediaPlayer.ts +6 -0
  118. package/src/SelectBox.ts +34 -0
  119. package/src/SelectBoxTemplate.tsx +2 -0
  120. package/src/generated/i18n/i18n-defaults.ts +2 -2
  121. package/src/generated/themes/Breadcrumbs.css.ts +1 -1
  122. package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
  123. package/src/generated/themes/Footer.css.ts +1 -1
  124. package/src/generated/themes/Link.css.ts +1 -1
  125. package/src/generated/themes/ListGroupHeader.css.ts +1 -1
  126. package/src/i18n/messagebundle.properties +1 -0
  127. package/src/i18n/messagebundle_en.properties +1 -0
  128. package/src/i18n/messagebundle_it.properties +123 -0
  129. package/src/i18n/messagebundle_ja.properties +127 -1
  130. package/src/i18n/messagebundle_ko.properties +126 -0
  131. package/src/i18n/messagebundle_lt.properties +126 -0
  132. package/src/i18n/messagebundle_lv.properties +9 -0
  133. package/src/themes/Breadcrumbs.css +46 -5
  134. package/src/themes/BreadcrumbsPopover.css +65 -0
  135. package/src/themes/Footer.css +98 -1
  136. package/src/themes/Link.css +127 -8
  137. package/src/themes/ListGroupHeader.css +6 -3
  138. package/src/types/FooterAskJoulePosition.ts +6 -0
  139. package/dist/assets/messagebundle_en-DoNTK1BE.js +0 -1
  140. package/dist/assets/messagebundle_it-BhrBdOd4.js +0 -1
  141. package/dist/assets/messagebundle_ja-5P5L7sQ1.js +0 -1
  142. package/dist/assets/messagebundle_ko-B9H5YQlC.js +0 -1
  143. package/dist/assets/messagebundle_lt-BJ5gr_LF.js +0 -1
  144. package/dist/assets/messagebundle_lv-D06tlATH.js +0 -1
  145. package/dist/generated/templates/ListGroupHeaderTemplate.lit.d.ts +0 -3
  146. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +0 -30
  147. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +0 -1
  148. package/dist/generated/templates/ListItemTemplate.lit.d.ts +0 -3
  149. package/dist/generated/templates/ListItemTemplate.lit.js +0 -49
  150. package/dist/generated/templates/ListItemTemplate.lit.js.map +0 -1
  151. package/dist/generated/templates/ListSelectAllTemplate.lit.d.ts +0 -3
  152. package/dist/generated/templates/ListSelectAllTemplate.lit.js +0 -7
  153. package/dist/generated/templates/ListSelectAllTemplate.lit.js.map +0 -1
  154. package/dist/generated/templates/ListTemplate.lit.d.ts +0 -3
  155. package/dist/generated/templates/ListTemplate.lit.js +0 -11
  156. package/dist/generated/templates/ListTemplate.lit.js.map +0 -1
  157. package/src/List.hbs +0 -38
  158. package/src/ListGroupHeader.hbs +0 -188
  159. package/src/ListItem.hbs +0 -166
  160. package/src/ListSelectAll.hbs +0 -31
  161. package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +0 -34
  162. package/src/generated/templates/ListItemTemplate.lit.ts +0 -53
  163. package/src/generated/templates/ListSelectAllTemplate.lit.ts +0 -11
  164. package/src/generated/templates/ListTemplate.lit.ts +0 -15
@@ -1,53 +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 ListItem from "../../ListItem.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.modeSelected ? block1.call(this, context, tags, suffix) : undefined }${ this.modeSingleContent ? block23.call(this, context, tags, suffix) : undefined } `;}
9
- function block1 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div part="item" tabindex="${ifDefined(this._effectiveTabIndex)}" aria-disabled="${ifDefined(this._ariaDisabled)}" class="${ifDefined(this.className)}" role="${ifDefined(this.roleItem)}" aria-checked="${ifDefined(this.ariaCheckedValue)}" aria-selected="${ifDefined(this.ariaSelectedValue)}" aria-expanded="${ifDefined(this.ariaExpandedValue)}" @click="${this.handleItemClick}" @mousedown="${this.handleMouseDown}" @mouseup="${this.handleMouseUp}" @keyup="${this.handleKeyUp}" @keydown="${this.handleKeyDown}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?divider="${this.divider}" _id="${ifDefined(this._id)}" data-selected="${ifDefined(this.selected)}" aria-describedby="${ifDefined(this.itemDescribedBy)}">${ this.modeMultiSelect ? block2.call(this, context, tags, suffix) : undefined }${ this.modeRadioGroup ? block3.call(this, context, tags, suffix) : undefined }<div class="udex-list__content-wrap" _id="${ifDefined(this._id)}" aria-labelledby="${ifDefined(this._id)}-invisibleText" aria-label="${ifDefined(this.accessibleListItemName)}">${ this.flag ? block4.call(this, context, tags, suffix) : undefined }${ this.typeNumber ? block5.call(this, context, tags, suffix) : undefined }${ this.typeCircle ? block6.call(this, context, tags, suffix) : undefined }${ this.typeIcon ? block7.call(this, context, tags, suffix) : undefined }${ this.image ? block8.call(this, context, tags, suffix) : undefined }<div class="udex-list__content" part="content">${ this.label ? block10.call(this, context, tags, suffix) : block16.call(this, context, tags, suffix) }${ this.collapsible ? block22.call(this, context, tags, suffix) : undefined }</div><div class="hidden" id="${ifDefined(this._id)}-invisibleText">${ifDefined(this.accessibleListItemName)}</div><div class="hidden" id="${ifDefined(this._id)}-invisibleText-describedby">${ifDefined(this.itemState)}</div></div></div>`;}
10
- function block2 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-checkbox", tags, suffix)} class="udex-list__checkbox" part="checkbox" tabindex="-1" ?indeterminate="${this.indeterminate}" accessible-name="checkbox ${ifDefined(this.stateAccessibleName)}" ?checked="${this.selected}" ?disabled="${this.disabled}" ?aria-hidden="${this.checkboxAriaHidden}"></${scopeTag("udex-checkbox", tags, suffix)}>` : html`<udex-checkbox class="udex-list__checkbox" part="checkbox" tabindex="-1" ?indeterminate="${this.indeterminate}" accessible-name="checkbox ${ifDefined(this.stateAccessibleName)}" ?checked="${this.selected}" ?disabled="${this.disabled}" ?aria-hidden="${this.checkboxAriaHidden}"></udex-checkbox>`;}
11
- function block3 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-radio-button", tags, suffix)} class="udex-list__radio" part="radio" tabindex="-1" accessible-name="radio ${ifDefined(this.stateAccessibleName)}" ?checked="${this.selected}" ?disabled="${this.disabled}"></${scopeTag("udex-radio-button", tags, suffix)}>` : html`<udex-radio-button class="udex-list__radio" part="radio" tabindex="-1" accessible-name="radio ${ifDefined(this.stateAccessibleName)}" ?checked="${this.selected}" ?disabled="${this.disabled}"></udex-radio-button>`;}
12
- function block4 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__flag-wrap"><span class="udex-list__flag" style="background-position: ${ifDefined(this.flagPosition)}"></span></div>`;}
13
- function block5 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__number">${ifDefined(this.numberOfItem)}.</span>`;}
14
- function block6 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__circle">&#x2022;</span>`;}
15
- function block7 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-list__icon" name="${ifDefined(this._icon)}" accessible-role="presentation" aria-hidden="true" part="icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-list__icon" name="${ifDefined(this._icon)}" accessible-role="presentation" aria-hidden="true" part="icon"></ui5-icon>`;}
16
- function block8 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-avatar", tags, suffix)} class="udex-list__avatar" shape="${ifDefined(this.imageShape)}" size="${ifDefined(this.imageSize)}" part="avatar">${ this.imageBadgeState ? block9.call(this, context, tags, suffix) : undefined }<img src="${ifDefined(this.image)}" alt="${ifDefined(this.imageAlt)}" /></${scopeTag("udex-avatar", tags, suffix)}>` : html`<udex-avatar class="udex-list__avatar" shape="${ifDefined(this.imageShape)}" size="${ifDefined(this.imageSize)}" part="avatar">${ this.imageBadgeState ? block9.call(this, context, tags, suffix) : undefined }<img src="${ifDefined(this.image)}" alt="${ifDefined(this.imageAlt)}" /></udex-avatar>`;}
17
- function block9 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-status-badge", tags, suffix)} slot="badge" value-state="${ifDefined(this.imageBadgeState)}" size="${ifDefined(this.imageSize)}"></${scopeTag("udex-status-badge", tags, suffix)}>` : html`<udex-status-badge slot="badge" value-state="${ifDefined(this.imageBadgeState)}" size="${ifDefined(this.imageSize)}"></udex-status-badge>`;}
18
- function block10 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__text-holder"><span part="title">${unsafeHTML(this.label)}</span>${ this.supportingText ? block11.call(this, context, tags, suffix) : undefined }<slot part="content"></slot>${ this.hasRating ? block12.call(this, context, tags, suffix) : undefined }</div>${ this.additionalText ? block13.call(this, context, tags, suffix) : undefined }<div class="udex-list__btn-wrap">${ this.hasFirstIcon ? block14.call(this, context, tags, suffix) : undefined }${ this.hasSecondIcon ? block15.call(this, context, tags, suffix) : undefined }</div>`;}
19
- function block11 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__supporting-text" part="supporting">${ifDefined(this.supportingText)}</span>`;}
20
- function block12 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-rating-indicator", tags, suffix)} aria-label="${ifDefined(this.ratingAriaLabel)}" value="${ifDefined(this.rating)}" rating-count="${ifDefined(this.ratingCount)}" total-count="${ifDefined(this.totalCount)}" max="${ifDefined(this.ratingMax)}" display="${ifDefined(this._displayRating)}" disabled readonly></${scopeTag("udex-rating-indicator", tags, suffix)}>` : html`<udex-rating-indicator aria-label="${ifDefined(this.ratingAriaLabel)}" value="${ifDefined(this.rating)}" rating-count="${ifDefined(this.ratingCount)}" total-count="${ifDefined(this.totalCount)}" max="${ifDefined(this.ratingMax)}" display="${ifDefined(this._displayRating)}" disabled readonly></udex-rating-indicator>`;}
21
- function block13 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__add-text" part="additional-text">${ifDefined(this.additionalText)}</div>`;}
22
- function block14 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="firstIcon" @click=${this._fireIconClickEvent}></slot>`;}
23
- function block15 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="secondIcon" @click=${this._fireIconClickEvent}></slot>`;}
24
- function block16 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__text-holder"><slot part="content"></slot>${ this.supportingText ? block17.call(this, context, tags, suffix) : undefined }${ this.hasRating ? block18.call(this, context, tags, suffix) : undefined }</div>${ this.additionalText ? block19.call(this, context, tags, suffix) : undefined }<div class="udex-list__btn-wrap">${ this.hasFirstIcon ? block20.call(this, context, tags, suffix) : undefined }${ this.hasSecondIcon ? block21.call(this, context, tags, suffix) : undefined }</div>`;}
25
- function block17 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__supporting-text" part="supporting">${ifDefined(this.supportingText)}</span>`;}
26
- function block18 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-rating-indicator", tags, suffix)} aria-label="${ifDefined(this.ratingAriaLabel)}" value="${ifDefined(this.rating)}" rating-count="${ifDefined(this.ratingCount)}" total-count="${ifDefined(this.totalCount)}" max="${ifDefined(this.ratingMax)}" display="${ifDefined(this._displayRating)}" disabled readonly></${scopeTag("udex-rating-indicator", tags, suffix)}>` : html`<udex-rating-indicator aria-label="${ifDefined(this.ratingAriaLabel)}" value="${ifDefined(this.rating)}" rating-count="${ifDefined(this.ratingCount)}" total-count="${ifDefined(this.totalCount)}" max="${ifDefined(this.ratingMax)}" display="${ifDefined(this._displayRating)}" disabled readonly></udex-rating-indicator>`;}
27
- function block19 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__add-text" part="additional-text">${ifDefined(this.additionalText)}</div>`;}
28
- function block20 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="firstIcon" @click=${this._fireIconClickEvent}></slot>`;}
29
- function block21 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="secondIcon" @click=${this._fireIconClickEvent}></slot>`;}
30
- function block22 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-list__group-heading__icon-wrapper"><${scopeTag("udex-button", tags, suffix)} size="Small" design="Tertiary" @mousedown="${this.handleCollapseIconMouseDown}" @click="${this.handleCollapseIconClick}" mode="Interactive" tabindex="-1" accessible-name="${ifDefined(this.expandButtonAccessibleName)}" class="udex-list__group-heading__icon" icon="slim-arrow-right"></${scopeTag("udex-button", tags, suffix)}></div>` : html`<div class="udex-list__group-heading__icon-wrapper"><udex-button size="Small" design="Tertiary" @mousedown="${this.handleCollapseIconMouseDown}" @click="${this.handleCollapseIconClick}" mode="Interactive" tabindex="-1" accessible-name="${ifDefined(this.expandButtonAccessibleName)}" class="udex-list__group-heading__icon" icon="slim-arrow-right"></udex-button></div>`;}
31
- function block23 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div part="item" role="${ifDefined(this.roleItem)}" aria-selected="${ifDefined(this.selected)}" class="${ifDefined(this.className)}"><div class="udex-list__content-wrap" _id="${ifDefined(this._id)}" aria-labelledby="${ifDefined(this._id)}-invisibleText" aria-label="${ifDefined(this.accessibleListItemName)}">${ this.flag ? block24.call(this, context, tags, suffix) : undefined }${ this.typeNumber ? block25.call(this, context, tags, suffix) : undefined }${ this.typeCircle ? block26.call(this, context, tags, suffix) : undefined }${ this.typeIcon ? block27.call(this, context, tags, suffix) : undefined }${ this.image ? block28.call(this, context, tags, suffix) : undefined }<div class="udex-list__content" part="content">${ this.label ? block30.call(this, context, tags, suffix) : block36.call(this, context, tags, suffix) }${ this.collapsible ? block42.call(this, context, tags, suffix) : undefined }</div><div class="hidden" id="${ifDefined(this._id)}-invisibleText">${ifDefined(this.accessibleListItemName)}</div><div class="hidden" id="${ifDefined(this._id)}-invisibleText-describedby">${ifDefined(this.itemState)}</div></div></div>`;}
32
- function block24 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__flag-wrap"><span class="udex-list__flag" style="background-position: ${ifDefined(this.flagPosition)}"></span></div>`;}
33
- function block25 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__number">${ifDefined(this.numberOfItem)}.</span>`;}
34
- function block26 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__circle">&#x2022;</span>`;}
35
- function block27 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-list__icon" name="${ifDefined(this._icon)}" accessible-role="presentation" aria-hidden="true" part="icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-list__icon" name="${ifDefined(this._icon)}" accessible-role="presentation" aria-hidden="true" part="icon"></ui5-icon>`;}
36
- function block28 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-avatar", tags, suffix)} class="udex-list__avatar" shape="${ifDefined(this.imageShape)}" size="${ifDefined(this.imageSize)}" part="avatar">${ this.imageBadgeState ? block29.call(this, context, tags, suffix) : undefined }<img src="${ifDefined(this.image)}" alt="${ifDefined(this.imageAlt)}" /></${scopeTag("udex-avatar", tags, suffix)}>` : html`<udex-avatar class="udex-list__avatar" shape="${ifDefined(this.imageShape)}" size="${ifDefined(this.imageSize)}" part="avatar">${ this.imageBadgeState ? block29.call(this, context, tags, suffix) : undefined }<img src="${ifDefined(this.image)}" alt="${ifDefined(this.imageAlt)}" /></udex-avatar>`;}
37
- function block29 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-status-badge", tags, suffix)} slot="badge" value-state="${ifDefined(this.imageBadgeState)}" size="${ifDefined(this.imageSize)}"></${scopeTag("udex-status-badge", tags, suffix)}>` : html`<udex-status-badge slot="badge" value-state="${ifDefined(this.imageBadgeState)}" size="${ifDefined(this.imageSize)}"></udex-status-badge>`;}
38
- function block30 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__text-holder"><span part="title">${unsafeHTML(this.label)}</span>${ this.supportingText ? block31.call(this, context, tags, suffix) : undefined }<slot part="content"></slot>${ this.hasRating ? block32.call(this, context, tags, suffix) : undefined }</div>${ this.additionalText ? block33.call(this, context, tags, suffix) : undefined }<div class="udex-list__btn-wrap">${ this.hasFirstIcon ? block34.call(this, context, tags, suffix) : undefined }${ this.hasSecondIcon ? block35.call(this, context, tags, suffix) : undefined }</div>`;}
39
- function block31 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__supporting-text" part="supporting">${ifDefined(this.supportingText)}</span>`;}
40
- function block32 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-rating-indicator", tags, suffix)} aria-label="${ifDefined(this.ratingAriaLabel)}" value="${ifDefined(this.rating)}" rating-count="${ifDefined(this.ratingCount)}" total-count="${ifDefined(this.totalCount)}" max="${ifDefined(this.ratingMax)}" display="${ifDefined(this._displayRating)}" disabled readonly></${scopeTag("udex-rating-indicator", tags, suffix)}>` : html`<udex-rating-indicator aria-label="${ifDefined(this.ratingAriaLabel)}" value="${ifDefined(this.rating)}" rating-count="${ifDefined(this.ratingCount)}" total-count="${ifDefined(this.totalCount)}" max="${ifDefined(this.ratingMax)}" display="${ifDefined(this._displayRating)}" disabled readonly></udex-rating-indicator>`;}
41
- function block33 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__add-text" part="additional-text">${ifDefined(this.additionalText)}</div>`;}
42
- function block34 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="firstIcon" @click=${this._fireIconClickEvent}></slot>`;}
43
- function block35 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="secondIcon" @click=${this._fireIconClickEvent}></slot>`;}
44
- function block36 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__text-holder"><slot part="content"></slot>${ this.supportingText ? block37.call(this, context, tags, suffix) : undefined }${ this.hasRating ? block38.call(this, context, tags, suffix) : undefined }</div>${ this.additionalText ? block39.call(this, context, tags, suffix) : undefined }<div class="udex-list__btn-wrap">${ this.hasFirstIcon ? block40.call(this, context, tags, suffix) : undefined }${ this.hasSecondIcon ? block41.call(this, context, tags, suffix) : undefined }</div>`;}
45
- function block37 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__supporting-text" part="supporting">${ifDefined(this.supportingText)}</span>`;}
46
- function block38 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-rating-indicator", tags, suffix)} aria-label="${ifDefined(this.ratingAriaLabel)}" value="${ifDefined(this.rating)}" rating-count="${ifDefined(this.ratingCount)}" total-count="${ifDefined(this.totalCount)}" max="${ifDefined(this.ratingMax)}" display="${ifDefined(this._displayRating)}" disabled readonly></${scopeTag("udex-rating-indicator", tags, suffix)}>` : html`<udex-rating-indicator aria-label="${ifDefined(this.ratingAriaLabel)}" value="${ifDefined(this.rating)}" rating-count="${ifDefined(this.ratingCount)}" total-count="${ifDefined(this.totalCount)}" max="${ifDefined(this.ratingMax)}" display="${ifDefined(this._displayRating)}" disabled readonly></udex-rating-indicator>`;}
47
- function block39 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__add-text" part="additional-text">${ifDefined(this.additionalText)}</div>`;}
48
- function block40 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="firstIcon" @click=${this._fireIconClickEvent}></slot>`;}
49
- function block41 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="secondIcon" @click=${this._fireIconClickEvent}></slot>`;}
50
- function block42 (this: ListItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-list__group-heading__icon-wrapper"><${scopeTag("udex-button", tags, suffix)} size="Small" design="Tertiary" @mousedown="${this.handleCollapseIconMouseDown}" @click="${this.handleCollapseIconClick}" mode="Interactive" tabindex="-1" accessible-name="${ifDefined(this.expandButtonAccessibleName)}" class="udex-list__group-heading__icon" icon="slim-arrow-right"></${scopeTag("udex-button", tags, suffix)}></div>` : html`<div class="udex-list__group-heading__icon-wrapper"><udex-button size="Small" design="Tertiary" @mousedown="${this.handleCollapseIconMouseDown}" @click="${this.handleCollapseIconClick}" mode="Interactive" tabindex="-1" accessible-name="${ifDefined(this.expandButtonAccessibleName)}" class="udex-list__group-heading__icon" icon="slim-arrow-right"></udex-button></div>`;}
51
-
52
- function template(this: ListItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
53
- 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 ListSelectAll from "../../ListSelectAll.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: ListSelectAll, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div part="item" class="udex-list__group" role="group" aria-labelledby="group-select-all"><div role="listbox" class="${ifDefined(this.groupListClassName)}" aria-label="select-all-group" @ui5-item-press="${ifDefined(this.handleSelectAllGroupItemsPress)}"><${scopeTag("udex-list-item", tags, suffix)} role="group" _tab-index="${ifDefined(this._effectiveTabIndex)}" _additional-class-name="${ifDefined(this.additionalClassName)}" class="${ifDefined(this.className)}" ?selected="${this.selected}" aria-current="${ifDefined(this.selected)}" ?indeterminate="${this.indeterminate}" mode="${ifDefined(this.multiselectMode)}" part="group-item" @click="${this.handleSelectAllPress}" ?controlled="${this.controlled}" supporting-text="${ifDefined(this.supportingText)}" @keydown="${this.handleKeyDownPress}" accessible-role="option" divider>${ifDefined(this.selectAllLabel)}</${scopeTag("udex-list-item", tags, suffix)}><slot></slot></div></div>` : html`<div part="item" class="udex-list__group" role="group" aria-labelledby="group-select-all"><div role="listbox" class="${ifDefined(this.groupListClassName)}" aria-label="select-all-group" @ui5-item-press="${ifDefined(this.handleSelectAllGroupItemsPress)}"><udex-list-item role="group" _tab-index="${ifDefined(this._effectiveTabIndex)}" _additional-class-name="${ifDefined(this.additionalClassName)}" class="${ifDefined(this.className)}" ?selected="${this.selected}" aria-current="${ifDefined(this.selected)}" ?indeterminate="${this.indeterminate}" mode="${ifDefined(this.multiselectMode)}" part="group-item" @click="${this.handleSelectAllPress}" ?controlled="${this.controlled}" supporting-text="${ifDefined(this.supportingText)}" @keydown="${this.handleKeyDownPress}" accessible-role="option" divider>${ifDefined(this.selectAllLabel)}</udex-list-item><slot></slot></div></div>`;}
9
-
10
- function template(this: ListSelectAll) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
11
- export default template;
@@ -1,15 +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 List from "../../List.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.modeSelected ? block1.call(this, context, tags, suffix) : undefined }${ this.modeSingleContent ? block3.call(this, context, tags, suffix) : undefined } `;}
9
- function block1 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list-root" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleItemPress)}" @keydown="${this.handleKeyDown}" style="height: ${ifDefined(this.holderHeight)}"><div class="udex-list__scroll-container">${ this.headerText ? block2.call(this, context, tags, suffix) : undefined }<span id="${ifDefined(this._id)}-mode-label" class="udex-list__hidden-text">${ifDefined(this.ariaLabelModeText)}</span><div id="udex-list" class="udex-list" role="${ifDefined(this.effectiveAccessibleRole)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" aria-multiselectable="${ifDefined(this._listAriaMultiSelectable)}" aria-busy="${ifDefined(this.ariaBusy)}"><slot></slot></div></div></div>`;}
10
- function block2 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<header class="udex-list__header-text" part="header" id="${ifDefined(this._id)}-mode-label">${ifDefined(this.headerText)}</header>`;}
11
- function block3 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.headerText ? block4.call(this, context, tags, suffix) : undefined }<div id="udex-list" class="udex-list" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.singleContentAriaLabel)}" aria-busy="${ifDefined(this.ariaBusy)}"><slot></slot></div>`;}
12
- function block4 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<header class="udex-list__header-text" part="header" id="${ifDefined(this._id)}-mode-label">${ifDefined(this.headerText)}</header>`;}
13
-
14
- function template(this: List) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
15
- export default template;