@openui5/sap.ui.webc.main 1.111.0 → 1.112.0

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

@@ -5,10 +5,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _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>`;
 
+  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>`;
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,10 +5,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _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> `;
 
+  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> `;
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,30 +5,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _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 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)}% `;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,16 +5,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _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 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%" />`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,28 +5,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _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 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>`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,28 +5,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _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 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>`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,34 +5,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _exports.default = void 0;
-
   /* eslint no-unused-vars: 0 */
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context._isPhone ? block1(context, tags, suffix) : block7(context, tags, suffix)}`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context._isPhone ? block1(context, tags, suffix) : block7(context, tags, suffix)}`;
   const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)} accessible-name=${(0, _LitRenderer.ifDefined)(context.accessibleName)} accessible-name-ref=${(0, _LitRenderer.ifDefined)(context.accessibleNameRef)} stretch _disable-initial-focus @ui5-before-open="${(0, _LitRenderer.ifDefined)(context._beforeDialogOpen)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(context._propagateDialogEvent)}" @ui5-before-close="${(0, _LitRenderer.ifDefined)(context._propagateDialogEvent)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context._afterDialogClose)}" exportparts="content, header, footer">${!context._hideHeader ? block2(context, tags, suffix) : undefined}<slot></slot><slot slot="footer" name="footer"></slot></${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-dialog accessible-name=${(0, _LitRenderer.ifDefined)(context.accessibleName)} accessible-name-ref=${(0, _LitRenderer.ifDefined)(context.accessibleNameRef)} stretch _disable-initial-focus @ui5-before-open="${(0, _LitRenderer.ifDefined)(context._beforeDialogOpen)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(context._propagateDialogEvent)}" @ui5-before-close="${(0, _LitRenderer.ifDefined)(context._propagateDialogEvent)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context._afterDialogClose)}" exportparts="content, header, footer">${!context._hideHeader ? block2(context, tags, suffix) : undefined}<slot></slot><slot slot="footer" name="footer"></slot></ui5-dialog>`;
-
   const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.header.length ? block3(context, tags, suffix) : block4(context, tags, suffix)}`;
-
   const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot slot="header" name="header"></slot>`;
-
   const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.header)}" slot="header">${context.headerText ? block5(context, tags, suffix) : undefined}${!context._hideCloseButton ? block6(context, tags, suffix) : undefined}</div>`;
-
   const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} level="H2" class="ui5-popup-header-text ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(context.headerText)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-title level="H2" class="ui5-popup-header-text ui5-responsive-popover-header-text">${(0, _LitRenderer.ifDefined)(context.headerText)}</ui5-title>`;
-
   const block6 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="decline" design="Transparent" aria-label="${(0, _LitRenderer.ifDefined)(context._closeDialogAriaLabel)}" @click="${context.close}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="decline" design="Transparent" aria-label="${(0, _LitRenderer.ifDefined)(context._closeDialogAriaLabel)}" @click="${context.close}"></ui5-button>`;
