@openui5/sap.ui.webc.fiori 1.97.1 → 1.99.1

package/src/sap/ui/webc/fiori/thirdparty/generated/json-imports/i18n.js

@@ -2,54 +2,54 @@ sap.ui.define(['require', 'sap/ui/webc/common/thirdparty/base/asset-registries/i
 
 	const importMessageBundle = async (localeId) => {
 			switch (localeId) {
-				case "ar": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ar-f55bd0d9'], resolve, reject) })).default;
-			case "bg": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_bg-eb73ad77'], resolve, reject) })).default;
-			case "ca": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ca-18554b48'], resolve, reject) })).default;
-			case "cs": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_cs-7c21900b'], resolve, reject) })).default;
-			case "cy": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_cy-04ebca8d'], resolve, reject) })).default;
-			case "da": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_da-49bb0a1c'], resolve, reject) })).default;
-			case "de": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_de-ba618d63'], resolve, reject) })).default;
-			case "el": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_el-7db9c5fd'], resolve, reject) })).default;
-			case "en": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en-d099f44a'], resolve, reject) })).default;
-			case "en_GB": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en_GB-4887b667'], resolve, reject) })).default;
-			case "en_US_sappsd": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en_US_sappsd-65b99ab9'], resolve, reject) })).default;
-			case "en_US_saprigi": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en_US_saprigi-617e6535'], resolve, reject) })).default;
-			case "en_US_saptrc": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en_US_saptrc-6d0883b2'], resolve, reject) })).default;
-			case "es": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_es-f7558331'], resolve, reject) })).default;
-			case "es_MX": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_es_MX-82bc00a1'], resolve, reject) })).default;
-			case "et": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_et-24b4540a'], resolve, reject) })).default;
-			case "fi": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_fi-8dc53cb0'], resolve, reject) })).default;
-			case "fr": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_fr-7e340939'], resolve, reject) })).default;
-			case "fr_CA": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_fr_CA-d3853c9b'], resolve, reject) })).default;
-			case "hi": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_hi-78b175f0'], resolve, reject) })).default;
-			case "hr": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_hr-3ed6353c'], resolve, reject) })).default;
-			case "hu": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_hu-9af2b64b'], resolve, reject) })).default;
+				case "ar": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ar-fca51e46'], resolve, reject) })).default;
+			case "bg": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_bg-50ccff83'], resolve, reject) })).default;
+			case "ca": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ca-85a06d90'], resolve, reject) })).default;
+			case "cs": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_cs-302853ec'], resolve, reject) })).default;
+			case "cy": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_cy-651caccd'], resolve, reject) })).default;
+			case "da": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_da-e9aa1ef6'], resolve, reject) })).default;
+			case "de": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_de-bb6da518'], resolve, reject) })).default;
+			case "el": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_el-615804b9'], resolve, reject) })).default;
+			case "en": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en-ef2f3248'], resolve, reject) })).default;
+			case "en_GB": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en_GB-01c04ea3'], resolve, reject) })).default;
+			case "en_US_sappsd": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en_US_sappsd-e1269679'], resolve, reject) })).default;
+			case "en_US_saprigi": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en_US_saprigi-489ddf5e'], resolve, reject) })).default;
+			case "en_US_saptrc": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_en_US_saptrc-10d21b5e'], resolve, reject) })).default;
+			case "es": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_es-5f0fedbb'], resolve, reject) })).default;
+			case "es_MX": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_es_MX-aed7f486'], resolve, reject) })).default;
+			case "et": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_et-b3183b9f'], resolve, reject) })).default;
+			case "fi": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_fi-d16defd1'], resolve, reject) })).default;
+			case "fr": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_fr-aacafdfd'], resolve, reject) })).default;
+			case "fr_CA": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_fr_CA-85df0db7'], resolve, reject) })).default;
+			case "hi": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_hi-2778913a'], resolve, reject) })).default;
+			case "hr": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_hr-5b970689'], resolve, reject) })).default;
+			case "hu": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_hu-8420c634'], resolve, reject) })).default;
 			case "in": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_in-07afd376'], resolve, reject) })).default;
-			case "it": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_it-7968f555'], resolve, reject) })).default;
-			case "iw": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_iw-30a93e6c'], resolve, reject) })).default;
-			case "ja": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ja-2b23c18f'], resolve, reject) })).default;
-			case "kk": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_kk-847a0b84'], resolve, reject) })).default;
-			case "ko": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ko-eaabc5f5'], resolve, reject) })).default;
-			case "lt": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_lt-ac869899'], resolve, reject) })).default;
-			case "lv": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_lv-ff63b614'], resolve, reject) })).default;
-			case "ms": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ms-e844b95d'], resolve, reject) })).default;
-			case "nl": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_nl-b644fdd4'], resolve, reject) })).default;
-			case "no": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_no-aedb265f'], resolve, reject) })).default;
-			case "pl": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_pl-3f303622'], resolve, reject) })).default;
-			case "pt": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_pt-541e1fa1'], resolve, reject) })).default;
-			case "pt_PT": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_pt_PT-196ce616'], resolve, reject) })).default;
-			case "ro": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ro-cbff6cf1'], resolve, reject) })).default;
-			case "ru": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ru-ff1b077c'], resolve, reject) })).default;
-			case "sh": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_sh-88cafb2d'], resolve, reject) })).default;
-			case "sk": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_sk-877257e4'], resolve, reject) })).default;
-			case "sl": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_sl-0504465e'], resolve, reject) })).default;
-			case "sv": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_sv-30172f15'], resolve, reject) })).default;
-			case "th": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_th-1e8f0c20'], resolve, reject) })).default;
-			case "tr": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_tr-1739cd9a'], resolve, reject) })).default;
-			case "uk": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_uk-b933c172'], resolve, reject) })).default;
-			case "vi": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_vi-329c5bac'], resolve, reject) })).default;
-			case "zh_CN": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_zh_CN-4936266e'], resolve, reject) })).default;
-			case "zh_TW": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_zh_TW-87ecd6ac'], resolve, reject) })).default;
+			case "it": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_it-480eab3a'], resolve, reject) })).default;
+			case "iw": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_iw-3985bb6c'], resolve, reject) })).default;
+			case "ja": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ja-0ecd14b1'], resolve, reject) })).default;
+			case "kk": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_kk-7cca1aa0'], resolve, reject) })).default;
+			case "ko": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ko-dbbb031f'], resolve, reject) })).default;
+			case "lt": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_lt-89161349'], resolve, reject) })).default;
+			case "lv": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_lv-0fa2a05f'], resolve, reject) })).default;
+			case "ms": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ms-f62f8e47'], resolve, reject) })).default;
+			case "nl": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_nl-51ecab32'], resolve, reject) })).default;
+			case "no": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_no-367e49f2'], resolve, reject) })).default;
+			case "pl": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_pl-2dbad320'], resolve, reject) })).default;
+			case "pt": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_pt-9607a28c'], resolve, reject) })).default;
+			case "pt_PT": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_pt_PT-9a80b85e'], resolve, reject) })).default;
+			case "ro": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ro-81f50071'], resolve, reject) })).default;
+			case "ru": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_ru-76dc702f'], resolve, reject) })).default;
+			case "sh": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_sh-ad66acf1'], resolve, reject) })).default;
+			case "sk": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_sk-d8363bca'], resolve, reject) })).default;
+			case "sl": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_sl-dd40d99c'], resolve, reject) })).default;
+			case "sv": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_sv-1eda9721'], resolve, reject) })).default;
+			case "th": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_th-8f15355d'], resolve, reject) })).default;
+			case "tr": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_tr-39a41440'], resolve, reject) })).default;
+			case "uk": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_uk-2b9e0cc7'], resolve, reject) })).default;
+			case "vi": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_vi-59c065b0'], resolve, reject) })).default;
+			case "zh_CN": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_zh_CN-ee556fa6'], resolve, reject) })).default;
+			case "zh_TW": return (await new Promise(function (resolve, reject) { require(['../../messagebundle_zh_TW-acc4d3ac'], resolve, reject) })).default;
 				default: throw "unknown locale"
 			}
 		};

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

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
 
-	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.root)}" aria-label="${litRender.ifDefined(context.accInfo.label)}" role="toolbar" part="bar"><div class="ui5-bar-content-container ui5-bar-startcontent-container"><slot name="startContent"></slot></div><div class="ui5-bar-content-container ui5-bar-midcontent-container"><slot></slot></div><div class="ui5-bar-content-container ui5-bar-endcontent-container"><slot name="endContent"></slot></div></div>`;
+	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.root)}" aria-label="${litRender.ifDefined(context.accInfo.label)}" role="toolbar" part="bar" dir=${litRender.ifDefined(context.effectiveDir)}><div class="ui5-bar-content-container ui5-bar-startcontent-container"><slot name="startContent"></slot></div><div class="ui5-bar-content-container ui5-bar-midcontent-container"><slot></slot></div><div class="ui5-bar-content-container ui5-bar-endcontent-container"><slot name="endContent"></slot></div></div>`;
 
 	return block0;
 

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

