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

package/src/sap/ui/webc/fiori/thirdparty/generated/templates/ViewSettingsDialogTemplate.lit.js

@@ -7,22 +7,54 @@ 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-dialog", tags, suffix)} aria-label="${(0, _LitRenderer.ifDefined)(context._dialogTitle)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(context._focusRecentlyUsedControl)} @ui5-before-close=${(0, _LitRenderer.ifDefined)(context._restoreConfirmedOnEscape)} ?stretch=${context._isPhone}><div slot="header" class="ui5-vsd-header"><div class="ui5-vsd-header-container"><div class="ui5-vsd-header-start">${context.showBackButton ? block1(context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} class="ui5-vsd-title" id="${(0, _LitRenderer.ifDefined)(context._id)}-label">${(0, _LitRenderer.ifDefined)(context._title)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}></div><div class="ui5-vsd-header-end"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._resetSettings}" ?disabled=${context._disableResetButton}>${(0, _LitRenderer.ifDefined)(context._resetButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></div>${!context.showBackButton ? block2(context, tags, suffix) : undefined}</div><div class="ui5-vsd-content" ?expand-content="${context.expandContent}">${context.shouldBuildSort ? block4(context, tags, suffix) : undefined}${context.shouldBuildFilter ? block8(context, tags, suffix) : undefined}</div><div slot="footer" class="ui5-vsd-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Emphasized" @click="${context._confirmSettings}">${(0, _LitRenderer.ifDefined)(context._okButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._cancelSettings}">${(0, _LitRenderer.ifDefined)(context._cancelButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-dialog aria-label="${(0, _LitRenderer.ifDefined)(context._dialogTitle)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(context._focusRecentlyUsedControl)} @ui5-before-close=${(0, _LitRenderer.ifDefined)(context._restoreConfirmedOnEscape)} ?stretch=${context._isPhone}><div slot="header" class="ui5-vsd-header"><div class="ui5-vsd-header-container"><div class="ui5-vsd-header-start">${context.showBackButton ? block1(context, tags, suffix) : undefined}<ui5-title class="ui5-vsd-title" id="${(0, _LitRenderer.ifDefined)(context._id)}-label">${(0, _LitRenderer.ifDefined)(context._title)}</ui5-title></div><div class="ui5-vsd-header-end"><ui5-button design="Transparent" @click="${context._resetSettings}" ?disabled=${context._disableResetButton}>${(0, _LitRenderer.ifDefined)(context._resetButtonLabel)}</ui5-button></div></div>${!context.showBackButton ? block2(context, tags, suffix) : undefined}</div><div class="ui5-vsd-content" ?expand-content="${context.expandContent}">${context.shouldBuildSort ? block4(context, tags, suffix) : undefined}${context.shouldBuildFilter ? block8(context, tags, suffix) : undefined}</div><div slot="footer" class="ui5-vsd-footer"><ui5-button design="Emphasized" @click="${context._confirmSettings}">${(0, _LitRenderer.ifDefined)(context._okButtonLabel)}</ui5-button><ui5-button design="Transparent" @click="${context._cancelSettings}">${(0, _LitRenderer.ifDefined)(context._cancelButtonLabel)}</ui5-button></div></ui5-dialog>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="nav-back" class="ui5-vsd-back-button" @click="${context._navigateToFilters}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button design="Transparent" icon="nav-back" class="ui5-vsd-back-button" @click="${context._navigateToFilters}"></ui5-button>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.hasPagination ? block3(context, tags, suffix) : undefined}`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-vsd-sub-header-container"><div class="ui5-vsd-sub-header"><${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)} @ui5-selection-change="${(0, _LitRenderer.ifDefined)(context._handleModeChange)}"><${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)} ?pressed="${context.isModeSort}" icon="sort" mode="Sort"></${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)} ?pressed="${context.isModeFilter}" icon="filter" mode="Filter"></${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)}></div></div>` : (0, _LitRenderer.html)`<div class="ui5-vsd-sub-header-container"><div class="ui5-vsd-sub-header"><ui5-segmented-button @ui5-selection-change="${(0, _LitRenderer.ifDefined)(context._handleModeChange)}"><ui5-segmented-button-item ?pressed="${context.isModeSort}" icon="sort" mode="Sort"></ui5-segmented-button-item><ui5-segmented-button-item ?pressed="${context.isModeFilter}" icon="filter" mode="Filter"></ui5-segmented-button-item></ui5-segmented-button></div></div>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.isModeSort ? block5(context, tags, suffix) : undefined}`;
-  const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-vsd-sort"><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelectBegin" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._onSortOrderChange)}" sort-order accessible-name-ref="${(0, _LitRenderer.ifDefined)(context._id)}-label"><${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.ifDefined)(context._sortOrderLabel)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.repeat)(context._currentSettings.sortOrder, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelectBegin" @ui5-item-click=${(0, _LitRenderer.ifDefined)(context._onSortByChange)} sort-by><${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.ifDefined)(context._sortByLabel)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.repeat)(context._currentSettings.sortBy, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-vsd-sort"><ui5-list mode="SingleSelectBegin" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._onSortOrderChange)}" sort-order accessible-name-ref="${(0, _LitRenderer.ifDefined)(context._id)}-label"><ui5-li-groupheader>${(0, _LitRenderer.ifDefined)(context._sortOrderLabel)}</ui5-li-groupheader>${(0, _LitRenderer.repeat)(context._currentSettings.sortOrder, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix))}</ui5-list><ui5-list mode="SingleSelectBegin" @ui5-item-click=${(0, _LitRenderer.ifDefined)(context._onSortByChange)} sort-by><ui5-li-groupheader>${(0, _LitRenderer.ifDefined)(context._sortByLabel)}</ui5-li-groupheader>${(0, _LitRenderer.repeat)(context._currentSettings.sortBy, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}</ui5-list></div>`;
-  const block6 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} ?selected="${item.selected}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li ?selected="${item.selected}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
-  const block7 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} data-ui5-external-action-item-index="${index}" ?selected="${item.selected}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li data-ui5-external-action-item-index="${index}" ?selected="${item.selected}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.isModeFilter ? block9(context, tags, suffix) : undefined}`;
-  const block9 = (context, tags, suffix) => (0, _LitRenderer.html)`${context._filterStepTwo ? block10(context, tags, suffix) : block14(context, tags, suffix)}`;
-  const block10 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} accessible-name-ref="${(0, _LitRenderer.ifDefined)(context._id)}-label" mode="MultiSelect" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._handleFilterValueItemClick)}">${(0, _LitRenderer.repeat)(context._currentSettings.filters, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-list accessible-name-ref="${(0, _LitRenderer.ifDefined)(context._id)}-label" mode="MultiSelect" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._handleFilterValueItemClick)}">${(0, _LitRenderer.repeat)(context._currentSettings.filters, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix))}</ui5-list>`;
-  const block11 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${item.selected ? block12(item, index, context, tags, suffix) : undefined}`;
-  const block12 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(item.filterOptions, (item, index) => item._id || index, (item, index) => block13(item, index, context, tags, suffix))}`;
-  const block13 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} ?selected=${item.selected}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li ?selected=${item.selected}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
-  const block14 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._changeCurrentFilter)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(context._id)}-label"><${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.ifDefined)(context._filterByLabel)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.repeat)(context.filterItems, (item, index) => item._id || index, (item, index) => block15(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-list @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._changeCurrentFilter)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(context._id)}-label"><ui5-li-groupheader>${(0, _LitRenderer.ifDefined)(context._filterByLabel)}</ui5-li-groupheader>${(0, _LitRenderer.repeat)(context.filterItems, (item, index) => item._id || index, (item, index) => block15(item, index, context, tags, suffix))}</ui5-list>`;
-  const block15 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} class="ui5-vsd-filterItemList" ?selected=${item.selected} additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li class="ui5-vsd-filterItemList" ?selected=${item.selected} additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)} aria-label="${(0, _LitRenderer.ifDefined)(this._dialogTitle)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(this._focusRecentlyUsedControl)} @ui5-before-close=${(0, _LitRenderer.ifDefined)(this._restoreConfirmedOnEscape)} ?stretch=${this._isPhone}><div slot="header" class="ui5-vsd-header"><div class="ui5-vsd-header-container"><div class="ui5-vsd-header-start">${this.showBackButton ? block1.call(this, context, tags, suffix) : undefined}<${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} class="ui5-vsd-title" id="${(0, _LitRenderer.ifDefined)(this._id)}-label">${(0, _LitRenderer.ifDefined)(this._title)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}></div><div class="ui5-vsd-header-end"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${this._resetSettings}" ?disabled=${this._disableResetButton}>${(0, _LitRenderer.ifDefined)(this._resetButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></div>${!this.showBackButton ? block2.call(this, context, tags, suffix) : undefined}</div><div class="ui5-vsd-content" ?expand-content="${this.expandContent}">${this.shouldBuildSort ? block4.call(this, context, tags, suffix) : undefined}${this.shouldBuildFilter ? block8.call(this, context, tags, suffix) : undefined}</div><div slot="footer" class="ui5-vsd-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Emphasized" @click="${this._confirmSettings}">${(0, _LitRenderer.ifDefined)(this._okButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${this._cancelSettings}">${(0, _LitRenderer.ifDefined)(this._cancelButtonLabel)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-dialog", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-dialog aria-label="${(0, _LitRenderer.ifDefined)(this._dialogTitle)}" @ui5-after-open=${(0, _LitRenderer.ifDefined)(this._focusRecentlyUsedControl)} @ui5-before-close=${(0, _LitRenderer.ifDefined)(this._restoreConfirmedOnEscape)} ?stretch=${this._isPhone}><div slot="header" class="ui5-vsd-header"><div class="ui5-vsd-header-container"><div class="ui5-vsd-header-start">${this.showBackButton ? block1.call(this, context, tags, suffix) : undefined}<ui5-title class="ui5-vsd-title" id="${(0, _LitRenderer.ifDefined)(this._id)}-label">${(0, _LitRenderer.ifDefined)(this._title)}</ui5-title></div><div class="ui5-vsd-header-end"><ui5-button design="Transparent" @click="${this._resetSettings}" ?disabled=${this._disableResetButton}>${(0, _LitRenderer.ifDefined)(this._resetButtonLabel)}</ui5-button></div></div>${!this.showBackButton ? block2.call(this, context, tags, suffix) : undefined}</div><div class="ui5-vsd-content" ?expand-content="${this.expandContent}">${this.shouldBuildSort ? block4.call(this, context, tags, suffix) : undefined}${this.shouldBuildFilter ? block8.call(this, context, tags, suffix) : undefined}</div><div slot="footer" class="ui5-vsd-footer"><ui5-button design="Emphasized" @click="${this._confirmSettings}">${(0, _LitRenderer.ifDefined)(this._okButtonLabel)}</ui5-button><ui5-button design="Transparent" @click="${this._cancelSettings}">${(0, _LitRenderer.ifDefined)(this._cancelButtonLabel)}</ui5-button></div></ui5-dialog>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="nav-back" class="ui5-vsd-back-button" @click="${this._navigateToFilters}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button design="Transparent" icon="nav-back" class="ui5-vsd-back-button" @click="${this._navigateToFilters}"></ui5-button>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.hasPagination ? block3.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-vsd-sub-header-container"><div class="ui5-vsd-sub-header"><${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)} @ui5-selection-change="${(0, _LitRenderer.ifDefined)(this._handleModeChange)}"><${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)} ?pressed="${this.isModeSort}" icon="sort" mode="Sort"></${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)} ?pressed="${this.isModeFilter}" icon="filter" mode="Filter"></${(0, _LitRenderer.scopeTag)("ui5-segmented-button-item", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-segmented-button", tags, suffix)}></div></div>` : (0, _LitRenderer.html)`<div class="ui5-vsd-sub-header-container"><div class="ui5-vsd-sub-header"><ui5-segmented-button @ui5-selection-change="${(0, _LitRenderer.ifDefined)(this._handleModeChange)}"><ui5-segmented-button-item ?pressed="${this.isModeSort}" icon="sort" mode="Sort"></ui5-segmented-button-item><ui5-segmented-button-item ?pressed="${this.isModeFilter}" icon="filter" mode="Filter"></ui5-segmented-button-item></ui5-segmented-button></div></div>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.isModeSort ? block5.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block5(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-vsd-sort"><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelectBegin" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._onSortOrderChange)}" sort-order accessible-name-ref="${(0, _LitRenderer.ifDefined)(this._id)}-label"><${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.ifDefined)(this._sortOrderLabel)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.repeat)(this._currentSettings.sortOrder, (item, index) => item._id || index, (item, index) => block6.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} mode="SingleSelectBegin" @ui5-item-click=${(0, _LitRenderer.ifDefined)(this._onSortByChange)} sort-by><${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.ifDefined)(this._sortByLabel)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.repeat)(this._currentSettings.sortBy, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-vsd-sort"><ui5-list mode="SingleSelectBegin" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._onSortOrderChange)}" sort-order accessible-name-ref="${(0, _LitRenderer.ifDefined)(this._id)}-label"><ui5-li-groupheader>${(0, _LitRenderer.ifDefined)(this._sortOrderLabel)}</ui5-li-groupheader>${(0, _LitRenderer.repeat)(this._currentSettings.sortOrder, (item, index) => item._id || index, (item, index) => block6.call(this, context, tags, suffix, item, index))}</ui5-list><ui5-list mode="SingleSelectBegin" @ui5-item-click=${(0, _LitRenderer.ifDefined)(this._onSortByChange)} sort-by><ui5-li-groupheader>${(0, _LitRenderer.ifDefined)(this._sortByLabel)}</ui5-li-groupheader>${(0, _LitRenderer.repeat)(this._currentSettings.sortBy, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</ui5-list></div>`;
+  }
+  function block6(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} ?selected="${item.selected}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li ?selected="${item.selected}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} data-ui5-external-action-item-index="${index}" ?selected="${item.selected}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li data-ui5-external-action-item-index="${index}" ?selected="${item.selected}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.isModeFilter ? block9.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this._filterStepTwo ? block10.call(this, context, tags, suffix) : block14.call(this, context, tags, suffix)}`;
+  }
+  function block10(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} accessible-name-ref="${(0, _LitRenderer.ifDefined)(this._id)}-label" mode="MultiSelect" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._handleFilterValueItemClick)}">${(0, _LitRenderer.repeat)(this._currentSettings.filters, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-list accessible-name-ref="${(0, _LitRenderer.ifDefined)(this._id)}-label" mode="MultiSelect" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._handleFilterValueItemClick)}">${(0, _LitRenderer.repeat)(this._currentSettings.filters, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}</ui5-list>`;
+  }
+  function block11(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${item.selected ? block12.call(this, context, tags, suffix, item, index) : undefined}`;
+  }
+  function block12(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(item.filterOptions, (item, index) => item._id || index, (item, index) => block13.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block13(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} ?selected=${item.selected}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li ?selected=${item.selected}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+  }
+  function block14(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._changeCurrentFilter)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this._id)}-label"><${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.ifDefined)(this._filterByLabel)}</${(0, _LitRenderer.scopeTag)("ui5-li-groupheader", tags, suffix)}>${(0, _LitRenderer.repeat)(this.filterItems, (item, index) => item._id || index, (item, index) => block15.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-list @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._changeCurrentFilter)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this._id)}-label"><ui5-li-groupheader>${(0, _LitRenderer.ifDefined)(this._filterByLabel)}</ui5-li-groupheader>${(0, _LitRenderer.repeat)(this.filterItems, (item, index) => item._id || index, (item, index) => block15.call(this, context, tags, suffix, item, index))}</ui5-list>`;
+  }
+  function block15(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} class="ui5-vsd-filterItemList" ?selected=${item.selected} additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)}>${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li class="ui5-vsd-filterItemList" ?selected=${item.selected} additional-text=${(0, _LitRenderer.ifDefined)(item.additionalText)}>${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/templates/WizardPopoverTemplate.lit.js

@@ -7,8 +7,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} horizontal-align="Center" placement-type="Bottom" aria-label="${(0, _LitRenderer.ifDefined)(context.actionSheetStepsText)}" class="${(0, _LitRenderer.classMap)(context.classes.popover)}" @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._afterClosePopover)} content-only-on-desktop prevent-focus-restore _hide-header><ul class="ui5-wizard-responsive-popover-list">${(0, _LitRenderer.repeat)(context._groupedTabs, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</ul><div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">Cancel</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover horizontal-align="Center" placement-type="Bottom" aria-label="${(0, _LitRenderer.ifDefined)(context.actionSheetStepsText)}" class="${(0, _LitRenderer.classMap)(context.classes.popover)}" @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._afterClosePopover)} content-only-on-desktop prevent-focus-restore _hide-header><ul class="ui5-wizard-responsive-popover-list">${(0, _LitRenderer.repeat)(context._groupedTabs, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</ul><div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">Cancel</ui5-button></div></ui5-responsive-popover>`;
-  const block1 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?disabled="${item.disabled}" design="Transparent" data-ui5-header-tab-ref-id="${(0, _LitRenderer.ifDefined)(item.accInfo.ariaPosinset)}" @click="${context._onOverflowStepButtonClick}">${(0, _LitRenderer.ifDefined)(item.titleText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li><ui5-button icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?disabled="${item.disabled}" design="Transparent" data-ui5-header-tab-ref-id="${(0, _LitRenderer.ifDefined)(item.accInfo.ariaPosinset)}" @click="${context._onOverflowStepButtonClick}">${(0, _LitRenderer.ifDefined)(item.titleText)}</ui5-button></li>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)} horizontal-align="Center" placement-type="Bottom" aria-label="${(0, _LitRenderer.ifDefined)(this.actionSheetStepsText)}" class="${(0, _LitRenderer.classMap)(this.classes.popover)}" @ui5-after-close=${(0, _LitRenderer.ifDefined)(this._afterClosePopover)} content-only-on-desktop prevent-focus-restore _hide-header><ul class="ui5-wizard-responsive-popover-list">${(0, _LitRenderer.repeat)(this._groupedTabs, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ul><div slot="footer" class="ui5-responsive-popover-footer"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" @click="${this._closeRespPopover}">Cancel</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></${(0, _LitRenderer.scopeTag)("ui5-responsive-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-responsive-popover horizontal-align="Center" placement-type="Bottom" aria-label="${(0, _LitRenderer.ifDefined)(this.actionSheetStepsText)}" class="${(0, _LitRenderer.classMap)(this.classes.popover)}" @ui5-after-close=${(0, _LitRenderer.ifDefined)(this._afterClosePopover)} content-only-on-desktop prevent-focus-restore _hide-header><ul class="ui5-wizard-responsive-popover-list">${(0, _LitRenderer.repeat)(this._groupedTabs, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ul><div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${this._closeRespPopover}">Cancel</ui5-button></div></ui5-responsive-popover>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<li><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?disabled="${item.disabled}" design="Transparent" data-ui5-header-tab-ref-id="${(0, _LitRenderer.ifDefined)(item.accInfo.ariaPosinset)}" @click="${this._onOverflowStepButtonClick}">${(0, _LitRenderer.ifDefined)(item.titleText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li><ui5-button icon="${(0, _LitRenderer.ifDefined)(item.icon)}" ?disabled="${item.disabled}" design="Transparent" data-ui5-header-tab-ref-id="${(0, _LitRenderer.ifDefined)(item.accInfo.ariaPosinset)}" @click="${this._onOverflowStepButtonClick}">${(0, _LitRenderer.ifDefined)(item.titleText)}</ui5-button></li>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/templates/WizardTabTemplate.lit.js

@@ -7,11 +7,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-wiz-step-root" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" aria-current="${(0, _LitRenderer.ifDefined)(context.accInfo.ariaCurrent)}" aria-setsize="${(0, _LitRenderer.ifDefined)(context.accInfo.ariaSetsize)}" aria-posinset="${(0, _LitRenderer.ifDefined)(context.accInfo.ariaPosinset)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.accInfo.ariaDisabled)}" aria-label="${(0, _LitRenderer.ifDefined)(context.accInfo.ariaLabel)}" @click="${context._onclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @focusin="${context._onfocusin}"><div class="ui5-wiz-step-main"><div class="ui5-wiz-step-icon-circle">${context.icon ? block1(context, tags, suffix) : block2(context, tags, suffix)}</div>${context.hasTexts ? block3(context, tags, suffix) : undefined}</div>${!context.hideSeparator ? block4(context, tags, suffix) : undefined}</div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-wiz-step-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-wiz-step-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}"></ui5-icon>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-wiz-step-number">${(0, _LitRenderer.ifDefined)(context.number)}</span>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-wiz-step-texts"><div class="ui5-wiz-step-title-text">${(0, _LitRenderer.ifDefined)(context.titleText)}</div><div class="ui5-wiz-step-subtitle-text">${(0, _LitRenderer.ifDefined)(context.subtitleText)}</div></div>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-wiz-step-hr"></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-wiz-step-root" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(this.tabIndex)}" aria-current="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaCurrent)}" aria-setsize="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaSetsize)}" aria-posinset="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaPosinset)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaDisabled)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accInfo.ariaLabel)}" @click="${this._onclick}" @keyup="${this._onkeyup}" @focusin="${this._onfocusin}"><div class="ui5-wiz-step-main"><div class="ui5-wiz-step-icon-circle">${this.icon ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</div>${this.hasTexts ? block3.call(this, context, tags, suffix) : undefined}</div>${!this.hideSeparator ? block4.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-wiz-step-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-wiz-step-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-wiz-step-number">${(0, _LitRenderer.ifDefined)(this.number)}</span>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-wiz-step-texts"><div class="ui5-wiz-step-title-text">${(0, _LitRenderer.ifDefined)(this.titleText)}</div><div class="ui5-wiz-step-subtitle-text">${(0, _LitRenderer.ifDefined)(this.subtitleText)}</div></div>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-wiz-step-hr"></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/templates/WizardTemplate.lit.js

