@ui5/webcomponents-fiori 1.4.0 → 1.5.0

package/dist/generated/templates/ShellBarTemplate.lit.js

@@ -1,25 +1,30 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => suffix ? html`<div class="${classMap(context.classes.wrapper)}" role="banner" aria-label="${ifDefined(context._shellbarText)}" part="root"><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-left">${ context.startButton.length ? block1(context, tags, suffix) : undefined }${ context.hasFocusableLogo ? block2(context, tags, suffix) : undefined }${ context.showArrowDown ? block3(context, tags, suffix) : undefined }${ context.secondaryTitle ? block6(context, tags, suffix) : undefined }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-middle">${ context.showCoPilot ? block7(context, tags, suffix) : block10(context, tags, suffix) }</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 }${ repeat(context.customItemsInfo, (item, index) => item._id || index, (item, index) => block14(item, index, context, tags, suffix)) }${ context.showNotifications ? block15(context, tags, suffix) : undefined }<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(context._id)}-item-5" style="${styleMap(context.styles.items.overflow)}" class="${classMap(context.classes.items.overflow)} ui5-shellbar-button ui5-shellbar-overflow-button-shown ui5-shellbar-overflow-button" icon="sap-icon://overflow" @click="${context._handleOverflowPress}" tooltip="${ifDefined(context._overflowText)}" .accessibilityAttributes=${ifDefined(context.accInfo.overflow.accessibilityAttributes)} data-ui5-stable="overflow"></${scopeTag("ui5-button", tags, suffix)}>${ context.hasProfile ? block16(context, tags, suffix) : undefined }${ context.showProductSwitch ? block17(context, tags, suffix) : undefined }</div></div></div> ` : html`<div class="${classMap(context.classes.wrapper)}" role="banner" aria-label="${ifDefined(context._shellbarText)}" part="root"><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-left">${ context.startButton.length ? block1(context, tags, suffix) : undefined }${ context.hasFocusableLogo ? block2(context, tags, suffix) : undefined }${ context.showArrowDown ? block3(context, tags, suffix) : undefined }${ context.secondaryTitle ? block6(context, tags, suffix) : undefined }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-middle">${ context.showCoPilot ? block7(context, tags, suffix) : block10(context, tags, suffix) }</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 }${ repeat(context.customItemsInfo, (item, index) => item._id || index, (item, index) => block14(item, index, context, tags, suffix)) }${ context.showNotifications ? block15(context, tags, suffix) : undefined }<ui5-button id="${ifDefined(context._id)}-item-5" style="${styleMap(context.styles.items.overflow)}" class="${classMap(context.classes.items.overflow)} ui5-shellbar-button ui5-shellbar-overflow-button-shown ui5-shellbar-overflow-button" icon="sap-icon://overflow" @click="${context._handleOverflowPress}" tooltip="${ifDefined(context._overflowText)}" .accessibilityAttributes=${ifDefined(context.accInfo.overflow.accessibilityAttributes)} data-ui5-stable="overflow"></ui5-button>${ context.hasProfile ? block16(context, tags, suffix) : undefined }${ context.showProductSwitch ? block17(context, tags, suffix) : undefined }</div></div></div> `;
+const block0 = (context, tags, suffix) => suffix ? html`<div class="${classMap(context.classes.wrapper)}" role="banner" aria-label="${ifDefined(context._shellbarText)}" part="root"><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-left">${ context.startButton.length ? block1(context, tags, suffix) : undefined }${ context.hasMenuItems ? block2(context, tags, suffix) : undefined }${ !context.hasMenuItems ? block8(context, tags, suffix) : undefined }${ context.secondaryTitle ? block11(context, tags, suffix) : undefined }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-middle">${ context.showCoPilot ? block12(context, tags, suffix) : block15(context, tags, suffix) }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-right"><div class="ui5-shellbar-overflow-container-right-child">${ context.hasSearchField ? block16(context, tags, suffix) : undefined }${ repeat(context.customItemsInfo, (item, index) => item._id || index, (item, index) => block19(item, index, context, tags, suffix)) }${ context.showNotifications ? block20(context, tags, suffix) : undefined }<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(context._id)}-item-5" style="${styleMap(context.styles.items.overflow)}" class="${classMap(context.classes.items.overflow)} ui5-shellbar-button ui5-shellbar-overflow-button-shown ui5-shellbar-overflow-button" icon="sap-icon://overflow" @click="${context._handleOverflowPress}" tooltip="${ifDefined(context._overflowText)}" .accessibilityAttributes=${ifDefined(context.accInfo.overflow.accessibilityAttributes)} data-ui5-stable="overflow"></${scopeTag("ui5-button", tags, suffix)}>${ context.hasProfile ? block21(context, tags, suffix) : undefined }${ context.showProductSwitch ? block22(context, tags, suffix) : undefined }</div></div></div> ` : html`<div class="${classMap(context.classes.wrapper)}" role="banner" aria-label="${ifDefined(context._shellbarText)}" part="root"><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-left">${ context.startButton.length ? block1(context, tags, suffix) : undefined }${ context.hasMenuItems ? block2(context, tags, suffix) : undefined }${ !context.hasMenuItems ? block8(context, tags, suffix) : undefined }${ context.secondaryTitle ? block11(context, tags, suffix) : undefined }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-middle">${ context.showCoPilot ? block12(context, tags, suffix) : block15(context, tags, suffix) }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-right"><div class="ui5-shellbar-overflow-container-right-child">${ context.hasSearchField ? block16(context, tags, suffix) : undefined }${ repeat(context.customItemsInfo, (item, index) => item._id || index, (item, index) => block19(item, index, context, tags, suffix)) }${ context.showNotifications ? block20(context, tags, suffix) : undefined }<ui5-button id="${ifDefined(context._id)}-item-5" style="${styleMap(context.styles.items.overflow)}" class="${classMap(context.classes.items.overflow)} ui5-shellbar-button ui5-shellbar-overflow-button-shown ui5-shellbar-overflow-button" icon="sap-icon://overflow" @click="${context._handleOverflowPress}" tooltip="${ifDefined(context._overflowText)}" .accessibilityAttributes=${ifDefined(context.accInfo.overflow.accessibilityAttributes)} data-ui5-stable="overflow"></ui5-button>${ context.hasProfile ? block21(context, tags, suffix) : undefined }${ context.showProductSwitch ? block22(context, tags, suffix) : undefined }</div></div></div> `;
 const block1 = (context, tags, suffix) => html`<slot name="startButton"></slot>`;
-const block2 = (context, tags, suffix) => html`<span class="ui5-shellbar-logo" role="button" aria-label="${ifDefined(context._logoText)}" title="${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) => html`<button tabindex="${ifDefined(context.menuBtnTabindex)}" class="${classMap(context.classes.button)}" @click="${context._header.press}" aria-haspopup="${ifDefined(context.menuBtnHasPopup)}" aria-expanded="${ifDefined(context.menuPopoverExpanded)}" data-ui5-stable="menu">${ context.hasNonFocusableLogo ? block4(context, tags, suffix) : undefined }${ context.primaryTitle ? block5(context, tags, suffix) : undefined }<span class="ui5-shellbar-menu-button-arrow"></span></button>`;
-const block4 = (context, tags, suffix) => html`<span class="ui5-shellbar-logo" aria-label="${ifDefined(context._logoText)}" title="${ifDefined(context._logoText)}"><slot name="logo"></slot></span>`;
-const block5 = (context, tags, suffix) => html`<h1 class="ui5-shellbar-menu-button-title"><bdi>${ifDefined(context.primaryTitle)}</bdi></h1>`;
-const block6 = (context, tags, suffix) => html`<h2 class="ui5-shellbar-secondary-title" data-ui5-stable="secondary-title">${ifDefined(context.secondaryTitle)}</h2>`;
-const block7 = (context, tags, suffix) => html`<div class="ui5-shellbar-copilot-wrapper" tabindex="0" aria-label="${ifDefined(context._copilotText)}" role="button" title="${ifDefined(context._copilotText)}" @keydown="${context._coPilotKeydown}" @keyup="${context._coPilotKeyup}" ?active="${context.coPilotActive}" data-ui5-stable="copilot"><svg @click="${context._coPilotClick}" focusable="false" width="48" role="presentation" aria-hidden="true" height="48" 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, tags, suffix)}</svg></div>`;
-const block8 = (context, tags, suffix) => svg`<animateTransform attributeName="transform" type="rotate" from="54" to="416" dur="15s" repeatCount="indefinite"/>`;
-const block9 = (context, tags, suffix) => svg`<animateTransform attributeName="transform" type="rotate" from="90" to="450" dur="30s" repeatCount="indefinite"/>`;
-const block10 = (context, tags, suffix) => html`<span class="ui5-shellbar-co-pilot-placeholder"></span>`;
-const block11 = (context, tags, suffix) => suffix ? html`${ context._fullWidthSearch ? block12(context, tags, suffix) : undefined }<div class="ui5-shellbar-search-field" style="${styleMap(context.styles.searchField)}">${ !context._fullWidthSearch ? block13(context, tags, suffix) : undefined }</div><${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(context._id)}-item-1" class="${classMap(context.classes.items.search)} ui5-shellbar-button ui5-shellbar-search-button" icon="sap-icon://search" data-ui5-text="Search" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" data-ui5-stable="toggle-search" @click=${context._handleSearchIconPress} tooltip="${ifDefined(context._searchText)}" .accessibilityAttributes=${ifDefined(context.accInfo.search.accessibilityAttributes)}></${scopeTag("ui5-button", tags, suffix)}>` : html`${ context._fullWidthSearch ? block12(context, tags, suffix) : undefined }<div class="ui5-shellbar-search-field" style="${styleMap(context.styles.searchField)}">${ !context._fullWidthSearch ? block13(context, tags, suffix) : undefined }</div><ui5-button id="${ifDefined(context._id)}-item-1" class="${classMap(context.classes.items.search)} ui5-shellbar-button ui5-shellbar-search-button" icon="sap-icon://search" data-ui5-text="Search" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" data-ui5-stable="toggle-search" @click=${context._handleSearchIconPress} tooltip="${ifDefined(context._searchText)}" .accessibilityAttributes=${ifDefined(context.accInfo.search.accessibilityAttributes)}></ui5-button>`;
-const block12 = (context, tags, suffix) => suffix ? html`<div class="ui5-shellbar-search-full-width-wrapper" style="${styleMap(context.styles.searchField)}"><div class="ui5-shellbar-search-full-field"><slot name="searchField"></slot></div><${scopeTag("ui5-button", tags, suffix)} @click=${context._handleCancelButtonPress} class="ui5-shellbar-button" data-ui5-stable="cancel-search">Cancel</${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-shellbar-search-full-width-wrapper" style="${styleMap(context.styles.searchField)}"><div class="ui5-shellbar-search-full-field"><slot name="searchField"></slot></div><ui5-button @click=${context._handleCancelButtonPress} class="ui5-shellbar-button" data-ui5-stable="cancel-search">Cancel</ui5-button></div>`;
-const block13 = (context, tags, suffix) => html`<slot name="searchField"></slot>`;
-const block14 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" style="${styleMap(item.styles)}" class="${ifDefined(item.classes)}" icon="${ifDefined(item.icon)}" tooltip="${ifDefined(item.title)}" data-count="${ifDefined(item.count)}" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" data-ui5-external-action-item-id="${ifDefined(item.refItemid)}" data-ui5-stable="${ifDefined(item.stableDomRef)}" @click=${item.press}></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" style="${styleMap(item.styles)}" class="${ifDefined(item.classes)}" icon="${ifDefined(item.icon)}" tooltip="${ifDefined(item.title)}" data-count="${ifDefined(item.count)}" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" data-ui5-external-action-item-id="${ifDefined(item.refItemid)}" data-ui5-stable="${ifDefined(item.stableDomRef)}" @click=${item.press}></ui5-button>`;
-const block15 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(context._id)}-item-2" style="${styleMap(context.styles.items.notification)}" class="${classMap(context.classes.items.notification)} ui5-shellbar-button ui5-shellbar-bell-button" icon="sap-icon://bell" data-ui5-text="Notifications" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" @click=${context._handleNotificationsPress} tooltip="${ifDefined(context._notificationsText)}" data-ui5-stable="notifications"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(context._id)}-item-2" style="${styleMap(context.styles.items.notification)}" class="${classMap(context.classes.items.notification)} ui5-shellbar-button ui5-shellbar-bell-button" icon="sap-icon://bell" data-ui5-text="Notifications" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" @click=${context._handleNotificationsPress} tooltip="${ifDefined(context._notificationsText)}" data-ui5-stable="notifications"></ui5-button>`;
-const block16 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} profile-btn id="${ifDefined(context._id)}-item-3" @click=${context._handleProfilePress} style="${styleMap(context.styles.items.profile)}" tooltip="${ifDefined(context._profileText)}" class="ui5-shellbar-button ui5-shellbar-image-button" data-ui5-stable="profile"><slot name="profile"></slot></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button profile-btn id="${ifDefined(context._id)}-item-3" @click=${context._handleProfilePress} style="${styleMap(context.styles.items.profile)}" tooltip="${ifDefined(context._profileText)}" class="ui5-shellbar-button ui5-shellbar-image-button" data-ui5-stable="profile"><slot name="profile"></slot></ui5-button>`;
-const block17 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(context._id)}-item-4" style="${styleMap(context.styles.items.product)}" class="${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} tooltip="${ifDefined(context._productsText)}" data-ui5-stable="product-switch"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(context._id)}-item-4" style="${styleMap(context.styles.items.product)}" class="${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} tooltip="${ifDefined(context._productsText)}" data-ui5-stable="product-switch"></ui5-button>`;
+const block2 = (context, tags, suffix) => html`${ !context.showLogoInMenuButton ? block3(context, tags, suffix) : undefined }${ context.showTitleInMenuButton ? block4(context, tags, suffix) : undefined }${ context.showMenuButton ? block5(context, tags, suffix) : undefined }`;
+const block3 = (context, tags, suffix) => html`<span class="ui5-shellbar-logo" role="button" aria-label="${ifDefined(context._logoText)}" title="${ifDefined(context._logoText)}" @click="${context._logoPress}" @keydown="${context._logoKeydown}" @keyup="${context._logoKeyup}" tabindex="0" data-ui5-stable="logo"><slot name="logo"></slot></span>`;
+const block4 = (context, tags, suffix) => html`<h1 class="ui5-hidden-text">${ifDefined(context.primaryTitle)}</h1>`;
+const block5 = (context, tags, suffix) => html`<button class="${classMap(context.classes.button)}" @click="${context._header.press}" aria-haspopup="menu" aria-expanded="${ifDefined(context._menuPopoverExpanded)}" data-ui5-stable="menu">${ context.showLogoInMenuButton ? block6(context, tags, suffix) : undefined }${ context.showTitleInMenuButton ? block7(context, tags, suffix) : undefined }<span class="ui5-shellbar-menu-button-arrow"></span></button>`;
+const block6 = (context, tags, suffix) => html`<span class="ui5-shellbar-logo" aria-label="${ifDefined(context._logoText)}" title="${ifDefined(context._logoText)}"><slot name="logo"></slot></span>`;
+const block7 = (context, tags, suffix) => html`<div class="ui5-shellbar-menu-button-title">${ifDefined(context.primaryTitle)}</div>`;
+const block8 = (context, tags, suffix) => html`${ context.hasLogo ? block9(context, tags, suffix) : undefined }${ context.primaryTitle ? block10(context, tags, suffix) : undefined }`;
+const block9 = (context, tags, suffix) => html`<span class="ui5-shellbar-logo" role="button" aria-label="${ifDefined(context._logoText)}" title="${ifDefined(context._logoText)}" @click="${context._logoPress}" @keydown="${context._logoKeydown}" @keyup="${context._logoKeyup}" tabindex="0" data-ui5-stable="logo"><slot name="logo"></slot></span>`;
+const block10 = (context, tags, suffix) => html`<h1 class="ui5-shellbar-title"><bdi>${ifDefined(context.primaryTitle)}</bdi></h1>`;
+const block11 = (context, tags, suffix) => html`<h2 class="ui5-shellbar-secondary-title" data-ui5-stable="secondary-title">${ifDefined(context.secondaryTitle)}</h2>`;
+const block12 = (context, tags, suffix) => html`<div class="ui5-shellbar-copilot-wrapper" tabindex="0" aria-label="${ifDefined(context._copilotText)}" role="button" title="${ifDefined(context._copilotText)}" @keydown="${context._coPilotKeydown}" @keyup="${context._coPilotKeyup}" ?active="${context.coPilotActive}" data-ui5-stable="copilot"><svg @click="${context._coPilotClick}" focusable="false" width="48" role="presentation" aria-hidden="true" height="48" 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, tags, suffix)}</svg></div>`;
+const block13 = (context, tags, suffix) => svg`<animateTransform attributeName="transform" type="rotate" from="54" to="416" dur="15s" repeatCount="indefinite"/>`;
+const block14 = (context, tags, suffix) => svg`<animateTransform attributeName="transform" type="rotate" from="90" to="450" dur="30s" repeatCount="indefinite"/>`;
+const block15 = (context, tags, suffix) => html`<span class="ui5-shellbar-co-pilot-placeholder"></span>`;
+const block16 = (context, tags, suffix) => suffix ? html`${ context._fullWidthSearch ? block17(context, tags, suffix) : undefined }<div class="ui5-shellbar-search-field" style="${styleMap(context.styles.searchField)}">${ !context._fullWidthSearch ? block18(context, tags, suffix) : undefined }</div><${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(context._id)}-item-1" class="${classMap(context.classes.items.search)} ui5-shellbar-button ui5-shellbar-search-button" icon="sap-icon://search" data-ui5-text="Search" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" data-ui5-stable="toggle-search" @click=${context._handleSearchIconPress} tooltip="${ifDefined(context._searchText)}" .accessibilityAttributes=${ifDefined(context.accInfo.search.accessibilityAttributes)}></${scopeTag("ui5-button", tags, suffix)}>` : html`${ context._fullWidthSearch ? block17(context, tags, suffix) : undefined }<div class="ui5-shellbar-search-field" style="${styleMap(context.styles.searchField)}">${ !context._fullWidthSearch ? block18(context, tags, suffix) : undefined }</div><ui5-button id="${ifDefined(context._id)}-item-1" class="${classMap(context.classes.items.search)} ui5-shellbar-button ui5-shellbar-search-button" icon="sap-icon://search" data-ui5-text="Search" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" data-ui5-stable="toggle-search" @click=${context._handleSearchIconPress} tooltip="${ifDefined(context._searchText)}" .accessibilityAttributes=${ifDefined(context.accInfo.search.accessibilityAttributes)}></ui5-button>`;
+const block17 = (context, tags, suffix) => suffix ? html`<div class="ui5-shellbar-search-full-width-wrapper" style="${styleMap(context.styles.searchField)}"><div class="ui5-shellbar-search-full-field"><slot name="searchField"></slot></div><${scopeTag("ui5-button", tags, suffix)} @click=${context._handleCancelButtonPress} class="ui5-shellbar-button" data-ui5-stable="cancel-search">Cancel</${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-shellbar-search-full-width-wrapper" style="${styleMap(context.styles.searchField)}"><div class="ui5-shellbar-search-full-field"><slot name="searchField"></slot></div><ui5-button @click=${context._handleCancelButtonPress} class="ui5-shellbar-button" data-ui5-stable="cancel-search">Cancel</ui5-button></div>`;
+const block18 = (context, tags, suffix) => html`<slot name="searchField"></slot>`;
+const block19 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" style="${styleMap(item.styles)}" class="${ifDefined(item.classes)}" icon="${ifDefined(item.icon)}" tooltip="${ifDefined(item.title)}" data-count="${ifDefined(item.count)}" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" data-ui5-external-action-item-id="${ifDefined(item.refItemid)}" data-ui5-stable="${ifDefined(item.stableDomRef)}" @click=${item.press}></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" style="${styleMap(item.styles)}" class="${ifDefined(item.classes)}" icon="${ifDefined(item.icon)}" tooltip="${ifDefined(item.title)}" data-count="${ifDefined(item.count)}" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" data-ui5-external-action-item-id="${ifDefined(item.refItemid)}" data-ui5-stable="${ifDefined(item.stableDomRef)}" @click=${item.press}></ui5-button>`;
+const block20 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(context._id)}-item-2" style="${styleMap(context.styles.items.notification)}" class="${classMap(context.classes.items.notification)} ui5-shellbar-button ui5-shellbar-bell-button" icon="sap-icon://bell" data-ui5-text="Notifications" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" @click=${context._handleNotificationsPress} tooltip="${ifDefined(context._notificationsText)}" data-ui5-stable="notifications"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(context._id)}-item-2" style="${styleMap(context.styles.items.notification)}" class="${classMap(context.classes.items.notification)} ui5-shellbar-button ui5-shellbar-bell-button" icon="sap-icon://bell" data-ui5-text="Notifications" data-ui5-notifications-count="${ifDefined(context.notificationsCount)}" @click=${context._handleNotificationsPress} tooltip="${ifDefined(context._notificationsText)}" data-ui5-stable="notifications"></ui5-button>`;
+const block21 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} profile-btn id="${ifDefined(context._id)}-item-3" @click=${context._handleProfilePress} style="${styleMap(context.styles.items.profile)}" tooltip="${ifDefined(context._profileText)}" class="ui5-shellbar-button ui5-shellbar-image-button" data-ui5-stable="profile"><slot name="profile"></slot></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button profile-btn id="${ifDefined(context._id)}-item-3" @click=${context._handleProfilePress} style="${styleMap(context.styles.items.profile)}" tooltip="${ifDefined(context._profileText)}" class="ui5-shellbar-button ui5-shellbar-image-button" data-ui5-stable="profile"><slot name="profile"></slot></ui5-button>`;
+const block22 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(context._id)}-item-4" style="${styleMap(context.styles.items.product)}" class="${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} tooltip="${ifDefined(context._productsText)}" data-ui5-stable="product-switch"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(context._id)}-item-4" style="${styleMap(context.styles.items.product)}" class="${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} tooltip="${ifDefined(context._productsText)}" data-ui5-stable="product-switch"></ui5-button>`;
 
-const blockSVG1 = (context, tags, suffix) => 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="${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(context, tags, suffix) : 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(context, tags, suffix) : undefined }</use></g></g><circle cx="0" cy="0" r="76" class="ui5-shellbar-co-pilot-circle" id="a"/>`;
+const blockSVG1 = (context, tags, suffix) => 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="${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 ? block13(context, tags, suffix) : 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 ? block14(context, tags, suffix) : undefined }</use></g></g><circle cx="0" cy="0" r="76" class="ui5-shellbar-co-pilot-circle" id="a"/>`;
 
 export default block0;

package/dist/generated/templates/UploadCollectionItemTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._id)}-invisibleText ${ifDefined(context._id)}-content" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${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 ? block2(context, tags, suffix) : block3(context, tags, suffix) }<div class="ui5-uci-description"><slot></slot></div></div>${ context._showProgressIndicator ? block6(context, tags, suffix) : undefined }</div><div class="ui5-uci-edit-buttons">${ context._editing ? block7(context, tags, suffix) : block8(context, tags, suffix) }</div></div></div>${ context.typeDetail ? block13(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block14(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li>`;
+const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${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 ? block2(context, tags, suffix) : block3(context, tags, suffix) }<div class="ui5-uci-description"><slot></slot></div></div>${ context._showProgressIndicator ? block6(context, tags, suffix) : undefined }</div><div class="ui5-uci-edit-buttons">${ context._editing ? block7(context, tags, suffix) : block8(context, tags, suffix) }</div></div></div>${ context.typeDetail ? block13(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block14(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li>`;
 const block1 = (context, tags, suffix) => html``;
 const block2 = (context, tags, suffix) => suffix ? html`<div class="ui5-uci-edit-container"><${scopeTag("ui5-input", tags, suffix)} id="ui5-uci-edit-input" data-sap-focus-ref @focusin="${context._onInputFocusin}" @keydown="${context._onInputKeyDown}"></${scopeTag("ui5-input", tags, suffix)}><span class="ui5-uci-file-extension">${ifDefined(context._fileExtension)}</span></div>` : html`<div class="ui5-uci-edit-container"><ui5-input id="ui5-uci-edit-input" data-sap-focus-ref @focusin="${context._onInputFocusin}" @keydown="${context._onInputKeyDown}"></ui5-input><span class="ui5-uci-file-extension">${ifDefined(context._fileExtension)}</span></div>`;
 const block3 = (context, tags, suffix) => html`${ context.fileNameClickable ? block4(context, tags, suffix) : block5(context, tags, suffix) }`;

package/dist/generated/themes/Bar.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/Bar.css",content:":host{background-color:var(--sapPageHeader_Background);height:var(--_ui5_bar_base_height);width:100%;box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:inherit;width:inherit;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-inline-start:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:30%}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{padding-inline-end:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding-left:.5rem;padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5_bar_subheader_height)}:host([design=FloatingFooter]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(.ui5-bar-content){margin:0 .25rem}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/Bar.css",content:":host{background-color:var(--sapPageHeader_Background);height:var(--_ui5_bar_base_height);width:100%;box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:inherit;width:inherit;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-inline-start:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:30%}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{padding-inline-end:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding-left:.5rem;padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5_bar_subheader_height)}:host([design=FloatingFooter]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(*){margin:0 .25rem}"}

package/dist/generated/themes/FlexibleColumnLayout.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/FlexibleColumnLayout.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}:host([_visible-columns=\"2\"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"2\"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--end{border-inline-start:var(--_ui5_fcl_column_border)}.ui5-fcl-column--hidden{display:none}.ui5-fcl-arrow-container{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background)}.ui5-fcl-arrow{position:relative;width:1.5rem;height:1.5rem;min-width:1.5rem;will-change:transform;overflow:visible;z-index:1}.ui5-fcl-arrow:before{background-image:var(--_ui5_fcl_decoration_top);background-position-y:-.3125rem;bottom:100%}.ui5-fcl-arrow:after{background-image:var(--_ui5_fcl_decoration_bottom);background-position-y:.3125rem;top:100%}.ui5-fcl-arrow:after,.ui5-fcl-arrow:before{content:\"\";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-arrow:hover:after,.ui5-fcl-arrow:hover:before{height:7rem}.ui5-fcl--ie .ui5-fcl-arrow{margin:0 -.75rem}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/FlexibleColumnLayout.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}:host([_visible-columns=\"2\"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"2\"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--end{border-inline-start:var(--_ui5_fcl_column_border)}.ui5-fcl-column--hidden{display:none}.ui5-fcl-arrow-container{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background)}.ui5-fcl-arrow{position:relative;width:1.5rem;height:1.5rem;min-width:1.5rem;will-change:transform;overflow:visible;z-index:1}.ui5-fcl-arrow:before{background-image:var(--_ui5_fcl_decoration_top);background-position-y:-.3125rem;bottom:100%}.ui5-fcl-arrow:after{background-image:var(--_ui5_fcl_decoration_bottom);background-position-y:.3125rem;top:100%}.ui5-fcl-arrow:after,.ui5-fcl-arrow:before{content:\"\";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-arrow:hover:after,.ui5-fcl-arrow:hover:before{height:7rem}"}

package/dist/generated/themes/MediaGalleryItem.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {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}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/MediaGalleryItem.css",content:":host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout=Wide]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}:host([focused]) .ui5-media-gallery-item-root{outline:var(--_ui5_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout=Wide]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout=Wide]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout=Wide]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout=Wide]) ::slotted(*){width:100%;height:100%;object-fit:cover}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;margin:auto}"}

package/dist/generated/themes/NotificationListItem.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/NotificationListItem.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host([wrapping-type=None]) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host([wrapping-type=None]) .ui5-nli-content--ie .ui5-nli-description{max-height:32px}:host([wrapping-type=None]) .ui5-nli-content--ie .ui5-nli-title-text{max-height:32px}:host([_show-more-pressed]) .ui5-nli-content--ie .ui5-nli-title-text{max-height:inherit}:host([_show-more-pressed]) .ui5-nli-content--ie .ui5-nli-description{max-height:inherit}:host(:first-of-type){border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}.ui5-nli-root{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding-inline:1rem .5rem;padding-block:1rem;box-sizing:border-box;cursor:pointer}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:.75rem 1rem;font-family:\"72override\",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:.25rem;box-sizing:border-box}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-description{display:flex;margin-top:.5rem;color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);padding-top:.5rem;box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footer-showMore{margin-inline-start:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-actions{display:flex;box-sizing:border-box}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/NotificationListItem.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host([wrapping-type=None]) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}.ui5-nli-root{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding-inline:1rem .5rem;padding-block:1rem;box-sizing:border-box;cursor:pointer}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:.75rem 1rem;font-family:\"72override\",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:.25rem;box-sizing:border-box}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-description{display:flex;margin-top:.5rem;color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);padding-top:.5rem;box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footer-showMore{margin-inline-start:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-actions{display:flex;box-sizing:border-box}"}

package/dist/generated/themes/ProductSwitchItem.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/ProductSwitchItem.css",content:":host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;-ms-user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer;border:var(--_ui5_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var(--sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{content:\"\";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/ProductSwitchItem.css",content:":host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer;border:var(--_ui5_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var(--sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{content:\"\";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}"}

package/dist/generated/themes/ShellBar.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/ShellBar.css",content:":host(:not([hidden])){display:inline-block;width:100%}:host{--_ui5_input_placeholder_color:var(--sapShell_InteractiveTextColor)}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:var(--_ui5_shellbar_root_height);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-button,.ui5-shellbar-image-button,.ui5-shellbar-menu-button,::slotted([ui5-button][slot=startButton]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:none;background:transparent;outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:normal;overflow:initial;text-overflow:clip}.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){background:var(--sapShell_Hover_Background)}.ui5-shellbar-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-button[active],.ui5-shellbar-image-button:active,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,::slotted([ui5-button][slot=startButton][active]){background:var(--sapShell_Active_Background);color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow{border-top-color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot=profile]){min-width:0;width:2rem;height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-title{display:inline-block;font-family:\"72override\",var(--sapFontFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:auto}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([primary-title])) .ui5-shellbar-menu-button span{margin-inline-start:0}:host([breakpoint-size=S]) .ui5-shellbar-menu-button span{margin-inline-start:.5rem}.ui5-shellbar-secondary-title{display:inline-block;margin:0 .5rem;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{display:inline-block;margin-inline-start:.375rem;width:10px;height:10px;width:0;height:0;color:var(--sapShell_InteractiveTextColor);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--sapShell_TextColor)}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle{width:3rem}@keyframes Behind_layer{0%{transform:rotate(1turn)}}@keyframes Top_layer{0%{transform:rotate(-1turn)}}:host([breakpoint-size=S]) .ui5-shellbar-root{padding:0 1rem}:host([breakpoint-size=S]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size=S]) ::slotted([ui5-button][slot=startButton]){margin-inline-end:0}:host([breakpoint-size=M]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=M]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size=L]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=XL]) .ui5-shellbar-root{padding:0 3rem}:host([breakpoint-size=XXL]) .ui5-shellbar-root{padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;max-height:2rem;overflow:hidden}.ui5-shellbar-logo:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_logo_outline_offset);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-button{width:2.5rem}.ui5-shellbar-search-button{--_ui5_button_focused_border_radius:var(--_ui5_shellbar_search_button_border_radius);--_ui5_shellbar_button_border_radius:var(--_ui5_shellbar_search_button_border_radius);height:var(--_ui5_shellbar_search_button_size);width:var(--_ui5_shellbar_search_button_size);min-width:var(--_ui5_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:0;flex-grow:0}:host([show-co-pilot]) .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 1.5rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border:var(--_ui5_shellbar_button_border)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host([show-co-pilot]) .ui5-shellbar-overflow-container-right{flex-basis:0%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{margin-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center;float:var(--_ui5_shellbar_overflow_container_float)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size=M]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-logo+.ui5-shellbar-menu-button-title,:host([breakpoint-size=S]) .ui5-shellbar-menu-button+.ui5-shellbar-menu-button-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-overflow-container-right{margin-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}.ui5-shellbar-coPilot{height:100%;background-color:transparent;cursor:pointer}:host([breakpoint-size=L]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host([breakpoint-size=XL]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}.ui5-shellbar-button[data-count]:before,:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:.125rem;left:1.5rem;padding:.25rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:\"72override\",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5_shellbar_search_field_background);border:var(--_ui5_shellbar_search_field_border);color:var(--_ui5_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5_shellbar_search_field_background_hover);box-shadow:var(--_ui5_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5_shellbar_search_field_outline_focused)}::slotted([slot=logo]){max-height:2rem;pointer-events:none}[ui5-input][value-state]:not([readonly]){background:var(--sapShellColor);border:1px solid var(--sapShell_InteractiveBorderColor)}[ui5-input]:not([value-state]):not([readonly]):hover,[ui5-input][value-state]:not([readonly]):hover{background:var(--sapShell_Hover_Background);border:1px solid var(--sapShell_InteractiveBorderColor)}[ui5-input][value-state]:not([value-state=None])[focused]{outline:1px dotted var(--sapContent_ContrastFocusColor)}.ui5-shellbar-copilot-wrapper{position:relative;outline:none;box-sizing:border-box;height:100%}.ui5-shellbar-copilot-wrapper:hover{border-radius:var(--sapButton_BorderCornerRadius);background:var(--sapShell_Hover_Background)}.ui5-shellbar-copilot-wrapper:active,.ui5-shellbar-copilot-wrapper[active]{background:var(--sapShell_Active_Background)}.ui5-shellbar-copilot-wrapper:focus:after,.ui5-shellbar-copilot-wrapper:hover:after{content:\"\";position:absolute;left:var(--_ui5_shellbar_copilot_focus_offset);right:var(--_ui5_shellbar_copilot_focus_offset);top:var(--_ui5_shellbar_copilot_focus_offset);bottom:var(--_ui5_shellbar_copilot_focus_offset);outline:none;pointer-events:none;border-radius:var(--_ui5_shellbar_logo_outline_border_radius)}.ui5-shellbar-copilot-wrapper:hover:after{background:transparent;box-shadow:var(--sapContent_Interaction_Shadow)}.ui5-shellbar-copilot-wrapper:focus:after{border:var(--_ui5_shellbar_logo_outline)}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-co-pilot-circle{fill:var(--sapShellColor)}.ui5-shellbar-co-pilot-color1{stop-color:var(--_ui5_shellbar_copilot_stop_color1)}.ui5-shellbar-co-pilot-color2{stop-color:var(--_ui5_shellbar_copilot_stop_color2)}.ui5-shellbar-co-pilot-opacity7{stop-opacity:.7}.ui5-shellbar-co-pilot-opacity36{stop-opacity:.36}.ui5-shellbar-co-pilot-opacity2{stop-opacity:.2}::slotted([ui5-button][slot=startButton]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/ShellBar.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%}:host{--_ui5_input_placeholder_color:var(--sapShell_InteractiveTextColor)}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:var(--_ui5_shellbar_root_height);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-button,.ui5-shellbar-image-button,.ui5-shellbar-menu-button,::slotted([ui5-button][slot=startButton]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:none;background:transparent;outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:normal;overflow:initial;text-overflow:clip}::slotted([ui5-button][slot=startButton]){margin-inline-start:0}.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){background:var(--sapShell_Hover_Background)}.ui5-shellbar-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-button[active],.ui5-shellbar-image-button:active,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,::slotted([ui5-button][slot=startButton][active]){background:var(--sapShell_Active_Background);color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow{border-top-color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot=profile]){min-width:0;width:2rem;height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:\"72override\",var(--sapFontFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_TextColor);flex:auto}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{display:inline-block;margin-inline-start:.375rem;width:10px;height:10px;width:0;height:0;color:var(--sapShell_InteractiveTextColor);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--sapShell_TextColor)}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle{width:3rem}:host([breakpoint-size=S]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size=S]) .ui5-shellbar-root{padding:0 1rem}:host([breakpoint-size=S]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size=M]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=M]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size=L]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=XL]) .ui5-shellbar-root{padding:0 3rem}:host([breakpoint-size=XXL]) .ui5-shellbar-root{padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;max-height:2rem;overflow:hidden}.ui5-shellbar-logo:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_logo_outline_offset);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-button{width:2.5rem}.ui5-shellbar-search-button{--_ui5_button_focused_border_radius:var(--_ui5_shellbar_search_button_border_radius);--_ui5_shellbar_button_border_radius:var(--_ui5_shellbar_search_button_border_radius);height:var(--_ui5_shellbar_search_button_size);width:var(--_ui5_shellbar_search_button_size);min-width:var(--_ui5_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:0;flex-grow:0}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}:host([show-co-pilot]) .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 1.5rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:var(--_ui5_shellbar_button_border)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host([show-co-pilot]) .ui5-shellbar-overflow-container-right{flex-basis:0%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{margin-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center;float:var(--_ui5_shellbar_overflow_container_float)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size=M]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-overflow-container-right{margin-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}.ui5-shellbar-coPilot{height:100%;background-color:transparent;cursor:pointer}:host([breakpoint-size=L]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host([breakpoint-size=XL]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}.ui5-shellbar-button[data-count]:before,:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:.125rem;left:1.5rem;padding:.25rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:\"72override\",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5_shellbar_search_field_background);border:var(--_ui5_shellbar_search_field_border);color:var(--_ui5_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5_shellbar_search_field_background_hover);box-shadow:var(--_ui5_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5_shellbar_search_field_outline_focused)}::slotted([slot=logo]){max-height:2rem;pointer-events:none}.ui5-shellbar-copilot-wrapper{position:relative;outline:none;box-sizing:border-box;height:100%}.ui5-shellbar-copilot-wrapper:hover{border-radius:var(--sapButton_BorderCornerRadius);background:var(--sapShell_Hover_Background)}.ui5-shellbar-copilot-wrapper:active,.ui5-shellbar-copilot-wrapper[active]{background:var(--sapShell_Active_Background)}.ui5-shellbar-copilot-wrapper:focus:after,.ui5-shellbar-copilot-wrapper:hover:after{content:\"\";position:absolute;left:var(--_ui5_shellbar_copilot_focus_offset);right:var(--_ui5_shellbar_copilot_focus_offset);top:var(--_ui5_shellbar_copilot_focus_offset);bottom:var(--_ui5_shellbar_copilot_focus_offset);outline:none;pointer-events:none;border-radius:var(--_ui5_shellbar_logo_outline_border_radius)}.ui5-shellbar-copilot-wrapper:hover:after{background:transparent;box-shadow:var(--sapContent_Interaction_Shadow)}.ui5-shellbar-copilot-wrapper:focus:after{border:var(--_ui5_shellbar_logo_outline)}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-co-pilot-circle{fill:var(--sapShellColor)}.ui5-shellbar-co-pilot-color1{stop-color:var(--_ui5_shellbar_copilot_stop_color1)}.ui5-shellbar-co-pilot-color2{stop-color:var(--_ui5_shellbar_copilot_stop_color2)}.ui5-shellbar-co-pilot-opacity7{stop-opacity:.7}.ui5-shellbar-co-pilot-opacity36{stop-opacity:.36}.ui5-shellbar-co-pilot-opacity2{stop-opacity:.2}::slotted([ui5-button][slot=startButton]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}"}

package/dist/generated/themes/TimelineItem.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/TimelineItem.css",content:":host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout=Horizontal]) .ui5-tli-root{flex-direction:column}:host([layout=Vertical]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout=Horizontal]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout=Vertical]) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:1px;position:absolute;top:2.125rem;bottom:var(--_ui5_timeline_tli_indicator_before_bottom);left:50%}:host([layout=Horizontal]) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:1px;top:50%;position:absolute;left:2.0625rem;right:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=Vertical]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom)}:host([layout=Horizontal]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{right:var(--_ui5_timeline_tli_indicator_before_without_icon_right)}:host([layout=Vertical]:not([icon])) .ui5-tli-indicator:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);top:1.875rem}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator:before{top:50%;right:var(--_ui5_timeline_tli_indicator_before_without_icon_right);left:1.6875rem}:host([layout=Vertical]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_bottom)}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{right:var(--_ui5_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:\"\";display:inline-block;box-sizing:border-box;border:1px solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;top:.9375rem;left:50%;transform:translateX(-50%)}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator:after{top:.78125rem;left:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-top:.25rem;height:1.625rem;width:2rem}:host([layout=Horizontal]) .ui5-tli-icon-outer{margin-top:0;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout=Horizontal]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:1px solid var(--_ui5_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;padding:var(--_ui5_TimelineItem_bubble_content_padding)}:host([layout=Horizontal]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:\"\";border:var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5_TimelineItem_bubble_focus_border_radius);position:absolute;top:var(--_ui5_TimelineItem_bubble_border_top);right:var(--_ui5_TimelineItem_bubble_border_right);bottom:var(--_ui5_TimelineItem_bubble_border_bottom);left:var(--_ui5_TimelineItem_bubble_border_left);pointer-events:none}:host([layout=Horizontal]) .ui5-tli-bubble:focus:after{top:var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);left:var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5_TimelineItem_arrow_size);padding-bottom:var(--_ui5_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:\"\";background:var(--sapGroup_ContentBackground);border:1px solid var(--_ui5_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout=Horizontal]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(var(--_ui5_TimelineItem_arrow_size)*-1)}.ui5-tli-bubble-arrow--top{top:calc(var(--_ui5_TimelineItem_arrow_size)*-1)}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-desc,.ui5-tli-title{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block;vertical-align:top}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-top:var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-tli-desc{padding-top:var(--_ui5_TimelineItem_bubble_content_description_padding_top)}[dir=rtl] .ui5-tli-bubble-arrow--left{right:calc(var(--_ui5_TimelineItem_arrow_size)*-1);left:auto;transform:scaleX(-1)}[dir=rtl] .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}[dir=rtl] .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-bubble{margin-right:0}[dir=rtl] .ui5-tli-bubble:focus:after{left:var(--_ui5_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5_TimelineItem_bubble_rtl_right_offset)}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-bubble:focus:after{right:0}:host([layout=Horizontal]:not([icon])) [dir=rtl] .ui5-tli-indicator:after{right:.625rem}:host([layout=Horizontal]:not([icon])) [dir=rtl] .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-indicator:before{left:var(--_ui5_timeline_tli_indicator_before_right);right:2.125rem}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/TimelineItem.css",content:":host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout=Horizontal]) .ui5-tli-root{flex-direction:column}:host([layout=Vertical]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout=Horizontal]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout=Vertical]) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:1px;position:absolute;top:2.125rem;bottom:var(--_ui5_timeline_tli_indicator_before_bottom);left:50%}:host([layout=Horizontal]) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:1px;top:50%;position:absolute;left:2.0625rem;right:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=Vertical]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom)}:host([layout=Horizontal]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{right:var(--_ui5_timeline_tli_indicator_before_without_icon_right)}:host([layout=Vertical]:not([icon])) .ui5-tli-indicator:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);top:1.875rem}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator:before{top:50%;right:var(--_ui5_timeline_tli_indicator_before_without_icon_right);left:1.6875rem}:host([layout=Vertical]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_bottom)}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{right:var(--_ui5_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:\"\";display:inline-block;box-sizing:border-box;border:1px solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;top:.9375rem;left:50%;transform:translateX(-50%)}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator:after{top:.78125rem;left:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-top:.25rem;height:1.625rem;width:2rem}:host([layout=Horizontal]) .ui5-tli-icon-outer{margin-top:0;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout=Horizontal]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:1px solid var(--_ui5_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;padding:var(--_ui5_TimelineItem_bubble_content_padding)}:host([layout=Horizontal]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:\"\";border:var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5_TimelineItem_bubble_focus_border_radius);position:absolute;top:var(--_ui5_TimelineItem_bubble_border_top);right:var(--_ui5_TimelineItem_bubble_border_right);bottom:var(--_ui5_TimelineItem_bubble_border_bottom);left:var(--_ui5_TimelineItem_bubble_border_left);pointer-events:none}:host([layout=Horizontal]) .ui5-tli-bubble:focus:after{top:var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);left:var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5_TimelineItem_arrow_size);padding-bottom:var(--_ui5_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:\"\";background:var(--sapGroup_ContentBackground);border:1px solid var(--_ui5_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout=Horizontal]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(var(--_ui5_TimelineItem_arrow_size)*-1)}.ui5-tli-bubble-arrow--top{top:calc(var(--_ui5_TimelineItem_arrow_size)*-1)}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-desc,.ui5-tli-title{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-top:var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-tli-desc{padding-top:var(--_ui5_TimelineItem_bubble_content_description_padding_top)}[dir=rtl] .ui5-tli-bubble-arrow--left{right:calc(var(--_ui5_TimelineItem_arrow_size)*-1);left:auto;transform:scaleX(-1)}[dir=rtl] .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}[dir=rtl] .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-bubble{margin-right:0}[dir=rtl] .ui5-tli-bubble:focus:after{left:var(--_ui5_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5_TimelineItem_bubble_rtl_right_offset)}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-bubble:focus:after{right:0}:host([layout=Horizontal]:not([icon])) [dir=rtl] .ui5-tli-indicator:after{right:.625rem}:host([layout=Horizontal]:not([icon])) [dir=rtl] .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-indicator:before{left:var(--_ui5_timeline_tli_indicator_before_right);right:2.125rem}"}

package/dist/generated/themes/Wizard.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/Wizard.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;height:100%;width:100%;overflow:auto}.ui5-wiz-root{height:100%;width:100%;position:relative}.ui5-wiz-content{position:relative;overflow:auto;height:calc(100% - 4rem);box-sizing:border-box;background:var(--sapBackgroundColor)}.ui5-wiz-content-item{display:block;box-sizing:border-box;padding:1rem 2rem}.ui5-wiz-content-item-wrapper{display:block;padding:var(--_ui5_wiz_content_item_wrapper_padding);background-color:var(--_ui5_wiz_content_item_wrapper_bg);border-radius:var(--sapElement_BorderCornerRadius)}.ui5-wiz-content-item[hidden]{display:none}.ui5-wiz-content-item[stretch]{min-height:100%}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=true]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:2rem;padding-left:.5rem}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:.25rem;padding:0}.ui5-wiz-nav-list{display:table;table-layout:fixed;position:relative;list-style:none;margin:0;box-sizing:border-box;width:100%;height:2rem;padding:0}[ui5-wizard-tab]{display:table-cell;position:relative}.ui5-wiz-nav{box-sizing:border-box;height:4rem;padding:1rem 2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--sapObjectHeader_Background);font-size:.875rem;box-shadow:var(--sapContent_HeaderShadow);outline:none;display:flex;align-items:center}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:.25rem}[ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev=true],[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev=true]{width:2rem;padding-right:.75rem}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/Wizard.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;height:100%;width:100%;overflow:auto}.ui5-wiz-root{height:100%;width:100%;position:relative}.ui5-wiz-content{position:relative;overflow:auto;height:calc(100% - 4rem);box-sizing:border-box;background:var(--sapBackgroundColor)}.ui5-wiz-content-item{display:block;box-sizing:border-box;padding:1rem 2rem}.ui5-wiz-content-item-wrapper{display:block;padding:var(--_ui5_wiz_content_item_wrapper_padding);background-color:var(--_ui5_wiz_content_item_wrapper_bg);border-radius:var(--sapElement_BorderCornerRadius)}.ui5-wiz-content-item[hidden]{display:none}.ui5-wiz-content-item[stretch]{min-height:100%}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=true]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:2rem;padding-left:.5rem}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:.25rem;padding:0}.ui5-wiz-nav-list{display:table;table-layout:fixed;position:relative;list-style:none;margin:0;box-sizing:border-box;width:100%;height:2rem;padding:0}[ui5-wizard-tab]{display:table-cell;position:relative}.ui5-wiz-nav{box-sizing:border-box;height:4rem;padding:1rem 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--sapObjectHeader_Background);font-size:.875rem;box-shadow:var(--sapContent_HeaderShadow);outline:none;display:flex;align-items:center}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:.25rem}[ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev=true],[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev=true]{width:2rem;padding-right:.75rem}"}

package/dist/generated/themes/WizardTab.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/WizardTab.css",content:":host(:not([hidden])){min-width:1px}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--_ui5_wiz_tab_selected_bg)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text{color:var(--sapContent_Selected_ForegroundColor)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{content:\"\";position:absolute;border-bottom:.25rem solid var(--_ui5_wiz_tab_selection_line);border-top-left-radius:.1875rem;border-top-right-radius:.1875rem;left:0;right:0;bottom:-1rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon{color:var(--sapContent_ContrastIconColor)}:host([selected]:not([disabled])) .ui5-wiz-step-number{color:var(--sapContent_ContrastTextColor)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--sapList_BorderColor);background:var(--sapObjectHeader_Background)}:host([disabled]) .ui5-wiz-step-title-text{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-icon{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-number{color:var(--sapContent_LabelColor)}.ui5-wiz-step-root{display:flex;align-items:center;flex-direction:row;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);outline:none}.ui5-wiz-step-main{text-align:center;white-space:nowrap}:host(:not([disabled])) .ui5-wiz-step-main{cursor:pointer}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline:var(--_ui5_wiz_tab_focus_outline);outline-offset:1px;border-radius:var(--_ui5_wiz_tab_focus_border_radius)}.ui5-wiz-step-icon-circle{display:inline-flex;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem;margin:0 .1875rem;line-height:1.875rem;border-radius:50%;background:var(--sapObjectHeader_Background);border:var(--_ui5_wiz_tab_border);position:relative}.ui5-wiz-step-icon{width:1rem;height:1rem;color:var(--_ui5_wiz_tab_icon_color);pointer-events:none}.ui5-wiz-step-number{color:var(--_ui5_wiz_tab_icon_color)}.ui5-wiz-step-texts{display:inline-block;vertical-align:middle;text-align:left;padding:0 .5rem 0 .1875rem;max-height:3rem;overflow:hidden;background:var(--sapObjectHeader_Background)}.ui5-wiz-step-subtitle-text,.ui5-wiz-step-title-text{color:var(--_ui5_wiz_tab_title_color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-wiz-step-title-text{font-family:var(--_ui5_wiz_tab_title_font_family)}:host([data-ui5-wizard-expanded-tab-prev=true]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab-prev=true]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-texts,:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-title-text{display:none}.ui5-wiz-step-subtitle-text{margin-top:.125rem;font-family:var(--sapFontFamily);color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-wiz-step-hr{display:inline-block;border-bottom-color:var(--sapList_BorderColor);border-bottom-width:1px;border-bottom-style:solid;height:1px;flex-grow:1;margin-right:.25rem}:host([active-separator]) .ui5-wiz-step-hr{border-bottom-color:var(--_ui5_wiz_tab_active_separator_color)}:host([branching-separator]) .ui5-wiz-step-hr{border-bottom-style:dashed}[ui5-wizard-tab] .ui5-wiz-step-main{pointer-events:none}:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-root{display:inline;position:absolute;top:0}:host([data-ui5-wizard-after-current-tab=true]) .ui5-wiz-step-root{right:0}:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-hr{display:none}"}
+export default {packageName:"@ui5/webcomponents-fiori",fileName:"themes/WizardTab.css",content:":host(:not([hidden])){min-width:1px}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--_ui5_wiz_tab_selected_bg)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text{color:var(--sapContent_Selected_ForegroundColor)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{content:\"\";position:absolute;border-bottom:.25rem solid var(--_ui5_wiz_tab_selection_line);border-top-left-radius:.1875rem;border-top-right-radius:.1875rem;left:0;right:0;bottom:-1rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon{color:var(--sapContent_ContrastIconColor)}:host([selected]:not([disabled])) .ui5-wiz-step-number{color:var(--sapContent_ContrastTextColor)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--sapList_BorderColor);background:var(--sapObjectHeader_Background)}:host([disabled]) .ui5-wiz-step-title-text{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-icon{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-number{color:var(--sapContent_LabelColor)}.ui5-wiz-step-root{display:flex;align-items:center;flex-direction:row;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);outline:none}.ui5-wiz-step-main{text-align:center;white-space:nowrap}:host(:not([disabled])) .ui5-wiz-step-main{cursor:pointer}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline:var(--_ui5_wiz_tab_focus_outline);outline-offset:1px;border-radius:var(--_ui5_wiz_tab_focus_border_radius)}.ui5-wiz-step-icon-circle{display:inline-flex;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem;margin:0 .1875rem;line-height:1.875rem;border-radius:50%;background:var(--sapObjectHeader_Background);border:var(--_ui5_wiz_tab_border);position:relative}.ui5-wiz-step-icon{width:1rem;height:1rem;color:var(--_ui5_wiz_tab_icon_color);pointer-events:none}.ui5-wiz-step-number{color:var(--_ui5_wiz_tab_icon_color)}.ui5-wiz-step-texts{display:inline-block;vertical-align:middle;text-align:left;padding:0 .5rem 0 .1875rem;max-height:3rem;overflow:hidden;background:var(--sapObjectHeader_Background)}.ui5-wiz-step-subtitle-text,.ui5-wiz-step-title-text{color:var(--_ui5_wiz_tab_title_color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-wiz-step-title-text{font-family:var(--_ui5_wiz_tab_title_font_family)}:host([data-ui5-wizard-expanded-tab-prev=true]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab-prev=true]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-texts,:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-title-text{display:none}.ui5-wiz-step-subtitle-text{margin-top:.125rem;font-family:var(--sapFontFamily);color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-wiz-step-hr{display:inline-block;border-bottom-color:var(--sapList_BorderColor);border-bottom-width:1px;border-bottom-style:solid;height:1px;flex-grow:1;margin-right:.25rem}:host([active-separator]) .ui5-wiz-step-hr{border-bottom-color:var(--_ui5_wiz_tab_active_separator_color)}:host([branching-separator]) .ui5-wiz-step-hr{border-bottom-style:dashed}:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-root{display:inline;position:absolute;top:0}:host([data-ui5-wizard-after-current-tab=true]) .ui5-wiz-step-root{right:0}:host([data-ui5-wizard-expanded-tab=false]) .ui5-wiz-step-hr{display:none}"}

package/dist/types/FCLLayout.js

@@ -19,7 +19,7 @@ const FCLLayouts = {
 	 * Tablet:  67/33/-  Start (expanded) and Mid columns are displayed
 	 * Phone:   -/100/-  only the Mid column is displayed
 	 *
-	 * Use to display both a master and a detail page when the user should focus on the master page.
+	 * Use to display both a list and a detail page when the user should focus on the list page.
 	 *
 	 * @type {TwoColumnsStartExpanded}
 	 * @public
@@ -31,7 +31,7 @@ const FCLLayouts = {
 	 * Tablet:  33/67/-  Start and Mid (expanded) columns are displayed
 	 * Phone:   -/100/-  only the Mid column is displayed
 	 *
-	 * Use to display both a master and a detail page when the user should focus on the detail page.
+	 * Use to display both a list and a detail page when the user should focus on the detail page.
 	 *
 	 * @type {TwoColumnsMidExpanded}
 	 * @public
@@ -43,7 +43,7 @@ const FCLLayouts = {
 	 * Tablet:  0/67/33  Mid (expanded) and End columns are displayed, Start is accessible by a layout arrow
 	 * Phone:   -/-/100  only the End column is displayed
 	 *
-	 * Use to display all three pages (master, detail, detail-detail) when the user should focus on the detail.
+	 * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail.
 	 *
 	 * @type {ThreeColumnsMidExpanded}
 	 * @public
@@ -55,7 +55,7 @@ const FCLLayouts = {
 	 * Tablet:  0/33/67  Mid and End (expanded) columns are displayed, Start is accessible by layout arrows
 	 * Phone:   -/-/100  (only the End column is displayed)
 	 *
-	 * Use to display all three pages (master, detail, detail-detail) when the user should focus on the detail-detail.
+	 * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail-detail.
 	 *
 	 * @public
 	 * @type ThreeColumnsEndExpanded
@@ -67,7 +67,7 @@ const FCLLayouts = {
 	 * Tablet:  67/33/0  Start (expanded) and Mid columns are displayed, End is accessible by layout arrows
 	 * Phone:   -/-/100  only the End column is displayed
 	 *
-	 * Use to display the master and detail pages when the user should focus on the master.
+	 * Use to display the list and detail pages when the user should focus on the list.
 	 * The detail-detail is still loaded and easily accessible with layout arrows.
 	 *
 	 * @public
@@ -80,7 +80,7 @@ const FCLLayouts = {
 	 * Tablet:  33/67/0  Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow
 	 * Phone:   -/-/100  only the End column is displayed
 	 *
-	 * Use to display the master and detail pages when the user should focus on the detail.
+	 * Use to display the list and detail pages when the user should focus on the detail.
 	 * The detail-detail is still loaded and easily accessible with a layout arrow.
 	 *
 	 * @public

package/dist/types/IllustrationMessageSize.js

@@ -0,0 +1,66 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Different types of IllustrationMessageSize.
+ * @lends sap.ui.webcomponents.fiori.types.IllustrationMessageSize.prototype
+ * @public
+ * @since 1.5.0
+ */
+const IllustrationMessageSizes = {
+	/**
+	 * Automatically decides the <code>Illustration</code> size (<code>Base</code>, <code>Spot</code>,
+	 * <code>Dialog</code>, or <code>Scene</code>) depending on the <code>IllustratedMessage</code> container width.
+	 *
+	 * <b>Note:</b> <code>Auto</code> is the only option where the illustration size is changed according to
+	 * the available container width. If any other <code>IllustratedMessageSize</code> is chosen, it remains
+	 * until changed by the app developer.
+	 *
+	 * @public
+	 */
+	Auto: "Auto",
+	/**
+	 * Base <code>Illustration</code> size (XS breakpoint). Suitable for cards (two columns).
+	 *
+	 * <b>Note:</b> When <code>Base</code> is in use, no illustration is displayed.
+	 *
+	 * @public
+	 */
+	Base: "Base",
+
+	/**
+	 * Spot <code>Illustration</code> size (S breakpoint). Suitable for cards (four columns).
+	 * @public
+	 */
+	Spot: "Spot",
+
+	/**
+	 * Dialog <code>Illustration</code> size (M breakpoint). Suitable for dialogs.
+	 * @public
+	 */
+	Dialog: "Dialog",
+
+	/**
+	 * Scene <code>Illustration</code> size (L breakpoint). Suitable for a <code>Page</code> or a table.
+	 * @public
+	 */
+	Scene: "Scene",
+};
+
+/**
+ * @class
+ * Different types of IllustrationMessageSize.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.IllustrationMessageSize
+ * @public
+ * @enum {string}
+ */
+class IllustrationMessageSize extends DataType {
+	static isValid(value) {
+		return !!IllustrationMessageSizes[value];
+	}
+}
+
+IllustrationMessageSize.generateTypeAccessors(IllustrationMessageSizes);
+
+export default IllustrationMessageSize;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "UI5 Web Components: webcomponents.fiori",
   "ui5": {
     "webComponentsPackage": true
@@ -28,7 +28,6 @@
     "lint": "wc-dev lint",
     "start": "wc-dev start",
     "watch": "wc-dev watch",
-    "serve": "wc-dev serve",
     "build": "wc-dev build",
     "test": "wc-dev test",
     "create-ui5-element": "wc-create-ui5-element",
@@ -40,14 +39,14 @@
     "directory": "packages/fiori"
   },
   "dependencies": {
-    "@ui5/webcomponents": "1.4.0",
-    "@ui5/webcomponents-base": "1.4.0",
-    "@ui5/webcomponents-icons": "1.4.0",
-    "@ui5/webcomponents-theming": "1.4.0",
+    "@ui5/webcomponents": "1.5.0",
+    "@ui5/webcomponents-base": "1.5.0",
+    "@ui5/webcomponents-icons": "1.5.0",
+    "@ui5/webcomponents-theming": "1.5.0",
     "@zxing/library": "^0.18.3"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "1.4.0",
-    "chromedriver": "101.0.0"
+    "@ui5/webcomponents-tools": "1.5.0",
+    "chromedriver": "102.0.0"
   }
 }

package/src/Bar.js

@@ -16,7 +16,7 @@ const metadata = {
 	fastNavigation: true,
 	properties: /** @lends sap.ui.webcomponents.fiori.Bar.prototype */ {
 		/**
-		 * Defines the <code>ui5-bar</code> design.
+		 * Defines the component's design.
 		 *
 		 * <br><br>
 		 * <b>Note:</b>

package/src/BarcodeScannerDialog.js

@@ -37,9 +37,9 @@ const defaultMediaConstraints = {
 const metadata = {
 	tag: "ui5-barcode-scanner-dialog",
 	languageAware: true,
-	slots: /** @lends  sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
+	slots: /** @lends sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
 	},
-	properties: /** @lends  sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
+	properties: /** @lends sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
 		/**
 		 * Indicates whether a loading indicator should be displayed in the dialog.
 		 *
@@ -51,7 +51,7 @@ const metadata = {
 			type: Boolean,
 		},
 	},
-	events: /** @lends  sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
+	events: /** @lends sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
 		/**
 		 * Fires when the scan is completed successfuuly.
 		 *

package/src/DynamicSideContent.js

@@ -209,7 +209,7 @@ const metadata = {
 		 * @public
 		 */
 		"layout-change": {
-			details: {
+			detail: {
 				currentBreakpoint: {
 					type: String,
 				},