@@ -0,0 +1,7 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
+
+	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-dsc-root" style="${litRender.styleMap(context.styles.root)}"><div class="${litRender.classMap(context.classes.main)}" style="${litRender.styleMap(context.styles.main)}"><slot></slot></div><aside role="complementary" aria-label="${litRender.ifDefined(context.accInfo.label)}" class="${litRender.classMap(context.classes.side)}" style="${litRender.styleMap(context.styles.side)}"><slot name="sideContent"></slot></aside></div>`;
+
+	return block0;
+
+});

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

@@ -3,7 +3,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 	const block0 = (context, tags, suffix) => litRender.html`<li part="native-li" tabindex="${litRender.ifDefined(context.tabIndex)}" class="${litRender.classMap(context.classes.main)}" dir="${litRender.ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${litRender.ifDefined(context._accInfo.role)}" aria-expanded="${litRender.ifDefined(context._accInfo.ariaExpanded)}" title="${litRender.ifDefined(context.title)}" aria-level="${litRender.ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${litRender.ifDefined(context._accInfo.posinset)}" aria-setsize="${litRender.ifDefined(context._accInfo.setsize)}" aria-describedby="${litRender.ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${litRender.ifDefined(context._id)}-invisibleText ${litRender.ifDefined(context._id)}-content" aria-disabled="${litRender.ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${litRender.ifDefined(context._id)}-content" class="ui5-li-content">${ context.displayImage ? block5(context, tags, suffix) : undefined }${ context.displayIconBegin ? block6(context, tags, suffix) : undefined }<span part="title" class="ui5-li-title">${litRender.ifDefined(context.text)}</span>${ context.additionalText ? block7(context) : undefined }</div>${ context.displayIconEnd ? block8(context, tags, suffix) : undefined }${ context.typeDetail ? block9(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block10(context, tags, suffix) : undefined }<span id="${litRender.ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${litRender.ifDefined(context._accInfo.listItemAriaLabel)}${litRender.ifDefined(context.accessibleName)}</span><span id="${litRender.ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${litRender.ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
 	const block1 = (context, tags, suffix) => litRender.html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
 	const block2 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${litRender.ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${litRender.ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${litRender.scopeTag("ui5-radio-button", tags, suffix)}>`;
