@sapudex/web-components 2.4.1 → 2.5.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/dist/MastheadCountrySelector.d.ts +3 -0
- package/dist/MastheadCountrySelector.js +8 -1
- package/dist/MastheadCountrySelector.js.map +1 -1
- package/dist/MastheadItem.d.ts +12 -1
- package/dist/MastheadItem.js +51 -7
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.d.ts +2 -1
- package/dist/MastheadMenu.js +16 -11
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/MastheadMobileMenu.d.ts +4 -0
- package/dist/MastheadMobileMenu.js +44 -6
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +61 -16
- package/dist/MastheadShell.js +48 -68
- package/dist/MastheadShell.js.map +1 -1
- package/dist/MediaPlayer.d.ts +0 -1
- package/dist/MediaPlayer.js +0 -1
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/SearchableListBase.js +4 -0
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +11 -0
- package/dist/SecondaryNavigation.js +11 -0
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/TagGroup.js +3 -2
- package/dist/TagGroup.js.map +1 -1
- package/dist/assets/{InputSuggestions-B7dpC1q9.js → InputSuggestions-RQHqFxZ9.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-BF6mHEec.js → ListItemStandardExpandableTextTemplate-ClcY2jB2.js} +1 -1
- package/dist/assets/{bundle.esm-BFePNrxi.js → bundle.esm-DGH8Pvav.js} +179 -179
- package/dist/assets/messagebundle_ar-C39XMRa3.js +1 -0
- package/dist/assets/messagebundle_bg-CFuqxDUo.js +1 -0
- package/dist/assets/messagebundle_cs-HZFdxP5k.js +1 -0
- package/dist/assets/messagebundle_da-Cb19y_UU.js +1 -0
- package/dist/assets/messagebundle_de-BPtfcnG8.js +1 -0
- package/dist/assets/messagebundle_el-BfR2BVvB.js +1 -0
- package/dist/assets/messagebundle_es-DEz3xznF.js +1 -0
- package/dist/assets/messagebundle_et-BHSda64J.js +1 -0
- package/dist/assets/messagebundle_fi-DTkxmWJb.js +1 -0
- package/dist/assets/messagebundle_fr-BEq1Nxlj.js +1 -0
- package/dist/assets/messagebundle_hr-BzWPMYA7.js +1 -0
- package/dist/assets/messagebundle_hu-DQvndOA8.js +1 -0
- package/dist/assets/messagebundle_it-Bx7wA4HY.js +1 -0
- package/dist/assets/messagebundle_iw-L2hZONxh.js +1 -0
- package/dist/assets/messagebundle_ko-D4ckbm7i.js +1 -0
- package/dist/assets/messagebundle_lt-BriAnQM8.js +1 -0
- package/dist/assets/messagebundle_lv-Di1Ng3Tk.js +1 -0
- package/dist/assets/messagebundle_nl-Bhq20VT1.js +1 -0
- package/dist/assets/messagebundle_no-bTeyeWYl.js +1 -0
- package/dist/assets/messagebundle_pl-BnBUJpAL.js +1 -0
- package/dist/assets/messagebundle_pt-Cd_ey78V.js +1 -0
- package/dist/assets/messagebundle_ro-Cy-zHe5i.js +1 -0
- package/dist/assets/messagebundle_ru-CiDd56L1.js +1 -0
- package/dist/assets/messagebundle_sk-DJS6mahY.js +1 -0
- package/dist/assets/messagebundle_sl-BUi3OLzP.js +1 -0
- package/dist/assets/messagebundle_sr-BtodsTa0.js +1 -0
- package/dist/assets/messagebundle_sv-CVVuFZcm.js +1 -0
- package/dist/assets/messagebundle_tr-CqVlQ8yY.js +1 -0
- package/dist/assets/messagebundle_uk-aDyDoabO.js +1 -0
- package/dist/assets/messagebundle_zh_CN-CTb6-Dhs.js +1 -0
- package/dist/assets/messagebundle_zh_TW-DtT5REQh.js +1 -0
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/custom-elements-internal.json +157 -32
- package/dist/custom-elements.json +153 -32
- package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
- package/dist/generated/templates/MastheadItemTemplate.lit.js +6 -6
- package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +11 -11
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.js +17 -14
- package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +1 -1
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.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/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/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/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/messagebundle_ar.properties +3 -0
- package/dist/messagebundle_bg.properties +3 -0
- package/dist/messagebundle_cs.properties +3 -0
- package/dist/messagebundle_da.properties +3 -0
- package/dist/messagebundle_de.properties +3 -0
- package/dist/messagebundle_el.properties +3 -0
- package/dist/messagebundle_es.properties +3 -0
- package/dist/messagebundle_et.properties +3 -0
- package/dist/messagebundle_fi.properties +3 -0
- package/dist/messagebundle_fr.properties +3 -0
- package/dist/messagebundle_hr.properties +3 -0
- package/dist/messagebundle_hu.properties +3 -0
- package/dist/messagebundle_it.properties +3 -0
- package/dist/messagebundle_iw.properties +3 -1
- package/dist/messagebundle_ko.properties +3 -0
- package/dist/messagebundle_lt.properties +3 -0
- package/dist/messagebundle_lv.properties +3 -0
- package/dist/messagebundle_nl.properties +3 -0
- package/dist/messagebundle_no.properties +3 -0
- package/dist/messagebundle_pl.properties +3 -0
- package/dist/messagebundle_pt.properties +3 -0
- package/dist/messagebundle_pt_BR.properties +3 -0
- package/dist/messagebundle_ro.properties +3 -0
- package/dist/messagebundle_ru.properties +3 -0
- package/dist/messagebundle_sk.properties +3 -0
- package/dist/messagebundle_sl.properties +3 -0
- package/dist/messagebundle_sr.properties +3 -1
- package/dist/messagebundle_sv.properties +3 -0
- package/dist/messagebundle_tr.properties +3 -0
- package/dist/messagebundle_uk.properties +3 -0
- package/dist/messagebundle_zh_CN.properties +3 -1
- package/dist/messagebundle_zh_TW.properties +3 -0
- package/dist/types/AnalyticsName.d.ts +2 -2
- package/dist/types/AnalyticsName.js +1 -1
- package/dist/types/AnalyticsName.js.map +1 -1
- package/dist/vscode.html-custom-data.json +31 -1
- package/dist/web-types.json +86 -18
- package/package.json +1 -1
- package/src/MastheadCountrySelector.ts +11 -1
- package/src/MastheadItem.hbs +22 -14
- package/src/MastheadItem.ts +64 -9
- package/src/MastheadMenu.ts +22 -12
- package/src/MastheadMobileMenu.hbs +12 -0
- package/src/MastheadMobileMenu.ts +50 -7
- package/src/MastheadShell.hbs +35 -1
- package/src/MastheadShell.ts +105 -29
- package/src/MediaPlayer.ts +0 -1
- package/src/SearchableListBase.ts +4 -0
- package/src/SecondaryNavigation.hbs +6 -1
- package/src/SecondaryNavigation.ts +22 -0
- package/src/TagGroup.ts +3 -2
- package/src/generated/templates/MastheadItemTemplate.lit.ts +6 -6
- package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +11 -11
- package/src/generated/templates/MastheadShellTemplate.lit.ts +17 -14
- package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadShell.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/i18n/messagebundle_ar.properties +3 -0
- package/src/i18n/messagebundle_bg.properties +3 -0
- package/src/i18n/messagebundle_cs.properties +3 -0
- package/src/i18n/messagebundle_da.properties +3 -0
- package/src/i18n/messagebundle_de.properties +3 -0
- package/src/i18n/messagebundle_el.properties +3 -0
- package/src/i18n/messagebundle_es.properties +3 -0
- package/src/i18n/messagebundle_et.properties +3 -0
- package/src/i18n/messagebundle_fi.properties +3 -0
- package/src/i18n/messagebundle_fr.properties +3 -0
- package/src/i18n/messagebundle_hr.properties +3 -0
- package/src/i18n/messagebundle_hu.properties +3 -0
- package/src/i18n/messagebundle_it.properties +3 -0
- package/src/i18n/messagebundle_iw.properties +3 -1
- package/src/i18n/messagebundle_ko.properties +3 -0
- package/src/i18n/messagebundle_lt.properties +3 -0
- package/src/i18n/messagebundle_lv.properties +3 -0
- package/src/i18n/messagebundle_nl.properties +3 -0
- package/src/i18n/messagebundle_no.properties +3 -0
- package/src/i18n/messagebundle_pl.properties +3 -0
- package/src/i18n/messagebundle_pt.properties +3 -0
- package/src/i18n/messagebundle_pt_BR.properties +3 -0
- package/src/i18n/messagebundle_ro.properties +3 -0
- package/src/i18n/messagebundle_ru.properties +3 -0
- package/src/i18n/messagebundle_sk.properties +3 -0
- package/src/i18n/messagebundle_sl.properties +3 -0
- package/src/i18n/messagebundle_sr.properties +3 -1
- package/src/i18n/messagebundle_sv.properties +3 -0
- package/src/i18n/messagebundle_tr.properties +3 -0
- package/src/i18n/messagebundle_uk.properties +3 -0
- package/src/i18n/messagebundle_zh_CN.properties +3 -1
- package/src/i18n/messagebundle_zh_TW.properties +3 -0
- package/src/themes/MastheadItem.css +16 -0
- package/src/themes/MastheadShell.css +38 -4
- package/src/themes/Modal.css +2 -2
- package/src/types/AnalyticsName.ts +2 -2
- package/dist/assets/messagebundle_ar-9zPDAqTU.js +0 -1
- package/dist/assets/messagebundle_bg-DWxB0fCn.js +0 -1
- package/dist/assets/messagebundle_cs-C_ZNAcZs.js +0 -1
- package/dist/assets/messagebundle_da-CRRThnbQ.js +0 -1
- package/dist/assets/messagebundle_de-CEztl_Bk.js +0 -1
- package/dist/assets/messagebundle_el-dli9W3Ld.js +0 -1
- package/dist/assets/messagebundle_es-BKJxfGUS.js +0 -1
- package/dist/assets/messagebundle_et-CEgPnb-F.js +0 -1
- package/dist/assets/messagebundle_fi-CB9L6Ted.js +0 -1
- package/dist/assets/messagebundle_fr-DV0xFXy7.js +0 -1
- package/dist/assets/messagebundle_hr-CxG6YfU9.js +0 -1
- package/dist/assets/messagebundle_hu-BD5GvMh2.js +0 -1
- package/dist/assets/messagebundle_it-CcnIcv1Q.js +0 -1
- package/dist/assets/messagebundle_iw-njoSdOP-.js +0 -1
- package/dist/assets/messagebundle_ko-BsIdyV2m.js +0 -1
- package/dist/assets/messagebundle_lt-Cx5dKaVi.js +0 -1
- package/dist/assets/messagebundle_lv-CjYkt6X6.js +0 -1
- package/dist/assets/messagebundle_nl-BxcksDMG.js +0 -1
- package/dist/assets/messagebundle_no-6rWbHkD4.js +0 -1
- package/dist/assets/messagebundle_pl-CdoiDA_-.js +0 -1
- package/dist/assets/messagebundle_pt-DtbX15Ym.js +0 -1
- package/dist/assets/messagebundle_ro-C5ojQbzO.js +0 -1
- package/dist/assets/messagebundle_ru-BcLhFIo9.js +0 -1
- package/dist/assets/messagebundle_sk-B4D9Y2b-.js +0 -1
- package/dist/assets/messagebundle_sl-D43o0FSO.js +0 -1
- package/dist/assets/messagebundle_sr-Co2xNpod.js +0 -1
- package/dist/assets/messagebundle_sv-4hT4lgLu.js +0 -1
- package/dist/assets/messagebundle_tr-DxFj6Icf.js +0 -1
- package/dist/assets/messagebundle_uk-Sdu5cmOP.js +0 -1
- package/dist/assets/messagebundle_zh_CN-CuN02AOJ.js +0 -1
- package/dist/assets/messagebundle_zh_TW-CRXaxYip.js +0 -1
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding) 0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item__button--profile .udex-masthead-item__text{display:inline-block}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{margin-inline-start:var(--udexSpacer4)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
|
|
8
|
+
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding) 0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item__button--profile .udex-masthead-item__text{display:inline-block}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{margin-inline-start:var(--udexSpacer4)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:
|
|
8
|
+
export default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexCoreDividerLight, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__item{margin-inline-end:var(--udexSpacer4)}.udex-masthead-shell__menu-btn{height:18px;order:1}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12);order:2}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-modal-and-overlay-modal-content-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-content-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-footer-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-border-radius: 0;--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);--udex-modal-block-layer-background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%)}:host .ui5-block-layer{background:var(--udex-modal-block-layer-background)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal)}:host .ui5-popup-root{border-radius:var(--udex-modal-border-radius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udex-modal-and-overlay-modal-header-padding-vertical) var(--udex-modal-and-overlay-modal-header-padding-horizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--
|
|
8
|
+
export default `:host{--udex-modal-and-overlay-modal-content-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-content-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-footer-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-border-radius: 0;--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);--udex-modal-block-layer-background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%)}:host .ui5-block-layer{background:var(--udex-modal-block-layer-background)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal)}:host .ui5-popup-root{border-radius:var(--udex-modal-border-radius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udex-modal-and-overlay-modal-header-padding-vertical) var(--udex-modal-and-overlay-modal-header-padding-horizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--sapScrollBar_Dimension, 12px)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host([type="basic"]){--sapObjectHeader_BorderColor: transparent;--sapPageFooter_BorderColor: transparent}:host([type="basic"]) .ui5-popup-root .ui5-popup-content{padding:0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--sapScrollBar_Dimension, 12px)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host ::slotted([slot="header"][ui5-bar]){height:32px}:host ::slotted([slot="footer"]){height:auto}@media (max-width: 979px){:host(:not([type="basic"])){max-width:100%;max-height:100%}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
8
|
+
export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-5-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-
|
|
8
|
+
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-5-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
|
|
9
9
|
`
|
|
@@ -6,3 +6,6 @@ VALUE_STATE_WARNING=Warnung ausgegeben
|
|
|
6
6
|
VALUE_STATE_INFORMATION=Informationseintrag
|
|
7
7
|
VALUE_STATE_SUCCESS=Eintrag erfolgreich validiert
|
|
8
8
|
COPYRIGHT=© {0} SAP SE oder ein SAP-Konzernunternehmen. Alle Rechte vorbehalten.
|
|
9
|
+
OVERVIEW=Übersicht
|
|
10
|
+
LOGOUT=Abmelden
|
|
11
|
+
MAIN_LINKS=Hauptlinks
|
|
@@ -6,3 +6,6 @@ VALUE_STATE_WARNING=Advertencia enviada
|
|
|
6
6
|
VALUE_STATE_INFORMATION=Entrada informativa
|
|
7
7
|
VALUE_STATE_SUCCESS=Entrada validada correctamente
|
|
8
8
|
COPYRIGHT=© {0} SAP SE o una empresa afiliada de SAP. Todos los derechos reservados.
|
|
9
|
+
OVERVIEW=Generalidades
|
|
10
|
+
LOGOUT=Cerrar sesión
|
|
11
|
+
MAIN_LINKS=Enlaces principales
|
|
@@ -6,3 +6,6 @@ VALUE_STATE_WARNING=Avertissement édité
|
|
|
6
6
|
VALUE_STATE_INFORMATION=Entrée pour information
|
|
7
7
|
VALUE_STATE_SUCCESS=Entrée validée correctement
|
|
8
8
|
COPYRIGHT=© {0} SAP SE ou société affiliée SAP. Tous droits réservés.
|
|
9
|
+
OVERVIEW=Vue d''ensemble
|
|
10
|
+
LOGOUT=Se déconnecter
|
|
11
|
+
MAIN_LINKS=Liens principaux
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);
|
|
10
10
|
--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);
|
|
11
11
|
--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);
|
|
12
|
+
--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);
|
|
12
13
|
--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;
|
|
13
14
|
--udex-masthead-item-border-width: 0.188rem;
|
|
14
15
|
--udex-masthead-item-align-content: center;
|
|
@@ -62,6 +63,20 @@
|
|
|
62
63
|
min-width: var(--udex-masthead-item-dropdown-select-box-min-width);
|
|
63
64
|
}
|
|
64
65
|
|
|
66
|
+
.udex-masthead-item__image-wrap {
|
|
67
|
+
position: relative;
|
|
68
|
+
display: flex;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after {
|
|
72
|
+
content: "";
|
|
73
|
+
position: absolute;
|
|
74
|
+
inset: 0;
|
|
75
|
+
border: 1px solid var(--udex-masthead-item-country-border-color-hover);
|
|
76
|
+
border-radius: 50%;
|
|
77
|
+
box-sizing: border-box;
|
|
78
|
+
}
|
|
79
|
+
|
|
65
80
|
.udex-masthead-item__button--explore + .udex-masthead-item__dropdown {
|
|
66
81
|
top: 60px;
|
|
67
82
|
inset-inline-start: 0;
|
|
@@ -116,6 +131,7 @@
|
|
|
116
131
|
:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,
|
|
117
132
|
:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,
|
|
118
133
|
:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,
|
|
134
|
+
.udex-masthead-item:focus-visible .udex-masthead-item__image,
|
|
119
135
|
.udex-masthead-item:focus-visible .udex-masthead-item__text,
|
|
120
136
|
.udex-masthead-item:focus-visible .udex-masthead-item__icon {
|
|
121
137
|
outline: var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
:host {
|
|
2
|
+
--udex-masthead-shell-logo-width: 64px;
|
|
3
|
+
--udex-masthead-shell-co-brand-width: 135px;
|
|
2
4
|
--udex-masthead-shell-height: 60px;
|
|
3
5
|
--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);
|
|
4
6
|
--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);
|
|
@@ -81,9 +83,22 @@
|
|
|
81
83
|
|
|
82
84
|
.udex-masthead-shell__logo {
|
|
83
85
|
margin-inline-end: var(--udexSpacer16);
|
|
84
|
-
width:
|
|
86
|
+
width: var(--udex-masthead-shell-logo-width);
|
|
85
87
|
}
|
|
86
88
|
|
|
89
|
+
.udex-masthead-shell__co-brand {
|
|
90
|
+
width: var(--udex-masthead-shell-co-brand-width);
|
|
91
|
+
margin-inline-end: var(--udexSpacer24);
|
|
92
|
+
padding-inline-start: var(--udexSpacer16);
|
|
93
|
+
border-inline-start: 1px solid var(--udexCoreDividerLight, #D5DADD);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.udex-masthead-shell__co-brand,
|
|
97
|
+
.udex-masthead-shell__co-brand-link {
|
|
98
|
+
display: flex;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.udex-masthead-shell__co-brand-image,
|
|
87
102
|
.udex-masthead-shell__logo-image {
|
|
88
103
|
width: 100%;
|
|
89
104
|
}
|
|
@@ -93,9 +108,16 @@
|
|
|
93
108
|
display: flex;
|
|
94
109
|
}
|
|
95
110
|
|
|
111
|
+
.udex-masthead-shell__co-brand-link:focus,
|
|
112
|
+
.udex-masthead-shell__co-brand-link:focus-visible,
|
|
96
113
|
.udex-masthead-shell__logo--link:focus,
|
|
114
|
+
.udex-masthead-shell__site-label--link:focus {
|
|
115
|
+
outline: none;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
:host([desktop]) .udex-masthead-shell__site-label--link:focus,
|
|
119
|
+
:host([desktop]) .udex-masthead-shell__logo--link:focus,
|
|
97
120
|
.udex-masthead-shell__logo--link:focus-visible,
|
|
98
|
-
.udex-masthead-shell__site-label--link:focus,
|
|
99
121
|
.udex-masthead-shell__site-label--link:focus-visible {
|
|
100
122
|
outline: var(--udexRadiusXXS) solid var(--udexColorBlue10);
|
|
101
123
|
outline-offset: var(--udexSpacer2);
|
|
@@ -118,8 +140,7 @@
|
|
|
118
140
|
}
|
|
119
141
|
|
|
120
142
|
.udex-masthead-shell__main-content {
|
|
121
|
-
display:
|
|
122
|
-
grid: 'logo siteLabel mainMenu ' / auto auto 1fr;
|
|
143
|
+
display: flex;
|
|
123
144
|
align-items: center;
|
|
124
145
|
box-sizing: border-box;
|
|
125
146
|
}
|
|
@@ -204,6 +225,7 @@
|
|
|
204
225
|
:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,
|
|
205
226
|
:host([_is-mobile-mode]) .udex-masthead-shell__explore,
|
|
206
227
|
:host([_is-mobile-mode]) .udex-masthead-shell__nav,
|
|
228
|
+
.udex-masthead-shell__right-menu:empty,
|
|
207
229
|
.udex-masthead-shell__close-btn,
|
|
208
230
|
.udex-masthead-shell__menu-btn {
|
|
209
231
|
display: none;
|
|
@@ -235,6 +257,18 @@
|
|
|
235
257
|
left: 0;
|
|
236
258
|
}
|
|
237
259
|
|
|
260
|
+
.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,
|
|
261
|
+
.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap {
|
|
262
|
+
flex: auto;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand {
|
|
266
|
+
border: none;
|
|
267
|
+
margin-inline-start: auto;
|
|
268
|
+
margin-inline-end: 0;
|
|
269
|
+
padding: 0;
|
|
270
|
+
}
|
|
271
|
+
|
|
238
272
|
@media (max-width: 1599px) {
|
|
239
273
|
.udex-masthead-shell {
|
|
240
274
|
padding-left: var(--udexSpacer72);
|
package/src/themes/Modal.css
CHANGED
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
:host .ui5-popup-root .ui5-popup-content {
|
|
30
|
-
padding: var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--
|
|
30
|
+
padding: var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--sapScrollBar_Dimension, 12px)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);
|
|
31
31
|
scrollbar-gutter: stable;
|
|
32
32
|
}
|
|
33
33
|
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
:host([type="basic"]) .ui5-popup-root .ui5-popup-content {
|
|
40
|
-
padding: 0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--
|
|
40
|
+
padding: 0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--sapScrollBar_Dimension, 12px)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);
|
|
41
41
|
scrollbar-gutter: stable;
|
|
42
42
|
}
|
|
43
43
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="حقوق النشر © {0} لشركة SAP SE أو إحدى الشركات التابعة لشركة SAP. جميع الحقوق محفوظة.",s={COPYRIGHT:e};export{e as COPYRIGHT,s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE или филиал на SAP. Всички права запазени.",s={COPYRIGHT:e};export{e as COPYRIGHT,s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE či přidružená společnost SAP. Všechna práva vyhrazena.",s={COPYRIGHT:e};export{e as COPYRIGHT,s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE eller en tilknyttet SAP-virksomhed. Alle rettigheder forbeholdes.",t={COPYRIGHT:e};export{e as COPYRIGHT,t as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const E="Zählung",e="Vorgeschlagene Suchanfragen",n="Empfohlene Seiten",T="Ungültige Eingabe",A="Warnung ausgegeben",S="Informationseintrag",_="Eintrag erfolgreich validiert",t="© {0} SAP SE oder ein SAP-Konzernunternehmen. Alle Rechte vorbehalten.",o={COUNT:E,SUGGESTED_TEXT:e,RECOMMENDED_TEXT:n,VALUE_STATE_ERROR:T,VALUE_STATE_WARNING:A,VALUE_STATE_INFORMATION:S,VALUE_STATE_SUCCESS:_,COPYRIGHT:t};export{t as COPYRIGHT,E as COUNT,n as RECOMMENDED_TEXT,e as SUGGESTED_TEXT,T as VALUE_STATE_ERROR,S as VALUE_STATE_INFORMATION,_ as VALUE_STATE_SUCCESS,A as VALUE_STATE_WARNING,o as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE ή θυγατρική εταιρία της SAP. Με την επιφύλαξη όλων των δικαιωμάτων.",s={COPYRIGHT:e};export{e as COPYRIGHT,s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const E="Cuenta",T="Búsquedas sugeridas",a="Páginas recomendadas",s="Entrada no válida",e="Advertencia enviada",A="Entrada informativa",n="Entrada validada correctamente",S="© {0} SAP SE o una empresa afiliada de SAP. Todos los derechos reservados.",_={COUNT:E,SUGGESTED_TEXT:T,RECOMMENDED_TEXT:a,VALUE_STATE_ERROR:s,VALUE_STATE_WARNING:e,VALUE_STATE_INFORMATION:A,VALUE_STATE_SUCCESS:n,COPYRIGHT:S};export{S as COPYRIGHT,E as COUNT,a as RECOMMENDED_TEXT,T as SUGGESTED_TEXT,s as VALUE_STATE_ERROR,A as VALUE_STATE_INFORMATION,n as VALUE_STATE_SUCCESS,e as VALUE_STATE_WARNING,_ as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE või SAP sidusettevõte. Kõik õigused on kaitstud.",t={COPYRIGHT:e};export{e as COPYRIGHT,t as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t="© {0} SAP SE tai SAP:n tytäryhtiö. Kaikki oikeudet pidätetään.",e={COPYRIGHT:t};export{t as COPYRIGHT,e as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const E="Comte",T="Recherches suggérées",e="Pages recommandées",s="Entrée non valide",t="Avertissement édité",A="Entrée pour information",o="Entrée validée correctement",S="© {0} SAP SE ou société affiliée SAP. Tous droits réservés.",_={COUNT:E,SUGGESTED_TEXT:T,RECOMMENDED_TEXT:e,VALUE_STATE_ERROR:s,VALUE_STATE_WARNING:t,VALUE_STATE_INFORMATION:A,VALUE_STATE_SUCCESS:o,COPYRIGHT:S};export{S as COPYRIGHT,E as COUNT,e as RECOMMENDED_TEXT,T as SUGGESTED_TEXT,s as VALUE_STATE_ERROR,A as VALUE_STATE_INFORMATION,o as VALUE_STATE_SUCCESS,t as VALUE_STATE_WARNING,_ as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a="© {0} SAP SE ili povezano poduzeće SAP-a. Sva prava pridržana.",e={COPYRIGHT:a};export{a as COPYRIGHT,e as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a="© {0} SAP SE vagy az SAP kapcsolódó vállalata. Minden jog fenntartva. Minden jog fenntartva.",n={COPYRIGHT:a};export{a as COPYRIGHT,n as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t="© {0} SAP SE o società affiliate SAP. Tutti i diritti riservati.",i={COPYRIGHT:t};export{t as COPYRIGHT,i as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE או חברה המסונפת ל-SAP. כל הזכויות שמורות.",s={COPYRIGHT:e};export{e as COPYRIGHT,s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE 및 SAP 계열사. 모든 권한 보유.",s={COPYRIGHT:e};export{e as COPYRIGHT,s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const s="© {0} SAP SE arba SAP asocijuotoji įmonė. Visos teisės saugomos.",o={COPYRIGHT:s};export{s as COPYRIGHT,o as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const s="© {0} SAP SE vai ar SAP saistīts uzņēmums. Visas tiesības paturētas.",a={COPYRIGHT:s};export{s as COPYRIGHT,a as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE of een aan SAP gelieerde onderneming. Alle rechten voorbehouden.",n={COPYRIGHT:e};export{e as COPYRIGHT,n as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE eller et datterselskap av SAP. Med enerett.",t={COPYRIGHT:e};export{e as COPYRIGHT,t as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="© {0} SAP SE lub podmiot powiązany SAP. Wszelkie prawa zastrzeżone.",a={COPYRIGHT:e};export{e as COPYRIGHT,a as default};
|