@sapudex/web-components 2.60.0 → 2.61.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/specs/Carousel.cy.tsx +46 -0
- package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +52 -3
- package/cypress/specs/SelectBox.cy.tsx +37 -5
- package/cypress/specs/SideNavigation.cy.tsx +509 -0
- package/cypress/specs/Table.cy.tsx +90 -0
- package/cypress/support/component-imports.instrumented.ts +6 -0
- package/cypress/support/component-imports.src.ts +6 -0
- package/dist/Carousel.d.ts +1 -0
- package/dist/Carousel.js +16 -1
- package/dist/Carousel.js.map +1 -1
- package/dist/Pagination.d.ts +0 -1
- package/dist/Pagination.js +2 -2
- package/dist/Pagination.js.map +1 -1
- package/dist/SearchableListBaseTemplate.js +0 -1
- package/dist/SearchableListBaseTemplate.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +2 -1
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/SecondaryNavigationItem.js +12 -6
- package/dist/SecondaryNavigationItem.js.map +1 -1
- package/dist/SecondaryNavigationTemplate.js +1 -2
- package/dist/SecondaryNavigationTemplate.js.map +1 -1
- package/dist/SelectBase.js +1 -1
- package/dist/SelectBase.js.map +1 -1
- package/dist/SideNavigation.d.ts +23 -0
- package/dist/SideNavigation.js +39 -0
- package/dist/SideNavigation.js.map +1 -1
- package/dist/SideNavigationItem.d.ts +10 -0
- package/dist/SideNavigationItem.js +67 -0
- package/dist/SideNavigationItem.js.map +1 -1
- package/dist/SideNavigationMobileTemplate.js +1 -1
- package/dist/SideNavigationMobileTemplate.js.map +1 -1
- package/dist/SideNavigationSubItem.d.ts +23 -0
- package/dist/SideNavigationSubItem.js +103 -0
- package/dist/SideNavigationSubItem.js.map +1 -1
- package/dist/SideNavigationSubItemTemplate.d.ts +2 -0
- package/dist/SideNavigationSubItemTemplate.js +10 -0
- package/dist/SideNavigationSubItemTemplate.js.map +1 -0
- package/dist/Table.js +1 -1
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.d.ts +8 -2
- package/dist/TableCell.js +13 -11
- package/dist/TableCell.js.map +1 -1
- package/dist/TableCellBase.d.ts +2 -1
- package/dist/TableCellBase.js +9 -0
- package/dist/TableCellBase.js.map +1 -1
- package/dist/TableHeaderCell.d.ts +0 -1
- package/dist/TableHeaderCell.js +0 -4
- package/dist/TableHeaderCell.js.map +1 -1
- package/dist/TableRow.d.ts +10 -0
- package/dist/TableRow.js +23 -0
- package/dist/TableRow.js.map +1 -1
- package/dist/UploadItem.js +3 -4
- package/dist/UploadItem.js.map +1 -1
- package/dist/assets/{InputSuggestions-DyNcKgip.js → InputSuggestions-1OnUn6pM.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-qdKPzaOQ.js → ListItemStandardExpandableTextTemplate-CoBAMp_v.js} +1 -1
- package/dist/assets/{bundle.esm-sUYwSJOp.js → bundle.esm-BqaVWFKf.js} +233 -233
- package/dist/css/themes/AccordionSpotlight.css +1 -1
- package/dist/css/themes/Contact.css +1 -1
- package/dist/css/themes/EventRibbon.css +1 -1
- package/dist/css/themes/Feed.css +1 -1
- package/dist/css/themes/HeroBanner.css +1 -1
- package/dist/css/themes/ImageGridCloud.css +1 -1
- package/dist/css/themes/ImageGridTicker.css +1 -1
- package/dist/css/themes/ImageGridTickerItem.css +1 -1
- package/dist/css/themes/LinkList.css +1 -1
- 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/MastheadMobileMenu.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/MessageStrip.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/PromoTile.css +1 -1
- package/dist/css/themes/Quote.css +1 -1
- package/dist/css/themes/Review.css +1 -1
- package/dist/css/themes/ReviewItem.css +1 -1
- package/dist/css/themes/SecondaryNavigation.css +1 -1
- package/dist/css/themes/SecondaryNavigationItem.css +1 -1
- package/dist/css/themes/SelectBase.css +1 -1
- package/dist/css/themes/SideNavigation.css +1 -1
- package/dist/css/themes/SideNavigationItem.css +1 -1
- package/dist/css/themes/SideNavigationMobile.css +1 -1
- package/dist/css/themes/SideNavigationMobileDropdown.css +1 -1
- package/dist/css/themes/SideNavigationSubItem.css +1 -1
- package/dist/css/themes/TabNavigation.css +1 -1
- package/dist/css/themes/Table.css +1 -1
- package/dist/css/themes/TableCellBase.css +1 -1
- package/dist/css/themes/Upload.css +1 -1
- package/dist/css/themes/UploadItem.css +1 -1
- package/dist/custom-elements-internal.json +155 -12
- package/dist/custom-elements.json +144 -19
- package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
- package/dist/generated/themes/Contact.css.d.ts +1 -1
- package/dist/generated/themes/Contact.css.js +1 -1
- package/dist/generated/themes/Contact.css.js.map +1 -1
- package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
- package/dist/generated/themes/EventRibbon.css.js +1 -1
- package/dist/generated/themes/EventRibbon.css.js.map +1 -1
- package/dist/generated/themes/Feed.css.d.ts +1 -1
- package/dist/generated/themes/Feed.css.js +1 -1
- package/dist/generated/themes/Feed.css.js.map +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
- package/dist/generated/themes/HeroBanner.css.js +1 -1
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/ImageGridCloud.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridCloud.css.js +1 -1
- package/dist/generated/themes/ImageGridCloud.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.js +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.js.map +1 -1
- package/dist/generated/themes/LinkList.css.d.ts +1 -1
- package/dist/generated/themes/LinkList.css.js +1 -1
- package/dist/generated/themes/LinkList.css.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/MastheadMobileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadMobileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadMobileMenu.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/MastheadShell.css.d.ts +1 -1
- package/dist/generated/themes/MastheadShell.css.js +1 -1
- package/dist/generated/themes/MastheadShell.css.js.map +1 -1
- package/dist/generated/themes/MessageStrip.css.d.ts +1 -1
- package/dist/generated/themes/MessageStrip.css.js +1 -1
- package/dist/generated/themes/MessageStrip.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.d.ts +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/PromoTile.css.d.ts +1 -1
- package/dist/generated/themes/PromoTile.css.js +1 -1
- package/dist/generated/themes/PromoTile.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/Review.css.d.ts +1 -1
- package/dist/generated/themes/Review.css.js +1 -1
- package/dist/generated/themes/Review.css.js.map +1 -1
- package/dist/generated/themes/ReviewItem.css.d.ts +1 -1
- package/dist/generated/themes/ReviewItem.css.js +1 -1
- package/dist/generated/themes/ReviewItem.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigation.css.d.ts +1 -1
- package/dist/generated/themes/SecondaryNavigation.css.js +1 -1
- package/dist/generated/themes/SecondaryNavigation.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
- package/dist/generated/themes/SelectBase.css.d.ts +1 -1
- package/dist/generated/themes/SelectBase.css.js +1 -1
- package/dist/generated/themes/SelectBase.css.js.map +1 -1
- package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigation.css.js +1 -1
- package/dist/generated/themes/SideNavigation.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationItem.css.js +1 -1
- package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationMobile.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationMobile.css.js +1 -1
- package/dist/generated/themes/SideNavigationMobile.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationMobileDropdown.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationMobileDropdown.css.js +1 -1
- package/dist/generated/themes/SideNavigationMobileDropdown.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
- package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
- package/dist/generated/themes/TabNavigation.css.js +1 -1
- package/dist/generated/themes/TabNavigation.css.js.map +1 -1
- package/dist/generated/themes/Table.css.d.ts +1 -1
- package/dist/generated/themes/Table.css.js +1 -1
- package/dist/generated/themes/Table.css.js.map +1 -1
- package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
- package/dist/generated/themes/TableCellBase.css.js +1 -1
- package/dist/generated/themes/TableCellBase.css.js.map +1 -1
- package/dist/generated/themes/Upload.css.d.ts +1 -1
- package/dist/generated/themes/Upload.css.js +1 -1
- package/dist/generated/themes/Upload.css.js.map +1 -1
- package/dist/generated/themes/UploadItem.css.d.ts +1 -1
- package/dist/generated/themes/UploadItem.css.js +1 -1
- package/dist/generated/themes/UploadItem.css.js.map +1 -1
- package/dist/types/Table.d.ts +6 -2
- package/dist/types/Table.js +7 -2
- package/dist/types/Table.js.map +1 -1
- package/dist/vscode.html-custom-data.json +44 -3
- package/dist/web-types.json +80 -6
- package/package.json +1 -1
- package/run-cypress.js +8 -1
- package/src/Carousel.ts +17 -1
- package/src/Pagination.ts +2 -3
- package/src/SearchableListBaseTemplate.tsx +0 -1
- package/src/SecondaryNavigation.ts +2 -1
- package/src/SecondaryNavigationItem.ts +14 -6
- package/src/SecondaryNavigationTemplate.tsx +4 -6
- package/src/SelectBase.ts +1 -1
- package/src/SideNavigation.ts +35 -0
- package/src/SideNavigationItem.ts +75 -0
- package/src/SideNavigationMobileTemplate.tsx +2 -1
- package/src/SideNavigationSubItem.ts +117 -1
- package/src/SideNavigationSubItemTemplate.tsx +56 -0
- package/src/Table.ts +1 -2
- package/src/TableCell.ts +9 -12
- package/src/TableCellBase.ts +10 -1
- package/src/TableHeaderCell.ts +0 -5
- package/src/TableRow.ts +20 -0
- package/src/UploadItem.ts +3 -5
- package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
- package/src/generated/themes/Contact.css.ts +1 -1
- package/src/generated/themes/EventRibbon.css.ts +1 -1
- package/src/generated/themes/Feed.css.ts +1 -1
- package/src/generated/themes/HeroBanner.css.ts +1 -1
- package/src/generated/themes/ImageGridCloud.css.ts +1 -1
- package/src/generated/themes/ImageGridTicker.css.ts +1 -1
- package/src/generated/themes/ImageGridTickerItem.css.ts +1 -1
- package/src/generated/themes/LinkList.css.ts +1 -1
- 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/MastheadMobileMenu.css.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/MastheadShell.css.ts +1 -1
- package/src/generated/themes/MessageStrip.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/PromoTile.css.ts +1 -1
- package/src/generated/themes/Quote.css.ts +1 -1
- package/src/generated/themes/Review.css.ts +1 -1
- package/src/generated/themes/ReviewItem.css.ts +1 -1
- package/src/generated/themes/SecondaryNavigation.css.ts +1 -1
- package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
- package/src/generated/themes/SelectBase.css.ts +1 -1
- package/src/generated/themes/SideNavigation.css.ts +1 -1
- package/src/generated/themes/SideNavigationItem.css.ts +1 -1
- package/src/generated/themes/SideNavigationMobile.css.ts +1 -1
- package/src/generated/themes/SideNavigationMobileDropdown.css.ts +1 -1
- package/src/generated/themes/SideNavigationSubItem.css.ts +1 -1
- package/src/generated/themes/TabNavigation.css.ts +1 -1
- package/src/generated/themes/Table.css.ts +1 -1
- package/src/generated/themes/TableCellBase.css.ts +1 -1
- package/src/generated/themes/Upload.css.ts +1 -1
- package/src/generated/themes/UploadItem.css.ts +1 -1
- package/src/themes/AccordionSpotlight.css +4 -1
- package/src/themes/Contact.css +1 -1
- package/src/themes/EventRibbon.css +4 -4
- package/src/themes/Feed.css +2 -2
- package/src/themes/HeroBanner.css +3 -3
- package/src/themes/ImageGridCloud.css +1 -1
- package/src/themes/ImageGridTicker.css +1 -1
- package/src/themes/ImageGridTickerItem.css +1 -1
- package/src/themes/LinkList.css +4 -4
- package/src/themes/MastheadCountrySelector.css +1 -1
- package/src/themes/MastheadItem.css +4 -4
- package/src/themes/MastheadMenu.css +1 -1
- package/src/themes/MastheadMenuItem.css +1 -1
- package/src/themes/MastheadMobileMenu.css +2 -2
- package/src/themes/MastheadProfileMenu.css +1 -1
- package/src/themes/MastheadShell.css +4 -4
- package/src/themes/MessageStrip.css +7 -2
- package/src/themes/Modal.css +1 -1
- package/src/themes/PromoTile.css +4 -3
- package/src/themes/Quote.css +2 -2
- package/src/themes/Review.css +2 -2
- package/src/themes/ReviewItem.css +2 -2
- package/src/themes/SecondaryNavigation.css +1 -2
- package/src/themes/SecondaryNavigationItem.css +3 -6
- package/src/themes/SelectBase.css +1 -1
- package/src/themes/SideNavigation.css +31 -8
- package/src/themes/SideNavigationItem.css +46 -18
- package/src/themes/SideNavigationMobile.css +6 -7
- package/src/themes/SideNavigationMobileDropdown.css +10 -3
- package/src/themes/SideNavigationSubItem.css +73 -17
- package/src/themes/TabNavigation.css +2 -2
- package/src/themes/Table.css +1 -1
- package/src/themes/TableCellBase.css +8 -0
- package/src/themes/Upload.css +1 -1
- package/src/themes/UploadItem.css +1 -1
- package/src/types/Table.ts +6 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer20, 20px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (
|
|
1
|
+
declare const _default: ":host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer20, 20px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (width < 980px){.udex-image-grid-ticker-item{padding:0 var(--udexSpacer8);margin-bottom:var(--udexSpacer16)}}\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, "host");
|
|
6
|
-
export default `:host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer20, 20px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (
|
|
6
|
+
export default `:host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer20, 20px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (width < 980px){.udex-image-grid-ticker-item{padding:0 var(--udexSpacer8);margin-bottom:var(--udexSpacer16)}}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=ImageGridTickerItem.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageGridTickerItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ImageGridTickerItem.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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer20, 20px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (
|
|
1
|
+
{"version":3,"file":"ImageGridTickerItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ImageGridTickerItem.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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer20, 20px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (width < 980px){.udex-image-grid-ticker-item{padding:0 var(--udexSpacer8);margin-bottom:var(--udexSpacer16)}}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type=\"TileS\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type=\"TileL\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (
|
|
1
|
+
declare const _default: ":host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type=\"TileS\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type=\"TileL\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (width < 1600px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-l),1fr)}}@media (width < 1280px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-m),1fr)}}@media (width < 980px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-s),1fr)}}@media (width < 640px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-xs),1fr)}}\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, "host");
|
|
6
|
-
export default `:host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type="TileS"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type="TileL"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (
|
|
6
|
+
export default `:host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type="TileS"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type="TileL"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (width < 1600px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-l),1fr)}}@media (width < 1280px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-m),1fr)}}@media (width < 980px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-s),1fr)}}@media (width < 640px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-xs),1fr)}}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=LinkList.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkList.css.js","sourceRoot":"","sources":["../../../src/generated/themes/LinkList.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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type=\"TileS\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type=\"TileL\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (
|
|
1
|
+
{"version":3,"file":"LinkList.css.js","sourceRoot":"","sources":["../../../src/generated/themes/LinkList.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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type=\"TileS\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type=\"TileL\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (width < 1600px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-l),1fr)}}@media (width < 1280px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-m),1fr)}}@media (width < 980px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-s),1fr)}}@media (width < 640px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-xs),1fr)}}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-masthead-country-selector-desktop-max-height: 375px;--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000)}.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}:host(:not([_is-active-region-open])) .udex-masthead-country-selector__title{border-bottom:1px solid var(--udex-masthead-country-selector-title-border-color)}.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);color:var(--udex-masthead-country-selector-title-color);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-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link),.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.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__item::part(menu-item-link){--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;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{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:var(--udexSpacer24)}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{min-height:100%;box-sizing:border-box}.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:var(--udexZIndex1, 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 (
|
|
1
|
+
declare const _default: ":host{--udex-masthead-country-selector-desktop-max-height: 375px;--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000)}.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}:host(:not([_is-active-region-open])) .udex-masthead-country-selector__title{border-bottom:1px solid var(--udex-masthead-country-selector-title-border-color)}.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);color:var(--udex-masthead-country-selector-title-color);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-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link),.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.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__item::part(menu-item-link){--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;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{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:var(--udexSpacer24)}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{min-height:100%;box-sizing:border-box}.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:var(--udexZIndex1, 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 (width < 1280px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-country-selector__list-container{height:100%;overflow:auto;padding-bottom:var(--udexSpacer24)}.udex-masthead-country-selector__list-wrap_scrollable:before{bottom:24px}}@media (max-height: 550px){.udex-masthead-country-selector__list-container{min-height:100px}}\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, "host");
|
|
6
|
-
export default `:host{--udex-masthead-country-selector-desktop-max-height: 375px;--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000)}.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}:host(:not([_is-active-region-open])) .udex-masthead-country-selector__title{border-bottom:1px solid var(--udex-masthead-country-selector-title-border-color)}.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);color:var(--udex-masthead-country-selector-title-color);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-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link),.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.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__item::part(menu-item-link){--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;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{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:var(--udexSpacer24)}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{min-height:100%;box-sizing:border-box}.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:var(--udexZIndex1, 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 (
|
|
6
|
+
export default `:host{--udex-masthead-country-selector-desktop-max-height: 375px;--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000)}.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}:host(:not([_is-active-region-open])) .udex-masthead-country-selector__title{border-bottom:1px solid var(--udex-masthead-country-selector-title-border-color)}.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);color:var(--udex-masthead-country-selector-title-color);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-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link),.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.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__item::part(menu-item-link){--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;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{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:var(--udexSpacer24)}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{min-height:100%;box-sizing:border-box}.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:var(--udexZIndex1, 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 (width < 1280px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-country-selector__list-container{height:100%;overflow:auto;padding-bottom:var(--udexSpacer24)}.udex-masthead-country-selector__list-wrap_scrollable:before{bottom:24px}}@media (max-height: 550px){.udex-masthead-country-selector__list-container{min-height:100px}}
|
|
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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-masthead-country-selector-desktop-max-height: 375px;--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000)}.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}:host(:not([_is-active-region-open])) .udex-masthead-country-selector__title{border-bottom:1px solid var(--udex-masthead-country-selector-title-border-color)}.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);color:var(--udex-masthead-country-selector-title-color);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-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link),.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.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__item::part(menu-item-link){--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;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{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:var(--udexSpacer24)}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{min-height:100%;box-sizing:border-box}.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:var(--udexZIndex1, 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 (
|
|
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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-masthead-country-selector-desktop-max-height: 375px;--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000)}.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}:host(:not([_is-active-region-open])) .udex-masthead-country-selector__title{border-bottom:1px solid var(--udex-masthead-country-selector-title-border-color)}.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);color:var(--udex-masthead-country-selector-title-color);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-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link),.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.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__item::part(menu-item-link){--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;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{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:var(--udexSpacer24)}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{min-height:100%;box-sizing:border-box}.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:var(--udexZIndex1, 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 (width < 1280px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-country-selector__list-container{height:100%;overflow:auto;padding-bottom:var(--udexSpacer24)}.udex-masthead-country-selector__list-wrap_scrollable:before{bottom:24px}}@media (max-height: 550px){.udex-masthead-country-selector__list-container{min-height:100px}}\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: -52px;--udex-masthead-item-dropdown-position-right: -52px;--udex-masthead-item-dropdown-min-width: 344px;--udex-masthead-item-dropdown-max-width: 400px;--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: var(--udexZIndex100, 100);--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);--udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;--udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);--udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-dropdown-background: #FFF;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);background:var(--udex-masthead-item-dropdown-background)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{top:46px;left:auto;right:var(--udex-masthead-item-dropdown-position-right);min-width:var(--udex-masthead-item-dropdown-min-width);max-width:var(--udex-masthead-item-dropdown-max-width)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{max-width:inherit}.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;left:50%;transform:translate(-50%);box-sizing:border-box;width:100cqw}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown-holder{padding:0}:host([_has-four-columns-menu]),:host([slot=\"exploreSAP\"]){position:inherit}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown{inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer84)}:host([_has-four-columns-menu]) ::slotted([slot=\"dropdown\"]),:host([slot=\"exploreSAP\"]) ::slotted([slot=\"dropdown\"]){--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=\"exploreSAP\"]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) 0;max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.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__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}: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%}:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);--udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);--udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);--udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color)}:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color)}.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__button--icon+.udex-masthead-item__dropdown{right:auto;left:var(--udex-masthead-item-dropdown-position-right)}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host([_has-four-columns-menu]:dir(rtl)) .udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{right:50%;transform:translate(50%)}: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([part=\"menu-open-btn\"]:dir(rtl)) .udex-masthead-item__dropdown,:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}: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-holder{overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part=\"menu-open-btn\"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:\"\";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part=\"menu-open-btn\"]){position:initial}:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder{padding:0}.udex-masthead-hidden-text{display:none}.udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-l);box-sizing:border-box;position:relative}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-profile-padding-l)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}:host([_is-mobile-mode]) ::slotted([slot=\"dropdown\"]){margin-bottom:var(--udexSpacer24)}.udex-masthead-item__badge{position:absolute;right:-4px;top:-5px}@media (max-width: 1599px){:host([slot=\"exploreSAP\"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:var(--udexSpacer32) var(--udexSpacer72);box-sizing:content-box}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer72)}}@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--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:0}: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}::slotted([slot=\"dropdown\"]){margin-bottom:var(--udexSpacer24)}}@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%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{max-width:100%}}@media (max-width: 639px){.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-xs)}}\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: -52px;--udex-masthead-item-dropdown-position-right: -52px;--udex-masthead-item-dropdown-min-width: 344px;--udex-masthead-item-dropdown-max-width: 400px;--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: var(--udexZIndex100, 100);--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);--udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;--udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);--udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-dropdown-background: #FFF;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);background:var(--udex-masthead-item-dropdown-background)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{top:46px;left:auto;right:var(--udex-masthead-item-dropdown-position-right);min-width:var(--udex-masthead-item-dropdown-min-width);max-width:var(--udex-masthead-item-dropdown-max-width)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{max-width:inherit}.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;left:50%;transform:translate(-50%);box-sizing:border-box;width:100cqw}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown-holder{padding:0}:host([_has-four-columns-menu]),:host([slot=\"exploreSAP\"]){position:inherit}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown{inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer84)}:host([_has-four-columns-menu]) ::slotted([slot=\"dropdown\"]),:host([slot=\"exploreSAP\"]) ::slotted([slot=\"dropdown\"]){--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=\"exploreSAP\"]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) 0;max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.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__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}: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%}:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);--udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);--udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);--udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color)}:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color)}.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__button--icon+.udex-masthead-item__dropdown{right:auto;left:var(--udex-masthead-item-dropdown-position-right)}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host([_has-four-columns-menu]:dir(rtl)) .udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{right:50%;transform:translate(50%)}: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([part=\"menu-open-btn\"]:dir(rtl)) .udex-masthead-item__dropdown,:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}: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-holder{overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part=\"menu-open-btn\"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:\"\";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part=\"menu-open-btn\"]){position:initial}:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder{padding:0}.udex-masthead-hidden-text{display:none}.udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-l);box-sizing:border-box;position:relative}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-profile-padding-l)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}:host([_is-mobile-mode]) ::slotted([slot=\"dropdown\"]){margin-bottom:var(--udexSpacer24)}.udex-masthead-item__badge{position:absolute;right:-4px;top:-5px}@media (width < 1600px){:host([slot=\"exploreSAP\"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:var(--udexSpacer32) var(--udexSpacer72);box-sizing:content-box}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer72)}}@media (width < 1280px){:host{position:initial}:host([slot=\"countrySelector\"]) ::slotted([slot=\"dropdown\"]),:host([slot=\"profile\"]) ::slotted([slot=\"dropdown\"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:0}: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}::slotted([slot=\"dropdown\"]){margin-bottom:var(--udexSpacer24)}}@media (width < 980px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part=\"menu-open-btn\"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{max-width:100%}}@media (width < 640px){.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-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, "host");
|
|
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: -52px;--udex-masthead-item-dropdown-position-right: -52px;--udex-masthead-item-dropdown-min-width: 344px;--udex-masthead-item-dropdown-max-width: 400px;--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: var(--udexZIndex100, 100);--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);--udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;--udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);--udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-dropdown-background: #FFF;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);background:var(--udex-masthead-item-dropdown-background)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{top:46px;left:auto;right:var(--udex-masthead-item-dropdown-position-right);min-width:var(--udex-masthead-item-dropdown-min-width);max-width:var(--udex-masthead-item-dropdown-max-width)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{max-width:inherit}.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;left:50%;transform:translate(-50%);box-sizing:border-box;width:100cqw}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown-holder{padding:0}:host([_has-four-columns-menu]),:host([slot="exploreSAP"]){position:inherit}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown{inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer84)}:host([_has-four-columns-menu]) ::slotted([slot="dropdown"]),:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--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="exploreSAP"]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) 0;max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.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__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}: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%}:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);--udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);--udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);--udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color)}:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color)}.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__button--icon+.udex-masthead-item__dropdown{right:auto;left:var(--udex-masthead-item-dropdown-position-right)}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host([_has-four-columns-menu]:dir(rtl)) .udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{right:50%;transform:translate(50%)}: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([part="menu-open-btn"]:dir(rtl)) .udex-masthead-item__dropdown,:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}: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-holder{overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder{padding:0}.udex-masthead-hidden-text{display:none}.udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-l);box-sizing:border-box;position:relative}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-profile-padding-l)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}:host([_is-mobile-mode]) ::slotted([slot="dropdown"]){margin-bottom:var(--udexSpacer24)}.udex-masthead-item__badge{position:absolute;right:-4px;top:-5px}@media (max-width: 1599px){:host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:var(--udexSpacer32) var(--udexSpacer72);box-sizing:content-box}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer72)}}@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--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:0}: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}::slotted([slot="dropdown"]){margin-bottom:var(--udexSpacer24)}}@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%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{max-width:100%}}@media (max-width: 639px){.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-xs)}}
|
|
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: -52px;--udex-masthead-item-dropdown-position-right: -52px;--udex-masthead-item-dropdown-min-width: 344px;--udex-masthead-item-dropdown-max-width: 400px;--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: var(--udexZIndex100, 100);--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);--udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;--udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);--udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-dropdown-background: #FFF;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);background:var(--udex-masthead-item-dropdown-background)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{top:46px;left:auto;right:var(--udex-masthead-item-dropdown-position-right);min-width:var(--udex-masthead-item-dropdown-min-width);max-width:var(--udex-masthead-item-dropdown-max-width)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{max-width:inherit}.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;left:50%;transform:translate(-50%);box-sizing:border-box;width:100cqw}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown-holder{padding:0}:host([_has-four-columns-menu]),:host([slot="exploreSAP"]){position:inherit}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown{inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer84)}:host([_has-four-columns-menu]) ::slotted([slot="dropdown"]),:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--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="exploreSAP"]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) 0;max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.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__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}: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%}:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);--udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);--udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);--udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color)}:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color)}.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__button--icon+.udex-masthead-item__dropdown{right:auto;left:var(--udex-masthead-item-dropdown-position-right)}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host([_has-four-columns-menu]:dir(rtl)) .udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{right:50%;transform:translate(50%)}: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([part="menu-open-btn"]:dir(rtl)) .udex-masthead-item__dropdown,:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}: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-holder{overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder{padding:0}.udex-masthead-hidden-text{display:none}.udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-l);box-sizing:border-box;position:relative}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-profile-padding-l)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}:host([_is-mobile-mode]) ::slotted([slot="dropdown"]){margin-bottom:var(--udexSpacer24)}.udex-masthead-item__badge{position:absolute;right:-4px;top:-5px}@media (width < 1600px){:host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:var(--udexSpacer32) var(--udexSpacer72);box-sizing:content-box}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer72)}}@media (width < 1280px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:0}: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}::slotted([slot="dropdown"]){margin-bottom:var(--udexSpacer24)}}@media (width < 980px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{max-width:100%}}@media (width < 640px){.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-xs)}}
|
|
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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\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: -52px;--udex-masthead-item-dropdown-position-right: -52px;--udex-masthead-item-dropdown-min-width: 344px;--udex-masthead-item-dropdown-max-width: 400px;--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: var(--udexZIndex100, 100);--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);--udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;--udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);--udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-dropdown-background: #FFF;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);background:var(--udex-masthead-item-dropdown-background)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{top:46px;left:auto;right:var(--udex-masthead-item-dropdown-position-right);min-width:var(--udex-masthead-item-dropdown-min-width);max-width:var(--udex-masthead-item-dropdown-max-width)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{max-width:inherit}.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;left:50%;transform:translate(-50%);box-sizing:border-box;width:100cqw}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown-holder{padding:0}:host([_has-four-columns-menu]),:host([slot=\"exploreSAP\"]){position:inherit}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown{inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer84)}:host([_has-four-columns-menu]) ::slotted([slot=\"dropdown\"]),:host([slot=\"exploreSAP\"]) ::slotted([slot=\"dropdown\"]){--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=\"exploreSAP\"]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) 0;max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.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__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}: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%}:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);--udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);--udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);--udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color)}:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color)}.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__button--icon+.udex-masthead-item__dropdown{right:auto;left:var(--udex-masthead-item-dropdown-position-right)}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host([_has-four-columns-menu]:dir(rtl)) .udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{right:50%;transform:translate(50%)}: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([part=\"menu-open-btn\"]:dir(rtl)) .udex-masthead-item__dropdown,:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}: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-holder{overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part=\"menu-open-btn\"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:\"\";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part=\"menu-open-btn\"]){position:initial}:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder{padding:0}.udex-masthead-hidden-text{display:none}.udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-l);box-sizing:border-box;position:relative}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-profile-padding-l)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}:host([_is-mobile-mode]) ::slotted([slot=\"dropdown\"]){margin-bottom:var(--udexSpacer24)}.udex-masthead-item__badge{position:absolute;right:-4px;top:-5px}@media (max-width: 1599px){:host([slot=\"exploreSAP\"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:var(--udexSpacer32) var(--udexSpacer72);box-sizing:content-box}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer72)}}@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--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:0}: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}::slotted([slot=\"dropdown\"]){margin-bottom:var(--udexSpacer24)}}@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%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{max-width:100%}}@media (max-width: 639px){.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-xs)}}\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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\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: -52px;--udex-masthead-item-dropdown-position-right: -52px;--udex-masthead-item-dropdown-min-width: 344px;--udex-masthead-item-dropdown-max-width: 400px;--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: var(--udexZIndex100, 100);--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);--udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;--udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);--udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-dropdown-background: #FFF;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);background:var(--udex-masthead-item-dropdown-background)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{top:46px;left:auto;right:var(--udex-masthead-item-dropdown-position-right);min-width:var(--udex-masthead-item-dropdown-min-width);max-width:var(--udex-masthead-item-dropdown-max-width)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{max-width:inherit}.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;left:50%;transform:translate(-50%);box-sizing:border-box;width:100cqw}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown-holder{padding:0}:host([_has-four-columns-menu]),:host([slot=\"exploreSAP\"]){position:inherit}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown{inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer84)}:host([_has-four-columns-menu]) ::slotted([slot=\"dropdown\"]),:host([slot=\"exploreSAP\"]) ::slotted([slot=\"dropdown\"]){--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=\"exploreSAP\"]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) 0;max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.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__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}: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%}:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);--udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);--udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);--udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color)}:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color)}.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__button--icon+.udex-masthead-item__dropdown{right:auto;left:var(--udex-masthead-item-dropdown-position-right)}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host([_has-four-columns-menu]:dir(rtl)) .udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{right:50%;transform:translate(50%)}: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([part=\"menu-open-btn\"]:dir(rtl)) .udex-masthead-item__dropdown,:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}: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-holder{overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part=\"menu-open-btn\"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:\"\";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part=\"menu-open-btn\"]){position:initial}:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder{padding:0}.udex-masthead-hidden-text{display:none}.udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-l);box-sizing:border-box;position:relative}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-profile-padding-l)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}:host([_is-mobile-mode]) ::slotted([slot=\"dropdown\"]){margin-bottom:var(--udexSpacer24)}.udex-masthead-item__badge{position:absolute;right:-4px;top:-5px}@media (width < 1600px){:host([slot=\"exploreSAP\"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:var(--udexSpacer32) var(--udexSpacer72);box-sizing:content-box}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer72)}}@media (width < 1280px){:host{position:initial}:host([slot=\"countrySelector\"]) ::slotted([slot=\"dropdown\"]),:host([slot=\"profile\"]) ::slotted([slot=\"dropdown\"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:0}: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}::slotted([slot=\"dropdown\"]){margin-bottom:var(--udexSpacer24)}}@media (width < 980px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part=\"menu-open-btn\"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{max-width:100%}}@media (width < 640px){.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-xs)}}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--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-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer8);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: var(--udexSpacer4);--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-menu{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-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-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-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-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__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}.udex-masthead-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box}[udex-masthead-menu-item].udex-masthead-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);padding:0}.udex-masthead-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer12)}.udex-masthead-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (
|
|
1
|
+
declare const _default: ":host{--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-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer8);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: var(--udexSpacer4);--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-menu{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-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-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-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-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__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}.udex-masthead-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box}[udex-masthead-menu-item].udex-masthead-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);padding:0}.udex-masthead-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer12)}.udex-masthead-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (width < 1280px){[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__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, "host");
|
|
6
|
-
export default `:host{--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-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer8);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: var(--udexSpacer4);--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-menu{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-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-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-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-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__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}.udex-masthead-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box}[udex-masthead-menu-item].udex-masthead-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);padding:0}.udex-masthead-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer12)}.udex-masthead-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (
|
|
6
|
+
export default `:host{--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-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer8);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: var(--udexSpacer4);--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-menu{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-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-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-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-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__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}.udex-masthead-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box}[udex-masthead-menu-item].udex-masthead-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);padding:0}.udex-masthead-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer12)}.udex-masthead-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (width < 1280px){[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__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
|