@sapudex/web-components 2.44.0 → 2.46.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/DatePicker.cy.tsx +259 -0
- package/cypress/specs/MastheadItem.cy.tsx +88 -0
- package/cypress/specs/MastheadShell.cy.tsx +3 -1
- package/cypress/specs/TagGroup.cy.tsx +104 -0
- package/cypress/specs/TextField.cy.tsx +64 -1
- package/cypress/support/component-imports.instrumented.ts +2 -0
- package/cypress/support/component-imports.src.ts +2 -0
- package/dist/Carousel.d.ts +5 -1
- package/dist/Carousel.js +10 -1
- package/dist/Carousel.js.map +1 -1
- package/dist/DatePicker.d.ts +4 -0
- package/dist/DatePicker.js +19 -13
- package/dist/DatePicker.js.map +1 -1
- package/dist/DatePickerPopoverTemplate.js +1 -1
- package/dist/DatePickerPopoverTemplate.js.map +1 -1
- package/dist/DatePickerTemplate.js +1 -1
- package/dist/DatePickerTemplate.js.map +1 -1
- package/dist/MastheadItem.d.ts +6 -3
- package/dist/MastheadItem.js +18 -0
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMobileMenu.d.ts +1 -0
- package/dist/MastheadMobileMenu.js +5 -0
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadProfileMenu.d.ts +5 -4
- package/dist/MastheadProfileMenu.js +15 -12
- package/dist/MastheadProfileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +2 -0
- package/dist/MastheadShell.js +9 -2
- package/dist/MastheadShell.js.map +1 -1
- package/dist/SelectBoxTemplate.js +1 -1
- package/dist/SelectBoxTemplate.js.map +1 -1
- package/dist/TagGroup.d.ts +5 -1
- package/dist/TagGroup.js +51 -7
- package/dist/TagGroup.js.map +1 -1
- package/dist/TagGroupTemplate.js +1 -1
- package/dist/TagGroupTemplate.js.map +1 -1
- package/dist/TextField.d.ts +7 -0
- package/dist/TextField.js +10 -0
- package/dist/TextField.js.map +1 -1
- package/dist/TextFieldTemplate.js +1 -1
- package/dist/TextFieldTemplate.js.map +1 -1
- package/dist/Tooltip.js +2 -1
- package/dist/Tooltip.js.map +1 -1
- package/dist/assets/{InputSuggestions-B3D8lxAS.js → InputSuggestions-BwpJ8Exf.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-Is8_hDTt.js → ListItemStandardExpandableTextTemplate-7iRPZq6L.js} +1 -1
- package/dist/assets/{bundle.esm-6rH7NAG7.js → bundle.esm-BbkM4Bz9.js} +247 -245
- package/dist/assets/messagebundle_pt-D9rap3lj.js +1 -0
- package/dist/assets/messagebundle_ro-BTNJ9YdP.js +1 -0
- package/dist/css/themes/CountrySelector.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/MastheadMobileMenu.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/custom-elements-internal.json +68 -17
- package/dist/custom-elements.json +75 -17
- package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +2 -2
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.js +2 -2
- package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.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/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/TagGroup.css.d.ts +1 -1
- package/dist/generated/themes/TagGroup.css.js +1 -1
- package/dist/generated/themes/TagGroup.css.js.map +1 -1
- package/dist/messagebundle_pt.properties +126 -0
- package/dist/messagebundle_ro.properties +126 -0
- package/dist/vscode.html-custom-data.json +11 -6
- package/dist/web-types.json +37 -14
- package/package.json +8 -8
- package/src/Carousel.ts +14 -1
- package/src/DatePicker.ts +29 -11
- package/src/DatePickerPopoverTemplate.tsx +2 -1
- package/src/DatePickerTemplate.tsx +1 -0
- package/src/MastheadItem.ts +24 -3
- package/src/MastheadMobileMenu.ts +6 -0
- package/src/MastheadProfileMenu.hbs +25 -25
- package/src/MastheadProfileMenu.ts +20 -16
- package/src/MastheadShell.hbs +3 -2
- package/src/MastheadShell.ts +11 -2
- package/src/SelectBoxTemplate.tsx +1 -1
- package/src/TagGroup.ts +59 -6
- package/src/TagGroupTemplate.tsx +1 -0
- package/src/TextField.ts +9 -0
- package/src/TextFieldTemplate.tsx +1 -0
- package/src/Tooltip.ts +2 -1
- package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +2 -2
- package/src/generated/templates/MastheadShellTemplate.lit.ts +2 -2
- package/src/generated/themes/CountrySelector.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/MastheadMobileMenu.css.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/TagGroup.css.ts +1 -1
- package/src/i18n/messagebundle_pt.properties +126 -0
- package/src/i18n/messagebundle_ro.properties +126 -0
- package/src/themes/CountrySelector.css +5 -1
- package/src/themes/MastheadCountrySelector.css +29 -33
- package/src/themes/MastheadItem.css +53 -13
- package/src/themes/MastheadMenu.css +1 -11
- package/src/themes/MastheadMobileMenu.css +0 -12
- package/src/themes/MastheadProfileMenu.css +22 -16
- package/src/themes/TagGroup.css +1 -2
- package/dist/assets/messagebundle_pt-DPeE7NbC.js +0 -1
- package/dist/assets/messagebundle_ro-CN4kAAYE.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("@" + "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");
|
|
8
|
-
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:-52px}.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;background:var(--sapShell_Navigation_Background, #FFF)}: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]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer84)}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px 0}: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{max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item__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__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(: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--profile+.udex-masthead-item__dropdown{left:-52px;right:auto}: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]: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: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: 1599px){:host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:0 var(--udexSpacer72)}:host([_has-four-columns-menu]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px 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--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;right:0}: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--profile+.udex-masthead-item__dropdown{left:0}.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{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%}.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%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}}
|
|
8
|
+
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--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;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:-52px}.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;background:var(--sapShell_Navigation_Background, #FFF)}.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__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(: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--profile+.udex-masthead-item__dropdown{left:-52px;right:auto}: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]: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-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)}@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}: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--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;right:0}: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--profile+.udex-masthead-item__dropdown{left:0}.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{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}}@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}:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}}@media (max-width: 639px){:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-xs)}}
|
|
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("@" + "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");
|
|
8
|
-
export default `:host{--udex-masthead-menu-
|
|
8
|
+
export default `:host{--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start;--udex-masthead-menu-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{background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding-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 (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}[udex-masthead-menu-item]::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu__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}}
|
|
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("@" + "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");
|
|
8
|
-
export default `:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-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(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-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;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-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)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}
|
|
8
|
+
export default `:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-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(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-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;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-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)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}
|
|
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("@" + "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");
|
|
8
|
-
export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-
|
|
8
|
+
export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;background-color:var(--udex-masthead-profile-menu-background-color);box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list-wrap,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer24)}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn,:host([_is-mobile-mode]) .udex-masthead-profile-menu__btn,:host([_is-mobile-mode]) .udex-masthead-profile-menu__content{margin-bottom:var(--udexSpacer24);padding-top:0}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item{margin-bottom:var(--udexSpacer4)}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}
|
|
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("@" + "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");
|
|
8
|
-
export default `.udex-tag-group{width:100%}.udex-tag-group__tokenizer{border:none;width:100%;line-height:normal;--_ui5_tokenizer_padding: var(--udexSpacer12, 12px)}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer
|
|
8
|
+
export default `.udex-tag-group{width:100%}.udex-tag-group__tokenizer{border:none;width:100%;line-height:normal;--_ui5_tokenizer_padding: var(--udexSpacer12, 12px)}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag{margin-inline-end:0;position:relative}:host([displayonly]:dir(rtl)) .udex-tag-group__tag:not(:first-child):before{left:auto;right:-2px}:host([displayonly])::part(n-more-text):before,:host([displayonly]) .udex-tag-group__tag:not(:first-child):not([data-overflows]):before{content:"";position:absolute;top:9px;left:-2px;display:block;width:4px;height:4px;border-radius:50%;z-index:1;background:var(--udexColorGrey9, #223548)}:host([displayonly])::part(n-more-text):before{top:5px;left:-10px}:host([readonly])::part(n-more-text){color:var(--udexColorGrey6 ,#5B738B)}:host([displayonly])::part(n-more-text){position:relative;margin-inline-start:9px}::part(n-more-text){margin-inline-end:4px}:host([displayonly]:dir(rtl))::part(n-more-text):before{left:auto;right:-10px}::part(n-more-text):focus,::part(n-more-text):focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:3px;outline-style:auto}
|
|
9
9
|
`
|
|
@@ -4,3 +4,129 @@ OVERVIEW=Síntese
|
|
|
4
4
|
LOGOUT=Sair
|
|
5
5
|
MAIN_LINKS=Principais links
|
|
6
6
|
BACK_TO_TOP=Voltar ao início
|
|
7
|
+
COUNT=Número
|
|
8
|
+
OF=de
|
|
9
|
+
PAGINATION_PAGE=Página
|
|
10
|
+
SELECTED=Selecionado
|
|
11
|
+
UNSELECTED=Não selecionado
|
|
12
|
+
INDETERMINATE=Indeterminado
|
|
13
|
+
EDIT_BUTTON=Editar
|
|
14
|
+
DELETE_BUTTON=Excluir
|
|
15
|
+
BACK_TO_REGION_LIST=Voltar para lista de regiões
|
|
16
|
+
BUTTON_ARIA_TYPE_PRIMARY=Primário
|
|
17
|
+
BUTTON_ARIA_TYPE_SECONDARY=Secundário
|
|
18
|
+
BUTTON_ARIA_TYPE_TERTIARY=Terciário
|
|
19
|
+
BUTTON_ARIA_TYPE_WARNING=Advertência
|
|
20
|
+
BUTTON_ARIA_TYPE_POSITIVE=Positivo
|
|
21
|
+
BUTTON_ARIA_TYPE_NEGATIVE=Negativo
|
|
22
|
+
BUTTON_ARIA_EMPHASIZED=Enfatizado
|
|
23
|
+
BUTTON_ARIA_DEFAULT=Padrão
|
|
24
|
+
BUTTON_ARIA_TRANSPARENT=Transparente
|
|
25
|
+
BUTTON_ARIA_ATTENTION=Atenção
|
|
26
|
+
DATEPICKER_DATE_DESCRIPTION=Entrada de data
|
|
27
|
+
TOGGLED=Alternado
|
|
28
|
+
FIRST_PAGE=Primeira página
|
|
29
|
+
LAST_PAGE=Última página
|
|
30
|
+
PREVIOUS_PAGE=Página anterior
|
|
31
|
+
NEXT_PAGE=Próxima página
|
|
32
|
+
CURRENT_PAGE=Página atual
|
|
33
|
+
ACTIVATE_PAGE=Ativar número da página
|
|
34
|
+
SUGGESTED_TEXT=pesquisas sugeridas
|
|
35
|
+
ACCESSIBLE_NAME_SEARCH_ICON=Pesquisa
|
|
36
|
+
TOOLTIP_VOICE_BUTTON=Voz
|
|
37
|
+
TOOLTIP_SUBMIT_BUTTON=Enviar
|
|
38
|
+
LISTENING=Escuta
|
|
39
|
+
AVAILABLE_VALUES=Valores disponíveis
|
|
40
|
+
RECOMMENDED_TEXT=Páginas recomendadas
|
|
41
|
+
EXPAND_ALL=Expandir tudo
|
|
42
|
+
COLLAPSE_ALL=Recolher tudo
|
|
43
|
+
MORE=Mais
|
|
44
|
+
ATTENTION_BADGE=Indicador de atenção
|
|
45
|
+
READ_MORE=Leia mais
|
|
46
|
+
READ_LESS=Ler menos
|
|
47
|
+
SHOW_MORE=Mostrar mais
|
|
48
|
+
SHOW_LESS=Mostrar menos
|
|
49
|
+
RATING_INDICATOR_TEXT=Indicador de avaliação
|
|
50
|
+
RATING_INDICATOR_TOOLTIP_TEXT=Classificação
|
|
51
|
+
RATING_INDICATOR_ARIA_DESCRIPTION=Obrigatório
|
|
52
|
+
TOTAL=Total
|
|
53
|
+
RATING_COUNT_TITLE=Classificação
|
|
54
|
+
ARIA_LABEL_LIST_MULTISELECTABLE=Contém itens com seleção múltipla
|
|
55
|
+
ARIA_LABEL_LIST_SELECTABLE=Contém itens selecionáveis
|
|
56
|
+
SHOW_RESULTS=Mostrar resultados
|
|
57
|
+
RESET=Redefinir
|
|
58
|
+
MESSAGE_STRIP_CLOSE_BUTTON=Botão Fechar faixa de mensagens
|
|
59
|
+
MESSAGE_STRIP_INFORMATION=Barra de informações
|
|
60
|
+
MESSAGE_STRIP_SUCCESS=Barra positiva
|
|
61
|
+
MESSAGE_STRIP_WARNING=Barra de advertência
|
|
62
|
+
MESSAGE_STRIP_ERROR=Barra negativa
|
|
63
|
+
MESSAGE_STRIP_ACTION=Barra de ação
|
|
64
|
+
REVIEWS=avaliações
|
|
65
|
+
STARS=estrelas
|
|
66
|
+
SELECT_OPTIONS=Selecionar opções
|
|
67
|
+
SELECT_ALL=Selecionar tudo
|
|
68
|
+
TEXTAREA_CHARACTERS_LEFT={0} caracteres restantes
|
|
69
|
+
VALUE_STATE_TYPE_ERROR=Erro de status do campo
|
|
70
|
+
VALUE_STATE_TYPE_WARNING=Advertência de status do campo
|
|
71
|
+
VALUE_STATE_TYPE_SUCCESS=Sucesso no status do campo
|
|
72
|
+
VALUE_STATE_TYPE_STANDARD=Padrão de status do campo
|
|
73
|
+
CAROUSEL_PREVIOUS_ARROW_TEXT=Página anterior
|
|
74
|
+
CAROUSEL_NEXT_ARROW_TEXT=Próxima página
|
|
75
|
+
NO_MATCHES_FOUND=Nenhuma correspondência encontrada.
|
|
76
|
+
BREADCRUMBS_ARIA_LABEL=Trilha de navegação
|
|
77
|
+
BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mais
|
|
78
|
+
STEPINPUT_INC_ICON_TITLE=Aumentar quantidade em
|
|
79
|
+
STEPINPUT_DEC_ICON_TITLE=Reduzir quantidade em
|
|
80
|
+
TABLE_NO_DATA_FOUND=Nenhum dado encontrado
|
|
81
|
+
VALUE_STATE_ERROR=Entrada inválida
|
|
82
|
+
VALUE_STATE_WARNING=Advertência emitida
|
|
83
|
+
VALUE_STATE_INFORMATION=Entrada informativa
|
|
84
|
+
VALUE_STATE_SUCCESS=Entrada validada com sucesso
|
|
85
|
+
READ_ONLY=Somente leitura
|
|
86
|
+
SWITCH_ACCOUNT=Trocar a conta
|
|
87
|
+
BACK=Voltar
|
|
88
|
+
OTHER_IDENTITIES=Outras identidades
|
|
89
|
+
ADD_OR_REMOVE_ACCOUNT=Adicionar ou remover conta
|
|
90
|
+
COUNTRY_SELECT=Selecionar país
|
|
91
|
+
CART=Carrinho
|
|
92
|
+
COUNTRY_SELECTOR=Seletor de países
|
|
93
|
+
PHONE_NUMBER=Nº de telefone
|
|
94
|
+
CONTACT_US=Fale conosco
|
|
95
|
+
EMAIL=E-mail
|
|
96
|
+
CHAT_WITH_US=Fale conosco pelo chat
|
|
97
|
+
QUICK_LINKS=Links úteis
|
|
98
|
+
TRENDING=Tendências
|
|
99
|
+
ABOUT_SAP=Sobre a SAP
|
|
100
|
+
SITE_INFORMATION=Informações sobre o site
|
|
101
|
+
AVATAR_TEXT=Avatar
|
|
102
|
+
CALENDAR_ICON=Ícone Abrir calendário
|
|
103
|
+
LIST_ITEM_EDIT_ICON=Editar entrada de item da lista
|
|
104
|
+
LIST_ITEM_DELETE_ICON=Excluir entrada de item da lista
|
|
105
|
+
BACK_BUTTON_LABEL=botão Voltar
|
|
106
|
+
STATUS_BADGE_TEXT=Indicador de status
|
|
107
|
+
STATUS_BADGE_EDIT_TITLE=Clique para editar o perfil
|
|
108
|
+
STATUS_BADGE_INFORMATION_TITLE=Clique para abrir as informações do perfil
|
|
109
|
+
STATUS_BADGE_WARNING_TITLE=Advertência, risco potencial com o perfil
|
|
110
|
+
STATUS_BADGE_ERROR_TITLE=Há um erro no perfil
|
|
111
|
+
STATUS_BADGE_SUCCESS_TITLE=Perfil verificado com sucesso
|
|
112
|
+
PROFILE=Perfil
|
|
113
|
+
OPENS_IN_A_NEW_WINDOW=abre em uma nova janela
|
|
114
|
+
TEXT_FIELD=Campo de texto
|
|
115
|
+
UPLOADING_FILE_STATUS_TEXT=Upload em andamento
|
|
116
|
+
TERMINATED_FILE_STATUS_TEXT=Encerrado
|
|
117
|
+
REMOVE_FILE_TEXT=Remover arquivo
|
|
118
|
+
UPLOAD_BUTTON_LABEL=Carregar arquivo
|
|
119
|
+
COMPLETE_LIST_OF=Lista completa de
|
|
120
|
+
CALL_US_TODAY=Ligue para nós ainda hoje!
|
|
121
|
+
SEARCH=Pesquisar
|
|
122
|
+
RESULT_RETURNED=resultados encontrados.
|
|
123
|
+
SOCIAL_MEDIA_BUTTON=Botão de Mídias sociais
|
|
124
|
+
PROMO_TILE=Bloco promocional
|
|
125
|
+
PROMO_TILE_ICON=Ícone de bloco promocional
|
|
126
|
+
PLAY_BUTTON_ACCESSIBLE_NAME=Botão Iniciar para iniciar a rotação dos logotipos de cliente
|
|
127
|
+
PAUSE_BUTTON_ACCESSIBLE_NAME=Botão Pausar para interromper a rotação dos logotipos de cliente
|
|
128
|
+
LOCATION=Localização
|
|
129
|
+
TOAST_CLOSE_ACCESSIBLE_NAME=Fechar
|
|
130
|
+
DISABLED=Desativado
|
|
131
|
+
EXPAND=Expandir
|
|
132
|
+
COLLAPSE=Recolher
|
|
@@ -3,3 +3,129 @@ OVERVIEW=Imagine generală
|
|
|
3
3
|
LOGOUT=Ieșire
|
|
4
4
|
MAIN_LINKS=Linkuri principale
|
|
5
5
|
BACK_TO_TOP=Înapoi sus
|
|
6
|
+
COUNT=Numărul
|
|
7
|
+
OF=din
|
|
8
|
+
PAGINATION_PAGE=Pagina
|
|
9
|
+
SELECTED=Selectate
|
|
10
|
+
UNSELECTED=Neselectat
|
|
11
|
+
INDETERMINATE=Nedeterminat
|
|
12
|
+
EDIT_BUTTON=Editare
|
|
13
|
+
DELETE_BUTTON=Ștergere
|
|
14
|
+
BACK_TO_REGION_LIST=Înapoi la lista de regiuni
|
|
15
|
+
BUTTON_ARIA_TYPE_PRIMARY=Primar
|
|
16
|
+
BUTTON_ARIA_TYPE_SECONDARY=Secundar
|
|
17
|
+
BUTTON_ARIA_TYPE_TERTIARY=Terțiar
|
|
18
|
+
BUTTON_ARIA_TYPE_WARNING=Avertisment
|
|
19
|
+
BUTTON_ARIA_TYPE_POSITIVE=Pozitiv
|
|
20
|
+
BUTTON_ARIA_TYPE_NEGATIVE=Negativ
|
|
21
|
+
BUTTON_ARIA_EMPHASIZED=Evidențiat
|
|
22
|
+
BUTTON_ARIA_DEFAULT=Implicit
|
|
23
|
+
BUTTON_ARIA_TRANSPARENT=Transparent
|
|
24
|
+
BUTTON_ARIA_ATTENTION=Atenție
|
|
25
|
+
DATEPICKER_DATE_DESCRIPTION=Intrare de dată
|
|
26
|
+
TOGGLED=Comutat
|
|
27
|
+
FIRST_PAGE=Prima pagină
|
|
28
|
+
LAST_PAGE=Ultima pagină
|
|
29
|
+
PREVIOUS_PAGE=Pagina anterioară
|
|
30
|
+
NEXT_PAGE=Pagina următoare
|
|
31
|
+
CURRENT_PAGE=Pagina curentă
|
|
32
|
+
ACTIVATE_PAGE=Activare număr de pagină
|
|
33
|
+
SUGGESTED_TEXT=căutări sugerate
|
|
34
|
+
ACCESSIBLE_NAME_SEARCH_ICON=Căutare
|
|
35
|
+
TOOLTIP_VOICE_BUTTON=Voce
|
|
36
|
+
TOOLTIP_SUBMIT_BUTTON=Trimitere
|
|
37
|
+
LISTENING=Ascultare
|
|
38
|
+
AVAILABLE_VALUES=Valori disponibile
|
|
39
|
+
RECOMMENDED_TEXT=Pagini recomandate
|
|
40
|
+
EXPAND_ALL=Expandare tot
|
|
41
|
+
COLLAPSE_ALL=Comprimare tot
|
|
42
|
+
MORE=Mai mult
|
|
43
|
+
ATTENTION_BADGE=Ecuson de atenție
|
|
44
|
+
READ_MORE=Citiți mai mult
|
|
45
|
+
READ_LESS=Citește mai puțin
|
|
46
|
+
SHOW_MORE=Arătați mai multe
|
|
47
|
+
SHOW_LESS=Afișare mai puțin
|
|
48
|
+
RATING_INDICATOR_TEXT=Indicator de evaluare
|
|
49
|
+
RATING_INDICATOR_TOOLTIP_TEXT=Evaluare
|
|
50
|
+
RATING_INDICATOR_ARIA_DESCRIPTION=Obligatoriu
|
|
51
|
+
TOTAL=Total
|
|
52
|
+
RATING_COUNT_TITLE=Evaluare
|
|
53
|
+
ARIA_LABEL_LIST_MULTISELECTABLE=Conține articole cu selecție multiplă
|
|
54
|
+
ARIA_LABEL_LIST_SELECTABLE=Conține articole selectabile
|
|
55
|
+
SHOW_RESULTS=Afișare rezultate
|
|
56
|
+
RESET=Resetare
|
|
57
|
+
MESSAGE_STRIP_CLOSE_BUTTON=Buton de închidere a liniei de mesaj
|
|
58
|
+
MESSAGE_STRIP_INFORMATION=Bară de informații
|
|
59
|
+
MESSAGE_STRIP_SUCCESS=Bară pozitivă
|
|
60
|
+
MESSAGE_STRIP_WARNING=Bară de avertizare
|
|
61
|
+
MESSAGE_STRIP_ERROR=Bară negativă
|
|
62
|
+
MESSAGE_STRIP_ACTION=Bară de acțiuni
|
|
63
|
+
REVIEWS=recenzii
|
|
64
|
+
STARS=stele
|
|
65
|
+
SELECT_OPTIONS=Selectare opțiuni
|
|
66
|
+
SELECT_ALL=Selectare toate
|
|
67
|
+
TEXTAREA_CHARACTERS_LEFT={0} caractere rămase
|
|
68
|
+
VALUE_STATE_TYPE_ERROR=Stare câmp Eroare
|
|
69
|
+
VALUE_STATE_TYPE_WARNING=Stare câmp Avertizare
|
|
70
|
+
VALUE_STATE_TYPE_SUCCESS=Stare câmp Succes
|
|
71
|
+
VALUE_STATE_TYPE_STANDARD=Stare câmp Standard
|
|
72
|
+
CAROUSEL_PREVIOUS_ARROW_TEXT=Pagina anterioară
|
|
73
|
+
CAROUSEL_NEXT_ARROW_TEXT=Pagina următoare
|
|
74
|
+
NO_MATCHES_FOUND=Nicio concordanță găsită.
|
|
75
|
+
BREADCRUMBS_ARIA_LABEL=Cale de navigare
|
|
76
|
+
BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mai mult
|
|
77
|
+
STEPINPUT_INC_ICON_TITLE=Mărire cantitate cu
|
|
78
|
+
STEPINPUT_DEC_ICON_TITLE=Micșorare cantitate cu
|
|
79
|
+
TABLE_NO_DATA_FOUND=Nu s-au găsit date
|
|
80
|
+
VALUE_STATE_ERROR=Intrare nevalabilă
|
|
81
|
+
VALUE_STATE_WARNING=Avertizare emisă
|
|
82
|
+
VALUE_STATE_INFORMATION=Intrare informativă
|
|
83
|
+
VALUE_STATE_SUCCESS=Intrare validată cu succes
|
|
84
|
+
READ_ONLY=Numai în citire
|
|
85
|
+
SWITCH_ACCOUNT=Schimbare cont
|
|
86
|
+
BACK=Înapoi
|
|
87
|
+
OTHER_IDENTITIES=Alte identități
|
|
88
|
+
ADD_OR_REMOVE_ACCOUNT=Adăugare sau eliminare cont
|
|
89
|
+
COUNTRY_SELECT=Selectare țară
|
|
90
|
+
CART=Coș
|
|
91
|
+
COUNTRY_SELECTOR=Selector de țară
|
|
92
|
+
PHONE_NUMBER=Număr de telefon
|
|
93
|
+
CONTACT_US=Contactați-ne
|
|
94
|
+
EMAIL=E-mail
|
|
95
|
+
CHAT_WITH_US=Discută cu noi
|
|
96
|
+
QUICK_LINKS=Linkuri rapide
|
|
97
|
+
TRENDING=În tendințe
|
|
98
|
+
ABOUT_SAP=Despre SAP
|
|
99
|
+
SITE_INFORMATION=Informații site
|
|
100
|
+
AVATAR_TEXT=Avatar
|
|
101
|
+
CALENDAR_ICON=Pictogramă de deschidere calendar
|
|
102
|
+
LIST_ITEM_EDIT_ICON=Editare intrare articol de listă
|
|
103
|
+
LIST_ITEM_DELETE_ICON=Ștergere intrare articol de listă
|
|
104
|
+
BACK_BUTTON_LABEL=butonul înapoi
|
|
105
|
+
STATUS_BADGE_TEXT=Ecuson de stare
|
|
106
|
+
STATUS_BADGE_EDIT_TITLE=Dă click pentru a edita profilul
|
|
107
|
+
STATUS_BADGE_INFORMATION_TITLE=Dă click pentru a deschide informațiile de profil
|
|
108
|
+
STATUS_BADGE_WARNING_TITLE=Avertizare, risc potențial cu profilul
|
|
109
|
+
STATUS_BADGE_ERROR_TITLE=Există o eroare cu profilul
|
|
110
|
+
STATUS_BADGE_SUCCESS_TITLE=Profil verificat cu succes
|
|
111
|
+
PROFILE=Profil
|
|
112
|
+
OPENS_IN_A_NEW_WINDOW=se deschide într-o fereastră nouă
|
|
113
|
+
TEXT_FIELD=Câmp de text
|
|
114
|
+
UPLOADING_FILE_STATUS_TEXT=Se încarcă
|
|
115
|
+
TERMINATED_FILE_STATUS_TEXT=Întrerupt
|
|
116
|
+
REMOVE_FILE_TEXT=Eliminare fișier
|
|
117
|
+
UPLOAD_BUTTON_LABEL=Încărcare fișier
|
|
118
|
+
COMPLETE_LIST_OF=Listă completă de
|
|
119
|
+
CALL_US_TODAY=Sună-ne astăzi!
|
|
120
|
+
SEARCH=Căutare
|
|
121
|
+
RESULT_RETURNED=rezultate returnate.
|
|
122
|
+
SOCIAL_MEDIA_BUTTON=Buton de social media
|
|
123
|
+
PROMO_TILE=Mozaicul promoției
|
|
124
|
+
PROMO_TILE_ICON=Pictogramă cu mozaicul promoției
|
|
125
|
+
PLAY_BUTTON_ACCESSIBLE_NAME=Butonul de pornire pentru a începe rotația logourilor de client
|
|
126
|
+
PAUSE_BUTTON_ACCESSIBLE_NAME=Butonul de întrerupere pentru a opri rotația logourilor de client
|
|
127
|
+
LOCATION=Locație
|
|
128
|
+
TOAST_CLOSE_ACCESSIBLE_NAME=Închidere
|
|
129
|
+
DISABLED=Dezactivat
|
|
130
|
+
EXPAND=Expandare
|
|
131
|
+
COLLAPSE=Comprimare
|
|
@@ -13,8 +13,12 @@
|
|
|
13
13
|
max-width: calc(100% - var(--udex-country-selector-label-offset-y));
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
:host(:dir(rtl)[_country-selector]) .udex-text-field__label {
|
|
17
|
+
transform: translateX(calc(var(--udex-country-selector-text-offset) * -1));
|
|
18
|
+
}
|
|
19
|
+
|
|
16
20
|
:host([_country-selector]) .udex-text-field__label {
|
|
17
|
-
transform:
|
|
21
|
+
transform: translateX(var(--udex-country-selector-text-offset));
|
|
18
22
|
}
|
|
19
23
|
|
|
20
24
|
:host([_country-selector]) .udex-text-field__label.udex-text-field__label_active {
|
|
@@ -1,29 +1,11 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
--udex-masthead-country-selector-background: var(--udexColorNeutralWhite, #fff);
|
|
3
|
-
--udex-masthead-country-selector-padding-xl: var(--udexSpacer32) 52px 52px;
|
|
4
|
-
--udex-masthead-country-selector-padding-l: var(--udexSpacer24);
|
|
5
|
-
--udex-masthead-country-selector-padding-m: var(--udexSpacer24) var(--udexSpacer48);
|
|
6
|
-
--udex-masthead-country-selector-padding-xs: var(--udexSpacer24);
|
|
7
3
|
--udex-masthead-country-selector-desktop-max-height: 375px;
|
|
8
4
|
--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries {
|
|
12
|
-
--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);
|
|
13
|
-
--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);
|
|
14
|
-
border-bottom: 1px solid var(--udex-masthead-menu-item-border-color);
|
|
15
|
-
max-height: initial;
|
|
16
|
-
overflow: initial;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
:host([_is-mobile-mode]) .udex-masthead-country-selector {
|
|
20
|
-
padding: var(--udex-masthead-country-selector-padding-l);
|
|
21
|
-
min-height: 100%;
|
|
22
|
-
box-sizing: border-box;
|
|
5
|
+
--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000);
|
|
23
6
|
}
|
|
24
7
|
|
|
25
8
|
.udex-masthead-country-selector {
|
|
26
|
-
padding: var(--udex-masthead-country-selector-padding-xl);
|
|
27
9
|
background: var(--udex-masthead-country-selector-background);
|
|
28
10
|
}
|
|
29
11
|
|
|
@@ -54,7 +36,7 @@
|
|
|
54
36
|
|
|
55
37
|
.udex-masthead-country-selector__region-back-item::part(menu-item-button) {
|
|
56
38
|
font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
57
|
-
color: var(--
|
|
39
|
+
color: var(--udex-masthead-country-selector-title-color);
|
|
58
40
|
justify-content: space-between;
|
|
59
41
|
}
|
|
60
42
|
|
|
@@ -107,6 +89,11 @@
|
|
|
107
89
|
padding: 0;
|
|
108
90
|
}
|
|
109
91
|
|
|
92
|
+
:host([_is-mobile-mode]) .udex-masthead-country-selector__item::part(menu-item-link) {
|
|
93
|
+
--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);
|
|
94
|
+
--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);
|
|
95
|
+
}
|
|
96
|
+
|
|
110
97
|
:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container {
|
|
111
98
|
height: 100%;
|
|
112
99
|
overflow: auto;
|
|
@@ -119,12 +106,24 @@
|
|
|
119
106
|
}
|
|
120
107
|
|
|
121
108
|
:host([_is-mobile-mode]) .udex-masthead-country-selector {
|
|
122
|
-
padding: var(--udex-masthead-country-selector-padding-l);
|
|
123
109
|
height: 100%;
|
|
124
|
-
overflow: auto;
|
|
125
110
|
box-sizing: border-box;
|
|
126
111
|
display: flex;
|
|
127
112
|
flex-direction: column;
|
|
113
|
+
padding-bottom: var(--udexSpacer24);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries {
|
|
117
|
+
--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);
|
|
118
|
+
--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);
|
|
119
|
+
border-bottom: 1px solid var(--udex-masthead-menu-item-border-color);
|
|
120
|
+
max-height: initial;
|
|
121
|
+
overflow: initial;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
:host([_is-mobile-mode]) .udex-masthead-country-selector {
|
|
125
|
+
min-height: 100%;
|
|
126
|
+
box-sizing: border-box;
|
|
128
127
|
}
|
|
129
128
|
|
|
130
129
|
.udex-masthead-country-selector__list-container {
|
|
@@ -164,14 +163,16 @@
|
|
|
164
163
|
}
|
|
165
164
|
|
|
166
165
|
.udex-masthead-country-selector {
|
|
167
|
-
padding: var(--udex-masthead-country-selector-padding-l);
|
|
168
166
|
height: 100%;
|
|
169
|
-
overflow: auto;
|
|
170
167
|
box-sizing: border-box;
|
|
171
168
|
display: flex;
|
|
172
169
|
flex-direction: column;
|
|
173
170
|
}
|
|
174
171
|
|
|
172
|
+
.udex-masthead-country-selector__list {
|
|
173
|
+
padding-bottom: var(--udexSpacer24);
|
|
174
|
+
}
|
|
175
|
+
|
|
175
176
|
.udex-masthead-country-selector__item_countries {
|
|
176
177
|
--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);
|
|
177
178
|
--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);
|
|
@@ -181,17 +182,12 @@
|
|
|
181
182
|
.udex-masthead-country-selector__list-container {
|
|
182
183
|
height: 100%;
|
|
183
184
|
overflow: auto;
|
|
185
|
+
padding-bottom: var(--udexSpacer24);
|
|
184
186
|
}
|
|
185
187
|
}
|
|
186
188
|
|
|
187
|
-
@media (max-
|
|
188
|
-
.udex-masthead-country-
|
|
189
|
-
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
@media (max-width: 639px) {
|
|
194
|
-
.udex-masthead-country-selector {
|
|
195
|
-
padding: var(--udex-masthead-country-selector-padding-xs);
|
|
189
|
+
@media (max-height: 550px) {
|
|
190
|
+
.udex-masthead-country-selector__list-container {
|
|
191
|
+
min-height: 100px;
|
|
196
192
|
}
|
|
197
193
|
}
|