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

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

@@ -7,10 +7,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(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)``;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(this._shouldHideHeader)} @keydown="${this._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onResponsivePopoverAfterClose)}">${this.showHeader ? block1.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(this._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(this.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(this._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(this._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(this._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(this.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(this.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(this.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(this.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(this.onHeaderShowYearPress)}" ?hide-week-numbers="${this.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(this._calendarCurrentPicker)}" ._pickersMode="${(0, _LitRenderer.ifDefined)(this._calendarPickersMode)}">${(0, _LitRenderer.repeat)(this._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-calendar", tags, suffix)}>${this.showFooter ? block3.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}> ` : (0, _LitRenderer.html)`<ui5-responsive-popover id="${(0, _LitRenderer.ifDefined)(this._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" hide-arrow ?_hide-header=${(0, _LitRenderer.ifDefined)(this._shouldHideHeader)} @keydown="${this._onkeydown}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onResponsivePopoverAfterClose)}">${this.showHeader ? block1.call(this, context, tags, suffix) : undefined}<ui5-calendar id="${(0, _LitRenderer.ifDefined)(this._id)}-calendar" primary-calendar-type="${(0, _LitRenderer.ifDefined)(this._primaryCalendarType)}" secondary-calendar-type="${(0, _LitRenderer.ifDefined)(this.secondaryCalendarType)}" format-pattern="${(0, _LitRenderer.ifDefined)(this._formatPattern)}" timestamp="${(0, _LitRenderer.ifDefined)(this._calendarTimestamp)}" .selectionMode="${(0, _LitRenderer.ifDefined)(this._calendarSelectionMode)}" .minDate="${(0, _LitRenderer.ifDefined)(this.minDate)}" .maxDate="${(0, _LitRenderer.ifDefined)(this.maxDate)}" @ui5-selected-dates-change="${(0, _LitRenderer.ifDefined)(this.onSelectedDatesChange)}" @ui5-show-month-press="${(0, _LitRenderer.ifDefined)(this.onHeaderShowMonthPress)}" @ui5-show-year-press="${(0, _LitRenderer.ifDefined)(this.onHeaderShowYearPress)}" ?hide-week-numbers="${this.hideWeekNumbers}" ._currentPicker="${(0, _LitRenderer.ifDefined)(this._calendarCurrentPicker)}" ._pickersMode="${(0, _LitRenderer.ifDefined)(this._calendarPickersMode)}">${(0, _LitRenderer.repeat)(this._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</ui5-calendar>${this.showFooter ? block3.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover> `;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(this._headerTitleText)}</span><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this.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)(this._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this.closePicker}"></ui5-button></div></div>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return 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>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)``;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

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

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

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

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

@@ -7,16 +7,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-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>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-dp-root" style="${(0, _LitRenderer.styleMap)(this.styles.wrapper)}" @keydown=${this._onkeydown} @keyup=${this._onkeyup} @click=${this._onclick} @mouseover=${this._onmouseover} @focusin=${this._onfocusin} @focusout=${this._onfocusout}><div id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-dp-content" role="grid" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.ariaRoledescription)}"><div role="row" class="ui5-dp-days-names-container">${(0, _LitRenderer.repeat)(this._dayNames, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>${(0, _LitRenderer.repeat)(this._weeks, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div></div>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (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>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.length ? block3.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div class="ui5-dp-weeks-row" role="row">${(0, _LitRenderer.repeat)(item, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}</div>`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.timestamp ? block5.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (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.call(this, context, tags, suffix, item, index) : undefined}</div>`;
+  }
+  function block6(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span class="ui5-dp-daytext ui5-dp-daysectext">${(0, _LitRenderer.ifDefined)(item.secondDay)}</span>`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${!item.isHidden ? block8.call(this, context, tags, suffix, item, index) : undefined}`;
+  }
+  function block8(context, tags, suffix, item, index) {
+    return (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>`;
+  }
+  function block9(context, tags, suffix, item, index) {
+    return (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

@@ -7,12 +7,42 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<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>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<section style="${(0, _LitRenderer.styleMap)(this.styles.root)}" class="${(0, _LitRenderer.classMap)(this.classes.root)}" role="${(0, _LitRenderer.ifDefined)(this._role)}" aria-modal="${(0, _LitRenderer.ifDefined)(this._ariaModal)}" aria-label="${(0, _LitRenderer.ifDefined)(this._ariaLabel)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._ariaLabelledBy)}" @keydown=${this._onkeydown} @focusout=${this._onfocusout} @mouseup=${this._onmouseup} @mousedown=${this._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${this.forwardToLast}></span>${this._displayHeader ? block1.call(this, context, tags, suffix) : undefined}<div style="${(0, _LitRenderer.styleMap)(this.styles.content)}" class="${(0, _LitRenderer.classMap)(this.classes.content)}"  @scroll="${this._scroll}" part="content"><slot></slot></div>${this.footer.length ? block10.call(this, context, tags, suffix) : undefined}${this._showResizeHandle ? block11.call(this, context, tags, suffix) : undefined}<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${this.forwardToFirst}></span></section> `;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<header><div class="ui5-popup-header-root" id="ui5-popup-header" role="group" aria-describedby=${(0, _LitRenderer.ifDefined)(this.effectiveAriaDescribedBy)} aria-roledescription=${(0, _LitRenderer.ifDefined)(this.ariaRoleDescriptionHeaderText)} tabindex="${(0, _LitRenderer.ifDefined)(this._headerTabIndex)}" @keydown="${this._onDragOrResizeKeyDown}" @mousedown="${this._onDragMouseDown}" part="header" state="${(0, _LitRenderer.ifDefined)(this.state)}">${this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}${this.header.length ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}${this.resizable ? block5.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}</div></header>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-dialog-value-state-icon" name="${(0, _LitRenderer.ifDefined)(this._dialogStateIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-dialog-value-state-icon" name="${(0, _LitRenderer.ifDefined)(this._dialogStateIcon)}"></ui5-icon>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="header"></slot>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<h1 id="ui5-popup-header-text" class="ui5-popup-header-text">${(0, _LitRenderer.ifDefined)(this.headerText)}</h1>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.draggable ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-descr" aria-hidden="true" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.ariaDescribedByHeaderTextDraggableAndResizable)}</span>`;
+  }
+  function block7(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-descr" aria-hidden="true" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.ariaDescribedByHeaderTextResizable)}</span>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.draggable ? block9.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span id="${(0, _LitRenderer.ifDefined)(this._id)}-descr" aria-hidden="true" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.ariaDescribedByHeaderTextDraggable)}</span>`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
+  }
+  function block11(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="resize-corner" class="ui5-popup-resize-handle" @mousedown="${this._onResizeMouseDown}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="resize-corner" class="ui5-popup-resize-handle" @mousedown="${this._onResizeMouseDown}"></ui5-icon>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,11 +7,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(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)}`;
+  function block0(context, tags, suffix) {
+    return 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)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}">${this._valueStateMessageInputIcon ? block1.call(this, context, tags, suffix) : undefined}${this.shouldDisplayDefaultValueStateMessage ? block2.call(this, context, tags, suffix) : block3.call(this, 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)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}">${this._valueStateMessageInputIcon ? block1.call(this, context, tags, suffix) : undefined}${this.shouldDisplayDefaultValueStateMessage ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div></ui5-popover>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block4(context, tags, suffix, item, index) {
+    return (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

@@ -7,10 +7,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div 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>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-file-uploader-root" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click="${this._onclick}"><div class="ui5-file-uploader-mask">${!this.hideInput ? block1.call(this, context, tags, suffix) : undefined}<slot></slot></div>${this._keepInputInShadowDOM ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} value="${(0, _LitRenderer.ifDefined)(this.value)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" ?disabled="${this.disabled}" tabindex="-1" class="ui5-file-uploader-input"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-input value="${(0, _LitRenderer.ifDefined)(this.value)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" ?disabled="${this.disabled}" tabindex="-1" class="ui5-file-uploader-input"></ui5-input>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<input type="file" title="${(0, _LitRenderer.ifDefined)(this.titleText)}" accept="${(0, _LitRenderer.ifDefined)(this.accept)}" ?multiple="${this.multiple}" ?disabled="${this.disabled}" @change="${this._onChange}" aria-hidden="true" tabindex="-1">`;
+  }
+  function block3(context, tags, suffix) {
+    return (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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<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>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul part="native-li" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" class="ui5-ghli-root ${(0, _LitRenderer.classMap)(this.classes.main)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keydown="${this._onkeydown}" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.groupHeaderText)}" role="group"><div id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-li-content"><span class="ui5-ghli-title"><slot></slot></span></div></ul>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,9 +7,22 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<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>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<svg class="ui5-icon-root" part="root" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" dir="${(0, _LitRenderer.ifDefined)(this._dir)}" viewBox="${(0, _LitRenderer.ifDefined)(this.viewBox)}" role="${(0, _LitRenderer.ifDefined)(this.effectiveAccessibleRole)}" focusable="false" preserveAspectRatio="xMidYMid meet" aria-label="${(0, _LitRenderer.ifDefined)(this.effectiveAccessibleName)}" aria-hidden=${(0, _LitRenderer.ifDefined)(this.effectiveAriaHidden)} xmlns="http://www.w3.org/2000/svg" @focusin=${this._onfocusin} @focusout=${this._onfocusout} @keydown=${this._onkeydown} @keyup=${this._onkeyup}>${blockSVG1.call(this, context, tags, suffix)}</svg>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.svg)`<title id="${(0, _LitRenderer.ifDefined)(this._id)}-tooltip">${(0, _LitRenderer.ifDefined)(this.effectiveAccessibleName)}</title>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.svg)`${(0, _LitRenderer.ifDefined)(this.customSvg)}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.svg)`<path d="${(0, _LitRenderer.ifDefined)(item)}"></path>`;
+  }
+  function blockSVG1(context, tags, suffix) {
+    return (0, _LitRenderer.svg)`${this.hasIconTooltip ? block1.call(this, context, tags, suffix) : undefined}<g role="presentation">${this.customSvg ? block2.call(this, context, tags, suffix) : undefined}${(0, _LitRenderer.repeat)(this.pathData, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</g>`;
+  }
+  ;
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,27 +7,69 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.showSuggestions ? block1(context, tags, suffix) : undefined}${context.hasValueStateMessage ? block17(context, tags, suffix) : undefined} `;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} class="${(0, _LitRenderer.classMap)(context.classes.popover)}" hide-arrow _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-scroll="${(0, _LitRenderer.ifDefined)(context._scroll)}">${context._isPhone ? block2(context, tags, suffix) : undefined}${!context._isPhone ? block7(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="${(0, _LitRenderer.ifDefined)(context.suggestionSeparators)}" @mousedown="${context.onItemMouseDown}" mode="SingleSelect">${(0, _LitRenderer.repeat)(context.suggestionsTexts, (item, index) => item._id || index, (item, index) => block12(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${context._isPhone ? block16(context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover class="${(0, _LitRenderer.classMap)(context.classes.popover)}" hide-arrow _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-scroll="${(0, _LitRenderer.ifDefined)(context._scroll)}">${context._isPhone ? block2(context, tags, suffix) : undefined}${!context._isPhone ? block7(context, tags, suffix) : undefined}<ui5-list separators="${(0, _LitRenderer.ifDefined)(context.suggestionSeparators)}" @mousedown="${context.onItemMouseDown}" mode="SingleSelect">${(0, _LitRenderer.repeat)(context.suggestionsTexts, (item, index) => item._id || index, (item, index) => block12(item, index, context, tags, suffix))}</ui5-list>${context._isPhone ? block16(context, tags, suffix) : undefined}</ui5-responsive-popover>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(context._headerTitleText)}</span><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} class="ui5-input-inner-phone" type="${(0, _LitRenderer.ifDefined)(context.inputType)}" .value="${(0, _LitRenderer.ifDefined)(context.value)}" ?show-clear-icon=${context.showClearIcon} placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleInput)}" @change="${context._handleChange}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div></div>${context.hasValueStateMessage ? block3(context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(context._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone"><ui5-input class="ui5-input-inner-phone" type="${(0, _LitRenderer.ifDefined)(context.inputType)}" .value="${(0, _LitRenderer.ifDefined)(context.value)}" ?show-clear-icon=${context.showClearIcon} placeholder="${(0, _LitRenderer.ifDefined)(context.placeholder)}" @ui5-input="${(0, _LitRenderer.ifDefined)(context._handleInput)}" @change="${context._handleChange}"></ui5-input></div></div>${context.hasValueStateMessage ? block3(context, tags, suffix) : undefined}</div>`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" 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._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block4(context, tags, suffix) : block5(context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.suggestionPopoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block4(context, tags, suffix) : block5(context, tags, suffix)}</div>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix))}`;
-  const block6 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.hasValueStateMessage ? block8(context, tags, suffix) : undefined}`;
-  const block8 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="header" ?focused=${context._isValueStateFocused} class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" 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._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block9(context, tags, suffix) : block10(context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div slot="header" ?focused=${context._isValueStateFocused} class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(context.styles.suggestionPopoverHeader)}><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block9(context, tags, suffix) : block10(context, tags, suffix)}</div>`;
-  const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-  const block10 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix))}`;
-  const block11 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block12 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.groupItem ? block13(item, index, context, tags, suffix) : block14(item, index, context, tags, suffix)}`;
-  const block13 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)} data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-groupheader data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}</ui5-li-groupheader>`;
-  const block14 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-suggestion-item", tags, suffix)} image="${(0, _LitRenderer.ifDefined)(item.image)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" type="${(0, _LitRenderer.ifDefined)(item.type)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.additionalTextState)}" data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}${item.description ? block15(item, index, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-li-suggestion-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-suggestion-item image="${(0, _LitRenderer.ifDefined)(item.image)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" type="${(0, _LitRenderer.ifDefined)(item.type)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.additionalTextState)}" data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}${item.description ? block15(item, index, context, tags, suffix) : undefined}</ui5-li-suggestion-item>`;
-  const block15 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<span slot="richDescription">${(0, _LitRenderer.unsafeHTML)(item.description)}</span>`;
-  const block16 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">OK</ui5-button></div>`;
-  const block17 = (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="${(0, _LitRenderer.ifDefined)(context._valueStatePopoverHorizontalAlign)}"><div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${context.shouldDisplayDefaultValueStateMessage ? block18(context, tags, suffix) : block19(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="${(0, _LitRenderer.ifDefined)(context._valueStatePopoverHorizontalAlign)}"><div slot="header" class="${(0, _LitRenderer.classMap)(context.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(context.styles.popoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(context._valueStateMessageInputIcon)}"></ui5-icon>${context.shouldDisplayDefaultValueStateMessage ? block18(context, tags, suffix) : block19(context, tags, suffix)}</div></ui5-popover>`;
-  const block18 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.valueStateText)}`;
-  const block19 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block20(item, index, context, tags, suffix))}`;
-  const block20 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.showSuggestions ? block1.call(this, context, tags, suffix) : undefined}${this.hasValueStateMessage ? block17.call(this, context, tags, suffix) : undefined} `;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} class="${(0, _LitRenderer.classMap)(this.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(this.styles.suggestionsPopover)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._afterOpenPopover)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._afterClosePopover)}" @ui5-scroll="${(0, _LitRenderer.ifDefined)(this._scroll)}">${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="${(0, _LitRenderer.ifDefined)(this.suggestionSeparators)}" @mousedown="${this.onItemMouseDown}" mode="SingleSelect">${(0, _LitRenderer.repeat)(this.suggestionsTexts, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this._isPhone ? block16.call(this, context, tags, suffix) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover class="${(0, _LitRenderer.classMap)(this.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${(0, _LitRenderer.styleMap)(this.styles.suggestionsPopover)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this._afterOpenPopover)}" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this._afterClosePopover)}" @ui5-scroll="${(0, _LitRenderer.ifDefined)(this._scroll)}">${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<ui5-list separators="${(0, _LitRenderer.ifDefined)(this.suggestionSeparators)}" @mousedown="${this.onItemMouseDown}" mode="SingleSelect">${(0, _LitRenderer.repeat)(this.suggestionsTexts, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</ui5-list>${this._isPhone ? block16.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(this._headerTitleText)}</span><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._closeRespPopover}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone native-input-wrapper"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} class="ui5-input-inner-phone" type="${(0, _LitRenderer.ifDefined)(this.inputType)}" .value="${(0, _LitRenderer.ifDefined)(this.value)}" ?show-clear-icon=${this.showClearIcon} placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleChange)}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}></div></div>${this.hasValueStateMessage ? block3.call(this, context, tags, suffix) : undefined}</div>` : (0, _LitRenderer.html)`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${(0, _LitRenderer.ifDefined)(this._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone native-input-wrapper"><ui5-input class="ui5-input-inner-phone" type="${(0, _LitRenderer.ifDefined)(this.inputType)}" .value="${(0, _LitRenderer.ifDefined)(this.value)}" ?show-clear-icon=${this.showClearIcon} placeholder="${(0, _LitRenderer.ifDefined)(this.placeholder)}" @ui5-input="${(0, _LitRenderer.ifDefined)(this._handleInput)}" @ui5-change="${(0, _LitRenderer.ifDefined)(this._handleChange)}"></ui5-input></div></div>${this.hasValueStateMessage ? block3.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.suggestionPopoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.suggestionPopoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</div>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block6(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block7(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.hasValueStateMessage ? block8.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block8(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div slot="header" ?focused=${this._isValueStateFocused} class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(this.styles.suggestionPopoverHeader)}><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</div>` : (0, _LitRenderer.html)`<div slot="header" ?focused=${this._isValueStateFocused} class="ui5-responsive-popover-header ${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style=${(0, _LitRenderer.styleMap)(this.styles.suggestionPopoverHeader)}><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</div>`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block11(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block12(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.groupItem ? block13.call(this, context, tags, suffix, item, index) : block14.call(this, context, tags, suffix, item, index)}`;
+  }
+  function block13(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)} data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-groupheader data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}</ui5-li-groupheader>`;
+  }
+  function block14(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-suggestion-item", tags, suffix)} image="${(0, _LitRenderer.ifDefined)(item.image)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" type="${(0, _LitRenderer.ifDefined)(item.type)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.additionalTextState)}" data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}${item.description ? block15.call(this, context, tags, suffix, item, index) : undefined}</${(0, _LitRenderer.scopeTag)("ui5-li-suggestion-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-suggestion-item image="${(0, _LitRenderer.ifDefined)(item.image)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" additional-text="${(0, _LitRenderer.ifDefined)(item.additionalText)}" type="${(0, _LitRenderer.ifDefined)(item.type)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.additionalTextState)}" data-ui5-key="${(0, _LitRenderer.ifDefined)(item.key)}">${(0, _LitRenderer.unsafeHTML)(item.text)}${item.description ? block15.call(this, context, tags, suffix, item, index) : undefined}</ui5-li-suggestion-item>`;
+  }
+  function block15(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span slot="richDescription">${(0, _LitRenderer.unsafeHTML)(item.description)}</span>`;
+  }
+  function block16(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${this._closeRespPopover}">OK</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${this._closeRespPopover}">OK</ui5-button></div>`;
+  }
+  function block17(context, tags, suffix) {
+    return 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="${(0, _LitRenderer.ifDefined)(this._valueStatePopoverHorizontalAlign)}"><div slot="header" class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block18.call(this, context, tags, suffix) : block19.call(this, 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="${(0, _LitRenderer.ifDefined)(this._valueStatePopoverHorizontalAlign)}"><div slot="header" class="${(0, _LitRenderer.classMap)(this.classes.popoverValueState)}" style="${(0, _LitRenderer.styleMap)(this.styles.popoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${(0, _LitRenderer.ifDefined)(this._valueStateMessageInputIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block18.call(this, context, tags, suffix) : block19.call(this, context, tags, suffix)}</div></ui5-popover>`;
+  }
+  function block18(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.valueStateText)}`;
+  }
+  function block19(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block20.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block20(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
   var _default = block0;
   _exports.default = _default;
 });