npm - @sapudex/web-components - Versions diffs - 0.230.3 → 0.231.1 - Mend

@sapudex/web-components 0.230.3 → 0.231.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (279) hide show

package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts CHANGED Viewed

@@ -8,23 +8,23 @@ function block0 (this: MastheadMobileMenu, context: UI5Element, tags: string[],
 function block1 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-masthead-mobile-menu__list-search"><slot name="search"></slot></div>`;}
 function block2 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}
 function block3 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li class="udex-masthead-mobile-menu__list-item" role="none">${ item.subItems ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }</li>`;}
-function block4 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMenuItemClick}" label="${ifDefined(item.innerText)}" aria-has-popup="true" id="${ifDefined(item._id)}" type="Button" has-border icon-end first-level></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item @click="${this.handleMenuItemClick}" label="${ifDefined(item.innerText)}" aria-has-popup="true" id="${ifDefined(item._id)}" type="Button" has-border icon-end first-level></udex-masthead-menu-item>`;}
-function block5 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMobileItemEvent}" url="${ifDefined(item.href)}" label="${ifDefined(item.innerText)}" target="${ifDefined(item.target)}" has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item @click="${this.handleMobileItemEvent}" url="${ifDefined(item.href)}" label="${ifDefined(item.innerText)}" target="${ifDefined(item.target)}" has-border></udex-masthead-menu-item>`;}
+function block4 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMenuItemClick}" label="${ifDefined(item.innerText)}" aria-has-popup="true" id="${ifDefined(item._id)}" type="Button" has-border icon-end first-level first-level-btn></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item @click="${this.handleMenuItemClick}" label="${ifDefined(item.innerText)}" aria-has-popup="true" id="${ifDefined(item._id)}" type="Button" has-border icon-end first-level first-level-btn></udex-masthead-menu-item>`;}
+function block5 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMobileItemEvent}" url="${ifDefined(item.href)}" label="${ifDefined(item.innerText)}" target="${ifDefined(item.target)}" first-level has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item @click="${this.handleMobileItemEvent}" url="${ifDefined(item.href)}" label="${ifDefined(item.innerText)}" target="${ifDefined(item.target)}" first-level has-border></udex-masthead-menu-item>`;}
 function block6 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<li class="udex-masthead-mobile-menu__list-item" role="none">${ this._hideExploreSapBtn ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix) }</li>${ this._clickedItem.href ? block11.call(this, context, tags, suffix) : undefined }${ repeat(this._categories, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block12.call(this, context, tags, suffix, item, index)) }`;}
-function block7 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__back-item" @click="${this.handleExploreBackToMenuItems}" label="${ifDefined(this._clickedItem.innerText)}" type="Button" has-border icon-start is-explore-back></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-mobile-menu__back-item" @click="${this.handleExploreBackToMenuItems}" label="${ifDefined(this._clickedItem.innerText)}" type="Button" has-border icon-start is-explore-back></udex-masthead-menu-item>`;}
+function block7 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__back-item" @click="${this.handleExploreBackToMenuItems}" label="${ifDefined(this._clickedItem.innerText)}" type="Button" is-back has-border icon-start is-explore-back></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-mobile-menu__back-item" @click="${this.handleExploreBackToMenuItems}" label="${ifDefined(this._clickedItem.innerText)}" type="Button" is-back has-border icon-start is-explore-back></udex-masthead-menu-item>`;}
 function block8 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isNotMultipleMode ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }`;}
 function block9 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__heading" label="${ifDefined(this._clickedItem.innerText)}" type="Heading" has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-mobile-menu__heading" label="${ifDefined(this._clickedItem.innerText)}" type="Heading" has-border></udex-masthead-menu-item>`;}
-function block10 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToMenuItems}" label="${ifDefined(this._clickedItem.innerText)}" type="Button" has-border icon-start is-back-to-nav></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToMenuItems}" label="${ifDefined(this._clickedItem.innerText)}" type="Button" has-border icon-start is-back-to-nav></udex-masthead-menu-item>`;}
-function block11 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} url="${ifDefined(this._clickedItem.href)}" label="${ifDefined(this.overviewLinkText)}" @click="${this.handleMobileItemEvent}" has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item url="${ifDefined(this._clickedItem.href)}" label="${ifDefined(this.overviewLinkText)}" @click="${this.handleMobileItemEvent}" has-border></udex-masthead-menu-item></li>`;}
+function block10 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToMenuItems}" label="${ifDefined(this._clickedItem.innerText)}" type="Button" is-back has-border icon-start is-back-to-nav></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToMenuItems}" label="${ifDefined(this._clickedItem.innerText)}" type="Button" is-back has-border icon-start is-back-to-nav></udex-masthead-menu-item>`;}
+function block11 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} url="${ifDefined(this._clickedItem.href)}" label="${ifDefined(this.overviewLinkText)}" @click="${this.handleMobileItemEvent}" second-level has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item url="${ifDefined(this._clickedItem.href)}" label="${ifDefined(this.overviewLinkText)}" @click="${this.handleMobileItemEvent}" second-level has-border></udex-masthead-menu-item></li>`;}
 function block12 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.category ? block13.call(this, context, tags, suffix, item, index) : block14.call(this, context, tags, suffix, item, index) }`;}
-function block13 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMenuCategoryClick}" url="${ifDefined(item.url)}" id="${index}" label="${ifDefined(item.category)}" aria-has-popup="true" type="Button" second-level has-border icon-end></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item @click="${this.handleMenuCategoryClick}" url="${ifDefined(item.url)}" id="${index}" label="${ifDefined(item.category)}" aria-has-popup="true" type="Button" second-level has-border icon-end></udex-masthead-menu-item></li>`;}
+function block13 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMenuCategoryClick}" url="${ifDefined(item.url)}" id="${index}" label="${ifDefined(item.category)}" aria-has-popup="true" type="Button" second-level second-level-btn has-border icon-end></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item @click="${this.handleMenuCategoryClick}" url="${ifDefined(item.url)}" id="${index}" label="${ifDefined(item.category)}" aria-has-popup="true" type="Button" second-level second-level-btn has-border icon-end></udex-masthead-menu-item></li>`;}
 function block14 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ repeat(item.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block15.call(this, context, tags, suffix, item, index)) }`;}
-function block15 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMobileItemEvent}" url="${ifDefined(item.url)}" label="${ifDefined(item.title)}" has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item @click="${this.handleMobileItemEvent}" url="${ifDefined(item.url)}" label="${ifDefined(item.title)}" has-border></udex-masthead-menu-item></li>`;}
-function block16 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToCategories}" label="${ifDefined(this._category.category)}" type="Button" has-border icon-start is-back-to-categories></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>${ this._category.url ? block17.call(this, context, tags, suffix) : undefined }${ repeat(this._category.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block18.call(this, context, tags, suffix, item, index)) }` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToCategories}" label="${ifDefined(this._category.category)}" type="Button" has-border icon-start is-back-to-categories></udex-masthead-menu-item></li>${ this._category.url ? block17.call(this, context, tags, suffix) : undefined }${ repeat(this._category.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block18.call(this, context, tags, suffix, item, index)) }`;}
-function block17 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMobileCategoryItemEvent}" url="${ifDefined(this._category.url)}" label="${ifDefined(this.overviewLinkText)}" has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item @click="${this.handleMobileCategoryItemEvent}" url="${ifDefined(this._category.url)}" label="${ifDefined(this.overviewLinkText)}" has-border></udex-masthead-menu-item></li>`;}
+function block15 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMobileItemEvent}" url="${ifDefined(item.url)}" label="${ifDefined(item.title)}" second-level has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item @click="${this.handleMobileItemEvent}" url="${ifDefined(item.url)}" label="${ifDefined(item.title)}" second-level has-border></udex-masthead-menu-item></li>`;}
+function block16 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToCategories}" label="${ifDefined(this._category.category)}" type="Button" is-back has-border icon-start is-back-to-categories></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>${ this._category.url ? block17.call(this, context, tags, suffix) : undefined }${ repeat(this._category.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block18.call(this, context, tags, suffix, item, index)) }` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToCategories}" label="${ifDefined(this._category.category)}" type="Button" is-back has-border icon-start is-back-to-categories></udex-masthead-menu-item></li>${ this._category.url ? block17.call(this, context, tags, suffix) : undefined }${ repeat(this._category.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block18.call(this, context, tags, suffix, item, index)) }`;}
+function block17 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMobileCategoryItemEvent}" url="${ifDefined(this._category.url)}" label="${ifDefined(this.overviewLinkText)}" third-level has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item @click="${this.handleMobileCategoryItemEvent}" url="${ifDefined(this._category.url)}" label="${ifDefined(this.overviewLinkText)}" third-level has-border></udex-masthead-menu-item></li>`;}
 function block18 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.url ? block19.call(this, context, tags, suffix, item, index) : undefined }`;}
-function block19 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMobileCategoryItemEvent}" label="${ifDefined(item.title)}" url="${ifDefined(item.url)}" has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item @click="${this.handleMobileCategoryItemEvent}" label="${ifDefined(item.title)}" url="${ifDefined(item.url)}" has-border></udex-masthead-menu-item></li>`;}
-function block20 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__explore-btn" id="${ifDefined(this.exploreItem._id)}" @click="${this.handleExploreSapClick}" @keydown="${this.handleLeftRightKeys}" accessible-role="button" type="Button" first-level icon-end is-explore label="${ifDefined(this.exploreItem.innerText)}"></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-mobile-menu__explore-btn" id="${ifDefined(this.exploreItem._id)}" @click="${this.handleExploreSapClick}" @keydown="${this.handleLeftRightKeys}" accessible-role="button" type="Button" first-level icon-end is-explore label="${ifDefined(this.exploreItem.innerText)}"></udex-masthead-menu-item>`;}
+function block19 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-masthead-mobile-menu__list-item" role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} @click="${this.handleMobileCategoryItemEvent}" label="${ifDefined(item.title)}" url="${ifDefined(item.url)}" third-level has-border></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item @click="${this.handleMobileCategoryItemEvent}" label="${ifDefined(item.title)}" url="${ifDefined(item.url)}" third-level has-border></udex-masthead-menu-item></li>`;}
+function block20 (this: MastheadMobileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-mobile-menu__explore-btn" id="${ifDefined(this.exploreItem._id)}" @click="${this.handleExploreSapClick}" @keydown="${this.handleLeftRightKeys}" accessible-role="button" type="Button" first-level-btn first-level icon-end is-explore label="${ifDefined(this.exploreItem.innerText)}"></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-mobile-menu__explore-btn" id="${ifDefined(this.exploreItem._id)}" @click="${this.handleExploreSapClick}" @keydown="${this.handleLeftRightKeys}" accessible-role="button" type="Button" first-level-btn first-level icon-end is-explore label="${ifDefined(this.exploreItem.innerText)}"></udex-masthead-menu-item>`;}
 export default block0;

package/src/generated/templates/MastheadShellTemplate.lit.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type MastheadShell from "../../MastheadShell.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-function block0 (this: MastheadShell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<header class="udex-masthead-shell" @keydown="${this.handleKeyDown}"><div class="udex-masthead-shell__main-content"><div class="udex-masthead-shell__landing-wrap">${ this.logoUrl ? block1.call(this, context, tags, suffix) : undefined }${ this.siteLabel ? block4.call(this, context, tags, suffix) : undefined }</div>${ this.isMainMenuVisible ? block7.call(this, context, tags, suffix) : undefined }</div>${ this.isSearchVisible ? block9.call(this, context, tags, suffix) : undefined }<div class="udex-masthead-shell__right-menu">${ this.hasMobileMenuButtons ? block11.call(this, context, tags, suffix) : undefined }${ this.hasExploreSAP ? block12.call(this, context, tags, suffix) : undefined }${ this.hasSearch ? block13.call(this, context, tags, suffix) : undefined }${ this.hasCart ? block14.call(this, context, tags, suffix) : undefined }${ this.hasSupport ? block15.call(this, context, tags, suffix) : undefined }${ this.hasProfile ? block16.call(this, context, tags, suffix) : undefined }${ this.hasCountrySelector ? block17.call(this, context, tags, suffix) : undefined }${ this.hasMobileMenuButtons ? block18.call(this, context, tags, suffix) : undefined }</div></header> `;}
+function block0 (this: MastheadShell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<header class="udex-masthead-shell" @keydown="${this.handleKeyDown}"><div class="udex-masthead-shell__main-content"><div class="udex-masthead-shell__landing-wrap">${ this.logoUrl ? block1.call(this, context, tags, suffix) : undefined }${ this.siteLabel ? block4.call(this, context, tags, suffix) : undefined }</div>${ this.isMainMenuVisible ? block7.call(this, context, tags, suffix) : undefined }</div>${ this.isSearchVisible ? block9.call(this, context, tags, suffix) : undefined }<div class="${ifDefined(this.rightMenuClass)}">${ this.hasMobileMenuButtons ? block11.call(this, context, tags, suffix) : undefined }${ this.hasExploreSAP ? block12.call(this, context, tags, suffix) : undefined }${ this.hasSearch ? block13.call(this, context, tags, suffix) : undefined }${ this.hasCart ? block14.call(this, context, tags, suffix) : undefined }${ this.hasSupport ? block15.call(this, context, tags, suffix) : undefined }${ this.hasProfile ? block16.call(this, context, tags, suffix) : undefined }${ this.hasCountrySelector ? block17.call(this, context, tags, suffix) : undefined }${ this.hasMobileMenuButtons ? block18.call(this, context, tags, suffix) : undefined }</div></header> `;}
 function block1 (this: MastheadShell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.homeUrl ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }`;}
 function block2 (this: MastheadShell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a @click="${this.handleLogoClick}" role="link" href="${ifDefined(this.homeUrl)}" title="${ifDefined(this.logoTitle)}" target="_self" aria-label="${ifDefined(this.homepageAriaLabel)}" class="udex-masthead-shell__logo udex-masthead-shell__logo--link"><img src="${ifDefined(this.logoUrl)}" class="udex-masthead-shell__logo-image" alt="${ifDefined(this.logoAlt)}" /></a>`;}
 function block3 (this: MastheadShell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-masthead-shell__logo"><img src="${ifDefined(this.logoUrl)}" class="udex-masthead-shell__logo-image" alt="${ifDefined(this.logoAlt)}" /></div>`;}

package/src/generated/templates/SearchableListBaseTemplate.lit.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 function block0 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.showSearch ? block1.call(this, context, tags, suffix) : undefined }${ this.isListEmpty ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) } `;}
-function block1 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-search", tags, suffix)} slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></${scopeTag("udex-search", tags, suffix)}>` : html`<udex-search slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></udex-search>`;}
+function block1 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-search", tags, suffix)} slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></${scopeTag("udex-search", tags, suffix)}><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span>` : html`<udex-search slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></udex-search><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span>`;}
 function block2 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-no-result"><span>${ifDefined(this.getNoResultText)}&lrm;</span></div>`;}
 function block3 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.busy ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }`;}
 function block4 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-busy-indicator", tags, suffix)} class="udex-busy-indicator" size="Medium" delay="${ifDefined(this.busyDelay)}" active></${scopeTag("ui5-busy-indicator", tags, suffix)}>` : html`<ui5-busy-indicator class="udex-busy-indicator" size="Medium" delay="${ifDefined(this.busyDelay)}" active></ui5-busy-indicator>`;}

package/src/generated/themes/CountrySelector.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/CountrySelector.css.ts",content:`:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field][aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}[udex-text-field]::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-text-field][readonly]::part(label){background:var(--sapField_ReadOnly_Background)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/CountrySelector.css.ts",content:`:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field][aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}[udex-text-field]::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-text-field][readonly]::part(label){background:var(--sapField_ReadOnly_Background)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
 `};
 export default styleData;

