@openui5/sap.ui.webc.main 1.115.1 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/generated/templates/ResponsivePopoverTemplate.lit.js

@@ -7,19 +7,45 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context._isPhone ? block1(context, tags, suffix) : block7(context, tags, suffix)}`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)} accessible-name=${(0, _LitRenderer.ifDefined)(context.accessibleName)} accessible-name-ref=${(0, _LitRenderer.ifDefined)(context.accessibleNameRef)} stretch _disable-initial-focus @ui5-before-open="${(0, _LitRenderer.ifDefined)(context._beforeDialogOpen)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(context._propagateDialogEvent)}" @ui5-before-close="${(0, _LitRenderer.ifDefined)(context._propagateDialogEvent)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context._afterDialogClose)}" exportparts="content, header, footer">${!context._hideHeader ? block2(context, tags, suffix) : undefined}<slot></slot><slot slot="footer" name="footer"></slot></${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-dialog accessible-name=${(0, _LitRenderer.ifDefined)(context.accessibleName)} accessible-name-ref=${(0, _LitRenderer.ifDefined)(context.accessibleNameRef)} stretch _disable-initial-focus @ui5-before-open="${(0, _LitRenderer.ifDefined)(context._beforeDialogOpen)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(context._propagateDialogEvent)}" @ui5-before-close="${(0, _LitRenderer.ifDefined)(context._propagateDialogEvent)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context._afterDialogClose)}" exportparts="content, header, footer">${!context._hideHeader ? block2(context, tags, suffix) : undefined}<slot></slot><slot slot="footer" name="footer"></slot></ui5-dialog>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.header.length ? block3(context, tags, suffix) : block4(context, tags, suffix)}`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot slot="header" name="header"></slot>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.header)}" slot="header">${context.headerText ? block5(context, tags, suffix) : undefined}${!context._hideCloseButton ? block6(context, tags, suffix) : undefined}</div>`;
-  const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} level="H2" class="ui5-popup-header-text ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(context.headerText)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-title level="H2" class="ui5-popup-header-text ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(context.headerText)}</ui5-title>`;
-  const block6 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="decline" design="Transparent" aria-label="${(0, _LitRenderer.ifDefined)(context._closeDialogAriaLabel)}" @click="${context.close}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="decline" design="Transparent" aria-label="${(0, _LitRenderer.ifDefined)(context._closeDialogAriaLabel)}" @click="${context.close}"></ui5-button>`;
-  const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`<section style="${(0, _LitRenderer.styleMap)(context.styles.root)}" class="${(0, _LitRenderer.classMap)(context.classes.root)}" role="dialog" aria-modal="${(0, _LitRenderer.ifDefined)(context._ariaModal)}" aria-label="${(0, _LitRenderer.ifDefined)(context._ariaLabel)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledBy)}" @keydown=${context._onkeydown} @focusout=${context._onfocusout} @mouseup=${context._onmouseup} @mousedown=${context._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToLast}></span><span class="ui5-popover-arrow" style="${(0, _LitRenderer.styleMap)(context.styles.arrow)}"></span>${context._displayHeader ? block8(context, tags, suffix) : undefined}<div style="${(0, _LitRenderer.styleMap)(context.styles.content)}" class="${(0, _LitRenderer.classMap)(context.classes.content)}"  @scroll="${context._scroll}" part="content"><slot></slot></div>${context._displayFooter ? block11(context, tags, suffix) : undefined}<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<header class="ui5-popup-header-root" id="ui5-popup-header" part="header">${context.header.length ? block9(context, tags, suffix) : block10(context, tags, suffix)}</header>`;
-  const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="header"></slot>`;
-  const block10 = (context, tags, suffix) => (0, _LitRenderer.html)`<h2 class="ui5-popup-header-text">${(0, _LitRenderer.ifDefined)(context.headerText)}</h2>`;
-  const block11 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.footer.length ? block12(context, tags, suffix) : undefined}`;
-  const block12 = (context, tags, suffix) => (0, _LitRenderer.html)`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this._isPhone ? block1.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)} accessible-name=${(0, _LitRenderer.ifDefined)(this.accessibleName)} accessible-name-ref=${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)} accessible-role=${(0, _LitRenderer.ifDefined)(this.accessibleRole)} stretch _disable-initial-focus @ui5-before-open="${(0, _LitRenderer.ifDefined)(this._beforeDialogOpen)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._propagateDialogEvent)}" @ui5-before-close="${(0, _LitRenderer.ifDefined)(this._propagateDialogEvent)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._afterDialogClose)}" exportparts="content, header, footer">${!this._hideHeader ? block2.call(this, context, tags, suffix) : undefined}<slot></slot><slot slot="footer" name="footer"></slot></${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-dialog accessible-name=${(0, _LitRenderer.ifDefined)(this.accessibleName)} accessible-name-ref=${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)} accessible-role=${(0, _LitRenderer.ifDefined)(this.accessibleRole)} stretch _disable-initial-focus @ui5-before-open="${(0, _LitRenderer.ifDefined)(this._beforeDialogOpen)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._propagateDialogEvent)}" @ui5-before-close="${(0, _LitRenderer.ifDefined)(this._propagateDialogEvent)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._afterDialogClose)}" exportparts="content, header, footer">${!this._hideHeader ? block2.call(this, context, tags, suffix) : undefined}<slot></slot><slot slot="footer" name="footer"></slot></ui5-dialog>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.header.length ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot slot="header" name="header"></slot>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.header)}" slot="header">${this.headerText ? block5.call(this, context, tags, suffix) : undefined}${!this._hideCloseButton ? block6.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block5(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} level="H2" class="ui5-popup-header-text ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(this.headerText)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-title level="H2" class="ui5-popup-header-text ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(this.headerText)}</ui5-title>`;
+  }
+  function block6(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="decline" design="Transparent" aria-label="${(0, _LitRenderer.ifDefined)(this._closeDialogAriaLabel)}" @click="${this.close}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="decline" design="Transparent" aria-label="${(0, _LitRenderer.ifDefined)(this._closeDialogAriaLabel)}" @click="${this.close}"></ui5-button>`;
+  }
+  function block7(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<section style="${(0, _LitRenderer.styleMap)(this.styles.root)}" class="${(0, _LitRenderer.classMap)(this.classes.root)}" role="${(0, _LitRenderer.ifDefined)(this._role)}" aria-modal="${(0, _LitRenderer.ifDefined)(this._ariaModal)}" aria-label="${(0, _LitRenderer.ifDefined)(this._ariaLabel)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledBy)}" @keydown=${this._onkeydown} @focusout=${this._onfocusout} @mouseup=${this._onmouseup} @mousedown=${this._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${this.forwardToLast}></span><span class="ui5-popover-arrow" style="${(0, _LitRenderer.styleMap)(this.styles.arrow)}"></span>${this._displayHeader ? block8.call(this, context, tags, suffix) : undefined}<div style="${(0, _LitRenderer.styleMap)(this.styles.content)}" class="${(0, _LitRenderer.classMap)(this.classes.content)}"  @scroll="${this._scroll}" part="content"><slot></slot></div>${this._displayFooter ? block11.call(this, context, tags, suffix) : undefined}<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${this.forwardToFirst}></span></section>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<header class="ui5-popup-header-root" id="ui5-popup-header" part="header">${this.header.length ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</header>`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="header"></slot>`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h1 class="ui5-popup-header-text">${(0, _LitRenderer.ifDefined)(this.headerText)}</h1>`;
+  }
+  function block11(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.footer.length ? block12.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block12(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/SegmentedButtonItemTemplate.lit.js

@@ -7,8 +7,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<li role="option" aria-roledescription="${(0, _LitRenderer.ifDefined)(context.ariaDescription)}" aria-posinset="${(0, _LitRenderer.ifDefined)(context.posInSet)}" aria-setsize="${(0, _LitRenderer.ifDefined)(context.sizeOfSet)}" aria-selected="${(0, _LitRenderer.ifDefined)(context.pressed)}" class="ui5-button-root" aria-disabled="${(0, _LitRenderer.ifDefined)(context.disabled)}" data-sap-focus-ref  @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${(0, _LitRenderer.ifDefined)(context.tabIndexValue)} aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" title="${(0, _LitRenderer.ifDefined)(context.tooltip)}">${context.icon ? block1(context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span></li> `;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" part="icon" ?show-tooltip=${context.showIconTooltip}></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-button-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" part="icon" ?show-tooltip=${context.showIconTooltip}></ui5-icon>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<li role="option" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.ariaDescription)}" aria-posinset="${(0, _LitRenderer.ifDefined)(this.posInSet)}" aria-setsize="${(0, _LitRenderer.ifDefined)(this.sizeOfSet)}" aria-selected="${(0, _LitRenderer.ifDefined)(this.pressed)}" class="ui5-button-root" aria-disabled="${(0, _LitRenderer.ifDefined)(this.disabled)}" data-sap-focus-ref  @focusout=${this._onfocusout} @focusin=${this._onfocusin} @click=${this._onclick} @mousedown=${this._onmousedown} @mouseup=${this._onmouseup} @keydown=${this._onkeydown} @keyup=${this._onkeyup} @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" tabindex=${(0, _LitRenderer.ifDefined)(this.tabIndexValue)} aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" title="${(0, _LitRenderer.ifDefined)(this.tooltip)}">${this.icon ? block1.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span></li> `;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" part="icon" ?show-tooltip=${this.showIconTooltip}></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-button-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" part="icon" ?show-tooltip=${this.showIconTooltip}></ui5-icon>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/SegmentedButtonTemplate.lit.js

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul @click="${context._onclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @focusin="${context._onfocusin}" class="ui5-segmented-button-root" role="listbox" aria-multiselectable="true" aria-describedby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" aria-roledescription=${(0, _LitRenderer.ifDefined)(context.ariaDescription)} aria-label=${(0, _LitRenderer.ifDefined)(context.accessibleName)}><slot></slot><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.ariaDescribedBy)}</span></ul>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul @click="${this._onclick}" @mousedown="${this._onmousedown}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @focusin="${this._onfocusin}" class="ui5-segmented-button-root" role="listbox" aria-multiselectable="true" aria-describedby="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" aria-roledescription=${(0, _LitRenderer.ifDefined)(this.ariaDescription)} aria-label=${(0, _LitRenderer.ifDefined)(this.accessibleName)}><slot></slot><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.ariaDescribedBy)}</span></ul>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/SelectPopoverTemplate.lit.js

@@ -7,23 +7,57 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.options ? block1(context, tags, suffix) : undefined}${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} hide-arrow _disable-initial-focus placement-type="Bottom" class="ui5-select-popover ${(0, _LitRenderer.classMap)(context.classes.popover)}" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(context._afterOpen)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(context._beforeOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context._afterClose)}" @keydown="${context._onkeydown}" style=${(0, _LitRenderer.styleMap)(context.styles.responsivePopover)}>${context._isPhone ? block2(context, tags, suffix) : undefined}${!context._isPhone ? block7(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelectAuto" separators="None" @mousedown="${context._itemMousedown}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(context._handleItemPress)}">${(0, _LitRenderer.repeat)(context._syncedOptions, (item, index) => item._id || index, (item, index) => block12(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover hide-arrow _disable-initial-focus placement-type="Bottom" class="ui5-select-popover ${(0, _LitRenderer.classMap)(context.classes.popover)}" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(context._afterOpen)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(context._beforeOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context._afterClose)}" @keydown="${context._onkeydown}" style=${(0, _LitRenderer.styleMap)(context.styles.responsivePopover)}>${context._isPhone ? block2(context, tags, suffix) : undefined}${!context._isPhone ? block7(context, tags, suffix) : undefined}<ui5-list mode="SingleSelectAuto" separators="None" @mousedown="${context._itemMousedown}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(context._handleItemPress)}">${(0, _LitRenderer.repeat)(context._syncedOptions, (item, index) => item._id || index, (item, index) => block12(item, index, context, tags, suffix))}</ui5-list></ui5-responsive-popover>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(context._headerTitleText)}</span><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._toggleRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>${context.hasValueStateText ? block3(context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(context._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._toggleRespPopover}"></ui5-button></div>${context.hasValueStateText ? block3(context, tags, suffix) : undefined}</div>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)} row ui5-select-value-state-dialog-header">${context.shouldDisplayDefaultValueStateMessage ? block4(context, tags, suffix) : block5(context, tags, suffix)}</div>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix))}`;
-  const block6 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.hasValueStateText ? block8(context, tags, suffix) : undefined}`;
-  const block8 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(context.styles.responsivePopoverHeader)}><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block9(context, tags, suffix) : block10(context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(context.styles.responsivePopoverHeader)}><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block9(context, tags, suffix) : block10(context, tags, suffix)}</div>`;
-  const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-  const block10 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix))}`;
-  const block11 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block12 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(item.id)}-li" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?selected="${item.selected}" ?focused="${item._focused}" title="${(0, _LitRenderer.ifDefined)(item.title)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" ?aria-selected="${item.selected}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}">${(0, _LitRenderer.ifDefined)(item.textContent)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li id="${(0, _LitRenderer.ifDefined)(item.id)}-li" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?selected="${item.selected}" ?focused="${item._focused}" title="${(0, _LitRenderer.ifDefined)(item.title)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" ?aria-selected="${item.selected}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}">${(0, _LitRenderer.ifDefined)(item.textContent)}</ui5-li>`;
-  const block13 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block14(context, tags, suffix) : block15(context, tags, suffix)}</div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block14(context, tags, suffix) : block15(context, tags, suffix)}</div></ui5-popover>`;
-  const block14 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-  const block15 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block16(item, index, context, tags, suffix))}`;
-  const block16 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.options ? block1.call(this, context, tags, suffix) : undefined}${this.shouldOpenValueStateMessagePopover ? block13.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} hide-arrow _disable-initial-focus placement-type="Bottom" class="ui5-select-popover ${(0, _LitRenderer.classMap)(this.classes.popover)}" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._afterOpen)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(this._beforeOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._afterClose)}" @keydown="${this._onkeydown}" style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopover)}>${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelectAuto" separators="None" @mousedown="${this._itemMousedown}" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._handleItemPress)}">${(0, _LitRenderer.repeat)(this._syncedOptions, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover hide-arrow _disable-initial-focus placement-type="Bottom" class="ui5-select-popover ${(0, _LitRenderer.classMap)(this.classes.popover)}" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._afterOpen)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(this._beforeOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._afterClose)}" @keydown="${this._onkeydown}" style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopover)}>${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<ui5-list mode="SingleSelectAuto" separators="None" @mousedown="${this._itemMousedown}" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._handleItemPress)}">${(0, _LitRenderer.repeat)(this._syncedOptions, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</ui5-list></ui5-responsive-popover>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(this._headerTitleText)}</span><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._toggleRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(this._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._toggleRespPopover}"></ui5-button></div>${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)} row ui5-select-value-state-dialog-header">${this.shouldDisplayDefaultValueStateMessage ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</div>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block6(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block7(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.hasValueStateText ? block8.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block8(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopoverHeader)}><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopoverHeader)}><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</div>`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block11(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block12(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(item.id)}-li" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?selected="${item.selected}" ?focused="${item._focused}" title="${(0, _LitRenderer.ifDefined)(item.title)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" ?aria-selected="${item.selected}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}">${(0, _LitRenderer.ifDefined)(item.textContent)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li id="${(0, _LitRenderer.ifDefined)(item.id)}-li" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?selected="${item.selected}" ?focused="${item._focused}" title="${(0, _LitRenderer.ifDefined)(item.title)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" ?aria-selected="${item.selected}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}">${(0, _LitRenderer.ifDefined)(item.textContent)}</ui5-li>`;
+  }
+  function block13(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block14.call(this, context, tags, suffix) : block15.call(this, context, tags, suffix)}</div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block14.call(this, context, tags, suffix) : block15.call(this, context, tags, suffix)}</div></ui5-popover>`;
+  }
+  function block14(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  function block15(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block16.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block16(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/SelectTemplate.lit.js

@@ -7,9 +7,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-select-root ui5-input-focusable-element" id="${(0, _LitRenderer.ifDefined)(context._id)}-select" @click="${context._onclick}">${context.selectedOptionIcon ? block1(context, tags, suffix) : undefined}<div class="ui5-select-label-root" data-sap-focus-ref tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" role="combobox" aria-haspopup="listbox" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-describedby="${(0, _LitRenderer.ifDefined)(context.valueStateTextId)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.isDisabled)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" aria-expanded="${(0, _LitRenderer.ifDefined)(context._isPickerOpen)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(context._ariaRoleDescription)}" @keydown="${context._onkeydown}" @keypress="${context._handleKeyboardNavigation}" @keyup="${context._onkeyup}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${(0, _LitRenderer.ifDefined)(context._text)}</div><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="slim-arrow-down" input-icon ?pressed="${context._iconPressed}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.hasValueState ? block2(context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>` : (0, _LitRenderer.html)`<div class="ui5-select-root ui5-input-focusable-element" id="${(0, _LitRenderer.ifDefined)(context._id)}-select" @click="${context._onclick}">${context.selectedOptionIcon ? block1(context, tags, suffix) : undefined}<div class="ui5-select-label-root" data-sap-focus-ref tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" role="combobox" aria-haspopup="listbox" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-describedby="${(0, _LitRenderer.ifDefined)(context.valueStateTextId)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.isDisabled)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" aria-expanded="${(0, _LitRenderer.ifDefined)(context._isPickerOpen)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(context._ariaRoleDescription)}" @keydown="${context._onkeydown}" @keypress="${context._handleKeyboardNavigation}" @keyup="${context._onkeyup}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${(0, _LitRenderer.ifDefined)(context._text)}</div><ui5-icon name="slim-arrow-down" input-icon ?pressed="${context._iconPressed}"></ui5-icon>${context.hasValueState ? block2(context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} aria-hidden="true" class="ui5-select-option-icon" name="${(0, _LitRenderer.ifDefined)(context.selectedOptionIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon aria-hidden="true" class="ui5-select-option-icon" name="${(0, _LitRenderer.ifDefined)(context.selectedOptionIcon)}"></ui5-icon>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(context._id)}-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.valueStateText)}</span>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-select-root ui5-input-focusable-element" id="${(0, _LitRenderer.ifDefined)(this._id)}-select" @click="${this._onclick}">${this.selectedOptionIcon ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-select-label-root" data-sap-focus-ref tabindex="${(0, _LitRenderer.ifDefined)(this._effectiveTabIndex)}" role="combobox" aria-haspopup="listbox" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.valueStateTextId)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.isDisabled)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this._isPickerOpen)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._ariaRoleDescription)}" @keydown="${this._onkeydown}" @keypress="${this._handleKeyboardNavigation}" @keyup="${this._onkeyup}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}">${(0, _LitRenderer.ifDefined)(this._text)}</div><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="slim-arrow-down" input-icon ?pressed="${this._iconPressed}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>` : (0, _LitRenderer.html)`<div class="ui5-select-root ui5-input-focusable-element" id="${(0, _LitRenderer.ifDefined)(this._id)}-select" @click="${this._onclick}">${this.selectedOptionIcon ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-select-label-root" data-sap-focus-ref tabindex="${(0, _LitRenderer.ifDefined)(this._effectiveTabIndex)}" role="combobox" aria-haspopup="listbox" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.valueStateTextId)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.isDisabled)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this._isPickerOpen)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._ariaRoleDescription)}" @keydown="${this._onkeydown}" @keypress="${this._handleKeyboardNavigation}" @keyup="${this._onkeyup}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}">${(0, _LitRenderer.ifDefined)(this._text)}</div><ui5-icon name="slim-arrow-down" input-icon ?pressed="${this._iconPressed}"></ui5-icon>${this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} aria-hidden="true" class="ui5-select-option-icon" name="${(0, _LitRenderer.ifDefined)(this.selectedOptionIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon aria-hidden="true" class="ui5-select-option-icon" name="${(0, _LitRenderer.ifDefined)(this.selectedOptionIcon)}"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.valueStateText)}</span>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/SliderBaseTemplate.lit.js

