@openui5/sap.ui.webc.main 1.119.1 → 1.120.1

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

@@ -8,16 +8,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* eslint no-unused-vars: 0 */
 
   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> `;
+    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 part="content" 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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -26,10 +26,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="detail-button" 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 part="detail-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>`;
@@ -41,10 +41,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -53,7 +53,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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;

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

@@ -11,7 +11,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`${this.showSuggestions ? block1.call(this, context, tags, suffix) : undefined}${this.hasValueStateMessage ? block17.call(this, context, tags, suffix) : undefined} `;
   }
   function block1(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)}" @ui5-scroll="${(0, _LitRenderer.ifDefined)(this._scroll)}">${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="${(0, _LitRenderer.ifDefined)(this.suggestionSeparators)}" @mousedown="${this.onItemMouseDown}" mode="SingleSelect">${(0, _LitRenderer.repeat)(this.suggestionsTexts, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this._isPhone ? block16.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (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-scroll="${(0, _LitRenderer.ifDefined)(this._scroll)}">${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<ui5-list separators="${(0, _LitRenderer.ifDefined)(this.suggestionSeparators)}" @mousedown="${this.onItemMouseDown}" mode="SingleSelect">${(0, _LitRenderer.repeat)(this.suggestionsTexts, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</ui5-list>${this._isPhone ? block16.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover>`;
+    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)}" @ui5-scroll="${(0, _LitRenderer.ifDefined)(this._scroll)}">${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="${(0, _LitRenderer.ifDefined)(this.suggestionSeparators)}" @mousedown="${this.onItemMouseDown}" mode="SingleSelect">${(0, _LitRenderer.repeat)(this.suggestionObjects, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this._isPhone ? block16.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (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-scroll="${(0, _LitRenderer.ifDefined)(this._scroll)}">${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<ui5-list separators="${(0, _LitRenderer.ifDefined)(this.suggestionSeparators)}" @mousedown="${this.onItemMouseDown}" mode="SingleSelect">${(0, _LitRenderer.repeat)(this.suggestionObjects, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</ui5-list>${this._isPhone ? block16.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover>`;
   }
   function block2(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 native-input-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} class="ui5-input-inner-phone" type="${(0, _LitRenderer.ifDefined)(this.inputType)}" .value="${(0, _LitRenderer.ifDefined)(this.value)}" ?show-clear-icon=${this.showClearIcon} placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleChange)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div></div>${this.hasValueStateMessage ? block3.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 native-input-wrapper"><ui5-input class="ui5-input-inner-phone" type="${(0, _LitRenderer.ifDefined)(this.inputType)}" .value="${(0, _LitRenderer.ifDefined)(this.value)}" ?show-clear-icon=${this.showClearIcon} placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleChange)}"></ui5-input></div></div>${this.hasValueStateMessage ? block3.call(this, context, tags, suffix) : undefined}</div>`;
@@ -50,7 +50,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)} data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-groupheader data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}</ui5-li-groupheader>`;
   }
   function block14(context, tags, suffix, item, index) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-suggestion-item", tags, suffix)} image="${(0, _LitRenderer.ifDefined)(item.image)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" type="${(0, _LitRenderer.ifDefined)(item.type)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.additionalTextState)}" data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}${item.description ? block15.call(this, context, tags, suffix, item, index) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-li-suggestion-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-suggestion-item image="${(0, _LitRenderer.ifDefined)(item.image)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" type="${(0, _LitRenderer.ifDefined)(item.type)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.additionalTextState)}" data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}${item.description ? block15.call(this, context, tags, suffix, item, index) : undefined}</ui5-li-suggestion-item>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-suggestion-item", tags, suffix)} wrapping-type="Normal" image="${(0, _LitRenderer.ifDefined)(item.image)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" type="${(0, _LitRenderer.ifDefined)(item.type)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.additionalTextState)}" data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}${item.description ? block15.call(this, context, tags, suffix, item, index) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-li-suggestion-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-suggestion-item wrapping-type="Normal" image="${(0, _LitRenderer.ifDefined)(item.image)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" type="${(0, _LitRenderer.ifDefined)(item.type)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.additionalTextState)}" data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}${item.description ? block15.call(this, context, tags, suffix, item, index) : undefined}</ui5-li-suggestion-item>`;
   }
   function block15(context, tags, suffix, item, index) {
     return (0, _LitRenderer.html)`<span slot="richDescription">${(0, _LitRenderer.unsafeHTML)(item.description)}</span>`;

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

@@ -8,7 +8,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* eslint no-unused-vars: 0 */
 
   function block0(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<a class="ui5-link-root" role="${(0, _LitRenderer.ifDefined)(this.effectiveAccRole)}" href="${(0, _LitRenderer.ifDefined)(this.parsedRef)}" target="${(0, _LitRenderer.ifDefined)(this.target)}" rel="${(0, _LitRenderer.ifDefined)(this._rel)}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" ?disabled="${this.disabled}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes.hasPopup)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes.expanded)}" @focusin=${this._onfocusin} @focusout=${this._onfocusout} @click=${this._onclick} @keydown=${this._onkeydown} @keyup=${this._onkeyup}><slot></slot>${this.hasLinkType ? block1.call(this, context, tags, suffix) : undefined}</a>`;
+    return (0, _LitRenderer.html)`<a class="ui5-link-root" role="${(0, _LitRenderer.ifDefined)(this.effectiveAccRole)}" href="${(0, _LitRenderer.ifDefined)(this.parsedRef)}" target="${(0, _LitRenderer.ifDefined)(this.target)}" rel="${(0, _LitRenderer.ifDefined)(this._rel)}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" title="${(0, _LitRenderer.ifDefined)(this.title)}" ?disabled="${this.disabled}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes.hasPopup)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes.expanded)}" @focusin=${this._onfocusin} @focusout=${this._onfocusout} @click=${this._onclick} @keydown=${this._onkeydown} @keyup=${this._onkeyup}><slot></slot>${this.hasLinkType ? block1.call(this, context, tags, suffix) : undefined}</a>`;
   }
   function block1(context, tags, suffix) {
     return (0, _LitRenderer.html)`<span class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.linkTypeText)}</span>`;

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

@@ -8,16 +8,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* eslint no-unused-vars: 0 */
 
   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"></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> `;
+    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 part="content" id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-li-content"></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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -26,10 +26,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="detail-button" 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 part="detail-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>`;
@@ -41,10 +41,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -53,7 +53,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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;

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

@@ -50,7 +50,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)} data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-groupheader data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li-groupheader>`;
   }
   function block14(context, tags, suffix, item, index) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} type="${(0, _LitRenderer.ifDefined)(this._listItemsType)}" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${(0, _LitRenderer.ifDefined)(item._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li type="${(0, _LitRenderer.ifDefined)(this._listItemsType)}" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${(0, _LitRenderer.ifDefined)(item._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} wrapping-type="Normal" type="${(0, _LitRenderer.ifDefined)(this._listItemsType)}" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${(0, _LitRenderer.ifDefined)(item._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li wrapping-type="Normal" type="${(0, _LitRenderer.ifDefined)(this._listItemsType)}" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${(0, _LitRenderer.ifDefined)(item._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
   }
   function block15(context, tags, suffix) {
     return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" mode="MultiSelect" class="ui5-multi-combobox-all-items-list">${(0, _LitRenderer.repeat)(this._filteredItems, (item, index) => item._id || index, (item, index) => block16.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-list separators="None" mode="MultiSelect" class="ui5-multi-combobox-all-items-list">${(0, _LitRenderer.repeat)(this._filteredItems, (item, index) => item._id || index, (item, index) => block16.call(this, context, tags, suffix, item, index))}</ui5-list>`;
@@ -62,7 +62,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)} data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-groupheader data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li-groupheader>`;
   }
   function block18(context, tags, suffix, item, index) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} type="${(0, _LitRenderer.ifDefined)(this._listItemsType)}" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${(0, _LitRenderer.ifDefined)(item._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li type="${(0, _LitRenderer.ifDefined)(this._listItemsType)}" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${(0, _LitRenderer.ifDefined)(item._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} wrapping-type="Normal" type="${(0, _LitRenderer.ifDefined)(this._listItemsType)}" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${(0, _LitRenderer.ifDefined)(item._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li wrapping-type="Normal" type="${(0, _LitRenderer.ifDefined)(this._listItemsType)}" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${(0, _LitRenderer.ifDefined)(item._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}" @keydown="${this._onItemKeydown}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
   }
   function block19(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.handleOK}">${(0, _LitRenderer.ifDefined)(this._dialogOkButton)}</${(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.handleOK}">${(0, _LitRenderer.ifDefined)(this._dialogOkButton)}</ui5-button></div>`;

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

@@ -8,7 +8,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* eslint no-unused-vars: 0 */
 
   function block0(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="ui5-multi-combobox-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span>${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)} slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${this.disabled}" @ui5-show-more-items-press="${(0, _LitRenderer.ifDefined)(this._showFilteredItems)}" @ui5-token-delete="${(0, _LitRenderer.ifDefined)(this._tokenDelete)}" @focusout="${this._tokenizerFocusOut}" @focusin="${this._tokenizerFocusIn}" @click=${this._click} @keydown="${this._onTokenizerKeydown}" ?expanded="${this._tokenizerExpanded}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)}><input id="ui5-multi-combobox-input" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder=${(0, _LitRenderer.ifDefined)(this._getPlaceholder)} ?disabled=${this.disabled} ?readonly=${this.readonly} value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @input="${this._inputLiveChange}" @change=${this._inputChange} @keydown="${this._onkeydown}" @click=${this._click} @focusin=${this.inputFocusIn} @focusout=${this.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${(0, _LitRenderer.ifDefined)(this.open)}" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(this.ariaDescribedByText)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" data-sap-focus-ref />${this.icon ? block4.call(this, context, tags, suffix) : undefined}${!this.readonly ? block5.call(this, context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="ui5-multi-combobox-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span>${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<ui5-tokenizer slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${this.disabled}" @ui5-show-more-items-press="${(0, _LitRenderer.ifDefined)(this._showFilteredItems)}" @ui5-token-delete="${(0, _LitRenderer.ifDefined)(this._tokenDelete)}" @focusout="${this._tokenizerFocusOut}" @focusin="${this._tokenizerFocusIn}" @click=${this._click} @keydown="${this._onTokenizerKeydown}" ?expanded="${this._tokenizerExpanded}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</ui5-tokenizer><input id="ui5-multi-combobox-input" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder=${(0, _LitRenderer.ifDefined)(this._getPlaceholder)} ?disabled=${this.disabled} ?readonly=${this.readonly} value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @input="${this._inputLiveChange}" @change=${this._inputChange} @keydown="${this._onkeydown}" @click=${this._click} @focusin=${this.inputFocusIn} @focusout=${this.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${(0, _LitRenderer.ifDefined)(this.open)}" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(this.ariaDescribedByText)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" data-sap-focus-ref />${this.icon ? block4.call(this, context, tags, suffix) : undefined}${!this.readonly ? block5.call(this, context, tags, suffix) : undefined}</div>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="ui5-multi-combobox-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span>${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)} slot="_beginContent" show-more prevent-popover-open class="ui5-multi-combobox-tokenizer" ?disabled="${this.disabled}" @ui5-show-more-items-press="${(0, _LitRenderer.ifDefined)(this._showFilteredItems)}" .morePopoverOpener=${(0, _LitRenderer.ifDefined)(this.morePopoverOpener)} .popoverMinWidth=${(0, _LitRenderer.ifDefined)(this._inputWidth)} @ui5-token-delete="${(0, _LitRenderer.ifDefined)(this._tokenDelete)}" @ui5-before-more-popover-open="${(0, _LitRenderer.ifDefined)(this.handleBeforeTokenizerPopoverOpen)}" @focusout="${this._tokenizerFocusOut}" @focusin="${this._tokenizerFocusIn}" @click=${this._click} @paste=${this._handlePaste} @keydown="${this._onTokenizerKeydown}" ?expanded="${this._tokenizerExpanded}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)}><input id="ui5-multi-combobox-input" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder=${(0, _LitRenderer.ifDefined)(this._getPlaceholder)} ?disabled=${this.disabled} ?readonly=${this.readonly} value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @input="${this._inputLiveChange}" @change=${this._inputChange} @keydown="${this._onkeydown}" @click=${this._click} @focusin=${this.inputFocusIn} @focusout=${this.inputFocusOut} @paste=${this._handlePaste} role="combobox" aria-haspopup="listbox" aria-expanded="${(0, _LitRenderer.ifDefined)(this.open)}" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(this.ariaDescribedByText)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" data-sap-focus-ref />${this.icon ? block4.call(this, context, tags, suffix) : undefined}${!this.readonly ? block5.call(this, context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="ui5-multi-combobox-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span>${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<ui5-tokenizer slot="_beginContent" show-more prevent-popover-open class="ui5-multi-combobox-tokenizer" ?disabled="${this.disabled}" @ui5-show-more-items-press="${(0, _LitRenderer.ifDefined)(this._showFilteredItems)}" .morePopoverOpener=${(0, _LitRenderer.ifDefined)(this.morePopoverOpener)} .popoverMinWidth=${(0, _LitRenderer.ifDefined)(this._inputWidth)} @ui5-token-delete="${(0, _LitRenderer.ifDefined)(this._tokenDelete)}" @ui5-before-more-popover-open="${(0, _LitRenderer.ifDefined)(this.handleBeforeTokenizerPopoverOpen)}" @focusout="${this._tokenizerFocusOut}" @focusin="${this._tokenizerFocusIn}" @click=${this._click} @paste=${this._handlePaste} @keydown="${this._onTokenizerKeydown}" ?expanded="${this._tokenizerExpanded}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</ui5-tokenizer><input id="ui5-multi-combobox-input" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder=${(0, _LitRenderer.ifDefined)(this._getPlaceholder)} ?disabled=${this.disabled} ?readonly=${this.readonly} value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @input="${this._inputLiveChange}" @change=${this._inputChange} @keydown="${this._onkeydown}" @click=${this._click} @focusin=${this.inputFocusIn} @focusout=${this.inputFocusOut} @paste=${this._handlePaste} role="combobox" aria-haspopup="listbox" aria-expanded="${(0, _LitRenderer.ifDefined)(this.open)}" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(this.ariaDescribedByText)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" data-sap-focus-ref />${this.icon ? block4.call(this, context, tags, suffix) : undefined}${!this.readonly ? block5.call(this, context, tags, suffix) : undefined}</div>`;
   }
   function block1(context, tags, suffix) {
     return (0, _LitRenderer.html)`<span id="ui5-multi-combobox-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.ariaValueStateHiddenText)}</span>`;

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

@@ -8,7 +8,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* eslint no-unused-vars: 0 */
 
   function block0(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}"><div class="ui5-input-content"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span><${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)} class="ui5-multi-input-tokenizer" .morePopoverOpener=${(0, _LitRenderer.ifDefined)(this)} .popoverMinWidth=${(0, _LitRenderer.ifDefined)(this._inputWidth)} .valueState=${(0, _LitRenderer.ifDefined)(this.valueState)} ?expanded="${this.expandedTokenizer}" show-more @keydown="${this._onTokenizerKeydown}" @ui5-show-more-items-press=${(0, _LitRenderer.ifDefined)(this.showMorePress)} @ui5-token-delete=${(0, _LitRenderer.ifDefined)(this.tokenDelete)} @focusout="${this._tokenizerFocusOut}"><slot name="tokens"></slot><div slot="valueStateMessage">${this.shouldDisplayDefaultValueStateMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</div></${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)}><input id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" class="ui5-input-inner" style="${(0, _LitRenderer.styleMap)(this.styles.innerInput)}" type="${(0, _LitRenderer.ifDefined)(this.inputType)}" inner-input ?inner-input-with-icon="${this.icon.length}" ?disabled="${this.disabled}" ?readonly="${this._readonly}" .value="${(0, _LitRenderer.ifDefined)(this._innerValue)}" placeholder="${(0, _LitRenderer.ifDefined)(this._placeholder)}" maxlength="${(0, _LitRenderer.ifDefined)(this.maxlength)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.input.role)}" aria-controls="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaControls)}" aria-invalid="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaInvalid)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaHasPopup)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaDescribedBy)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaRoledescription)}" aria-autocomplete="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaAutoComplete)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaExpanded)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaLabel)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" @input="${this._handleInput}" @change="${this._handleChange}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click=${this._click} @focusin=${this.innerFocusIn} data-sap-focus-ref step="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.step)}" min="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.min)}" max="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.max)}" />${this.effectiveShowClearIcon ? block4.call(this, context, tags, suffix) : undefined}${this.icon.length ? block5.call(this, context, tags, suffix) : undefined}<div class="ui5-input-value-state-icon">${(0, _LitRenderer.unsafeHTML)(this._valueStateInputIcon)}</div>${this.showValueHelpIcon ? block6.call(this, context, tags, suffix) : undefined}${this.showSuggestions ? block7.call(this, context, tags, suffix) : undefined}${this.accInfo.input.ariaDescription ? block8.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block9.call(this, context, tags, suffix) : undefined}</div><slot name="formSupport"></slot></div> ` : (0, _LitRenderer.html)`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}"><div class="ui5-input-content"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span><ui5-tokenizer class="ui5-multi-input-tokenizer" .morePopoverOpener=${(0, _LitRenderer.ifDefined)(this)} .popoverMinWidth=${(0, _LitRenderer.ifDefined)(this._inputWidth)} .valueState=${(0, _LitRenderer.ifDefined)(this.valueState)} ?expanded="${this.expandedTokenizer}" show-more @keydown="${this._onTokenizerKeydown}" @ui5-show-more-items-press=${(0, _LitRenderer.ifDefined)(this.showMorePress)} @ui5-token-delete=${(0, _LitRenderer.ifDefined)(this.tokenDelete)} @focusout="${this._tokenizerFocusOut}"><slot name="tokens"></slot><div slot="valueStateMessage">${this.shouldDisplayDefaultValueStateMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</div></ui5-tokenizer><input id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" class="ui5-input-inner" style="${(0, _LitRenderer.styleMap)(this.styles.innerInput)}" type="${(0, _LitRenderer.ifDefined)(this.inputType)}" inner-input ?inner-input-with-icon="${this.icon.length}" ?disabled="${this.disabled}" ?readonly="${this._readonly}" .value="${(0, _LitRenderer.ifDefined)(this._innerValue)}" placeholder="${(0, _LitRenderer.ifDefined)(this._placeholder)}" maxlength="${(0, _LitRenderer.ifDefined)(this.maxlength)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.input.role)}" aria-controls="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaControls)}" aria-invalid="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaInvalid)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaHasPopup)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaDescribedBy)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaRoledescription)}" aria-autocomplete="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaAutoComplete)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaExpanded)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaLabel)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" @input="${this._handleInput}" @change="${this._handleChange}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click=${this._click} @focusin=${this.innerFocusIn} data-sap-focus-ref step="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.step)}" min="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.min)}" max="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.max)}" />${this.effectiveShowClearIcon ? block4.call(this, context, tags, suffix) : undefined}${this.icon.length ? block5.call(this, context, tags, suffix) : undefined}<div class="ui5-input-value-state-icon">${(0, _LitRenderer.unsafeHTML)(this._valueStateInputIcon)}</div>${this.showValueHelpIcon ? block6.call(this, context, tags, suffix) : undefined}${this.showSuggestions ? block7.call(this, context, tags, suffix) : undefined}${this.accInfo.input.ariaDescription ? block8.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block9.call(this, context, tags, suffix) : undefined}</div><slot name="formSupport"></slot></div> `;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}"><div class="ui5-input-content"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span><${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)} class="ui5-multi-input-tokenizer" .morePopoverOpener=${(0, _LitRenderer.ifDefined)(this.morePopoverOpener)} .popoverMinWidth=${(0, _LitRenderer.ifDefined)(this._inputWidth)} .valueState=${(0, _LitRenderer.ifDefined)(this.valueState)} ?expanded="${this.expandedTokenizer}" show-more @keydown="${this._onTokenizerKeydown}" @ui5-show-more-items-press=${(0, _LitRenderer.ifDefined)(this.showMorePress)} @ui5-token-delete=${(0, _LitRenderer.ifDefined)(this.tokenDelete)} @focusout="${this._tokenizerFocusOut}"><slot name="tokens"></slot><div slot="valueStateMessage">${this.shouldDisplayDefaultValueStateMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</div></${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)}><input id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" class="ui5-input-inner" style="${(0, _LitRenderer.styleMap)(this.styles.innerInput)}" type="${(0, _LitRenderer.ifDefined)(this.inputType)}" inner-input ?inner-input-with-icon="${this.icon.length}" ?disabled="${this.disabled}" ?readonly="${this._readonly}" .value="${(0, _LitRenderer.ifDefined)(this._innerValue)}" placeholder="${(0, _LitRenderer.ifDefined)(this._placeholder)}" maxlength="${(0, _LitRenderer.ifDefined)(this.maxlength)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.input.role)}" aria-controls="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaControls)}" aria-invalid="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaInvalid)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaHasPopup)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaDescribedBy)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaRoledescription)}" aria-autocomplete="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaAutoComplete)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaExpanded)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaLabel)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" @input="${this._handleInput}" @change="${this._handleChange}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click=${this._click} @focusin=${this.innerFocusIn} data-sap-focus-ref step="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.step)}" min="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.min)}" max="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.max)}" />${this.effectiveShowClearIcon ? block4.call(this, context, tags, suffix) : undefined}${this.icon.length ? block5.call(this, context, tags, suffix) : undefined}<div class="ui5-input-value-state-icon">${(0, _LitRenderer.unsafeHTML)(this._valueStateInputIcon)}</div>${this.showValueHelpIcon ? block6.call(this, context, tags, suffix) : undefined}${this.showSuggestions ? block7.call(this, context, tags, suffix) : undefined}${this.accInfo.input.ariaDescription ? block8.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block9.call(this, context, tags, suffix) : undefined}</div><slot name="formSupport"></slot></div> ` : (0, _LitRenderer.html)`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}"><div class="ui5-input-content"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span><ui5-tokenizer class="ui5-multi-input-tokenizer" .morePopoverOpener=${(0, _LitRenderer.ifDefined)(this.morePopoverOpener)} .popoverMinWidth=${(0, _LitRenderer.ifDefined)(this._inputWidth)} .valueState=${(0, _LitRenderer.ifDefined)(this.valueState)} ?expanded="${this.expandedTokenizer}" show-more @keydown="${this._onTokenizerKeydown}" @ui5-show-more-items-press=${(0, _LitRenderer.ifDefined)(this.showMorePress)} @ui5-token-delete=${(0, _LitRenderer.ifDefined)(this.tokenDelete)} @focusout="${this._tokenizerFocusOut}"><slot name="tokens"></slot><div slot="valueStateMessage">${this.shouldDisplayDefaultValueStateMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</div></ui5-tokenizer><input id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" class="ui5-input-inner" style="${(0, _LitRenderer.styleMap)(this.styles.innerInput)}" type="${(0, _LitRenderer.ifDefined)(this.inputType)}" inner-input ?inner-input-with-icon="${this.icon.length}" ?disabled="${this.disabled}" ?readonly="${this._readonly}" .value="${(0, _LitRenderer.ifDefined)(this._innerValue)}" placeholder="${(0, _LitRenderer.ifDefined)(this._placeholder)}" maxlength="${(0, _LitRenderer.ifDefined)(this.maxlength)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.input.role)}" aria-controls="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaControls)}" aria-invalid="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaInvalid)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaHasPopup)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaDescribedBy)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaRoledescription)}" aria-autocomplete="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaAutoComplete)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaExpanded)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accInfo.input.ariaLabel)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" @input="${this._handleInput}" @change="${this._handleChange}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click=${this._click} @focusin=${this.innerFocusIn} data-sap-focus-ref step="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.step)}" min="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.min)}" max="${(0, _LitRenderer.ifDefined)(this.nativeInputAttributes.max)}" />${this.effectiveShowClearIcon ? block4.call(this, context, tags, suffix) : undefined}${this.icon.length ? block5.call(this, context, tags, suffix) : undefined}<div class="ui5-input-value-state-icon">${(0, _LitRenderer.unsafeHTML)(this._valueStateInputIcon)}</div>${this.showValueHelpIcon ? block6.call(this, context, tags, suffix) : undefined}${this.showSuggestions ? block7.call(this, context, tags, suffix) : undefined}${this.accInfo.input.ariaDescription ? block8.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block9.call(this, context, tags, suffix) : undefined}</div><slot name="formSupport"></slot></div> `;
   }
   function block1(context, tags, suffix) {
     return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;

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

@@ -11,7 +11,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`<div class="ui5-panel-root" role="${(0, _LitRenderer.ifDefined)(this.accRole)}" aria-label="${(0, _LitRenderer.ifDefined)(this.effectiveAccessibleName)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.fixedPanelAriaLabelledbyReference)}">${this.hasHeaderOrHeaderText ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-panel-content" id="${(0, _LitRenderer.ifDefined)(this._id)}-content" tabindex="-1" style="${(0, _LitRenderer.styleMap)(this.styles.content)}" part="content"><slot></slot></div></div>`;
   }
   function block1(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<div class="ui5-panel-heading-wrapper" role="${(0, _LitRenderer.ifDefined)(this.headingWrapperRole)}" aria-level="${(0, _LitRenderer.ifDefined)(this.headingWrapperAriaLevel)}"><div @click="${this._headerClick}" @keydown="${this._headerKeyDown}" @keyup="${this._headerKeyUp}" class="ui5-panel-header" tabindex="${(0, _LitRenderer.ifDefined)(this.headerTabIndex)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaExpanded)}" aria-controls="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaControls)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaLabelledby)}" part="header">${!this.fixed ? block2.call(this, context, tags, suffix) : undefined}${this._hasHeader ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}</div></div>`;
+    return (0, _LitRenderer.html)`<div class="ui5-panel-heading-wrapper${(0, _LitRenderer.classMap)(this.classes.stickyHeaderClass)}" role="${(0, _LitRenderer.ifDefined)(this.headingWrapperRole)}" aria-level="${(0, _LitRenderer.ifDefined)(this.headingWrapperAriaLevel)}"><div @click="${this._headerClick}" @keydown="${this._headerKeyDown}" @keyup="${this._headerKeyUp}" class="ui5-panel-header" tabindex="${(0, _LitRenderer.ifDefined)(this.headerTabIndex)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaExpanded)}" aria-controls="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaControls)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaLabelledby)}" part="header">${!this.fixed ? block2.call(this, context, tags, suffix) : undefined}${this._hasHeader ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}</div></div>`;
   }
   function block2(context, tags, suffix) {
     return (0, _LitRenderer.html)`<div class="ui5-panel-header-button-root">${this._hasHeader ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div>`;

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

@@ -8,7 +8,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* eslint no-unused-vars: 0 */
 
   function block0(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<div class="ui5-progress-indicator-root ${(0, _LitRenderer.classMap)(this.classes.root)}" role="progressbar" aria-valuemin="0" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.validatedValue)}" aria-valuemax="100" aria-valuetext="${(0, _LitRenderer.ifDefined)(this.valueStateText)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}"><div class="ui5-progress-indicator-bar" style="${(0, _LitRenderer.styleMap)(this.styles.bar)}">${!this.showValueInRemainingBar ? block1.call(this, context, tags, suffix) : undefined}</div><div class="ui5-progress-indicator-remaining-bar">${this.showValueInRemainingBar ? block6.call(this, context, tags, suffix) : undefined}</div></div>`;
+    return (0, _LitRenderer.html)`<div class="ui5-progress-indicator-root ${(0, _LitRenderer.classMap)(this.classes.root)}" role="progressbar" aria-valuemin="0" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.validatedValue)}" aria-valuemax="100" aria-valuetext="${(0, _LitRenderer.ifDefined)(this.valueStateText)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accessibleName)}"><div class="ui5-progress-indicator-bar" style="${(0, _LitRenderer.styleMap)(this.styles.bar)}">${!this.showValueInRemainingBar ? block1.call(this, context, tags, suffix) : undefined}</div><div class="ui5-progress-indicator-remaining-bar">${this.showValueInRemainingBar ? block6.call(this, context, tags, suffix) : undefined}</div></div>`;
   }
   function block1(context, tags, suffix) {
     return (0, _LitRenderer.html)`${this.showIcon ? block2.call(this, context, tags, suffix) : undefined}${!this.hideValue ? block3.call(this, context, tags, suffix) : undefined}`;

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

@@ -8,7 +8,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* eslint no-unused-vars: 0 */
 
   function block0(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.value)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuetext="${(0, _LitRenderer.ifDefined)(this.value)} of ${(0, _LitRenderer.ifDefined)(this.max)}" aria-orientation="horizontal" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" aria-readonly="${(0, _LitRenderer.ifDefined)(this.ariaReadonly)}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${(0, _LitRenderer.ifDefined)(this.tooltip)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accessibleName)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${(0, _LitRenderer.repeat)(this._stars, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ul></div>`;
+    return (0, _LitRenderer.html)`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.value)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuetext="${(0, _LitRenderer.ifDefined)(this.value)} of ${(0, _LitRenderer.ifDefined)(this.max)}" aria-orientation="horizontal" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" aria-readonly="${(0, _LitRenderer.ifDefined)(this.ariaReadonly)}" aria-description="${(0, _LitRenderer.ifDefined)(this._ariaDescription)}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${(0, _LitRenderer.ifDefined)(this.tooltip)}" aria-label="${(0, _LitRenderer.ifDefined)(this._ariaLabel)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${(0, _LitRenderer.repeat)(this._stars, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ul></div>`;
   }
   function block1(context, tags, suffix, item, index) {
     return (0, _LitRenderer.html)`${item.selected ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index)}`;

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

@@ -0,0 +1,45 @@
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer"], function (_exports, _LitRenderer) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  /* eslint no-unused-vars: 0 */
+
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} class="ui5-select-menu" placement-type="Bottom" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._onAfterOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._onAfterClose)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(this._onBeforeOpen)}" hide-arrow _disable-initial-focus style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopover)}>${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)} mode="SingleSelect" separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._onOptionClick)}"><slot></slot></${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover class="ui5-select-menu" placement-type="Bottom" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._onAfterOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._onAfterClose)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(this._onBeforeOpen)}" hide-arrow _disable-initial-focus style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopover)}>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block6.call(this, context, tags, suffix) : undefined}<ui5-list mode="SingleSelect" separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._onOptionClick)}"><slot></slot></ui5-list></ui5-responsive-popover>`;
+  }
+  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._onCloseBtnClick}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>${this.hasValueState ? 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._onCloseBtnClick}"></ui5-button></div>${this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)} row ui5-select-value-state-dialog-header">${this.hasValueStateSlot ? block3.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</div>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.hasValueState ? block7.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block7(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopoverHeader)}><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.hasValueStateSlot ? block8.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopoverHeader)}><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></ui5-icon>${this.hasValueStateSlot ? block8.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</div>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block9.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block9(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -14,7 +14,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} hide-arrow _disable-initial-focus placement-type="Bottom" class="ui5-select-popover ${(0, _LitRenderer.classMap)(this.classes.popover)}" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._afterOpen)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(this._beforeOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._afterClose)}" @keydown="${this._onkeydown}" style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopover)}>${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelectAuto" separators="None" @mousedown="${this._itemMousedown}" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._handleItemPress)}">${(0, _LitRenderer.repeat)(this._syncedOptions, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover hide-arrow _disable-initial-focus placement-type="Bottom" class="ui5-select-popover ${(0, _LitRenderer.classMap)(this.classes.popover)}" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._afterOpen)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(this._beforeOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._afterClose)}" @keydown="${this._onkeydown}" style=${(0, _LitRenderer.styleMap)(this.styles.responsivePopover)}>${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<ui5-list mode="SingleSelectAuto" separators="None" @mousedown="${this._itemMousedown}" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._handleItemPress)}">${(0, _LitRenderer.repeat)(this._syncedOptions, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</ui5-list></ui5-responsive-popover>`;
   }
   function block2(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(this._headerTitleText)}</span><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._toggleRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(this._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._toggleRespPopover}"></ui5-button></div>${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}</div>`;
+    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._toggleRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>${this.hasValueStateText ? block3.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._toggleRespPopover}"></ui5-button></div>${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}</div>`;
   }
   function block3(context, tags, suffix) {
     return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)} row ui5-select-value-state-dialog-header">${this.shouldDisplayDefaultValueStateMessage ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</div>`;

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

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