-
   const block7 = (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 ? block8(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 ? block11(context, tags, suffix) : undefined}<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section>`;
-
   const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<header class="ui5-popup-header-root" id="ui5-popup-header" part="header">${context.header.length ? block9(context, tags, suffix) : block10(context, tags, suffix)}</header>`;
-
   const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="header"></slot>`;
-
   const block10 = (context, tags, suffix) => (0, _LitRenderer.html)`<h2 class="ui5-popup-header-text">${(0, _LitRenderer.ifDefined)(context.headerText)}</h2>`;
-
   const block11 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.footer.length ? block12(context, tags, suffix) : undefined}`;
-
   const block12 = (context, tags, suffix) => (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/SegmentedButtonItemTemplate.lit.js

@@ -5,12 +5,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _exports.default = void 0;
-
   /* eslint no-unused-vars: 0 */
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<li role="option" aria-roledescription="${(0, _LitRenderer.ifDefined)(context.ariaDescription)}" aria-posinset="${(0, _LitRenderer.ifDefined)(context.posInSet)}" aria-setsize="${(0, _LitRenderer.ifDefined)(context.sizeOfSet)}" aria-selected="${(0, _LitRenderer.ifDefined)(context.pressed)}" class="ui5-button-root" aria-disabled="${(0, _LitRenderer.ifDefined)(context.disabled)}" data-sap-focus-ref  @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-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" title="${(0, _LitRenderer.ifDefined)(context.tooltip)}">${context.icon ? block1(context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span></li> `;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<li role="option" aria-roledescription="${(0, _LitRenderer.ifDefined)(context.ariaDescription)}" aria-posinset="${(0, _LitRenderer.ifDefined)(context.posInSet)}" aria-setsize="${(0, _LitRenderer.ifDefined)(context.sizeOfSet)}" aria-selected="${(0, _LitRenderer.ifDefined)(context.pressed)}" class="ui5-button-root" aria-disabled="${(0, _LitRenderer.ifDefined)(context.disabled)}" data-sap-focus-ref  @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-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" title="${(0, _LitRenderer.ifDefined)(context.tooltip)}">${context.icon ? block1(context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span></li> `;
   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)}" 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)}" part="icon" ?show-tooltip=${context.showIconTooltip}></ui5-icon>`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,10 +5,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _exports.default = void 0;
-
   /* eslint no-unused-vars: 0 */
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul @click="${context._onclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @focusin="${context._onfocusin}" class="ui5-segmented-button-root" role="listbox" aria-multiselectable="true" aria-describedby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" aria-roledescription=${(0, _LitRenderer.ifDefined)(context.ariaDescription)} aria-label=${(0, _LitRenderer.ifDefined)(context.accessibleName)}><slot></slot><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.ariaDescribedBy)}</span></ul>`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul @click="${context._onclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @focusin="${context._onfocusin}" class="ui5-segmented-button-root" role="listbox" aria-multiselectable="true" aria-describedby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" aria-roledescription=${(0, _LitRenderer.ifDefined)(context.ariaDescription)} aria-label=${(0, _LitRenderer.ifDefined)(context.accessibleName)}><slot></slot><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.ariaDescribedBy)}</span></ul>`;
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,42 +5,25 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _exports.default = void 0;
-
   /* eslint no-unused-vars: 0 */
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.options ? block1(context, tags, suffix) : undefined}${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.options ? block1(context, tags, suffix) : undefined}${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}`;
   const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} hide-arrow _disable-initial-focus placement-type="Bottom" class="ui5-select-popover ${(0, _LitRenderer.classMap)(context.classes.popover)}" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(context._afterOpen)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(context._beforeOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context._afterClose)}" @keydown="${context._onkeydown}" style=${(0, _LitRenderer.styleMap)(context.styles.responsivePopover)}>${context._isPhone ? block2(context, tags, suffix) : undefined}${!context._isPhone ? block7(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelectAuto" separators="None" @mousedown="${context._itemMousedown}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(context._handleItemPress)}">${(0, _LitRenderer.repeat)(context._syncedOptions, (item, index) => item._id || index, (item, index) => block12(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover hide-arrow _disable-initial-focus placement-type="Bottom" class="ui5-select-popover ${(0, _LitRenderer.classMap)(context.classes.popover)}" horizontal-align="Left" @ui5-after-open="${(0, _LitRenderer.ifDefined)(context._afterOpen)}" @ui5-before-open="${(0, _LitRenderer.ifDefined)(context._beforeOpen)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context._afterClose)}" @keydown="${context._onkeydown}" style=${(0, _LitRenderer.styleMap)(context.styles.responsivePopover)}>${context._isPhone ? block2(context, tags, suffix) : undefined}${!context._isPhone ? block7(context, tags, suffix) : undefined}<ui5-list mode="SingleSelectAuto" separators="None" @mousedown="${context._itemMousedown}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(context._handleItemPress)}">${(0, _LitRenderer.repeat)(context._syncedOptions, (item, index) => item._id || index, (item, index) => block12(item, index, context, tags, suffix))}</ui5-list></ui5-responsive-popover>`;
-
   const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(context._headerTitleText)}</span><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._toggleRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>${context.hasValueStateText ? block3(context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(context._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._toggleRespPopover}"></ui5-button></div>${context.hasValueStateText ? block3(context, tags, suffix) : undefined}</div>`;
-
   const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)} row ui5-select-value-state-dialog-header">${context.shouldDisplayDefaultValueStateMessage ? block4(context, tags, suffix) : block5(context, tags, suffix)}</div>`;
-
   const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-
   const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix))}`;
-
   const block6 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-
   const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.hasValueStateText ? block8(context, tags, suffix) : undefined}`;
-
   const block8 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(context.styles.responsivePopoverHeader)}><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block9(context, tags, suffix) : block10(context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(context.styles.responsivePopoverHeader)}><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block9(context, tags, suffix) : block10(context, tags, suffix)}</div>`;
-
   const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-
   const block10 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix))}`;
-
   const block11 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-
   const block12 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(item.id)}-li" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?selected="${item.selected}" ?focused="${item._focused}" title="${(0, _LitRenderer.ifDefined)(item.title)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" ?aria-selected="${item.selected}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}">${(0, _LitRenderer.ifDefined)(item.textContent)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li id="${(0, _LitRenderer.ifDefined)(item.id)}-li" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?selected="${item.selected}" ?focused="${item._focused}" title="${(0, _LitRenderer.ifDefined)(item.title)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" ?aria-selected="${item.selected}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(item.stableDomRef)}">${(0, _LitRenderer.ifDefined)(item.textContent)}</ui5-li>`;
-
   const block13 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block14(context, tags, suffix) : block15(context, tags, suffix)}</div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block14(context, tags, suffix) : block15(context, tags, suffix)}</div></ui5-popover>`;
-
   const block14 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-
   const block15 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block16(item, index, context, tags, suffix))}`;
-
   const block16 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

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

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

@@ -5,24 +5,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _exports.default = void 0;
-
   /* eslint no-unused-vars: 0 */
-  const block0 = (context, tags, 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"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}</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 block0 = (context, tags, 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"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}</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>`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,26 +5,17 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _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"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(context.styles.progress)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${(0, _LitRenderer.styleMap)(context.styles.handle)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" 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.value)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}" data-sap-focus-ref part="handle"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="source-code" part="icon-slider" slider-icon></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.showTooltip ? block8(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"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(context.styles.progress)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${(0, _LitRenderer.styleMap)(context.styles.handle)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" 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.value)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}" data-sap-focus-ref part="handle"><ui5-icon name="source-code" part="icon-slider" slider-icon></ui5-icon>${context.showTooltip ? block8(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 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"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(context.styles.progress)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${(0, _LitRenderer.styleMap)(context.styles.handle)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" 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.value)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}" data-sap-focus-ref part="handle"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="source-code" part="icon-slider" slider-icon></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.showTooltip ? block8(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"><div class="ui5-slider-inner">${context.step ? block1(context, tags, suffix) : undefined}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${(0, _LitRenderer.styleMap)(context.styles.progress)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${(0, _LitRenderer.styleMap)(context.styles.handle)}" @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" 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.value)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._ariaLabelledByHandleRefs)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context._ariaDisabled)}" data-sap-focus-ref part="handle"><ui5-icon name="source-code" part="icon-slider" slider-icon></ui5-icon>${context.showTooltip ? block8(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" style="${(0, _LitRenderer.styleMap)(context.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${(0, _LitRenderer.ifDefined)(context.tooltipValue)}</span></div>`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,10 +5,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     value: true
   });
   _exports.default = void 0;
