@sapudex/web-components 2.4.1 → 2.5.0

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/messagebundle_iw.properties

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

package/dist/messagebundle_ko.properties

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/messagebundle_ru.properties

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/messagebundle_uk.properties

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

package/dist/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/dist/messagebundle_zh_TW.properties

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

package/dist/types/AnalyticsName.d.ts

@@ -1,5 +1,5 @@
 export declare enum AnalyticsName {
-    "Header" = "header",
-    "Header-sub" = "header-sub"
+    Header = "header",
+    HeaderSub = "header-sub"
 }
 export default AnalyticsName;

package/dist/types/AnalyticsName.js

@@ -1,7 +1,7 @@
 export var AnalyticsName;
 (function (AnalyticsName) {
     AnalyticsName["Header"] = "header";
-    AnalyticsName["Header-sub"] = "header-sub";
+    AnalyticsName["HeaderSub"] = "header-sub";
 })(AnalyticsName || (AnalyticsName = {}));
 export default AnalyticsName;
 //# sourceMappingURL=AnalyticsName.js.map

package/dist/types/AnalyticsName.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsName.js","sourceRoot":"","sources":["../../src/types/AnalyticsName.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,kCAAmB,CAAA;IACnB,0CAA2B,CAAA;AAC7B,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,eAAe,aAAa,CAAC","sourcesContent":["export enum AnalyticsName {\n  \"Header\" = \"header\",\n  \"Header-sub\" = \"header-sub\",\n}\n\nexport default AnalyticsName;\n"]}
+{"version":3,"file":"AnalyticsName.js","sourceRoot":"","sources":["../../src/types/AnalyticsName.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,kCAAiB,CAAA;IACjB,yCAAwB,CAAA;AAC1B,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,eAAe,aAAa,CAAC","sourcesContent":["export enum AnalyticsName {\n  Header = \"header\",\n  HeaderSub = \"header-sub\",\n}\n\nexport default AnalyticsName;\n"]}

package/dist/vscode.html-custom-data.json

@@ -1807,7 +1807,7 @@
     },
     {
       "name": "udex-masthead-shell",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n- **co-brand-click** - Fired event when the user clicks the co-brand.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
       "attributes": [
         {
           "name": "home-url",
@@ -1834,6 +1834,31 @@
           "description": "Defines sticky position for component",
           "values": []
         },
+        {
+          "name": "co-brand-image",
+          "description": "Defines the co-brand image",
+          "values": []
+        },
+        {
+          "name": "co-brand-alt",
+          "description": "Defines an alt text for the co-brand image",
+          "values": []
+        },
+        {
+          "name": "co-brand-url",
+          "description": "Defines the co-brand URL",
+          "values": []
+        },
+        {
+          "name": "co-brand-title",
+          "description": "Defines the default tooltip title for co-brand",
+          "values": []
+        },
+        {
+          "name": "co-brand-aria-label",
+          "description": "Defines an aria label for the co-brand link",
+          "values": []
+        },
         {
           "name": "logo-url",
           "description": "Defines the Logo image URL",
@@ -1844,6 +1869,11 @@
           "description": "Defines the Logo default title",
           "values": []
         },
+        {
+          "name": "site-label-title",
+          "description": "Defines the default tooltip title for site label",
+          "values": []
+        },
         {
           "name": "site-label",
           "description": "Defines a site label. It will be displayed next to a logo.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -3695,7 +3695,7 @@
         },
         {
           "name": "udex-masthead-shell",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n- **co-brand-click** - Fired event when the user clicks the co-brand.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
           "doc-url": "",
           "attributes": [
             {
@@ -3706,7 +3706,7 @@
             {
               "name": "site-label-url",
               "description": "Defines URL for site label. It will be used as a link on a logo and a site label",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "body-overflow",
@@ -3723,40 +3723,70 @@
               "description": "Defines sticky position for component",
               "value": { "type": "boolean", "default": "\"\"" }
             },
+            {
+              "name": "co-brand-image",
+              "description": "Defines the co-brand image",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "co-brand-alt",
+              "description": "Defines an alt text for the co-brand image",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "co-brand-url",
+              "description": "Defines the co-brand URL",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "co-brand-title",
+              "description": "Defines the default tooltip title for co-brand",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "co-brand-aria-label",
+              "description": "Defines an aria label for the co-brand link",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "logo-url",
               "description": "Defines the Logo image URL",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "logo-title",
               "description": "Defines the Logo default title",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "site-label-title",
+              "description": "Defines the default tooltip title for site label",
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "site-label",
               "description": "Defines a site label. It will be displayed next to a logo.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "logo-alt",
               "description": "Defines an alt text for logo",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "close-button-accessible-name",
               "description": "Defines an accessible name for close icon for the search bar",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "homepage-aria-label",
               "description": "Defines an aria label for the homepage link",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "site-label-aria-label",
               "description": "Defines an aria label for the site label",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -3826,6 +3856,10 @@
             {
               "name": "site-label-click",
               "description": "Fired event when the user clicks the site label."
+            },
+            {
+              "name": "co-brand-click",
+              "description": "Fired event when the user clicks the co-brand."
             }
           ],
           "js": {
@@ -3838,7 +3872,7 @@
               {
                 "name": "site-label-url",
                 "description": "Defines URL for site label. It will be used as a link on a logo and a site label",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "body-overflow",
@@ -3855,40 +3889,70 @@
                 "description": "Defines sticky position for component",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "co-brand-image",
+                "description": "Defines the co-brand image",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "co-brand-alt",
+                "description": "Defines an alt text for the co-brand image",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "co-brand-url",
+                "description": "Defines the co-brand URL",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "co-brand-title",
+                "description": "Defines the default tooltip title for co-brand",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "co-brand-aria-label",
+                "description": "Defines an aria label for the co-brand link",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "logo-url",
                 "description": "Defines the Logo image URL",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "logo-title",
                 "description": "Defines the Logo default title",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "site-label-title",
+                "description": "Defines the default tooltip title for site label",
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "site-label",
                 "description": "Defines a site label. It will be displayed next to a logo.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "logo-alt",
                 "description": "Defines an alt text for logo",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "close-button-accessible-name",
                 "description": "Defines an accessible name for close icon for the search bar",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "homepage-aria-label",
                 "description": "Defines an aria label for the homepage link",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "site-label-aria-label",
                 "description": "Defines an aria label for the site label",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -3939,6 +4003,10 @@
               {
                 "name": "site-label-click",
                 "description": "Fired event when the user clicks the site label."
+              },
+              {
+                "name": "co-brand-click",
+                "description": "Fired event when the user clicks the co-brand."
               }
             ]
           }

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/MastheadCountrySelector.ts

@@ -13,6 +13,8 @@ import UDExMastheadMenuItem from "./MastheadMenuItem.js";
 import UDExSearch, { Mode as UDExSearchMode } from "./Search.js";
 import MastheadCountrySelectorTemplate from "./generated/templates/MastheadCountrySelectorTemplate.lit.js";
 import AnalyticsName from "./types/AnalyticsName.js";
+import { BreakpointUtils } from "./utils/Breakpoints.js";
+import type UDExMastheadShell from "./MastheadShell.js";
 
 // Styles
 import MastheadCountrySelectorCss from "./generated/themes/MastheadCountrySelector.css.js";
@@ -329,7 +331,7 @@ class UDExMastheadCountrySelector extends UI5Element {
 
   handleOutsideClick(): void {
     document.addEventListener("mousedown", (e: Event): void => {
-      if (e.target !== this) {
+      if (e.target !== this && !this.isMobile) {
         this.handleSearchReset();
         this._isActiveRegionOpen = false;
         this.setActiveRegion(null);
@@ -486,6 +488,14 @@ class UDExMastheadCountrySelector extends UI5Element {
   get isSingleMode(): boolean {
     return this.regionsData.length === 1;
   }
+
+  get isMobile(): boolean {
+    return BreakpointUtils.isAtMost("M") || this.mastheadShell?._isMobileMode;
+  }
+
+  get mastheadShell(): UDExMastheadShell {
+    return document.querySelector<UDExMastheadShell>("[udex-masthead-shell]")!;
+  }
 }
 
 UDExMastheadCountrySelector.define();

package/src/MastheadItem.hbs

@@ -8,7 +8,9 @@
         href="{{href}}"
         aria-label="{{accessibleLabel}}"
         aria-describedby="{{ariaDescribedBy}}"
-        @click="{{handleItemClick}}">
+        @click="{{handleItemClick}}"
+        @mousedown="{{handleMouseDown}}"
+        @mouseup="{{handleMouseUp}}">
         {{> content}}
     </a>
     {{#if isTargetBlank}}
@@ -28,7 +30,9 @@
         aria-haspopup="{{hasDropdownSlot}}"
         aria-label="{{accessibleLabel}}"
         @keydown="{{handleKeyDown}}"
-        @click="{{handleItemClick}}">
+        @click="{{handleItemClick}}"
+        @mousedown="{{handleMouseDown}}"
+        @mouseup="{{handleMouseUp}}">
         {{> content}}
     </span>
     {{#if isDropdownOpened}}
@@ -45,6 +49,8 @@
         aria-haspopup="{{hasDropdownSlot}}"
         aria-label="{{accessibleLabel}}"
         @keydown="{{handleKeyDown}}"
+        @mousedown="{{handleMouseDown}}"
+        @mouseup="{{handleMouseUp}}"
         @click="{{handleItemClick}}">
         {{> content}}
     </button>
@@ -63,18 +69,20 @@
             mode="Decorative">
         </ui5-icon>
     {{else if image}}
-        <img
-            class="udex-masthead-item__image"
-            id="{{this._id}}_image-alt"
-            src="{{image}}"
-            alt="{{imageAlt}}"/>
-            {{#if imageAlt}}
-                <span
-                    id="image-desc"
-                    class="udex-masthead-hidden-text">
-                    {{imageAlt}}
-                </span>
-            {{/if}}
+        <div class="udex-masthead-item__image-wrap">
+            <img
+                class="udex-masthead-item__image"
+                id="{{this._id}}_image-alt"
+                src="{{image}}"
+                alt="{{imageAlt}}"/>
+        </div>
+        {{#if imageAlt}}
+            <span
+                id="image-desc"
+                class="udex-masthead-hidden-text">
+                {{imageAlt}}
+            </span>
+        {{/if}}
     {{else}}
         <span class="udex-masthead-item__text">
             <slot></slot>