-	const block3 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" tabindex="-1" id="${litRender.ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${litRender.ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${litRender.scopeTag("ui5-checkbox", tags, suffix)}>`;
+	const block3 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${litRender.ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${litRender.ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${litRender.scopeTag("ui5-checkbox", tags, suffix)}>`;
 	const block4 = (context, tags, suffix) => litRender.html`<div class="ui5-li-deletebtn"><${litRender.scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${litRender.ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" title="${litRender.ifDefined(context.deleteText)}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
 	const block5 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-avatar", tags, suffix)} shape="Square" class="ui5-li-img"><img src="${litRender.ifDefined(context.image)}" class="ui5-li-img-inner" /></${litRender.scopeTag("ui5-avatar", tags, suffix)}>`;
 	const block6 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} part="icon" name="${litRender.ifDefined(context.icon)}" class="ui5-li-icon"></${litRender.scopeTag("ui5-icon", tags, suffix)}>`;
@@ -12,7 +12,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 	const block9 = (context, tags, suffix) => litRender.html`<div class="ui5-li-detailbtn"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
 	const block10 = (context, tags, suffix) => litRender.html`${ context.modeSingleSelect ? block11(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block12(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block13(context, tags, suffix) : undefined }`;
 	const block11 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${litRender.ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${litRender.ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${litRender.scopeTag("ui5-radio-button", tags, suffix)}>`;
-	const block12 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" tabindex="-1" id="${litRender.ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${litRender.ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${litRender.scopeTag("ui5-checkbox", tags, suffix)}>`;
+	const block12 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${litRender.ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${litRender.ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${litRender.scopeTag("ui5-checkbox", tags, suffix)}>`;
 	const block13 = (context, tags, suffix) => litRender.html`<div class="ui5-li-deletebtn"><${litRender.scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${litRender.ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" title="${litRender.ifDefined(context.deleteText)}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
 
 	return block0;

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

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
 
-	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.root)}"><div role="region" class="${litRender.classMap(context.classes.columns.start)}" aria-labelledby="${litRender.ifDefined(context._id)}-startColumnText"><slot name="startColumn"></slot></div><div class="ui5-fcl-arrow-container" style="${litRender.styleMap(context.styles.arrowsContainer.start)}"><${litRender.scopeTag("ui5-button", tags, suffix)} class="ui5-fcl-arrow ui5-fcl-arrow--start" icon="slim-arrow-right" design="Transparent" @click="${context.startArrowClick}" style="${litRender.styleMap(context.styles.arrows.start)}" title="${litRender.ifDefined(context.accStartArrowText)}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div><div role="region" class="${litRender.classMap(context.classes.columns.middle)}" aria-labelledby="${litRender.ifDefined(context._id)}-midColumnText"><slot name="midColumn"></slot></div><div class="ui5-fcl-arrow-container" style="${litRender.styleMap(context.styles.arrowsContainer.end)}"><${litRender.scopeTag("ui5-button", tags, suffix)} class="ui5-fcl-arrow ui5-fcl-arrow--end" style="${litRender.styleMap(context.styles.arrows.end)}" icon="slim-arrow-left" design="Transparent" @click="${context.endArrowClick}" title="${litRender.ifDefined(context.accEndArrowText)}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div><div role="region" class="${litRender.classMap(context.classes.columns.end)}" aria-labelledby="${litRender.ifDefined(context._id)}-endColumnText"><slot name="endColumn"></slot></div><span id="${litRender.ifDefined(context._id)}-startColumnText" class="ui5-hidden-text">${litRender.ifDefined(context.accStartColumnText)}</span><span id="${litRender.ifDefined(context._id)}-midColumnText" class="ui5-hidden-text">${litRender.ifDefined(context.accMiddleColumnText)}</span><span id="${litRender.ifDefined(context._id)}-endColumnText" class="ui5-hidden-text">${litRender.ifDefined(context.accEndColumnText)}</span></div> `;
+	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.root)}"><div role="${litRender.ifDefined(context.accStartColumnRole)}" class="${litRender.classMap(context.classes.columns.start)}" aria-labelledby="${litRender.ifDefined(context._id)}-startColumnText"><span id="${litRender.ifDefined(context._id)}-startColumnText" class="ui5-hidden-text">${litRender.ifDefined(context.accStartColumnText)}</span><slot name="startColumn"></slot></div><div role="${litRender.ifDefined(context.accStartArrowContainerRole)}" aria-label=${litRender.ifDefined(context.accStartArrowContainerText)} class="ui5-fcl-arrow-container ui5-fcl-arrow-container-start" style="${litRender.styleMap(context.styles.arrowsContainer.start)}"><${litRender.scopeTag("ui5-button", tags, suffix)} class="ui5-fcl-arrow ui5-fcl-arrow--start" icon="slim-arrow-right" design="Transparent" @click="${context.startArrowClick}" style="${litRender.styleMap(context.styles.arrows.start)}" title="${litRender.ifDefined(context.accStartArrowText)}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div><div role="${litRender.ifDefined(context.accMiddleColumnRole)}" class="${litRender.classMap(context.classes.columns.middle)}" aria-labelledby="${litRender.ifDefined(context._id)}-midColumnText"><span id="${litRender.ifDefined(context._id)}-midColumnText" class="ui5-hidden-text">${litRender.ifDefined(context.accMiddleColumnText)}</span><slot name="midColumn"></slot></div><div role="${litRender.ifDefined(context.accEndArrowContainerRole)}" aria-label="${litRender.ifDefined(context.accEndArrowContainerText)}" class="ui5-fcl-arrow-container ui5-fcl-arrow-container-end" style="${litRender.styleMap(context.styles.arrowsContainer.end)}"><${litRender.scopeTag("ui5-button", tags, suffix)} class="ui5-fcl-arrow ui5-fcl-arrow--end" style="${litRender.styleMap(context.styles.arrows.end)}" icon="slim-arrow-left" design="Transparent" @click="${context.endArrowClick}" title="${litRender.ifDefined(context.accEndArrowText)}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div><div role="${litRender.ifDefined(context.accEndColumnRole)}" class="${litRender.classMap(context.classes.columns.end)}" aria-labelledby="${litRender.ifDefined(context._id)}-endColumnText"><span id="${litRender.ifDefined(context._id)}-endColumnText" class="ui5-hidden-text">${litRender.ifDefined(context.accEndColumnText)}</span><slot name="endColumn"></slot></div></div> `;
 
 	return block0;
 

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

@@ -0,0 +1,10 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
+
+	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-media-gallery-item-root" tabindex="${litRender.ifDefined(context.tabIndex)}" data-sap-focus-ref @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" role="${litRender.ifDefined(context._role)}"><div class="ui5-media-gallery-item-mask-layer"></div><div class="ui5-media-gallery-item-wrapper" style="${litRender.styleMap(context.styles.wrapper)}">${ context._showBackgroundIcon ? block1(context, tags, suffix) : undefined }${ context._useContent ? block2() : undefined }${ context._useThumbnail ? block3() : undefined }</div></div>`;
+	const block1 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-icon", tags, suffix)} name="background"></${litRender.scopeTag("ui5-icon", tags, suffix)}>`;
+	const block2 = (context, tags, suffix) => litRender.html`<slot></slot>`;
+	const block3 = (context, tags, suffix) => litRender.html`<slot name="thumbnail"></slot>`;
+
+	return block0;
+
+});

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

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
+
+	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-media-gallery-root" dir=${litRender.ifDefined(context.effectiveDir)}><div class="ui5-media-gallery-display-wrapper"><div class="ui5-media-gallery-display" @click="${context._onDisplayAreaClick}">${ context._isPhonePlatform ? block1(context, tags, suffix) : block3(context, tags, suffix) }</div></div>${ context._showThumbnails ? block4(context, tags, suffix) : undefined }</div>`;
+	const block1 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-carousel", tags, suffix)} @ui5-navigate="${litRender.ifDefined(context._onCarouselNavigate)}" hide-navigation-arrows>${ litRender.repeat(context._selectableItems, (item, index) => item._id || index, (item, index) => block2(item)) }</${litRender.scopeTag("ui5-carousel", tags, suffix)}>`;
+	const block2 = (item, index, context, tags, suffix) => litRender.html`<slot name="${litRender.ifDefined(item._individualSlot)}"></slot>`;
+	const block3 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-media-gallery-item", tags, suffix)} ?_interactive="${litRender.ifDefined(context.interactiveDisplayArea)}" ?_square="${litRender.ifDefined(context._shouldHaveSquareDisplay)}" _tab-index="${litRender.ifDefined(context._mainItemTabIndex)}"></${litRender.scopeTag("ui5-media-gallery-item", tags, suffix)}>`;
+	const block4 = (context, tags, suffix) => litRender.html`<div class="ui5-media-gallery-thumbnails-wrapper"><ul>${ litRender.repeat(context._visibleItems, (item, index) => item._id || index, (item, index) => block5(item, index, context)) }${ context._showOverflowBtn ? block6(context, tags, suffix) : undefined }</ul></div>`;
+	const block5 = (item, index, context, tags, suffix) => litRender.html`<li id="${litRender.ifDefined(item.id)}" class="ui5-media-gallery-thumbnail" role="option" @click="${context._onThumbnailClick}" @ui5-click="${litRender.ifDefined(context._onThumbnailClick)}"><slot name="${litRender.ifDefined(item._individualSlot)}"></slot></li>`;
+	const block6 = (context, tags, suffix) => litRender.html`<li class="ui5-media-gallery-overflow"><${litRender.scopeTag("ui5-button", tags, suffix)} @click="${context._onOverflowBtnClick}">+${litRender.ifDefined(context._overflowSize)}</${litRender.scopeTag("ui5-button", tags, suffix)}></li>`;
+
+	return block0;
+
+});

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

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
 
-	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-popover", tags, suffix)} class="ui5-shellbar-menu-popover" placement-type="Bottom" @ui5-before-open=${litRender.ifDefined(context._menuPopoverBeforeOpen)} @ui5-after-close=${litRender.ifDefined(context._menuPopoverAfterClose)}><${litRender.scopeTag("ui5-list", tags, suffix)} separators="None" mode="SingleSelect" @ui5-item-press=${litRender.ifDefined(context._menuItemPress)}>${ litRender.repeat(context._menuPopoverItems, (item, index) => item._id || index, (item, index) => block1(item)) }</${litRender.scopeTag("ui5-list", tags, suffix)}></${litRender.scopeTag("ui5-popover", tags, suffix)}><${litRender.scopeTag("ui5-popover", tags, suffix)} class="ui5-shellbar-overflow-popover" placement-type="Bottom" horizontal-align="${litRender.ifDefined(context.popoverHorizontalAlign)}" hide-arrow @ui5-before-open=${litRender.ifDefined(context._overflowPopoverBeforeOpen)} @ui5-after-close=${litRender.ifDefined(context._overflowPopoverAfterClose)}><${litRender.scopeTag("ui5-list", tags, suffix)} separators="None" @ui5-item-press="${litRender.ifDefined(context._actionList.itemPress)}">${ litRender.repeat(context._hiddenIcons, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}></${litRender.scopeTag("ui5-popover", tags, suffix)}>`;
+	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-popover", tags, suffix)} class="ui5-shellbar-menu-popover" placement-type="Bottom" @ui5-before-open=${litRender.ifDefined(context._menuPopoverBeforeOpen)} @ui5-after-close=${litRender.ifDefined(context._menuPopoverAfterClose)}><${litRender.scopeTag("ui5-list", tags, suffix)} separators="None" mode="SingleSelect" @ui5-selection-change=${litRender.ifDefined(context._menuItemPress)}>${ litRender.repeat(context._menuPopoverItems, (item, index) => item._id || index, (item, index) => block1(item)) }</${litRender.scopeTag("ui5-list", tags, suffix)}></${litRender.scopeTag("ui5-popover", tags, suffix)}><${litRender.scopeTag("ui5-popover", tags, suffix)} class="ui5-shellbar-overflow-popover" placement-type="Bottom" horizontal-align="${litRender.ifDefined(context.popoverHorizontalAlign)}" hide-arrow @ui5-before-open=${litRender.ifDefined(context._overflowPopoverBeforeOpen)} @ui5-after-close=${litRender.ifDefined(context._overflowPopoverAfterClose)}><${litRender.scopeTag("ui5-list", tags, suffix)} separators="None" @ui5-item-click="${litRender.ifDefined(context._handleActionListClick)}">${ litRender.repeat(context._hiddenIcons, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}></${litRender.scopeTag("ui5-popover", tags, suffix)}>`;
 	const block1 = (item, index, context, tags, suffix) => litRender.html`${litRender.ifDefined(item)}`;
 	const block2 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} data-ui5-external-action-item-id="${litRender.ifDefined(item.refItemid)}" icon="${litRender.ifDefined(item.icon)}" type="Active" @ui5-_press="${litRender.ifDefined(item.press)}">${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
 

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

@@ -1,24 +1,24 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
 
-	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.wrapper)}" dir="${litRender.ifDefined(context.effectiveDir)}" role="banner" aria-label="${litRender.ifDefined(context._shellbarText)}" part="root"><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-left">${ context.startButton.length ? block1() : undefined }${ context.hasFocusableLogo ? block2(context) : undefined }${ context.showArrowDown ? block3(context) : undefined }${ context.secondaryTitle ? block6(context) : undefined }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-middle">${ context.showCoPilot ? block7(context) : block10() }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-right"><div class="ui5-shellbar-overflow-container-right-child">${ context.hasSearchField ? block11(context, tags, suffix) : undefined }${ litRender.repeat(context.customItemsInfo, (item, index) => item._id || index, (item, index) => block14(item, index, context, tags, suffix)) }${ context.showNotifications ? block15(context, tags, suffix) : undefined }<${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(context._id)}-item-5" style="${litRender.styleMap(context.styles.items.overflow)}" class="${litRender.classMap(context.classes.items.overflow)} ui5-shellbar-button ui5-shellbar-overflow-button-shown ui5-shellbar-overflow-button" icon="sap-icon://overflow" @click="${context._handleOverflowPress}" title="${litRender.ifDefined(context._overflowText)}" ._buttonAccInfo="${litRender.ifDefined(context.accInfo.overflow)}" data-ui5-stable="overflow"></${litRender.scopeTag("ui5-button", tags, suffix)}>${ context.hasProfile ? block16(context, tags, suffix) : undefined }${ context.showProductSwitch ? block17(context, tags, suffix) : undefined }</div></div></div> `;
+	const block0 = (context, tags, suffix) => litRender.html`<div class="${litRender.classMap(context.classes.wrapper)}" dir="${litRender.ifDefined(context.effectiveDir)}" role="banner" aria-label="${litRender.ifDefined(context._shellbarText)}" part="root"><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-left">${ context.startButton.length ? block1() : undefined }${ context.hasFocusableLogo ? block2(context) : undefined }${ context.showArrowDown ? block3(context) : undefined }${ context.secondaryTitle ? block6(context) : undefined }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-middle">${ context.showCoPilot ? block7(context) : block10() }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-right"><div class="ui5-shellbar-overflow-container-right-child">${ context.hasSearchField ? block11(context, tags, suffix) : undefined }${ litRender.repeat(context.customItemsInfo, (item, index) => item._id || index, (item, index) => block14(item, index, context, tags, suffix)) }${ context.showNotifications ? block15(context, tags, suffix) : undefined }<${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(context._id)}-item-5" style="${litRender.styleMap(context.styles.items.overflow)}" class="${litRender.classMap(context.classes.items.overflow)} ui5-shellbar-button ui5-shellbar-overflow-button-shown ui5-shellbar-overflow-button" icon="sap-icon://overflow" @click="${context._handleOverflowPress}" title="${litRender.ifDefined(context._overflowText)}" .accessibilityAttributes=${litRender.ifDefined(context.accInfo.overflow.accessibilityAttributes)} data-ui5-stable="overflow"></${litRender.scopeTag("ui5-button", tags, suffix)}>${ context.hasProfile ? block16(context, tags, suffix) : undefined }${ context.showProductSwitch ? block17(context, tags, suffix) : undefined }</div></div></div> `;
 	const block1 = (context, tags, suffix) => litRender.html`<slot name="startButton"></slot>`;
 	const block2 = (context, tags, suffix) => litRender.html`<span class="ui5-shellbar-logo" role="button" aria-label="${litRender.ifDefined(context._logoText)}" title="${litRender.ifDefined(context._logoText)}" @click="${context._logoPress}" @keydown="${context._logoKeydown}" @keyup="${context._logoKeyup}" tabindex="0" data-ui5-stable="logo"><slot name="logo"></slot></span>`;
-	const block3 = (context, tags, suffix) => litRender.html`<button tabindex="${litRender.ifDefined(context.menuBtnTabindex)}" class="${litRender.classMap(context.classes.button)}" @click="${context._header.press}" aria-haspopup="${litRender.ifDefined(context.menuBtnHasPopup)}" aria-expanded="${litRender.ifDefined(context.menuPopoverExpanded)}">${ context.hasNonFocusableLogo ? block4(context) : undefined }${ context.primaryTitle ? block5(context) : undefined }<span class="ui5-shellbar-menu-button-arrow"></span></button>`;
+	const block3 = (context, tags, suffix) => litRender.html`<button tabindex="${litRender.ifDefined(context.menuBtnTabindex)}" class="${litRender.classMap(context.classes.button)}" @click="${context._header.press}" aria-haspopup="${litRender.ifDefined(context.menuBtnHasPopup)}" aria-expanded="${litRender.ifDefined(context.menuPopoverExpanded)}" data-ui5-stable="menu">${ context.hasNonFocusableLogo ? block4(context) : undefined }${ context.primaryTitle ? block5(context) : undefined }<span class="ui5-shellbar-menu-button-arrow"></span></button>`;
 	const block4 = (context, tags, suffix) => litRender.html`<span class="ui5-shellbar-logo" aria-label="${litRender.ifDefined(context._logoText)}" title="${litRender.ifDefined(context._logoText)}"><slot name="logo"></slot></span>`;
-	const block5 = (context, tags, suffix) => litRender.html`<h1 class="ui5-shellbar-menu-button-title"><bdi class="${litRender.classMap(context.classes.title)}">${litRender.ifDefined(context.primaryTitle)}</bdi></h1>`;
-	const block6 = (context, tags, suffix) => litRender.html`<h2 class="ui5-shellbar-secondary-title">${litRender.ifDefined(context.secondaryTitle)}</h2>`;
+	const block5 = (context, tags, suffix) => litRender.html`<h1 class="ui5-shellbar-menu-button-title"><bdi>${litRender.ifDefined(context.primaryTitle)}</bdi></h1>`;
+	const block6 = (context, tags, suffix) => litRender.html`<h2 class="ui5-shellbar-secondary-title" data-ui5-stable="secondary-title">${litRender.ifDefined(context.secondaryTitle)}</h2>`;
 	const block7 = (context, tags, suffix) => litRender.html`<div class="ui5-shellbar-copilot-wrapper" tabindex="0" aria-label="${litRender.ifDefined(context._copilotText)}" role="button" title="${litRender.ifDefined(context._copilotText)}" @keydown="${context._coPilotKeydown}" @keyup="${context._coPilotKeyup}" ?active="${context.coPilotActive}" data-ui5-stable="copilot"><svg @click="${context._coPilotClick}" focusable="false" width="44" role="presentation" aria-hidden="true" height="44" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="ui5-shellbar-coPilot">${blockSVG1(context)}</svg></div>`;
 	const block8 = (context, tags, suffix) => litRender.svg`<animateTransform attributeName="transform" type="rotate" from="54" to="416" dur="15s" repeatCount="indefinite"/>`;
 	const block9 = (context, tags, suffix) => litRender.svg`<animateTransform attributeName="transform" type="rotate" from="90" to="450" dur="30s" repeatCount="indefinite"/>`;
 	const block10 = (context, tags, suffix) => litRender.html`<span class="ui5-shellbar-co-pilot-placeholder"></span>`;
-	const block11 = (context, tags, suffix) => litRender.html`${ context._fullWidthSearch ? block12(context, tags, suffix) : undefined }<div class="ui5-shellbar-search-field" style="${litRender.styleMap(context.styles.searchField)}">${ !context._fullWidthSearch ? block13() : undefined }</div><${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(context._id)}-item-1" class="${litRender.classMap(context.classes.items.search)} ui5-shellbar-button ui5-shellbar-search-button" icon="sap-icon://search" data-ui5-text="Search" data-ui5-notifications-count="${litRender.ifDefined(context.notificationsCount)}" @click=${context._handleSearchIconPress} title="${litRender.ifDefined(context._searchText)}" ._buttonAccInfo="${litRender.ifDefined(context.accInfo.search)}"></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
-	const block12 = (context, tags, suffix) => litRender.html`<div class="ui5-shellbar-search-full-width-wrapper" style="${litRender.styleMap(context.styles.searchField)}"><div class="ui5-shellbar-search-full-field"><slot name="searchField"></slot></div><${litRender.scopeTag("ui5-button", tags, suffix)} @click=${context._handleCancelButtonPress} class="ui5-shellbar-button">Cancel</${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
+	const block11 = (context, tags, suffix) => litRender.html`${ context._fullWidthSearch ? block12(context, tags, suffix) : undefined }<div class="ui5-shellbar-search-field" style="${litRender.styleMap(context.styles.searchField)}">${ !context._fullWidthSearch ? block13() : undefined }</div><${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(context._id)}-item-1" class="${litRender.classMap(context.classes.items.search)} ui5-shellbar-button ui5-shellbar-search-button" icon="sap-icon://search" data-ui5-text="Search" data-ui5-notifications-count="${litRender.ifDefined(context.notificationsCount)}" data-ui5-stable="toggle-search" @click=${context._handleSearchIconPress} title="${litRender.ifDefined(context._searchText)}" .accessibilityAttributes=${litRender.ifDefined(context.accInfo.search.accessibilityAttributes)}></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
+	const block12 = (context, tags, suffix) => litRender.html`<div class="ui5-shellbar-search-full-width-wrapper" style="${litRender.styleMap(context.styles.searchField)}"><div class="ui5-shellbar-search-full-field"><slot name="searchField"></slot></div><${litRender.scopeTag("ui5-button", tags, suffix)} @click=${context._handleCancelButtonPress} class="ui5-shellbar-button" data-ui5-stable="cancel-search">Cancel</${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
 	const block13 = (context, tags, suffix) => litRender.html`<slot name="searchField"></slot>`;
 	const block14 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(item.id)}" style="${litRender.styleMap(item.styles)}" class="${litRender.ifDefined(item.classes)}" icon="${litRender.ifDefined(item.icon)}" title="${litRender.ifDefined(item.title)}" data-count="${litRender.ifDefined(item.count)}" data-ui5-notifications-count="${litRender.ifDefined(context.notificationsCount)}" data-ui5-external-action-item-id="${litRender.ifDefined(item.refItemid)}" data-ui5-stable="${litRender.ifDefined(item.stableDomRef)}" @click=${item.press}></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
-	const block15 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(context._id)}-item-2" style="${litRender.styleMap(context.styles.items.notification)}" class="${litRender.classMap(context.classes.items.notification)} ui5-shellbar-button ui5-shellbar-bell-button" icon="sap-icon://bell" data-ui5-text="Notifications" data-ui5-notifications-count="${litRender.ifDefined(context.notificationsCount)}" @click=${context._handleNotificationsPress} title="${litRender.ifDefined(context._notificationsText)}" ._buttonAccInfo="${litRender.ifDefined(context.accInfo.notifications)}" data-ui5-stable="notifications"></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
-	const block16 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} profile-btn id="${litRender.ifDefined(context._id)}-item-3" @click=${context._handleProfilePress} style="${litRender.styleMap(context.styles.items.profile)}" title="${litRender.ifDefined(context._profileText)}" ._buttonAccInfo="${litRender.ifDefined(context.accInfo.profile)}" class="ui5-shellbar-button ui5-shellbar-image-button" data-ui5-stable="profile"><slot name="profile"></slot></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
-	const block17 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(context._id)}-item-4" style="${litRender.styleMap(context.styles.items.product)}" class="${litRender.classMap(context.classes.items.product)} ui5-shellbar-button ui5-shellbar-button-product-switch" icon="sap-icon://grid" data-ui5-text="Product Switch" @click=${context._handleProductSwitchPress} title="${litRender.ifDefined(context._productsText)}" ._buttonAccInfo="${litRender.ifDefined(context.accInfo.products)}" data-ui5-stable="product-switch"></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
-	const blockSVG1 = (context, tags, suffix) => litRender.svg`<defs><linearGradient id="f" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#c0d9f2" stop-opacity=".87"/><stop offset="80%" stop-color="#fff" stop-opacity=".87"/></linearGradient><linearGradient id="e" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#b4d2ff" stop-opacity=".16"/><stop offset="80%" stop-color="#fff" stop-opacity=".16"/></linearGradient><linearGradient id="c" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#b4d2ff" stop-opacity=".1"/><stop offset="80%" stop-color="#fff" stop-opacity=".1"/></linearGradient><path id="d" d="M98.158 0c.158 17.395-9.107 31.335-18.609 45.928-9.21 14.153-18.933 25.29-33.377 34.045C31.427 88.918 17.25 94.39 0 94.273c-17.155-.115-30.823-6.582-45.798-14.949-15.216-8.497-27.76-16.77-37.253-31.375C-92.668 33.158-98.487 17.571-97.179 0c1.233-16.978 12.691-29.086 21.044-43.957 8.456-15.059 12.272-32.152 26.873-41.367 14.76-9.322 31.83-7.68 49.262-6.77 16.897.88 31.86 3.06 46.42 11.693 14.452 8.568 23.18 20.866 32.26 34.976C88.05-30.91 98.014-17.277 98.157 0z"><animate attributeName="d" values="${litRender.ifDefined(context.coPilot.animationValues)}" dur="30s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="scale" values="1;1.05;1.05;1.02;1" dur="0.15s" begin="a.mousedown" repeatCount="1" additive="sum"/></path><mask id="b"><circle r="120" fill="#fff"/><circle r="76"/></mask></defs><g mask="url(#b)"><g transform="rotate(54)"><use xlink:href="#d" fill="url(#c)">${ context.coPilot.animated ? block8() : undefined }</use></g><use xlink:href="#d" fill="url(#e)" transform="rotate(74)"/><g transform="rotate(90)"><use xlink:href="#d" fill="url(#f)">${ context.coPilot.animated ? block9() : undefined }</use></g></g><circle cx="0" cy="0" r="76" class="ui5-shellbar-co-pilot-circle" id="a"/>`;
+	const block15 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(context._id)}-item-2" style="${litRender.styleMap(context.styles.items.notification)}" class="${litRender.classMap(context.classes.items.notification)} ui5-shellbar-button ui5-shellbar-bell-button" icon="sap-icon://bell" data-ui5-text="Notifications" data-ui5-notifications-count="${litRender.ifDefined(context.notificationsCount)}" @click=${context._handleNotificationsPress} title="${litRender.ifDefined(context._notificationsText)}" data-ui5-stable="notifications"></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
+	const block16 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} profile-btn id="${litRender.ifDefined(context._id)}-item-3" @click=${context._handleProfilePress} style="${litRender.styleMap(context.styles.items.profile)}" title="${litRender.ifDefined(context._profileText)}" class="ui5-shellbar-button ui5-shellbar-image-button" data-ui5-stable="profile"><slot name="profile"></slot></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
+	const block17 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} id="${litRender.ifDefined(context._id)}-item-4" style="${litRender.styleMap(context.styles.items.product)}" class="${litRender.classMap(context.classes.items.product)} ui5-shellbar-button ui5-shellbar-button-product-switch" icon="sap-icon://grid" data-ui5-text="Product Switch" @click=${context._handleProductSwitchPress} title="${litRender.ifDefined(context._productsText)}" data-ui5-stable="product-switch"></${litRender.scopeTag("ui5-button", tags, suffix)}>`;
+	const blockSVG1 = (context, tags, suffix) => litRender.svg`<defs><linearGradient id="f" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" class="ui5-shellbar-co-pilot-color1 ui5-shellbar-co-pilot-opaicty7"/><stop offset="80%" class="ui5-shellbar-co-pilot-color2 ui5-shellbar-co-pilot-opaicty7"/></linearGradient><linearGradient id="e" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" class="ui5-shellbar-co-pilot-color1 ui5-shellbar-co-pilot-opaicty36"/><stop offset="80%" class="ui5-shellbar-co-pilot-color2 ui5-shellbar-co-pilot-opaicty36"/></linearGradient><linearGradient id="c" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" class="ui5-shellbar-co-pilot-color1 ui5-shellbar-co-pilot-opaicty2"/><stop offset="80%" class="ui5-shellbar-co-pilot-color2 ui5-shellbar-co-pilot-opaicty2"/></linearGradient><path id="d" d="M98.158 0c.158 17.395-9.107 31.335-18.609 45.928-9.21 14.153-18.933 25.29-33.377 34.045C31.427 88.918 17.25 94.39 0 94.273c-17.155-.115-30.823-6.582-45.798-14.949-15.216-8.497-27.76-16.77-37.253-31.375C-92.668 33.158-98.487 17.571-97.179 0c1.233-16.978 12.691-29.086 21.044-43.957 8.456-15.059 12.272-32.152 26.873-41.367 14.76-9.322 31.83-7.68 49.262-6.77 16.897.88 31.86 3.06 46.42 11.693 14.452 8.568 23.18 20.866 32.26 34.976C88.05-30.91 98.014-17.277 98.157 0z"><animate attributeName="d" values="${litRender.ifDefined(context.coPilot.animationValues)}" dur="30s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="scale" values="1;1.05;1.05;1.02;1" dur="0.15s" begin="a.mousedown" repeatCount="1" additive="sum"/></path><mask id="b"><circle r="120" fill="#fff"/><circle r="76"/></mask></defs><g mask="url(#b)"><g transform="rotate(54)"><use xlink:href="#d" fill="url(#c)">${ context.coPilot.animated ? block8() : undefined }</use></g><use xlink:href="#d" fill="url(#e)" transform="rotate(74)"/><g transform="rotate(90)"><use xlink:href="#d" fill="url(#f)">${ context.coPilot.animated ? block9() : undefined }</use></g></g><circle cx="0" cy="0" r="76" class="ui5-shellbar-co-pilot-circle" id="a"/>`;
 
 	return block0;
 

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

@@ -1,6 +1,6 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
 
-	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-responsive-popover", tags, suffix)} vertical-align="Top"><${litRender.scopeTag("ui5-list", tags, suffix)} mode="None" @ui5-item-click="${litRender.ifDefined(context.handleListItemClick)}"><${litRender.scopeTag("ui5-li", tags, suffix)} title="${litRender.ifDefined(context._popoverContent.mainItem._tooltip)}" ?selected="${context._popoverContent.mainItemSelected}" .associatedItem="${litRender.ifDefined(context._popoverContent.mainItem)}">${litRender.ifDefined(context._popoverContent.mainItem.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>${ litRender.repeat(context._popoverContent.subItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}></${litRender.scopeTag("ui5-responsive-popover", tags, suffix)}>`;
+	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-responsive-popover", tags, suffix)} vertical-align="Top" class="ui5-side-navigation-popover"><${litRender.scopeTag("ui5-list", tags, suffix)} mode="None" @ui5-item-click="${litRender.ifDefined(context.handleListItemClick)}"><${litRender.scopeTag("ui5-li", tags, suffix)} title="${litRender.ifDefined(context._popoverContent.mainItem._tooltip)}" ?selected="${context._popoverContent.mainItemSelected}" .associatedItem="${litRender.ifDefined(context._popoverContent.mainItem)}">${litRender.ifDefined(context._popoverContent.mainItem.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>${ litRender.repeat(context._popoverContent.subItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}></${litRender.scopeTag("ui5-responsive-popover", tags, suffix)}>`;
 	const block1 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} title="${litRender.ifDefined(item._tooltip)}" ?selected="${item.selected}" .associatedItem="${litRender.ifDefined(item)}">${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
 
 	return block0;

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

@@ -3,7 +3,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 	const block0 = (context, tags, suffix) => litRender.html`<li part="native-li" tabindex="${litRender.ifDefined(context.tabIndex)}" class="${litRender.classMap(context.classes.main)}" dir="${litRender.ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${litRender.ifDefined(context._accInfo.role)}" aria-expanded="${litRender.ifDefined(context._accInfo.ariaExpanded)}" title="${litRender.ifDefined(context.title)}" aria-level="${litRender.ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${litRender.ifDefined(context._accInfo.posinset)}" aria-setsize="${litRender.ifDefined(context._accInfo.setsize)}" aria-describedby="${litRender.ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${litRender.ifDefined(context._id)}-invisibleText ${litRender.ifDefined(context._id)}-content" aria-disabled="${litRender.ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${litRender.ifDefined(context._id)}-content" class="ui5-li-content"><div class="ui5-uci-thumbnail"><slot name="thumbnail"></slot></div><div class="ui5-uci-content-and-edit-container"><div class="ui5-uci-content-and-progress"><div class="ui5-uci-content">${ context._editing ? block5(context, tags, suffix) : block6(context, tags, suffix) }<div class="ui5-uci-description"><slot></slot></div></div>${ context._showProgressIndicator ? block9(context, tags, suffix) : undefined }</div><div class="ui5-uci-edit-buttons">${ context._editing ? block10(context, tags, suffix) : block11(context, tags, suffix) }</div></div></div>${ context.typeDetail ? block15(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block16(context, tags, suffix) : undefined }<span id="${litRender.ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${litRender.ifDefined(context._accInfo.listItemAriaLabel)}${litRender.ifDefined(context.accessibleName)}</span><span id="${litRender.ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${litRender.ifDefined(context._accInfo.ariaSelectedText)}</span></li>`;
 	const block1 = (context, tags, suffix) => litRender.html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
 	const block2 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${litRender.ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${litRender.ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${litRender.scopeTag("ui5-radio-button", tags, suffix)}>`;
-	const block3 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" tabindex="-1" id="${litRender.ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${litRender.ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${litRender.scopeTag("ui5-checkbox", tags, suffix)}>`;
+	const block3 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${litRender.ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${litRender.ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${litRender.scopeTag("ui5-checkbox", tags, suffix)}>`;
 	const block4 = (context, tags, suffix) => litRender.html`<div class="ui5-li-deletebtn"><${litRender.scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${litRender.ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" title="${litRender.ifDefined(context.deleteText)}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
 	const block5 = (context, tags, suffix) => litRender.html`<div class="ui5-uci-edit-container"><${litRender.scopeTag("ui5-input", tags, suffix)} id="ui5-uci-edit-input" data-sap-focus-ref @focusin="${context._onInputFocusin}" @keydown="${context._onInputKeyDown}"></${litRender.scopeTag("ui5-input", tags, suffix)}><span class="ui5-uci-file-extension">${litRender.ifDefined(context._fileExtension)}</span></div>`;
 	const block6 = (context, tags, suffix) => litRender.html`${ context.fileNameClickable ? block7(context, tags, suffix) : block8(context) }`;
@@ -18,7 +18,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 	const block15 = (context, tags, suffix) => litRender.html`<div class="ui5-li-detailbtn"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
 	const block16 = (context, tags, suffix) => litRender.html`${ context.modeSingleSelect ? block17(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block18(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block19(context, tags, suffix) : undefined }`;
 	const block17 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${litRender.ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${litRender.ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${litRender.scopeTag("ui5-radio-button", tags, suffix)}>`;
-	const block18 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" tabindex="-1" id="${litRender.ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${litRender.ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${litRender.scopeTag("ui5-checkbox", tags, suffix)}>`;
+	const block18 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${litRender.ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${litRender.ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${litRender.scopeTag("ui5-checkbox", tags, suffix)}>`;
 	const block19 = (context, tags, suffix) => litRender.html`<div class="ui5-li-deletebtn"><${litRender.scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${litRender.ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" title="${litRender.ifDefined(context.deleteText)}"></${litRender.scopeTag("ui5-button", tags, suffix)}></div>`;
 
 	return block0;

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

@@ -1,17 +1,20 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (litRender) { 'use strict';
 
-	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-dialog", tags, suffix)} aria-label="${litRender.ifDefined(context._dialogTitle)}" @ui5-after-open=${litRender.ifDefined(context._focusRecentlyUsedControl)} @ui5-before-close=${litRender.ifDefined(context._restoreConfirmedOnEscape)} ?stretch=${context._isPhone}><div slot="header" class="ui5-vsd-header"><${litRender.scopeTag("ui5-bar", tags, suffix)}><div slot="startContent" class="ui5-vsd-start">${ context.showBackButton ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div><${litRender.scopeTag("ui5-button", tags, suffix)} slot="endContent" design="Transparent" @click="${context._resetSettings}" ?disabled=${context._disableResetButton} reset-button>${litRender.ifDefined(context._resetButtonLabel)}</${litRender.scopeTag("ui5-button", tags, suffix)}></${litRender.scopeTag("ui5-bar", tags, suffix)}></div><div class="ui5-vsd-content">${ context.isModeSort ? block3(context, tags, suffix) : undefined }${ context.isModeFilter ? block6(context, tags, suffix) : undefined }</div><div slot="footer" class="ui5-vsd-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Emphasized" @click="${context._confirmSettings}">${litRender.ifDefined(context._okButtonLabel)}</${litRender.scopeTag("ui5-button", tags, suffix)}><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._cancelSettings}">${litRender.ifDefined(context._cancelButtonLabel)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-dialog", tags, suffix)}>`;
+	const block0 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-dialog", tags, suffix)} aria-label="${litRender.ifDefined(context._dialogTitle)}" @ui5-after-open=${litRender.ifDefined(context._focusRecentlyUsedControl)} @ui5-before-close=${litRender.ifDefined(context._restoreConfirmedOnEscape)} ?stretch=${context._isPhone}><div slot="header" class="ui5-vsd-header"><${litRender.scopeTag("ui5-bar", tags, suffix)}><div slot="startContent" class="ui5-vsd-start">${ context.showBackButton ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div><${litRender.scopeTag("ui5-button", tags, suffix)} slot="endContent" design="Transparent" @click="${context._resetSettings}" ?disabled=${context._disableResetButton} reset-button>${litRender.ifDefined(context._resetButtonLabel)}</${litRender.scopeTag("ui5-button", tags, suffix)}></${litRender.scopeTag("ui5-bar", tags, suffix)}></div><div class="ui5-vsd-content">${ context.shouldBuildSort ? block4(context, tags, suffix) : undefined }${ context.shouldBuildFilter ? block8(context, tags, suffix) : undefined }</div><div slot="footer" class="ui5-vsd-footer"><${litRender.scopeTag("ui5-button", tags, suffix)} design="Emphasized" @click="${context._confirmSettings}">${litRender.ifDefined(context._okButtonLabel)}</${litRender.scopeTag("ui5-button", tags, suffix)}><${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._cancelSettings}">${litRender.ifDefined(context._cancelButtonLabel)}</${litRender.scopeTag("ui5-button", tags, suffix)}></div></${litRender.scopeTag("ui5-dialog", tags, suffix)}>`;
 	const block1 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="nav-back" class="ui5-vsd-back-button" @click="${context._navigateToFilters}"></${litRender.scopeTag("ui5-button", tags, suffix)}><${litRender.scopeTag("ui5-label", tags, suffix)}>${litRender.ifDefined(context._filterByTitle)}</${litRender.scopeTag("ui5-label", tags, suffix)}>`;
-	const block2 = (context, tags, suffix) => litRender.html`<div class="ui5-vsd-bar-title"><${litRender.scopeTag("ui5-label", tags, suffix)} class="ui5-vsd-title">${litRender.ifDefined(context._dialogTitle)}</${litRender.scopeTag("ui5-label", tags, suffix)}><${litRender.scopeTag("ui5-segmented-button", tags, suffix)} @ui5-selection-change="${litRender.ifDefined(context._handleModeChange)}"><${litRender.scopeTag("ui5-segmented-button-item", tags, suffix)} ?pressed="${context.isModeSort}" ?focused="${context.isModeSort}" icon="sort" mode="Sort"></${litRender.scopeTag("ui5-segmented-button-item", tags, suffix)}><${litRender.scopeTag("ui5-segmented-button-item", tags, suffix)} ?pressed="${context.isModeFilter}" ?focused="${context.isModeFilter}" icon="filter" mode="Filter"></${litRender.scopeTag("ui5-segmented-button-item", tags, suffix)}></${litRender.scopeTag("ui5-segmented-button", tags, suffix)}></div>`;
-	const block3 = (context, tags, suffix) => litRender.html`<div class="ui5-vsd-sort"><${litRender.scopeTag("ui5-list", tags, suffix)} mode="SingleSelectBegin" @ui5-item-click="${litRender.ifDefined(context._onSortOrderChange)}" sort-order><${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${litRender.ifDefined(context._sortOrderLabel)}</${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${ litRender.repeat(context._currentSettings.sortOrder, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}><${litRender.scopeTag("ui5-list", tags, suffix)} mode="SingleSelectBegin" @ui5-item-click=${litRender.ifDefined(context._onSortByChange)} sort-by><${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${litRender.ifDefined(context._sortByLabel)}</${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${ litRender.repeat(context._currentSettings.sortBy, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}></div>`;
-	const block4 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} ?selected="${item.selected}">${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
-	const block5 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} ?selected="${item.selected}">${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
-	const block6 = (context, tags, suffix) => litRender.html`${ context._filterStepTwo ? block7(context, tags, suffix) : block11(context, tags, suffix) }`;
-	const block7 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-list", tags, suffix)} mode="MultiSelect" @ui5-item-click="${litRender.ifDefined(context._handleFilterValueItemClick)}">${ litRender.repeat(context._currentSettings.filters, (item, index) => item._id || index, (item, index) => block8(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}>`;
-	const block8 = (item, index, context, tags, suffix) => litRender.html`${ item.selected ? block9(item, index, context, tags, suffix) : undefined }`;
-	const block9 = (item, index, context, tags, suffix) => litRender.html`${ litRender.repeat(item.filterOptions, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }`;
-	const block10 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} ?selected=${item.selected}>${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
-	const block11 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-list", tags, suffix)} @ui5-item-click="${litRender.ifDefined(context._changeCurrentFilter)}"><${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${litRender.ifDefined(context._filterByLabel)}</${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}><slot name="filterItems"></slot></${litRender.scopeTag("ui5-list", tags, suffix)}>`;
+	const block2 = (context, tags, suffix) => litRender.html`<div class="ui5-vsd-bar-title"><${litRender.scopeTag("ui5-label", tags, suffix)} class="ui5-vsd-title">${litRender.ifDefined(context._dialogTitle)}</${litRender.scopeTag("ui5-label", tags, suffix)}>${ context.hasPagination ? block3(context, tags, suffix) : undefined }</div>`;
+	const block3 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-segmented-button", tags, suffix)} @ui5-selection-change="${litRender.ifDefined(context._handleModeChange)}"><${litRender.scopeTag("ui5-segmented-button-item", tags, suffix)} ?pressed="${context.isModeSort}" ?focused="${context.isModeSort}" icon="sort" mode="Sort"></${litRender.scopeTag("ui5-segmented-button-item", tags, suffix)}><${litRender.scopeTag("ui5-segmented-button-item", tags, suffix)} ?pressed="${context.isModeFilter}" ?focused="${context.isModeFilter}" icon="filter" mode="Filter"></${litRender.scopeTag("ui5-segmented-button-item", tags, suffix)}></${litRender.scopeTag("ui5-segmented-button", tags, suffix)}>`;
+	const block4 = (context, tags, suffix) => litRender.html`${ context.isModeSort ? block5(context, tags, suffix) : undefined }`;
+	const block5 = (context, tags, suffix) => litRender.html`<div class="ui5-vsd-sort"><${litRender.scopeTag("ui5-list", tags, suffix)} mode="SingleSelectBegin" @ui5-item-click="${litRender.ifDefined(context._onSortOrderChange)}" sort-order><${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${litRender.ifDefined(context._sortOrderLabel)}</${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${ litRender.repeat(context._currentSettings.sortOrder, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}><${litRender.scopeTag("ui5-list", tags, suffix)} mode="SingleSelectBegin" @ui5-item-click=${litRender.ifDefined(context._onSortByChange)} sort-by><${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${litRender.ifDefined(context._sortByLabel)}</${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${ litRender.repeat(context._currentSettings.sortBy, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}></div>`;
+	const block6 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} ?selected="${item.selected}">${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
+	const block7 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} ?selected="${item.selected}">${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
+	const block8 = (context, tags, suffix) => litRender.html`${ context.isModeFilter ? block9(context, tags, suffix) : undefined }`;
+	const block9 = (context, tags, suffix) => litRender.html`${ context._filterStepTwo ? block10(context, tags, suffix) : block14(context, tags, suffix) }`;
+	const block10 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-list", tags, suffix)} mode="MultiSelect" @ui5-item-click="${litRender.ifDefined(context._handleFilterValueItemClick)}">${ litRender.repeat(context._currentSettings.filters, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix)) }</${litRender.scopeTag("ui5-list", tags, suffix)}>`;
+	const block11 = (item, index, context, tags, suffix) => litRender.html`${ item.selected ? block12(item, index, context, tags, suffix) : undefined }`;
+	const block12 = (item, index, context, tags, suffix) => litRender.html`${ litRender.repeat(item.filterOptions, (item, index) => item._id || index, (item, index) => block13(item, index, context, tags, suffix)) }`;
+	const block13 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-li", tags, suffix)} ?selected=${item.selected}>${litRender.ifDefined(item.text)}</${litRender.scopeTag("ui5-li", tags, suffix)}>`;
+	const block14 = (context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-list", tags, suffix)} @ui5-item-click="${litRender.ifDefined(context._changeCurrentFilter)}"><${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}>${litRender.ifDefined(context._filterByLabel)}</${litRender.scopeTag("ui5-li-groupheader", tags, suffix)}><slot name="filterItems"></slot></${litRender.scopeTag("ui5-list", tags, suffix)}>`;
 
 	return block0;
 

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

@@ -2,7 +2,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], funct
 
 	const block0 = (context, tags, suffix) => litRender.html`<div class="ui5-wiz-root" aria-label="${litRender.ifDefined(context.ariaLabelText)}" role="region"><nav class="ui5-wiz-nav" aria-label="${litRender.ifDefined(context.navAriaLabelText)}" tabindex="-1"><div class="ui5-wiz-nav-list" role="list" aria-label="${litRender.ifDefined(context.listAriaLabelText)}" aria-describedby="wiz-nav-descr" aria-controls="${litRender.ifDefined(context._id)}-wiz-content">${ litRender.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">${litRender.ifDefined(context.navAriaDescribedbyText)}</span><div id="${litRender.ifDefined(context._id)}-wiz-content" class="ui5-wiz-content" @scroll="${context.onScroll}">${ litRender.repeat(context._steps, (item, index) => item._id || index, (item, index) => block2(item)) }</div></div>`;
 	const block1 = (item, index, context, tags, suffix) => litRender.html`<${litRender.scopeTag("ui5-wizard-tab", tags, suffix)} title-text="${litRender.ifDefined(item.titleText)}" subtitle-text="${litRender.ifDefined(item.subtitleText)}" icon="${litRender.ifDefined(item.icon)}" number="${litRender.ifDefined(item.number)}" ?disabled="${item.disabled}" ?selected="${item.selected}" ?hide-separator="${item.hideSeparator}" ?active-separator="${item.activeSeparator}" ?branching-separator="${item.branchingSeparator}" ._wizardTabAccInfo="${litRender.ifDefined(item.accInfo)}" data-ui5-content-ref-id="${litRender.ifDefined(item.refStepId)}" data-ui5-index="${litRender.ifDefined(item.pos)}" _tab-index="${litRender.ifDefined(item.tabIndex)}" @ui5-selection-change-requested="${litRender.ifDefined(context.onSelectionChangeRequested)}" @ui5-focused="${litRender.ifDefined(context.onStepInHeaderFocused)}" @click="${context._onGroupedTabClick}" style=${litRender.styleMap(item.styles)}></${litRender.scopeTag("ui5-wizard-tab", tags, suffix)}>`;
-	const block2 = (item, index, context, tags, suffix) => litRender.html`<div class="ui5-wiz-content-item" ?hidden="${item.disabled}" ?selected="${item.selected}" ?stretch="${item.stretch}" data-ui5-content-item-ref-id="${litRender.ifDefined(item._id)}"><slot name="${litRender.ifDefined(item._individualSlot)}"></slot></div>`;
+	const block2 = (item, index, context, tags, suffix) => litRender.html`<div class="ui5-wiz-content-item" ?hidden="${item.disabled}" ?selected="${item.selected}" ?stretch="${item.stretch}" aria-label="${litRender.ifDefined(item.stepContentAriaLabel)}" role="region" data-ui5-content-item-ref-id="${litRender.ifDefined(item._id)}"><slot name="${litRender.ifDefined(item._individualSlot)}"></slot></div>`;
 
 	return block0;
 

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

@@ -6,7 +6,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Themes', 'sa
 
 	Themes.registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase__default);
 	Themes.registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => parametersBundle_css);
-	var BarCss = {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-left:.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-right:.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}"};
+	var BarCss = {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-left:.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-right:.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(.ui5-bar-content){margin:0 .25rem}[dir=rtl] .ui5-bar-startcontent-container{padding-right:.5rem;padding-left:0}[dir=rtl] .ui5-bar-endcontent-container{padding-left:.5rem;padding-right:0}"};
 
 	return BarCss;
 

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

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Themes', 'sap/ui/webc/common/thirdparty/theming/generated/themes/sap_fiori_3/parameters-bundle.css', './sap_fiori_3/parameters-bundle.css'], function (Themes, defaultThemeBase, parametersBundle_css) { 'use strict';
+
+	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+	var defaultThemeBase__default = /*#__PURE__*/_interopDefaultLegacy(defaultThemeBase);
+
+	Themes.registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase__default);
+	Themes.registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => parametersBundle_css);
+	var DynamicSideContentCss = {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%}"};
+
+	return DynamicSideContentCss;
+
+});

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

@@ -6,7 +6,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Themes', 'sa
 
 	Themes.registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase__default);
 	Themes.registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => parametersBundle_css);
-	var IllustratedMessageCss = {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_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)}"};
+	var IllustratedMessageCss = {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)}"};
 
 	return IllustratedMessageCss;
 

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

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Themes', 'sap/ui/webc/common/thirdparty/theming/generated/themes/sap_fiori_3/parameters-bundle.css', './sap_fiori_3/parameters-bundle.css'], function (Themes, defaultThemeBase, parametersBundle_css) { 'use strict';
+
+	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+	var defaultThemeBase__default = /*#__PURE__*/_interopDefaultLegacy(defaultThemeBase);
+
+	Themes.registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase__default);
+	Themes.registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => parametersBundle_css);
+	var MediaGalleryCss = {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,:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-root[dir=rtl]{flex-direction:row-reverse}:host([effective-layout=Horizontal]) .ui5-media-gallery-root[dir=rtl],: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:1rem 0 0 0}:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnails-wrapper{margin:0 0 1rem 0}:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnails-wrapper{margin:0 1rem 0 0}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnails-wrapper{margin:0 0 0 1rem}:host(:not([effective-layout=Horizontal])) [dir=rtl] .ui5-media-gallery-thumbnails-wrapper{margin-right:1rem}: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}"};
+
+	return MediaGalleryCss;
+
+});

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

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Themes', 'sap/ui/webc/common/thirdparty/theming/generated/themes/sap_fiori_3/parameters-bundle.css', './sap_fiori_3/parameters-bundle.css'], function (Themes, defaultThemeBase, parametersBundle_css) { 'use strict';
+
+	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+	var defaultThemeBase__default = /*#__PURE__*/_interopDefaultLegacy(defaultThemeBase);
+
+	Themes.registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase__default);
+	Themes.registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => parametersBundle_css);
+	var MediaGalleryItemCss = {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;-ms-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}"};
+
+	return MediaGalleryItemCss;
+
+});