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

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

@@ -7,10 +7,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" class="ui5-step-input-root" @keydown="${context._onkeydown}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${!context.readonly ? block1(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" class="ui5-step-input-input" placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" type="${(0, _LitRenderer.ifDefined)(context.type)}" value="${(0, _LitRenderer.ifDefined)(context._valuePrecisioned)}" ?disabled="${context.disabled}" ?required="${context.required}" ?readonly="${context.readonly}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" data-sap-focus-ref ._inputAccInfo ="${(0, _LitRenderer.ifDefined)(context.accInfo)}" ._nativeInputAttributes="${(0, _LitRenderer.ifDefined)(context.inputAttributes)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._onInputChange)}" @focusout="${context._onInputFocusOut}" @focusin="${context._onInputFocusIn}">${context.valueStateMessage.length ? block2(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}>${!context.readonly ? block3(context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>` : (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" class="ui5-step-input-root" @keydown="${context._onkeydown}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${!context.readonly ? block1(context, tags, suffix) : undefined}<ui5-input id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" class="ui5-step-input-input" placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" type="${(0, _LitRenderer.ifDefined)(context.type)}" value="${(0, _LitRenderer.ifDefined)(context._valuePrecisioned)}" ?disabled="${context.disabled}" ?required="${context.required}" ?readonly="${context.readonly}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" data-sap-focus-ref ._inputAccInfo ="${(0, _LitRenderer.ifDefined)(context.accInfo)}" ._nativeInputAttributes="${(0, _LitRenderer.ifDefined)(context.inputAttributes)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._onInputChange)}" @focusout="${context._onInputFocusOut}" @focusin="${context._onInputFocusIn}">${context.valueStateMessage.length ? block2(context, tags, suffix) : undefined}</ui5-input>${!context.readonly ? block3(context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-step-icon ui5-step-dec" title="${(0, _LitRenderer.ifDefined)(context.decIconTitle)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-dec" name="${(0, _LitRenderer.ifDefined)(context.decIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(context.decIconTitle)}" @click="${context._decValue}" @focusout="${context._onButtonFocusOut}" @mousedown="${context._decSpin}" @mouseup="${context._resetSpin}" @mouseout="${context._resetSpinOut}" input-icon show-tooltip ?clickable="${context._decIconClickable}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-step-icon ui5-step-dec" title="${(0, _LitRenderer.ifDefined)(context.decIconTitle)}"><ui5-icon id="${(0, _LitRenderer.ifDefined)(context._id)}-dec" name="${(0, _LitRenderer.ifDefined)(context.decIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(context.decIconTitle)}" @click="${context._decValue}" @focusout="${context._onButtonFocusOut}" @mousedown="${context._decSpin}" @mouseup="${context._resetSpin}" @mouseout="${context._resetSpinOut}" input-icon show-tooltip ?clickable="${context._decIconClickable}"></ui5-icon></div>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="valueStateMessage" slot="valueStateMessage"></slot>`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-step-icon ui5-step-inc" title="${(0, _LitRenderer.ifDefined)(context.incIconTitle)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-inc" name="${(0, _LitRenderer.ifDefined)(context.incIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(context.incIconTitle)}" @click="${context._incValue}" @focusout="${context._onButtonFocusOut}" @mousedown="${context._incSpin}" @mouseup="${context._resetSpin}" @mouseout="${context._resetSpinOut}" input-icon show-tooltip ?clickable="${context._incIconClickable}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-step-icon ui5-step-inc" title="${(0, _LitRenderer.ifDefined)(context.incIconTitle)}"><ui5-icon id="${(0, _LitRenderer.ifDefined)(context._id)}-inc" name="${(0, _LitRenderer.ifDefined)(context.incIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(context.incIconTitle)}" @click="${context._incValue}" @focusout="${context._onButtonFocusOut}" @mousedown="${context._incSpin}" @mouseup="${context._resetSpin}" @mouseout="${context._resetSpinOut}" input-icon show-tooltip ?clickable="${context._incIconClickable}"></ui5-icon></div>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" class="ui5-step-input-root" @keydown="${this._onkeydown}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}">${!this.readonly ? block1.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" class="ui5-step-input-input" placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" type="${(0, _LitRenderer.ifDefined)(this.type)}" value="${(0, _LitRenderer.ifDefined)(this._valuePrecisioned)}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" data-sap-focus-ref ._inputAccInfo ="${(0, _LitRenderer.ifDefined)(this.accInfo)}" ._nativeInputAttributes="${(0, _LitRenderer.ifDefined)(this.inputAttributes)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._onInputChange)}" @focusout="${this._onInputFocusOut}" @focusin="${this._onInputFocusIn}">${this.valueStateMessage.length ? block2.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}>${!this.readonly ? block3.call(this, context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>` : (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" class="ui5-step-input-root" @keydown="${this._onkeydown}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}">${!this.readonly ? block1.call(this, context, tags, suffix) : undefined}<ui5-input id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" class="ui5-step-input-input" placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" type="${(0, _LitRenderer.ifDefined)(this.type)}" value="${(0, _LitRenderer.ifDefined)(this._valuePrecisioned)}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" data-sap-focus-ref ._inputAccInfo ="${(0, _LitRenderer.ifDefined)(this.accInfo)}" ._nativeInputAttributes="${(0, _LitRenderer.ifDefined)(this.inputAttributes)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._onInputChange)}" @focusout="${this._onInputFocusOut}" @focusin="${this._onInputFocusIn}">${this.valueStateMessage.length ? block2.call(this, context, tags, suffix) : undefined}</ui5-input>${!this.readonly ? block3.call(this, context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-step-icon ui5-step-dec" title="${(0, _LitRenderer.ifDefined)(this.decIconTitle)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-dec" name="${(0, _LitRenderer.ifDefined)(this.decIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(this.decIconTitle)}" @click="${this._decValue}" @focusout="${this._onButtonFocusOut}" @mousedown="${this._decSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" input-icon show-tooltip ?clickable="${this._decIconClickable}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-step-icon ui5-step-dec" title="${(0, _LitRenderer.ifDefined)(this.decIconTitle)}"><ui5-icon id="${(0, _LitRenderer.ifDefined)(this._id)}-dec" name="${(0, _LitRenderer.ifDefined)(this.decIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(this.decIconTitle)}" @click="${this._decValue}" @focusout="${this._onButtonFocusOut}" @mousedown="${this._decSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" input-icon show-tooltip ?clickable="${this._decIconClickable}"></ui5-icon></div>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="valueStateMessage" slot="valueStateMessage"></slot>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-step-icon ui5-step-inc" title="${(0, _LitRenderer.ifDefined)(this.incIconTitle)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-inc" name="${(0, _LitRenderer.ifDefined)(this.incIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(this.incIconTitle)}" @click="${this._incValue}" @focusout="${this._onButtonFocusOut}" @mousedown="${this._incSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" input-icon show-tooltip ?clickable="${this._incIconClickable}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-step-icon ui5-step-inc" title="${(0, _LitRenderer.ifDefined)(this.incIconTitle)}"><ui5-icon id="${(0, _LitRenderer.ifDefined)(this._id)}-inc" name="${(0, _LitRenderer.ifDefined)(this.incIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(this.incIconTitle)}" @click="${this._incValue}" @focusout="${this._onButtonFocusOut}" @mousedown="${this._incSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" input-icon show-tooltip ?clickable="${this._incIconClickable}"></ui5-icon></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

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

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

@@ -7,11 +7,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-switch-root ${(0, _LitRenderer.classMap)(context.classes.main)}" role="switch" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-checked="${(0, _LitRenderer.ifDefined)(context.checked)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.ariaDisabled)}" @click="${context._onclick}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" dir="${(0, _LitRenderer.ifDefined)(context.effectiveDir)}"><div class="ui5-switch-inner"><div class="ui5-switch-track" part="slider"><div class="ui5-switch-slider">${context.graphical ? block1(context, tags, suffix) : block2(context, tags, suffix)}<span class="ui5-switch-handle" part="handle"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(context.sapNextIcon)}" class="ui5-switch-handle-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span></div></div></div><input type='checkbox' ?checked="${context.checked}" class="ui5-switch-input" data-sap-no-tab-ref/></div>` : (0, _LitRenderer.html)`<div class="ui5-switch-root ${(0, _LitRenderer.classMap)(context.classes.main)}" role="switch" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-checked="${(0, _LitRenderer.ifDefined)(context.checked)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.ariaDisabled)}" @click="${context._onclick}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" dir="${(0, _LitRenderer.ifDefined)(context.effectiveDir)}"><div class="ui5-switch-inner"><div class="ui5-switch-track" part="slider"><div class="ui5-switch-slider">${context.graphical ? block1(context, tags, suffix) : block2(context, tags, suffix)}<span class="ui5-switch-handle" part="handle"><ui5-icon name="${(0, _LitRenderer.ifDefined)(context.sapNextIcon)}" class="ui5-switch-handle-icon"></ui5-icon></span></div></div></div><input type='checkbox' ?checked="${context.checked}" class="ui5-switch-input" data-sap-no-tab-ref/></div>`;
-  const block1 = (context, tags, suffix) => 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>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.hasNoLabel ? block3(context, tags, suffix) : block4(context, tags, suffix)}`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<span class="ui5-switch-text ui5-switch-text--on ui5-switch-no-label-icon" part="text-on"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(context.sapNextIcon)}" class="ui5-switch-no-label-icon-on"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span><span class="ui5-switch-text ui5-switch-text--off switch-no-label-icon" part="text-off"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(context.sapNextIcon)}" class="ui5-switch-no-label-icon-off"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span>` : (0, _LitRenderer.html)`<span class="ui5-switch-text ui5-switch-text--on ui5-switch-no-label-icon" part="text-on"><ui5-icon name="${(0, _LitRenderer.ifDefined)(context.sapNextIcon)}" class="ui5-switch-no-label-icon-on"></ui5-icon></span><span class="ui5-switch-text ui5-switch-text--off switch-no-label-icon" part="text-off"><ui5-icon name="${(0, _LitRenderer.ifDefined)(context.sapNextIcon)}" class="ui5-switch-no-label-icon-off"></ui5-icon></span>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-switch-text ui5-switch-text--on" part="text-on">${(0, _LitRenderer.ifDefined)(context._textOn)}</span><span class="ui5-switch-text ui5-switch-text--off" part="text-off">${(0, _LitRenderer.ifDefined)(context._textOff)}</span>`;
+  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>`;
+  }
+  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>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.hasNoLabel ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<span class="ui5-switch-text ui5-switch-text--on ui5-switch-no-label-icon" part="text-on"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.sapNextIcon)}" class="ui5-switch-no-label-icon-on"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span><span class="ui5-switch-text ui5-switch-text--off switch-no-label-icon" part="text-off"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.sapNextIcon)}" class="ui5-switch-no-label-icon-off"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></span>` : (0, _LitRenderer.html)`<span class="ui5-switch-text ui5-switch-text--on ui5-switch-no-label-icon" part="text-on"><ui5-icon name="${(0, _LitRenderer.ifDefined)(this.sapNextIcon)}" class="ui5-switch-no-label-icon-on"></ui5-icon></span><span class="ui5-switch-text ui5-switch-text--off switch-no-label-icon" part="text-off"><ui5-icon name="${(0, _LitRenderer.ifDefined)(this.sapNextIcon)}" class="ui5-switch-no-label-icon-off"></ui5-icon></span>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-switch-text ui5-switch-text--on" part="text-on">${(0, _LitRenderer.ifDefined)(this._textOn)}</span><span class="ui5-switch-text ui5-switch-text--off" part="text-off">${(0, _LitRenderer.ifDefined)(this._textOff)}</span>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,8 +7,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-overflowMenu" horizontal-align="Right" placement-type="Bottom" content-only-on-desktop hide-arrow _hide-header class="ui5-tab-container-responsive-popover"><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._onOverflowListItemClick)}">${(0, _LitRenderer.repeat)(context._overflowItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">${(0, _LitRenderer.ifDefined)(context.popoverCancelButtonText)}</${(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)(context._id)}-overflowMenu" horizontal-align="Right" placement-type="Bottom" content-only-on-desktop hide-arrow _hide-header class="ui5-tab-container-responsive-popover"><ui5-list mode="SingleSelect" separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._onOverflowListItemClick)}">${(0, _LitRenderer.repeat)(context._overflowItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</ui5-list><div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">${(0, _LitRenderer.ifDefined)(context.popoverCancelButtonText)}</ui5-button></div></ui5-responsive-popover>`;
-  const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.overflowPresentation)}`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-overflowMenu" horizontal-align="Right" placement-type="Bottom" content-only-on-desktop hide-arrow _hide-header class="ui5-tab-container-responsive-popover"><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._onOverflowListItemClick)}">${(0, _LitRenderer.repeat)(this._overflowItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${this._closeRespPopover}">${(0, _LitRenderer.ifDefined)(this.popoverCancelButtonText)}</${(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)}-overflowMenu" horizontal-align="Right" placement-type="Bottom" content-only-on-desktop hide-arrow _hide-header class="ui5-tab-container-responsive-popover"><ui5-list mode="SingleSelect" separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._onOverflowListItemClick)}">${(0, _LitRenderer.repeat)(this._overflowItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ui5-list><div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${this._closeRespPopover}">${(0, _LitRenderer.ifDefined)(this.popoverCancelButtonText)}</ui5-button></div></ui5-responsive-popover>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.overflowPresentation)}`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,16 +7,39 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.root)}">${context.tabsAtTheBottom ? block1(context, tags, suffix) : undefined}<div class="${(0, _LitRenderer.classMap)(context.classes.header)}" id="${(0, _LitRenderer.ifDefined)(context._id)}-header"><div class="ui5-tc__overflow ui5-tc__overflow--start" @click="${context._onOverflowClick}" @keydown="${context._onOverflowKeyDown}" hidden>${context.startOverflowButton.length ? block3(context, tags, suffix) : block4(context, tags, suffix)}</div><div id="${(0, _LitRenderer.ifDefined)(context._id)}-tabStrip" class="${(0, _LitRenderer.classMap)(context.classes.tabStrip)}" role="tablist" @click="${context._onTabStripClick}" @keydown="${context._onTabStripKeyDown}" @keyup="${context._onTabStripKeyUp}">${(0, _LitRenderer.repeat)(context.items, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix))}</div><div class="ui5-tc__overflow ui5-tc__overflow--end" @click="${context._onOverflowClick}" @keydown="${context._onOverflowKeyDown}" hidden>${context.overflowButton.length ? block6(context, tags, suffix) : block7(context, tags, suffix)}</div></div>${!context.tabsAtTheBottom ? block8(context, tags, suffix) : undefined}</div> `;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.content)}" part="content"><div class="ui5-tc__contentItem" id="ui5-tc-content" ?hidden="${context._selectedTab.effectiveHidden}" role="tabpanel" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._selectedTab._id)}">${(0, _LitRenderer.repeat)(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div></div>`;
-  const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._effectiveSlotName)}"></slot>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="startOverflowButton"></slot>`;
-  const block4 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(context.overflowMenuIcon)}" data-ui5-stable="overflow-start" tabindex="-1" tooltip="${(0, _LitRenderer.ifDefined)(context.overflowMenuTitle)}" aria-haspopup="true" icon-end>${(0, _LitRenderer.ifDefined)(context._startOverflowText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(context.overflowMenuIcon)}" data-ui5-stable="overflow-start" tabindex="-1" tooltip="${(0, _LitRenderer.ifDefined)(context.overflowMenuTitle)}" aria-haspopup="true" icon-end>${(0, _LitRenderer.ifDefined)(context._startOverflowText)}</ui5-button>`;
-  const block5 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.stripPresentation)}`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="overflowButton"></slot>`;
-  const block7 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(context.overflowMenuIcon)}" data-ui5-stable="overflow-end" tabindex="-1" tooltip="${(0, _LitRenderer.ifDefined)(context.overflowMenuTitle)}" aria-haspopup="true" icon-end>${(0, _LitRenderer.ifDefined)(context._endOverflowText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(context.overflowMenuIcon)}" data-ui5-stable="overflow-end" tabindex="-1" tooltip="${(0, _LitRenderer.ifDefined)(context.overflowMenuTitle)}" aria-haspopup="true" icon-end>${(0, _LitRenderer.ifDefined)(context._endOverflowText)}</ui5-button>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.content)}" part="content"><div class="ui5-tc__contentItem" id="ui5-tc-content" ?hidden="${context._selectedTab.effectiveHidden}" role="tabpanel" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._selectedTab._id)}">${(0, _LitRenderer.repeat)(context.items, (item, index) => item._id || index, (item, index) => block9(item, index, context, tags, suffix))}</div></div>`;
-  const block9 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._effectiveSlotName)}"></slot>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.root)}">${this.tabsAtTheBottom ? block1.call(this, context, tags, suffix) : undefined}<div class="${(0, _LitRenderer.classMap)(this.classes.header)}" id="${(0, _LitRenderer.ifDefined)(this._id)}-header" @focusin="${this._onHeaderFocusin}"><div class="ui5-tc__overflow ui5-tc__overflow--start" @click="${this._onOverflowClick}" @keydown="${this._onOverflowKeyDown}" hidden>${this.startOverflowButton.length ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div><div id="${(0, _LitRenderer.ifDefined)(this._id)}-tabStrip" class="${(0, _LitRenderer.classMap)(this.classes.tabStrip)}" role="tablist" aria-describedby="${(0, _LitRenderer.ifDefined)(this.tablistAriaDescribedById)}" @click="${this._onTabStripClick}" @keydown="${this._onTabStripKeyDown}" @keyup="${this._onTabStripKeyUp}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div><div class="ui5-tc__overflow ui5-tc__overflow--end" @click="${this._onOverflowClick}" @keydown="${this._onOverflowKeyDown}" hidden>${this.overflowButton.length ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}</div></div>${!this.tabsAtTheBottom ? block8.call(this, context, tags, suffix) : undefined}${this.hasSubTabs ? block10.call(this, context, tags, suffix) : undefined}</div> `;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.content)}" part="content"><div class="ui5-tc__contentItem" id="ui5-tc-content" ?hidden="${this._selectedTab.effectiveHidden}" role="tabpanel" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._selectedTab._id)}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div></div>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._effectiveSlotName)}"></slot>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="startOverflowButton"></slot>`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(this.overflowMenuIcon)}" data-ui5-stable="overflow-start" tabindex="-1" tooltip="${(0, _LitRenderer.ifDefined)(this.overflowMenuTitle)}" aria-haspopup="menu" icon-end>${(0, _LitRenderer.ifDefined)(this._startOverflowText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(this.overflowMenuIcon)}" data-ui5-stable="overflow-start" tabindex="-1" tooltip="${(0, _LitRenderer.ifDefined)(this.overflowMenuTitle)}" aria-haspopup="menu" icon-end>${(0, _LitRenderer.ifDefined)(this._startOverflowText)}</ui5-button>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.stripPresentation)}`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="overflowButton"></slot>`;
+  }
+  function block7(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(this.overflowMenuIcon)}" data-ui5-stable="overflow-end" tabindex="-1" tooltip="${(0, _LitRenderer.ifDefined)(this.overflowMenuTitle)}" aria-haspopup="menu" icon-end>${(0, _LitRenderer.ifDefined)(this._endOverflowText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(this.overflowMenuIcon)}" data-ui5-stable="overflow-end" tabindex="-1" tooltip="${(0, _LitRenderer.ifDefined)(this.overflowMenuTitle)}" aria-haspopup="menu" icon-end>${(0, _LitRenderer.ifDefined)(this._endOverflowText)}</ui5-button>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.content)}" part="content"><div class="ui5-tc__contentItem" id="ui5-tc-content" ?hidden="${this._selectedTab.effectiveHidden}" role="tabpanel" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._selectedTab._id)}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block9.call(this, context, tags, suffix, item, index))}</div></div>`;
+  }
+  function block9(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._effectiveSlotName)}"></slot>`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accInvisibleText)}</span>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,11 +7,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-custom", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}" class="${(0, _LitRenderer.ifDefined)(context.overflowClasses)}" type="${(0, _LitRenderer.ifDefined)(context.overflowState)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.effectiveDisabled)}" aria-selected="${(0, _LitRenderer.ifDefined)(context.effectiveSelected)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.ariaLabelledBy)}" ._realTab="${(0, _LitRenderer.ifDefined)(context)}" style="${(0, _LitRenderer.styleMap)(context._style)}"><div class="ui5-tab-overflow-itemContent-wrapper"><div class="ui5-tab-overflow-itemContent">${context.semanticIconName ? block1(context, tags, suffix) : undefined}${context.icon ? block2(context, tags, suffix) : undefined}${(0, _LitRenderer.ifDefined)(context.text)}${context.additionalText ? block3(context, tags, suffix) : undefined}</div></div></${(0, _LitRenderer.scopeTag)("ui5-li-custom", tags, suffix)}>${(0, _LitRenderer.repeat)(context.subTabs, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))} ` : (0, _LitRenderer.html)`<ui5-li-custom id="${(0, _LitRenderer.ifDefined)(context._id)}" class="${(0, _LitRenderer.ifDefined)(context.overflowClasses)}" type="${(0, _LitRenderer.ifDefined)(context.overflowState)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.effectiveDisabled)}" aria-selected="${(0, _LitRenderer.ifDefined)(context.effectiveSelected)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.ariaLabelledBy)}" ._realTab="${(0, _LitRenderer.ifDefined)(context)}" style="${(0, _LitRenderer.styleMap)(context._style)}"><div class="ui5-tab-overflow-itemContent-wrapper"><div class="ui5-tab-overflow-itemContent">${context.semanticIconName ? block1(context, tags, suffix) : undefined}${context.icon ? block2(context, tags, suffix) : undefined}${(0, _LitRenderer.ifDefined)(context.text)}${context.additionalText ? block3(context, tags, suffix) : undefined}</div></div></ui5-li-custom>${(0, _LitRenderer.repeat)(context.subTabs, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))} `;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="${(0, _LitRenderer.ifDefined)(context.semanticIconClasses)}" name="${(0, _LitRenderer.ifDefined)(context.semanticIconName)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="${(0, _LitRenderer.ifDefined)(context.semanticIconClasses)}" name="${(0, _LitRenderer.ifDefined)(context.semanticIconName)}"></ui5-icon>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(context.icon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="${(0, _LitRenderer.ifDefined)(context.icon)}"></ui5-icon>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)` (${(0, _LitRenderer.ifDefined)(context.additionalText)}) `;
-  const block4 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.overflowPresentation)}`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-custom", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-li" class="${(0, _LitRenderer.ifDefined)(this.overflowClasses)}" type="${(0, _LitRenderer.ifDefined)(this.overflowState)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveDisabled)}" aria-selected="${(0, _LitRenderer.ifDefined)(this.effectiveSelected)}" ._realTab="${(0, _LitRenderer.ifDefined)(this)}" style="${(0, _LitRenderer.styleMap)(this._style)}"><div class="ui5-tab-overflow-itemContent-wrapper"><div class="ui5-tab-overflow-itemContent">${this.semanticIconName ? block1.call(this, context, tags, suffix) : undefined}${this.icon ? block2.call(this, context, tags, suffix) : undefined}${(0, _LitRenderer.ifDefined)(this.text)}${this.additionalText ? block3.call(this, context, tags, suffix) : undefined}${this._designDescription ? block4.call(this, context, tags, suffix) : undefined}</div></div></${(0, _LitRenderer.scopeTag)("ui5-li-custom", tags, suffix)}>${(0, _LitRenderer.repeat)(this.subTabs, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))} ` : (0, _LitRenderer.html)`<ui5-li-custom id="${(0, _LitRenderer.ifDefined)(this._id)}-li" class="${(0, _LitRenderer.ifDefined)(this.overflowClasses)}" type="${(0, _LitRenderer.ifDefined)(this.overflowState)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveDisabled)}" aria-selected="${(0, _LitRenderer.ifDefined)(this.effectiveSelected)}" ._realTab="${(0, _LitRenderer.ifDefined)(this)}" style="${(0, _LitRenderer.styleMap)(this._style)}"><div class="ui5-tab-overflow-itemContent-wrapper"><div class="ui5-tab-overflow-itemContent">${this.semanticIconName ? block1.call(this, context, tags, suffix) : undefined}${this.icon ? block2.call(this, context, tags, suffix) : undefined}${(0, _LitRenderer.ifDefined)(this.text)}${this.additionalText ? block3.call(this, context, tags, suffix) : undefined}${this._designDescription ? block4.call(this, context, tags, suffix) : undefined}</div></div></ui5-li-custom>${(0, _LitRenderer.repeat)(this.subTabs, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))} `;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="${(0, _LitRenderer.ifDefined)(this.semanticIconClasses)}" name="${(0, _LitRenderer.ifDefined)(this.semanticIconName)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="${(0, _LitRenderer.ifDefined)(this.semanticIconClasses)}" name="${(0, _LitRenderer.ifDefined)(this.semanticIconName)}"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.icon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="${(0, _LitRenderer.ifDefined)(this.icon)}"></ui5-icon>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)` (${(0, _LitRenderer.ifDefined)(this.additionalText)}) `;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}-designDescription" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._designDescription)}</div>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.overflowPresentation)}`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,14 +7,30 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" class="${(0, _LitRenderer.ifDefined)(context.stripClasses)}" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" role="tab" aria-posinset="${(0, _LitRenderer.ifDefined)(context._posinset)}" aria-setsize="${(0, _LitRenderer.ifDefined)(context._setsize)}" aria-controls="ui5-tc-content" aria-selected="${(0, _LitRenderer.ifDefined)(context.effectiveSelected)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.effectiveDisabled)}" ?disabled="${context.effectiveDisabled}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.ariaLabelledBy)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(context.stableDomRef)}" ._realTab="${(0, _LitRenderer.ifDefined)(context)}">${context.icon ? block1(context, tags, suffix) : undefined}<div class="ui5-tab-strip-itemContent">${!context._isInline ? block2(context, tags, suffix) : undefined}${context.text ? block4(context, tags, suffix) : undefined}</div>${context.requiresExpandButton ? block7(context, tags, suffix) : undefined} `;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-tab-strip-item-icon-outer"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(context.icon)}" class="ui5-tab-strip-item-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-tab-strip-item-icon-outer"><ui5-icon name="${(0, _LitRenderer.ifDefined)(context.icon)}" class="ui5-tab-strip-item-icon"></ui5-icon></div>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.additionalText ? block3(context, tags, suffix) : undefined}`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-tab-strip-itemAdditionalText" id="${(0, _LitRenderer.ifDefined)(context._id)}-additionalText">${(0, _LitRenderer.ifDefined)(context.additionalText)}</span>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-tab-strip-itemText" id="${(0, _LitRenderer.ifDefined)(context._id)}-text">${context.semanticIconName ? block5(context, tags, suffix) : undefined}${(0, _LitRenderer.ifDefined)(context.displayText)}${context.isSingleClickArea ? block6(context, tags, suffix) : undefined}</span>`;
-  const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="${(0, _LitRenderer.ifDefined)(context.semanticIconClasses)}" name="${(0, _LitRenderer.ifDefined)(context.semanticIconName)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="${(0, _LitRenderer.ifDefined)(context.semanticIconClasses)}" name="${(0, _LitRenderer.ifDefined)(context.semanticIconName)}"></ui5-icon>`;
-  const block6 = (context, tags, suffix) => 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>`;
-  const block7 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-tab-expand-button" @click="${context._onTabExpandButtonClick}"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} .tab=${(0, _LitRenderer.ifDefined)(context)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${context.disabled}" aria-haspopup="true"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-tab-expand-button" @click="${context._onTabExpandButtonClick}"><ui5-button .tab=${(0, _LitRenderer.ifDefined)(context)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${context.disabled}" aria-haspopup="true"></ui5-button></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" class="${(0, _LitRenderer.ifDefined)(this.stripClasses.itemClasses)}" tabindex="-1" role="tab" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._roleDescription)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this._ariaHasPopup)}" aria-posinset="${(0, _LitRenderer.ifDefined)(this._posinset)}" aria-setsize="${(0, _LitRenderer.ifDefined)(this._setsize)}" aria-controls="ui5-tc-content" aria-selected="${(0, _LitRenderer.ifDefined)(this.effectiveSelected)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveDisabled)}" ?disabled="${this.effectiveDisabled}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.ariaLabelledBy)}" ._realTab="${(0, _LitRenderer.ifDefined)(this)}">${this.icon ? block1.call(this, context, tags, suffix) : undefined}${this._designDescription ? block2.call(this, context, tags, suffix) : undefined}<div class="ui5-tab-strip-itemContent">${!this._isInline ? block3.call(this, context, tags, suffix) : undefined}${this.text ? block4.call(this, context, tags, suffix) : undefined}</div>${this.requiresExpandButton ? block7.call(this, context, tags, suffix) : undefined} `;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-tab-strip-item-icon-outer"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-tab-strip-item-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-tab-strip-item-icon-outer"><ui5-icon id="${(0, _LitRenderer.ifDefined)(this._id)}-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-tab-strip-item-icon"></ui5-icon></div>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}-designDescription" class="ui5-tab-strip-design-description">${(0, _LitRenderer.ifDefined)(this._designDescription)}</div>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="${(0, _LitRenderer.ifDefined)(this.stripClasses.additionalTextClasses)}" id="${(0, _LitRenderer.ifDefined)(this._id)}-additionalText">${(0, _LitRenderer.ifDefined)(this.additionalText)}</span>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-tab-strip-itemText" id="${(0, _LitRenderer.ifDefined)(this._id)}-text">${this.semanticIconName ? block5.call(this, context, tags, suffix) : undefined}${(0, _LitRenderer.ifDefined)(this.displayText)}${this.isSingleClickArea ? block6.call(this, context, tags, suffix) : undefined}</span>`;
+  }
+  function block5(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="${(0, _LitRenderer.ifDefined)(this.semanticIconClasses)}" name="${(0, _LitRenderer.ifDefined)(this.semanticIconName)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="${(0, _LitRenderer.ifDefined)(this.semanticIconClasses)}" name="${(0, _LitRenderer.ifDefined)(this.semanticIconName)}"></ui5-icon>`;
+  }
+  function block6(context, tags, suffix) {
+    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>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-custom", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(context.stableDomRef)}" role="separator" class="${(0, _LitRenderer.classMap)(context.classes)}" disabled style="${(0, _LitRenderer.styleMap)(context._style)}"></${(0, _LitRenderer.scopeTag)("ui5-li-custom", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-custom id="${(0, _LitRenderer.ifDefined)(context._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(context.stableDomRef)}" role="separator" class="${(0, _LitRenderer.classMap)(context.classes)}" disabled style="${(0, _LitRenderer.styleMap)(context._style)}"></ui5-li-custom>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-custom", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}" role="separator" class="${(0, _LitRenderer.classMap)(this.classes.root)}" disabled style="${(0, _LitRenderer.styleMap)(this._style)}"></${(0, _LitRenderer.scopeTag)("ui5-li-custom", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-custom id="${(0, _LitRenderer.ifDefined)(this._id)}" role="separator" class="${(0, _LitRenderer.classMap)(this.classes.root)}" disabled style="${(0, _LitRenderer.styleMap)(this._style)}"></ui5-li-custom>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(context.stableDomRef)}" role="separator" class="${(0, _LitRenderer.classMap)(context.classes)}"></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" role="separator" class="${(0, _LitRenderer.classMap)(this.classes.root)}"></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,8 +7,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" class="ui5-tab-root"><slot name="${(0, _LitRenderer.ifDefined)(context._defaultSlotName)}"></slot>${(0, _LitRenderer.repeat)(context.tabs, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div>`;
-  const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._effectiveSlotName)}"></slot>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" class="ui5-tab-root" data-ui5-stable="${(0, _LitRenderer.ifDefined)(this.stableDomRef)}"><slot name="${(0, _LitRenderer.ifDefined)(this._defaultSlotName)}"></slot>${(0, _LitRenderer.repeat)(this.tabs, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._effectiveSlotName)}"></slot>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<td tabindex="-1" part="cell" role="cell"><slot></slot></td>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<td tabindex="-1" part="cell" role="cell"><slot></slot></td>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<th scope="col" part="column" role="columnheader"><slot></slot></th>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<th scope="col" part="column" role="columnheader"><slot></slot></th>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<tr class="ui5-table-group-row-root" part="group-row" role="row" aria-label=${(0, _LitRenderer.ifDefined)(context.ariaLabelText)} tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" @focusin="${context._onfocusin}"><td colspan=${(0, _LitRenderer.ifDefined)(context.colSpan)}><slot></slot></td></tr>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<tr class="ui5-table-group-row-root" part="group-row" aria-label=${(0, _LitRenderer.ifDefined)(this.ariaLabelText)} tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" @focusin="${this._onfocusin}"><td colspan=${(0, _LitRenderer.ifDefined)(this.colSpan)}><slot></slot></td></tr>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });