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

package/src/sap/ui/webc/main/thirdparty/generated/templates/CardTemplate.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)`<div class="${(0, _LitRenderer.classMap)(context.classes)}" role="region" aria-label="${(0, _LitRenderer.ifDefined)(context._getAriaLabel)}">${context._hasHeader ? block1(context, tags, suffix) : undefined}<div role="group" aria-label="${(0, _LitRenderer.ifDefined)(context._ariaCardContentLabel)}"><slot></slot></div></div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-card-header-root"><slot name="header"></slot></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.root)}" role="region" aria-label="${(0, _LitRenderer.ifDefined)(this._getAriaLabel)}">${this._hasHeader ? block1.call(this, context, tags, suffix) : undefined}<div role="group" aria-label="${(0, _LitRenderer.ifDefined)(this._ariaCardContentLabel)}"><slot></slot></div></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-card-header-root"><slot name="header"></slot></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,16 +7,36 @@ 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)`<section class="ui5-carousel-root" tabindex="0" role="listbox" aria-activedescendant="${(0, _LitRenderer.ifDefined)(context.ariaActiveDescendant)}" @focusin="${context._onfocusin}" @keydown=${context._onkeydown} @mouseout="${context._onmouseout}" @mouseover="${context._onmouseover}"><div class="${(0, _LitRenderer.classMap)(context.classes.viewport)}"><div class="${(0, _LitRenderer.classMap)(context.classes.content)}" style="${(0, _LitRenderer.styleMap)(context.styles.content)}">${(0, _LitRenderer.repeat)(context.items, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div></div>${context.arrows.content ? block2(context, tags, suffix) : undefined}${context.renderNavigation ? block3(context, tags, suffix) : undefined}</div></section> `;
-  const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(item.id)}" class="ui5-carousel-item ${(0, _LitRenderer.ifDefined)(item.classes)}" style="${(0, _LitRenderer.styleMap)(item.styles)}" role="option" aria-posinset="${(0, _LitRenderer.ifDefined)(item.posinset)}" aria-setsize="${(0, _LitRenderer.ifDefined)(item.setsize)}" part="item"><slot name="${(0, _LitRenderer.ifDefined)(item.item._individualSlot)}" tabindex="${(0, _LitRenderer.ifDefined)(item.tabIndex)}"></slot></div>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-carousel-navigation-arrows"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} arrow-back tooltip="${(0, _LitRenderer.ifDefined)(context.previousPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context._navButtonClick}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} arrow-forward tooltip="${(0, _LitRenderer.ifDefined)(context.nextPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context._navButtonClick}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-carousel-navigation-arrows"><ui5-button arrow-back tooltip="${(0, _LitRenderer.ifDefined)(context.previousPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context._navButtonClick}></ui5-button><ui5-button arrow-forward tooltip="${(0, _LitRenderer.ifDefined)(context.nextPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context._navButtonClick}></ui5-button></div>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.navigation)}">${context.arrows.navigation ? block4(context, tags, suffix) : undefined}<div class="ui5-carousel-navigation">${!context.hidePageIndicator ? block5(context, tags, suffix) : undefined}</div>${context.arrows.navigation ? block9(context, tags, suffix) : undefined}</div>`;
-  const block4 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} arrow-back tooltip="${(0, _LitRenderer.ifDefined)(context.previousPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context._navButtonClick}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button arrow-back tooltip="${(0, _LitRenderer.ifDefined)(context.previousPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context._navButtonClick}></ui5-button>`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.isPageTypeDots ? block6(context, tags, suffix) : block8(context, tags, suffix)}`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.dots, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}`;
-  const block7 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div role="img" aria-label="${(0, _LitRenderer.ifDefined)(item.ariaLabel)}" ?active="${item.active}" class="ui5-carousel-navigation-dot"></div>`;
-  const block8 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>${(0, _LitRenderer.ifDefined)(context.selectedIndexToShow)}&nbsp;${(0, _LitRenderer.ifDefined)(context.ofText)}&nbsp;${(0, _LitRenderer.ifDefined)(context.pagesCount)}</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-label>${(0, _LitRenderer.ifDefined)(context.selectedIndexToShow)}&nbsp;${(0, _LitRenderer.ifDefined)(context.ofText)}&nbsp;${(0, _LitRenderer.ifDefined)(context.pagesCount)}</ui5-label>`;
-  const block9 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} arrow-forward tooltip="${(0, _LitRenderer.ifDefined)(context.nextPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context._navButtonClick}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button arrow-forward tooltip="${(0, _LitRenderer.ifDefined)(context.nextPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context._navButtonClick}></ui5-button>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<section class="ui5-carousel-root ui5-carousel-background-${(0, _LitRenderer.ifDefined)(this._backgroundDesign)}" tabindex="0" role="listbox" aria-activedescendant="${(0, _LitRenderer.ifDefined)(this.ariaActiveDescendant)}" @focusin="${this._onfocusin}" @keydown=${this._onkeydown} @mouseout="${this._onmouseout}" @mouseover="${this._onmouseover}"><div class="${(0, _LitRenderer.classMap)(this.classes.viewport)}" part="content"><div class="${(0, _LitRenderer.classMap)(this.classes.content)}" style="${(0, _LitRenderer.styleMap)(this.styles.content)}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>${this.showArrows.content ? block2.call(this, context, tags, suffix) : undefined}</div>${this.renderNavigation ? block3.call(this, context, tags, suffix) : undefined}</div></section> `;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(item.id)}" class="ui5-carousel-item ${(0, _LitRenderer.ifDefined)(item.classes)}" style="${(0, _LitRenderer.styleMap)(item.styles)}" role="option" aria-posinset="${(0, _LitRenderer.ifDefined)(item.posinset)}" aria-setsize="${(0, _LitRenderer.ifDefined)(item.setsize)}" part="item"><slot name="${(0, _LitRenderer.ifDefined)(item.item._individualSlot)}" tabindex="${(0, _LitRenderer.ifDefined)(item.tabIndex)}"></slot></div>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-carousel-navigation-arrows"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} arrow-back tooltip="${(0, _LitRenderer.ifDefined)(this.previousPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} arrow-forward tooltip="${(0, _LitRenderer.ifDefined)(this.nextPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-carousel-navigation-arrows"><ui5-button arrow-back tooltip="${(0, _LitRenderer.ifDefined)(this.previousPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></ui5-button><ui5-button arrow-forward tooltip="${(0, _LitRenderer.ifDefined)(this.nextPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></ui5-button></div>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.navigation)}">${this.showArrows.navigation ? block4.call(this, context, tags, suffix) : undefined}<div class="ui5-carousel-navigation">${!this.hidePageIndicator ? block5.call(this, context, tags, suffix) : undefined}</div>${this.showArrows.navigation ? block9.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} arrow-back tooltip="${(0, _LitRenderer.ifDefined)(this.previousPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button arrow-back tooltip="${(0, _LitRenderer.ifDefined)(this.previousPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></ui5-button>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.isPageTypeDots ? block6.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.dots, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div role="img" aria-label="${(0, _LitRenderer.ifDefined)(item.ariaLabel)}" ?active="${item.active}" class="ui5-carousel-navigation-dot"></div>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-carousel-navigation-text">${(0, _LitRenderer.ifDefined)(this.selectedIndexToShow)}&nbsp;${(0, _LitRenderer.ifDefined)(this.ofText)}&nbsp;${(0, _LitRenderer.ifDefined)(this.pagesCount)}</div>`;
+  }
+  function block9(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} arrow-forward tooltip="${(0, _LitRenderer.ifDefined)(this.nextPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button arrow-forward tooltip="${(0, _LitRenderer.ifDefined)(this.nextPageText)}" class="ui5-carousel-navigation-button ${(0, _LitRenderer.classMap)(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></ui5-button>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,10 +7,18 @@ 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-checkbox-root ${(0, _LitRenderer.classMap)(context.classes.main)}" role="checkbox" aria-checked="${(0, _LitRenderer.ifDefined)(context.ariaChecked)}" aria-readonly="${(0, _LitRenderer.ifDefined)(context.ariaReadonly)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.ariaDisabled)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.ariaLabelledBy)}" aria-describedby="${(0, _LitRenderer.ifDefined)(context.ariaDescribedBy)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" @focusout="${context._onfocusout}"><div id="${(0, _LitRenderer.ifDefined)(context._id)}-CbBg" class="ui5-checkbox-inner">${context.isCompletelyChecked ? block1(context, tags, suffix) : undefined}<input id="${(0, _LitRenderer.ifDefined)(context._id)}-CB" type='checkbox' ?checked="${context.checked}" ?readonly="${context.readonly}" ?disabled="${context.disabled}" tabindex="-1" aria-hidden="true" data-sap-no-tab-ref /></div>${context.text ? block2(context, tags, suffix) : undefined}${context.hasValueState ? block3(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" name="accept" class="ui5-checkbox-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon"></ui5-icon>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${(0, _LitRenderer.ifDefined)(context.wrappingType)}">${(0, _LitRenderer.ifDefined)(context.text)}</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-label id="${(0, _LitRenderer.ifDefined)(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${(0, _LitRenderer.ifDefined)(context.wrappingType)}">${(0, _LitRenderer.ifDefined)(context.text)}</ui5-label>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(context._id)}-descr" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.valueStateText)}</span>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-checkbox-root ${(0, _LitRenderer.classMap)(this.classes.main)}" role="checkbox" part="root" aria-checked="${(0, _LitRenderer.ifDefined)(this.effectiveAriaChecked)}" aria-readonly="${(0, _LitRenderer.ifDefined)(this.ariaReadonly)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveAriaDisabled)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.ariaLabelledBy)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.ariaDescribedBy)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" @mousedown="${this._onmousedown}" @mouseup="${this._onmouseup}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click="${this._onclick}" @focusout="${this._onfocusout}"><div id="${(0, _LitRenderer.ifDefined)(this._id)}-CbBg" class="ui5-checkbox-inner">${this.isCompletelyChecked ? block1.call(this, context, tags, suffix) : undefined}<input id="${(0, _LitRenderer.ifDefined)(this._id)}-CB" type='checkbox' ?checked="${this.checked}" ?readonly="${this.readonly}" ?disabled="${this.disabled}" tabindex="-1" aria-hidden="true" data-sap-no-tab-ref /></div>${this.text ? block2.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block3.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" name="accept" class="ui5-checkbox-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-label" class="ui5-checkbox-label" wrapping-type="${(0, _LitRenderer.ifDefined)(this.wrappingType)}">${(0, _LitRenderer.ifDefined)(this.text)}</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-label id="${(0, _LitRenderer.ifDefined)(this._id)}-label" class="ui5-checkbox-label" wrapping-type="${(0, _LitRenderer.ifDefined)(this.wrappingType)}">${(0, _LitRenderer.ifDefined)(this.text)}</ui5-label>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-descr" 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/ColorPaletteDialogTemplate.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) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)} header-text="${(0, _LitRenderer.ifDefined)(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><${(0, _LitRenderer.scopeTag)("ui5-color-picker", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-color-picker", tags, suffix)}></div><div slot="footer" class="ui5-cp-dialog-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Emphasized" @click="${context._chooseCustomColor}">${(0, _LitRenderer.ifDefined)(context.moreColorsFeature.colorPaletteDialogOKButton)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeDialog}">${(0, _LitRenderer.ifDefined)(context.moreColorsFeature.colorPaletteCancelButton)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-dialog header-text="${(0, _LitRenderer.ifDefined)(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><ui5-color-picker></ui5-color-picker></div><div slot="footer" class="ui5-cp-dialog-footer"><ui5-button design="Emphasized" @click="${context._chooseCustomColor}">${(0, _LitRenderer.ifDefined)(context.moreColorsFeature.colorPaletteDialogOKButton)}</ui5-button><ui5-button design="Transparent" @click="${context._closeDialog}">${(0, _LitRenderer.ifDefined)(context.moreColorsFeature.colorPaletteCancelButton)}</ui5-button></div></ui5-dialog>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)} header-text="${(0, _LitRenderer.ifDefined)(this.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><${(0, _LitRenderer.scopeTag)("ui5-color-picker", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-color-picker", tags, suffix)}></div><div slot="footer" class="ui5-cp-dialog-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Emphasized" @click="${this._chooseCustomColor}">${(0, _LitRenderer.ifDefined)(this.moreColorsFeature.colorPaletteDialogOKButton)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${this._closeDialog}">${(0, _LitRenderer.ifDefined)(this.moreColorsFeature.colorPaletteCancelButton)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-dialog header-text="${(0, _LitRenderer.ifDefined)(this.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><ui5-color-picker></ui5-color-picker></div><div slot="footer" class="ui5-cp-dialog-footer"><ui5-button design="Emphasized" @click="${this._chooseCustomColor}">${(0, _LitRenderer.ifDefined)(this.moreColorsFeature.colorPaletteDialogOKButton)}</ui5-button><ui5-button design="Transparent" @click="${this._closeDialog}">${(0, _LitRenderer.ifDefined)(this.moreColorsFeature.colorPaletteCancelButton)}</ui5-button></div></ui5-dialog>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/ColorPaletteItemTemplate.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)`<div class="ui5-cp-item" style="${(0, _LitRenderer.styleMap)(context.styles.root)}" value="${(0, _LitRenderer.ifDefined)(context.value)}" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" role="button" aria-label="${(0, _LitRenderer.ifDefined)(context.colorLabel)} - ${(0, _LitRenderer.ifDefined)(context.index)}: ${(0, _LitRenderer.ifDefined)(context.value)}" title="${(0, _LitRenderer.ifDefined)(context.colorLabel)} - ${(0, _LitRenderer.ifDefined)(context.index)}: ${(0, _LitRenderer.ifDefined)(context.value)}" ?disabled="${context._disabled}"></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-cp-item" style="${(0, _LitRenderer.styleMap)(this.styles.root)}" value="${(0, _LitRenderer.ifDefined)(this.value)}" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" role="button" aria-label="${(0, _LitRenderer.ifDefined)(this.colorLabel)} - ${(0, _LitRenderer.ifDefined)(this.index)}: ${(0, _LitRenderer.ifDefined)(this.value)}" title="${(0, _LitRenderer.ifDefined)(this.colorLabel)} - ${(0, _LitRenderer.ifDefined)(this.index)}: ${(0, _LitRenderer.ifDefined)(this.value)}" ?disabled="${this._disabled}"></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/ColorPalettePopoverTemplate.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) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} class="ui5-cp-title">${(0, _LitRenderer.ifDefined)(context._colorPaletteTitle)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}></div><div><${(0, _LitRenderer.scopeTag)("ui5-color-palette", tags, suffix)} ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${(0, _LitRenderer.ifDefined)(context.defaultColor)}" popup-mode @ui5-item-click="${(0, _LitRenderer.ifDefined)(context.onSelectedColor)}">${(0, _LitRenderer.repeat)(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context.closePopover}">${(0, _LitRenderer.ifDefined)(context._cancelButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><ui5-title class="ui5-cp-title">${(0, _LitRenderer.ifDefined)(context._colorPaletteTitle)}</ui5-title></div><div><ui5-color-palette ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${(0, _LitRenderer.ifDefined)(context.defaultColor)}" popup-mode @ui5-item-click="${(0, _LitRenderer.ifDefined)(context.onSelectedColor)}">${(0, _LitRenderer.repeat)(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</ui5-color-palette></div><div slot="footer" class="ui5-cp-footer"><ui5-button design="Transparent" @click="${context.closePopover}">${(0, _LitRenderer.ifDefined)(context._cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`;
-  const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} class="ui5-cp-title">${(0, _LitRenderer.ifDefined)(this._colorPaletteTitle)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}></div><div><${(0, _LitRenderer.scopeTag)("ui5-color-palette", tags, suffix)} ?show-more-colors="${this.showMoreColors}" ?show-recent-colors="${this.showRecentColors}" ?show-default-color="${this.showDefaultColor}" default-color="${(0, _LitRenderer.ifDefined)(this.defaultColor)}" popup-mode @ui5-item-click="${(0, _LitRenderer.ifDefined)(this.onSelectedColor)}">${(0, _LitRenderer.repeat)(this.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${this.closePopover}">${(0, _LitRenderer.ifDefined)(this._cancelButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><ui5-title class="ui5-cp-title">${(0, _LitRenderer.ifDefined)(this._colorPaletteTitle)}</ui5-title></div><div><ui5-color-palette ?show-more-colors="${this.showMoreColors}" ?show-recent-colors="${this.showRecentColors}" ?show-default-color="${this.showDefaultColor}" default-color="${(0, _LitRenderer.ifDefined)(this.defaultColor)}" popup-mode @ui5-item-click="${(0, _LitRenderer.ifDefined)(this.onSelectedColor)}">${(0, _LitRenderer.repeat)(this.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ui5-color-palette></div><div slot="footer" class="ui5-cp-footer"><ui5-button design="Transparent" @click="${this.closePopover}">${(0, _LitRenderer.ifDefined)(this._cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,12 +7,24 @@ 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="${(0, _LitRenderer.classMap)(context.classes.colorPaletteRoot)}" @click=${context._onclick} @keyup=${context._onkeyup} @keydown=${context._onkeydown}>${context.showDefaultColor ? block1(context, tags, suffix) : undefined}<div class="ui5-cp-item-container" role="region" aria-label="${(0, _LitRenderer.ifDefined)(context.colorContainerLabel)}" @keydown="${context._onColorContainerKeyDown}">${(0, _LitRenderer.repeat)(context.displayedColors, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div>${context._showMoreColors ? block3(context, tags, suffix) : undefined}${context.showRecentColors ? block4(context, tags, suffix) : undefined}</div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-cp-default-color-button-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>` : (0, _LitRenderer.html)`<div class="ui5-cp-default-color-button-wrapper"><ui5-button class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</ui5-button><div class="ui5-cp-separator"></div></div>`;
-  const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${(0, _LitRenderer.ifDefined)(context.colorPaleteMoreColorsText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><ui5-button design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${(0, _LitRenderer.ifDefined)(context.colorPaleteMoreColorsText)}</ui5-button></div>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-cp-recent-colors-wrapper"><div class="ui5-cp-separator"></div><div class="ui5-cp-recent-colors-container" @keydown="${context._onRecentColorsContainerKeyDown}">${(0, _LitRenderer.repeat)(context.recentColors, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix))}</div></div>`;
-  const block5 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-color-palette-item", tags, suffix)} value="${(0, _LitRenderer.ifDefined)(item)}"></${(0, _LitRenderer.scopeTag)("ui5-color-palette-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-color-palette-item value="${(0, _LitRenderer.ifDefined)(item)}"></ui5-color-palette-item>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.colorPaletteRoot)}" @click=${this._onclick} @keyup=${this._onkeyup} @keydown=${this._onkeydown}>${this.showDefaultColor ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-cp-item-container" role="region" aria-label="${(0, _LitRenderer.ifDefined)(this.colorContainerLabel)}" @keydown="${this._onColorContainerKeyDown}">${(0, _LitRenderer.repeat)(this.displayedColors, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div>${this._showMoreColors ? block3.call(this, context, tags, suffix) : undefined}${this.showRecentColors ? block4.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-cp-default-color-button-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${this._onDefaultColorClick} @keydown=${this._onDefaultColorKeyDown}>Default color</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>` : (0, _LitRenderer.html)`<div class="ui5-cp-default-color-button-wrapper"><ui5-button class="ui5-cp-default-color-button" design="Transparent" @click=${this._onDefaultColorClick} @keydown=${this._onDefaultColorKeyDown}>Default color</ui5-button><div class="ui5-cp-separator"></div></div>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${this._openMoreColorsDialog}" @keydown=${this._onMoreColorsKeyDown}>${(0, _LitRenderer.ifDefined)(this.colorPaleteMoreColorsText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><ui5-button design="Transparent" class="ui5-cp-more-colors" @click="${this._openMoreColorsDialog}" @keydown=${this._onMoreColorsKeyDown}>${(0, _LitRenderer.ifDefined)(this.colorPaleteMoreColorsText)}</ui5-button></div>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-cp-recent-colors-wrapper"><div class="ui5-cp-separator"></div><div class="ui5-cp-recent-colors-container" @keydown="${this._onRecentColorsContainerKeyDown}">${(0, _LitRenderer.repeat)(this.recentColors, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-color-palette-item", tags, suffix)} value="${(0, _LitRenderer.ifDefined)(item)}"></${(0, _LitRenderer.scopeTag)("ui5-color-palette-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-color-palette-item value="${(0, _LitRenderer.ifDefined)(item)}"></ui5-color-palette-item>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/ColorPickerTemplate.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) => suffix ? (0, _LitRenderer.html)`<section dir="${(0, _LitRenderer.ifDefined)(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${(0, _LitRenderer.styleMap)(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${(0, _LitRenderer.styleMap)(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)} disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${(0, _LitRenderer.ifDefined)(context._hue)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hueSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleHueInput)}"></${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)} disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}"></${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${(0, _LitRenderer.styleMap)(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>Hex</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${(0, _LitRenderer.ifDefined)(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hexInputLabel)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleHEXChange)}" value-state="${(0, _LitRenderer.ifDefined)(context.hexInputErrorState)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.redInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.r)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>R</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.greenInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.g)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>G</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.blueInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.b)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>B</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="alpha" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaInputLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleAlphaChange)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>A</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div></div></section>` : (0, _LitRenderer.html)`<section dir="${(0, _LitRenderer.ifDefined)(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${(0, _LitRenderer.styleMap)(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${(0, _LitRenderer.styleMap)(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><ui5-slider disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${(0, _LitRenderer.ifDefined)(context._hue)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hueSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleHueInput)}"></ui5-slider><ui5-slider disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}"></ui5-slider></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${(0, _LitRenderer.styleMap)(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><ui5-label>Hex</ui5-label><ui5-input class="ui5-color-picker-hex-input" value="${(0, _LitRenderer.ifDefined)(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hexInputLabel)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleHEXChange)}" value-state="${(0, _LitRenderer.ifDefined)(context.hexInputErrorState)}"></ui5-input></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><ui5-input id="red" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.redInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.r)}"></ui5-input><ui5-label>R</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="green" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.greenInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.g)}"></ui5-input><ui5-label>G</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="blue" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.blueInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.b)}"></ui5-input><ui5-label>B</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="alpha" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaInputLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleAlphaChange)}"></ui5-input><ui5-label>A</ui5-label></div></div></section>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<section dir="${(0, _LitRenderer.ifDefined)(this.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${(0, _LitRenderer.styleMap)(this.styles.mainColor)}" @mousedown="${this._handleMouseDown}" @mouseup="${this._handleMouseUp}" @mousemove="${this._handleMouseMove}" @mouseout="${this._handleMouseOut}"><div class="ui5-color-picker-circle" style="${(0, _LitRenderer.styleMap)(this.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)} disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${(0, _LitRenderer.ifDefined)(this._hue)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.hueSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleHueInput)}"></${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)} disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${(0, _LitRenderer.ifDefined)(this._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.alphaSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleAlphaInput)}"></${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${(0, _LitRenderer.styleMap)(this.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>Hex</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${(0, _LitRenderer.ifDefined)(this.hex)}" @keydown="${this._onkeydown}" accessible-name="${(0, _LitRenderer.ifDefined)(this.hexInputLabel)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleHEXChange)}" value-state="${(0, _LitRenderer.ifDefined)(this.hexInputErrorState)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.redInputLabel)}" value="${(0, _LitRenderer.ifDefined)(this._color.r)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>R</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.greenInputLabel)}" value="${(0, _LitRenderer.ifDefined)(this._color.g)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>G</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.blueInputLabel)}" value="${(0, _LitRenderer.ifDefined)(this._color.b)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>B</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="alpha" disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${(0, _LitRenderer.ifDefined)(this._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.alphaInputLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleAlphaInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleAlphaChange)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>A</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div></div></section>` : (0, _LitRenderer.html)`<section dir="${(0, _LitRenderer.ifDefined)(this.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${(0, _LitRenderer.styleMap)(this.styles.mainColor)}" @mousedown="${this._handleMouseDown}" @mouseup="${this._handleMouseUp}" @mousemove="${this._handleMouseMove}" @mouseout="${this._handleMouseOut}"><div class="ui5-color-picker-circle" style="${(0, _LitRenderer.styleMap)(this.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><ui5-slider disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${(0, _LitRenderer.ifDefined)(this._hue)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.hueSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleHueInput)}"></ui5-slider><ui5-slider disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${(0, _LitRenderer.ifDefined)(this._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.alphaSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleAlphaInput)}"></ui5-slider></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${(0, _LitRenderer.styleMap)(this.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><ui5-label>Hex</ui5-label><ui5-input class="ui5-color-picker-hex-input" value="${(0, _LitRenderer.ifDefined)(this.hex)}" @keydown="${this._onkeydown}" accessible-name="${(0, _LitRenderer.ifDefined)(this.hexInputLabel)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleHEXChange)}" value-state="${(0, _LitRenderer.ifDefined)(this.hexInputErrorState)}"></ui5-input></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><ui5-input id="red" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.redInputLabel)}" value="${(0, _LitRenderer.ifDefined)(this._color.r)}"></ui5-input><ui5-label>R</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="green" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.greenInputLabel)}" value="${(0, _LitRenderer.ifDefined)(this._color.g)}"></ui5-input><ui5-label>G</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="blue" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.blueInputLabel)}" value="${(0, _LitRenderer.ifDefined)(this._color.b)}"></ui5-input><ui5-label>B</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="alpha" disabled="${(0, _LitRenderer.ifDefined)(this.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${(0, _LitRenderer.ifDefined)(this._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.alphaInputLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleAlphaInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleAlphaChange)}"></ui5-input><ui5-label>A</ui5-label></div></div></section>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,23 +7,63 @@ 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)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} class="${(0, _LitRenderer.classMap)(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionsPopover)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(context._afterOpenPopover)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._afterClosePopover)}><${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}><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._closeRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}"><input class="ui5-input-inner-phone" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${context.hasValueStateText ? block1(context, tags, suffix) : undefined}</div>${!context._isPhone ? block5(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${(0, _LitRenderer.ifDefined)(context._selectItem)} @ui5-item-focused=${(0, _LitRenderer.ifDefined)(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${(0, _LitRenderer.repeat)(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}` : (0, _LitRenderer.html)`<ui5-responsive-popover class="${(0, _LitRenderer.classMap)(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionsPopover)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(context._afterOpenPopover)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._afterClosePopover)}><ui5-busy-indicator ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></ui5-busy-indicator><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._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}"><input class="ui5-input-inner-phone" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${context.hasValueStateText ? block1(context, tags, suffix) : undefined}</div>${!context._isPhone ? block5(context, tags, suffix) : undefined}<ui5-list separators="None" @ui5-item-click=${(0, _LitRenderer.ifDefined)(context._selectItem)} @ui5-item-focused=${(0, _LitRenderer.ifDefined)(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${(0, _LitRenderer.repeat)(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix))}</ui5-list><div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">OK</ui5-button></div></ui5-responsive-popover>${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverValueStateMessage)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverValueStateMessage)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))}`;
-  const block4 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.hasValueStateText ? block6(context, tags, suffix) : undefined}`;
-  const block6 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionPopoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block7(context, tags, suffix) : block8(context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionPopoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block7(context, tags, suffix) : block8(context, tags, suffix)}</div>`;
-  const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block9(item, index, context, tags, suffix))}`;
-  const block9 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block10 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.isGroupItem ? block11(item, index, context, tags, suffix) : block12(item, index, context, tags, suffix)}`;
-  const block11 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-groupheader ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li-groupheader>`;
-  const block12 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} type="Active" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} group-name=${(0, _LitRenderer.ifDefined)(item.groupName)} ._tabIndex=${(0, _LitRenderer.ifDefined)(item.itemTabIndex)} .mappedItem=${(0, _LitRenderer.ifDefined)(item)} ?selected=${item.selected} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li type="Active" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} group-name=${(0, _LitRenderer.ifDefined)(item.groupName)} ._tabIndex=${(0, _LitRenderer.ifDefined)(item.itemTabIndex)} .mappedItem=${(0, _LitRenderer.ifDefined)(item)} ?selected=${item.selected} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</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" horizontal-align="${(0, _LitRenderer.ifDefined)(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><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._valueStateMessageIcon)}"></${(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" horizontal-align="${(0, _LitRenderer.ifDefined)(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><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._valueStateMessageIcon)}"></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 suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} class="${(0, _LitRenderer.classMap)(this.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(this.styles.suggestionsPopover)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(this._afterOpenPopover)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(this._afterClosePopover)}><${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} ?active=${this.loading} size="Medium" class="ui5-combobox-busy"></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block6.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${(0, _LitRenderer.ifDefined)(this._selectItem)} @ui5-item-focused=${(0, _LitRenderer.ifDefined)(this._onItemFocus)} @mousedown=${this._itemMousedown} mode="SingleSelect">${(0, _LitRenderer.repeat)(this._filteredItems, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this._isPhone ? block14.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>${this.shouldOpenValueStateMessagePopover ? block15.call(this, context, tags, suffix) : undefined}` : (0, _LitRenderer.html)`<ui5-responsive-popover class="${(0, _LitRenderer.classMap)(this.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(this.styles.suggestionsPopover)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(this._afterOpenPopover)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(this._afterClosePopover)}><ui5-busy-indicator ?active=${this.loading} size="Medium" class="ui5-combobox-busy"></ui5-busy-indicator>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block6.call(this, context, tags, suffix) : undefined}<ui5-list separators="None" @ui5-item-click=${(0, _LitRenderer.ifDefined)(this._selectItem)} @ui5-item-focused=${(0, _LitRenderer.ifDefined)(this._onItemFocus)} @mousedown=${this._itemMousedown} mode="SingleSelect">${(0, _LitRenderer.repeat)(this._filteredItems, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}</ui5-list>${this._isPhone ? block14.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover>${this.shouldOpenValueStateMessagePopover ? block15.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div slot="header" 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._closeRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}"><input class="ui5-input-inner-phone" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @input="${this._input}" @change="${this._inputChange}" @keydown="${this._keydown}" aria-autocomplete="both" /></div></div>${this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div slot="header" 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._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}"><input class="ui5-input-inner-phone" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @input="${this._input}" @change="${this._inputChange}" @keydown="${this._keydown}" aria-autocomplete="both" /></div></div>${this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverValueStateMessage)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverValueStateMessage)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateDefaultText)}`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.hasValueStateText ? block7.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block7(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" ?focused=${this._isValueStateFocused} tabindex="0" style="${(0, _LitRenderer.styleMap)(this.styles.suggestionPopoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" ?focused=${this._isValueStateFocused} tabindex="0" style="${(0, _LitRenderer.styleMap)(this.styles.suggestionPopoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}</div>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateDefaultText)}`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block10.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block10(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block11(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.isGroupItem ? block12.call(this, context, tags, suffix, item, index) : block13.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block12(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-groupheader ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li-groupheader>`;
+  }
+  function block13(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} type="Active" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} group-name=${(0, _LitRenderer.ifDefined)(item.groupName)} ._tabIndex=${(0, _LitRenderer.ifDefined)(item.itemTabIndex)} .mappedItem=${(0, _LitRenderer.ifDefined)(item)} ?selected=${item.selected} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li type="Active" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} group-name=${(0, _LitRenderer.ifDefined)(item.groupName)} ._tabIndex=${(0, _LitRenderer.ifDefined)(item.itemTabIndex)} .mappedItem=${(0, _LitRenderer.ifDefined)(item)} ?selected=${item.selected} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+  }
+  function block14(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${this._closeRespPopover}">OK</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${this._closeRespPopover}">OK</ui5-button></div>`;
+  }
+  function block15(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" horizontal-align="${(0, _LitRenderer.ifDefined)(this._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" 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._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block16.call(this, context, tags, suffix) : block17.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" horizontal-align="${(0, _LitRenderer.ifDefined)(this._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" 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._valueStateMessageIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block16.call(this, context, tags, suffix) : block17.call(this, context, tags, suffix)}</div></ui5-popover>`;
+  }
+  function block16(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateDefaultText)}`;
+  }
+  function block17(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block18.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block18(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/ComboBoxTemplate.lit.js

@@ -7,10 +7,18 @@ 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-combobox-root ui5-input-focusable-element">${context.hasValueState ? block1(context, tags, suffix) : undefined}<input id="ui5-combobox-input" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @click=${context._click} @keydown="${context._keydown}" @keyup="${context._keyup}" @focusin="${context._focusin}" @focusout="${context._focusout}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(context.valueStateTextId)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" data-sap-focus-ref />${context.icon ? block2(context, tags, suffix) : undefined}${!context.readonly ? block3(context, tags, suffix) : undefined}</div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(context._id)}-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.valueStateText)}</span>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="icon"></slot>`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" accessible-name="${(0, _LitRenderer.ifDefined)(context._iconAccessibleNameText)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" accessible-name="${(0, _LitRenderer.ifDefined)(context._iconAccessibleNameText)}"></ui5-icon>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-combobox-root ui5-input-focusable-element">${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<input id="ui5-combobox-input" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" ?disabled=${this.disabled} ?readonly=${this.readonly} value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @keydown="${this._keydown}" @input="${this._input}" @change="${this._inputChange}" @click=${this._click} @keyup="${this._keyup}" @focusin="${this._focusin}" @focusout="${this._focusout}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="value-state-description" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" data-sap-focus-ref />${this.icon ? block2.call(this, context, tags, suffix) : undefined}${!this.readonly ? block3.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="value-state-description" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.ariaValueStateHiddenText)}</span>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="icon"></slot>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${this._iconPressed}" @click="${this._arrowClick}" accessible-name="${(0, _LitRenderer.ifDefined)(this._iconAccessibleNameText)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${this._iconPressed}" @click="${this._arrowClick}" accessible-name="${(0, _LitRenderer.ifDefined)(this._iconAccessibleNameText)}"></ui5-icon>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,16 +7,54 @@ 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"><slot></slot></div>${context.typeDetail ? block5(context, tags, suffix) : undefined}${context.placeSelectionElementAfter ? block6(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)`<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 block6 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.modeSingleSelect ? block7(context, tags, suffix) : undefined}${context.modeMultiSelect ? block8(context, tags, suffix) : undefined}${context.renderDeleteButton ? block9(context, tags, suffix) : undefined}`;
-  const block7 = (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 block8 = (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 block9 = (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"><slot></slot></div>${this.typeDetail ? block7.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block8.call(this, context, tags, suffix) : undefined}${this.navigated ? block9.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block10.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 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 block8(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 block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-navigated"></div>`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block11.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block12.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block13.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block11(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 block12(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 block13(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block14.call(this, context, tags, suffix) : block15.call(this, context, tags, suffix)}</div>`;
+  }
+  function block14(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block15(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;
 });