@sapudex/web-components 2.4.2 → 2.6.0

package/src/generated/themes/Wizard.css.ts

@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
 import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
-registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
-registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
+registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
+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);
 export default `:host{--udex-wizard-background-color: var(--sapBackgroundColor, #FFFFFF);--udex-wizard-nav-shadow: var(--sapContent_HeaderShadow, none)}:host .ui5-wiz-nav{box-shadow:var(--udex-wizard-nav-shadow);position:relative;z-index:1}:host([_breakpoint="S"])::part(navigator),:host([_breakpoint="M"])::part(navigator),:host([_breakpoint="L"])::part(navigator),:host([_breakpoint="XL"])::part(navigator),:host([_breakpoint="S"])::part(step-content),:host([_breakpoint="M"])::part(step-content),:host([_breakpoint="L"])::part(step-content),:host([_breakpoint="XL"])::part(step-content){padding-left:.375rem;padding-right:.375rem}:host .ui5-wiz-nav-list{display:flex}:host .ui5-wiz-content{background:var(--udex-wizard-background-color)}[udex-wizard-tab]{display:block;flex-grow:1;position:relative}:host(:not([indeterminate])) [udex-wizard-tab]:last-child{flex-grow:0}[udex-wizard-tab][data-ui5-wizard-expanded-tab-prev=true]{width:2rem;padding-right:.75rem}
 `

package/src/generated/themes/WizardTab.css.ts

@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
 import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
-registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
-registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
+registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
+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);
 export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 6px;border:1px solid var(--sapSelectedColor)}:host .ui5-wiz-step-texts{padding-left:2px}:host .ui5-wiz-step-hr{margin-left:.25rem;margin-right:.25rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7)}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:4px 2px}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([breakpoint="S"]) .ui5-wiz-step-texts{display:none}:host([breakpoint="S"]) .ui5-wiz-step-texts{padding-left:4px}:host([breakpoint="S"]) .ui5-wiz-step-icon-circle{margin:0 2px}
 `

package/src/i18n/messagebundle.properties

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

package/src/i18n/messagebundle_ar.properties

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

package/src/i18n/messagebundle_bg.properties

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

package/src/i18n/messagebundle_cs.properties

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

package/src/i18n/messagebundle_da.properties

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

package/src/i18n/messagebundle_de.properties

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

package/src/i18n/messagebundle_el.properties

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

package/src/i18n/messagebundle_en.properties

@@ -117,3 +117,4 @@ COMPLETE_LIST_OF=Complete list of
 CALL_US_TODAY=Call us today!
 CONTACT_US=Contact us
 SEARCH=Search
+RESULT_RETURNED=results returned.

package/src/i18n/messagebundle_es.properties

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

package/src/i18n/messagebundle_et.properties

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

package/src/i18n/messagebundle_fi.properties

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

package/src/i18n/messagebundle_fr.properties

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

package/src/i18n/messagebundle_hr.properties

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

package/src/i18n/messagebundle_hu.properties

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

package/src/i18n/messagebundle_it.properties

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

package/src/i18n/messagebundle_iw.properties

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

package/src/i18n/messagebundle_ko.properties

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

package/src/i18n/messagebundle_lt.properties

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

package/src/i18n/messagebundle_lv.properties

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

package/src/i18n/messagebundle_nl.properties

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

package/src/i18n/messagebundle_no.properties

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

package/src/i18n/messagebundle_pl.properties

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

package/src/i18n/messagebundle_pt.properties

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

package/src/i18n/messagebundle_pt_BR.properties

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

package/src/i18n/messagebundle_ro.properties

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

package/src/i18n/messagebundle_ru.properties

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

package/src/i18n/messagebundle_sk.properties

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

package/src/i18n/messagebundle_sl.properties

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

package/src/i18n/messagebundle_sr.properties

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

package/src/i18n/messagebundle_sv.properties

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE eller ett SAP-dotterbolag. Med ensamrätt.
+OVERVIEW=Översikt
+LOGOUT=Logga ut
+MAIN_LINKS=Huvudlänkar

package/src/i18n/messagebundle_tr.properties

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE veya bir SAP bağlı ortaklığı. Tüm hakları saklıdır.
+OVERVIEW=Genel bakış
+LOGOUT=Çıkış
+MAIN_LINKS=Ana bağlantılar

package/src/i18n/messagebundle_uk.properties

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

package/src/i18n/messagebundle_zh_CN.properties

@@ -1,4 +1,6 @@
 COPYRIGHT=© {0} SAP 股份有限公司或其关联公司版权所有，保留所有权利。
 ICP_NUMBER=沪ICP备09046015号-28
 PUBLIC_SECURITY_NETWORK_NUMBER=沪公网安备31010602003068号
-
+OVERVIEW=概览
+LOGOUT=退出
+MAIN_LINKS=主要链接

package/src/i18n/messagebundle_zh_TW.properties

@@ -1 +1,4 @@
 COPYRIGHT=© {0} SAP SE 或 SAP 附屬公司。保留所有權利。
+OVERVIEW=概覽
+LOGOUT=登出
+MAIN_LINKS=主要連結

package/src/themes/CountrySelector.css

@@ -152,6 +152,17 @@
   --udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width);
 }
 
+.hidden {
+  position: absolute;
+  width: 0px;
+  height: 0px;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  border: 0;
+  padding: 0;
+}
+
 @media (width < 640px) {
   [udex-dropdown] {
     --udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width);

package/src/themes/List.css

@@ -23,6 +23,7 @@
   height: 100%;
 }
 
+
 .udex-list__header-text {
   font-family:  var(--sapFontFamily, sans-serif);
   font-size: var(--udexTypographyBodySFontSize, 16px);

package/src/themes/MastheadCountrySelector.css

@@ -82,6 +82,17 @@
   max-height: initial;
 }
 
+.hidden {
+  position: absolute;
+  width: 0px;
+  height: 0px;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  border: 0;
+  padding: 0;
+}
+
 @media (max-width: 1279px) {
   .udex-masthead-country-selector {
     padding: var(--udex-masthead-country-selector-padding-l);

package/src/themes/MastheadItem.css

@@ -1,7 +1,7 @@
 :host {
   --udex-masthead-item-background: none;
   --udex-masthead-item-border: none;
-  --udex-masthead-item-padding: 1.35rem;
+  --udex-masthead-item-padding: 1.35rem var(--udexSpacer2);
   --udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);
   --udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);
   --udex-masthead-item-color: var(--udexColorGrey9, #223548);
@@ -28,6 +28,7 @@
   --udex-masthead-item-dropdown-box-shadow-mobile: none;
   --udex-masthead-item-dropdown-zindex: 100;
   --udex-masthead-item-button-icon-size: 32px;
+  --udex-masthead-item-arrow-icon-size: 16px;
 
   display: var(--udex-masthead-item-display);
   align-items: var(--udex-masthead-item-align-content);
@@ -99,7 +100,7 @@
   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;
+  padding: var(--udex-masthead-item-padding);
   cursor: pointer;
   text-decoration: none;
   white-space: nowrap;
@@ -131,6 +132,7 @@
 :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);
@@ -154,6 +156,8 @@
 }
 
 .udex-masthead-item__dropdown-icon {
+  width: var(--udex-masthead-item-arrow-icon-size);
+  height: var(--udex-masthead-item-arrow-icon-size);
   margin-inline-start: var(--udexSpacer4);
 }
 

package/src/themes/MastheadMenuItem.css

@@ -96,7 +96,12 @@ span.udex-masthead-menu-item:hover {
   text-decoration: none;
 }
 
+button.udex-masthead-menu-item:dir(rtl) {
+  text-align: right;
+}
+
 button.udex-masthead-menu-item {
+  text-align: left;
   border: none;
   background: none;
   cursor: pointer;

package/src/themes/MastheadMobileMenu.css

@@ -42,6 +42,7 @@
   --udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);
 }
 
+[udex-masthead-menu-item]::part(menu-item),
 [udex-masthead-menu-item]::part(menu-item-link) {
   width: 100%;
 }

package/src/themes/MastheadShell.css

@@ -1,4 +1,6 @@
 :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);
@@ -81,9 +83,22 @@
 
 .udex-masthead-shell__logo {
   margin-inline-end: var(--udexSpacer16);
-  width: 64px;
+  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%;
 }
@@ -93,9 +108,16 @@
   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,
 .udex-masthead-shell__site-label--link:focus-visible {
   outline: var(--udexRadiusXXS) solid var(--udexColorBlue10);
   outline-offset: var(--udexSpacer2);
@@ -118,8 +140,7 @@
 }
 
 .udex-masthead-shell__main-content {
-  display: grid;
-  grid: 'logo siteLabel mainMenu ' / auto auto 1fr;
+  display: flex;
   align-items: center;
   box-sizing: border-box;
 }
@@ -148,6 +169,10 @@
   box-sizing: border-box;
 }
 
+.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore {
+  margin-inline-end: 0;
+}
+
 .udex-masthead-shell__explore {
   white-space: nowrap;
   margin-inline-end: var(--udex-masthead-shell-explore-margin);
@@ -158,10 +183,6 @@
   align-items: center;
 }
 
-.udex-masthead-shell__item {
-  margin-inline-end: var(--udexSpacer4);
-}
-
 .udex-masthead-shell__menu-btn {
   height: 18px;
   order: 1;
@@ -204,6 +225,7 @@
 :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;
@@ -235,6 +257,18 @@
   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);

package/src/themes/Search.css

@@ -44,6 +44,8 @@
     var(--udex-search-container-padding-inline-end)
   );
 
+  --udex-search-prefix-max-width: 140px;
+
   display: block;
   width: 100%;
   position: relative;
@@ -372,7 +374,7 @@ input[type="search"]::-webkit-search-results-decoration {
   padding-inline: var(--udexSpacer12) var(--udexSpacer8);
   display: flex;
   align-items: center;
-  max-width: 200px;
+  max-width: var(--udex-search-prefix-max-width);
   height: 100%;
   border: 1px solid var(--udex-input-color-border);
   border-inline-end: 0;

package/src/themes/SearchableList.css

@@ -1,3 +1,7 @@
+:host([prevent-page-scroll]) [ui5-popover]::part(content) {
+  overscroll-behavior: contain;
+}
+
 :host::part(checkbox) {
   pointer-events: none;
 }
@@ -21,3 +25,14 @@
 .udex-filter-menu__search + .udex-busy-indicator {
   padding-top: 0;
 }
+
+.hidden {
+  position: absolute;
+  width: 0px;
+  height: 0px;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  border: 0;
+  padding: 0;
+}

package/src/themes/SegmentedButtonItem.css

@@ -61,8 +61,8 @@
   --udex-segmented-button-item-medium-font-size: var(--sapFontSize, 16px);
 }
 
-:host([design="Default"]),
-:host {
+:host([design="Default"]:not([hidden])),
+:host(:not([hidden])) {
   background-color: var(--udex-segmented-button-item-background-color);
   border: var(--sapButton_BorderWidth) solid var(--udex-segmented-button-item-border-color);
   color: var(--udex-segmented-button-item-color);

package/src/themes/TextArea.css

@@ -40,13 +40,6 @@
   --udex-textarea-height: 50px;
   --udex-textarea-border-width: 1px;
 
-  /*
-    the part of the code that relates to the scrollbar should be removed
-    after implementing general styles for the scrollbar in the task
-    https://github.tools.sap/UDEx/digital-design-system/issues/199
-  */
-  --sapScrollBar_Dimension: 16px;
-
   font-family: var(--sapFontFamily, sans-serif);
   font-size: var(--sapFontSize, 16px);
   color: var(--udex-textarea-color-standard-default-text);

package/src/types/SearchableListBase.ts

@@ -7,4 +7,10 @@ export interface UDExProcessedItem {
   isGroup: boolean,
 }
 
+export enum UDExPopoverPart {
+  Header = "header",
+  Footer = "footer",
+  Content = "content",
+}
+
 export const SHOW_SEARCH_AFTER_COUNT = 13;

package/src/utils/getEffectiveScrollbarStyle.ts

@@ -0,0 +1,48 @@
+import { isDesktop } from "@ui5/webcomponents-base";
+
+export const NO_SCROLLBAR_STYLE_CLASS = "ui5-content-native-scrollbars";
+
+export const applyCustomScrollbar = () => {
+  if (isDesktop()) {
+    document?.body.classList.add(NO_SCROLLBAR_STYLE_CLASS);
+  } else {
+    document?.body.classList.remove(NO_SCROLLBAR_STYLE_CLASS);
+  }
+};
+
+const getEffectiveScrollbarStyle = () => {
+  applyCustomScrollbar();
+
+  return `
+  // ::part(content) for ui5-popover content
+  ::part(content)::-webkit-scrollbar:horizontal,
+  ::-webkit-scrollbar:horizontal {
+    height: calc(var(--sapScrollBar_Dimension) + 4px);
+  }
+  ::part(content)::-webkit-scrollbar:vertical,
+  ::-webkit-scrollbar:vertical {
+    width: calc(var(--sapScrollBar_Dimension) + 4px);
+  }
+  ::part(content)::-webkit-scrollbar,
+  ::-webkit-scrollbar {
+    background-color: var(--sapScrollBar_TrackColor);
+    border-left: none;
+  }
+  ::part(content)::-webkit-scrollbar-thumb,
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--sapScrollBar_FaceColor);
+    border: 4px solid var(--sapScrollBar_TrackColor);
+    border-radius: 8px; 
+  }
+  ::part(content)::-webkit-scrollbar-thumb:hover,
+  ::-webkit-scrollbar-thumb:hover {
+    border: 2px solid var(--sapScrollBar_TrackColor);
+    background-color: var(--sapScrollBar_Hover_FaceColor); 
+  }
+  ::part(content)::-webkit-scrollbar-corner,
+  ::-webkit-scrollbar-corner {
+    background-color: var(--sapScrollBar_TrackColor);
+  }`;
+};
+
+export default getEffectiveScrollbarStyle;

package/dist/assets/InputSuggestions-BaPMxFm1.js

@@ -1,2 +0,0 @@
-import{f as V,j as r,a as c,p as S,d as w,b as P,s as g,m as x,L as v,c as y,e as R,g as O,D as L,h as D,i as F,F as A,B as I,I as b,k as f,R as G,l as H,n as E,o as $,q as N,r as B}from"./bundle.esm-CoBHnkfj.js";const M=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(M(e),`${s?"i":""}g`),t)}function z(n,e){if(!n||!e)return n;const t=l=>{const[a,d]=l.split("");for(;n.indexOf(l)>=0||e.indexOf(l)>=0;)l=`${a}${l}${d}`;return l},s=t("12"),i=t("34");let o=V(_(n,e,l=>`${s}${l}${i}`,!0));return[[s,"<b>"],[i,"</b>"]].forEach(([l,a])=>{o=_(o,l,a,!1)}),o}function q(n,e){const t=(n==null?void 0:n.listItemContent)||U;return r("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:e==null?void 0:e.role,title:e==null?void 0:e.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:t.call(this)})}function U(){return r("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:r("div",{class:"ui5-li-text-wrapper",children:r("span",{part:"title",class:"ui5-li-title",children:r("slot",{})})})})}function K(){return[q.call(this,{listItemContent:W},{role:"option"})]}function W(){return r("div",{part:"content",id:"content",class:"ui5-li-content",children:c("div",{class:"ui5-li-text-wrapper",children:[r("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&r("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}S("@ui5/webcomponents-theming","sap_horizon",async()=>w);S("@ui5/webcomponents","sap_horizon",async()=>P);const X=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-12-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-12-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}
-`;var p=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(l=n[a])&&(o=(i<3?l(o):i>3?l(e,t,o):l(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let h=class extends v{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){y()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};p([g()],h.prototype,"text",void 0);p([g()],h.prototype,"additionalText",void 0);p([g()],h.prototype,"markupText",void 0);h=p([x({tag:"ui5-suggestion-item",template:K,styles:[v.styles,X]})],h);h.define();function j(n){const e=(n==null?void 0:n.items)||J;return c("ul",{role:"group",class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,children:[this.hasHeader&&r(O,{focused:this.focused,part:"header",accessibleRole:R.Group,children:this.hasFormattedHeader?r("slot",{name:"header"}):this.headerText}),e.call(this),r(L,{orientation:"Horizontal",ownerReference:this})]})}function J(){return r("slot",{})}var T=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(l=n[a])&&(o=(i<3?l(o):i>3?l(e,t,o):l(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let m=class extends F{};T([D({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0);m=T([x({tag:"ui5-suggestion-item-group",template:j})],m);m.define();function Q(n){const e=(n==null?void 0:n.suggestionsList)||Y,t=n==null?void 0:n.valueStateMessage,s=n==null?void 0:n.valueStateMessageInputIcon;return c(G,{class:this.classes.popover,hideArrow:!0,preventFocusRestore:!0,preventInitialFocus:!0,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&c(A,{children:[c("div",{slot:"header",class:"ui5-responsive-popover-header",children:[c("div",{class:"row",children:[r("span",{children:this._headerTitleText}),r(I,{class:"ui5-responsive-popover-close-btn",icon:$,design:"Transparent",onClick:this._closePicker})]}),r("div",{class:"row",children:r("div",{class:"input-root-phone native-input-wrapper",children:r(b,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput,onChange:this._handleChange})})})]}),this.hasValueStateMessage&&c("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[r(f,{class:"ui5-input-value-state-message-icon",name:s==null?void 0:s.call(this)}),this.open&&(t==null?void 0:t.call(this))]})]}),!this._isPhone&&this.hasValueStateMessage&&c("div",{slot:"header",class:{"ui5-responsive-popover-header":!0,"ui5-responsive-popover-header--focused":this._isValueStateFocused,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[r(f,{class:"ui5-input-value-state-message-icon",name:s==null?void 0:s.call(this)}),this.open&&(t==null?void 0:t.call(this))]}),e.call(this),this._isPhone&&r("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:r(I,{design:"Transparent",onClick:this._closePicker,children:this._suggestionsOkButtonText})})]})}function Y(){return r(E,{accessibleRole:H.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:r("slot",{})})}class u{get template(){return Q}constructor(e,t,s,i){this.component=e,this.slotName=t,this.handleFocus=i,this.highlight=s,this.selectedItemIndex=-1}onUp(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!1,s),!0}onDown(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!0,s),!0}onSpace(e){return this._isItemOnTarget()?(e.preventDefault(),this.onItemSelected(this._selectedItem,!0),!0):!1}onEnter(e){return this._isGroupItem?(e.preventDefault(),!1):this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}onPageUp(e){e.preventDefault();const t=this.selectedItemIndex-10>-1;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,t?this.selectedItemIndex-=10:this.selectedItemIndex=0),!0)}onPageDown(e){e.preventDefault();const t=this._getItems(),s=t.length-1,i=this.selectedItemIndex+10<=s;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,i?this.selectedItemIndex+=10:this.selectedItemIndex=s),!0)}onHome(e){return e.preventDefault(),this._hasValueState?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0),!0)}onEnd(e){e.preventDefault();const t=this._getItems().length-1;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t),!0)}onTab(){return this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}toggle(e,t){(e!==void 0?e:!this.isOpened())?this._getComponent().open=!0:this.close(t.preventFocusRestore)}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=!1){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=!1;const s=this._getPicker();s.preventFocusRestore=e,s.open=!1,t&&t.focused&&(t.focused=!1)}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const s=e,i=this._getNonGroupItems();s&&(this.accInfo={isGroup:s.hasAttribute("ui5-suggestion-item-group"),currentPos:i.indexOf(s)+1,listSize:i.length,itemText:s.text||"",additionalText:s.additionalText},this._getComponent().onItemSelected(s,t),this._getComponent().open=!1)}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const s=e.type==="ui5-item-click";s&&!e.detail.item.selected||this._handledPress&&!s||(s&&e.detail.item.selected?(t=e.detail.item,this._handledPress=!0):t=e.detail.selectedItems[0],this.onItemSelected(t,!1))}_onClose(){this._handledPress=!1}_isItemOnTarget(){return this.isOpened()&&this.selectedItemIndex!==null&&this.selectedItemIndex!==-1&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();return!e||!e[this.selectedItemIndex]?!1:e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){var e;return!!((e=this._getPicker())!=null&&e.open)}_handleItemNavigation(e,t){this.selectedItemIndex=t,this._getItems().length&&(e?this._selectNextItem():this._selectPreviousItem())}_selectNextItem(){const e=this._getItems().length,t=this.selectedItemIndex;if(this._hasValueState&&t===-1&&!this.component._isValueStateFocused){this._focusValueState();return}(t===-1&&!this._hasValueState||this.component._isValueStateFocused)&&(this._clearValueStateFocus(),this.selectedItemIndex=-1),!(t!==-1&&t+1>e-1)&&this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this._getItems(),t=this.selectedItemIndex;if(this._hasValueState&&t===0&&!this.component._isValueStateFocused){this.component.hasSuggestionItemSelected=!1,this.component._isValueStateFocused=!0,this.selectedItemIndex=0,e[0].focused=!1,e[0].hasAttribute("ui5-suggestion-item")&&(e[0].selected=!1);return}if(this.component._isValueStateFocused){this.component.focused=!0,this.component._isValueStateFocused=!1,this.selectedItemIndex=0;return}if(!(t===-1||t===null)){if(t-1<0){(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom"))&&(e[t].selected=!1),e[t].focused=!1,this.component.focused=!0,this.component.hasSuggestionItemSelected=!1,this.selectedItemIndex-=1;return}this._moveItemSelection(t,--this.selectedItemIndex)}}_moveItemSelection(e,t){const s=this._getItems(),i=s[t],o=s[e],l=this._getNonGroupItems(),a=i.hasAttribute("ui5-suggestion-item-group");if(!i)return;this.component.focused=!1,this._clearValueStateFocus();const d=this._getItems()[this.selectedItemIndex];if(this.accInfo={isGroup:a,currentPos:s.indexOf(i)+1,itemText:(a?d.headerText:d.text)||""},(i.hasAttribute("ui5-suggestion-item")||i.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=i.additionalText||"",this.accInfo.currentPos=l.indexOf(i)+1,this.accInfo.listSize=l.length),o&&(o.focused=!1),(o!=null&&o.hasAttribute("ui5-suggestion-item")||o!=null&&o.hasAttribute("ui5-suggestion-item-custom"))&&(o.selected=!1),i&&(i.focused=!0,a||(i.selected=!0),this.handleFocus&&i.focus()),this.component.hasSuggestionItemSelected=!0,this.onItemSelect(i),!this._isItemIntoView(i)){const C=this._isGroupItem?i.shadowRoot.querySelector("[ui5-li-group-header]"):i;this._scrollItemIntoView(C)}}_deselectItems(){this._getItems().forEach(t=>{t.hasAttribute("ui5-suggestion-item")&&(t.selected=!1),t.focused=!1})}_clearItemFocus(){const e=this._getItems().find(t=>t.focused);e&&(e.focused=!1)}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect(),s=this._getComponent().getDomRef().getBoundingClientRect(),i=window.innerHeight||document.documentElement.clientHeight;let o=0;return this._hasValueState&&(o=this._getPicker().querySelector("[slot=header]").getBoundingClientRect().height),t.top+u.SCROLL_STEP<=i&&t.top>=s.top+o}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){return this._scrollContainer||(this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")),this._scrollContainer}_getItems(){return this._getComponent().getSlottedNodes("suggestionItems").flatMap(t=>t.hasAttribute("ui5-suggestion-item-group")?[t,...t.items]:[t])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){var e;return(e=this._getList())==null?void 0:e.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo)return"";if(this.accInfo.isGroup)return`${u.i18nBundle.getText(N)} ${this.accInfo.itemText}`;const e=u.i18nBundle.getText(B,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`}hightlightInput(e,t){return z(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_focusValueState(){this.component._isValueStateFocused=!0,this.component.focused=!1,this.component.hasSuggestionItemSelected=!1,this.selectedItemIndex=0,this.component.value=this.component.typedInValue,this._deselectItems()}_clearValueStateFocus(){this.component._isValueStateFocused=!1}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}u.SCROLL_STEP=60;b.SuggestionsClass=u;export{u as default};