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

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

@@ -5,20 +5,14 @@ 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="${(0, _LitRenderer.classMap)(context.classes.colorPaletteRoot)}" @click=${context._onclick} @keyup=${context._onkeyup} @keydown=${context._onkeydown}>${context.showDefaultColor ? block1(context, tags, suffix) : undefined}<div class="ui5-cp-item-container" role="region" aria-label="${(0, _LitRenderer.ifDefined)(context.colorContainerLabel)}" @keydown="${context._onColorContainerKeyDown}">${(0, _LitRenderer.repeat)(context.displayedColors, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div>${context._showMoreColors ? block3(context, tags, suffix) : undefined}${context.showRecentColors ? block4(context, tags, suffix) : undefined}</div>`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.colorPaletteRoot)}" @click=${context._onclick} @keyup=${context._onkeyup} @keydown=${context._onkeydown}>${context.showDefaultColor ? block1(context, tags, suffix) : undefined}<div class="ui5-cp-item-container" role="region" aria-label="${(0, _LitRenderer.ifDefined)(context.colorContainerLabel)}" @keydown="${context._onColorContainerKeyDown}">${(0, _LitRenderer.repeat)(context.displayedColors, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div>${context._showMoreColors ? block3(context, tags, suffix) : undefined}${context.showRecentColors ? block4(context, tags, suffix) : undefined}</div>`;
   const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-cp-default-color-button-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>` : (0, _LitRenderer.html)`<div class="ui5-cp-default-color-button-wrapper"><ui5-button class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</ui5-button><div class="ui5-cp-separator"></div></div>`;
-
   const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
-
   const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${(0, _LitRenderer.ifDefined)(context.colorPaleteMoreColorsText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><ui5-button design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${(0, _LitRenderer.ifDefined)(context.colorPaleteMoreColorsText)}</ui5-button></div>`;
-
   const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-cp-recent-colors-wrapper"><div class="ui5-cp-separator"></div><div class="ui5-cp-recent-colors-container" @keydown="${context._onRecentColorsContainerKeyDown}">${(0, _LitRenderer.repeat)(context.recentColors, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix))}</div></div>`;
-
   const block5 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-color-palette-item", tags, suffix)} value="${(0, _LitRenderer.ifDefined)(item)}"></${(0, _LitRenderer.scopeTag)("ui5-color-palette-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-color-palette-item value="${(0, _LitRenderer.ifDefined)(item)}"></ui5-color-palette-item>`;
-
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/ColorPickerTemplate.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)`<section dir="${(0, _LitRenderer.ifDefined)(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${(0, _LitRenderer.styleMap)(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${(0, _LitRenderer.styleMap)(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)} disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${(0, _LitRenderer.ifDefined)(context._hue)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hueSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleHueInput)}"></${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)} disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}"></${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${(0, _LitRenderer.styleMap)(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>Hex</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${(0, _LitRenderer.ifDefined)(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hexInputLabel)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleHEXChange)}" value-state="${(0, _LitRenderer.ifDefined)(context.hexInputErrorState)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.redInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.r)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>R</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.greenInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.g)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>G</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.blueInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.b)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>B</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="alpha" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaInputLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleAlphaChange)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>A</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div></div></section>` : (0, _LitRenderer.html)`<section dir="${(0, _LitRenderer.ifDefined)(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${(0, _LitRenderer.styleMap)(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${(0, _LitRenderer.styleMap)(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><ui5-slider disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${(0, _LitRenderer.ifDefined)(context._hue)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hueSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleHueInput)}"></ui5-slider><ui5-slider disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}"></ui5-slider></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${(0, _LitRenderer.styleMap)(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><ui5-label>Hex</ui5-label><ui5-input class="ui5-color-picker-hex-input" value="${(0, _LitRenderer.ifDefined)(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hexInputLabel)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleHEXChange)}" value-state="${(0, _LitRenderer.ifDefined)(context.hexInputErrorState)}"></ui5-input></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><ui5-input id="red" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.redInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.r)}"></ui5-input><ui5-label>R</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="green" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.greenInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.g)}"></ui5-input><ui5-label>G</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="blue" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.blueInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.b)}"></ui5-input><ui5-label>B</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="alpha" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaInputLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleAlphaChange)}"></ui5-input><ui5-label>A</ui5-label></div></div></section>`;
 
+  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<section dir="${(0, _LitRenderer.ifDefined)(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${(0, _LitRenderer.styleMap)(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${(0, _LitRenderer.styleMap)(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)} disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${(0, _LitRenderer.ifDefined)(context._hue)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hueSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleHueInput)}"></${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)} disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}"></${(0, _LitRenderer.scopeTag)("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${(0, _LitRenderer.styleMap)(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>Hex</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${(0, _LitRenderer.ifDefined)(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hexInputLabel)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleHEXChange)}" value-state="${(0, _LitRenderer.ifDefined)(context.hexInputErrorState)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.redInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.r)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>R</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.greenInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.g)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>G</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.blueInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.b)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>B</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="alpha" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaInputLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleAlphaChange)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>A</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div></div></section>` : (0, _LitRenderer.html)`<section dir="${(0, _LitRenderer.ifDefined)(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${(0, _LitRenderer.styleMap)(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${(0, _LitRenderer.styleMap)(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><ui5-slider disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${(0, _LitRenderer.ifDefined)(context._hue)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hueSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleHueInput)}"></ui5-slider><ui5-slider disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaSliderLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}"></ui5-slider></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${(0, _LitRenderer.styleMap)(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><ui5-label>Hex</ui5-label><ui5-input class="ui5-color-picker-hex-input" value="${(0, _LitRenderer.ifDefined)(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${(0, _LitRenderer.ifDefined)(context.hexInputLabel)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleHEXChange)}" value-state="${(0, _LitRenderer.ifDefined)(context.hexInputErrorState)}"></ui5-input></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><ui5-input id="red" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.redInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.r)}"></ui5-input><ui5-label>R</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="green" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.greenInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.g)}"></ui5-input><ui5-label>G</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="blue" class="ui5-color-picker-rgb-input" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.blueInputLabel)}" value="${(0, _LitRenderer.ifDefined)(context._color.b)}"></ui5-input><ui5-label>B</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="alpha" disabled="${(0, _LitRenderer.ifDefined)(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${(0, _LitRenderer.ifDefined)(context._alpha)}" accessible-name="${(0, _LitRenderer.ifDefined)(context.alphaInputLabel)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleAlphaInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._handleAlphaChange)}"></ui5-input><ui5-label>A</ui5-label></div></div></section>`;
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/ComboBoxPopoverTemplate.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) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} class="${(0, _LitRenderer.classMap)(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionsPopover)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(context._afterOpenPopover)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._afterClosePopover)}><${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}><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._closeRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}"><input class="ui5-input-inner-phone" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${context.hasValueStateText ? block1(context, tags, suffix) : undefined}</div>${!context._isPhone ? block5(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${(0, _LitRenderer.ifDefined)(context._selectItem)} @ui5-item-focused=${(0, _LitRenderer.ifDefined)(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${(0, _LitRenderer.repeat)(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}` : (0, _LitRenderer.html)`<ui5-responsive-popover class="${(0, _LitRenderer.classMap)(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionsPopover)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(context._afterOpenPopover)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._afterClosePopover)}><ui5-busy-indicator ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></ui5-busy-indicator><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._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}"><input class="ui5-input-inner-phone" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${context.hasValueStateText ? block1(context, tags, suffix) : undefined}</div>${!context._isPhone ? block5(context, tags, suffix) : undefined}<ui5-list separators="None" @ui5-item-click=${(0, _LitRenderer.ifDefined)(context._selectItem)} @ui5-item-focused=${(0, _LitRenderer.ifDefined)(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${(0, _LitRenderer.repeat)(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix))}</ui5-list><div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">OK</ui5-button></div></ui5-responsive-popover>${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}`;
 
+  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} class="${(0, _LitRenderer.classMap)(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionsPopover)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(context._afterOpenPopover)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._afterClosePopover)}><${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}><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._closeRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}"><input class="ui5-input-inner-phone" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${context.hasValueStateText ? block1(context, tags, suffix) : undefined}</div>${!context._isPhone ? block5(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${(0, _LitRenderer.ifDefined)(context._selectItem)} @ui5-item-focused=${(0, _LitRenderer.ifDefined)(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${(0, _LitRenderer.repeat)(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}` : (0, _LitRenderer.html)`<ui5-responsive-popover class="${(0, _LitRenderer.classMap)(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionsPopover)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(context._afterOpenPopover)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._afterClosePopover)}><ui5-busy-indicator ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></ui5-busy-indicator><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._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}"><input class="ui5-input-inner-phone" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${context.hasValueStateText ? block1(context, tags, suffix) : undefined}</div>${!context._isPhone ? block5(context, tags, suffix) : undefined}<ui5-list separators="None" @ui5-item-click=${(0, _LitRenderer.ifDefined)(context._selectItem)} @ui5-item-focused=${(0, _LitRenderer.ifDefined)(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${(0, _LitRenderer.repeat)(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix))}</ui5-list><div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">OK</ui5-button></div></ui5-responsive-popover>${context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined}`;
   const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverValueStateMessage)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverValueStateMessage)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div>`;
-
   const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-
   const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))}`;
-
   const block4 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-
   const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.hasValueStateText ? block6(context, tags, suffix) : undefined}`;
-
   const block6 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionPopoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block7(context, tags, suffix) : block8(context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionPopoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block7(context, tags, suffix) : block8(context, tags, suffix)}</div>`;
-
   const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-
   const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block9(item, index, context, tags, suffix))}`;
-
   const block9 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-
   const block10 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.isGroupItem ? block11(item, index, context, tags, suffix) : block12(item, index, context, tags, suffix)}`;
-
   const block11 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-groupheader ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li-groupheader>`;
-
   const block12 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} type="Active" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} group-name=${(0, _LitRenderer.ifDefined)(item.groupName)} ._tabIndex=${(0, _LitRenderer.ifDefined)(item.itemTabIndex)} .mappedItem=${(0, _LitRenderer.ifDefined)(item)} ?selected=${item.selected} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li type="Active" additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)} group-name=${(0, _LitRenderer.ifDefined)(item.groupName)} ._tabIndex=${(0, _LitRenderer.ifDefined)(item.itemTabIndex)} .mappedItem=${(0, _LitRenderer.ifDefined)(item)} ?selected=${item.selected} ?focused=${item.focused}>${(0, _LitRenderer.ifDefined)(item.text)}</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" horizontal-align="${(0, _LitRenderer.ifDefined)(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><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._valueStateMessageIcon)}"></${(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" horizontal-align="${(0, _LitRenderer.ifDefined)(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><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._valueStateMessageIcon)}"></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/ComboBoxTemplate.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-combobox-root ui5-input-focusable-element">${context.hasValueState ? block1(context, tags, suffix) : undefined}<input id="ui5-combobox-input" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @click=${context._click} @keydown="${context._keydown}" @keyup="${context._keyup}" @focusin="${context._focusin}" @focusout="${context._focusout}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(context.valueStateTextId)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" data-sap-focus-ref />${context.icon ? block2(context, tags, suffix) : undefined}${!context.readonly ? block3(context, tags, suffix) : undefined}</div>`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-combobox-root ui5-input-focusable-element">${context.hasValueState ? block1(context, tags, suffix) : undefined}<input id="ui5-combobox-input" .value="${(0, _LitRenderer.ifDefined)(context.value)}" inner-input placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @click=${context._click} @keydown="${context._keydown}" @keyup="${context._keyup}" @focusin="${context._focusin}" @focusout="${context._focusout}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="${(0, _LitRenderer.ifDefined)(context.valueStateTextId)}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-required="${(0, _LitRenderer.ifDefined)(context.required)}" data-sap-focus-ref />${context.icon ? block2(context, tags, suffix) : undefined}${!context.readonly ? block3(context, tags, suffix) : undefined}</div>`;
   const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(context._id)}-valueStateDesc" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.valueStateText)}</span>`;
-
   const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="icon"></slot>`;
-
   const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" accessible-name="${(0, _LitRenderer.ifDefined)(context._iconAccessibleNameText)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" accessible-name="${(0, _LitRenderer.ifDefined)(context._iconAccessibleNameText)}"></ui5-icon>`;
-
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/CustomListItemTemplate.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)`<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"><slot></slot></div>${context.typeDetail ? block5(context, tags, suffix) : undefined}${context.placeSelectionElementAfter ? block6(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"><slot></slot></div>${context.typeDetail ? block5(context, tags, suffix) : undefined}${context.placeSelectionElementAfter ? block6(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)`<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 block6 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.modeSingleSelect ? block7(context, tags, suffix) : undefined}${context.modeMultiSelect ? block8(context, tags, suffix) : undefined}${context.renderDeleteButton ? block9(context, tags, suffix) : undefined}`;
-
   const block7 = (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 block8 = (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 block9 = (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;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/DatePickerPopoverTemplate.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) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context.onResponsivePopoverAfterClose)}">${context.showHeader ? block1(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(context.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(context._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(context._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(context.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(context.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(context.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(context._calendarCurrentPicker)}">${(0, _LitRenderer.repeat)(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)}>${context.showFooter ? block3(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}> ` : (0, _LitRenderer.html)`<ui5-responsive-popover id="${(0, _LitRenderer.ifDefined)(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context.onResponsivePopoverAfterClose)}">${context.showHeader ? block1(context, tags, suffix) : undefined}<ui5-calendar id="${(0, _LitRenderer.ifDefined)(context._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(context.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(context._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(context._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(context.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(context.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(context.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(context._calendarCurrentPicker)}">${(0, _LitRenderer.repeat)(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</ui5-calendar>${context.showFooter ? block3(context, tags, suffix) : undefined}</ui5-responsive-popover> `;
 
+  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context.onResponsivePopoverAfterClose)}">${context.showHeader ? block1(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(context.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(context._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(context._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(context.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(context.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(context.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(context._calendarCurrentPicker)}">${(0, _LitRenderer.repeat)(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)}>${context.showFooter ? block3(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}> ` : (0, _LitRenderer.html)`<ui5-responsive-popover id="${(0, _LitRenderer.ifDefined)(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context.onResponsivePopoverAfterClose)}">${context.showHeader ? block1(context, tags, suffix) : undefined}<ui5-calendar id="${(0, _LitRenderer.ifDefined)(context._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(context.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(context._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(context._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(context.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(context.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(context.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(context._calendarCurrentPicker)}">${(0, _LitRenderer.repeat)(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</ui5-calendar>${context.showFooter ? block3(context, tags, suffix) : undefined}</ui5-responsive-popover> `;
   const block1 = (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.closePicker}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></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.closePicker}"></ui5-button></div></div>`;
-
   const block2 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-date", tags, suffix)} value="${(0, _LitRenderer.ifDefined)(item)}"></${(0, _LitRenderer.scopeTag)("ui5-date", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-date value="${(0, _LitRenderer.ifDefined)(item)}"></ui5-date>`;
-
   const block3 = (context, tags, suffix) => (0, _LitRenderer.html)``;
-
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/DatePickerTemplate.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-date-picker-root" style="${(0, _LitRenderer.styleMap)(context.styles.main)}"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" class="ui5-date-picker-input" placeholder="${(0, _LitRenderer.ifDefined)(context._placeholder)}" type="${(0, _LitRenderer.ifDefined)(context.type)}" value="${(0, _LitRenderer.ifDefined)(context.value)}" ?disabled="${context.disabled}" ?required="${context.required}" ?readonly="${context.readonly}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" data-sap-focus-ref ._inputAccInfo ="${(0, _LitRenderer.ifDefined)(context.accInfo)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._onInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._onInputInput)}" @ui5-submit="${(0, _LitRenderer.ifDefined)(context._onInputSubmit)}" @keydown="${context._onkeydown}">${context.valueStateMessage.length ? block1(context, tags, suffix) : undefined}${!context.readonly ? block2(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><slot name="formSupport"></slot></div>` : (0, _LitRenderer.html)`<div class="ui5-date-picker-root" style="${(0, _LitRenderer.styleMap)(context.styles.main)}"><ui5-input id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" class="ui5-date-picker-input" placeholder="${(0, _LitRenderer.ifDefined)(context._placeholder)}" type="${(0, _LitRenderer.ifDefined)(context.type)}" value="${(0, _LitRenderer.ifDefined)(context.value)}" ?disabled="${context.disabled}" ?required="${context.required}" ?readonly="${context.readonly}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" data-sap-focus-ref ._inputAccInfo ="${(0, _LitRenderer.ifDefined)(context.accInfo)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._onInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._onInputInput)}" @ui5-submit="${(0, _LitRenderer.ifDefined)(context._onInputSubmit)}" @keydown="${context._onkeydown}">${context.valueStateMessage.length ? block1(context, tags, suffix) : undefined}${!context.readonly ? block2(context, tags, suffix) : undefined}</ui5-input><slot name="formSupport"></slot></div>`;
 
+  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-date-picker-root" style="${(0, _LitRenderer.styleMap)(context.styles.main)}"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" class="ui5-date-picker-input" placeholder="${(0, _LitRenderer.ifDefined)(context._placeholder)}" type="${(0, _LitRenderer.ifDefined)(context.type)}" value="${(0, _LitRenderer.ifDefined)(context.value)}" ?disabled="${context.disabled}" ?required="${context.required}" ?readonly="${context.readonly}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" data-sap-focus-ref ._inputAccInfo ="${(0, _LitRenderer.ifDefined)(context.accInfo)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._onInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._onInputInput)}" @ui5-submit="${(0, _LitRenderer.ifDefined)(context._onInputSubmit)}" @keydown="${context._onkeydown}">${context.valueStateMessage.length ? block1(context, tags, suffix) : undefined}${!context.readonly ? block2(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><slot name="formSupport"></slot></div>` : (0, _LitRenderer.html)`<div class="ui5-date-picker-root" style="${(0, _LitRenderer.styleMap)(context.styles.main)}"><ui5-input id="${(0, _LitRenderer.ifDefined)(context._id)}-inner" class="ui5-date-picker-input" placeholder="${(0, _LitRenderer.ifDefined)(context._placeholder)}" type="${(0, _LitRenderer.ifDefined)(context.type)}" value="${(0, _LitRenderer.ifDefined)(context.value)}" ?disabled="${context.disabled}" ?required="${context.required}" ?readonly="${context.readonly}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" data-sap-focus-ref ._inputAccInfo ="${(0, _LitRenderer.ifDefined)(context.accInfo)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context._onInputChange)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._onInputInput)}" @ui5-submit="${(0, _LitRenderer.ifDefined)(context._onInputSubmit)}" @keydown="${context._onkeydown}">${context.valueStateMessage.length ? block1(context, tags, suffix) : undefined}${!context.readonly ? block2(context, tags, suffix) : undefined}</ui5-input><slot name="formSupport"></slot></div>`;
   const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="valueStateMessage" slot="valueStateMessage"></slot>`;
-
   const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} slot="icon" name="${(0, _LitRenderer.ifDefined)(context.openIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(context.openIconTitle)}" show-tooltip @click="${context.togglePicker}" input-icon ?pressed="${context._isPickerOpen}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon slot="icon" name="${(0, _LitRenderer.ifDefined)(context.openIconName)}" tabindex="-1" accessible-name="${(0, _LitRenderer.ifDefined)(context.openIconTitle)}" show-tooltip @click="${context.togglePicker}" input-icon ?pressed="${context._isPickerOpen}"></ui5-icon>`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,20 +5,14 @@ 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)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context.onResponsivePopoverAfterClose)}">${context.showHeader ? block1(context, tags, suffix) : undefined}<div class="ui5-dt-picker-content ${(0, _LitRenderer.classMap)(context.classes.picker)}"><${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)} class="ui5-dt-cal ${(0, _LitRenderer.classMap)(context.classes.dateTimeView)}" id="${(0, _LitRenderer.ifDefined)(context._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(context.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(context._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(context._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(context.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(context.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(context.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(context._calendarCurrentPicker)}">${(0, _LitRenderer.repeat)(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)}>${!context.phone ? block4(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-time-selection", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-time-sel" class="ui5-dt-time ${(0, _LitRenderer.classMap)(context.classes.dateTimeView)}" value="${(0, _LitRenderer.ifDefined)(context._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" ._currentSlider="${(0, _LitRenderer.ifDefined)(context._currentTimeSlider)}" ._calendarType="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context.onTimeSelectionChange)}" @ui5-slider-change="${(0, _LitRenderer.ifDefined)(context.onTimeSliderChange)}"></${(0, _LitRenderer.scopeTag)("ui5-time-selection", tags, suffix)}></div>${context.showFooter ? block5(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}> ` : (0, _LitRenderer.html)`<ui5-responsive-popover id="${(0, _LitRenderer.ifDefined)(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context.onResponsivePopoverAfterClose)}">${context.showHeader ? block1(context, tags, suffix) : undefined}<div class="ui5-dt-picker-content ${(0, _LitRenderer.classMap)(context.classes.picker)}"><ui5-calendar class="ui5-dt-cal ${(0, _LitRenderer.classMap)(context.classes.dateTimeView)}" id="${(0, _LitRenderer.ifDefined)(context._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(context.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(context._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(context._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(context.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(context.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(context.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(context._calendarCurrentPicker)}">${(0, _LitRenderer.repeat)(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</ui5-calendar>${!context.phone ? block4(context, tags, suffix) : undefined}<ui5-time-selection id="${(0, _LitRenderer.ifDefined)(context._id)}-time-sel" class="ui5-dt-time ${(0, _LitRenderer.classMap)(context.classes.dateTimeView)}" value="${(0, _LitRenderer.ifDefined)(context._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" ._currentSlider="${(0, _LitRenderer.ifDefined)(context._currentTimeSlider)}" ._calendarType="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context.onTimeSelectionChange)}" @ui5-slider-change="${(0, _LitRenderer.ifDefined)(context.onTimeSliderChange)}"></ui5-time-selection></div>${context.showFooter ? block5(context, tags, suffix) : undefined}</ui5-responsive-popover> `;
 
+  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context.onResponsivePopoverAfterClose)}">${context.showHeader ? block1(context, tags, suffix) : undefined}<div class="ui5-dt-picker-content ${(0, _LitRenderer.classMap)(context.classes.picker)}"><${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)} class="ui5-dt-cal ${(0, _LitRenderer.classMap)(context.classes.dateTimeView)}" id="${(0, _LitRenderer.ifDefined)(context._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(context.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(context._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(context._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(context.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(context.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(context.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(context._calendarCurrentPicker)}">${(0, _LitRenderer.repeat)(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)}>${!context.phone ? block4(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-time-selection", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(context._id)}-time-sel" class="ui5-dt-time ${(0, _LitRenderer.classMap)(context.classes.dateTimeView)}" value="${(0, _LitRenderer.ifDefined)(context._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" ._currentSlider="${(0, _LitRenderer.ifDefined)(context._currentTimeSlider)}" ._calendarType="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context.onTimeSelectionChange)}" @ui5-slider-change="${(0, _LitRenderer.ifDefined)(context.onTimeSliderChange)}"></${(0, _LitRenderer.scopeTag)("ui5-time-selection", tags, suffix)}></div>${context.showFooter ? block5(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}> ` : (0, _LitRenderer.html)`<ui5-responsive-popover id="${(0, _LitRenderer.ifDefined)(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(context.onResponsivePopoverAfterClose)}">${context.showHeader ? block1(context, tags, suffix) : undefined}<div class="ui5-dt-picker-content ${(0, _LitRenderer.classMap)(context.classes.picker)}"><ui5-calendar class="ui5-dt-cal ${(0, _LitRenderer.classMap)(context.classes.dateTimeView)}" id="${(0, _LitRenderer.ifDefined)(context._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(context.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(context._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(context._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(context.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(context.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(context.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(context._calendarCurrentPicker)}">${(0, _LitRenderer.repeat)(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}</ui5-calendar>${!context.phone ? block4(context, tags, suffix) : undefined}<ui5-time-selection id="${(0, _LitRenderer.ifDefined)(context._id)}-time-sel" class="ui5-dt-time ${(0, _LitRenderer.classMap)(context.classes.dateTimeView)}" value="${(0, _LitRenderer.ifDefined)(context._timeSelectionValue)}" format-pattern="${(0, _LitRenderer.ifDefined)(context._formatPattern)}" ._currentSlider="${(0, _LitRenderer.ifDefined)(context._currentTimeSlider)}" ._calendarType="${(0, _LitRenderer.ifDefined)(context._primaryCalendarType)}" @ui5-change="${(0, _LitRenderer.ifDefined)(context.onTimeSelectionChange)}" @ui5-slider-change="${(0, _LitRenderer.ifDefined)(context.onTimeSliderChange)}"></ui5-time-selection></div>${context.showFooter ? block5(context, tags, suffix) : undefined}</ui5-responsive-popover> `;
   const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.phone ? block2(context, tags, suffix) : undefined}`;
-
   const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-dt-picker-header"><${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)} class="ui5-dt-picker-toggle-button"><${(0, _LitRenderer.scopeTag)("ui5-toggle-button", tags, suffix)} key="Date" ?pressed="${context.showDateView}" @click="${context._dateTimeSwitchChange}">${(0, _LitRenderer.ifDefined)(context.btnDateLabel)}</${(0, _LitRenderer.scopeTag)("ui5-toggle-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-toggle-button", tags, suffix)} key="Time" ?pressed="${context.showTimeView}" @click="${context._dateTimeSwitchChange}">${(0, _LitRenderer.ifDefined)(context.btnTimeLabel)}</${(0, _LitRenderer.scopeTag)("ui5-toggle-button", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-dt-picker-header"><ui5-segmented-button class="ui5-dt-picker-toggle-button"><ui5-toggle-button key="Date" ?pressed="${context.showDateView}" @click="${context._dateTimeSwitchChange}">${(0, _LitRenderer.ifDefined)(context.btnDateLabel)}</ui5-toggle-button><ui5-toggle-button key="Time" ?pressed="${context.showTimeView}" @click="${context._dateTimeSwitchChange}">${(0, _LitRenderer.ifDefined)(context.btnTimeLabel)}</ui5-toggle-button></ui5-segmented-button></div>`;
-
   const block3 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-date", tags, suffix)} value="${(0, _LitRenderer.ifDefined)(item)}"></${(0, _LitRenderer.scopeTag)("ui5-date", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-date value="${(0, _LitRenderer.ifDefined)(item)}"></ui5-date>`;
-
   const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-dt-picker-separator"></span>`;
-
   const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="footer" class="ui5-dt-picker-footer ${(0, _LitRenderer.classMap)(context.classes.footer)}"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="ok" class="ui5-dt-picker-action" design="Emphasized" ?disabled="${context._submitDisabled}" @click="${context._submitClick}">${(0, _LitRenderer.ifDefined)(context.btnOKLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="cancel" class="ui5-dt-picker-action" design="Transparent" @click="${context._cancelClick}">${(0, _LitRenderer.ifDefined)(context.btnCancelLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div slot="footer" class="ui5-dt-picker-footer ${(0, _LitRenderer.classMap)(context.classes.footer)}"><ui5-button id="ok" class="ui5-dt-picker-action" design="Emphasized" ?disabled="${context._submitDisabled}" @click="${context._submitClick}">${(0, _LitRenderer.ifDefined)(context.btnOKLabel)}</ui5-button><ui5-button id="cancel" class="ui5-dt-picker-action" design="Transparent" @click="${context._cancelClick}">${(0, _LitRenderer.ifDefined)(context.btnCancelLabel)}</ui5-button></div>`;
-
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/DayPickerTemplate.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-dp-root" style="${(0, _LitRenderer.styleMap)(context.styles.wrapper)}" @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._onclick} @mouseover=${context._onmouseover} @focusin=${context._onfocusin} @focusout=${context._onfocusout}><div id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-dp-content" role="grid" aria-roledescription="${(0, _LitRenderer.ifDefined)(context.ariaRoledescription)}"><div role="row" class="ui5-dp-days-names-container">${(0, _LitRenderer.repeat)(context._dayNames, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div>${(0, _LitRenderer.repeat)(context._weeks, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div></div>`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-dp-root" style="${(0, _LitRenderer.styleMap)(context.styles.wrapper)}" @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._onclick} @mouseover=${context._onmouseover} @focusin=${context._onfocusin} @focusout=${context._onfocusout}><div id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-dp-content" role="grid" aria-roledescription="${(0, _LitRenderer.ifDefined)(context.ariaRoledescription)}"><div role="row" class="ui5-dp-days-names-container">${(0, _LitRenderer.repeat)(context._dayNames, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div>${(0, _LitRenderer.repeat)(context._weeks, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div></div>`;
   const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div role="columnheader" aria-label="${(0, _LitRenderer.ifDefined)(item.name)}" class="${(0, _LitRenderer.ifDefined)(item.classes)}">${(0, _LitRenderer.ifDefined)(item.ultraShortName)}</div>`;
-
   const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.length ? block3(item, index, context, tags, suffix) : block9(item, index, context, tags, suffix)}`;
-
   const block3 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-dp-weeks-row" role="row">${(0, _LitRenderer.repeat)(item, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))}</div>`;
-
   const block4 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.timestamp ? block5(item, index, context, tags, suffix) : block7(item, index, context, tags, suffix)}`;
-
   const block5 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div tabindex="${(0, _LitRenderer.ifDefined)(item._tabIndex)}" ?data-sap-focus-ref="${item.focusRef}" data-sap-timestamp="${(0, _LitRenderer.ifDefined)(item.timestamp)}" role="gridcell" aria-selected="${(0, _LitRenderer.ifDefined)(item.ariaSelected)}" aria-label="${(0, _LitRenderer.ifDefined)(item.ariaLabel)}" aria-disabled="${(0, _LitRenderer.ifDefined)(item.ariaDisabled)}" class="${(0, _LitRenderer.ifDefined)(item.classes)}"><span class="ui5-dp-daytext" data-sap-timestamp="${(0, _LitRenderer.ifDefined)(item.timestamp)}">${(0, _LitRenderer.ifDefined)(item.day)}</span>${item._isSecondaryCalendarType ? block6(item, index, context, tags, suffix) : undefined}</div>`;
-
   const block6 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-dp-daytext ui5-dp-daysectext">${(0, _LitRenderer.ifDefined)(item.secondDay)}</span>`;
-
   const block7 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${!item.isHidden ? block8(item, index, context, tags, suffix) : undefined}`;
-
   const block8 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-dp-weekname-container" role="rowheader" aria-label="Calendar Week ${(0, _LitRenderer.ifDefined)(item.weekNum)}"><span class="ui5-dp-weekname">${(0, _LitRenderer.ifDefined)(item.weekNum)}</span></div>`;
-
   const block9 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div class="sapWCEmptyWeek"></div>`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,20 +5,14 @@ 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>${context._displayHeader ? block1(context, tags, suffix) : undefined}<div style="${(0, _LitRenderer.styleMap)(context.styles.content)}" class="${(0, _LitRenderer.classMap)(context.classes.content)}"  @scroll="${context._scroll}" part="content"><slot></slot></div>${context.footer.length ? block4(context, tags, suffix) : undefined}${context._showResizeHandle ? block5(context, tags, suffix) : undefined}<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>${context._displayHeader ? block1(context, tags, suffix) : undefined}<div style="${(0, _LitRenderer.styleMap)(context.styles.content)}" class="${(0, _LitRenderer.classMap)(context.classes.content)}"  @scroll="${context._scroll}" part="content"><slot></slot></div>${context.footer.length ? block4(context, tags, suffix) : undefined}${context._showResizeHandle ? block5(context, tags, suffix) : undefined}<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section> `;
   const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<header class="ui5-popup-header-root" id="ui5-popup-header" tabindex="${(0, _LitRenderer.ifDefined)(context._headerTabIndex)}" @keydown="${context._onDragOrResizeKeyDown}" @mousedown="${context._onDragMouseDown}" part="header">${context.header.length ? block2(context, tags, suffix) : block3(context, tags, suffix)}</header>`;
-
   const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="header"></slot>`;
-
   const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<h2 id="ui5-popup-header-text" class="ui5-popup-header-text">${(0, _LitRenderer.ifDefined)(context.headerText)}</h2>`;
-
   const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
-
   const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="resize-corner" class="ui5-popup-resize-handle" @mousedown="${context._onResizeMouseDown}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="resize-corner" class="ui5-popup-resize-handle" @mousedown="${context._onResizeMouseDown}"></ui5-icon>`;
-
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -5,18 +5,13 @@ 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)`<${(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)}">${context._valueStateMessageInputIcon ? block1(context, tags, suffix) : undefined}${context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(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)}">${context._valueStateMessageInputIcon ? block1(context, tags, suffix) : undefined}${context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div></ui5-popover>`;
 
+  const block0 = (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)}">${context._valueStateMessageInputIcon ? block1(context, tags, suffix) : undefined}${context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(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)}">${context._valueStateMessageInputIcon ? block1(context, tags, suffix) : undefined}${context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div></ui5-popover>`;
   const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(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)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></ui5-icon>`;
-
   const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-
   const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix))}`;
-
   const block4 = (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/FileUploaderTemplate.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-file-uploader-root" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}"><div class="ui5-file-uploader-mask">${!context.hideInput ? block1(context, tags, suffix) : undefined}<slot></slot></div>${context._keepInputInShadowDOM ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div>`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-file-uploader-root" @mouseover="${context._onmouseover}" @mouseout="${context._onmouseout}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}"><div class="ui5-file-uploader-mask">${!context.hideInput ? block1(context, tags, suffix) : undefined}<slot></slot></div>${context._keepInputInShadowDOM ? block2(context, tags, suffix) : block3(context, tags, suffix)}</div>`;
   const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} value="${(0, _LitRenderer.ifDefined)(context.value)}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" ?disabled="${context.disabled}" tabindex="-1" class="ui5-file-uploader-input"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-input value="${(0, _LitRenderer.ifDefined)(context.value)}" value-state="${(0, _LitRenderer.ifDefined)(context.valueState)}" placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" ?disabled="${context.disabled}" tabindex="-1" class="ui5-file-uploader-input"></ui5-input>`;
-
   const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<input type="file" title="${(0, _LitRenderer.ifDefined)(context.titleText)}" accept="${(0, _LitRenderer.ifDefined)(context.accept)}" ?multiple="${context.multiple}" ?disabled="${context.disabled}" @change="${context._onChange}" aria-hidden="true" tabindex="-1">`;
-
   const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="formSupport"></slot>`;
-
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/GroupHeaderListItemTemplate.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)`<li part="native-li" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" class="ui5-ghli-root ${(0, _LitRenderer.classMap)(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(context.groupHeaderText)}" role="group"><div id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-li-content"><span class="ui5-ghli-title"><slot></slot></span></div></li>`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<li part="native-li" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" class="ui5-ghli-root ${(0, _LitRenderer.classMap)(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(context.groupHeaderText)}" role="group"><div id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-li-content"><span class="ui5-ghli-title"><slot></slot></span></div></li>`;
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/IconTemplate.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) => (0, _LitRenderer.html)`<svg class="ui5-icon-root" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" dir="${(0, _LitRenderer.ifDefined)(context._dir)}" viewBox="0 0 512 512" role="${(0, _LitRenderer.ifDefined)(context.effectiveAccessibleRole)}" focusable="false" preserveAspectRatio="xMidYMid meet" aria-label="${(0, _LitRenderer.ifDefined)(context.effectiveAccessibleName)}" aria-hidden=${(0, _LitRenderer.ifDefined)(context.effectiveAriaHidden)} xmlns="http://www.w3.org/2000/svg" @focusin=${context._onfocusin} @focusout=${context._onfocusout} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._onclick}>${blockSVG1(context, tags, suffix)}</svg>`;
 
+  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<svg class="ui5-icon-root" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" dir="${(0, _LitRenderer.ifDefined)(context._dir)}" viewBox="0 0 512 512" role="${(0, _LitRenderer.ifDefined)(context.effectiveAccessibleRole)}" focusable="false" preserveAspectRatio="xMidYMid meet" aria-label="${(0, _LitRenderer.ifDefined)(context.effectiveAccessibleName)}" aria-hidden=${(0, _LitRenderer.ifDefined)(context.effectiveAriaHidden)} xmlns="http://www.w3.org/2000/svg" @focusin=${context._onfocusin} @focusout=${context._onfocusout} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._onclick}>${blockSVG1(context, tags, suffix)}</svg>`;
   const block1 = (context, tags, suffix) => (0, _LitRenderer.svg)`<title id="${(0, _LitRenderer.ifDefined)(context._id)}-tooltip">${(0, _LitRenderer.ifDefined)(context.effectiveAccessibleName)}</title>`;
-
   const blockSVG1 = (context, tags, suffix) => (0, _LitRenderer.svg)`${context.hasIconTooltip ? block1(context, tags, suffix) : undefined}<g role="presentation"><path d="${(0, _LitRenderer.ifDefined)(context.pathData)}"/></g>`;
-
   var _default = block0;
   _exports.default = _default;
 });