@@ -7,14 +7,30 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}</div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaLabelledByText)}</span></div> `;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.showTickmarks ? block2(context, tags, suffix) : undefined}`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul class="ui5-slider-tickmarks">${(0, _LitRenderer.repeat)(context.tickmarksObject, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</ul>${context.labelInterval ? block6(context, tags, suffix) : undefined}`;
-  const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item ? block4(item, index, context, tags, suffix) : block5(item, index, context, tags, suffix)}`;
-  const block4 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`;
-  const block5 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li class="ui5-slider-tickmark"></li>`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul class="ui5-slider-labels ${(0, _LitRenderer.classMap)(context.classes.labelContainer)}" style="${(0, _LitRenderer.styleMap)(context.styles.labelContainer)}">${(0, _LitRenderer.repeat)(context._labels, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}</ul>`;
-  const block7 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li style="${(0, _LitRenderer.styleMap)(context.styles.label)}">${(0, _LitRenderer.ifDefined)(item)}</li>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><div class="ui5-slider-inner">${this.step ? block1.call(this, context, tags, suffix) : undefined}</div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaLabelledByText)}</span></div> `;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.showTickmarks ? block2.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul class="ui5-slider-tickmarks">${(0, _LitRenderer.repeat)(this.tickmarksObject, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</ul>${this.labelInterval ? block6.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li class="ui5-slider-tickmark"></li>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul class="ui5-slider-labels ${(0, _LitRenderer.classMap)(this.classes.labelContainer)}" style="${(0, _LitRenderer.styleMap)(this.styles.labelContainer)}">${(0, _LitRenderer.repeat)(this._labels, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</ul>`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li style="${(0, _LitRenderer.styleMap)(this.styles.label)}">${(0, _LitRenderer.ifDefined)(item)}</li>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/SliderTemplate.lit.js

@@ -7,15 +7,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(context.styles.progress)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${(0, _LitRenderer.styleMap)(context.styles.handle)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(context.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(context.value)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}" data-sap-focus-ref part="handle"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="source-code" part="icon-slider" slider-icon></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.showTooltip ? block8(context, tags, suffix) : undefined}</div></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaLabelledByText)}</span></div>` : (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(context.styles.progress)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${(0, _LitRenderer.styleMap)(context.styles.handle)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(context.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(context.value)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}" data-sap-focus-ref part="handle"><ui5-icon name="source-code" part="icon-slider" slider-icon></ui5-icon>${context.showTooltip ? block8(context, tags, suffix) : undefined}</div></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaLabelledByText)}</span></div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.showTickmarks ? block2(context, tags, suffix) : undefined}`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul class="ui5-slider-tickmarks">${(0, _LitRenderer.repeat)(context.tickmarksObject, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</ul>${context.labelInterval ? block6(context, tags, suffix) : undefined}`;
-  const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item ? block4(item, index, context, tags, suffix) : block5(item, index, context, tags, suffix)}`;
-  const block4 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`;
-  const block5 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li class="ui5-slider-tickmark"></li>`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul class="ui5-slider-labels ${(0, _LitRenderer.classMap)(context.classes.labelContainer)}" style="${(0, _LitRenderer.styleMap)(context.styles.labelContainer)}">${(0, _LitRenderer.repeat)(context._labels, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}</ul>`;
-  const block7 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li style="${(0, _LitRenderer.styleMap)(context.styles.label)}">${(0, _LitRenderer.ifDefined)(item)}</li>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-slider-tooltip" style="${(0, _LitRenderer.styleMap)(context.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${(0, _LitRenderer.ifDefined)(context.tooltipValue)}</span></div>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><div class="ui5-slider-inner">${this.step ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(this.styles.progress)}" @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${(0, _LitRenderer.styleMap)(this.styles.handle)}" @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.value)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledByHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" data-sap-focus-ref part="handle"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="direction-arrows" part="icon-slider" slider-icon></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.showTooltip ? block8.call(this, context, tags, suffix) : undefined}</div></div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaLabelledByText)}</span></div> ` : (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><div class="ui5-slider-inner">${this.step ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(this.styles.progress)}" @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${(0, _LitRenderer.styleMap)(this.styles.handle)}" @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.value)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledByHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" data-sap-focus-ref part="handle"><ui5-icon name="direction-arrows" part="icon-slider" slider-icon></ui5-icon>${this.showTooltip ? block8.call(this, context, tags, suffix) : undefined}</div></div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaLabelledByText)}</span></div> `;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.showTickmarks ? block2.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul class="ui5-slider-tickmarks">${(0, _LitRenderer.repeat)(this.tickmarksObject, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</ul>${this.labelInterval ? block6.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li class="ui5-slider-tickmark"></li>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul class="ui5-slider-labels ${(0, _LitRenderer.classMap)(this.classes.labelContainer)}" style="${(0, _LitRenderer.styleMap)(this.styles.labelContainer)}">${(0, _LitRenderer.repeat)(this._labels, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</ul>`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li style="${(0, _LitRenderer.styleMap)(this.styles.label)}">${(0, _LitRenderer.ifDefined)(item)}</li>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-slider-tooltip" style="${(0, _LitRenderer.styleMap)(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${(0, _LitRenderer.ifDefined)(this.tooltipValue)}</span></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/SplitButtonTemplate.lit.js

@@ -7,7 +7,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-split-button-root" role="group" tabindex=${(0, _LitRenderer.ifDefined)(context._tabIndex)} aria-labelledby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault ${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" @focusout=${context._onFocusOut} @focusin=${context._onFocusIn} @keydown=${context._onKeyDown} @keyup=${context._onKeyUp}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-split-text-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)} icon="${(0, _LitRenderer.ifDefined)(context._textButtonIcon)}" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._textButtonActive}" @click="${context._fireClick}" @touchstart=${context._textButtonPress} @mousedown=${context._textButtonPress} @mouseup=${context._textButtonRelease} @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}><slot></slot></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><div class="ui5-split-arrow-button-wrapper" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-split-arrow-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" icon="slim-arrow-down" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._arrowButtonActive}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaExpanded)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaHaspopup)}" @click="${context._fireArrowClick}" @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.description)}${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.keyboardHint)}${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.textButtonAccText)}</span></div>` : (0, _LitRenderer.html)`<div class="ui5-split-button-root" role="group" tabindex=${(0, _LitRenderer.ifDefined)(context._tabIndex)} aria-labelledby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault ${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" @focusout=${context._onFocusOut} @focusin=${context._onFocusIn} @keydown=${context._onKeyDown} @keyup=${context._onKeyUp}><ui5-button class="ui5-split-text-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)} icon="${(0, _LitRenderer.ifDefined)(context._textButtonIcon)}" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._textButtonActive}" @click="${context._fireClick}" @touchstart=${context._textButtonPress} @mousedown=${context._textButtonPress} @mouseup=${context._textButtonRelease} @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}><slot></slot></ui5-button><div class="ui5-split-arrow-button-wrapper" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)}><ui5-button class="ui5-split-arrow-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" icon="slim-arrow-down" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._arrowButtonActive}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaExpanded)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaHaspopup)}" @click="${context._fireArrowClick}" @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}></ui5-button></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.description)}${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.keyboardHint)}${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.textButtonAccText)}</span></div>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-split-button-root" role="group" tabindex=${(0, _LitRenderer.ifDefined)(this._tabIndex)} aria-labelledby="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleTextDefault ${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" @focusout=${this._onFocusOut} @focusin=${this._onFocusIn} @keydown=${this._onKeyDown} @keyup=${this._onKeyUp}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-split-text-button" design="${(0, _LitRenderer.ifDefined)(this.design)}" dir=${(0, _LitRenderer.ifDefined)(this.effectiveDir)} icon="${(0, _LitRenderer.ifDefined)(this._textButtonIcon)}" tabindex="-1" ?disabled="${this.disabled}" ?active="${this._textButtonActive}" @click="${this._fireClick}" @touchstart=${this._textButtonPress} @mousedown=${this._textButtonPress} @mouseup=${this._textButtonRelease} @focusin=${this._setTabIndexValue} @focusout=${this._onFocusOut}>${this.isTextButton ? block1.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><div class="ui5-split-arrow-button-wrapper" dir=${(0, _LitRenderer.ifDefined)(this.effectiveDir)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-split-arrow-button" design="${(0, _LitRenderer.ifDefined)(this.design)}" icon="slim-arrow-down" tabindex="-1" ?disabled="${this.disabled}" ?active="${this._arrowButtonActive}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accessibilityInfo.ariaExpanded)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accessibilityInfo.ariaHaspopup)}" @click="${this._fireArrowClick}" @focusin=${this._setTabIndexValue} @focusout=${this._onFocusOut}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accessibilityInfo.description)}${(0, _LitRenderer.ifDefined)(this.accessibilityInfo.keyboardHint)}${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleTextDefault" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.textButtonAccText)}</span></div>` : (0, _LitRenderer.html)`<div class="ui5-split-button-root" role="group" tabindex=${(0, _LitRenderer.ifDefined)(this._tabIndex)} aria-labelledby="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleTextDefault ${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" @focusout=${this._onFocusOut} @focusin=${this._onFocusIn} @keydown=${this._onKeyDown} @keyup=${this._onKeyUp}><ui5-button class="ui5-split-text-button" design="${(0, _LitRenderer.ifDefined)(this.design)}" dir=${(0, _LitRenderer.ifDefined)(this.effectiveDir)} icon="${(0, _LitRenderer.ifDefined)(this._textButtonIcon)}" tabindex="-1" ?disabled="${this.disabled}" ?active="${this._textButtonActive}" @click="${this._fireClick}" @touchstart=${this._textButtonPress} @mousedown=${this._textButtonPress} @mouseup=${this._textButtonRelease} @focusin=${this._setTabIndexValue} @focusout=${this._onFocusOut}>${this.isTextButton ? block1.call(this, context, tags, suffix) : undefined}</ui5-button><div class="ui5-split-arrow-button-wrapper" dir=${(0, _LitRenderer.ifDefined)(this.effectiveDir)}><ui5-button class="ui5-split-arrow-button" design="${(0, _LitRenderer.ifDefined)(this.design)}" icon="slim-arrow-down" tabindex="-1" ?disabled="${this.disabled}" ?active="${this._arrowButtonActive}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accessibilityInfo.ariaExpanded)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accessibilityInfo.ariaHaspopup)}" @click="${this._fireArrowClick}" @focusin=${this._setTabIndexValue} @focusout=${this._onFocusOut}></ui5-button></div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accessibilityInfo.description)}${(0, _LitRenderer.ifDefined)(this.accessibilityInfo.keyboardHint)}${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleTextDefault" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.textButtonAccText)}</span></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot></slot>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/StandardListItemTemplate.lit.js

@@ -7,24 +7,84 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<li part="native-li" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" class="${(0, _LitRenderer.classMap)(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${(0, _LitRenderer.ifDefined)(context._accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaExpanded)}" title="${(0, _LitRenderer.ifDefined)(context.title)}" aria-level="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLevel)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaHaspopup)}" aria-posinset="${(0, _LitRenderer.ifDefined)(context._accInfo.posinset)}" aria-setsize="${(0, _LitRenderer.ifDefined)(context._accInfo.setsize)}" aria-describedby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText-describedby" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._accessibleNameRef)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.ariaDisabled)}">${context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-li-content">${context.displayImage ? block5(context, tags, suffix) : undefined}${context.displayIconBegin ? block6(context, tags, suffix) : undefined}<div class="ui5-li-text-wrapper"><span part="title" class="ui5-li-title"><slot></slot></span>${context.description ? block7(context, tags, suffix) : undefined}${!context.typeActive ? block9(context, tags, suffix) : undefined}</div>${!context.description ? block10(context, tags, suffix) : undefined}</div>${context.displayIconEnd ? block12(context, tags, suffix) : undefined}${context.typeDetail ? block13(context, tags, suffix) : undefined}${context.placeSelectionElementAfter ? block14(context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._accInfo.listItemAriaLabel)}${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._accInfo.ariaSelectedText)}</span></li> `;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.modeSingleSelect ? block2(context, tags, suffix) : undefined}${context.modeMultiSelect ? block3(context, tags, suffix) : undefined}${context.renderDeleteButton ? block4(context, tags, suffix) : undefined}`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
-  const block4 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-li-deletebtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(context.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-deletebtn"><ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(context.deleteText)}"></ui5-button></div>`;
-  const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-avatar", tags, suffix)} shape="Square" class="ui5-li-img"><img src="${(0, _LitRenderer.ifDefined)(context.image)}" class="ui5-li-img-inner" /></${(0, _LitRenderer.scopeTag)("ui5-avatar", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-avatar shape="Square" class="ui5-li-img"><img src="${(0, _LitRenderer.ifDefined)(context.image)}" class="ui5-li-img-inner" /></ui5-avatar>`;
-  const block6 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></ui5-icon>`;
-  const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-li-description-info-wrapper"><span part="description" class="ui5-li-desc">${(0, _LitRenderer.ifDefined)(context.description)}</span>${context.additionalText ? block8(context, tags, suffix) : undefined}</div>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<span part="additional-text" class="ui5-li-additional-text">${(0, _LitRenderer.ifDefined)(context.additionalText)}</span>`;
-  const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.type)}</span>`;
-  const block10 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.additionalText ? block11(context, tags, suffix) : undefined}`;
-  const block11 = (context, tags, suffix) => (0, _LitRenderer.html)`<span part="additional-text" class="ui5-li-additional-text">${(0, _LitRenderer.ifDefined)(context.additionalText)}</span>`;
-  const block12 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></ui5-icon>`;
-  const block13 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${context.onDetailClick}"></ui5-button></div>`;
-  const block14 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.modeSingleSelect ? block15(context, tags, suffix) : undefined}${context.modeMultiSelect ? block16(context, tags, suffix) : undefined}${context.renderDeleteButton ? block17(context, tags, suffix) : undefined}`;
-  const block15 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
-  const block16 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
-  const block17 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-li-deletebtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(context.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-deletebtn"><ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(context.deleteText)}"></ui5-button></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<li part="native-li" data-sap-focus-ref tabindex="${(0, _LitRenderer.ifDefined)(this._effectiveTabIndex)}" class="${(0, _LitRenderer.classMap)(this.classes.main)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" @mouseup="${this._onmouseup}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" @click="${this._onclick}" role="${(0, _LitRenderer.ifDefined)(this._accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaExpanded)}" title="${(0, _LitRenderer.ifDefined)(this.title)}" aria-level="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLevel)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaHaspopup)}" aria-posinset="${(0, _LitRenderer.ifDefined)(this._accInfo.posinset)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.accessibleRoleDescription)}" aria-setsize="${(0, _LitRenderer.ifDefined)(this._accInfo.setsize)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._accessibleNameRef)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" aria-selected="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelected)}" aria-checked="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaChecked)}" aria-owns="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaOwns)}">${this.placeSelectionElementBefore ? block1.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-li-content">${this.hasImageContent ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}${this.displayIconBegin ? block10.call(this, context, tags, suffix) : undefined}<div class="ui5-li-text-wrapper"><span part="title" class="ui5-li-title"><slot></slot></span>${this.description ? block11.call(this, context, tags, suffix) : undefined}${!this.typeActive ? block13.call(this, context, tags, suffix) : undefined}</div>${!this.description ? block14.call(this, context, tags, suffix) : undefined}</div>${this.displayIconEnd ? block16.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block17.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block18.call(this, context, tags, suffix) : undefined}${this.navigated ? block19.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block20.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.listItemAriaLabel)}${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelectedText)}</span></li> `;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block2.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block3.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block4.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}</div>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block6(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+  }
+  function block7(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-imgContent"><slot name="imageContent"></slot></div>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.displayImage ? block9.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block9(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-avatar", tags, suffix)} shape="Square" class="ui5-li-img"><img src="${(0, _LitRenderer.ifDefined)(this.image)}" class="ui5-li-img-inner" /></${(0, _LitRenderer.scopeTag)("ui5-avatar", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-avatar shape="Square" class="ui5-li-img"><img src="${(0, _LitRenderer.ifDefined)(this.image)}" class="ui5-li-img-inner" /></ui5-avatar>`;
+  }
+  function block10(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></ui5-icon>`;
+  }
+  function block11(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-description-info-wrapper"><span part="description" class="ui5-li-desc">${(0, _LitRenderer.ifDefined)(this.description)}</span>${this.additionalText ? block12.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block12(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span part="additional-text" class="ui5-li-additional-text">${(0, _LitRenderer.ifDefined)(this.additionalText)}</span>`;
+  }
+  function block13(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.type)}</span>`;
+  }
+  function block14(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.additionalText ? block15.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block15(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span part="additional-text" class="ui5-li-additional-text">${(0, _LitRenderer.ifDefined)(this.additionalText)}</span>`;
+  }
+  function block16(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></ui5-icon>`;
+  }
+  function block17(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${this.onDetailClick}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${this.onDetailClick}"></ui5-button></div>`;
+  }
+  function block18(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name ="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name ="slim-arrow-right"></ui5-icon>`;
+  }
+  function block19(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-navigated"></div>`;
+  }
+  function block20(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block21.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block22.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block23.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block21(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+  }
+  function block22(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+  }
+  function block23(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block24.call(this, context, tags, suffix) : block25.call(this, context, tags, suffix)}</div>`;
+  }
+  function block24(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block25(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });