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

package/src/sap/ui/webc/main/thirdparty/generated/templates/MultiComboBoxTemplate.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)`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._tokensCountText)}</span>${context.hasValueState ? block1(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)} slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${context.disabled}" @ui5-show-more-items-press="${(0, _LitRenderer.ifDefined)(context._showFilteredItems)}" @ui5-token-delete="${(0, _LitRenderer.ifDefined)(context._tokenDelete)}" @focusout="${context._tokenizerFocusOut}" @focusin="${context._tokenizerFocusIn}" @click=${context._click} @keydown="${context._onTokenizerKeydown}" ?expanded="${context._tokenizerExpanded}">${(0, _LitRenderer.repeat)(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)}><input id="ui5-multi-combobox-input" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder=${(0, _LitRenderer.ifDefined)(context._getPlaceholder)} ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._inputLiveChange}" @change=${context._inputChange} @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.inputFocusIn} @focusout=${context.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${(0, _LitRenderer.ifDefined)(context.open)}" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(context.ariaDescribedByText)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" />${context.icon ? block4(context, tags, suffix) : undefined}${!context.readonly ? block5(context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._tokensCountText)}</span>${context.hasValueState ? block1(context, tags, suffix) : undefined}<ui5-tokenizer slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${context.disabled}" @ui5-show-more-items-press="${(0, _LitRenderer.ifDefined)(context._showFilteredItems)}" @ui5-token-delete="${(0, _LitRenderer.ifDefined)(context._tokenDelete)}" @focusout="${context._tokenizerFocusOut}" @focusin="${context._tokenizerFocusIn}" @click=${context._click} @keydown="${context._onTokenizerKeydown}" ?expanded="${context._tokenizerExpanded}">${(0, _LitRenderer.repeat)(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</ui5-tokenizer><input id="ui5-multi-combobox-input" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder=${(0, _LitRenderer.ifDefined)(context._getPlaceholder)} ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._inputLiveChange}" @change=${context._inputChange} @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.inputFocusIn} @focusout=${context.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${(0, _LitRenderer.ifDefined)(context.open)}" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(context.ariaDescribedByText)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" />${context.icon ? block4(context, tags, suffix) : undefined}${!context.readonly ? block5(context, tags, suffix) : undefined}</div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(context._id)}-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.valueStateText)}</span>`;
-  const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.selected ? block3(item, index, context, tags, suffix) : undefined}`;
-  const block3 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-token", tags, suffix)} ?readonly="${context.readonly}" class="ui5-multi-combobox-token" data-ui5-id="${(0, _LitRenderer.ifDefined)(item._id)}" part="token-${index}" text="${(0, _LitRenderer.ifDefined)(item.text)}"></${(0, _LitRenderer.scopeTag)("ui5-token", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-token ?readonly="${context.readonly}" class="ui5-multi-combobox-token" data-ui5-id="${(0, _LitRenderer.ifDefined)(item._id)}" part="token-${index}" text="${(0, _LitRenderer.ifDefined)(item.text)}"></ui5-token>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="icon"></slot>`;
-  const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="slim-arrow-down" input-icon slot="icon" tabindex="-1" @click="${context.togglePopoverByDropdownIcon}" @mousedown="${context._onIconMousedown}" @focusin="${context._forwardFocusToInner}" ?pressed="${context.open}" accessible-name="${(0, _LitRenderer.ifDefined)(context._iconAccessibleNameText)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="slim-arrow-down" input-icon slot="icon" tabindex="-1" @click="${context.togglePopoverByDropdownIcon}" @mousedown="${context._onIconMousedown}" @focusin="${context._forwardFocusToInner}" ?pressed="${context.open}" accessible-name="${(0, _LitRenderer.ifDefined)(context._iconAccessibleNameText)}"></ui5-icon>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="ui5-multi-combobox-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span>${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)} slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${this.disabled}" @ui5-show-more-items-press="${(0, _LitRenderer.ifDefined)(this._showFilteredItems)}" @ui5-token-delete="${(0, _LitRenderer.ifDefined)(this._tokenDelete)}" @focusout="${this._tokenizerFocusOut}" @focusin="${this._tokenizerFocusIn}" @click=${this._click} @keydown="${this._onTokenizerKeydown}" ?expanded="${this._tokenizerExpanded}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-tokenizer", tags, suffix)}><input id="ui5-multi-combobox-input" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder=${(0, _LitRenderer.ifDefined)(this._getPlaceholder)} ?disabled=${this.disabled} ?readonly=${this.readonly} value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @input="${this._inputLiveChange}" @change=${this._inputChange} @keydown="${this._onkeydown}" @click=${this._click} @focusin=${this.inputFocusIn} @focusout=${this.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${(0, _LitRenderer.ifDefined)(this.open)}" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(this.ariaDescribedByText)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" data-sap-focus-ref />${this.icon ? block4.call(this, context, tags, suffix) : undefined}${!this.readonly ? block5.call(this, context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="ui5-multi-combobox-hiddenText-nMore" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._tokensCountText)}</span>${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<ui5-tokenizer slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${this.disabled}" @ui5-show-more-items-press="${(0, _LitRenderer.ifDefined)(this._showFilteredItems)}" @ui5-token-delete="${(0, _LitRenderer.ifDefined)(this._tokenDelete)}" @focusout="${this._tokenizerFocusOut}" @focusin="${this._tokenizerFocusIn}" @click=${this._click} @keydown="${this._onTokenizerKeydown}" ?expanded="${this._tokenizerExpanded}">${(0, _LitRenderer.repeat)(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</ui5-tokenizer><input id="ui5-multi-combobox-input" .value="${(0, _LitRenderer.ifDefined)(this.value)}" inner-input placeholder=${(0, _LitRenderer.ifDefined)(this._getPlaceholder)} ?disabled=${this.disabled} ?readonly=${this.readonly} value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" @input="${this._inputLiveChange}" @change=${this._inputChange} @keydown="${this._onkeydown}" @click=${this._click} @focusin=${this.inputFocusIn} @focusout=${this.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${(0, _LitRenderer.ifDefined)(this.open)}" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(this.ariaDescribedByText)}" aria-required="${(0, _LitRenderer.ifDefined)(this.required)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" data-sap-focus-ref />${this.icon ? block4.call(this, context, tags, suffix) : undefined}${!this.readonly ? block5.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="ui5-multi-combobox-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.ariaValueStateHiddenText)}</span>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.selected ? block3.call(this, context, tags, suffix, item, index) : undefined}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-token", tags, suffix)} ?readonly="${this.readonly}" class="ui5-multi-combobox-token" data-ui5-id="${(0, _LitRenderer.ifDefined)(item._id)}" part="token-${index}" text="${(0, _LitRenderer.ifDefined)(item.text)}"></${(0, _LitRenderer.scopeTag)("ui5-token", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-token ?readonly="${this.readonly}" class="ui5-multi-combobox-token" data-ui5-id="${(0, _LitRenderer.ifDefined)(item._id)}" part="token-${index}" text="${(0, _LitRenderer.ifDefined)(item.text)}"></ui5-token>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="icon"></slot>`;
+  }
+  function block5(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="slim-arrow-down" input-icon slot="icon" tabindex="-1" @click="${this.togglePopoverByDropdownIcon}" @mousedown="${this._onIconMousedown}" @focusin="${this._forwardFocusToInner}" ?pressed="${this.open}" accessible-name="${(0, _LitRenderer.ifDefined)(this._iconAccessibleNameText)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="slim-arrow-down" input-icon slot="icon" tabindex="-1" @click="${this.togglePopoverByDropdownIcon}" @mousedown="${this._onIconMousedown}" @focusin="${this._forwardFocusToInner}" ?pressed="${this.open}" accessible-name="${(0, _LitRenderer.ifDefined)(this._iconAccessibleNameText)}"></ui5-icon>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

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

@@ -7,12 +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)`<div class="ui5-panel-root" role="${(0, _LitRenderer.ifDefined)(context.accRole)}" aria-label="${(0, _LitRenderer.ifDefined)(context.effectiveAccessibleName)}"><div @click="${context._headerClick}" @keydown="${context._headerKeyDown}" @keyup="${context._headerKeyUp}" class="ui5-panel-header" tabindex="${(0, _LitRenderer.ifDefined)(context.headerTabIndex)}" role="${(0, _LitRenderer.ifDefined)(context.accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.accInfo.ariaExpanded)}" aria-controls="${(0, _LitRenderer.ifDefined)(context.accInfo.ariaControls)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.accInfo.ariaLabelledby)}" part="header">${!context.fixed ? block1(context, tags, suffix) : undefined}${context._hasHeader ? block4(context, tags, suffix) : block5(context, tags, suffix)}</div><div class="ui5-panel-content" id="${(0, _LitRenderer.ifDefined)(context._id)}-content" tabindex="-1" style="${(0, _LitRenderer.styleMap)(context.styles.content)}" part="content"><slot></slot></div></div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-panel-header-button-root">${context._hasHeader ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" class="ui5-panel-header-button ui5-panel-header-button-with-icon" @click="${context._toggleButtonClick}" .accessibilityAttributes=${(0, _LitRenderer.ifDefined)(context.accInfo.button.accessibilityAttributes)} tooltip="${(0, _LitRenderer.ifDefined)(context.accInfo.button.title)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.accInfo.button.ariaLabelButton)}"><div class="ui5-panel-header-icon-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-panel-header-icon ${(0, _LitRenderer.classMap)(context.classes.headerBtn)}" name="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button design="Transparent" class="ui5-panel-header-button ui5-panel-header-button-with-icon" @click="${context._toggleButtonClick}" .accessibilityAttributes=${(0, _LitRenderer.ifDefined)(context.accInfo.button.accessibilityAttributes)} tooltip="${(0, _LitRenderer.ifDefined)(context.accInfo.button.title)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.accInfo.button.ariaLabelButton)}"><div class="ui5-panel-header-icon-wrapper"><ui5-icon class="ui5-panel-header-icon ${(0, _LitRenderer.classMap)(context.classes.headerBtn)}" name="slim-arrow-right"></ui5-icon></div></ui5-button>`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-panel-header-button ui5-panel-header-icon ${(0, _LitRenderer.classMap)(context.classes.headerBtn)}" name="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-panel-header-button ui5-panel-header-icon ${(0, _LitRenderer.classMap)(context.classes.headerBtn)}" name="slim-arrow-right"></ui5-icon>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="header"></slot>`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}-header-title" role="heading" aria-level="${(0, _LitRenderer.ifDefined)(context.headerAriaLevel)}" class="ui5-panel-header-title">${(0, _LitRenderer.ifDefined)(context.headerText)}</div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-panel-root" role="${(0, _LitRenderer.ifDefined)(this.accRole)}" aria-label="${(0, _LitRenderer.ifDefined)(this.effectiveAccessibleName)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.fixedPanelAriaLabelledbyReference)}">${this.hasHeaderOrHeaderText ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-panel-content" id="${(0, _LitRenderer.ifDefined)(this._id)}-content" tabindex="-1" style="${(0, _LitRenderer.styleMap)(this.styles.content)}" part="content"><slot></slot></div></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-panel-heading-wrapper" role="${(0, _LitRenderer.ifDefined)(this.headingWrapperRole)}" aria-level="${(0, _LitRenderer.ifDefined)(this.headingWrapperAriaLevel)}"><div @click="${this._headerClick}" @keydown="${this._headerKeyDown}" @keyup="${this._headerKeyUp}" class="ui5-panel-header" tabindex="${(0, _LitRenderer.ifDefined)(this.headerTabIndex)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaExpanded)}" aria-controls="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaControls)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaLabelledby)}" part="header">${!this.fixed ? block2.call(this, context, tags, suffix) : undefined}${this._hasHeader ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}</div></div>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-panel-header-button-root">${this._hasHeader ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" class="ui5-panel-header-button ui5-panel-header-button-with-icon" @click="${this._toggleButtonClick}" .accessibilityAttributes=${(0, _LitRenderer.ifDefined)(this.accInfo.button.accessibilityAttributes)} tooltip="${(0, _LitRenderer.ifDefined)(this.accInfo.button.title)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accInfo.button.ariaLabelButton)}"><div class="ui5-panel-header-icon-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-panel-header-icon ${(0, _LitRenderer.classMap)(this.classes.headerBtn)}" name="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button design="Transparent" class="ui5-panel-header-button ui5-panel-header-button-with-icon" @click="${this._toggleButtonClick}" .accessibilityAttributes=${(0, _LitRenderer.ifDefined)(this.accInfo.button.accessibilityAttributes)} tooltip="${(0, _LitRenderer.ifDefined)(this.accInfo.button.title)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accInfo.button.ariaLabelButton)}"><div class="ui5-panel-header-icon-wrapper"><ui5-icon class="ui5-panel-header-icon ${(0, _LitRenderer.classMap)(this.classes.headerBtn)}" name="slim-arrow-right"></ui5-icon></div></ui5-button>`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-panel-header-button ui5-panel-header-icon ${(0, _LitRenderer.classMap)(this.classes.headerBtn)}" name="slim-arrow-right" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(this.toggleButtonTitle)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-panel-header-button ui5-panel-header-icon ${(0, _LitRenderer.classMap)(this.classes.headerBtn)}" name="slim-arrow-right" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(this.toggleButtonTitle)}"></ui5-icon>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="header"></slot>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}-header-title" class="ui5-panel-header-title">${(0, _LitRenderer.ifDefined)(this.headerText)}</div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,12 +7,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<section style="${(0, _LitRenderer.styleMap)(context.styles.root)}" class="${(0, _LitRenderer.classMap)(context.classes.root)}" role="dialog" aria-modal="${(0, _LitRenderer.ifDefined)(context._ariaModal)}" aria-label="${(0, _LitRenderer.ifDefined)(context._ariaLabel)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledBy)}" @keydown=${context._onkeydown} @focusout=${context._onfocusout} @mouseup=${context._onmouseup} @mousedown=${context._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToLast}></span><span class="ui5-popover-arrow" style="${(0, _LitRenderer.styleMap)(context.styles.arrow)}"></span>${context._displayHeader ? block1(context, tags, suffix) : undefined}<div style="${(0, _LitRenderer.styleMap)(context.styles.content)}" class="${(0, _LitRenderer.classMap)(context.classes.content)}"  @scroll="${context._scroll}" part="content"><slot></slot></div>${context._displayFooter ? block4(context, tags, suffix) : undefined}<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section> `;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<header class="ui5-popup-header-root" id="ui5-popup-header" part="header">${context.header.length ? block2(context, tags, suffix) : block3(context, tags, suffix)}</header>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="header"></slot>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<h2 class="ui5-popup-header-text">${(0, _LitRenderer.ifDefined)(context.headerText)}</h2>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.footer.length ? block5(context, tags, suffix) : undefined}`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<section style="${(0, _LitRenderer.styleMap)(this.styles.root)}" class="${(0, _LitRenderer.classMap)(this.classes.root)}" role="${(0, _LitRenderer.ifDefined)(this._role)}" aria-modal="${(0, _LitRenderer.ifDefined)(this._ariaModal)}" aria-label="${(0, _LitRenderer.ifDefined)(this._ariaLabel)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledBy)}" @keydown=${this._onkeydown} @focusout=${this._onfocusout} @mouseup=${this._onmouseup} @mousedown=${this._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${this.forwardToLast}></span><span class="ui5-popover-arrow" style="${(0, _LitRenderer.styleMap)(this.styles.arrow)}"></span>${this._displayHeader ? block1.call(this, context, tags, suffix) : undefined}<div style="${(0, _LitRenderer.styleMap)(this.styles.content)}" class="${(0, _LitRenderer.classMap)(this.classes.content)}"  @scroll="${this._scroll}" part="content"><slot></slot></div>${this._displayFooter ? block4.call(this, context, tags, suffix) : undefined}<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${this.forwardToFirst}></span></section> `;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<header class="ui5-popup-header-root" id="ui5-popup-header" part="header">${this.header.length ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</header>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="header"></slot>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h1 class="ui5-popup-header-text">${(0, _LitRenderer.ifDefined)(this.headerText)}</h1>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.footer.length ? block5.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-block-layer" ?hidden=${context._blockLayerHidden} tabindex="0" style="${(0, _LitRenderer.styleMap)(context.styles.blockLayer)}" @keydown="${context._preventBlockLayerFocus}" @mousedown="${context._preventBlockLayerFocus}"></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-block-layer" ?hidden=${this._blockLayerHidden} tabindex="0" style="${(0, _LitRenderer.styleMap)(this.styles.blockLayer)}" @keydown="${this._preventBlockLayerFocus}" @mousedown="${this._preventBlockLayerFocus}"></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/PopupTemplate.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)`<section style="${(0, _LitRenderer.styleMap)(context.styles.root)}" class="${(0, _LitRenderer.classMap)(context.classes.root)}" role="dialog" aria-modal="${(0, _LitRenderer.ifDefined)(context._ariaModal)}" aria-label="${(0, _LitRenderer.ifDefined)(context._ariaLabel)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledBy)}" @keydown=${context._onkeydown} @focusout=${context._onfocusout} @mouseup=${context._onmouseup} @mousedown=${context._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToLast}></span><div style="${(0, _LitRenderer.styleMap)(context.styles.content)}" class="${(0, _LitRenderer.classMap)(context.classes.content)}"  @scroll="${context._scroll}" part="content"><slot></slot></div><span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section> `;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<section style="${(0, _LitRenderer.styleMap)(this.styles.root)}" class="${(0, _LitRenderer.classMap)(this.classes.root)}" role="${(0, _LitRenderer.ifDefined)(this._role)}" aria-modal="${(0, _LitRenderer.ifDefined)(this._ariaModal)}" aria-label="${(0, _LitRenderer.ifDefined)(this._ariaLabel)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledBy)}" @keydown=${this._onkeydown} @focusout=${this._onfocusout} @mouseup=${this._onmouseup} @mousedown=${this._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${this.forwardToLast}></span><div style="${(0, _LitRenderer.styleMap)(this.styles.content)}" class="${(0, _LitRenderer.classMap)(this.classes.content)}"  @scroll="${this._scroll}" part="content"><slot></slot></div><span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${this.forwardToFirst}></span></section> `;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,17 +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-progress-indicator-root ${(0, _LitRenderer.classMap)(context.classes.root)}" role="progressbar" aria-valuemin="0" aria-valuenow="${(0, _LitRenderer.ifDefined)(context.validatedValue)}" aria-valuemax="100" aria-valuetext="${(0, _LitRenderer.ifDefined)(context.valueStateText)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}"><div class="ui5-progress-indicator-bar" style="${(0, _LitRenderer.styleMap)(context.styles.bar)}">${!context.showValueInRemainingBar ? block1(context, tags, suffix) : undefined}</div><div class="ui5-progress-indicator-remaining-bar">${context.showValueInRemainingBar ? block6(context, tags, suffix) : undefined}</div></div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.showIcon ? block2(context, tags, suffix) : undefined}${!context.hideValue ? block3(context, tags, suffix) : undefined}`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(context.valueStateIcon)}" class="ui5-progress-indicator-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="${(0, _LitRenderer.ifDefined)(context.valueStateIcon)}" class="ui5-progress-indicator-icon"></ui5-icon>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-progress-indicator-value">${context.displayValue ? block4(context, tags, suffix) : block5(context, tags, suffix)}</span>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.displayValue)}`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.validatedValue)}% `;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.showIcon ? block7(context, tags, suffix) : undefined}${!context.hideValue ? block8(context, tags, suffix) : undefined}`;
-  const block7 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(context.valueStateIcon)}" class="ui5-progress-indicator-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="${(0, _LitRenderer.ifDefined)(context.valueStateIcon)}" class="ui5-progress-indicator-icon"></ui5-icon>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-progress-indicator-value">${context.displayValue ? block9(context, tags, suffix) : block10(context, tags, suffix)}</span>`;
-  const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.displayValue)}`;
-  const block10 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.validatedValue)}% `;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-progress-indicator-root ${(0, _LitRenderer.classMap)(this.classes.root)}" role="progressbar" aria-valuemin="0" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.validatedValue)}" aria-valuemax="100" aria-valuetext="${(0, _LitRenderer.ifDefined)(this.valueStateText)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}"><div class="ui5-progress-indicator-bar" style="${(0, _LitRenderer.styleMap)(this.styles.bar)}">${!this.showValueInRemainingBar ? block1.call(this, context, tags, suffix) : undefined}</div><div class="ui5-progress-indicator-remaining-bar">${this.showValueInRemainingBar ? block6.call(this, context, tags, suffix) : undefined}</div></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.showIcon ? block2.call(this, context, tags, suffix) : undefined}${!this.hideValue ? block3.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.valueStateIcon)}" class="ui5-progress-indicator-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="${(0, _LitRenderer.ifDefined)(this.valueStateIcon)}" class="ui5-progress-indicator-icon"></ui5-icon>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-progress-indicator-value">${this.displayValue ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</span>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.displayValue)}`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.validatedValue)}% `;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.showIcon ? block7.call(this, context, tags, suffix) : undefined}${!this.hideValue ? block8.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block7(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="${(0, _LitRenderer.ifDefined)(this.valueStateIcon)}" class="ui5-progress-indicator-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="${(0, _LitRenderer.ifDefined)(this.valueStateIcon)}" class="ui5-progress-indicator-icon"></ui5-icon>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-progress-indicator-value">${this.displayValue ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</span>`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.displayValue)}`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.validatedValue)}% `;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,10 +7,19 @@ 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-radio-root ${(0, _LitRenderer.classMap)(context.classes.main)}" role="radio" aria-checked="${(0, _LitRenderer.ifDefined)(context.checked)}" aria-readonly="${(0, _LitRenderer.ifDefined)(context.ariaReadonly)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.ariaDisabled)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-describedby="${(0, _LitRenderer.ifDefined)(context.ariaDescribedBy)}" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" @click="${context._onclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}" @focusout="${context._onfocusout}"><div class='ui5-radio-inner ${(0, _LitRenderer.classMap)(context.classes.inner)}'><svg class="ui5-radio-svg" focusable="false" aria-hidden="true">${blockSVG1(context, tags, suffix)}</svg><input type='radio' ?checked="${context.checked}" ?readonly="${context.readonly}" ?disabled="${context.disabled}" name="${(0, _LitRenderer.ifDefined)(context.name)}" data-sap-no-tab-ref/></div>${context.text ? block1(context, tags, suffix) : undefined}${context.hasValueState ? block2(context, tags, suffix) : undefined}</div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-label" class="ui5-radio-label" for="${(0, _LitRenderer.ifDefined)(context._id)}" wrapping-type="${(0, _LitRenderer.ifDefined)(context.wrappingType)}">${(0, _LitRenderer.ifDefined)(context.text)}</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-label id="${(0, _LitRenderer.ifDefined)(context._id)}-label" class="ui5-radio-label" for="${(0, _LitRenderer.ifDefined)(context._id)}" wrapping-type="${(0, _LitRenderer.ifDefined)(context.wrappingType)}">${(0, _LitRenderer.ifDefined)(context.text)}</ui5-label>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(context._id)}-descr" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.valueStateText)}</span>`;
-  const blockSVG1 = (context, tags, suffix) => (0, _LitRenderer.svg)`<circle class="ui5-radio-svg-outer" cx="50%" cy="50%" r="50%" /><circle class="ui5-radio-svg-inner" cx="50%" cy="50%" />`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-radio-root" role="radio" aria-checked="${(0, _LitRenderer.ifDefined)(this.checked)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.effectiveAriaDisabled)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this.effectiveAriaDescribedBy)}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" @click="${this._onclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @mousedown="${this._onmousedown}" @mouseup="${this._onmouseup}" @focusout="${this._onfocusout}"><div class='ui5-radio-inner ${(0, _LitRenderer.classMap)(this.classes.inner)}'><svg class="ui5-radio-svg" focusable="false" aria-hidden="true">${blockSVG1.call(this, context, tags, suffix)}</svg><input type='radio' ?required="${this.required}" ?checked="${this.checked}" ?readonly="${this.readonly}" ?disabled="${this.effectiveAriaDisabled}" name="${(0, _LitRenderer.ifDefined)(this.name)}"  data-sap-no-tab-ref/></div>${this.text ? block1.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-label" class="ui5-radio-label" for="${(0, _LitRenderer.ifDefined)(this._id)}" wrapping-type="${(0, _LitRenderer.ifDefined)(this.wrappingType)}">${(0, _LitRenderer.ifDefined)(this.text)}</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-label id="${(0, _LitRenderer.ifDefined)(this._id)}-label" class="ui5-radio-label" for="${(0, _LitRenderer.ifDefined)(this._id)}" wrapping-type="${(0, _LitRenderer.ifDefined)(this.wrappingType)}">${(0, _LitRenderer.ifDefined)(this.text)}</ui5-label>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-descr" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.valueStateText)}</span>`;
+  }
+  function blockSVG1(context, tags, suffix) {
+    return (0, _LitRenderer.svg)`<circle class="ui5-radio-svg-outer" cx="50%" cy="50%" r="50%" /><circle class="ui5-radio-svg-inner" cx="50%" cy="50%" />`;
+  }
+  ;
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,16 +7,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-startHandleDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaHandlesText.startHandleText)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-endHandleDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}<div class="ui5-slider-progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(context.styles.progress)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(context.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuetext="From ${(0, _LitRenderer.ifDefined)(context.startValue)} to ${(0, _LitRenderer.ifDefined)(context.endValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByProgressBarRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" style="${(0, _LitRenderer.styleMap)(context.styles.startHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(context.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(context.startValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByStartHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="source-code" slider-icon></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.showTooltip ? block8(context, tags, suffix) : undefined}</div><div class="ui5-slider-handle ui5-slider-handle--end" style="${(0, _LitRenderer.styleMap)(context.styles.endHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(context.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(context.endValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByEndHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="source-code" slider-icon></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.showTooltip ? block9(context, tags, suffix) : undefined}</div></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaLabelledByText)}</span></div>` : (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(context.classes.root)}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" part="root-container"><span id="${(0, _LitRenderer.ifDefined)(context._id)}-startHandleDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaHandlesText.startHandleText)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-endHandleDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}<div class="ui5-slider-progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(context.styles.progress)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(context.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuetext="From ${(0, _LitRenderer.ifDefined)(context.startValue)} to ${(0, _LitRenderer.ifDefined)(context.endValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByProgressBarRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" style="${(0, _LitRenderer.styleMap)(context.styles.startHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(context.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(context.startValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByStartHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}"><ui5-icon name="source-code" slider-icon></ui5-icon>${context.showTooltip ? block8(context, tags, suffix) : undefined}</div><div class="ui5-slider-handle ui5-slider-handle--end" style="${(0, _LitRenderer.styleMap)(context.styles.endHandle)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(context.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(context.endValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByEndHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}"><ui5-icon name="source-code" slider-icon></ui5-icon>${context.showTooltip ? block9(context, tags, suffix) : undefined}</div></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._ariaLabelledByText)}</span></div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.showTickmarks ? block2(context, tags, suffix) : undefined}`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul class="ui5-slider-tickmarks">${(0, _LitRenderer.repeat)(context.tickmarksObject, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</ul>${context.labelInterval ? block6(context, tags, suffix) : undefined}`;
-  const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item ? block4(item, index, context, tags, suffix) : block5(item, index, context, tags, suffix)}`;
-  const block4 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`;
-  const block5 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li class="ui5-slider-tickmark"></li>`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul class="ui5-slider-labels ${(0, _LitRenderer.classMap)(context.classes.labelContainer)}" style="${(0, _LitRenderer.styleMap)(context.styles.labelContainer)}">${(0, _LitRenderer.repeat)(context._labels, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}</ul>`;
-  const block7 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li style="${(0, _LitRenderer.styleMap)(context.styles.label)}">${(0, _LitRenderer.ifDefined)(item)}</li>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-slider-tooltip ui5-slider-tooltip--start" style="${(0, _LitRenderer.styleMap)(context.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${(0, _LitRenderer.ifDefined)(context.tooltipStartValue)}</span></div>`;
-  const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-slider-tooltip ui5-slider-tooltip--end" style="${(0, _LitRenderer.styleMap)(context.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${(0, _LitRenderer.ifDefined)(context.tooltipEndValue)}</span></div>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-startHandleDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaHandlesText.startHandleText)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-endHandleDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${(0, _LitRenderer.styleMap)(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this._ariaValueNow)}" aria-valuetext="From ${(0, _LitRenderer.ifDefined)(this.startValue)} to ${(0, _LitRenderer.ifDefined)(this.endValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${(0, _LitRenderer.styleMap)(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.startValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="direction-arrows" slider-icon></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.showTooltip ? block8.call(this, context, tags, suffix) : undefined}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${(0, _LitRenderer.styleMap)(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.endValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="direction-arrows" slider-icon></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.showTooltip ? block9.call(this, context, tags, suffix) : undefined}</div></div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaLabelledByText)}</span></div> ` : (0, _LitRenderer.html)`<div class="ui5-slider-root ${(0, _LitRenderer.classMap)(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${(0, _LitRenderer.ifDefined)(this._id)}-startHandleDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaHandlesText.startHandleText)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-endHandleDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${(0, _LitRenderer.styleMap)(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this._ariaValueNow)}" aria-valuetext="From ${(0, _LitRenderer.ifDefined)(this.startValue)} to ${(0, _LitRenderer.ifDefined)(this.endValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${(0, _LitRenderer.styleMap)(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.startValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip ? block8.call(this, context, tags, suffix) : undefined}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${(0, _LitRenderer.styleMap)(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${(0, _LitRenderer.ifDefined)(this.min)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.endValue)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip ? block9.call(this, context, tags, suffix) : undefined}</div></div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-accName" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-sliderDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._ariaLabelledByText)}</span></div> `;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.showTickmarks ? block2.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul class="ui5-slider-tickmarks">${(0, _LitRenderer.repeat)(this.tickmarksObject, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</ul>${this.labelInterval ? block6.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li class="ui5-slider-tickmark"></li>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul class="ui5-slider-labels ${(0, _LitRenderer.classMap)(this.classes.labelContainer)}" style="${(0, _LitRenderer.styleMap)(this.styles.labelContainer)}">${(0, _LitRenderer.repeat)(this._labels, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</ul>`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li style="${(0, _LitRenderer.styleMap)(this.styles.label)}">${(0, _LitRenderer.ifDefined)(item)}</li>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-slider-tooltip ui5-slider-tooltip--start" style="${(0, _LitRenderer.styleMap)(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${(0, _LitRenderer.ifDefined)(this.tooltipStartValue)}</span></div>`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-slider-tooltip ui5-slider-tooltip--end" style="${(0, _LitRenderer.styleMap)(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${(0, _LitRenderer.ifDefined)(this.tooltipEndValue)}</span></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,16 +7,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${(0, _LitRenderer.ifDefined)(context._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${(0, _LitRenderer.ifDefined)(context.value)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(context.max)}" aria-valuetext="${(0, _LitRenderer.ifDefined)(context.value)} of ${(0, _LitRenderer.ifDefined)(context.max)}" aria-orientation="horizontal" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}" aria-readonly="${(0, _LitRenderer.ifDefined)(context.ariaReadonly)}" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @click="${context._onclick}" @keydown="${context._onkeydown}" title="${(0, _LitRenderer.ifDefined)(context.tooltip)}" aria-label="${(0, _LitRenderer.ifDefined)(context.accessibleName)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${(0, _LitRenderer.repeat)(context._stars, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</ul></div>`;
-  const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.selected ? block2(item, index, context, tags, suffix) : block3(item, index, context, tags, suffix)}`;
-  const block2 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></ui5-icon></li>`;
-  const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.halfStar ? block4(item, index, context, tags, suffix) : block5(item, index, context, tags, suffix)}`;
-  const block4 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="unfavorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}><div class="ui5-rating-indicator-half-icon-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div></li>` : (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="unfavorite"></ui5-icon><div class="ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></ui5-icon></div></li>`;
-  const block5 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${context.readonly ? block6(item, index, context, tags, suffix) : block7(item, index, context, tags, suffix)}`;
-  const block6 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></ui5-icon></li>`;
-  const block7 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${context.disabled ? block8(item, index, context, tags, suffix) : block9(item, index, context, tags, suffix)}`;
-  const block8 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></ui5-icon></li>`;
-  const block9 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="unfavorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="unfavorite"></ui5-icon></li>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${(0, _LitRenderer.ifDefined)(this.value)}" aria-valuemax="${(0, _LitRenderer.ifDefined)(this.max)}" aria-valuetext="${(0, _LitRenderer.ifDefined)(this.value)} of ${(0, _LitRenderer.ifDefined)(this.max)}" aria-orientation="horizontal" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" aria-readonly="${(0, _LitRenderer.ifDefined)(this.ariaReadonly)}" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${(0, _LitRenderer.ifDefined)(this.tooltip)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accessibleName)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${(0, _LitRenderer.repeat)(this._stars, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ul></div>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.selected ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<li data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></ui5-icon></li>`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.halfStar ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="unfavorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}><div class="ui5-rating-indicator-half-icon-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></div></li>` : (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="unfavorite"></ui5-icon><div class="ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></ui5-icon></div></li>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${this.readonly ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block6(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></ui5-icon></li>`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${this.disabled ? block8.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block8(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="favorite"></ui5-icon></li>`;
+  }
+  function block9(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<li data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="unfavorite"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${(0, _LitRenderer.ifDefined)(item.index)}" name="unfavorite"></ui5-icon></li>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });