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

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

@@ -7,15 +7,42 @@ 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-row-root" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @click="${context._onrowclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @mouseup="${context._onmouseup}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-selected="${(0, _LitRenderer.ifDefined)(context.selected)}" data-sap-focus-ref part="row" role="row">${context.isMultiSelect ? block1(context, tags, suffix) : undefined}${context.shouldPopin ? block2(context, tags, suffix) : block4(context, tags, suffix)}</tr>${context.shouldPopin ? block6(context, tags, suffix) : undefined} `;
-  const block1 = (context, tags, suffix) => 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="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelRowSelection)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._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="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelRowSelection)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleSelection)}" tabindex="-1"></ui5-checkbox></td>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.visibleCells, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}`;
-  const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.cells, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix))}`;
-  const block5 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.popinCells, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}`;
-  const block7 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<tr part="popin-row" role="row" class="${(0, _LitRenderer.ifDefined)(item.classes)}" @click="${context._onrowclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><td colspan="${(0, _LitRenderer.ifDefined)(context.visibleCellsCount)}" role="cell">${item.popinText ? block8(item, index, context, tags, suffix) : undefined}<div><slot name="${(0, _LitRenderer.ifDefined)(item.cell._individualSlot)}"></slot></div></td></tr>`;
-  const block8 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-table-row-popin-title">${(0, _LitRenderer.ifDefined)(item.popinText)}:</span>`;
+  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} `;
+  }
+  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>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.visibleCells, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.cells, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.popinCells, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<tr part="popin-row" class="${(0, _LitRenderer.ifDefined)(item.classes)}" @click="${this._onrowclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}"><td colspan="${(0, _LitRenderer.ifDefined)(this.visibleCellsCount)}" role="cell">${item.popinDisplayInline ? block8.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index)}</td><td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>`;
+  }
+  function block8(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div class="ui5-table-display-inline-container">${item.popinText ? block9.call(this, context, tags, suffix, item, index) : undefined}<span class="ui5-table-cell-display-inline"><slot name="${(0, _LitRenderer.ifDefined)(item.cell._individualSlot)}"></slot></span></div>`;
+  }
+  function block9(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span class="ui5-table-row-popin-title">${(0, _LitRenderer.ifDefined)(item.popinText)}:</span>`;
+  }
+  function block10(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.popinText ? block11.call(this, context, tags, suffix, item, index) : undefined}<div><slot name="${(0, _LitRenderer.ifDefined)(item.cell._individualSlot)}"></slot></div>`;
+  }
+  function block11(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span class="ui5-table-row-popin-title">${(0, _LitRenderer.ifDefined)(item.popinText)}:</span>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/TableTemplate.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="ui5-table-root" @focusin="${context._onfocusin}"><div id="${(0, _LitRenderer.ifDefined)(context._id)}-before" tabindex="0" class="ui5-table-focusarea"></div>${context.busy ? block1(context, tags, suffix) : undefined}<table border="0" cellspacing="0" cellpadding="0" @keydown="${context._onkeydown}" role="table" aria-label="${(0, _LitRenderer.ifDefined)(context.tableAriaLabelText)}"><thead><tr id="${(0, _LitRenderer.ifDefined)(context._columnHeader.id)}" role="row" class="ui5-table-header-row" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" tabindex="${(0, _LitRenderer.ifDefined)(context._columnHeader._tabIndex)}" @click="${context._onColumnHeaderClick}" @focusin="${context._onColumnHeaderFocused}" @keydown="${context._onColumnHeaderKeydown}">${context.isMultiSelect ? block2(context, tags, suffix) : undefined}${(0, _LitRenderer.repeat)(context.visibleColumns, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</tr></thead><tbody>${(0, _LitRenderer.repeat)(context.rows, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))}${!context.rows.length ? block5(context, tags, suffix) : undefined}${context.growsWithButton ? block7(context, tags, suffix) : undefined}${context.growsOnScroll ? block9(context, tags, suffix) : undefined}</tbody></table><div id="${(0, _LitRenderer.ifDefined)(context._id)}-after" tabindex="0" class="ui5-table-focusarea"></div></div> `;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div tabindex="-1" class="ui5-table-busy-row"><${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} delay="${(0, _LitRenderer.ifDefined)(context.busyDelay)}" class="ui5-table-busy-ind" style="${(0, _LitRenderer.styleMap)(context.styles.busy)}" active size="Medium" data-sap-focus-ref></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div tabindex="-1" class="ui5-table-busy-row"><ui5-busy-indicator delay="${(0, _LitRenderer.ifDefined)(context.busyDelay)}" class="ui5-table-busy-ind" style="${(0, _LitRenderer.styleMap)(context.styles.busy)}" active size="Medium" data-sap-focus-ref></ui5-busy-indicator></div>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true"><${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} class="ui5-table-select-all-checkbox" ?checked="${context._allRowsSelected}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._selectAll)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelSelectAllText)}" tabindex="-1"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}></th>` : (0, _LitRenderer.html)`<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true"><ui5-checkbox class="ui5-table-select-all-checkbox" ?checked="${context._allRowsSelected}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._selectAll)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelSelectAllText)}" tabindex="-1"></ui5-checkbox></th>`;
-  const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
-  const block4 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${!context.hideNoData ? block6(context, tags, suffix) : undefined}`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`<tr class="ui5-table-no-data-row-root" role="row"><td colspan="${(0, _LitRenderer.ifDefined)(context.visibleColumnsCount)}" role="cell"><div class="ui5-table-no-data-row"><span>${(0, _LitRenderer.ifDefined)(context.noDataText)}</span></div></td></tr>`;
-  const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`<tr><td colspan="${(0, _LitRenderer.ifDefined)(context.visibleColumnsCount)}"><div growing-button><div id="${(0, _LitRenderer.ifDefined)(context._id)}-growingButton" tabindex="0" role="button" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.loadMoreAriaLabelledBy)}" ?active="${context._loadMoreActive}" @click="${context._onLoadMoreClick}" @keydown="${context._onLoadMoreKeydown}" @keyup="${context._onLoadMoreKeyup}" growing-button-inner><span id="${(0, _LitRenderer.ifDefined)(context._id)}-growingButton-text" growing-button-text>${(0, _LitRenderer.ifDefined)(context._growingButtonText)}</span>${context.growingButtonSubtext ? block8(context, tags, suffix) : undefined}</div></div></td></tr>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(context._id)}-growingButton-subtext" growing-button-subtext>${(0, _LitRenderer.ifDefined)(context.growingButtonSubtext)}</span>`;
-  const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`<tr tabindex="-1" class="ui5-table-end-row"><td tabindex="-1"><span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span></td></tr>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-table-root" @ui5-selection-requested="${(0, _LitRenderer.ifDefined)(this._handleSelect)}" @ui5-_forward-after="${(0, _LitRenderer.ifDefined)(this._onForwardAfter)}" @ui5-_forward-before="${(0, _LitRenderer.ifDefined)(this._onForwardBefore)}" @focusin="${this._onfocusin}"><div id="${(0, _LitRenderer.ifDefined)(this._id)}-before" tabindex="0" class="ui5-table-focusarea"></div>${this.busy ? block1.call(this, context, tags, suffix) : undefined}<table border="0" cellspacing="0" cellpadding="0" @keydown="${this._onkeydown}" role="table" aria-label="${(0, _LitRenderer.ifDefined)(this.tableAriaLabelText)}"><thead><tr id="${(0, _LitRenderer.ifDefined)(this._columnHeader.id)}" class="ui5-table-header-row" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" tabindex="${(0, _LitRenderer.ifDefined)(this._columnHeader._tabIndex)}" @click="${this._onColumnHeaderClick}" @focusin="${this._onColumnHeaderFocused}" @keydown="${this._onColumnHeaderKeydown}">${this.isMultiSelect ? block2.call(this, context, tags, suffix) : undefined}${(0, _LitRenderer.repeat)(this.visibleColumns, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}<th class="ui5-table-header-row-navigated" aria-hidden="true"></th></tr></thead><tbody>${(0, _LitRenderer.repeat)(this.rows, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}${!this.rows.length ? block6.call(this, context, tags, suffix) : undefined}${this.growsWithButton ? block8.call(this, context, tags, suffix) : undefined}${this.growsOnScroll ? block10.call(this, context, tags, suffix) : undefined}</tbody></table><div id="${(0, _LitRenderer.ifDefined)(this._id)}-after" tabindex="0" class="ui5-table-focusarea"></div></div> `;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div tabindex="-1" class="ui5-table-busy-row"><${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} delay="${(0, _LitRenderer.ifDefined)(this.busyDelay)}" class="ui5-table-busy-ind" style="${(0, _LitRenderer.styleMap)(this.styles.busy)}" active size="Medium" data-sap-focus-ref></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div tabindex="-1" class="ui5-table-busy-row"><ui5-busy-indicator delay="${(0, _LitRenderer.ifDefined)(this.busyDelay)}" class="ui5-table-busy-ind" style="${(0, _LitRenderer.styleMap)(this.styles.busy)}" active size="Medium" data-sap-focus-ref></ui5-busy-indicator></div>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">${this.rows.length ? block3.call(this, context, tags, suffix) : undefined}</th>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} class="ui5-table-select-all-checkbox" ?checked="${this._allRowsSelected}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._selectAll)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelSelectAllText)}" tabindex="-1"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox class="ui5-table-select-all-checkbox" ?checked="${this._allRowsSelected}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._selectAll)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelSelectAllText)}" tabindex="-1"></ui5-checkbox>`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
+  }
+  function block6(context, tags, suffix) {
+    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>`;
+  }
+  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>`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-growingButton-subtext" growing-button-subtext>${(0, _LitRenderer.ifDefined)(this.growingButtonSubtext)}</span>`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<tr tabindex="-1" class="ui5-table-end-row"><td tabindex="-1"><span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span></td></tr>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/TextAreaPopoverTemplate.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) => (0, _LitRenderer.html)`${context.displayValueStateMessagePopover ? block1(context, tags, suffix) : undefined}`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} skip-registry-update prevent-focus-restore hide-arrow _disable-initial-focus class="ui5-valuestatemessage-popover" style="${(0, _LitRenderer.styleMap)(context.styles.valueStateMsgPopover)}" placement-type="Bottom" horizontal-align="${(0, _LitRenderer.ifDefined)(context._valueStatePopoverHorizontalAlign)}"><div slot="header" class="ui5-valuestatemessage-root ${(0, _LitRenderer.classMap)(context.classes.valueStateMsg)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.hasCustomValueState ? block2(context, tags, suffix) : block4(context, tags, suffix)}</div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover skip-registry-update prevent-focus-restore hide-arrow _disable-initial-focus class="ui5-valuestatemessage-popover" style="${(0, _LitRenderer.styleMap)(context.styles.valueStateMsgPopover)}" placement-type="Bottom" horizontal-align="${(0, _LitRenderer.ifDefined)(context._valueStatePopoverHorizontalAlign)}"><div slot="header" class="ui5-valuestatemessage-root ${(0, _LitRenderer.classMap)(context.classes.valueStateMsg)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></ui5-icon>${context.hasCustomValueState ? block2(context, tags, suffix) : block4(context, tags, suffix)}</div></ui5-popover>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}`;
-  const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.displayValueStateMessagePopover ? block1.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} skip-registry-update prevent-focus-restore hide-arrow _disable-initial-focus class="ui5-valuestatemessage-popover" style="${(0, _LitRenderer.styleMap)(this.styles.valueStateMsgPopover)}" placement-type="Bottom" horizontal-align="${(0, _LitRenderer.ifDefined)(this._valueStatePopoverHorizontalAlign)}"><div slot="header" class="ui5-valuestatemessage-root ${(0, _LitRenderer.classMap)(this.classes.valueStateMsg)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.hasCustomValueState ? block2.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover skip-registry-update prevent-focus-restore hide-arrow _disable-initial-focus class="ui5-valuestatemessage-popover" style="${(0, _LitRenderer.styleMap)(this.styles.valueStateMsgPopover)}" placement-type="Bottom" horizontal-align="${(0, _LitRenderer.ifDefined)(this._valueStatePopoverHorizontalAlign)}"><div slot="header" class="ui5-valuestatemessage-root ${(0, _LitRenderer.classMap)(this.classes.valueStateMsg)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageIcon)}"></ui5-icon>${this.hasCustomValueState ? block2.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div></ui5-popover>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateDefaultText)}`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/TextAreaTemplate.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) => (0, _LitRenderer.html)`<div class="ui5-textarea-root" style="${(0, _LitRenderer.styleMap)(context.styles.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${context.growing ? block1(context, tags, suffix) : undefined}<textarea id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" class="ui5-textarea-inner" placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" ?disabled="${context.disabled}" ?readonly="${context.readonly}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-describedby="${(0, _LitRenderer.ifDefined)(context.ariaDescribedBy)}" aria-invalid="${(0, _LitRenderer.ifDefined)(context.ariaInvalid)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" maxlength="${(0, _LitRenderer.ifDefined)(context._exceededTextProps.calcedMaxLength)}" .value="${(0, _LitRenderer.ifDefined)(context.value)}" @input="${context._oninput}" @change="${context._onchange}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" data-sap-focus-ref part="textarea"></textarea>${context.showExceededText ? block3(context, tags, suffix) : undefined}${context.hasValueState ? block4(context, tags, suffix) : undefined}<slot name="formSupport"></slot></div> `;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}-mirror" style="${(0, _LitRenderer.styleMap)(context.styles.mirror)}" class="ui5-textarea-mirror" aria-hidden="true">${(0, _LitRenderer.repeat)(context._mirrorText, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div>`;
-  const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.text)}<br />`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-textarea-exceeded-text">${(0, _LitRenderer.ifDefined)(context._exceededTextProps.exceededText)}</span>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(context._id)}-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.ariaValueStateHiddenText)}</span>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.root)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}"><div class="ui5-textarea-wrapper">${this.growing ? block1.call(this, context, tags, suffix) : undefined}<textarea id="${(0, _LitRenderer.ifDefined)(this._id)}-inner" class="ui5-textarea-inner" placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.ariaDescribedBy)}" aria-invalid="${(0, _LitRenderer.ifDefined)(this.ariaInvalid)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" maxlength="${(0, _LitRenderer.ifDefined)(this._exceededTextProps.calcedMaxLength)}" .value="${(0, _LitRenderer.ifDefined)(this.value)}" @input="${this._oninput}" @change="${this._onchange}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" data-sap-focus-ref part="textarea"></textarea></div>${this.showExceededText ? block3.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block4.call(this, context, tags, suffix) : undefined}<slot name="formSupport"></slot></div> `;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}-mirror" class="ui5-textarea-mirror" aria-hidden="true">${(0, _LitRenderer.repeat)(this._mirrorText, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.text)}<br />`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-textarea-exceeded-text">${(0, _LitRenderer.ifDefined)(this._exceededTextProps.exceededText)}</span>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.ariaValueStateHiddenText)}</span>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/TimePickerPopoverTemplate.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-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._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)(context.onResponsivePopoverAfterClose)}" @wheel="${context._handleWheel}" @keydown="${context._onkeydown}"><${(0, _LitRenderer.scopeTag)("ui5-time-selection", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-time-sel" value="${(0, _LitRenderer.ifDefined)(context._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" .hideHours="${(0, _LitRenderer.ifDefined)(context.hideHours)}" .hideMinutes="${(0, _LitRenderer.ifDefined)(context.hideMinutes)}" .hideSeconds="${(0, _LitRenderer.ifDefined)(context.hideSeconds)}" .minutesStep="${(0, _LitRenderer.ifDefined)(context.minutesStep)}" .secondsStep="${(0, _LitRenderer.ifDefined)(context.secondsStep)}" .maxHours="${(0, _LitRenderer.ifDefined)(context.maxHours)}" .maxMinutes="${(0, _LitRenderer.ifDefined)(context.maxMinutes)}" .maxSeconds="${(0, _LitRenderer.ifDefined)(context.maxSeconds)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context.onTimeSelectionChange)}"></${(0, _LitRenderer.scopeTag)("ui5-time-selection", tags, suffix)}><div slot="footer" class="ui5-time-picker-footer" @keydown=${context._onfooterkeydown}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="submit" design="Emphasized" @click="${context.submitPickers}">${(0, _LitRenderer.ifDefined)(context.submitButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="close" design="Transparent" @click="${context.closePicker}">${(0, _LitRenderer.ifDefined)(context.cancelButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover id="${(0, _LitRenderer.ifDefined)(context._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)(context.onResponsivePopoverAfterClose)}" @wheel="${context._handleWheel}" @keydown="${context._onkeydown}"><ui5-time-selection id="${(0, _LitRenderer.ifDefined)(context._id)}-time-sel" value="${(0, _LitRenderer.ifDefined)(context._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" .hideHours="${(0, _LitRenderer.ifDefined)(context.hideHours)}" .hideMinutes="${(0, _LitRenderer.ifDefined)(context.hideMinutes)}" .hideSeconds="${(0, _LitRenderer.ifDefined)(context.hideSeconds)}" .minutesStep="${(0, _LitRenderer.ifDefined)(context.minutesStep)}" .secondsStep="${(0, _LitRenderer.ifDefined)(context.secondsStep)}" .maxHours="${(0, _LitRenderer.ifDefined)(context.maxHours)}" .maxMinutes="${(0, _LitRenderer.ifDefined)(context.maxMinutes)}" .maxSeconds="${(0, _LitRenderer.ifDefined)(context.maxSeconds)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context.onTimeSelectionChange)}"></ui5-time-selection><div slot="footer" class="ui5-time-picker-footer" @keydown=${context._onfooterkeydown}><ui5-button id="submit" design="Emphasized" @click="${context.submitPickers}">${(0, _LitRenderer.ifDefined)(context.submitButtonLabel)}</ui5-button><ui5-button id="close" design="Transparent" @click="${context.closePicker}">${(0, _LitRenderer.ifDefined)(context.cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`;
+  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>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,9 +7,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" class="ui5-time-picker-root"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" value="${(0, _LitRenderer.ifDefined)(context.value)}" placeholder="${(0, _LitRenderer.ifDefined)(context._placeholder)}" ?disabled="${context.disabled}" ?readonly="${context.readonly}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" ._inputAccInfo="${(0, _LitRenderer.ifDefined)(context.accInfo)}" data-sap-focus-ref @click="${context._handleInputClick}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleInputLiveChange)}" class="ui5-time-picker-input" @keydown="${context._onkeydown}">${context.valueStateMessage.length ? block1(context, tags, suffix) : undefined}${!context.readonly ? block2(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" class="ui5-time-picker-root"><ui5-input id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" value="${(0, _LitRenderer.ifDefined)(context.value)}" placeholder="${(0, _LitRenderer.ifDefined)(context._placeholder)}" ?disabled="${context.disabled}" ?readonly="${context.readonly}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" ._inputAccInfo="${(0, _LitRenderer.ifDefined)(context.accInfo)}" data-sap-focus-ref @click="${context._handleInputClick}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleInputLiveChange)}" class="ui5-time-picker-input" @keydown="${context._onkeydown}">${context.valueStateMessage.length ? block1(context, tags, suffix) : undefined}${!context.readonly ? block2(context, tags, suffix) : undefined}</ui5-input></div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="valueStateMessage" slot="valueStateMessage"></slot>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} slot="icon" name="${(0, _LitRenderer.ifDefined)(context.openIconName)}" tabindex="-1" show-tooltip @click="${context.togglePicker}" input-icon ?pressed="${context._isPickerOpen}" class="ui5-time-picker-input-icon-button"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon slot="icon" name="${(0, _LitRenderer.ifDefined)(context.openIconName)}" tabindex="-1" show-tooltip @click="${context.togglePicker}" input-icon ?pressed="${context._isPickerOpen}" class="ui5-time-picker-input-icon-button"></ui5-icon>`;
+  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>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="valueStateMessage" slot="valueStateMessage"></slot>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} slot="icon" name="${(0, _LitRenderer.ifDefined)(this.openIconName)}" tabindex="-1" show-tooltip @click="${this.togglePicker}" input-icon ?pressed="${this._isPickerOpen}" class="ui5-time-picker-input-icon-button"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon slot="icon" name="${(0, _LitRenderer.ifDefined)(this.openIconName)}" tabindex="-1" show-tooltip @click="${this.togglePicker}" input-icon ?pressed="${this._isPickerOpen}" class="ui5-time-picker-input-icon-button"></ui5-icon>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/TimeSelectionTemplate.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) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.root)}" tabindex="-1" @keydown=${context._onkeydown} @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${context._hasHoursSlider ? block1(context, tags, suffix) : undefined}${context._hasMinutesSlider ? block2(context, tags, suffix) : undefined}${context._hasSecondsSlider ? block3(context, tags, suffix) : undefined}${context._hasPeriodsSlider ? block4(context, tags, suffix) : undefined}</div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)} label = "${(0, _LitRenderer.ifDefined)(context.hoursSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(context.hoursArray)}" data-sap-focus-ref ?expanded="${context._hoursSliderFocused}" value="${(0, _LitRenderer.ifDefined)(context._hours)}" @ui5-select="${(0, _LitRenderer.ifDefined)(context.onHoursChange)}" @click="${context.selectSlider}" @focusin="${context.selectSlider}" data-sap-slider="hours" cyclic></${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wheelslider label = "${(0, _LitRenderer.ifDefined)(context.hoursSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(context.hoursArray)}" data-sap-focus-ref ?expanded="${context._hoursSliderFocused}" value="${(0, _LitRenderer.ifDefined)(context._hours)}" @ui5-select="${(0, _LitRenderer.ifDefined)(context.onHoursChange)}" @click="${context.selectSlider}" @focusin="${context.selectSlider}" data-sap-slider="hours" cyclic></ui5-wheelslider>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)} label = "${(0, _LitRenderer.ifDefined)(context.minutesSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(context.minutesArray)}" ?expanded="${context._minutesSliderFocused}" value="${(0, _LitRenderer.ifDefined)(context._minutes)}" @ui5-select="${(0, _LitRenderer.ifDefined)(context.onMinutesChange)}" @click="${context.selectSlider}" @focusin="${context.selectSlider}" data-sap-slider="minutes" cyclic></${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wheelslider label = "${(0, _LitRenderer.ifDefined)(context.minutesSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(context.minutesArray)}" ?expanded="${context._minutesSliderFocused}" value="${(0, _LitRenderer.ifDefined)(context._minutes)}" @ui5-select="${(0, _LitRenderer.ifDefined)(context.onMinutesChange)}" @click="${context.selectSlider}" @focusin="${context.selectSlider}" data-sap-slider="minutes" cyclic></ui5-wheelslider>`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)} label = "${(0, _LitRenderer.ifDefined)(context.secondsSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(context.secondsArray)}" ?expanded="${context._secondsSliderFocused}" value="${(0, _LitRenderer.ifDefined)(context._seconds)}" @ui5-select="${(0, _LitRenderer.ifDefined)(context.onSecondsChange)}" @click="${context.selectSlider}" @focusin="${context.selectSlider}" data-sap-slider="seconds" cyclic></${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wheelslider label = "${(0, _LitRenderer.ifDefined)(context.secondsSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(context.secondsArray)}" ?expanded="${context._secondsSliderFocused}" value="${(0, _LitRenderer.ifDefined)(context._seconds)}" @ui5-select="${(0, _LitRenderer.ifDefined)(context.onSecondsChange)}" @click="${context.selectSlider}" @focusin="${context.selectSlider}" data-sap-slider="seconds" cyclic></ui5-wheelslider>`;
-  const block4 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)} label = "${(0, _LitRenderer.ifDefined)(context.periodSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(context.periodsArray)}" ?expanded="${context._periodSliderFocused}" value="${(0, _LitRenderer.ifDefined)(context._period)}" @ui5-select="${(0, _LitRenderer.ifDefined)(context.onPeriodChange)}" @click="${context.selectSlider}" @focusin="${context.selectSlider}" data-sap-slider="periods"></${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wheelslider label = "${(0, _LitRenderer.ifDefined)(context.periodSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(context.periodsArray)}" ?expanded="${context._periodSliderFocused}" value="${(0, _LitRenderer.ifDefined)(context._period)}" @ui5-select="${(0, _LitRenderer.ifDefined)(context.onPeriodChange)}" @click="${context.selectSlider}" @focusin="${context.selectSlider}" data-sap-slider="periods"></ui5-wheelslider>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.root)}" tabindex="-1" @keydown=${this._onkeydown} @focusin="${this._onfocusin}" @focusout="${this._onfocusout}">${this._hasHoursSlider ? block1.call(this, context, tags, suffix) : undefined}${this._hasMinutesSlider ? block2.call(this, context, tags, suffix) : undefined}${this._hasSecondsSlider ? block3.call(this, context, tags, suffix) : undefined}${this._hasPeriodsSlider ? block4.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)} label = "${(0, _LitRenderer.ifDefined)(this.hoursSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(this.hoursArray)}" data-sap-focus-ref ?expanded="${this._hoursSliderFocused}" value="${(0, _LitRenderer.ifDefined)(this._hours)}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onHoursChange)}" @click="${this.selectSlider}" @focusin="${this.selectSlider}" data-sap-slider="hours" cyclic></${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wheelslider label = "${(0, _LitRenderer.ifDefined)(this.hoursSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(this.hoursArray)}" data-sap-focus-ref ?expanded="${this._hoursSliderFocused}" value="${(0, _LitRenderer.ifDefined)(this._hours)}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onHoursChange)}" @click="${this.selectSlider}" @focusin="${this.selectSlider}" data-sap-slider="hours" cyclic></ui5-wheelslider>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)} label = "${(0, _LitRenderer.ifDefined)(this.minutesSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(this.minutesArray)}" ?expanded="${this._minutesSliderFocused}" value="${(0, _LitRenderer.ifDefined)(this._minutes)}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onMinutesChange)}" @click="${this.selectSlider}" @focusin="${this.selectSlider}" data-sap-slider="minutes" cyclic></${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wheelslider label = "${(0, _LitRenderer.ifDefined)(this.minutesSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(this.minutesArray)}" ?expanded="${this._minutesSliderFocused}" value="${(0, _LitRenderer.ifDefined)(this._minutes)}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onMinutesChange)}" @click="${this.selectSlider}" @focusin="${this.selectSlider}" data-sap-slider="minutes" cyclic></ui5-wheelslider>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)} label = "${(0, _LitRenderer.ifDefined)(this.secondsSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(this.secondsArray)}" ?expanded="${this._secondsSliderFocused}" value="${(0, _LitRenderer.ifDefined)(this._seconds)}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onSecondsChange)}" @click="${this.selectSlider}" @focusin="${this.selectSlider}" data-sap-slider="seconds" cyclic></${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wheelslider label = "${(0, _LitRenderer.ifDefined)(this.secondsSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(this.secondsArray)}" ?expanded="${this._secondsSliderFocused}" value="${(0, _LitRenderer.ifDefined)(this._seconds)}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onSecondsChange)}" @click="${this.selectSlider}" @focusin="${this.selectSlider}" data-sap-slider="seconds" cyclic></ui5-wheelslider>`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)} label = "${(0, _LitRenderer.ifDefined)(this.periodSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(this.periodsArray)}" ?expanded="${this._periodSliderFocused}" value="${(0, _LitRenderer.ifDefined)(this._period)}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onPeriodChange)}" @click="${this.selectSlider}" @focusin="${this.selectSlider}" data-sap-slider="periods"></${(0, _LitRenderer.scopeTag)("ui5-wheelslider", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wheelslider label = "${(0, _LitRenderer.ifDefined)(this.periodSliderTitle)}" ._items="${(0, _LitRenderer.ifDefined)(this.periodsArray)}" ?expanded="${this._periodSliderFocused}" value="${(0, _LitRenderer.ifDefined)(this._period)}" @ui5-select="${(0, _LitRenderer.ifDefined)(this.onPeriodChange)}" @click="${this.selectSlider}" @focusin="${this.selectSlider}" data-sap-slider="periods"></ui5-wheelslider>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,13 +7,27 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.h1 ? block1(context, tags, suffix) : undefined}${context.h2 ? block2(context, tags, suffix) : undefined}${context.h3 ? block3(context, tags, suffix) : undefined}${context.h4 ? block4(context, tags, suffix) : undefined}${context.h5 ? block5(context, tags, suffix) : undefined}${context.h6 ? block6(context, tags, suffix) : undefined}`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<h1 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-inner"><slot></slot></span></h1>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<h2 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-inner"><slot></slot></span></h2>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<h3 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-inner"><slot></slot></span></h3>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<h4 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-inner"><slot></slot></span></h4>`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`<h5 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-inner"><slot></slot></span></h5>`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`<h6 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-inner"><slot></slot></span></h6>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.h1 ? block1.call(this, context, tags, suffix) : undefined}${this.h2 ? block2.call(this, context, tags, suffix) : undefined}${this.h3 ? block3.call(this, context, tags, suffix) : undefined}${this.h4 ? block4.call(this, context, tags, suffix) : undefined}${this.h5 ? block5.call(this, context, tags, suffix) : undefined}${this.h6 ? block6.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h1 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-inner"><slot></slot></span></h1>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h2 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-inner"><slot></slot></span></h2>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h3 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-inner"><slot></slot></span></h3>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h4 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-inner"><slot></slot></span></h4>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h5 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-inner"><slot></slot></span></h5>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h6 class="ui5-title-root"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-inner"><slot></slot></span></h6>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/ToastTemplate.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)`${context.domRendered ? block1(context, tags, suffix) : undefined} `;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-toast-root" role="alert" style="${(0, _LitRenderer.styleMap)(context.styles.root)}" @mouseover="${context._onmouseover}" @mouseleave="${context._onmouseleave}" @transitionend="${context._ontransitionend}"><bdi><slot></slot></bdi></div>`;
+  function block0(context, tags, suffix) {
+    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>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,9 +7,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref  aria-pressed="${(0, _LitRenderer.ifDefined)(context.pressed)}"  @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${(0, _LitRenderer.ifDefined)(context.tabIndexValue)} aria-expanded="${(0, _LitRenderer.ifDefined)(context.accessibilityAttributes.expanded)}" aria-controls="${(0, _LitRenderer.ifDefined)(context.accessibilityAttributes.controls)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context.accessibilityAttributes.hasPopup)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" title="${(0, _LitRenderer.ifDefined)(context.tooltip)}" part="button">${context.icon ? block1(context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${context.hasButtonType ? block2(context, tags, suffix) : undefined}</button> `;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" accessible-role="${(0, _LitRenderer.ifDefined)(context.iconRole)}" part="icon" ?show-tooltip=${context.showIconTooltip}></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-button-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" accessible-role="${(0, _LitRenderer.ifDefined)(context.iconRole)}" part="icon" ?show-tooltip=${context.showIconTooltip}></ui5-icon>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.buttonTypeText)}</span>`;
+  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)}"  @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

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

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

@@ -7,12 +7,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} tokenizer-popover="true" style=${(0, _LitRenderer.styleMap)(context.styles.popover)} ?content-only-on-desktop="${context.hasValueState}" hide-arrow placement-type="Bottom" horizontal-align="Left"><div slot="header" class="ui5-responsive-popover-header" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeader)}">${context._isPhone ? block1(context, tags, suffix) : undefined}${!context.hasValueState ? block2(context, tags, suffix) : undefined}</div><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} class="ui5-tokenizer-list" mode="Delete" @ui5-item-delete=${(0, _LitRenderer.ifDefined)(context.itemDelete)}>${(0, _LitRenderer.repeat)(context._tokens, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${context._isPhone ? block5(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)(context.styles.popover)} ?content-only-on-desktop="${context.hasValueState}" hide-arrow placement-type="Bottom" horizontal-align="Left"><div slot="header" class="ui5-responsive-popover-header" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeader)}">${context._isPhone ? block1(context, tags, suffix) : undefined}${!context.hasValueState ? block2(context, tags, suffix) : undefined}</div><ui5-list class="ui5-tokenizer-list" mode="Delete" @ui5-item-delete=${(0, _LitRenderer.ifDefined)(context.itemDelete)}>${(0, _LitRenderer.repeat)(context._tokens, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))}</ui5-list>${context._isPhone ? block5(context, tags, suffix) : undefined}</ui5-responsive-popover>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="row" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeaderTitle)}"><${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} level="H5" class="ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(context.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="${context.closeMorePopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="row" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeaderTitle)}"><ui5-title level="H5" class="ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(context.morePopoverTitle)}</ui5-title><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context.closeMorePopover}"></ui5-button></div>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverValueStateMessage)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverValueStateMessage)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></ui5-icon>${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</div>`;
-  const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block4 = (item, index, context, tags, suffix) => 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>`;
-  const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context.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="${context.closeMorePopover}">OK</ui5-button></div>`;
+  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>`;
+  }
+  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>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverValueStateMessage)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverValueStateMessage)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageIcon)}"></ui5-icon>${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div>`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    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>`;
+  }
+  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>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,9 +7,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.wrapper)}"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-hiddenText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.tokenizerLabel)}</span><div class="${(0, _LitRenderer.classMap)(context.classes.content)}" @ui5-delete="${(0, _LitRenderer.ifDefined)(context._delete)}" @click="${context._click}" @mousedown="${context._onmousedown}" @keydown="${context._onkeydown}" role="listbox" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._id)}-hiddenText">${(0, _LitRenderer.repeat)(context.tokens, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div>${context.showNMore ? block2(context, tags, suffix) : undefined}</div>`;
-  const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<span @click="${context._openOverflowPopover}" class="ui5-tokenizer-more-text" part="n-more-text">${(0, _LitRenderer.ifDefined)(context._nMoreText)}</span>`;
+  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>`;
+  }
+  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>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });