@sapudex/web-components 2.25.1 → 2.26.0
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.
- package/cypress/fixtures/profile-menu.ts +2 -1
- package/cypress/specs/MastheadProfileMenu.cy.tsx +21 -6
- package/dist/List.d.ts +9 -0
- package/dist/List.js +33 -2
- package/dist/List.js.map +1 -1
- package/dist/MastheadCountrySelector.d.ts +11 -0
- package/dist/MastheadCountrySelector.js +71 -14
- package/dist/MastheadCountrySelector.js.map +1 -1
- package/dist/MastheadItem.d.ts +1 -0
- package/dist/MastheadItem.js +9 -1
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.d.ts +11 -0
- package/dist/MastheadMenu.js +43 -13
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/MastheadProfileMenu.d.ts +33 -3
- package/dist/MastheadProfileMenu.js +93 -5
- package/dist/MastheadProfileMenu.js.map +1 -1
- package/dist/Pagination.d.ts +2 -0
- package/dist/Pagination.js +31 -6
- package/dist/Pagination.js.map +1 -1
- package/dist/PaginationTemplate.js +6 -5
- package/dist/PaginationTemplate.js.map +1 -1
- package/dist/Tooltip.js +3 -5
- package/dist/Tooltip.js.map +1 -1
- package/dist/TooltipTemplate.d.ts +2 -0
- package/dist/TooltipTemplate.js +7 -0
- package/dist/TooltipTemplate.js.map +1 -0
- package/dist/assets/{InputSuggestions-CTFZ6hH-.js → InputSuggestions-CG5owMFQ.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-wXdCijez.js → ListItemStandardExpandableTextTemplate-DpVr7qdn.js} +1 -1
- package/dist/assets/{bundle.esm-BXCZ9BP3.js → bundle.esm-CTkLMr6f.js} +185 -185
- package/dist/css/themes/MastheadCountrySelector.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadMenu.css +1 -1
- package/dist/css/themes/MastheadMenuItem.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/Quote.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/custom-elements-internal.json +163 -155
- package/dist/custom-elements.json +144 -140
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +7 -5
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadMenu.css.js +1 -1
- package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.js +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/Quote.css.d.ts +1 -1
- package/dist/generated/themes/Quote.css.js +1 -1
- package/dist/generated/themes/Quote.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/types/List.d.ts +6 -0
- package/dist/types/List.js +7 -0
- package/dist/types/List.js.map +1 -1
- package/dist/vscode.html-custom-data.json +1 -1
- package/dist/web-types.json +4 -6
- package/package.json +1 -1
- package/src/List.ts +41 -2
- package/src/MastheadCountrySelector.hbs +20 -16
- package/src/MastheadCountrySelector.ts +83 -16
- package/src/MastheadItem.ts +10 -1
- package/src/MastheadMenu.ts +56 -13
- package/src/MastheadProfileMenu.hbs +43 -26
- package/src/MastheadProfileMenu.ts +124 -7
- package/src/Pagination.ts +32 -6
- package/src/PaginationTemplate.tsx +19 -16
- package/src/Tooltip.ts +7 -6
- package/src/TooltipTemplate.tsx +29 -0
- package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +7 -5
- package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadMenu.css.ts +1 -1
- package/src/generated/themes/MastheadMenuItem.css.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/Quote.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/themes/MastheadCountrySelector.css +70 -10
- package/src/themes/MastheadItem.css +0 -1
- package/src/themes/MastheadMenu.css +1 -2
- package/src/themes/MastheadMenuItem.css +1 -0
- package/src/themes/MastheadProfileMenu.css +113 -17
- package/src/themes/Quote.css +1 -1
- package/src/types/List.ts +7 -0
- package/cypress/downloads/downloads.html +0 -0
- package/dist/generated/templates/TooltipTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TooltipTemplate.lit.js +0 -8
- package/dist/generated/templates/TooltipTemplate.lit.js.map +0 -1
- package/src/Tooltip.hbs +0 -22
- package/src/generated/templates/TooltipTemplate.lit.ts +0 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MastheadCountrySelectorTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/MastheadCountrySelectorTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type MastheadCountrySelector from \"../../MastheadCountrySelector.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-masthead-country-selector\" @keydown=\"${this.handleKeyDown}\">${ this._isActiveRegionOpen ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</div>`;}\nfunction block1 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"udex-masthead-country-selector__title\">${ifDefined(this.countryTitle)}</span>${ !this.isSingleMode ? block2.call(this, context, tags, suffix) : undefined }<${scopeTag(\"udex-search\", tags, suffix)} class=\"udex-masthead-country-selector__search\" @ui5-handle-value-search=\"${ifDefined(this.handleSearch)}\" @ui5-handle-value-reset=\"${ifDefined(this.handleSearchReset)}\" @ui5-submit-search-value=\"${ifDefined(this.handleSearch)}\" language-voice=\"${ifDefined(this.languageVoice)}\" label=\"${ifDefined(this.searchLabel)}\" mode=\"${ifDefined(this.homeSearchMode)}\" ?show-voice-button=\"${this.showSearchVoiceButton}\" 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><ul class=\"udex-masthead-country-selector__list udex-masthead-country-selector__list_countries\" role=\"menu\">${ repeat(this._activeCountries, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</ul>` : html`<span class=\"udex-masthead-country-selector__title\">${ifDefined(this.countryTitle)}</span>${ !this.isSingleMode ? block2.call(this, context, tags, suffix) : undefined }<udex-search class=\"udex-masthead-country-selector__search\" @ui5-handle-value-search=\"${ifDefined(this.handleSearch)}\" @ui5-handle-value-reset=\"${ifDefined(this.handleSearchReset)}\" @ui5-submit-search-value=\"${ifDefined(this.handleSearch)}\" language-voice=\"${ifDefined(this.languageVoice)}\" label=\"${ifDefined(this.searchLabel)}\" mode=\"${ifDefined(this.homeSearchMode)}\" ?show-voice-button=\"${this.showSearchVoiceButton}\" non-interactive-submit-button show-submit-button></udex-search><span aria-live=\"polite\" aria-atomic=\"true\" class=\"hidden\">${ifDefined(this._accSearchResultInfo)}</span><ul class=\"udex-masthead-country-selector__list udex-masthead-country-selector__list_countries\" role=\"menu\">${ repeat(this._activeCountries, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</ul>`;}\nfunction block2 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} class=\"udex-masthead-country-selector__region-back-item\" @click=\"${this.backToRegions}\" label=\"${ifDefined(this._activeRegion?.title)}\" type=\"Button\" part=\"menu-item\" is-back icon-start></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}>` : html`<udex-masthead-menu-item class=\"udex-masthead-country-selector__region-back-item\" @click=\"${this.backToRegions}\" label=\"${ifDefined(this._activeRegion?.title)}\" type=\"Button\" part=\"menu-item\" is-back icon-start></udex-masthead-menu-item>`;}\nfunction block3 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role=\"none\"><${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_countries\" @click=\"${this.handleCountryClick}\" _country-code=\"${ifDefined(item.countryCode)}\" url=\"${ifDefined(item.url)}\" label=\"${ifDefined(item.displayTitle)}\" index=\"${index}\" part=\"menu-item\" is-nav-item></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}></li>` : html`<li role=\"none\"><udex-masthead-menu-item class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_countries\" @click=\"${this.handleCountryClick}\" _country-code=\"${ifDefined(item.countryCode)}\" url=\"${ifDefined(item.url)}\" label=\"${ifDefined(item.displayTitle)}\" index=\"${index}\" part=\"menu-item\" is-nav-item></udex-masthead-menu-item></li>`;}\nfunction block4 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-masthead-country-selector__title\">${ifDefined(this.regionTitle)}</span><ul class=\"udex-masthead-country-selector__list\" role=\"menu\">${ repeat(this.regionsData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</ul>`;}\nfunction block5 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role=\"none\"><${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} id=\"${ifDefined(item._id)}\" @click=\"${this.handleRegionClick}\" index=\"${index}\" class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_region\" aria-has-popup=\"true\" type=\"Button\" part=\"menu-item\" is-nav-item has-border icon-end label=\"${ifDefined(item.title)}\"></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}></li>` : html`<li role=\"none\"><udex-masthead-menu-item id=\"${ifDefined(item._id)}\" @click=\"${this.handleRegionClick}\" index=\"${index}\" class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_region\" aria-has-popup=\"true\" type=\"Button\" part=\"menu-item\" is-nav-item has-border icon-end label=\"${ifDefined(item.title)}\"></udex-masthead-menu-item></li>`;}\n\nfunction template(this: MastheadCountrySelector) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
1
|
+
{"version":3,"file":"MastheadCountrySelectorTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/MastheadCountrySelectorTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type MastheadCountrySelector from \"../../MastheadCountrySelector.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-masthead-country-selector\" @keydown=\"${this.handleKeyDown}\">${ this._isActiveRegionOpen ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</div>`;}\nfunction block1 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"udex-masthead-country-selector__title\">${ifDefined(this.countryTitle)}</span>${ !this.isSingleMode ? block2.call(this, context, tags, suffix) : undefined }<${scopeTag(\"udex-search\", tags, suffix)} class=\"udex-masthead-country-selector__search\" @ui5-handle-value-search=\"${ifDefined(this.handleSearch)}\" @ui5-handle-value-reset=\"${ifDefined(this.handleSearchReset)}\" @ui5-submit-search-value=\"${ifDefined(this.handleSearch)}\" language-voice=\"${ifDefined(this.languageVoice)}\" label=\"${ifDefined(this.searchLabel)}\" mode=\"${ifDefined(this.homeSearchMode)}\" ?show-voice-button=\"${this.showSearchVoiceButton}\" 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><div class=\"udex-masthead-country-selector__list-container\"><div class=\"udex-masthead-country-selector__list-wrap\" @scroll=${this.handleCountryListShadowVisible}><ul class=\"udex-masthead-country-selector__list udex-masthead-country-selector__list_countries\" role=\"menu\">${ repeat(this._activeCountries, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</ul></div></div>` : html`<span class=\"udex-masthead-country-selector__title\">${ifDefined(this.countryTitle)}</span>${ !this.isSingleMode ? block2.call(this, context, tags, suffix) : undefined }<udex-search class=\"udex-masthead-country-selector__search\" @ui5-handle-value-search=\"${ifDefined(this.handleSearch)}\" @ui5-handle-value-reset=\"${ifDefined(this.handleSearchReset)}\" @ui5-submit-search-value=\"${ifDefined(this.handleSearch)}\" language-voice=\"${ifDefined(this.languageVoice)}\" label=\"${ifDefined(this.searchLabel)}\" mode=\"${ifDefined(this.homeSearchMode)}\" ?show-voice-button=\"${this.showSearchVoiceButton}\" non-interactive-submit-button show-submit-button></udex-search><span aria-live=\"polite\" aria-atomic=\"true\" class=\"hidden\">${ifDefined(this._accSearchResultInfo)}</span><div class=\"udex-masthead-country-selector__list-container\"><div class=\"udex-masthead-country-selector__list-wrap\" @scroll=${this.handleCountryListShadowVisible}><ul class=\"udex-masthead-country-selector__list udex-masthead-country-selector__list_countries\" role=\"menu\">${ repeat(this._activeCountries, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</ul></div></div>`;}\nfunction block2 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} class=\"udex-masthead-country-selector__region-back-item\" @click=\"${this.backToRegions}\" label=\"${ifDefined(this._activeRegion?.title)}\" type=\"Button\" part=\"menu-item\" is-back icon-start></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}>` : html`<udex-masthead-menu-item class=\"udex-masthead-country-selector__region-back-item\" @click=\"${this.backToRegions}\" label=\"${ifDefined(this._activeRegion?.title)}\" type=\"Button\" part=\"menu-item\" is-back icon-start></udex-masthead-menu-item>`;}\nfunction block3 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role=\"none\"><${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_countries\" @click=\"${this.handleCountryClick}\" _country-code=\"${ifDefined(item.countryCode)}\" url=\"${ifDefined(item.url)}\" label=\"${ifDefined(item.displayTitle)}\" index=\"${index}\" part=\"menu-item\" is-nav-item></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}></li>` : html`<li role=\"none\"><udex-masthead-menu-item class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_countries\" @click=\"${this.handleCountryClick}\" _country-code=\"${ifDefined(item.countryCode)}\" url=\"${ifDefined(item.url)}\" label=\"${ifDefined(item.displayTitle)}\" index=\"${index}\" part=\"menu-item\" is-nav-item></udex-masthead-menu-item></li>`;}\nfunction block4 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-masthead-country-selector__title\">${ifDefined(this.regionTitle)}</span><ul class=\"udex-masthead-country-selector__list\" role=\"menu\">${ repeat(this.regionsData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</ul>`;}\nfunction block5 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role=\"none\"><${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} id=\"${ifDefined(item._id)}\" @click=\"${this.handleRegionClick}\" index=\"${index}\" class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_region\" aria-has-popup=\"true\" type=\"Button\" part=\"menu-item\" is-nav-item has-border icon-end label=\"${ifDefined(item.title)}\"></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}></li>` : html`<li role=\"none\"><udex-masthead-menu-item id=\"${ifDefined(item._id)}\" @click=\"${this.handleRegionClick}\" index=\"${index}\" class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_region\" aria-has-popup=\"true\" type=\"Button\" part=\"menu-item\" is-nav-item has-border icon-end label=\"${ifDefined(item.title)}\"></udex-masthead-menu-item></li>`;}\n\nfunction template(this: MastheadCountrySelector) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -2,15 +2,17 @@
|
|
|
2
2
|
import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
3
|
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
4
|
function block0(context, tags, suffix) { return html `<div @keydown="${this.handleKeydown}" class="${ifDefined(this.rootClass)}">${this._openIdentities ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div> `; }
|
|
5
|
-
function block1(context, tags, suffix) { return suffix ? html `<div class="udex-masthead-profile-menu__header-wrap back-btn"><${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-profile-menu__btn-back" @click="${this.handleSwitcherClick}" label="${ifDefined(this.btnBackText)}" type="Button" icon-start></${scopeTag("udex-masthead-menu-item", tags, suffix)}><span class="udex-masthead-profile-menu__switcher-title">${ifDefined(this.switcherAccountText)}</span></div><
|
|
6
|
-
function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-list", tags, suffix)} class="udex-masthead-profile-menu__identities-list" mode="SingleSelect" accessible-name="${ifDefined(this.listTitleText)}" controlled>${repeat(this.identitiesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</${scopeTag("udex-list", tags, suffix)}>` : html `<udex-list class="udex-masthead-profile-menu__identities-list" mode="SingleSelect" accessible-name="${ifDefined(this.listTitleText)}" controlled>${repeat(this.identitiesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</udex-list>`; }
|
|
5
|
+
function block1(context, tags, suffix) { return suffix ? html `<div class="udex-masthead-profile-menu__header-wrap back-btn"><${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-profile-menu__btn-back" @click="${this.handleSwitcherClick}" label="${ifDefined(this.btnBackText)}" type="Button" icon-start></${scopeTag("udex-masthead-menu-item", tags, suffix)}><span class="udex-masthead-profile-menu__switcher-title">${ifDefined(this.switcherAccountText)}</span></div><span class="udex-masthead-profile-menu__identities-list-title">${ifDefined(this.listTitleText)}</span><div class="udex-masthead-profile-menu__identities-list-wrap">${this.identitiesList.length ? block2.call(this, context, tags, suffix) : undefined}</div><${scopeTag("udex-button", tags, suffix)} @click="${this.fireEventAddOrRemoveAccountClick}" class="udex-masthead-profile-menu__add-remove-btn" design="Primary" end-icon="action" size="Large">${ifDefined(this.addOrRemoveAccountText)}</${scopeTag("udex-button", tags, suffix)}>` : html `<div class="udex-masthead-profile-menu__header-wrap back-btn"><udex-masthead-menu-item class="udex-masthead-profile-menu__btn-back" @click="${this.handleSwitcherClick}" label="${ifDefined(this.btnBackText)}" type="Button" icon-start></udex-masthead-menu-item><span class="udex-masthead-profile-menu__switcher-title">${ifDefined(this.switcherAccountText)}</span></div><span class="udex-masthead-profile-menu__identities-list-title">${ifDefined(this.listTitleText)}</span><div class="udex-masthead-profile-menu__identities-list-wrap">${this.identitiesList.length ? block2.call(this, context, tags, suffix) : undefined}</div><udex-button @click="${this.fireEventAddOrRemoveAccountClick}" class="udex-masthead-profile-menu__add-remove-btn" design="Primary" end-icon="action" size="Large">${ifDefined(this.addOrRemoveAccountText)}</udex-button>`; }
|
|
6
|
+
function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-list", tags, suffix)} class="udex-masthead-profile-menu__identities-list" mode="SingleSelect" accessible-name="${ifDefined(this.listTitleText)}" @scroll="${this.handleIdentitiesListShadowVisible}" _scroll-into-view="Center" controlled>${repeat(this.identitiesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</${scopeTag("udex-list", tags, suffix)}>` : html `<udex-list class="udex-masthead-profile-menu__identities-list" mode="SingleSelect" accessible-name="${ifDefined(this.listTitleText)}" @scroll="${this.handleIdentitiesListShadowVisible}" _scroll-into-view="Center" controlled>${repeat(this.identitiesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</udex-list>`; }
|
|
7
7
|
function block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-list-item", tags, suffix)} id="${ifDefined(item.idsUser)}" class="udex-masthead-profile-menu__identities-list-item" @ui5-item-press="${ifDefined(this.fireEventIdentityItemClick)}" supporting-text="${ifDefined(item.supportingText)}" image-badge-state="${ifDefined(item.statusBadge)}" image="${ifDefined(item.avatarUrl)}" image-alt="${ifDefined(item.name)}">${ifDefined(item.email)}</${scopeTag("udex-list-item", tags, suffix)}>` : html `<udex-list-item id="${ifDefined(item.idsUser)}" class="udex-masthead-profile-menu__identities-list-item" @ui5-item-press="${ifDefined(this.fireEventIdentityItemClick)}" supporting-text="${ifDefined(item.supportingText)}" image-badge-state="${ifDefined(item.statusBadge)}" image="${ifDefined(item.avatarUrl)}" image-alt="${ifDefined(item.name)}">${ifDefined(item.email)}</udex-list-item>`; }
|
|
8
|
-
function block4(context, tags, suffix) { return suffix ? html `<div class="udex-masthead-profile-menu__header">${this.userData ? block5.call(this, context, tags, suffix) : undefined}</div>${this.messageAvailable ? block8.call(this, context, tags, suffix) : undefined}<div class="udex-masthead-profile-menu__links"><${scopeTag("udex-masthead-menu", tags, suffix)} exportparts="badge, menu-item" part="menu" sub-items='${ifDefined(this.linksList)}' @ui5-menu-item-click="${ifDefined(this.handleProfileMenuItemClick)}"></${scopeTag("udex-masthead-menu", tags, suffix)}>${this.
|
|
9
|
-
function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-avatar", tags, suffix)} aria-hidden="true" size="L" initials="${ifDefined(this.userData.avatarInitials)}">${this.userData.avatarUrl ? block6.call(this, context, tags, suffix) : undefined}</${scopeTag("udex-avatar", tags, suffix)}><div><p class="udex-profile-menu__account-name">${ifDefined(this.userData.name)}</p><p class="udex-profile-menu__account-email">${ifDefined(this.userData.email)}</p>${this.hasIdentities ? block7.call(this, context, tags, suffix) : undefined}</div>` : html `<udex-avatar aria-hidden="true" size="L" initials="${ifDefined(this.userData.avatarInitials)}">${this.userData.avatarUrl ? block6.call(this, context, tags, suffix) : undefined}</udex-avatar><div><p class="udex-profile-menu__account-name">${ifDefined(this.userData.name)}</p><p class="udex-profile-menu__account-email">${ifDefined(this.userData.email)}</p>${this.hasIdentities ? block7.call(this, context, tags, suffix) : undefined}</div>`; }
|
|
8
|
+
function block4(context, tags, suffix) { return suffix ? html `<div class="udex-masthead-profile-menu__header">${this.userData ? block5.call(this, context, tags, suffix) : undefined}</div>${this.messageAvailable ? block8.call(this, context, tags, suffix) : undefined}<div class="udex-masthead-profile-menu__content"><div class="udex-masthead-profile-menu__links" @scroll="${this.handleProfileMenuShadowVisible}"><${scopeTag("udex-masthead-menu", tags, suffix)} exportparts="badge, menu-item" part="menu" sub-items='${ifDefined(this.linksList)}' @ui5-menu-item-click="${ifDefined(this.handleProfileMenuItemClick)}" _scroll-into-view="Center"></${scopeTag("udex-masthead-menu", tags, suffix)}></div></div>${this.hasActionButton ? block9.call(this, context, tags, suffix) : undefined}` : html `<div class="udex-masthead-profile-menu__header">${this.userData ? block5.call(this, context, tags, suffix) : undefined}</div>${this.messageAvailable ? block8.call(this, context, tags, suffix) : undefined}<div class="udex-masthead-profile-menu__content"><div class="udex-masthead-profile-menu__links" @scroll="${this.handleProfileMenuShadowVisible}"><udex-masthead-menu exportparts="badge, menu-item" part="menu" sub-items='${ifDefined(this.linksList)}' @ui5-menu-item-click="${ifDefined(this.handleProfileMenuItemClick)}" _scroll-into-view="Center"></udex-masthead-menu></div></div>${this.hasActionButton ? block9.call(this, context, tags, suffix) : undefined}`; }
|
|
9
|
+
function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-avatar", tags, suffix)} aria-hidden="true" size="L" initials="${ifDefined(this.userData.avatarInitials)}" fallback-icon="${ifDefined(this.userData.fallbackIcon)}">${this.userData.avatarUrl ? block6.call(this, context, tags, suffix) : undefined}</${scopeTag("udex-avatar", tags, suffix)}><div><p class="udex-profile-menu__account-name">${ifDefined(this.userData.name)}</p><p class="udex-profile-menu__account-email">${ifDefined(this.userData.email)}</p>${this.hasIdentities ? block7.call(this, context, tags, suffix) : undefined}</div>` : html `<udex-avatar aria-hidden="true" size="L" initials="${ifDefined(this.userData.avatarInitials)}" fallback-icon="${ifDefined(this.userData.fallbackIcon)}">${this.userData.avatarUrl ? block6.call(this, context, tags, suffix) : undefined}</udex-avatar><div><p class="udex-profile-menu__account-name">${ifDefined(this.userData.name)}</p><p class="udex-profile-menu__account-email">${ifDefined(this.userData.email)}</p>${this.hasIdentities ? block7.call(this, context, tags, suffix) : undefined}</div>`; }
|
|
10
10
|
function block6(context, tags, suffix) { return html `<img src="${ifDefined(this.userData.avatarUrl)}" alt="avatar"/>`; }
|
|
11
11
|
function block7(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} @click="${this.handleSwitcherClick}" class="udex-masthead-profile-menu__btn-switcher" size="Large" end-icon="slim-arrow-right" design="Invisible">${ifDefined(this.switcherAccountText)}</${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button @click="${this.handleSwitcherClick}" class="udex-masthead-profile-menu__btn-switcher" size="Large" end-icon="slim-arrow-right" design="Invisible">${ifDefined(this.switcherAccountText)}</udex-button>`; }
|
|
12
12
|
function block8(context, tags, suffix) { return html `<div class="udex-masthead-profile-menu__message"><slot name="message"></slot></div>`; }
|
|
13
|
-
function block9(context, tags, suffix) { return
|
|
13
|
+
function block9(context, tags, suffix) { return html `<div class="udex-masthead-profile-menu__actions">${this.hasLogoutButton ? block10.call(this, context, tags, suffix) : block11.call(this, context, tags, suffix)}</div>`; }
|
|
14
|
+
function block10(context, tags, suffix) { return html `<div class="udex-masthead-profile-menu__btn"><slot name="logoutButton"></slot></div>`; }
|
|
15
|
+
function block11(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} @click="${this.handleUserLogoutClick}" end-icon="action" design="Default" accessible-role="Link" href="${ifDefined(this.logoutUrl)}">${ifDefined(this.logoutText)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link @click="${this.handleUserLogoutClick}" end-icon="action" design="Default" accessible-role="Link" href="${ifDefined(this.logoutUrl)}">${ifDefined(this.logoutText)}</udex-link>`; }
|
|
14
16
|
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
15
17
|
export default template;
|
|
16
18
|
//# sourceMappingURL=MastheadProfileMenuTemplate.lit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MastheadProfileMenuTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/MastheadProfileMenuTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type MastheadProfileMenu from \"../../MastheadProfileMenu.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div @keydown=\"${this.handleKeydown}\" class=\"${ifDefined(this.rootClass)}\">${ this._openIdentities ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</div> `;}\nfunction block1 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-masthead-profile-menu__header-wrap back-btn\"><${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} class=\"udex-masthead-profile-menu__btn-back\" @click=\"${this.handleSwitcherClick}\" label=\"${ifDefined(this.btnBackText)}\" type=\"Button\" icon-start></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}><span class=\"udex-masthead-profile-menu__switcher-title\">${ifDefined(this.switcherAccountText)}</span></div><div class=\"udex-masthead-profile-menu__identities-list-wrap\"><span class=\"udex-masthead-profile-menu__identities-list-title\">${ifDefined(this.listTitleText)}</span>${ this.identitiesList.length ? block2.call(this, context, tags, suffix) : undefined }<${scopeTag(\"udex-button\", tags, suffix)} @click=\"${this.fireEventAddOrRemoveAccountClick}\" class=\"udex-masthead-profile-menu__add-remove-btn\" design=\"Primary\" end-icon=\"action\" size=\"Large\">${ifDefined(this.addOrRemoveAccountText)}</${scopeTag(\"udex-button\", tags, suffix)}></div>` : html`<div class=\"udex-masthead-profile-menu__header-wrap back-btn\"><udex-masthead-menu-item class=\"udex-masthead-profile-menu__btn-back\" @click=\"${this.handleSwitcherClick}\" label=\"${ifDefined(this.btnBackText)}\" type=\"Button\" icon-start></udex-masthead-menu-item><span class=\"udex-masthead-profile-menu__switcher-title\">${ifDefined(this.switcherAccountText)}</span></div><div class=\"udex-masthead-profile-menu__identities-list-wrap\"><span class=\"udex-masthead-profile-menu__identities-list-title\">${ifDefined(this.listTitleText)}</span>${ this.identitiesList.length ? block2.call(this, context, tags, suffix) : undefined }<udex-button @click=\"${this.fireEventAddOrRemoveAccountClick}\" class=\"udex-masthead-profile-menu__add-remove-btn\" design=\"Primary\" end-icon=\"action\" size=\"Large\">${ifDefined(this.addOrRemoveAccountText)}</udex-button></div>`;}\nfunction block2 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-list\", tags, suffix)} class=\"udex-masthead-profile-menu__identities-list\" mode=\"SingleSelect\" accessible-name=\"${ifDefined(this.listTitleText)}\" controlled>${ repeat(this.identitiesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"udex-list\", tags, suffix)}>` : html`<udex-list class=\"udex-masthead-profile-menu__identities-list\" mode=\"SingleSelect\" accessible-name=\"${ifDefined(this.listTitleText)}\" controlled>${ repeat(this.identitiesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</udex-list>`;}\nfunction block3 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-list-item\", tags, suffix)} id=\"${ifDefined(item.idsUser)}\" class=\"udex-masthead-profile-menu__identities-list-item\" @ui5-item-press=\"${ifDefined(this.fireEventIdentityItemClick)}\" supporting-text=\"${ifDefined(item.supportingText)}\" image-badge-state=\"${ifDefined(item.statusBadge)}\" image=\"${ifDefined(item.avatarUrl)}\" image-alt=\"${ifDefined(item.name)}\">${ifDefined(item.email)}</${scopeTag(\"udex-list-item\", tags, suffix)}>` : html`<udex-list-item id=\"${ifDefined(item.idsUser)}\" class=\"udex-masthead-profile-menu__identities-list-item\" @ui5-item-press=\"${ifDefined(this.fireEventIdentityItemClick)}\" supporting-text=\"${ifDefined(item.supportingText)}\" image-badge-state=\"${ifDefined(item.statusBadge)}\" image=\"${ifDefined(item.avatarUrl)}\" image-alt=\"${ifDefined(item.name)}\">${ifDefined(item.email)}</udex-list-item>`;}\nfunction block4 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-masthead-profile-menu__header\">${ this.userData ? block5.call(this, context, tags, suffix) : undefined }</div>${ this.messageAvailable ? block8.call(this, context, tags, suffix) : undefined }<div class=\"udex-masthead-profile-menu__links\"><${scopeTag(\"udex-masthead-menu\", tags, suffix)} exportparts=\"badge, menu-item\" part=\"menu\" sub-items='${ifDefined(this.linksList)}' @ui5-menu-item-click=\"${ifDefined(this.handleProfileMenuItemClick)}\"></${scopeTag(\"udex-masthead-menu\", tags, suffix)}>${ this.logoutLink ? block9.call(this, context, tags, suffix) : undefined }</div>` : html`<div class=\"udex-masthead-profile-menu__header\">${ this.userData ? block5.call(this, context, tags, suffix) : undefined }</div>${ this.messageAvailable ? block8.call(this, context, tags, suffix) : undefined }<div class=\"udex-masthead-profile-menu__links\"><udex-masthead-menu exportparts=\"badge, menu-item\" part=\"menu\" sub-items='${ifDefined(this.linksList)}' @ui5-menu-item-click=\"${ifDefined(this.handleProfileMenuItemClick)}\"></udex-masthead-menu>${ this.logoutLink ? block9.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block5 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-avatar\", tags, suffix)} aria-hidden=\"true\" size=\"L\" initials=\"${ifDefined(this.userData.avatarInitials)}\">${ this.userData.avatarUrl ? block6.call(this, context, tags, suffix) : undefined }</${scopeTag(\"udex-avatar\", tags, suffix)}><div><p class=\"udex-profile-menu__account-name\">${ifDefined(this.userData.name)}</p><p class=\"udex-profile-menu__account-email\">${ifDefined(this.userData.email)}</p>${ this.hasIdentities ? block7.call(this, context, tags, suffix) : undefined }</div>` : html`<udex-avatar aria-hidden=\"true\" size=\"L\" initials=\"${ifDefined(this.userData.avatarInitials)}\">${ this.userData.avatarUrl ? block6.call(this, context, tags, suffix) : undefined }</udex-avatar><div><p class=\"udex-profile-menu__account-name\">${ifDefined(this.userData.name)}</p><p class=\"udex-profile-menu__account-email\">${ifDefined(this.userData.email)}</p>${ this.hasIdentities ? block7.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block6 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<img src=\"${ifDefined(this.userData.avatarUrl)}\" alt=\"avatar\"/>`;}\nfunction block7 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} @click=\"${this.handleSwitcherClick}\" class=\"udex-masthead-profile-menu__btn-switcher\" size=\"Large\" end-icon=\"slim-arrow-right\" design=\"Invisible\">${ifDefined(this.switcherAccountText)}</${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button @click=\"${this.handleSwitcherClick}\" class=\"udex-masthead-profile-menu__btn-switcher\" size=\"Large\" end-icon=\"slim-arrow-right\" design=\"Invisible\">${ifDefined(this.switcherAccountText)}</udex-button>`;}\nfunction block8 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-masthead-profile-menu__message\"><slot name=\"message\"></slot></div>`;}\nfunction block9 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-masthead-profile-menu__actions\"><${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} @click=\"${this.handleUserLogoutItemClick}\" label=\"${ifDefined(this.logoutText)}\" url=\"${ifDefined(this.logoutUrl)}\"></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}></div>` : html`<div class=\"udex-masthead-profile-menu__actions\"><udex-masthead-menu-item @click=\"${this.handleUserLogoutItemClick}\" label=\"${ifDefined(this.logoutText)}\" url=\"${ifDefined(this.logoutUrl)}\"></udex-masthead-menu-item></div>`;}\n\nfunction template(this: MastheadProfileMenu) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
1
|
+
{"version":3,"file":"MastheadProfileMenuTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/MastheadProfileMenuTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type MastheadProfileMenu from \"../../MastheadProfileMenu.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div @keydown=\"${this.handleKeydown}\" class=\"${ifDefined(this.rootClass)}\">${ this._openIdentities ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</div> `;}\nfunction block1 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-masthead-profile-menu__header-wrap back-btn\"><${scopeTag(\"udex-masthead-menu-item\", tags, suffix)} class=\"udex-masthead-profile-menu__btn-back\" @click=\"${this.handleSwitcherClick}\" label=\"${ifDefined(this.btnBackText)}\" type=\"Button\" icon-start></${scopeTag(\"udex-masthead-menu-item\", tags, suffix)}><span class=\"udex-masthead-profile-menu__switcher-title\">${ifDefined(this.switcherAccountText)}</span></div><span class=\"udex-masthead-profile-menu__identities-list-title\">${ifDefined(this.listTitleText)}</span><div class=\"udex-masthead-profile-menu__identities-list-wrap\">${ this.identitiesList.length ? block2.call(this, context, tags, suffix) : undefined }</div><${scopeTag(\"udex-button\", tags, suffix)} @click=\"${this.fireEventAddOrRemoveAccountClick}\" class=\"udex-masthead-profile-menu__add-remove-btn\" design=\"Primary\" end-icon=\"action\" size=\"Large\">${ifDefined(this.addOrRemoveAccountText)}</${scopeTag(\"udex-button\", tags, suffix)}>` : html`<div class=\"udex-masthead-profile-menu__header-wrap back-btn\"><udex-masthead-menu-item class=\"udex-masthead-profile-menu__btn-back\" @click=\"${this.handleSwitcherClick}\" label=\"${ifDefined(this.btnBackText)}\" type=\"Button\" icon-start></udex-masthead-menu-item><span class=\"udex-masthead-profile-menu__switcher-title\">${ifDefined(this.switcherAccountText)}</span></div><span class=\"udex-masthead-profile-menu__identities-list-title\">${ifDefined(this.listTitleText)}</span><div class=\"udex-masthead-profile-menu__identities-list-wrap\">${ this.identitiesList.length ? block2.call(this, context, tags, suffix) : undefined }</div><udex-button @click=\"${this.fireEventAddOrRemoveAccountClick}\" class=\"udex-masthead-profile-menu__add-remove-btn\" design=\"Primary\" end-icon=\"action\" size=\"Large\">${ifDefined(this.addOrRemoveAccountText)}</udex-button>`;}\nfunction block2 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-list\", tags, suffix)} class=\"udex-masthead-profile-menu__identities-list\" mode=\"SingleSelect\" accessible-name=\"${ifDefined(this.listTitleText)}\" @scroll=\"${this.handleIdentitiesListShadowVisible}\" _scroll-into-view=\"Center\" controlled>${ repeat(this.identitiesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"udex-list\", tags, suffix)}>` : html`<udex-list class=\"udex-masthead-profile-menu__identities-list\" mode=\"SingleSelect\" accessible-name=\"${ifDefined(this.listTitleText)}\" @scroll=\"${this.handleIdentitiesListShadowVisible}\" _scroll-into-view=\"Center\" controlled>${ repeat(this.identitiesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</udex-list>`;}\nfunction block3 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-list-item\", tags, suffix)} id=\"${ifDefined(item.idsUser)}\" class=\"udex-masthead-profile-menu__identities-list-item\" @ui5-item-press=\"${ifDefined(this.fireEventIdentityItemClick)}\" supporting-text=\"${ifDefined(item.supportingText)}\" image-badge-state=\"${ifDefined(item.statusBadge)}\" image=\"${ifDefined(item.avatarUrl)}\" image-alt=\"${ifDefined(item.name)}\">${ifDefined(item.email)}</${scopeTag(\"udex-list-item\", tags, suffix)}>` : html`<udex-list-item id=\"${ifDefined(item.idsUser)}\" class=\"udex-masthead-profile-menu__identities-list-item\" @ui5-item-press=\"${ifDefined(this.fireEventIdentityItemClick)}\" supporting-text=\"${ifDefined(item.supportingText)}\" image-badge-state=\"${ifDefined(item.statusBadge)}\" image=\"${ifDefined(item.avatarUrl)}\" image-alt=\"${ifDefined(item.name)}\">${ifDefined(item.email)}</udex-list-item>`;}\nfunction block4 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-masthead-profile-menu__header\">${ this.userData ? block5.call(this, context, tags, suffix) : undefined }</div>${ this.messageAvailable ? block8.call(this, context, tags, suffix) : undefined }<div class=\"udex-masthead-profile-menu__content\"><div class=\"udex-masthead-profile-menu__links\" @scroll=\"${this.handleProfileMenuShadowVisible}\"><${scopeTag(\"udex-masthead-menu\", tags, suffix)} exportparts=\"badge, menu-item\" part=\"menu\" sub-items='${ifDefined(this.linksList)}' @ui5-menu-item-click=\"${ifDefined(this.handleProfileMenuItemClick)}\" _scroll-into-view=\"Center\"></${scopeTag(\"udex-masthead-menu\", tags, suffix)}></div></div>${ this.hasActionButton ? block9.call(this, context, tags, suffix) : undefined }` : html`<div class=\"udex-masthead-profile-menu__header\">${ this.userData ? block5.call(this, context, tags, suffix) : undefined }</div>${ this.messageAvailable ? block8.call(this, context, tags, suffix) : undefined }<div class=\"udex-masthead-profile-menu__content\"><div class=\"udex-masthead-profile-menu__links\" @scroll=\"${this.handleProfileMenuShadowVisible}\"><udex-masthead-menu exportparts=\"badge, menu-item\" part=\"menu\" sub-items='${ifDefined(this.linksList)}' @ui5-menu-item-click=\"${ifDefined(this.handleProfileMenuItemClick)}\" _scroll-into-view=\"Center\"></udex-masthead-menu></div></div>${ this.hasActionButton ? block9.call(this, context, tags, suffix) : undefined }`;}\nfunction block5 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-avatar\", tags, suffix)} aria-hidden=\"true\" size=\"L\" initials=\"${ifDefined(this.userData.avatarInitials)}\" fallback-icon=\"${ifDefined(this.userData.fallbackIcon)}\">${ this.userData.avatarUrl ? block6.call(this, context, tags, suffix) : undefined }</${scopeTag(\"udex-avatar\", tags, suffix)}><div><p class=\"udex-profile-menu__account-name\">${ifDefined(this.userData.name)}</p><p class=\"udex-profile-menu__account-email\">${ifDefined(this.userData.email)}</p>${ this.hasIdentities ? block7.call(this, context, tags, suffix) : undefined }</div>` : html`<udex-avatar aria-hidden=\"true\" size=\"L\" initials=\"${ifDefined(this.userData.avatarInitials)}\" fallback-icon=\"${ifDefined(this.userData.fallbackIcon)}\">${ this.userData.avatarUrl ? block6.call(this, context, tags, suffix) : undefined }</udex-avatar><div><p class=\"udex-profile-menu__account-name\">${ifDefined(this.userData.name)}</p><p class=\"udex-profile-menu__account-email\">${ifDefined(this.userData.email)}</p>${ this.hasIdentities ? block7.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block6 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<img src=\"${ifDefined(this.userData.avatarUrl)}\" alt=\"avatar\"/>`;}\nfunction block7 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} @click=\"${this.handleSwitcherClick}\" class=\"udex-masthead-profile-menu__btn-switcher\" size=\"Large\" end-icon=\"slim-arrow-right\" design=\"Invisible\">${ifDefined(this.switcherAccountText)}</${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button @click=\"${this.handleSwitcherClick}\" class=\"udex-masthead-profile-menu__btn-switcher\" size=\"Large\" end-icon=\"slim-arrow-right\" design=\"Invisible\">${ifDefined(this.switcherAccountText)}</udex-button>`;}\nfunction block8 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-masthead-profile-menu__message\"><slot name=\"message\"></slot></div>`;}\nfunction block9 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-masthead-profile-menu__actions\">${ this.hasLogoutButton ? block10.call(this, context, tags, suffix) : block11.call(this, context, tags, suffix) }</div>`;}\nfunction block10 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-masthead-profile-menu__btn\"><slot name=\"logoutButton\"></slot></div>`;}\nfunction block11 (this: MastheadProfileMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} @click=\"${this.handleUserLogoutClick}\" end-icon=\"action\" design=\"Default\" accessible-role=\"Link\" href=\"${ifDefined(this.logoutUrl)}\">${ifDefined(this.logoutText)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link @click=\"${this.handleUserLogoutClick}\" end-icon=\"action\" design=\"Default\" accessible-role=\"Link\" href=\"${ifDefined(this.logoutUrl)}\">${ifDefined(this.logoutText)}</udex-link>`;}\n\nfunction template(this: MastheadProfileMenu) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":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-
|
|
1
|
+
declare const _default: ":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-wrap{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{max-height:initial}.hidden{position:absolute;width:0;height:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__list-container{position:relative}:host(:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:0;right:0}.udex-masthead-country-selector__list-wrap_scrollable:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop]) .udex-masthead-country-selector__list-wrap_scrollable:before{right:15px}:host([desktop]:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:15px;right:0}@media (max-width: 1279px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.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)}.udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}}@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)}}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `: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-
|
|
6
|
+
export default `: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-wrap{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{max-height:initial}.hidden{position:absolute;width:0;height:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__list-container{position:relative}:host(:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:0;right:0}.udex-masthead-country-selector__list-wrap_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop]) .udex-masthead-country-selector__list-wrap_scrollable:before{right:15px}:host([desktop]:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:15px;right:0}@media (max-width: 1279px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.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)}.udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}}@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)}}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=MastheadCountrySelector.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MastheadCountrySelector.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadCountrySelector.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `: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-
|
|
1
|
+
{"version":3,"file":"MastheadCountrySelector.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadCountrySelector.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `: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-wrap{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{max-height:initial}.hidden{position:absolute;width:0;height:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__list-container{position:relative}:host(:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:0;right:0}.udex-masthead-country-selector__list-wrap_scrollable:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop]) .udex-masthead-country-selector__list-wrap_scrollable:before{right:15px}:host([desktop]:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:15px;right:0}@media (max-width: 1279px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.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)}.udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}}@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)}}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--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;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);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__image,.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.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(--udex-masthead-item-arrow-margin-inline-start)}: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}: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%}}\n";
|
|
1
|
+
declare const _default: ":host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--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;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);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__image,.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.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(--udex-masthead-item-arrow-margin-inline-start)}: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}: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%}.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%}}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--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;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);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__image,.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.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(--udex-masthead-item-arrow-margin-inline-start)}: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}: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%}}
|
|
6
|
+
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--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;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);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__image,.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.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(--udex-masthead-item-arrow-margin-inline-start)}: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}: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%}.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%}}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=MastheadItem.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MastheadItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--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;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);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__image,.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.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(--udex-masthead-item-arrow-margin-inline-start)}: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}: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%}}\n`"]}
|
|
1
|
+
{"version":3,"file":"MastheadItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--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;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);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__image,.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.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(--udex-masthead-item-arrow-margin-inline-start)}: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}: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%}.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%}}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding:var(--udex-masthead-menu-item-header-padding-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-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)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding:var(--udex-masthead-menu-item-header-padding-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge)
|
|
1
|
+
declare const _default: ":host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding:var(--udex-masthead-menu-item-header-padding-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-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)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding:var(--udex-masthead-menu-item-header-padding-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}[udex-masthead-menu-item]::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}.udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}.udex-masthead-menu__header{margin:0;width:auto}.udex-masthead-menu__list{width:auto}.udex-masthead-menu__column{width:100%}.udex-masthead-menu,.udex-masthead-menu__column{display:block}}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `:host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding:var(--udex-masthead-menu-item-header-padding-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-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)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding:var(--udex-masthead-menu-item-header-padding-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge)
|
|
6
|
+
export default `:host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding:var(--udex-masthead-menu-item-header-padding-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-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)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding:var(--udex-masthead-menu-item-header-padding-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}[udex-masthead-menu-item]::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}.udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}.udex-masthead-menu__header{margin:0;width:auto}.udex-masthead-menu__list{width:auto}.udex-masthead-menu__column{width:100%}.udex-masthead-menu,.udex-masthead-menu__column{display:block}}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=MastheadMenu.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MastheadMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadMenu.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding:var(--udex-masthead-menu-item-header-padding-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-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)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding:var(--udex-masthead-menu-item-header-padding-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge)
|
|
1
|
+
{"version":3,"file":"MastheadMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadMenu.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding:var(--udex-masthead-menu-item-header-padding-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-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)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding:var(--udex-masthead-menu-item-header-padding-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}[udex-masthead-menu-item]::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}.udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}.udex-masthead-menu__header{margin:0;width:auto}.udex-masthead-menu__list{width:auto}.udex-masthead-menu__column{width:100%}.udex-masthead-menu,.udex-masthead-menu__column{display:block}}\n`"]}
|