@sapudex/web-components 2.53.0 → 2.55.0

package/dist/generated/templates/ListSelectAllTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type ListSelectAll from "../../ListSelectAll.js";
-declare function template(this: ListSelectAll): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/ListSelectAllTemplate.lit.js

@@ -1,7 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { 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>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=ListSelectAllTemplate.lit.js.map

package/dist/generated/templates/ListSelectAllTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListSelectAllTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ListSelectAllTemplate.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,wHAAwH,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,oDAAoD,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,MAAM,QAAQ,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAM,CAAC,6BAA6B,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,6BAA6B,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,IAAI,CAAC,QAAQ,mBAAmB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,IAAI,CAAC,aAAa,WAAW,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,+BAA+B,IAAI,CAAC,oBAAoB,kBAAkB,IAAI,CAAC,UAAU,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,IAAI,CAAC,kBAAkB,sCAAsC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,QAAQ,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAM,CAAC,4BAA4B,CAAC,CAAC,CAAC,IAAI,CAAA,wHAAwH,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,oDAAoD,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,8CAA8C,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,6BAA6B,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,IAAI,CAAC,QAAQ,mBAAmB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,IAAI,CAAC,aAAa,WAAW,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,+BAA+B,IAAI,CAAC,oBAAoB,kBAAkB,IAAI,CAAC,UAAU,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,IAAI,CAAC,kBAAkB,sCAAsC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,4CAA4C,CAAC,CAAA,CAAC;AAE15D,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 ListSelectAll from \"../../ListSelectAll.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction 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>`;}\n\nfunction template(this: ListSelectAll) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/dist/generated/templates/ListTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type List from "../../List.js";
-declare function template(this: List): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/ListTemplate.lit.js

@@ -1,11 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return html `${this.modeSelected ? block1.call(this, context, tags, suffix) : undefined}${this.modeSingleContent ? block3.call(this, context, tags, suffix) : undefined} `; }
-function block1(context, tags, suffix) { 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>`; }
-function block2(context, tags, suffix) { return html `<header class="udex-list__header-text" part="header" id="${ifDefined(this._id)}-mode-label">${ifDefined(this.headerText)}</header>`; }
-function block3(context, tags, suffix) { 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>`; }
-function block4(context, tags, suffix) { return html `<header class="udex-list__header-text" part="header" id="${ifDefined(this._id)}-mode-label">${ifDefined(this.headerText)}</header>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=ListTemplate.lit.js.map

package/dist/generated/templates/ListTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ListTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAwB,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAc,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAG,CAAC,CAAA,CAAC;AAC/Q,SAAS,MAAM,CAAc,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,gDAAgD,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,wBAAwB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,IAAI,CAAC,aAAa,oBAAoB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,8CAA+C,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,aAAa,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,+CAA+C,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,sDAAsD,SAAS,CAAC,IAAI,CAAC,uBAAuB,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,2BAA2B,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,mCAAmC,CAAC,CAAA,CAAC;AACz0B,SAAS,MAAM,CAAc,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,4DAA4D,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA,CAAC;AACjP,SAAS,MAAM,CAAc,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,+CAA+C,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAA,CAAC;AAC3X,SAAS,MAAM,CAAc,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,4DAA4D,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA,CAAC;AAEjP,SAAS,QAAQ,KAAe,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AACxJ,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 List from \"../../List.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction 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 } `;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\n\nfunction template(this: List) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/src/List.hbs

@@ -1,38 +0,0 @@
-{{#if modeSelected}}
-    <div
-        class="udex-list-root"
-        @ui5-item-press="{{handleItemPress}}"
-        @ui5-header-press="{{handleItemPress}}"
-        @keydown="{{handleKeyDown}}"
-        style="height: {{holderHeight}}">
-        <div class="udex-list__scroll-container">
-            {{> headerText}}
-            <span id="{{_id}}-mode-label" class="udex-list__hidden-text">{{ariaLabelModeText}}</span>
-            <div
-                id="udex-list"
-                class="udex-list"
-                role="{{effectiveAccessibleRole}}"
-                aria-labelledby="{{ariaLabelledBy}}"
-                aria-multiselectable="{{_listAriaMultiSelectable}}"
-                aria-busy="{{ariaBusy}}">
-                <slot></slot>
-            </div>
-        </div>
-    </div>
-{{/if}}
-{{#if modeSingleContent}}
-    {{> headerText}}
-    <div
-        id="udex-list"
-        class="udex-list"
-        role="{{accessibleRole}}"
-        aria-label="{{singleContentAriaLabel}}"
-        aria-busy="{{ariaBusy}}">
-        <slot></slot>
-    </div>
-{{/if}}
-{{#*inline "headerText"}}
-    {{#if headerText}}
-        <header class="udex-list__header-text" part="header" id="{{_id}}-mode-label">{{headerText}}</header>
-    {{/if}}
-{{/inline}}

package/src/ListGroupHeader.hbs

@@ -1,188 +0,0 @@
-<div
-    part="item"
-    class="udex-list__group"
-    role="{{groupWrapperRole}}"
-    {{#unless isTreeAccessibleRole}}aria-labelledby="group-heading"{{/unless}}>
-    {{#if collapsible}}
-      <div
-          class="udex-list__group-list"
-          name="group"
-          @ui5-item-press="{{getHandleGroupItemsClick}}">
-          {{#if useListItemHeader}}
-              {{> multi-or-radio-group-header-collapsible}}
-          {{else}}
-              {{> single-group-header-collapsible}}
-          {{/if}}
-          <div id="{{ariaControlsId}}" role="{{contentRegionRole}}" class="udex-list__group-list__content">
-            {{#unless isTreeAccessibleRole}}<div role="listbox" aria-label="group">{{/unless}}
-              <slot></slot>
-            {{#unless isTreeAccessibleRole}}</div>{{/unless}}
-          </div>
-      </div>
-    {{else}}
-      <div
-          role="{{nonCollapsibleContainerRole}}"
-          class="udex-list__group-list"
-          name="group"
-          aria-label="group"
-          @ui5-item-press="{{getHandleGroupItemsClick}}">
-          {{#if modeMultiSelectOrRadioGroup}}
-              {{> multi-or-radio-group-header}}
-          {{else}}
-              {{> single-group-header}}
-          {{/if}}
-          <slot></slot>
-      </div>
-    {{/if}}
-</div>
-
-{{#*inline "multi-or-radio-group-header"}}
-    {{#if isNonActiveHeader}}
-        <header id="group-heading" class="udex-list__inactive-header udex-list__group-header-wrap">
-          <div class="udex-list__inactive-header-content">
-            <span class="udex-list__header-title">{{{label}}}</span>
-            {{#if supportingText}}
-                <span class="udex-list__supporting-text">{{supportingText}}</span>
-            {{/if}}
-          </div>
-        </header>
-    {{else}}
-        <udex-list-item
-            id="group-heading"
-            _additional-class-name="{{_additionalClassName}}"
-            ?selected="{{selected}}"
-            _tab-index="{{_effectiveTabIndex}}"
-            ?indeterminate="{{indeterminate}}"
-            ?_filtered="{{_filtered}}"
-            part="group-item"
-            role="none"
-            class="{{className}}"
-            mode="{{mode}}"
-            ?controlled="{{controlled}}"
-            supporting-text="{{supportingText}}"
-            @click="{{handleHeaderPress}}"
-            @keydown="{{handleKeyDownPress}}"
-            type="{{type}}"
-            label="{{label}}"
-            _icon="{{_icon}}"
-            size="{{size}}"
-            accessible-role="{{nonCollapsibleHeaderAccessibleRole}}">
-        </udex-list-item>
-    {{/if}}
-{{/inline}}
-
-{{#*inline "multi-or-radio-group-header-collapsible"}}
-    {{#if isNonActiveHeader}}
-        <header role="button" id="group-heading" class="udex-list__inactive-header udex-list__group-header-wrap " tabindex="{{_effectiveTabIndex}}"
-        aria-expanded="{{expanded}}" aria-controls="{{ariaControlsId}}">
-          <div class="udex-list__inactive-header-content" >
-            <span class="udex-list__header-title">{{{label}}}</span>
-            {{#if supportingText}}
-                <span class="udex-list__supporting-text ">{{supportingText}}</span>
-            {{/if}}
-          </div>
-          <div class="udex-list__group-heading__icon-wrapper">
-              <udex-button
-                size="Small"
-                design="Tertiary"
-                class="udex-list__group-heading__icon"
-                @click="{{handleCollapseIconClick}}"
-                tabindex="-1"
-                accessible-name="{{expandButtonAccessibleName}}"
-                mode="Interactive"
-                icon="slim-arrow-right">
-              </udex-button>
-          </div>
-        </header>
-    {{else}}
-        <udex-list-item
-            id="group-heading"
-            aria-expanded="{{expanded}}"
-            aria-controls="{{ariaControlsId}}"
-            accessible-role="{{collapsibleHeaderAccessibleRole}}"
-            _additional-class-name="{{_additionalClassName}}"
-            ?selected="{{selected}}"
-            _tab-index="{{_effectiveTabIndex}}"
-            ?indeterminate="{{indeterminate}}"
-            collapsible={{collapsible}}
-            ?collapsed={{collapsed}}
-            ?_filtered="{{_filtered}}"
-            part="group-item"
-            role="none"
-            class="{{className}}"
-            mode="{{mode}}"
-            ?controlled="{{controlled}}"
-            supporting-text="{{supportingText}}"
-            @click="{{handleHeaderPress}}"
-            @keydown="{{handleKeyDownPress}}"
-            @accordion-icon-click="{{handleCollapseIconClick}}"
-            type="{{type}}"
-            label="{{label}}"
-            _icon="{{_icon}}"
-            size="{{size}}">
-        </udex-list-item>
-    {{/if}}
-{{/inline}}
-
-{{#*inline "single-group-header"}}
-    <div class="udex-list__group-content udex-list__group-header-wrap {{sizeClass}}" part="group-item">
-        {{#if typeNumber}}<span class="udex-list__number">{{numberOfItem}}.</span>{{/if}}
-        {{#if typeCircle}}<span class="udex-list__circle">&#x2022;</span>{{/if}}
-        {{#if typeIcon}}
-            <ui5-icon
-                class="udex-list__icon"
-                name="{{_icon}}"
-                accessible-role="presentation"
-                aria-hidden="true"
-                part="icon">
-            </ui5-icon>
-        {{/if}}
-        <div class="udex-list__header">
-            <span id="group-heading" class="udex-list__header-title">{{{label}}}</span>
-            {{#if supportingText}}
-                <span class="udex-list__supporting-text {{sizeClass}}">{{supportingText}}</span>
-            {{/if}}
-        </div>
-    </div>
-{{/inline}}
-
-{{#*inline "single-group-header-collapsible"}}
-    <div class="udex-list__group-content udex-list__group-header-wrap {{sizeClass}}" part="group-item"
-    id="{{this._id}}_group-content__focusable"
-    role="{{singleCollapsibleHeaderRole}}"
-    tabindex="0"
-    @keydown="{{handleKeyDown}}"
-    _tab-index="{{_effectiveTabIndex}}"
-    aria-expanded="{{expanded}}"
-    aria-controls="{{ariaControlsId}}">
-        {{#if typeNumber}}<span class="udex-list__number">{{numberOfItem}}.</span>{{/if}}
-        {{#if typeCircle}}<span class="udex-list__circle">&#x2022;</span>{{/if}}
-        {{#if typeIcon}}
-            <ui5-icon
-                class="udex-list__icon"
-                name="{{_icon}}"
-                accessible-role="presentation"
-                aria-hidden="true"
-                part="icon">
-            </ui5-icon>
-        {{/if}}
-        <div class="udex-list__header">
-            <span id="group-heading" class="udex-list__header-title">{{{label}}}</span>
-            {{#if supportingText}}
-                <span class="udex-list__supporting-text {{sizeClass}}">{{supportingText}}</span>
-            {{/if}}
-        </div>
-        <div class="udex-list__group-heading__icon-wrapper">
-            <udex-button
-              size="Small"
-              design="Tertiary"
-              class="udex-list__group-heading__icon"
-              @click="{{handleCollapseIconClick}}"
-              tabindex="-1"
-              accessible-name="{{expandButtonAccessibleName}}"
-              mode="Interactive"
-              icon="slim-arrow-right">
-            </udex-button>
-        </div>
-    </div>
-{{/inline}}

package/src/ListItem.hbs

@@ -1,166 +0,0 @@
-{{#if modeSelected}}
-    <div
-        part="item"
-        tabindex="{{_effectiveTabIndex}}"
-        aria-disabled="{{_ariaDisabled}}"
-        class="{{className}}"
-        role="{{roleItem}}"
-        aria-checked="{{ariaCheckedValue}}"
-        aria-selected="{{ariaSelectedValue}}"
-        aria-expanded="{{ariaExpandedValue}}"
-        @click="{{handleItemClick}}"
-        @mousedown="{{handleMouseDown}}"
-        @mouseup="{{handleMouseUp}}"
-        @keyup="{{handleKeyUp}}"
-        @keydown="{{handleKeyDown}}"
-        @focusin="{{handleFocusIn}}"
-        @focusout="{{handleFocusOut}}"
-        ?divider="{{divider}}"
-        _id="{{this._id}}"
-        data-selected="{{selected}}"
-        aria-describedby="{{itemDescribedBy}}">
-        {{#if modeMultiSelect}}
-            <udex-checkbox
-                class="udex-list__checkbox"
-                part="checkbox"
-                tabindex="-1"
-                ?indeterminate="{{indeterminate}}"
-                accessible-name="checkbox {{stateAccessibleName}}"
-                ?checked="{{selected}}"
-                ?disabled="{{disabled}}"
-                ?aria-hidden="{{checkboxAriaHidden}}">
-            </udex-checkbox>
-        {{/if}}
-        {{#if modeRadioGroup}}
-            <udex-radio-button
-                class="udex-list__radio"
-                part="radio"
-                tabindex="-1"
-                accessible-name="radio {{stateAccessibleName}}"
-                ?checked="{{selected}}"
-                ?disabled="{{disabled}}">
-            </udex-radio-button>
-        {{/if}}
-        {{>contentList}}
-    </div>
-{{/if}}
-{{#if modeSingleContent}}
-    <div
-        part="item"
-        role="{{roleItem}}"
-        aria-selected="{{selected}}"
-        class="{{className}}">
-        {{> contentList}}
-    </div>
-{{/if}}
-{{#*inline "contentList"}}
-    <div class="udex-list__content-wrap" _id="{{this._id}}" aria-labelledby="{{this._id}}-invisibleText" aria-label="{{accessibleListItemName}}">
-        {{#if flag}}
-            <div class="udex-list__flag-wrap">
-                 <span class="udex-list__flag" style="background-position: {{flagPosition}}"></span>
-            </div>
-        {{/if}}
-        {{#if typeNumber}}<span class="udex-list__number">{{numberOfItem}}.</span>{{/if}}
-        {{#if typeCircle}}<span class="udex-list__circle">&#x2022;</span>{{/if}}
-        {{#if typeIcon}}
-            <ui5-icon
-                class="udex-list__icon"
-                name="{{_icon}}"
-                accessible-role="presentation"
-                aria-hidden="true"
-                part="icon">
-            </ui5-icon>
-        {{/if}}
-        {{#if image}}
-            <udex-avatar
-                class="udex-list__avatar"
-                shape="{{imageShape}}"
-                size="{{imageSize}}"
-                part="avatar">
-                {{#if imageBadgeState}}
-                    <udex-status-badge
-                        slot="badge"
-                        value-state="{{imageBadgeState}}"
-                        size="{{imageSize}}">
-                    </udex-status-badge>
-                {{/if}}
-                <img src="{{image}}" alt="{{imageAlt}}" />
-            </udex-avatar>
-        {{/if}}
-        <div class="udex-list__content" part="content">
-            {{#if label}}
-                <div class="udex-list__text-holder">
-                    <span part="title">{{{label}}}</span>
-                    {{#if supportingText}}
-                        <span class="udex-list__supporting-text" part="supporting">{{supportingText}}</span>
-                    {{/if}}
-                    <slot part="content"></slot>
-                    {{#if hasRating}}
-                        <udex-rating-indicator
-                            aria-label="{{ratingAriaLabel}}"
-                            value="{{rating}}"
-                            rating-count="{{ratingCount}}"
-                            total-count="{{totalCount}}"
-                            max="{{ratingMax}}"
-                            display="{{_displayRating}}"
-                            disabled
-                            readonly>
-                        </udex-rating-indicator>
-                    {{/if}}
-                </div>
-                {{#if additionalText}}<div class="udex-list__add-text" part="additional-text">{{additionalText}}</div>{{/if}}
-                <div class="udex-list__btn-wrap">
-                    {{#if hasFirstIcon}}
-                        <slot name="firstIcon" @click={{_fireIconClickEvent}}></slot>
-                    {{/if}}
-                    {{#if hasSecondIcon}}
-                        <slot name="secondIcon" @click={{_fireIconClickEvent}}></slot>
-                    {{/if}}
-                </div>
-            {{else}}
-                <div class="udex-list__text-holder">
-                    <slot part="content"></slot>
-                    {{#if supportingText}}<span class="udex-list__supporting-text" part="supporting">{{supportingText}}</span>{{/if}}
-                    {{#if hasRating}}
-                        <udex-rating-indicator
-                            aria-label="{{ratingAriaLabel}}"
-                            value="{{rating}}"
-                            rating-count="{{ratingCount}}"
-                            total-count="{{totalCount}}"
-                            max="{{ratingMax}}"
-                            display="{{_displayRating}}"
-                            disabled
-                            readonly>
-                        </udex-rating-indicator>
-                    {{/if}}
-                </div>
-                {{#if additionalText}}<div class="udex-list__add-text" part="additional-text">{{additionalText}}</div>{{/if}}
-                <div class="udex-list__btn-wrap">
-                    {{#if hasFirstIcon}}
-                        <slot name="firstIcon" @click={{_fireIconClickEvent}}></slot>
-                    {{/if}}
-                    {{#if hasSecondIcon}}
-                        <slot name="secondIcon" @click={{_fireIconClickEvent}}></slot>
-                    {{/if}}
-                </div>
-            {{/if}}
-            {{#if collapsible}}
-              <div class="udex-list__group-heading__icon-wrapper">
-                  <udex-button
-                    size="Small"
-                    design="Tertiary"
-                    @mousedown="{{handleCollapseIconMouseDown}}"
-                    @click="{{handleCollapseIconClick}}"
-                    mode="Interactive"
-                    tabindex="-1"
-                    accessible-name="{{expandButtonAccessibleName}}"
-                    class="udex-list__group-heading__icon"
-                    icon="slim-arrow-right">
-                  </udex-button>
-              </div>
-            {{/if}}
-        </div>
-        <div class="hidden" id="{{this._id}}-invisibleText">{{accessibleListItemName}}</div>
-        <div class="hidden" id="{{this._id}}-invisibleText-describedby">{{itemState}}</div>
-    </div>
-{{/inline}}

package/src/ListSelectAll.hbs

@@ -1,31 +0,0 @@
-<div 
-    part="item"
-    class="udex-list__group"
-    role="group"
-    aria-labelledby="group-select-all">
-      <div
-          role="listbox"
-          class="{{groupListClassName}}"
-          aria-label="select-all-group"
-          @ui5-item-press="{{handleSelectAllGroupItemsPress}}">
-          <udex-list-item
-              role="group"
-              _tab-index="{{_effectiveTabIndex}}"
-              _additional-class-name="{{additionalClassName}}"
-              class="{{className}}"
-              ?selected="{{selected}}"
-              aria-current="{{selected}}"
-              ?indeterminate="{{indeterminate}}"
-              mode="{{multiselectMode}}"
-              part="group-item"
-              @click="{{handleSelectAllPress}}"
-              ?controlled="{{controlled}}"
-              supporting-text="{{supportingText}}"
-              @keydown="{{handleKeyDownPress}}"
-              accessible-role="option"
-              divider>
-              {{selectAllLabel}}
-          </udex-list-item>
-          <slot></slot>
-      </div>
-</div>

package/src/generated/templates/ListGroupHeaderTemplate.lit.ts

@@ -1,34 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type ListGroupHeader from "../../ListGroupHeader.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div part="item" class="udex-list__group" role="${ifDefined(this.groupWrapperRole)}" ${ !this.isTreeAccessibleRole ? block1.call(this, context, tags, suffix) : undefined }>${ this.collapsible ? block2.call(this, context, tags, suffix) : block14.call(this, context, tags, suffix) }</div> `;}
-function block1 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`aria-labelledby="group-heading"`;}
-function block2 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__group-list" name="group" @ui5-item-press="${ifDefined(this.getHandleGroupItemsClick)}">${ this.useListItemHeader ? block3.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix) }<div id="${ifDefined(this.ariaControlsId)}" role="${ifDefined(this.contentRegionRole)}" class="udex-list__group-list__content">${ !this.isTreeAccessibleRole ? block12.call(this, context, tags, suffix) : undefined }<slot></slot>${ !this.isTreeAccessibleRole ? block13.call(this, context, tags, suffix) : undefined }</div></div>`;}
-function block3 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isNonActiveHeader ? block4.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) }`;}
-function block4 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<header role="button" id="group-heading" class="udex-list__inactive-header udex-list__group-header-wrap " tabindex="${ifDefined(this._effectiveTabIndex)}" aria-expanded="${ifDefined(this.expanded)}" aria-controls="${ifDefined(this.ariaControlsId)}"><div class="udex-list__inactive-header-content"><span class="udex-list__header-title">${unsafeHTML(this.label)}</span>${ this.supportingText ? block5.call(this, context, tags, suffix) : undefined }</div><div class="udex-list__group-heading__icon-wrapper"><${scopeTag("udex-button", tags, suffix)} size="Small" design="Tertiary" class="udex-list__group-heading__icon" @click="${this.handleCollapseIconClick}" tabindex="-1" accessible-name="${ifDefined(this.expandButtonAccessibleName)}" mode="Interactive" icon="slim-arrow-right"></${scopeTag("udex-button", tags, suffix)}></div></header>` : html`<header role="button" id="group-heading" class="udex-list__inactive-header udex-list__group-header-wrap " tabindex="${ifDefined(this._effectiveTabIndex)}" aria-expanded="${ifDefined(this.expanded)}" aria-controls="${ifDefined(this.ariaControlsId)}"><div class="udex-list__inactive-header-content"><span class="udex-list__header-title">${unsafeHTML(this.label)}</span>${ this.supportingText ? block5.call(this, context, tags, suffix) : undefined }</div><div class="udex-list__group-heading__icon-wrapper"><udex-button size="Small" design="Tertiary" class="udex-list__group-heading__icon" @click="${this.handleCollapseIconClick}" tabindex="-1" accessible-name="${ifDefined(this.expandButtonAccessibleName)}" mode="Interactive" icon="slim-arrow-right"></udex-button></div></header>`;}
-function block5 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__supporting-text ">${ifDefined(this.supportingText)}</span>`;}
-function block6 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-list-item", tags, suffix)} id="group-heading" aria-expanded="${ifDefined(this.expanded)}" aria-controls="${ifDefined(this.ariaControlsId)}" accessible-role="${ifDefined(this.collapsibleHeaderAccessibleRole)}" _additional-class-name="${ifDefined(this._additionalClassName)}" ?selected="${this.selected}" _tab-index="${ifDefined(this._effectiveTabIndex)}" ?indeterminate="${this.indeterminate}" collapsible=${ifDefined(this.collapsible)} ?collapsed=${this.collapsed} ?_filtered="${ifDefined(this._filtered)}" part="group-item" role="none" class="${ifDefined(this.className)}" mode="${ifDefined(this.mode)}" ?controlled="${this.controlled}" supporting-text="${ifDefined(this.supportingText)}" @click="${this.handleHeaderPress}" @keydown="${this.handleKeyDownPress}" @accordion-icon-click="${this.handleCollapseIconClick}" type="${ifDefined(this.type)}" label="${ifDefined(this.label)}" _icon="${ifDefined(this._icon)}" size="${ifDefined(this.size)}"></${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item id="group-heading" aria-expanded="${ifDefined(this.expanded)}" aria-controls="${ifDefined(this.ariaControlsId)}" accessible-role="${ifDefined(this.collapsibleHeaderAccessibleRole)}" _additional-class-name="${ifDefined(this._additionalClassName)}" ?selected="${this.selected}" _tab-index="${ifDefined(this._effectiveTabIndex)}" ?indeterminate="${this.indeterminate}" collapsible=${ifDefined(this.collapsible)} ?collapsed=${this.collapsed} ?_filtered="${ifDefined(this._filtered)}" part="group-item" role="none" class="${ifDefined(this.className)}" mode="${ifDefined(this.mode)}" ?controlled="${this.controlled}" supporting-text="${ifDefined(this.supportingText)}" @click="${this.handleHeaderPress}" @keydown="${this.handleKeyDownPress}" @accordion-icon-click="${this.handleCollapseIconClick}" type="${ifDefined(this.type)}" label="${ifDefined(this.label)}" _icon="${ifDefined(this._icon)}" size="${ifDefined(this.size)}"></udex-list-item>`;}
-function block7 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-list__group-content udex-list__group-header-wrap ${ifDefined(this.sizeClass)}" part="group-item" id="${ifDefined(this._id)}_group-content__focusable" role="${ifDefined(this.singleCollapsibleHeaderRole)}" tabindex="0" @keydown="${this.handleKeyDown}" _tab-index="${ifDefined(this._effectiveTabIndex)}" aria-expanded="${ifDefined(this.expanded)}" aria-controls="${ifDefined(this.ariaControlsId)}">${ this.typeNumber ? block8.call(this, context, tags, suffix) : undefined }${ this.typeCircle ? block9.call(this, context, tags, suffix) : undefined }${ this.typeIcon ? block10.call(this, context, tags, suffix) : undefined }<div class="udex-list__header"><span id="group-heading" class="udex-list__header-title">${unsafeHTML(this.label)}</span>${ this.supportingText ? block11.call(this, context, tags, suffix) : undefined }</div><div class="udex-list__group-heading__icon-wrapper"><${scopeTag("udex-button", tags, suffix)} size="Small" design="Tertiary" class="udex-list__group-heading__icon" @click="${this.handleCollapseIconClick}" tabindex="-1" accessible-name="${ifDefined(this.expandButtonAccessibleName)}" mode="Interactive" icon="slim-arrow-right"></${scopeTag("udex-button", tags, suffix)}></div></div>` : html`<div class="udex-list__group-content udex-list__group-header-wrap ${ifDefined(this.sizeClass)}" part="group-item" id="${ifDefined(this._id)}_group-content__focusable" role="${ifDefined(this.singleCollapsibleHeaderRole)}" tabindex="0" @keydown="${this.handleKeyDown}" _tab-index="${ifDefined(this._effectiveTabIndex)}" aria-expanded="${ifDefined(this.expanded)}" aria-controls="${ifDefined(this.ariaControlsId)}">${ this.typeNumber ? block8.call(this, context, tags, suffix) : undefined }${ this.typeCircle ? block9.call(this, context, tags, suffix) : undefined }${ this.typeIcon ? block10.call(this, context, tags, suffix) : undefined }<div class="udex-list__header"><span id="group-heading" class="udex-list__header-title">${unsafeHTML(this.label)}</span>${ this.supportingText ? block11.call(this, context, tags, suffix) : undefined }</div><div class="udex-list__group-heading__icon-wrapper"><udex-button size="Small" design="Tertiary" class="udex-list__group-heading__icon" @click="${this.handleCollapseIconClick}" tabindex="-1" accessible-name="${ifDefined(this.expandButtonAccessibleName)}" mode="Interactive" icon="slim-arrow-right"></udex-button></div></div>`;}
-function block8 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__number">${ifDefined(this.numberOfItem)}.</span>`;}
-function block9 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__circle">&#x2022;</span>`;}
-function block10 (this: ListGroupHeader, 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>`;}
-function block11 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__supporting-text ${ifDefined(this.sizeClass)}">${ifDefined(this.supportingText)}</span>`;}
-function block12 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="listbox" aria-label="group">`;}
-function block13 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`</div>`;}
-function block14 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="${ifDefined(this.nonCollapsibleContainerRole)}" class="udex-list__group-list" name="group" aria-label="group" @ui5-item-press="${ifDefined(this.getHandleGroupItemsClick)}">${ this.modeMultiSelectOrRadioGroup ? block15.call(this, context, tags, suffix) : block19.call(this, context, tags, suffix) }<slot></slot></div>`;}
-function block15 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isNonActiveHeader ? block16.call(this, context, tags, suffix) : block18.call(this, context, tags, suffix) }`;}
-function block16 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<header id="group-heading" class="udex-list__inactive-header udex-list__group-header-wrap"><div class="udex-list__inactive-header-content"><span class="udex-list__header-title">${unsafeHTML(this.label)}</span>${ this.supportingText ? block17.call(this, context, tags, suffix) : undefined }</div></header>`;}
-function block17 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__supporting-text">${ifDefined(this.supportingText)}</span>`;}
-function block18 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-list-item", tags, suffix)} id="group-heading" _additional-class-name="${ifDefined(this._additionalClassName)}" ?selected="${this.selected}" _tab-index="${ifDefined(this._effectiveTabIndex)}" ?indeterminate="${this.indeterminate}" ?_filtered="${ifDefined(this._filtered)}" part="group-item" role="none" class="${ifDefined(this.className)}" mode="${ifDefined(this.mode)}" ?controlled="${this.controlled}" supporting-text="${ifDefined(this.supportingText)}" @click="${this.handleHeaderPress}" @keydown="${this.handleKeyDownPress}" type="${ifDefined(this.type)}" label="${ifDefined(this.label)}" _icon="${ifDefined(this._icon)}" size="${ifDefined(this.size)}" accessible-role="${ifDefined(this.nonCollapsibleHeaderAccessibleRole)}"></${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item id="group-heading" _additional-class-name="${ifDefined(this._additionalClassName)}" ?selected="${this.selected}" _tab-index="${ifDefined(this._effectiveTabIndex)}" ?indeterminate="${this.indeterminate}" ?_filtered="${ifDefined(this._filtered)}" part="group-item" role="none" class="${ifDefined(this.className)}" mode="${ifDefined(this.mode)}" ?controlled="${this.controlled}" supporting-text="${ifDefined(this.supportingText)}" @click="${this.handleHeaderPress}" @keydown="${this.handleKeyDownPress}" type="${ifDefined(this.type)}" label="${ifDefined(this.label)}" _icon="${ifDefined(this._icon)}" size="${ifDefined(this.size)}" accessible-role="${ifDefined(this.nonCollapsibleHeaderAccessibleRole)}"></udex-list-item>`;}
-function block19 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list__group-content udex-list__group-header-wrap ${ifDefined(this.sizeClass)}" part="group-item">${ this.typeNumber ? block20.call(this, context, tags, suffix) : undefined }${ this.typeCircle ? block21.call(this, context, tags, suffix) : undefined }${ this.typeIcon ? block22.call(this, context, tags, suffix) : undefined }<div class="udex-list__header"><span id="group-heading" class="udex-list__header-title">${unsafeHTML(this.label)}</span>${ this.supportingText ? block23.call(this, context, tags, suffix) : undefined }</div></div>`;}
-function block20 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__number">${ifDefined(this.numberOfItem)}.</span>`;}
-function block21 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__circle">&#x2022;</span>`;}
-function block22 (this: ListGroupHeader, 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>`;}
-function block23 (this: ListGroupHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-list__supporting-text ${ifDefined(this.sizeClass)}">${ifDefined(this.supportingText)}</span>`;}
-
-function template(this: ListGroupHeader) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;