package/src/generated/themes/MastheadCountrySelector.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadCountrySelector.css.ts",content:`:host{--udex-masthead-country-selector-background: var(--udexColorNeutralWhite, #fff);--udex-masthead-country-selector-padding-xl: var(--udexSpacer32) 52px 52px;--udex-masthead-country-selector-padding-l: var(--udexSpacer24);--udex-masthead-country-selector-padding-m: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-country-selector-padding-xs: var(--udexSpacer24);--udex-masthead-country-selector-desktop-max-height: 375px}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);min-height:100%;box-sizing:border-box}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xl);background:var(--udex-masthead-country-selector-background)}.udex-masthead-country-selector__title{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);color:var(--sapTitleColor);padding:var(--udexSpacer16) 0;display:block;text-align:center}.udex-masthead-country-selector__list{list-style:none;margin:0;padding:0}.udex-masthead-country-selector__search{margin:var(--udexSpacer2) 0 var(--udexSpacer16)}.udex-masthead-country-selector__region-back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-country-selector__region-back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-country-selector__region-back-item::part(menu-item-button):after{content:""}.udex-masthead-country-selector__region-back-item,.udex-masthead-country-selector__item{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}.udex-masthead-country-selector__list_countries{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list_countries{max-height:initial}@media (max-width: 1279px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);min-height:100%;box-sizing:border-box}.udex-masthead-country-selector__list_countries{max-height:initial;overflow:initial}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}}@media (max-width: 979px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-m)}}@media (max-width: 639px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xs)}}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadCountrySelector.css.ts",content:`:host{--udex-masthead-country-selector-background: var(--udexColorNeutralWhite, #fff);--udex-masthead-country-selector-padding-xl: var(--udexSpacer32) 52px 52px;--udex-masthead-country-selector-padding-l: var(--udexSpacer24);--udex-masthead-country-selector-padding-m: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-country-selector-padding-xs: var(--udexSpacer24);--udex-masthead-country-selector-desktop-max-height: 375px}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);min-height:100%;box-sizing:border-box}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xl);background:var(--udex-masthead-country-selector-background)}.udex-masthead-country-selector__title{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);color:var(--sapTitleColor);padding:var(--udexSpacer16) 0;display:block;text-align:center}.udex-masthead-country-selector__list{list-style:none;margin:0;padding:0}.udex-masthead-country-selector__search{margin:var(--udexSpacer2) 0 var(--udexSpacer16)}.udex-masthead-country-selector__region-back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-country-selector__region-back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-country-selector__region-back-item::part(menu-item-button):after{content:""}.udex-masthead-country-selector__region-back-item,.udex-masthead-country-selector__item{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}.udex-masthead-country-selector__list_countries{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list_countries{max-height:initial}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (max-width: 1279px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);min-height:100%;box-sizing:border-box}.udex-masthead-country-selector__list_countries{max-height:initial;overflow:initial}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}}@media (max-width: 979px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-m)}}@media (max-width: 639px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xs)}}
 `};
 export default styleData;

package/src/generated/themes/MastheadItem.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadItem.css.ts",content:`:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding) 0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item__button--profile .udex-masthead-item__text{display:inline-block}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{margin-inline-start:var(--udexSpacer4)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadItem.css.ts",content:`:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem var(--udexSpacer2);--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item__button--profile .udex-masthead-item__text{display:inline-block}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udexSpacer4)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
 `};
 export default styleData;

package/src/generated/themes/MastheadMenuItem.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadMenuItem.css.ts",content:`:host{--udex-masthead-menu-item-header-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);--udex-masthead-menu-item-header-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:"";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);color:var(--udex-masthead-menu-item-color);padding:var(--udex-masthead-menu-item-padding-desktop);text-decoration:none;box-sizing:border-box}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item{border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding:var(--udex-masthead-menu-item-header-padding-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:14px;width:14px;height:14px}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){.udex-masthead-menu-item{padding:var(--udex-masthead-menu-item-padding-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding:var(--udex-masthead-menu-item-header-padding-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadMenuItem.css.ts",content:`:host{--udex-masthead-menu-item-header-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);--udex-masthead-menu-item-header-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:"";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);color:var(--udex-masthead-menu-item-color);padding:var(--udex-masthead-menu-item-padding-desktop);text-decoration:none;box-sizing:border-box}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding:var(--udex-masthead-menu-item-header-padding-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:14px;width:14px;height:14px}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){.udex-masthead-menu-item{padding:var(--udex-masthead-menu-item-padding-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding:var(--udex-masthead-menu-item-header-padding-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}
 `};
 export default styleData;

package/src/generated/themes/MastheadMobileMenu.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadMobileMenu.css.ts",content:`:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m)}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadMobileMenu.css.ts",content:`:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m)}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}
 `};
 export default styleData;

package/src/generated/themes/MastheadShell.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadShell.css.ts",content:`:host{--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:64px}.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:grid;grid:"logo siteLabel mainMenu " / auto auto 1fr;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__item{margin-inline-end:var(--udexSpacer4)}.udex-masthead-shell__menu-btn{height:18px;order:1}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12);order:2}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MastheadShell.css.ts",content:`:host{--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:64px}.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:grid;grid:"logo siteLabel mainMenu " / auto auto 1fr;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px;order:1}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12);order:2}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
 `};
 export default styleData;

package/src/generated/themes/RatingIndicator.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-230-3_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-1_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
 `};
 export default styleData;

package/src/generated/themes/SearchableList.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SearchableList.css.ts",content:`:host::part(checkbox){pointer-events:none}.udex-searchable-list__header{display:block;margin-top:var(--udexSpacer16, 16px)}.udex-searchable-list__header:only-child,.udex-searchable-list__header.udex-searchable-list__header_no-margin{margin-top:0}.udex-busy-indicator{padding-block:var(--udexSpacer16, 16px);margin:0 auto;display:block}.udex-filter-menu__search+.udex-busy-indicator{padding-top:0}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SearchableList.css.ts",content:`:host::part(checkbox){pointer-events:none}.udex-searchable-list__header{display:block;margin-top:var(--udexSpacer16, 16px)}.udex-searchable-list__header:only-child,.udex-searchable-list__header.udex-searchable-list__header_no-margin{margin-top:0}.udex-busy-indicator{padding-block:var(--udexSpacer16, 16px);margin:0 auto;display:block}.udex-filter-menu__search+.udex-busy-indicator{padding-top:0}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
 `};
 export default styleData;

package/src/generated/themes/Slider.css.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-230-3_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-231-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
 `};
 export default styleData;

package/src/i18n/messagebundle.properties CHANGED Viewed

@@ -137,6 +137,9 @@ STEPINPUT_DEC_ICON_TITLE=Decrease Quantity by
 #"No search result" state for Filter Menu and Select Box components
 NO_MATCHES_FOUND=No matches found.
+#Accessibility search results message
+RESULT_RETURNED=results returned.
 #text that is appended to the tooltips of input fields etc. which are marked to have an error
 VALUE_STATE_ERROR=Invalid entry

package/src/i18n/messagebundle_ar.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=حقوق النشر © {0} لشركة SAP SE أو إحدى الشركات التابعة لشركة SAP. جميع الحقوق محفوظة.
+OVERVIEW=نظرة عامة
+LOGOUT=تسجيل الخروج
+MAIN_LINKS=الارتباطات الرئيسية

package/src/i18n/messagebundle_bg.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE или филиал на SAP. Всички права запазени.
+OVERVIEW=Преглед
+LOGOUT=Изход
+MAIN_LINKS=Основни връзки

package/src/i18n/messagebundle_cs.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE či přidružená společnost SAP. Všechna práva vyhrazena.
+OVERVIEW=Přehled
+LOGOUT=Odhlásit se
+MAIN_LINKS=Hlavní odkazy

package/src/i18n/messagebundle_da.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE eller en tilknyttet SAP-virksomhed. Alle rettigheder forbeholdes.
+OVERVIEW=Oversigt
+LOGOUT=Log af
+MAIN_LINKS=Hovedlinks

package/src/i18n/messagebundle_de.properties CHANGED Viewed

@@ -6,3 +6,6 @@ VALUE_STATE_WARNING=Warnung ausgegeben
 VALUE_STATE_INFORMATION=Informationseintrag
 VALUE_STATE_SUCCESS=Eintrag erfolgreich validiert
 COPYRIGHT=© {0} SAP SE oder ein SAP-Konzernunternehmen. Alle Rechte vorbehalten.
+OVERVIEW=Übersicht
+LOGOUT=Abmelden
+MAIN_LINKS=Hauptlinks

package/src/i18n/messagebundle_el.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE ή θυγατρική εταιρία της SAP. Με την επιφύλαξη όλων των δικαιωμάτων.
+OVERVIEW=Επισκόπηση
+LOGOUT=Αποσύνδεση
+MAIN_LINKS=Κύριοι σύνδεσμοι

package/src/i18n/messagebundle_en.properties CHANGED Viewed

@@ -115,3 +115,4 @@ TERMINATED_FILE_STATUS_TEXT=Terminated
 REMOVE_FILE_TEXT=Remove file
 UPLOAD_BUTTON_LABEL=Upload file
 SEARCH=Search
+RESULT_RETURNED=results returned.

package/src/i18n/messagebundle_es.properties CHANGED Viewed

@@ -6,3 +6,6 @@ VALUE_STATE_WARNING=Advertencia enviada
 VALUE_STATE_INFORMATION=Entrada informativa
 VALUE_STATE_SUCCESS=Entrada validada correctamente
 COPYRIGHT=© {0} SAP SE o una empresa afiliada de SAP. Todos los derechos reservados.
+OVERVIEW=Generalidades
+LOGOUT=Cerrar sesión
+MAIN_LINKS=Enlaces principales

package/src/i18n/messagebundle_et.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE või SAP sidusettevõte. Kõik õigused on kaitstud.
+OVERVIEW=Ülevaade
+LOGOUT=Logi välja
+MAIN_LINKS=Põhilingid

package/src/i18n/messagebundle_fi.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE tai SAP:n tytäryhtiö. Kaikki oikeudet pidätetään.
+OVERVIEW=Yleiskatsaus
+LOGOUT=Kirjaudu ulos
+MAIN_LINKS=Tärkeimmät linkit

package/src/i18n/messagebundle_fr.properties CHANGED Viewed

@@ -6,3 +6,6 @@ VALUE_STATE_WARNING=Avertissement édité
 VALUE_STATE_INFORMATION=Entrée pour information
 VALUE_STATE_SUCCESS=Entrée validée correctement
 COPYRIGHT=© {0} SAP SE ou société affiliée SAP. Tous droits réservés.
+OVERVIEW=Vue d''ensemble
+LOGOUT=Se déconnecter
+MAIN_LINKS=Liens principaux

package/src/i18n/messagebundle_hr.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE ili povezano poduzeće SAP-a. Sva prava pridržana.
+OVERVIEW=Pregled
+LOGOUT=Odjavi se
+MAIN_LINKS=Glavne veze

package/src/i18n/messagebundle_hu.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE vagy az SAP kapcsolódó vállalata. Minden jog fenntartva. Minden jog fenntartva.
+OVERVIEW=Áttekintés
+LOGOUT=Logout
+MAIN_LINKS=Főbb hivatkozások

package/src/i18n/messagebundle_it.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE o società affiliate SAP. Tutti i diritti riservati.
+OVERVIEW=Panoramica
+LOGOUT=Logout
+MAIN_LINKS=Link principali

package/src/i18n/messagebundle_iw.properties CHANGED Viewed

@@ -1,2 +1,4 @@
 COPYRIGHT=© {0} SAP SE או חברה המסונפת ל-SAP. כל הזכויות שמורות.
+OVERVIEW=סקירה
+LOGOUT=יציאה
+MAIN_LINKS=קישורים ראשיים

package/src/i18n/messagebundle_ko.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE 및 SAP 계열사. 모든 권한 보유.
+OVERVIEW=개요
+LOGOUT=로그아웃
+MAIN_LINKS=기본 링크

package/src/i18n/messagebundle_lt.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE arba SAP asocijuotoji įmonė. Visos teisės saugomos.
+OVERVIEW=Apžvalga
+LOGOUT=Atsijungti
+MAIN_LINKS=Pagrindinės nuorodos

package/src/i18n/messagebundle_lv.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE vai ar SAP saistīts uzņēmums. Visas tiesības paturētas.
+OVERVIEW=Apskats
+LOGOUT=Iziet
+MAIN_LINKS=Galvenās saites

package/src/i18n/messagebundle_nl.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE of een aan SAP gelieerde onderneming. Alle rechten voorbehouden.
+OVERVIEW=Overzicht
+LOGOUT=Afmelden
+MAIN_LINKS=Belangrijkste links

package/src/i18n/messagebundle_no.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE eller et datterselskap av SAP. Med enerett.
+OVERVIEW=Oversikt
+LOGOUT=Logg av
+MAIN_LINKS=Hovedkoblinger

package/src/i18n/messagebundle_pl.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE lub podmiot powiązany SAP. Wszelkie prawa zastrzeżone.
+OVERVIEW=Przegląd
+LOGOUT=Wyloguj się
+MAIN_LINKS=Główne łącza

package/src/i18n/messagebundle_pt.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE ou uma empresa associada da SAP. Todos os direitos reservados.
+OVERVIEW=Visão geral
+LOGOUT=Sair
+MAIN_LINKS=Ligações principais

package/src/i18n/messagebundle_pt_BR.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE ou empresa afiliada SAP. Todos os direitos reservados.
+OVERVIEW=Síntese
+LOGOUT=Sair
+MAIN_LINKS=Principais links

package/src/i18n/messagebundle_ro.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE sau o companie afiliată a SAP. Toate drepturile rezervate.
+OVERVIEW=Imagine generală
+LOGOUT=Ieșire
+MAIN_LINKS=Linkuri principale

package/src/i18n/messagebundle_ru.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© SAP SE или аффилированная компания SAP. Все права защищены.
+OVERVIEW=Обзор
+LOGOUT=Выход
+MAIN_LINKS=Основные ссылки

package/src/i18n/messagebundle_sk.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE alebo sesterská spoločnosť spoločnosti SAP. Všetky práva vyhradené.
+OVERVIEW=Prehľad
+LOGOUT=Odhlásiť
+MAIN_LINKS=Hlavné odkazy

package/src/i18n/messagebundle_sl.properties CHANGED Viewed

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE ali SAP-jevo povezano podjetje. Vse pravice pridržane.
+OVERVIEW=Pregled
+LOGOUT=Izpiši me
+MAIN_LINKS=Glavne povezave

package/src/i18n/messagebundle_sr.properties CHANGED Viewed

@@ -1,2 +1,4 @@
 COPYRIGHT=© {0} SAP SE ili povezano lice kompanije SAP. Sva prava zadržana.
+OVERVIEW=Pregled
+LOGOUT=Izloguj se
+MAIN_LINKS=Glavne veze