@@ -7,9 +7,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-wiz-root" aria-label="${(0, _LitRenderer.ifDefined)(context.ariaLabelText)}" role="region"><nav class="ui5-wiz-nav" aria-label="${(0, _LitRenderer.ifDefined)(context.navAriaLabelText)}" tabindex="-1"><div class="ui5-wiz-nav-list" role="list" aria-label="${(0, _LitRenderer.ifDefined)(context.listAriaLabelText)}" aria-describedby="wiz-nav-descr" aria-controls="${(0, _LitRenderer.ifDefined)(context._id)}-wiz-content">${(0, _LitRenderer.repeat)(context._stepsInHeader, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div></nav><span id="wiz-nav-descr" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.navAriaDescribedbyText)}</span><div id="${(0, _LitRenderer.ifDefined)(context._id)}-wiz-content" class="ui5-wiz-content" @scroll="${context.onScroll}">${(0, _LitRenderer.repeat)(context._steps, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div></div>`;
-  const block1 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wizard-tab", tags, suffix)} title-text="${(0, _LitRenderer.ifDefined)(item.titleText)}" subtitle-text="${(0, _LitRenderer.ifDefined)(item.subtitleText)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" number="${(0, _LitRenderer.ifDefined)(item.number)}" ?disabled="${item.disabled}" ?selected="${item.selected}" ?hide-separator="${item.hideSeparator}" ?active-separator="${item.activeSeparator}" ?branching-separator="${item.branchingSeparator}" ._wizardTabAccInfo="${(0, _LitRenderer.ifDefined)(item.accInfo)}" data-ui5-content-ref-id="${(0, _LitRenderer.ifDefined)(item.refStepId)}" data-ui5-index="${(0, _LitRenderer.ifDefined)(item.pos)}" _tab-index="${(0, _LitRenderer.ifDefined)(item.tabIndex)}" @ui5-selection-change-requested="${(0, _LitRenderer.ifDefined)(context.onSelectionChangeRequested)}" @ui5-focused="${(0, _LitRenderer.ifDefined)(context.onStepInHeaderFocused)}" @click="${context._onGroupedTabClick}" style=${(0, _LitRenderer.styleMap)(item.styles)}></${(0, _LitRenderer.scopeTag)("ui5-wizard-tab", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wizard-tab title-text="${(0, _LitRenderer.ifDefined)(item.titleText)}" subtitle-text="${(0, _LitRenderer.ifDefined)(item.subtitleText)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" number="${(0, _LitRenderer.ifDefined)(item.number)}" ?disabled="${item.disabled}" ?selected="${item.selected}" ?hide-separator="${item.hideSeparator}" ?active-separator="${item.activeSeparator}" ?branching-separator="${item.branchingSeparator}" ._wizardTabAccInfo="${(0, _LitRenderer.ifDefined)(item.accInfo)}" data-ui5-content-ref-id="${(0, _LitRenderer.ifDefined)(item.refStepId)}" data-ui5-index="${(0, _LitRenderer.ifDefined)(item.pos)}" _tab-index="${(0, _LitRenderer.ifDefined)(item.tabIndex)}" @ui5-selection-change-requested="${(0, _LitRenderer.ifDefined)(context.onSelectionChangeRequested)}" @ui5-focused="${(0, _LitRenderer.ifDefined)(context.onStepInHeaderFocused)}" @click="${context._onGroupedTabClick}" style=${(0, _LitRenderer.styleMap)(item.styles)}></ui5-wizard-tab>`;
-  const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-wiz-content-item" ?hidden="${item.disabled}" ?selected="${item.selected}" ?stretch="${item.stretch}" aria-label="${(0, _LitRenderer.ifDefined)(item.stepContentAriaLabel)}" role="region" data-ui5-content-item-ref-id="${(0, _LitRenderer.ifDefined)(item._id)}"><div class="ui5-wiz-content-item-wrapper"><slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot></div></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-wiz-root" aria-label="${(0, _LitRenderer.ifDefined)(this.ariaLabelText)}" role="region"><nav class="ui5-wiz-nav" part="navigator" aria-label="${(0, _LitRenderer.ifDefined)(this.navAriaLabelText)}" tabindex="-1"><div class="ui5-wiz-nav-list" role="list" aria-label="${(0, _LitRenderer.ifDefined)(this.listAriaLabelText)}" aria-describedby="wiz-nav-descr" aria-controls="${(0, _LitRenderer.ifDefined)(this._id)}-wiz-content">${(0, _LitRenderer.repeat)(this._stepsInHeader, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div></nav><span id="wiz-nav-descr" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.navAriaDescribedbyText)}</span><div id="${(0, _LitRenderer.ifDefined)(this._id)}-wiz-content" class="ui5-wiz-content" @scroll="${this.onScroll}">${(0, _LitRenderer.repeat)(this._steps, (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 suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-wizard-tab", tags, suffix)} title-text="${(0, _LitRenderer.ifDefined)(item.titleText)}" subtitle-text="${(0, _LitRenderer.ifDefined)(item.subtitleText)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" number="${(0, _LitRenderer.ifDefined)(item.number)}" ?disabled="${item.disabled}" ?selected="${item.selected}" ?hide-separator="${item.hideSeparator}" ?active-separator="${item.activeSeparator}" ?branching-separator="${item.branchingSeparator}" ._wizardTabAccInfo="${(0, _LitRenderer.ifDefined)(item.accInfo)}" data-ui5-content-ref-id="${(0, _LitRenderer.ifDefined)(item.refStepId)}" data-ui5-index="${(0, _LitRenderer.ifDefined)(item.pos)}" _tab-index="${(0, _LitRenderer.ifDefined)(item.tabIndex)}" @ui5-selection-change-requested="${(0, _LitRenderer.ifDefined)(this.onSelectionChangeRequested)}" @ui5-focused="${(0, _LitRenderer.ifDefined)(this.onStepInHeaderFocused)}" @click="${this._onGroupedTabClick}" style=${(0, _LitRenderer.styleMap)(item.styles)}></${(0, _LitRenderer.scopeTag)("ui5-wizard-tab", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-wizard-tab title-text="${(0, _LitRenderer.ifDefined)(item.titleText)}" subtitle-text="${(0, _LitRenderer.ifDefined)(item.subtitleText)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" number="${(0, _LitRenderer.ifDefined)(item.number)}" ?disabled="${item.disabled}" ?selected="${item.selected}" ?hide-separator="${item.hideSeparator}" ?active-separator="${item.activeSeparator}" ?branching-separator="${item.branchingSeparator}" ._wizardTabAccInfo="${(0, _LitRenderer.ifDefined)(item.accInfo)}" data-ui5-content-ref-id="${(0, _LitRenderer.ifDefined)(item.refStepId)}" data-ui5-index="${(0, _LitRenderer.ifDefined)(item.pos)}" _tab-index="${(0, _LitRenderer.ifDefined)(item.tabIndex)}" @ui5-selection-change-requested="${(0, _LitRenderer.ifDefined)(this.onSelectionChangeRequested)}" @ui5-focused="${(0, _LitRenderer.ifDefined)(this.onStepInHeaderFocused)}" @click="${this._onGroupedTabClick}" style=${(0, _LitRenderer.styleMap)(item.styles)}></ui5-wizard-tab>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div class="ui5-wiz-content-item" ?hidden="${item.disabled}" ?selected="${item.selected}" ?stretch="${item.stretch}" part="step-content" aria-label="${(0, _LitRenderer.ifDefined)(item.stepContentAriaLabel)}" role="region" data-ui5-content-item-ref-id="${(0, _LitRenderer.ifDefined)(item._id)}"><div class="ui5-wiz-content-item-wrapper"><slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot></div></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/Bar.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/Bar.css",
-    content: ":host{background-color:var(--sapPageHeader_Background);height:var(--_ui5_bar_base_height);width:100%;box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:inherit;width:inherit;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-inline-start:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:30%}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{padding-inline-end:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding-left:.5rem;padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5_bar_subheader_height)}:host([design=FloatingFooter]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(*){margin:0 .25rem}"
+    content: ":host {\n\tbackground-color: var(--sapPageHeader_Background);\n\theight: var(--_ui5_bar_base_height);\n\twidth: 100%;\n\tbox-shadow: inset 0 -0.0625rem var(--sapPageHeader_BorderColor);\n\tdisplay: block;\n}\n\n.ui5-bar-root {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\theight: inherit;\n\twidth: inherit;\n\tbackground-color: inherit;\n\tbox-shadow: inherit;\n\tborder-radius: inherit;\n}\n\n.ui5-bar-root .ui5-bar-startcontent-container {\n\tpadding-inline-start: 0.5rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n}\n\n.ui5-bar-root .ui5-bar-content-container {\n\tmin-width: 30%;\n}\n\n.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container {\n\tmin-width: 0px;\n\toverflow: hidden;\n\theight: 100%;\n}\n\n.ui5-bar-root .ui5-bar-endcontent-container {\n\tpadding-inline-end: 0.5rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-end;\n}\n\n.ui5-bar-root .ui5-bar-midcontent-container {\n\tpadding-left: 0.5rem;\n\tpadding-right: 0.5rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n:host([design=\"Footer\"]){\n\tbackground-color: var(--sapPageFooter_Background);\n\tborder-top: 0.0625rem solid var(--sapPageFooter_BorderColor);\n\tbox-shadow: none;\n}\n\n:host([design=\"Subheader\"]){\n\theight: var(--_ui5_bar_subheader_height);\n}\n\n:host([design=\"FloatingFooter\"]){\n\tborder-radius: var(--sapElement_BorderCornerRadius);\n\tbackground-color: var(--sapPageFooter_Background);\n\tbox-shadow: var(--sapContent_Shadow1);\n\tborder: none;\n}\n\n::slotted(*) {\n\tmargin: 0 0.25rem;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/BarcodeScannerDialog.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/BarcodeScannerDialog.css",
-    content: ".ui5-barcode-scanner-dialog-root::part(content){padding:.4375rem}.ui5-barcode-scanner-dialog-video,.ui5-barcode-scanner-dialog-video-wrapper{height:100%;width:100%}.ui5-barcode-scanner-dialog-video{object-fit:cover}.ui5-barcode-scanner-dialog-footer{display:flex;justify-content:flex-end;width:100%}.ui5-barcode-scanner-dialog-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.ui5-barcode-scanner-dialog-busy:not([active]){display:none}"
+    content: ".ui5-barcode-scanner-dialog-root::part(content) {\r\n    padding: .4375rem;\r\n}\r\n\r\n/* video */\r\n\r\n.ui5-barcode-scanner-dialog-video-wrapper,\r\n.ui5-barcode-scanner-dialog-video {\r\n    height:100%;\r\n    width: 100%;\r\n}\r\n\r\n.ui5-barcode-scanner-dialog-video {\r\n    object-fit: cover;\r\n}\r\n\r\n/* footer */\r\n\r\n.ui5-barcode-scanner-dialog-footer {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    width: 100%;\r\n}\r\n\r\n/* busy indicator */\r\n\r\n.ui5-barcode-scanner-dialog-busy {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 1;\r\n}\r\n\r\n.ui5-barcode-scanner-dialog-busy:not([active]) {\r\n\tdisplay: none;\r\n}\r\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/DynamicSideContent.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/DynamicSideContent.css",
-    content: ":host{display:block;width:100%;height:100%;position:relative}.ui5-dsc-root{width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:auto;display:flex}.ui5-dsc-main,.ui5-dsc-side{display:inline;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;flex:none}.ui5-dsc-root>aside[class^=ui5-dsc-span],.ui5-dsc-root>div[class^=ui5-dcs-span]{overflow:auto}.ui5-dsc-main.ui5-dsc-span-fixed{width:calc(100% - 21.25rem)}.ui5-dsc-side.ui5-dsc-span-fixed{width:21.25rem}.ui5-dsc-root>.ui5-dsc-span-0{display:none}.ui5-dsc-root>.ui5-dsc-span-3{width:25%}.ui5-dsc-root>.ui5-dsc-span-4{width:33.333%}.ui5-dsc-root>.ui5-dsc-span-6{width:50%}.ui5-dsc-root>.ui5-dsc-span-8{width:66.666%}.ui5-dsc-root>.ui5-dsc-span-9{width:75%}.ui5-dsc-root>.ui5-dsc-span-12{width:100%}"
+    content: ":host {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n}\n\n.ui5-dsc-root {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tdisplay: flex;\n}\n\n.ui5-dsc-main,\n.ui5-dsc-side {\n\tdisplay: inline;\n\tposition: relative;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tbox-sizing: border-box;\n\tflex: none;\n}\n\n.ui5-dsc-root > div[class^=\"ui5-dcs-span\"],\n.ui5-dsc-root > aside[class^=\"ui5-dsc-span\"] {\n\toverflow: auto;\n}\n\n.ui5-dsc-main.ui5-dsc-span-fixed {\n\twidth: calc(100% - 21.25rem);\n}\n\n.ui5-dsc-side.ui5-dsc-span-fixed {\n\twidth: 21.25rem;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-0 {\n\tdisplay: none;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-3 {\n\twidth: 25%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-4 {\n\twidth: 33.333%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-6 {\n\twidth: 50%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-8 {\n\twidth: 66.666%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-9 {\n\twidth: 75%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-12 {\n\twidth: 100%;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/FlexibleColumnLayout.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/FlexibleColumnLayout.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}:host([_visible-columns=\"2\"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"2\"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--end{border-inline-start:var(--_ui5_fcl_column_border)}.ui5-fcl-column--hidden{display:none}.ui5-fcl-arrow-container{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background)}.ui5-fcl-arrow{position:relative;width:1.5rem;height:1.5rem;min-width:1.5rem;will-change:transform;overflow:visible;z-index:1}.ui5-fcl-arrow:before{background-image:var(--_ui5_fcl_decoration_top);background-position-y:-.3125rem;bottom:100%}.ui5-fcl-arrow:after{background-image:var(--_ui5_fcl_decoration_bottom);background-position-y:.3125rem;top:100%}.ui5-fcl-arrow:after,.ui5-fcl-arrow:before{content:\"\";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-arrow:hover:after,.ui5-fcl-arrow:hover:before{height:7rem}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\tbackground: var(--_ui5_fcl_solid_bg);\n}\n\n.ui5-fcl-root {\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n/* columns */\n\n.ui5-fcl-column {\n\tbackground: inherit;\n\tbox-sizing: border-box;\n\twill-change: width;\n\toverflow-y: auto;\n}\n\n.ui5-fcl-column-animation {\n\ttransition: width 560ms cubic-bezier(0.1, 0, 0.05, 1), visibility 560ms ease-in;\n}\n\n:host([_visible-columns=\"2\"]) .ui5-fcl-column--start {\n\tborder-inline-end: var(--_ui5_fcl_column_border);\n}\n\n:host([_visible-columns=\"3\"]) .ui5-fcl-column--start {\n\tborder-inline-end: var(--_ui5_fcl_column_border);\n}\n\n:host([_visible-columns=\"2\"]) .ui5-fcl-column--middle {\n\tborder-inline-start: var(--_ui5_fcl_column_border)\n}\n\n:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle {\n\tborder-inline-start: var(--_ui5_fcl_column_border)\n}\n\n:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle {\n\tborder-inline-end: var(--_ui5_fcl_column_border)\n}\n\n:host([_visible-columns=\"3\"]) .ui5-fcl-column--end {\n\tborder-inline-start: var(--_ui5_fcl_column_border);\n}\n\n.ui5-fcl-column--hidden {\n\tdisplay: none;\n}\n\n/* arrow */\n\n.ui5-fcl-arrow-container {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 1rem;\n\tbackground-color: var(--sapShell_Background);\n}\n\n.ui5-fcl-arrow {\n\tposition: relative;\n\twidth: 1.5rem;\n\theight: 1.5rem;\n\tmin-width: 1.5rem;\n\twill-change: transform;\n\toverflow: visible;\n\tz-index: 1;\n}\n\n/* arrow decoration */\n\n.ui5-fcl-arrow:before {\n\tbackground-image: var(--_ui5_fcl_decoration_top);\n\tbackground-position-y: -0.3125rem;\n\tbottom: 100%;\n}\n\n.ui5-fcl-arrow:after {\n\tbackground-image: var(--_ui5_fcl_decoration_bottom);\n\tbackground-position-y: 0.3125rem;\n\ttop: 100%;\n}\n\n.ui5-fcl-arrow:before,\n.ui5-fcl-arrow:after {\n\tcontent: '';\n\tposition: absolute;\n\tleft: 0;\n\theight: 4rem;\n\twidth: 100%;\n\ttransition: all 0.1s ease-in;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 0.0625rem 100%;\n\tbackground-position-x: calc(50% - 0.03125rem);\n}\n\n.ui5-fcl-arrow:hover:before,\n.ui5-fcl-arrow:hover:after {\n\theight: 7rem;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/IllustratedMessage.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/IllustratedMessage.css",
-    content: ":host(:not([hidden])){display:block}:host{box-sizing:border-box;width:100%;padding:1rem}.ui5-illustrated-message-root{display:flex;flex-direction:column;align-items:center;justify-content:center}.ui5-illustrated-message-illustration{margin-bottom:2rem}.ui5-illustrated-message-title{text-align:center;margin-bottom:.5rem;line-height:1.3;max-width:30rem}.ui5-illustrated-message-subtitle{text-align:center;font-size:var(--sapFontLargeSize);font-family:var(--sapFontFamily);line-height:1.4;color:var(--sapContent_LabelColor);margin-bottom:2rem;max-width:30rem}.ui5-illustrated-message-actions{margin-bottom:2rem}:host([media=dialog]) .ui5-illustrated-message-illustration{margin-top:1rem;margin-bottom:2rem}:host([media=dialog]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader4Size);max-width:20rem}:host([media=dialog]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:20rem}:host([media=dialog]) .ui5-illustrated-message-actions{margin-bottom:0}:host([media=spot]) .ui5-illustrated-message-illustration{margin-top:.5rem;margin-bottom:.5rem}:host([media=spot]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader5Size);line-height:1.25rem;max-width:16rem}:host([media=spot]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:16rem;margin-bottom:1rem}:host([media=spot]) .ui5-illustrated-message-actions{margin-top:.5rem;margin-bottom:1rem}:host([media=base]) .ui5-illustrated-message-illustration{display:none}:host([media=base]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader5Size);line-height:1.25rem;max-width:10rem}:host([media=base]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:10rem;margin-bottom:0}.ui5-illustrated-message-util{position:absolute;top:-9999px;left:-9999px}:host([invalid]) .ui5-illustrated-message-illustration,:host([invalid]:not([subtitle-text])) .ui5-illustrated-message-subtitle,:host([invalid]:not([title-text])) .ui5-illustrated-message-title{display:none}.sapIllus_MaskTypeAlpha{mask-type:alpha}.sapIllus_BackgroundColor{fill:var(--sapIllus_BackgroundColor)}.sapIllus_BrandColorPrimary{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_BrandColorSecondary{fill:var(--sapIllus_BrandColorSecondary)}.sapIllus_StrokeDetailColor{fill:var(--sapIllus_StrokeDetailColor)}.sapIllus_Layering1{fill:var(--sapIllus_Layering1)}.sapIllus_Layering2{fill:var(--sapIllus_Layering2)}.sapIllus_ObjectFillColor{fill:var(--sapIllus_ObjectFillColor)}.sapIllus_AccentColor{fill:var(--sapIllus_AccentColor)}.sapIllus_NoColor{fill:var(--sapIllus_NoColor)}.sapIllus_PatternShadow{fill:var(--sapIllus_PatternShadow)}.sapIllus_PatternHighlight{fill:var(--sapIllus_PatternHighlight)}.sapIllus_NoColor_Fill{fill:var(--sapIllus_NoColor)}.sapIllus_BrandColorPrimary_Fill{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_ObjectFillColor_Fill{fill:var(--sapIllus_ObjectFillColor)}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n:host {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 1rem;\n}\n\n.ui5-illustrated-message-root {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.ui5-illustrated-message-illustration {\n    margin-bottom: 2rem;\n}\n\n.ui5-illustrated-message-title {\n    text-align: center;\n    margin-bottom: 0.5rem;\n    line-height: 1.3;\n    max-width: 30rem;\n}\n\n.ui5-illustrated-message-subtitle {\n    text-align: center;\n    font-size: var(--sapFontLargeSize);\n    font-family: var(--sapFontFamily);\n    line-height: 1.4;\n    color: var(--sapContent_LabelColor);\n    margin-bottom: 2rem;\n    max-width: 30rem;\n}\n\n.ui5-illustrated-message-actions {\n    margin-bottom: 2rem;\n}\n\n:host([media=\"dialog\"]) .ui5-illustrated-message-illustration {\n    margin-top: 1rem;\n    margin-bottom: 2rem;\n}\n\n:host([media=\"dialog\"]) .ui5-illustrated-message-title {\n    margin-bottom: 0.25rem;\n    font-size: var(--sapFontHeader4Size);\n    max-width: 20rem;\n}\n\n:host([media=\"dialog\"]) .ui5-illustrated-message-subtitle {\n    font-size: var(--sapFontSize);\n    max-width: 20rem;\n}\n\n:host([media=\"dialog\"]) .ui5-illustrated-message-actions {\n    margin-bottom: 0rem;\n}\n\n:host([media=\"spot\"]) .ui5-illustrated-message-illustration {\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n}\n\n:host([media=\"spot\"]) .ui5-illustrated-message-title {\n    margin-bottom: 0.25rem;\n    font-size: var(--sapFontHeader5Size);\n    line-height: 1.25rem;\n    max-width: 16rem;\n}\n\n:host([media=\"spot\"]) .ui5-illustrated-message-subtitle {\n    font-size: var(--sapFontSize);\n    max-width: 16rem;\n    margin-bottom: 1rem;\n}\n\n:host([media=\"spot\"]) .ui5-illustrated-message-actions {\n    margin-top: 0.5rem;\n    margin-bottom: 1rem;\n}\n\n:host([media=\"base\"]) .ui5-illustrated-message-illustration {\n    display: none;\n}\n\n:host([media=\"base\"]) .ui5-illustrated-message-title {\n    margin-bottom: 0.25rem;\n    font-size: var(--sapFontHeader5Size);\n    line-height: 1.25rem;\n    max-width: 10rem;\n}\n\n:host([media=\"base\"]) .ui5-illustrated-message-subtitle {\n    font-size: var(--sapFontSize);\n    max-width: 10rem;\n    margin-bottom: 0rem;\n}\n\n.ui5-illustrated-message-util {\n    position: fixed;\n    top: -9999px;\n    left: -9999px;\n}\n\n.sapIllus_MaskTypeAlpha {\n\tmask-type:alpha;\n}\n\n.sapIllus_BackgroundColor {\n    fill: var(--sapIllus_BackgroundColor);\n}\n\n.sapIllus_BrandColorPrimary {\n    fill: var(--sapIllus_BrandColorPrimary);\n}\n\n.sapIllus_BrandColorSecondary {\n    fill: var(--sapIllus_BrandColorSecondary);\n}\n\n.sapIllus_StrokeDetailColor {\n    fill: var(--sapIllus_StrokeDetailColor);\n}\n\n.sapIllus_Layering1 {\n    fill: var(--sapIllus_Layering1);\n}\n\n.sapIllus_Layering2 {\n    fill: var(--sapIllus_Layering2);\n}\n\n.sapIllus_ObjectFillColor {\n    fill: var(--sapIllus_ObjectFillColor);\n}\n\n.sapIllus_AccentColor {\n    fill: var(--sapIllus_AccentColor);\n}\n\n.sapIllus_NoColor {\n    fill: var(--sapIllus_NoColor);\n}\n\n.sapIllus_PatternShadow {\n    fill: var(--sapIllus_PatternShadow);\n}\n\n.sapIllus_PatternHighlight {\n    fill: var(--sapIllus_PatternHighlight);\n}\n\n.sapIllus_NoColor_Fill {\n    fill: var(--sapIllus_NoColor);\n}\n\n.sapIllus_BrandColorPrimary_Fill {\n    fill: var(--sapIllus_BrandColorPrimary);\n}\n\n.sapIllus_ObjectFillColor_Fill {\n    fill: var(--sapIllus_ObjectFillColor);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/InvisibleTextStyles.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/InvisibleTextStyles.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/MediaGallery.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/MediaGallery.css",
-    content: ":host{height:100%}.ui5-media-gallery-display,.ui5-media-gallery-display-wrapper,:host{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align=Top]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout=Horizontal]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout=Horizontal][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout=Horizontal][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout=Horizontal]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=M]) ul{width:10rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=L]) ul{width:15rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=XL]) ul{width:20rem}.ui5-media-gallery-overflow [ui5-button],.ui5-media-gallery-thumbnail{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5_media_gallery_overflow_btn_background);color:var(--_ui5_media_gallery_overflow_btn_color);border:var(--_ui5_media_gallery_overflow_btn_border)}.ui5-media-gallery-overflow,.ui5-media-gallery-thumbnail{margin:0 0 0 1rem}:host([menu-vertical-align=Top]) .ui5-media-gallery-overflow,:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnail{margin:1rem 0 0 1rem}:host([effective-layout=Horizontal]) .ui5-media-gallery-overflow,:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnail{margin:1rem 0 0 1rem}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-overflow,:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnail{margin:1rem 1rem 0 0}"
+    content: ":host {\n\theight:100%;\n}\n\n:host,\n.ui5-media-gallery-display-wrapper,\n.ui5-media-gallery-display {\n\twidth: 100%;\n}\n\n.ui5-media-gallery-root {\n\twidth: inherit;\n\theight: inherit;\n\tbackground: var(--sapBaseColor);\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n}\n\n:host([menu-vertical-align=\"Top\"]) .ui5-media-gallery-root {\n\tflex-direction: column-reverse;\n}\n\n:host([effective-layout=\"Horizontal\"]) .ui5-media-gallery-root {\n\tflex-direction: row-reverse;\n}\n\n:host([effective-layout=\"Horizontal\"][menu-horizontal-align=\"Right\"]) .ui5-media-gallery-root {\n\tflex-direction: row;\n}\n\n/* DISPLAY */\n\n.ui5-media-gallery-display-wrapper {\n\tdisplay: flex;\n\tjustify-content: center;\n\tposition: relative;\n}\n\n/* when all thumbnails shown, thumbnails vs. dispplay width is 1:3 proportion */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper {\n\tflex-grow: 3; /* takes 3/4 of the entire width, where remaining 1/4 are for thumbnails */\n\tflex-basis: 0;\n}\n\n.ui5-media-gallery-display {\n\tposition:relative;\n\tmargin: 1rem;\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.ui5-media-gallery-display [ui5-media-gallery-item] {\n\tz-index: 1;\n}\n\n/* mobile platform */\n\n[ui5-carousel] {\n\twidth: calc(100% - 2rem);\n}\n\n[ui5-carousel]::part(item) {\n\tpadding: 0;\n\toverflow: hidden;\n}\n\n/* THUMBNAILS */\n\n.ui5-media-gallery-thumbnails-wrapper {\n\tmargin-block: 1rem 0;\n}\n\n:host([menu-vertical-align=\"Top\"]) .ui5-media-gallery-thumbnails-wrapper {\n\tmargin-block: 0 1rem;\n}\n\n:host([effective-layout=\"Horizontal\"]) .ui5-media-gallery-thumbnails-wrapper {\n\tmargin-inline: 0 1rem;\n}\n\n:host([effective-layout=\"Horizontal\"][menu-horizontal-align=\"Right\"]) .ui5-media-gallery-thumbnails-wrapper {\n\tmargin-inline: 1rem 0;\n}\n\n/* show all thumbnails in a single scrollable row */\n\n:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper {\n\toverflow-x: auto;\n\toverflow-y: hidden;\n}\n\n/* show all thumbnails in a scrollable area with multiple columns */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper {\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\tflex-grow:1; /* takes 1/4 of the entire width, where the remaining 3/4 are for the display */\n\tflex-basis: 0;\n}\n\n.ui5-media-gallery-thumbnails-wrapper ul {\n\theight: 5rem;\n\tdisplay: flex;\n\tflex-wrap: nowrap;\n\tpadding-left: 0; /* disable browser default css */\n\tmargin-top: 0; /* disable browser default css */\n\tmargin-bottom: 0; /* disable browser default css */\n\tlist-style-type: none; /* disable browser default css */\n\tpadding-inline-start: 0; /* disable browser default css */\n}\n\n/* in horizontal layout, the menu is 1-4 vertical columns, depending on media size */\n\n:host([effective-layout=\"Horizontal\"]) ul {\n\twidth: 5rem;\n\tflex-wrap: wrap;\n}\n\n/* two columns on M-size */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails][media-range=\"M\"]) ul {\n\twidth: 10rem;\n}\n\n/* three columns on L-size */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails][media-range=\"L\"]) ul {\n\twidth: 15rem;\n}\n\n/* four columns on XL-size */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails][media-range=\"XL\"]) ul {\n\twidth: 20rem;\n}\n\n.ui5-media-gallery-thumbnail,\n.ui5-media-gallery-overflow [ui5-button] {\n\twidth: 4rem;\n\theight: 4rem;\n\tflex-shrink: 0;\n}\n\n.ui5-media-gallery-overflow [ui5-button] {\n\tbackground: var(--_ui5_media_gallery_overflow_btn_background);\n\tcolor: var(--_ui5_media_gallery_overflow_btn_color);\n\tborder: var(--_ui5_media_gallery_overflow_btn_border);\n}\n\n.ui5-media-gallery-thumbnail,\n.ui5-media-gallery-overflow {\n\tmargin: 0 0 0 1rem;\n}\n\n:host([menu-vertical-align=\"Top\"]) .ui5-media-gallery-thumbnail,\n:host([menu-vertical-align=\"Top\"]) .ui5-media-gallery-overflow {\n\tmargin: 1rem 0 0 1rem;\n}\n\n:host([effective-layout=\"Horizontal\"]) .ui5-media-gallery-thumbnail,\n:host([effective-layout=\"Horizontal\"]) .ui5-media-gallery-overflow {\n\tmargin: 1rem 0 0 1rem;\n}\n\n:host([effective-layout=\"Horizontal\"][menu-horizontal-align=\"Right\"]) .ui5-media-gallery-thumbnail,\n:host([effective-layout=\"Horizontal\"][menu-horizontal-align=\"Right\"]) .ui5-media-gallery-overflow {\n\tmargin: 1rem 1rem 0 0;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/MediaGalleryItem.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/MediaGalleryItem.css",
-    content: ":host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout=Wide]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}:host([focused]) .ui5-media-gallery-item-root{outline:var(--_ui5_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout=Wide]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout=Wide]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout=Wide]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout=Wide]) ::slotted(*){width:100%;height:100%;object-fit:cover}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;margin:auto}"
+    content: ":host {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    display: flex;\n}\n\n:host([_square]) {\n    height: 0;\n    padding-top: 100%;\n}\n\n.ui5-media-gallery-item-root {\n    width: 100%;\n    height: 100%;\n    display: flex;\n}\n\n:host([_square]) .ui5-media-gallery-item-root {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n:host([layout=\"Wide\"]) .ui5-media-gallery-item-root {\n    align-items: center;\n}\n\n:host([_thumbnail-design]) .ui5-media-gallery-item-root {\n    border: var(--_ui5_media_gallery_thumbnail_border);\n    box-sizing: border-box;\n}\n\n:host([_interactive]) .ui5-media-gallery-item-root {\n    cursor: pointer;\n}\n\n/* hover */\n\n:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover {\n    border-color: var(--sapTile_Interactive_BorderColor);\n    background: var(--sapList_Hover_Background);\n}\n\n/* focused */\n\n:host([focused]) .ui5-media-gallery-item-root {\n\toutline: var(--_ui5_media_gallery_thumbnail_focus_outline);\n\toutline-offset: -1px;\n}\n\n/* selected */\n\n:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root {\n    border: var(--_ui5_media_gallery_thumbnail_selected_border);\n}\n\n/* selected focused */\n\n:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root {\n    outline-offset: -3px;\n}\n\n.ui5-media-gallery-item-wrapper {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n:host([layout=\"Wide\"]) .ui5-media-gallery-item-wrapper {\n    z-index: 1;\n}\n\n:host([layout=\"Wide\"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper {\n    height: calc(100% / 16 * 9);\n}\n\n/* resource not found icon */\n\n[ui5-icon] {\n    position: absolute;\n    width: 4.5rem;\n    height: 4.55rem;\n    align-self: center;\n}\n\n.ui5-media-gallery-item-mask-layer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer {\n    z-index: 2;\n    background: var(--sapBaseColor);\n    mix-blend-mode: multiply;\n    opacity: 0.2;\n    box-shadow: var(--_ui5_media_gallery_item_overlay_box_shadow);\n    pointer-events: none;\n}\n\n:host(:not([_thumbnail-design])[layout=\"Wide\"]) .ui5-media-gallery-item-mask-layer {\n    z-index: 0;\n}\n\n/* disabled state */\n\n:host([disabled]) .ui5-media-gallery-item-mask-layer {\n    z-index: 2;\n    background: var(--sapContent_ImagePlaceholderBackground);\n    opacity: 0.5;\n    cursor: default;\n}\n\n/* stretch the slotted thumbnails and videos */\n\n::slotted([slot^=thumbnail]),\n:host([layout=\"Wide\"]) ::slotted(*) {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/* fit the slotted images within the host container,\npreserving their proportions */\n\n::slotted(*) {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    margin: auto;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationListGroupItem.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationListGroupItem.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host{--_ui5-notification_item-border-raius:0px}:host(:not([collapsed])) .ui5-nli-group-toggle-btn{transform:var(--_ui5_li_notification_group_toggle_btn_rotation)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box}.ui5-nli-group-header{background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;padding-block:.75rem .25rem;padding-inline:.75rem .5rem;width:100%;border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:default}.ui5-nli-group-toggle-btn{margin-inline-end:.75rem;cursor:pointer}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontHeader6Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-nli-group-divider{flex:1}.ui5-nli-group-counter{margin-inline-start:.25rem;margin-inline-end:1rem;color:var(--sapList_TableGroupHeaderTextColor);font-size:var(--sapFontHeader6Size);font-family:\"72override\",var(--sapFontHeaderFamily)}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n:host {\n\t--_ui5-notification_item-border-raius: 0px;\n}\n\n:host(:not([collapsed])) .ui5-nli-group-toggle-btn {\n\ttransform: var(--_ui5_li_notification_group_toggle_btn_rotation);\n}\n\n:host([collapsed]) .ui5-nli-group-items {\n\tdisplay: none;\n}\n\n:host([read]) .ui5-nli-group-title-text {\n\tfont-weight: normal;\n}\n\n.ui5-nli-group-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n\twidth: 100%;\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-group-header {\n\tbackground: var(--sapList_GroupHeaderBackground);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-block: 0.75rem 0.25rem;\n\tpadding-inline: 0.75rem 0.5rem;\n\twidth: 100%;\n\tborder-bottom: 0.0625rem solid var(--sapList_GroupHeaderBorderColor);\n\tbox-sizing: border-box;\n\tcursor: default;\n}\n\n.ui5-nli-group-toggle-btn {\n\tmargin-inline-end: 0.75rem;\n\tcursor: pointer;\n}\n\n.ui5-nli-group-title-text {\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontHeader6Size);\n\tfont-weight: bold;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n.ui5-nli-group-divider {\n\tflex: 1;\n}\n\n.ui5-nli-group-counter {\n\tmargin-inline-start: 0.25rem;\n\tmargin-inline-end: 1rem;\n\tcolor: var(--sapList_TableGroupHeaderTextColor);\n\tfont-size: var(--sapFontHeader6Size);\n\tfont-family: \"72override\", var(--sapFontHeaderFamily);\n}\n\n/* fix for blue background color on tap (touchscreen devices) */\n\n:host([ui5-li-notification-group]) {\n\t-webkit-tap-highlight-color: transparent;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationListItem.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationListItem.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host([wrapping-type=None]) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}.ui5-nli-root{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding-inline:1rem .5rem;padding-block:1rem;box-sizing:border-box;cursor:pointer}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:.75rem 1rem;font-family:\"72override\",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:.25rem;box-sizing:border-box}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-description{display:flex;margin-top:.5rem;color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);padding-top:.5rem;box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footer-showMore{margin-inline-start:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-actions{display:flex;box-sizing:border-box}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n:host([wrapping-type=\"None\"]) .ui5-nli-title-text {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n:host(:not([wrapping-type=\"Normal\"])) .ui5-nli-description {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n:host([_show-more-pressed]) .ui5-nli-title-text {\n\t-webkit-line-clamp: unset;\n}\n\n:host([_show-more-pressed]) .ui5-nli-description  {\n\t-webkit-line-clamp: unset;\n}\n\n:host([read]) .ui5-nli-title-text {\n\tfont-weight: normal;\n}\n\n:host(:first-of-type) {\n\tborder-top-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-top-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:last-of-type) {\n\tborder-bottom-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-bottom-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:first-of-type) .ui5-nli-focusable:after {\n\tborder-top-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-top-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:last-of-type) .ui5-nli-focusable:after {\n\tborder-bottom-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-bottom-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n/* End */\n\n.ui5-nli-root {\n\tdisplay: flex;\n\tflex-direction: row-reverse;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-inline: 1rem 0.5rem;\n\tpadding-block: 1rem;\n\tbox-sizing: border-box;\n\tcursor: pointer;\n}\n\n.ui5-nli-content {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-width: 0; /* fixes Chrome flex issue */\n\twidth: 100%;\n\tpadding-inline: 0.75rem 1rem;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-title-text-wrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.ui5-nli-title-text {\n\tdisplay: flex;\n\tmargin-bottom: 0.25rem;\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-title-text {\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-weight: bold;\n\tfont-size: var(--sapFontHeader6Size);\n}\n\n.ui5-nli-description {\n\tdisplay: flex;\n\tmargin-top: 0.5rem;\n\tcolor: var(--sapTextColor);\n\tfont-size: var(--sapFontSize);\n\tbox-sizing: border-box;\n}\n\n/*  Footer */\n\n.ui5-nli-footer {\n\tdisplay: flex;\n\tcolor: var(--sapContent_LabelColor);\n\tfont-size: var(--sapFontSize);\n\tpadding-top: 0.5rem;\n\tbox-sizing: border-box;\n\tflex-wrap: wrap;\n\talign-items: center;\n}\n\n.ui5-nli-footer-divider {\n\tposition: relative;\n\talign-items: center;\n\tmargin-inline: 0.5rem;\n}\n\n.ui5-nli-footer-showMore {\n\tmargin-inline-start: 1rem;\n}\n\n::slotted([slot^=\"footnotes\"]) {\n\tcolor: var(--sapContent_LabelColor);\n\tfont-size: var(--sapFontSize);\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n/* Actions */\n\n.ui5-nli-actions {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });