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

package/src/sap/ui/webc/main/thirdparty/generated/templates/StandardListItemTemplate.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">${this.hasImageContent ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}${this.displayIconBegin ? block10.call(this, context, tags, suffix) : undefined}<div class="ui5-li-text-wrapper"><span part="title" class="ui5-li-title"><slot></slot></span>${this.description ? block11.call(this, context, tags, suffix) : undefined}${!this.typeActive ? block13.call(this, context, tags, suffix) : undefined}</div>${!this.description ? block14.call(this, context, tags, suffix) : undefined}</div>${this.displayIconEnd ? block16.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block17.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block18.call(this, context, tags, suffix) : undefined}${this.navigated ? block19.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block20.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.listItemAriaLabel)}${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelectedText)}</span></li> `;
+    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">${this.hasImageContent ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}${this.displayIconBegin ? block10.call(this, context, tags, suffix) : undefined}<div class="ui5-li-text-wrapper"><span part="title" class="ui5-li-title"><slot></slot></span>${this.description ? block11.call(this, context, tags, suffix) : undefined}${!this.typeActive ? block13.call(this, context, tags, suffix) : undefined}</div>${!this.description ? block14.call(this, context, tags, suffix) : undefined}</div>${this.displayIconEnd ? block16.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block17.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block18.call(this, context, tags, suffix) : undefined}${this.navigated ? block19.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block20.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.listItemAriaLabel)}${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelectedText)}</span></li> `;
   }
   function block1(context, tags, suffix) {
     return (0, _LitRenderer.html)`${this.modeSingleSelect ? block2.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block3.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block4.call(this, context, tags, suffix) : undefined}`;
   }
   function block2(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+    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,7 +26,7 @@ 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 (0, _LitRenderer.html)`<div class="ui5-li-imgContent"><slot name="imageContent"></slot></div>`;
@@ -59,7 +59,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></ui5-icon>`;
   }
   function block17(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${this.onDetailClick}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${this.onDetailClick}"></ui5-button></div>`;
+    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 block18(context, tags, suffix) {
     return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name ="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name ="slim-arrow-right"></ui5-icon>`;
@@ -71,10 +71,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`${this.modeSingleSelect ? block21.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block22.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block23.call(this, context, tags, suffix) : undefined}`;
   }
   function block21(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+    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 block22(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+    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 block23(context, tags, suffix) {
     return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block24.call(this, context, tags, suffix) : block25.call(this, context, tags, suffix)}</div>`;
@@ -83,7 +83,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
   }
   function block25(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+    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/SuggestionListItemTemplate.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">${this.hasImageContent ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}${this.displayIconBegin ? block10.call(this, context, tags, suffix) : undefined}<div class="ui5-li-text-wrapper">${this.hasTitle ? block11.call(this, context, tags, suffix) : undefined}${this.hasDescription ? block12.call(this, context, tags, suffix) : undefined}${!this.typeActive ? block16.call(this, context, tags, suffix) : undefined}</div>${!this.hasDescription ? block17.call(this, context, tags, suffix) : undefined}</div>${this.displayIconEnd ? block19.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block20.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block21.call(this, context, tags, suffix) : undefined}${this.navigated ? block22.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block23.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">${this.hasImageContent ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}${this.displayIconBegin ? block10.call(this, context, tags, suffix) : undefined}<div class="ui5-li-text-wrapper">${this.hasTitle ? block11.call(this, context, tags, suffix) : undefined}${this.hasDescription ? block12.call(this, context, tags, suffix) : undefined}${!this.typeActive ? block16.call(this, context, tags, suffix) : undefined}</div>${!this.hasDescription ? block17.call(this, context, tags, suffix) : undefined}</div>${this.displayIconEnd ? block19.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block20.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block21.call(this, context, tags, suffix) : undefined}${this.navigated ? block22.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block23.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,7 +26,7 @@ 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 (0, _LitRenderer.html)`<div class="ui5-li-imgContent"><slot name="imageContent"></slot></div>`;
@@ -68,7 +68,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon" accessible-role="presentation" aria-hidden="true"></ui5-icon>`;
   }
   function block20(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 block21(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>`;
@@ -80,10 +80,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`${this.modeSingleSelect ? block24.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block25.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block26.call(this, context, tags, suffix) : undefined}`;
   }
   function block24(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 block25(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 block26(context, tags, suffix) {
     return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block27.call(this, context, tags, suffix) : block28.call(this, context, tags, suffix)}</div>`;
@@ -92,7 +92,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
   }
   function block28(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/SwitchTemplate.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-switch-root ${(0, _LitRenderer.classMap)(this.classes.main)}" role="switch" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-checked="${(0, _LitRenderer.ifDefined)(this.checked)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveAriaDisabled)}" @click="${this._onclick}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" dir="${(0, _LitRenderer.ifDefined)(this.effectiveDir)}" title="${(0, _LitRenderer.ifDefined)(this.tooltip)}"><div class="ui5-switch-inner"><div class="ui5-switch-track" part="slider"><div class="ui5-switch-slider">${this.graphical ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<span class="ui5-switch-handle" part="handle"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.sapNextIcon)}" class="ui5-switch-handle-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span></div></div></div><input type='checkbox' ?checked="${this.checked}" class="ui5-switch-input" data-sap-no-tab-ref/></div>` : (0, _LitRenderer.html)`<div class="ui5-switch-root ${(0, _LitRenderer.classMap)(this.classes.main)}" role="switch" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-checked="${(0, _LitRenderer.ifDefined)(this.checked)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveAriaDisabled)}" @click="${this._onclick}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" dir="${(0, _LitRenderer.ifDefined)(this.effectiveDir)}" title="${(0, _LitRenderer.ifDefined)(this.tooltip)}"><div class="ui5-switch-inner"><div class="ui5-switch-track" part="slider"><div class="ui5-switch-slider">${this.graphical ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<span class="ui5-switch-handle" part="handle"><ui5-icon name="${(0, _LitRenderer.ifDefined)(this.sapNextIcon)}" class="ui5-switch-handle-icon"></ui5-icon></span></div></div></div><input type='checkbox' ?checked="${this.checked}" class="ui5-switch-input" data-sap-no-tab-ref/></div>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-switch-root ${(0, _LitRenderer.classMap)(this.classes.main)}" role="switch" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-checked="${(0, _LitRenderer.ifDefined)(this.checked)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveAriaDisabled)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" @click="${this._onclick}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" dir="${(0, _LitRenderer.ifDefined)(this.effectiveDir)}" title="${(0, _LitRenderer.ifDefined)(this.tooltip)}"><div class="ui5-switch-inner"><div class="ui5-switch-track" part="slider"><div class="ui5-switch-slider">${this.graphical ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<span class="ui5-switch-handle" part="handle"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.sapNextIcon)}" class="ui5-switch-handle-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span></div></div></div><input type='checkbox' ?checked="${this.checked}" class="ui5-switch-input" data-sap-no-tab-ref/><slot name="formSupport"></slot></div>` : (0, _LitRenderer.html)`<div class="ui5-switch-root ${(0, _LitRenderer.classMap)(this.classes.main)}" role="switch" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-checked="${(0, _LitRenderer.ifDefined)(this.checked)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveAriaDisabled)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" @click="${this._onclick}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" dir="${(0, _LitRenderer.ifDefined)(this.effectiveDir)}" title="${(0, _LitRenderer.ifDefined)(this.tooltip)}"><div class="ui5-switch-inner"><div class="ui5-switch-track" part="slider"><div class="ui5-switch-slider">${this.graphical ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<span class="ui5-switch-handle" part="handle"><ui5-icon name="${(0, _LitRenderer.ifDefined)(this.sapNextIcon)}" class="ui5-switch-handle-icon"></ui5-icon></span></div></div></div><input type='checkbox' ?checked="${this.checked}" class="ui5-switch-input" data-sap-no-tab-ref/><slot name="formSupport"></slot></div>`;
   }
   function block1(context, tags, suffix) {
     return suffix ? (0, _LitRenderer.html)`<span class="ui5-switch-text ui5-switch-text--on"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="accept" class="ui5-switch-icon-on"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span><span class="ui5-switch-text ui5-switch-text--off"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="decline" class="ui5-switch-icon-off"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span>` : (0, _LitRenderer.html)`<span class="ui5-switch-text ui5-switch-text--on"><ui5-icon name="accept" class="ui5-switch-icon-on"></ui5-icon></span><span class="ui5-switch-text ui5-switch-text--off"><ui5-icon name="decline" class="ui5-switch-icon-off"></ui5-icon></span>`;

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

@@ -29,7 +29,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return suffix ? (0, _LitRenderer.html)`<span class="ui5-tab-single-click-icon"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="slim-arrow-down"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span>` : (0, _LitRenderer.html)`<span class="ui5-tab-single-click-icon"><ui5-icon name="slim-arrow-down"></ui5-icon></span>`;
   }
   function block7(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="ui5-tab-expand-button" @click="${this._onTabExpandButtonClick}"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} .tab=${(0, _LitRenderer.ifDefined)(this)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${this.disabled}" tooltip="${(0, _LitRenderer.ifDefined)(this.expandButtonTitle)}" aria-haspopup="Menu"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-tab-expand-button" @click="${this._onTabExpandButtonClick}"><ui5-button .tab=${(0, _LitRenderer.ifDefined)(this)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${this.disabled}" tooltip="${(0, _LitRenderer.ifDefined)(this.expandButtonTitle)}" aria-haspopup="Menu"></ui5-button></div>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-tab-expand-button-separator"></div><div class="ui5-tab-expand-button" @click="${this._onTabExpandButtonClick}"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} .tab=${(0, _LitRenderer.ifDefined)(this)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${this.disabled}" tooltip="${(0, _LitRenderer.ifDefined)(this.expandButtonTitle)}" aria-haspopup="Menu"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-tab-expand-button-separator"></div><div class="ui5-tab-expand-button" @click="${this._onTabExpandButtonClick}"><ui5-button .tab=${(0, _LitRenderer.ifDefined)(this)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${this.disabled}" tooltip="${(0, _LitRenderer.ifDefined)(this.expandButtonTitle)}" aria-haspopup="Menu"></ui5-button></div>`;
   }
   var _default = block0;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/generated/templates/TableRowTemplate.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)`<tr class="ui5-table-row-root" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onrowclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @mouseup="${this._onmouseup}" @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-selected="${(0, _LitRenderer.ifDefined)(this.selected)}" aria-current="${(0, _LitRenderer.ifDefined)(this._ariaCurrent)}" data-sap-focus-ref part="row" data-ui5-dir="${(0, _LitRenderer.ifDefined)(this.effectiveDir)}">${this.isMultiSelect ? block1.call(this, context, tags, suffix) : undefined}${this.shouldPopin ? block2.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}<td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>${this.shouldPopin ? block6.call(this, context, tags, suffix) : undefined} `;
+    return (0, _LitRenderer.html)`<tr class="ui5-table-row-root" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onrowclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @mouseup="${this._onmouseup}" @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-selected="${(0, _LitRenderer.ifDefined)(this.selected)}" aria-current="${(0, _LitRenderer.ifDefined)(this._ariaCurrent)}" data-sap-focus-ref part="row">${this.isMultiSelect ? block1.call(this, context, tags, suffix) : undefined}${this.shouldPopin ? block2.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}<td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>${this.shouldPopin ? block6.call(this, context, tags, suffix) : undefined} `;
   }
   function block1(context, tags, suffix) {
     return suffix ? (0, _LitRenderer.html)`<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} class="ui5-multi-select-checkbox" ?checked="${this.selected}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelRowSelection)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleSelection)}" tabindex="-1"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}></td>` : (0, _LitRenderer.html)`<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><ui5-checkbox class="ui5-multi-select-checkbox" ?checked="${this.selected}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelRowSelection)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleSelection)}" tabindex="-1"></ui5-checkbox></td>`;

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

@@ -29,7 +29,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`${!this.hideNoData ? block7.call(this, context, tags, suffix) : undefined}`;
   }
   function block7(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<tr class="ui5-table-no-data-row-root"><td colspan="${(0, _LitRenderer.ifDefined)(this.visibleColumnsCount)}" role="cell"><div class="ui5-table-no-data-row"><span>${(0, _LitRenderer.ifDefined)(this.noDataText)}</span></div></td></tr>`;
+    return (0, _LitRenderer.html)`<tr class="ui5-table-no-data-row-root"><td colspan="${(0, _LitRenderer.ifDefined)(this.visibleColumnsCount)}" role="cell" style="width: 100%"><div class="ui5-table-no-data-row"><span>${(0, _LitRenderer.ifDefined)(this.noDataText)}</span></div></td></tr>`;
   }
   function block8(context, tags, suffix) {
     return (0, _LitRenderer.html)`<tr><td colspan="${(0, _LitRenderer.ifDefined)(this.visibleColumnsCount)}"><div growing-button><div id="${(0, _LitRenderer.ifDefined)(this._id)}-growingButton" tabindex="0" role="button" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.loadMoreAriaLabelledBy)}" ?active="${this._loadMoreActive}" @click="${this._onLoadMoreClick}" @keydown="${this._onLoadMoreKeydown}" @keyup="${this._onLoadMoreKeyup}" growing-button-inner><span id="${(0, _LitRenderer.ifDefined)(this._id)}-growingButton-text" growing-button-text>${(0, _LitRenderer.ifDefined)(this._growingButtonText)}</span>${this.growingButtonSubtext ? block9.call(this, context, tags, suffix) : undefined}</div></div></td></tr>`;

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

@@ -0,0 +1,33 @@
+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 (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" ondragstart="return false;" ondrop="return false;" aria-hidden="true" class="${(0, _LitRenderer.classMap)(this.classes.clock)}"><div data-label="${(0, _LitRenderer.ifDefined)(this.label)}" class="ui5-tp-clock-dial"></div><div>${(0, _LitRenderer.repeat)(this._items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}${this._selectedItem.showMarker ? block6.call(this, context, tags, suffix) : undefined}</div><div class="ui5-tp-clock-cover" @touchstart="${this._onTouchStart}" @touchmove="${this._onTouchMove}" @touchend="${this._onTouchEnd}" @mousedown="${this._onTouchStart}" @mousemove="${this._onTouchMove}" @mouseup="${this._onTouchEnd}" @mouseout="${this._onMouseOut}" @mousewheel="${this._onMouseWheel}" @DOMMouseScroll="${this._onMouseWheel}"></div></div>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div class="ui5-tp-clock-item" style="${(0, _LitRenderer.styleMap)(item.outerStyles)}">${item.item ? block2.call(this, context, tags, suffix, item, index) : block4.call(this, context, tags, suffix, item, index)}</div>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span class="ui5-tp-clock-dot"></span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-${(0, _LitRenderer.ifDefined)(item.item)}" class="ui5-tp-clock-number" style="${(0, _LitRenderer.styleMap)(item.innerStyles)}">${(0, _LitRenderer.ifDefined)(item.item)}</span>${item.innerItem ? block3.call(this, context, tags, suffix, item, index) : undefined}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-${(0, _LitRenderer.ifDefined)(item.innerItem)}" class="ui5-tp-clock-number" style="${(0, _LitRenderer.styleMap)(item.innerStyles)}">${(0, _LitRenderer.ifDefined)(item.innerItem)}</span>`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${!this.hideFractions ? block5.call(this, context, tags, suffix, item, index) : undefined}`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span class="ui5-tp-clock-mid-dot"></span>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-tp-clock-item" style="${(0, _LitRenderer.styleMap)(this._selectedItem.outerStyles)}" marker><div class="ui5-tp-clock-marker"></div><div class="${(0, _LitRenderer.ifDefined)(this._selectedItem.itemClasses)}" style="${(0, _LitRenderer.styleMap)(this._selectedItem.innerStyles)}">${(0, _LitRenderer.ifDefined)(this._selectedItem.item)}</div><div id="${(0, _LitRenderer.ifDefined)(this._id)}-selected" class="${(0, _LitRenderer.ifDefined)(this._selectedItem.innerItemClasses)}" style="${(0, _LitRenderer.styleMap)(this._selectedItem.innerStyles)}">${(0, _LitRenderer.ifDefined)(this._selectedItem.innerItem)}</div></div>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -8,7 +8,10 @@ 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)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-responsive-popover" class="ui5-time-picker-popover" placement-type="Bottom" horizontal-align="Left" allow-target-overlap _hide-header hide-arrow @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onResponsivePopoverAfterClose)}" @wheel="${this._handleWheel}" @keydown="${this._onkeydown}"><${(0, _LitRenderer.scopeTag)("ui5-time-selection", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-time-sel" value="${(0, _LitRenderer.ifDefined)(this._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(this._formatPattern)}" .hideHours="${(0, _LitRenderer.ifDefined)(this.hideHours)}" .hideMinutes="${(0, _LitRenderer.ifDefined)(this.hideMinutes)}" .hideSeconds="${(0, _LitRenderer.ifDefined)(this.hideSeconds)}" .minutesStep="${(0, _LitRenderer.ifDefined)(this.minutesStep)}" .secondsStep="${(0, _LitRenderer.ifDefined)(this.secondsStep)}" .maxHours="${(0, _LitRenderer.ifDefined)(this.maxHours)}" .maxMinutes="${(0, _LitRenderer.ifDefined)(this.maxMinutes)}" .maxSeconds="${(0, _LitRenderer.ifDefined)(this.maxSeconds)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this.onTimeSelectionChange)}"></${(0, _LitRenderer.scopeTag)("ui5-time-selection", tags, suffix)}><div slot="footer" class="ui5-time-picker-footer" @keydown=${this._onfooterkeydown}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="submit" design="Emphasized" @click="${this.submitPickers}">${(0, _LitRenderer.ifDefined)(this.submitButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="close" design="Transparent" @click="${this.closePicker}">${(0, _LitRenderer.ifDefined)(this.cancelButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover id="${(0, _LitRenderer.ifDefined)(this._id)}-responsive-popover" class="ui5-time-picker-popover" placement-type="Bottom" horizontal-align="Left" allow-target-overlap _hide-header hide-arrow @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onResponsivePopoverAfterClose)}" @wheel="${this._handleWheel}" @keydown="${this._onkeydown}"><ui5-time-selection id="${(0, _LitRenderer.ifDefined)(this._id)}-time-sel" value="${(0, _LitRenderer.ifDefined)(this._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(this._formatPattern)}" .hideHours="${(0, _LitRenderer.ifDefined)(this.hideHours)}" .hideMinutes="${(0, _LitRenderer.ifDefined)(this.hideMinutes)}" .hideSeconds="${(0, _LitRenderer.ifDefined)(this.hideSeconds)}" .minutesStep="${(0, _LitRenderer.ifDefined)(this.minutesStep)}" .secondsStep="${(0, _LitRenderer.ifDefined)(this.secondsStep)}" .maxHours="${(0, _LitRenderer.ifDefined)(this.maxHours)}" .maxMinutes="${(0, _LitRenderer.ifDefined)(this.maxMinutes)}" .maxSeconds="${(0, _LitRenderer.ifDefined)(this.maxSeconds)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this.onTimeSelectionChange)}"></ui5-time-selection><div slot="footer" class="ui5-time-picker-footer" @keydown=${this._onfooterkeydown}><ui5-button id="submit" design="Emphasized" @click="${this.submitPickers}">${(0, _LitRenderer.ifDefined)(this.submitButtonLabel)}</ui5-button><ui5-button id="close" design="Transparent" @click="${this.closePicker}">${(0, _LitRenderer.ifDefined)(this.cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-responsive-popover" class="ui5-time-picker-popover" placement-type="Bottom" horizontal-align="Left" allow-target-overlap _hide-header hide-arrow @ui5-after-open="${(0, _LitRenderer.ifDefined)(this.onResponsivePopoverAfterOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onResponsivePopoverAfterClose)}" @wheel="${this._handleWheel}" @keydown="${this._onkeydown}"><${(0, _LitRenderer.scopeTag)("ui5-time-selection-clocks", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-time-sel" value="${(0, _LitRenderer.ifDefined)(this._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(this._formatPattern)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this.onTimeSelectionChange)}" @close-picker="${this.submitPickers}"></${(0, _LitRenderer.scopeTag)("ui5-time-selection-clocks", tags, suffix)}><div slot="footer" class="ui5-time-picker-footer" @keydown=${this._onfooterkeydown}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="submit" design="Emphasized" @click="${this.submitPickers}">${(0, _LitRenderer.ifDefined)(this.submitButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="close" design="Transparent" @click="${this.closePicker}">${(0, _LitRenderer.ifDefined)(this.cancelButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}` : (0, _LitRenderer.html)`<ui5-responsive-popover id="${(0, _LitRenderer.ifDefined)(this._id)}-responsive-popover" class="ui5-time-picker-popover" placement-type="Bottom" horizontal-align="Left" allow-target-overlap _hide-header hide-arrow @ui5-after-open="${(0, _LitRenderer.ifDefined)(this.onResponsivePopoverAfterOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onResponsivePopoverAfterClose)}" @wheel="${this._handleWheel}" @keydown="${this._onkeydown}"><ui5-time-selection-clocks id="${(0, _LitRenderer.ifDefined)(this._id)}-time-sel" value="${(0, _LitRenderer.ifDefined)(this._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(this._formatPattern)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this.onTimeSelectionChange)}" @close-picker="${this.submitPickers}"></ui5-time-selection-clocks><div slot="footer" class="ui5-time-picker-footer" @keydown=${this._onfooterkeydown}><ui5-button id="submit" design="Emphasized" @click="${this.submitPickers}">${(0, _LitRenderer.ifDefined)(this.submitButtonLabel)}</ui5-button><ui5-button id="close" design="Transparent" @click="${this.closePicker}">${(0, _LitRenderer.ifDefined)(this.cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-popover" class="ui5-time-picker-inputs-popover" placement-type="Bottom" horizontal-align="Left" allow-target-overlap _hide-header hide-arrow @ui5-after-open="${(0, _LitRenderer.ifDefined)(this.onInputsPopoverAfterOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onInputsPopoverAfterClose)}" @wheel="${this._handleWheel}" @keydown="${this._onkeydown}"><div class="popover-content"><${(0, _LitRenderer.scopeTag)("ui5-time-selection-inputs", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-time-sel-inputs" value="${(0, _LitRenderer.ifDefined)(this._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(this._formatPattern)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this.onTimeSelectionChange)}" @close-inputs="${this.submitInputsPopover}"></${(0, _LitRenderer.scopeTag)("ui5-time-selection-inputs", tags, suffix)}></div><div slot="footer" class="ui5-time-picker-footer" @keydown=${this._onfooterkeydown}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="submitInputs" design="Emphasized" @click="${this.submitInputsPopover}">${(0, _LitRenderer.ifDefined)(this.submitButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="closeInputs" design="Transparent" @click="${this.closeInputsPopover}">${(0, _LitRenderer.ifDefined)(this.cancelButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover id="${(0, _LitRenderer.ifDefined)(this._id)}-popover" class="ui5-time-picker-inputs-popover" placement-type="Bottom" horizontal-align="Left" allow-target-overlap _hide-header hide-arrow @ui5-after-open="${(0, _LitRenderer.ifDefined)(this.onInputsPopoverAfterOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onInputsPopoverAfterClose)}" @wheel="${this._handleWheel}" @keydown="${this._onkeydown}"><div class="popover-content"><ui5-time-selection-inputs id="${(0, _LitRenderer.ifDefined)(this._id)}-time-sel-inputs" value="${(0, _LitRenderer.ifDefined)(this._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(this._formatPattern)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this.onTimeSelectionChange)}" @close-inputs="${this.submitInputsPopover}"></ui5-time-selection-inputs></div><div slot="footer" class="ui5-time-picker-footer" @keydown=${this._onfooterkeydown}><ui5-button id="submitInputs" design="Emphasized" @click="${this.submitInputsPopover}">${(0, _LitRenderer.ifDefined)(this.submitButtonLabel)}</ui5-button><ui5-button id="closeInputs" design="Transparent" @click="${this.closeInputsPopover}">${(0, _LitRenderer.ifDefined)(this.cancelButtonLabel)}</ui5-button></div></ui5-popover>`;
   }
   var _default = block0;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/generated/templates/TimePickerTemplate.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 id="${(0, _LitRenderer.ifDefined)(this._id)}" class="ui5-time-picker-root"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" value="${(0, _LitRenderer.ifDefined)(this.value)}" placeholder="${(0, _LitRenderer.ifDefined)(this._placeholder)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" ._inputAccInfo="${(0, _LitRenderer.ifDefined)(this.accInfo)}" data-sap-focus-ref @click="${this._handleInputClick}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleInputLiveChange)}" class="ui5-time-picker-input" @keydown="${this._onkeydown}">${this.valueStateMessage.length ? block1.call(this, context, tags, suffix) : undefined}${!this.readonly ? block2.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" class="ui5-time-picker-root"><ui5-input id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" value="${(0, _LitRenderer.ifDefined)(this.value)}" placeholder="${(0, _LitRenderer.ifDefined)(this._placeholder)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" ._inputAccInfo="${(0, _LitRenderer.ifDefined)(this.accInfo)}" data-sap-focus-ref @click="${this._handleInputClick}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleInputLiveChange)}" class="ui5-time-picker-input" @keydown="${this._onkeydown}">${this.valueStateMessage.length ? block1.call(this, context, tags, suffix) : undefined}${!this.readonly ? block2.call(this, context, tags, suffix) : undefined}</ui5-input></div>`;
+    return suffix ? (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" class="ui5-time-picker-root"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" value="${(0, _LitRenderer.ifDefined)(this.value)}" placeholder="${(0, _LitRenderer.ifDefined)(this._placeholder)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" ._inputAccInfo="${(0, _LitRenderer.ifDefined)(this.accInfo)}" data-sap-focus-ref @click="${this._handleInputClick}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleInputLiveChange)}" @focusin="${this._onfocusin}" @input="${this._oninput}" class="ui5-time-picker-input" @keydown="${this._onkeydown}">${this.valueStateMessage.length ? block1.call(this, context, tags, suffix) : undefined}${!this.readonly ? block2.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" class="ui5-time-picker-root"><ui5-input id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" value="${(0, _LitRenderer.ifDefined)(this.value)}" placeholder="${(0, _LitRenderer.ifDefined)(this._placeholder)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" ._inputAccInfo="${(0, _LitRenderer.ifDefined)(this.accInfo)}" data-sap-focus-ref @click="${this._handleInputClick}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleInputLiveChange)}" @focusin="${this._onfocusin}" @input="${this._oninput}" class="ui5-time-picker-input" @keydown="${this._onkeydown}">${this.valueStateMessage.length ? block1.call(this, context, tags, suffix) : undefined}${!this.readonly ? block2.call(this, context, tags, suffix) : undefined}</ui5-input></div>`;
   }
   function block1(context, tags, suffix) {
     return (0, _LitRenderer.html)`<slot name="valueStateMessage" slot="valueStateMessage"></slot>`;

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

@@ -0,0 +1,30 @@
+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 (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" class="ui5-time-picker-tsc-container" tabindex="-1" @keydown=${this._onkeydown} @keyup=${this._onkeyup} @focusin=${this._clocksFocusIn} format-pattern="${(0, _LitRenderer.ifDefined)(this.formatPattern)}"><div class="ui5-time-picker-tsc-buttons">${(0, _LitRenderer.repeat)(this._entities, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}${this._periods.length ? block3.call(this, context, tags, suffix) : undefined}</div><div class="ui5-time-picker-tsc-clocks" role="img" aria-label="${(0, _LitRenderer.ifDefined)(this.clockDialAriaLabel)}">${(0, _LitRenderer.repeat)(this._entities, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`${item.hasSeparator ? block2.call(this, context, tags, suffix, item, index) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-toggle-spin-button", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}_button_${(0, _LitRenderer.ifDefined)(item.entity)}" .valueMin="${(0, _LitRenderer.ifDefined)(item.attributes.min)}" .valueMax="${(0, _LitRenderer.ifDefined)(item.attributes.max)}" .valueNow="${(0, _LitRenderer.ifDefined)(item.value)}" .valueText="${(0, _LitRenderer.ifDefined)(item.textValue)}" .accessibleName="${(0, _LitRenderer.ifDefined)(item.label)}" .pressed="${(0, _LitRenderer.ifDefined)(item.active)}" ?focused="${item.active}" @focusin="${this._buttonFocusIn}">${(0, _LitRenderer.ifDefined)(item.stringValue)}</${(0, _LitRenderer.scopeTag)("ui5-toggle-spin-button", tags, suffix)}>` : (0, _LitRenderer.html)`${item.hasSeparator ? block2.call(this, context, tags, suffix, item, index) : undefined}<ui5-toggle-spin-button id="${(0, _LitRenderer.ifDefined)(this._id)}_button_${(0, _LitRenderer.ifDefined)(item.entity)}" .valueMin="${(0, _LitRenderer.ifDefined)(item.attributes.min)}" .valueMax="${(0, _LitRenderer.ifDefined)(item.attributes.max)}" .valueNow="${(0, _LitRenderer.ifDefined)(item.value)}" .valueText="${(0, _LitRenderer.ifDefined)(item.textValue)}" .accessibleName="${(0, _LitRenderer.ifDefined)(item.label)}" .pressed="${(0, _LitRenderer.ifDefined)(item.active)}" ?focused="${item.active}" @focusin="${this._buttonFocusIn}">${(0, _LitRenderer.ifDefined)(item.stringValue)}</ui5-toggle-spin-button>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span separator>:</span>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<span separator></span><${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}_AmPm" @click=${this._periodChange}>${(0, _LitRenderer.repeat)(this._periods, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)}>` : (0, _LitRenderer.html)`<span separator></span><ui5-segmented-button id="${(0, _LitRenderer.ifDefined)(this._id)}_AmPm" @click=${this._periodChange}>${(0, _LitRenderer.repeat)(this._periods, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</ui5-segmented-button>`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)} ?pressed=${item.pressed}>${(0, _LitRenderer.ifDefined)(item.label)}</${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-segmented-button-item ?pressed=${item.pressed}>${(0, _LitRenderer.ifDefined)(item.label)}</ui5-segmented-button-item>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-time-picker-clock", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}_clock_${(0, _LitRenderer.ifDefined)(item.entity)}" data-sap-clock="${(0, _LitRenderer.ifDefined)(item.entity)}" .active="${(0, _LitRenderer.ifDefined)(item.active)}" .label="${(0, _LitRenderer.ifDefined)(item.label)}" .itemMin="${(0, _LitRenderer.ifDefined)(item.itemMin)}" .itemMax="${(0, _LitRenderer.ifDefined)(item.itemMax)}" .selectedValue="${(0, _LitRenderer.ifDefined)(item.value)}" .displayStep="${(0, _LitRenderer.ifDefined)(item.displayStep)}" .valueStep="${(0, _LitRenderer.ifDefined)(item.attributes.step)}" .lastItemReplacement="${(0, _LitRenderer.ifDefined)(item.lastItemReplacement)}" .showInnerCircle="${(0, _LitRenderer.ifDefined)(item.showInnerCircle)}" .prependZero="${(0, _LitRenderer.ifDefined)(item.prependZero)}" @ui5-change=${(0, _LitRenderer.ifDefined)(this._clockChange)}></${(0, _LitRenderer.scopeTag)("ui5-time-picker-clock", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-time-picker-clock id="${(0, _LitRenderer.ifDefined)(this._id)}_clock_${(0, _LitRenderer.ifDefined)(item.entity)}" data-sap-clock="${(0, _LitRenderer.ifDefined)(item.entity)}" .active="${(0, _LitRenderer.ifDefined)(item.active)}" .label="${(0, _LitRenderer.ifDefined)(item.label)}" .itemMin="${(0, _LitRenderer.ifDefined)(item.itemMin)}" .itemMax="${(0, _LitRenderer.ifDefined)(item.itemMax)}" .selectedValue="${(0, _LitRenderer.ifDefined)(item.value)}" .displayStep="${(0, _LitRenderer.ifDefined)(item.displayStep)}" .valueStep="${(0, _LitRenderer.ifDefined)(item.attributes.step)}" .lastItemReplacement="${(0, _LitRenderer.ifDefined)(item.lastItemReplacement)}" .showInnerCircle="${(0, _LitRenderer.ifDefined)(item.showInnerCircle)}" .prependZero="${(0, _LitRenderer.ifDefined)(item.prependZero)}" @ui5-change=${(0, _LitRenderer.ifDefined)(this._clockChange)}></ui5-time-picker-clock>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -0,0 +1,27 @@
+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 (0, _LitRenderer.html)`<div class="ui5-time-selection-inputs" @keydown="${this._onkeydown}">${(0, _LitRenderer.repeat)(this._entities, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}${this._periods.length ? block3.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`${item.hasSeparator ? block2.call(this, context, tags, suffix, item, index) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}_input_${(0, _LitRenderer.ifDefined)(item.entity)}" data-sap-input="${(0, _LitRenderer.ifDefined)(item.entity)}" type="${(0, _LitRenderer.ifDefined)(this._numberType)}" maxlength="2" autocomplete="off" pattern="[0-9]*" inputmode="numeric" class="ui5-time-selection-numeric-input" .value="${(0, _LitRenderer.ifDefined)(item.stringValue)}" .accessibleName="${(0, _LitRenderer.ifDefined)(item.label)}" ._nativeInputAttributes=${(0, _LitRenderer.ifDefined)(item.attributes)} @focusin=${this._onfocusin} @focusout=${this._onfocusout} @ui5-input=${(0, _LitRenderer.ifDefined)(this._oninput)}></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}>` : (0, _LitRenderer.html)`${item.hasSeparator ? block2.call(this, context, tags, suffix, item, index) : undefined}<ui5-input id="${(0, _LitRenderer.ifDefined)(this._id)}_input_${(0, _LitRenderer.ifDefined)(item.entity)}" data-sap-input="${(0, _LitRenderer.ifDefined)(item.entity)}" type="${(0, _LitRenderer.ifDefined)(this._numberType)}" maxlength="2" autocomplete="off" pattern="[0-9]*" inputmode="numeric" class="ui5-time-selection-numeric-input" .value="${(0, _LitRenderer.ifDefined)(item.stringValue)}" .accessibleName="${(0, _LitRenderer.ifDefined)(item.label)}" ._nativeInputAttributes=${(0, _LitRenderer.ifDefined)(item.attributes)} @focusin=${this._onfocusin} @focusout=${this._onfocusout} @ui5-input=${(0, _LitRenderer.ifDefined)(this._oninput)}></ui5-input>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span separator>:</span>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<span separator></span><${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}_AmPm" @click=${this._periodChange}>${(0, _LitRenderer.repeat)(this._periods, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)}>` : (0, _LitRenderer.html)`<span separator></span><ui5-segmented-button id="${(0, _LitRenderer.ifDefined)(this._id)}_AmPm" @click=${this._periodChange}>${(0, _LitRenderer.repeat)(this._periods, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</ui5-segmented-button>`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)} ?pressed=${item.pressed}>${(0, _LitRenderer.ifDefined)(item.label)}</${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-segmented-button-item ?pressed=${item.pressed}>${(0, _LitRenderer.ifDefined)(item.label)}</ui5-segmented-button-item>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -11,7 +11,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`${this.domRendered ? block1.call(this, context, tags, suffix) : undefined} `;
   }
   function block1(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<div class="ui5-toast-root" role="alert" style="${(0, _LitRenderer.styleMap)(this.styles.root)}" @mouseover="${this._onmouseover}" @mouseleave="${this._onmouseleave}" @transitionend="${this._ontransitionend}"><bdi><slot></slot></bdi></div>`;
+    return (0, _LitRenderer.html)`<div class="ui5-toast-root" role="alert" style="${(0, _LitRenderer.styleMap)(this.styles.root)}" tabindex="${(0, _LitRenderer.ifDefined)(this._tabindex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keydown="${this._onkeydown}" @mouseover="${this._onmouseover}" @mouseleave="${this._onmouseleave}" @transitionend="${this._ontransitionend}"><bdi><slot></slot></bdi></div>`;
   }
   var _default = block0;
   _exports.default = _default;

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

@@ -0,0 +1,21 @@
+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 (0, _LitRenderer.html)`<button type="button" class="ui5-button-root" ?disabled="${this.disabled}" data-sap-focus-ref  aria-pressed="${(0, _LitRenderer.ifDefined)(this.pressed)}" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.valueMin)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.valueMax)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.valueNow)}" aria-valuetext="${(0, _LitRenderer.ifDefined)(this.valueText)}" role="spinbutton"  @focusout=${this._onfocusout} @focusin=${this._onfocusin} @click=${this._onclick} @mousedown=${this._onmousedown} @mouseup=${this._onmouseup} @keydown=${this._onkeydown} @keyup=${this._onkeyup} @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" tabindex=${(0, _LitRenderer.ifDefined)(this.tabIndexValue)} aria-expanded="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes.expanded)}" aria-controls="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes.controls)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes.hasPopup)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" title="${(0, _LitRenderer.ifDefined)(this.buttonTitle)}" part="button">${this.icon ? block1.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${this.hasButtonType ? block2.call(this, context, tags, suffix) : undefined}</button> `;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" accessible-role="${(0, _LitRenderer.ifDefined)(this.iconRole)}" part="icon" ?show-tooltip=${this.showIconTooltip}></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-button-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" accessible-role="${(0, _LitRenderer.ifDefined)(this.iconRole)}" part="icon" ?show-tooltip=${this.showIconTooltip}></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.buttonTypeText)}</span>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -11,13 +11,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`<div tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" @click="${this._handleSelect}" @focusin="${this._focusin}" @focusout="${this._focusout}" @keydown="${this._keydown}" class="ui5-token--wrapper" role="option" aria-selected="${(0, _LitRenderer.ifDefined)(this.selected)}"><span class="ui5-token--text">${(0, _LitRenderer.ifDefined)(this.text)}</span>${!this.readonly ? block1.call(this, context, tags, suffix) : undefined}</div>`;
   }
   function block1(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<div class="ui5-token--icon" @mousedown="${this._mousedown}" @click="${this._delete}">${this.closeIcon.length ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div>`;
+    return (0, _LitRenderer.html)`<div class="ui5-token--icon">${this.closeIcon.length ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div>`;
   }
   function block2(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<slot name="closeIcon"></slot>`;
+    return (0, _LitRenderer.html)`<slot name="closeIcon" @click="${this._delete}"></slot>`;
   }
   function block3(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.iconURI)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.tokenDeletableText)}" show-tooltip></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="${(0, _LitRenderer.ifDefined)(this.iconURI)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.tokenDeletableText)}" show-tooltip></ui5-icon>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.iconURI)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.tokenDeletableText)}" show-tooltip @click="${this._delete}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="${(0, _LitRenderer.ifDefined)(this.iconURI)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.tokenDeletableText)}" show-tooltip @click="${this._delete}"></ui5-icon>`;
   }
   var _default = block0;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/generated/templates/TokenizerPopoverTemplate.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)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} tokenizer-popover="true" style=${(0, _LitRenderer.styleMap)(this.styles.popover)} ?content-only-on-desktop="${this.hasValueState}" hide-arrow placement-type="Bottom" horizontal-align="Left"><div slot="header" class="ui5-responsive-popover-header" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}">${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}</div><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} class="ui5-tokenizer-list" mode="Delete" @ui5-item-delete=${(0, _LitRenderer.ifDefined)(this.itemDelete)}>${(0, _LitRenderer.repeat)(this._tokens, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this._isPhone ? block5.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover tokenizer-popover="true" style=${(0, _LitRenderer.styleMap)(this.styles.popover)} ?content-only-on-desktop="${this.hasValueState}" hide-arrow placement-type="Bottom" horizontal-align="Left"><div slot="header" class="ui5-responsive-popover-header" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}">${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}</div><ui5-list class="ui5-tokenizer-list" mode="Delete" @ui5-item-delete=${(0, _LitRenderer.ifDefined)(this.itemDelete)}>${(0, _LitRenderer.repeat)(this._tokens, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</ui5-list>${this._isPhone ? block5.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} tokenizer-popover="true" style=${(0, _LitRenderer.styleMap)(this.styles.popover)} ?content-only-on-desktop="${this.hasValueState}" hide-arrow placement-type="Bottom" horizontal-align="Left" @before-close=${this.handleBeforeClose} @before-open="${this.handleBeforeOpen}"><div slot="header" class="ui5-responsive-popover-header" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}">${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}</div><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} class="ui5-tokenizer-list" mode="Delete" @ui5-item-delete=${(0, _LitRenderer.ifDefined)(this.itemDelete)}>${(0, _LitRenderer.repeat)(this._tokens, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this._isPhone ? block5.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover tokenizer-popover="true" style=${(0, _LitRenderer.styleMap)(this.styles.popover)} ?content-only-on-desktop="${this.hasValueState}" hide-arrow placement-type="Bottom" horizontal-align="Left" @before-close=${this.handleBeforeClose} @before-open="${this.handleBeforeOpen}"><div slot="header" class="ui5-responsive-popover-header" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}">${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}</div><ui5-list class="ui5-tokenizer-list" mode="Delete" @ui5-item-delete=${(0, _LitRenderer.ifDefined)(this.itemDelete)}>${(0, _LitRenderer.repeat)(this._tokens, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</ui5-list>${this._isPhone ? block5.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover>`;
   }
   function block1(context, tags, suffix) {
     return suffix ? (0, _LitRenderer.html)`<div class="row" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeaderTitle)}"><${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} level="H5" class="ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(this.morePopoverTitle)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this.closeMorePopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="row" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeaderTitle)}"><ui5-title level="H5" class="ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(this.morePopoverTitle)}</ui5-title><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this.closeMorePopover}"></ui5-button></div>`;
@@ -20,10 +20,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
   }
   function block4(context, tags, suffix, item, index) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} .tokenRef=${(0, _LitRenderer.ifDefined)(item)}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li .tokenRef=${(0, _LitRenderer.ifDefined)(item)}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} .tokenRef=${(0, _LitRenderer.ifDefined)(item)} wrapping-type="Normal">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li .tokenRef=${(0, _LitRenderer.ifDefined)(item)} wrapping-type="Normal">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
   }
   function block5(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.closeMorePopover}">OK</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${this.closeMorePopover}">OK</ui5-button></div>`;
+    return suffix ? (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="ui5-tokenizer-dialog-confirm-btn" design="Emphasized" @click="${this.closeMorePopover}">OK</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button id="ui5-tokenizer-dialog-confirm-btn" design="Emphasized" @click="${this.closeMorePopover}">OK</ui5-button></div>`;
   }
   var _default = block0;
   _exports.default = _default;

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

@@ -8,13 +8,13 @@ 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="${(0, _LitRenderer.classMap)(this.classes.wrapper)}"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-hiddenText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.tokenizerLabel)}</span><div class="${(0, _LitRenderer.classMap)(this.classes.content)}" @ui5-delete="${(0, _LitRenderer.ifDefined)(this._delete)}" @click="${this._click}" @mousedown="${this._onmousedown}" @keydown="${this._onkeydown}" role="listbox" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._id)}-hiddenText">${(0, _LitRenderer.repeat)(this.tokens, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>${this.showNMore ? block2.call(this, context, tags, suffix) : undefined}</div>`;
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.wrapper)}"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-hiddenText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.tokenizerLabel)}</span><div class="${(0, _LitRenderer.classMap)(this.classes.content)}" @ui5-delete="${(0, _LitRenderer.ifDefined)(this._delete)}" @click="${this._click}" @mousedown="${this._onmousedown}" @keydown="${this._onkeydown}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onTokenSelect)}" role="listbox" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._id)}-hiddenText">${(0, _LitRenderer.repeat)(this.tokens, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>${this.showNMore ? block2.call(this, context, tags, suffix) : undefined}</div>`;
   }
   function block1(context, tags, suffix, item, index) {
     return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
   }
   function block2(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<span @click="${this._openOverflowPopover}" class="ui5-tokenizer-more-text" part="n-more-text">${(0, _LitRenderer.ifDefined)(this._nMoreText)}</span>`;
+    return (0, _LitRenderer.html)`<span @click="${this._openMorePopoverAndFireEvent}" class="ui5-tokenizer-more-text" part="n-more-text">${(0, _LitRenderer.ifDefined)(this._nMoreText)}</span>`;
   }
   var _default = block0;
   _exports.default = _default;

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

@@ -0,0 +1,15 @@
+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-button", tags, suffix)} class="ui5-tb-button ui5-tb-item" id="${(0, _LitRenderer.ifDefined)(this.id)}" style="${(0, _LitRenderer.styleMap)(this.styles)}" icon="${(0, _LitRenderer.ifDefined)(this.icon)}" ?icon-end="${this.iconEnd}" tooltip="${(0, _LitRenderer.ifDefined)(this.tooltip)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)}" .accessibilityAttributes="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes)}" design="${(0, _LitRenderer.ifDefined)(this.design)}" ?disabled="${this.disabled}" ?hidden="${this.hidden}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(this.stableDomRef)}" .refItemId="${(0, _LitRenderer.ifDefined)(this._id)}">${(0, _LitRenderer.ifDefined)(this.text)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button class="ui5-tb-button ui5-tb-item" id="${(0, _LitRenderer.ifDefined)(this.id)}" style="${(0, _LitRenderer.styleMap)(this.styles)}" icon="${(0, _LitRenderer.ifDefined)(this.icon)}" ?icon-end="${this.iconEnd}" tooltip="${(0, _LitRenderer.ifDefined)(this.tooltip)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)}" .accessibilityAttributes="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes)}" design="${(0, _LitRenderer.ifDefined)(this.design)}" ?disabled="${this.disabled}" ?hidden="${this.hidden}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(this.stableDomRef)}" .refItemId="${(0, _LitRenderer.ifDefined)(this._id)}">${(0, _LitRenderer.ifDefined)(this.text)}</ui5-button>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});