-
   /* eslint no-unused-vars: 0 */
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-split-button-root" role="group" tabindex=${(0, _LitRenderer.ifDefined)(context._tabIndex)} aria-labelledby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault ${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" @focusout=${context._onFocusOut} @focusin=${context._onFocusIn} @keydown=${context._onKeyDown} @keyup=${context._onKeyUp}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-split-text-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)} icon="${(0, _LitRenderer.ifDefined)(context._textButtonIcon)}" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._textButtonActive}" @click="${context._fireClick}" @touchstart=${context._textButtonPress} @mousedown=${context._textButtonPress} @mouseup=${context._textButtonRelease} @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}><slot></slot></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><div class="ui5-split-arrow-button-wrapper" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-split-arrow-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" icon="slim-arrow-down" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._arrowButtonActive}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaExpanded)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaHaspopup)}" @click="${context._fireArrowClick}" @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.description)}${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.keyboardHint)}${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.textButtonAccText)}</span></div>` : (0, _LitRenderer.html)`<div class="ui5-split-button-root" role="group" tabindex=${(0, _LitRenderer.ifDefined)(context._tabIndex)} aria-labelledby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault ${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" @focusout=${context._onFocusOut} @focusin=${context._onFocusIn} @keydown=${context._onKeyDown} @keyup=${context._onKeyUp}><ui5-button class="ui5-split-text-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)} icon="${(0, _LitRenderer.ifDefined)(context._textButtonIcon)}" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._textButtonActive}" @click="${context._fireClick}" @touchstart=${context._textButtonPress} @mousedown=${context._textButtonPress} @mouseup=${context._textButtonRelease} @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}><slot></slot></ui5-button><div class="ui5-split-arrow-button-wrapper" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)}><ui5-button class="ui5-split-arrow-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" icon="slim-arrow-down" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._arrowButtonActive}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaExpanded)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaHaspopup)}" @click="${context._fireArrowClick}" @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}></ui5-button></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.description)}${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.keyboardHint)}${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.textButtonAccText)}</span></div>`;
 
+  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-split-button-root" role="group" tabindex=${(0, _LitRenderer.ifDefined)(context._tabIndex)} aria-labelledby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault ${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" @focusout=${context._onFocusOut} @focusin=${context._onFocusIn} @keydown=${context._onKeyDown} @keyup=${context._onKeyUp}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-split-text-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)} icon="${(0, _LitRenderer.ifDefined)(context._textButtonIcon)}" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._textButtonActive}" @click="${context._fireClick}" @touchstart=${context._textButtonPress} @mousedown=${context._textButtonPress} @mouseup=${context._textButtonRelease} @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}><slot></slot></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><div class="ui5-split-arrow-button-wrapper" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-split-arrow-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" icon="slim-arrow-down" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._arrowButtonActive}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaExpanded)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaHaspopup)}" @click="${context._fireArrowClick}" @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.description)}${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.keyboardHint)}${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.textButtonAccText)}</span></div>` : (0, _LitRenderer.html)`<div class="ui5-split-button-root" role="group" tabindex=${(0, _LitRenderer.ifDefined)(context._tabIndex)} aria-labelledby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault ${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" @focusout=${context._onFocusOut} @focusin=${context._onFocusIn} @keydown=${context._onKeyDown} @keyup=${context._onKeyUp}><ui5-button class="ui5-split-text-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)} icon="${(0, _LitRenderer.ifDefined)(context._textButtonIcon)}" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._textButtonActive}" @click="${context._fireClick}" @touchstart=${context._textButtonPress} @mousedown=${context._textButtonPress} @mouseup=${context._textButtonRelease} @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}><slot></slot></ui5-button><div class="ui5-split-arrow-button-wrapper" dir=${(0, _LitRenderer.ifDefined)(context.effectiveDir)}><ui5-button class="ui5-split-arrow-button" design="${(0, _LitRenderer.ifDefined)(context.design)}" icon="slim-arrow-down" tabindex="-1" ?disabled="${context.disabled}" ?active="${context._arrowButtonActive}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaExpanded)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.ariaHaspopup)}" @click="${context._fireArrowClick}" @focusin=${context._setTabIndexValue} @focusout=${context._onFocusOut}></ui5-button></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.description)}${(0, _LitRenderer.ifDefined)(context.accessibilityInfo.keyboardHint)}${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleTextDefault" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.textButtonAccText)}</span></div>`;
   var _default = block0;
   _exports.default = _default;
 });

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

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