@sapudex/web-components 0.230.0 → 0.230.2

package/dist/generated/themes/Slider.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Slider.css.ts\",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-230-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Slider.css.ts\",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-230-2_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}\n`};\nexport default styleData;\n\t"]}

package/dist/generated/themes/TabInOverflow.css.js

@@ -3,7 +3,7 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 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);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/TabInOverflow.css.ts", content: `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorBlue1)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:0}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:1;inset-block-start:-4px;inset-inline-end:-6px}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/TabInOverflow.css.ts", content: `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:0}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:1;inset-block-start:-4px;inset-inline-end:-6px}
 ` };
 export default styleData;
 //# sourceMappingURL=TabInOverflow.css.js.map

package/dist/generated/themes/TabInOverflow.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabInOverflow.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabInOverflow.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,6BAA6B,EAAC,OAAO,EAAC;CAClH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/TabInOverflow.css.ts\",content:`:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorBlue1)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:0}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:1;inset-block-start:-4px;inset-inline-end:-6px}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"TabInOverflow.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabInOverflow.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,6BAA6B,EAAC,OAAO,EAAC;CAClH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/TabInOverflow.css.ts\",content:`:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:0}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:1;inset-block-start:-4px;inset-inline-end:-6px}\n`};\nexport default styleData;\n\t"]}

package/dist/i18n/messagebundle.properties

@@ -177,6 +177,9 @@ COUNTRY_SELECTOR=Country Selector
 #Text for Masthead Support
 SUPPORT=Support
 
+#Text for Masthead Search
+SEARCH=Search
+
 #Text for Password Field Control Button
 SHOW_HIDE_PASSWORD=Show/Hide Password Button
 

package/dist/i18n/messagebundle_en.properties

@@ -114,3 +114,4 @@ UPLOADING_FILE_STATUS_TEXT=Uploading
 TERMINATED_FILE_STATUS_TEXT=Terminated
 REMOVE_FILE_TEXT=Remove file
 UPLOAD_BUTTON_LABEL=Upload file
+SEARCH=Search

package/dist/types/AnalyticsName.d.ts

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

package/dist/types/AnalyticsName.js

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

package/dist/types/AnalyticsName.js.map

@@ -0,0 +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"]}

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

@@ -1610,11 +1610,6 @@
           "description": "Defines a title for sub menu items",
           "values": []
         },
-        {
-          "name": "text",
-          "description": "Defines the text of item.",
-          "values": []
-        },
         {
           "name": "selected",
           "description": "Defines the selected item.",
@@ -1669,6 +1664,11 @@
           "name": "hide-active-border",
           "description": "Hide active border for item",
           "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the label for analytics",
+          "values": []
         }
       ],
       "references": []

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": "0.230.0",
+  "version": "0.230.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -3210,11 +3210,6 @@
               "description": "Defines a title for sub menu items",
               "value": { "type": "string", "default": "\"\"" }
             },
-            {
-              "name": "text",
-              "description": "Defines the text of item.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
             {
               "name": "selected",
               "description": "Defines the selected item.",
@@ -3269,6 +3264,11 @@
               "name": "hide-active-border",
               "description": "Hide active border for item",
               "value": { "type": "boolean", "default": "\"\"" }
+            },
+            {
+              "name": "label",
+              "description": "Defines the label for analytics",
+              "value": { "type": "string" }
             }
           ],
           "slots": [
@@ -3301,11 +3301,6 @@
                 "description": "Defines a title for sub menu items",
                 "value": { "type": "string" }
               },
-              {
-                "name": "text",
-                "description": "Defines the text of item.",
-                "value": { "type": "string" }
-              },
               {
                 "name": "selected",
                 "description": "Defines the selected item.",
@@ -3360,6 +3355,11 @@
                 "name": "hide-active-border",
                 "description": "Hide active border for item",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "label",
+                "description": "Defines the label for analytics",
+                "value": { "type": "string" }
               }
             ],
             "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapudex/web-components",
-  "version": "0.230.0",
+  "version": "0.230.2",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/Assets.ts

@@ -13,3 +13,32 @@ const customThemeLoader = async () => {
 };
 
 registerCustomThemePropertiesLoader("@ui5/webcomponents", "sap_glow", customThemeLoader);
+
+(function checkThemeCSSLink() {
+  if (typeof document === "undefined") { return; }
+
+  const runCheck = () => {
+    const cssLoaded = Array.from(document.styleSheets).some(sheet => {
+      try {
+        if (sheet.href && sheet.href.includes("css_variables.css")) { return true; }
+        return Array.from(sheet.cssRules || []).some(rule => rule.cssText.includes(".sapThemeMetaData-Base-baseLib"));
+      } catch {
+        return false;
+      }
+    });
+
+    if (!cssLoaded) {
+      const msg = `Required theme CSS not found.
+Please add:
+<link rel="stylesheet" href="path/to/@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css">
+or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`;
+      console.warn(msg);
+    }
+  };
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", runCheck);
+  } else {
+    runCheck();
+  }
+})();

package/src/CountrySelector.ts

@@ -1,8 +1,6 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
 import {
   isEscape,
@@ -273,12 +271,6 @@ class UDExCountrySelector extends UDExSearchableListBase {
   _search!: Search;
   _handleResizeBound: ResizeObserverCallback;
 
-  static i18nBundle: I18nBundle;
-
-  static async onDefine() {
-    UDExCountrySelector.i18nBundle = await getI18nBundle("@sapudex/web-components");
-  }
-
   constructor() {
     super();
     this._shouldFilterItems = false;

package/src/MastheadCountrySelector.ts

@@ -11,8 +11,8 @@ import {
 } from "@ui5/webcomponents-base/dist/Keys.js";
 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";
 
 // Styles
 import MastheadCountrySelectorCss from "./generated/themes/MastheadCountrySelector.css.js";
@@ -23,6 +23,8 @@ export type RegionItemClickEventDetail = {
     countries: Array<Country>,
   },
   originalEvent: Event,
+  analyticsName: AnalyticsName,
+  sourceNode: HTMLElement,
 }
 
 export type CountryItemClickEventDetail = {
@@ -32,10 +34,13 @@ export type CountryItemClickEventDetail = {
     url: string,
   },
   originalEvent: Event,
+  analyticsName: AnalyticsName,
+  sourceNode: HTMLElement,
 }
 
 export type SearchEventDetail = {
   value: string,
+  analyticsName: AnalyticsName,
 }
 
 export type Region = {
@@ -87,6 +92,12 @@ export type Country = {
     originalEvent: {
       type: Event,
     },
+    analyticsName: {
+      type: AnalyticsName,
+    },
+    sourceNode: {
+      type: HTMLElement,
+    },
   },
 })
 
@@ -103,6 +114,12 @@ export type Country = {
     originalEvent: {
       type: Event,
     },
+    analyticsName: {
+      type: AnalyticsName,
+    },
+    sourceNode: {
+      type: HTMLElement,
+    },
   },
 })
 
@@ -113,7 +130,12 @@ export type Country = {
  */
 @event("country-selector-search", {
   detail: {
-    value: { type: String },
+    value: {
+      type: String,
+    },
+    analyticsName: {
+      type: AnalyticsName,
+    },
   },
 })
 
@@ -304,6 +326,7 @@ class UDExMastheadCountrySelector extends UI5Element {
     this._shouldFocusBackBtn = false;
     this.fireEvent<SearchEventDetail>("country-selector-search", {
       value: e.detail.value,
+      analyticsName: AnalyticsName.Header,
     });
     this.refreshRendering();
   }
@@ -429,14 +452,16 @@ class UDExMastheadCountrySelector extends UI5Element {
   }
 
   fireEventRegionItemClick(e: CustomEvent | KeyboardEvent): void {
-    const { label } = e.target as UDExMastheadMenuItem;
+    const item = e.target as UDExMastheadMenuItem;
 
     this.fireEvent<RegionItemClickEventDetail>("region-item-click", {
       item: {
-        title: label,
+        title: item.label,
         countries: this._activeRegion?.countries || [],
       },
       originalEvent: e,
+      analyticsName: AnalyticsName.Header,
+      sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
     });
   }
 
@@ -451,6 +476,8 @@ class UDExMastheadCountrySelector extends UI5Element {
         url: url || "",
       },
       originalEvent: e,
+      analyticsName: AnalyticsName.Header,
+      sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
     });
   }
 

package/src/MastheadItem.hbs

@@ -64,8 +64,16 @@
     {{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}}
     {{else}}
         <span class="udex-masthead-item__text">
             <slot></slot>

package/src/MastheadItem.ts

@@ -11,7 +11,7 @@ import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import {
-  OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR, SUPPORT,
+  OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR, SUPPORT, SEARCH,
 } from "./generated/i18n/i18n-defaults.js";
 import UDExMastheadMenu from "./MastheadMenu.js";
 import UDExAvatar from "./Avatar.js";
@@ -20,6 +20,8 @@ import UDExMastheadShell from "./MastheadShell.js";
 import MastheadItemTemplate from "./generated/templates/MastheadItemTemplate.lit.js";
 import { Target } from "./types/common.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
+import AnalyticsName from "./types/AnalyticsName.js";
+
 // Styles
 import MastheadItemCss from "./generated/themes/MastheadItem.css.js";
 
@@ -30,7 +32,6 @@ export enum DropdownItemAction {
 }
 
 export interface IMastheadItem {
-  text?: string;
   selected?: boolean;
   icon?: string;
   avatar?: Array<HTMLElement>;
@@ -57,11 +58,14 @@ export type MenuItem = {
 export type ItemClickEventDetail = {
   originalEvent: Event,
   item: UDExMastheadItem,
+  analyticsName: AnalyticsName,
+  sourceNode: HTMLElement,
 }
 
 export type DropdownEventDetail = {
   title: string,
   action: DropdownItemAction,
+  analyticsName: AnalyticsName,
 }
 
 export const DropdownBaseEventDetail = {
@@ -79,6 +83,12 @@ export const ItemBaseEvent = {
     originalEvent: {
       type: Event,
     },
+    analyticsName: {
+      type: AnalyticsName,
+    },
+    sourceNode: {
+      type: HTMLElement,
+    },
   },
 };
 
@@ -99,6 +109,7 @@ export const ItemBaseEvent = {
  * @extends UI5Element
  * @public
  */
+
 @customElement({
   tag: "udex-masthead-item",
   renderer: litRender,
@@ -154,15 +165,6 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
   @property({ type: String })
     menuTitle!: string;
 
-  /**
-   * Defines the text of item.
-   *
-   * @public
-   * @default ""
-   */
-  @property({ type: String })
-    text!: string;
-
   /**
    * Defines the selected item.
    *
@@ -276,6 +278,14 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
   @property({ type: Boolean })
     _isMobileMode!: boolean;
 
+  /**
+   * Defines the label for analytics
+   *
+   * @public
+   */
+  @property({ type: String })
+    label!: string;
+
   /**
    * Slot for the dropdown
    *
@@ -310,6 +320,10 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
     }
   }
 
+  onBeforeRendering(): void {
+    this.label = this.eventItemTitle;
+  }
+
   onAfterRendering(): void {
     this._profileAvatar = this.profileAvatar;
     this._mastheadShell = this.mastheadShell;
@@ -396,17 +410,19 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
   }
 
   fireDropdownCloseEvent(title: string, action: DropdownItemAction): void {
-    this.fireEvent<DropdownEventDetail>("dropdown-closed", { title, action });
+    this.fireEvent<DropdownEventDetail>("dropdown-closed", { title, action, analyticsName: AnalyticsName.Header });
   }
 
   fireDropdownOpenEvent(title: string, action: DropdownItemAction): void {
-    this.fireEvent<DropdownEventDetail>("dropdown-opened", { title, action });
+    this.fireEvent<DropdownEventDetail>("dropdown-opened", { title, action, analyticsName: AnalyticsName.Header });
   }
 
   fireItemClickEvent(e: Event): void {
     this.fireEvent<ItemClickEventDetail>("item-click", {
       item: this,
       originalEvent: e,
+      analyticsName: AnalyticsName.Header,
+      sourceNode: e.currentTarget as HTMLElement,
     });
   }
 
@@ -509,22 +525,18 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
     return this.selected ? " udex-masthead-item__button--active" : "";
   }
 
-  get ariaDescribedBy(): string {
+  get ariaDescribedBy(): string | undefined {
     const labels = [];
 
-    if (this.text) {
-      labels.push(`${this.__id}-text`);
-    }
-
-    if (this.icon) {
-      labels.push(`${this.__id}-icon`);
-    }
-
     if (this.isTargetBlank) {
       labels.push(`new-win-desc`);
     }
 
-    return labels.join(" ").trim();
+    if (this.imageAlt) {
+      labels.push(`image-desc`);
+    }
+
+    return labels.length ? labels.join(" ").trim() : undefined;
   }
 
   get isDropdownOpened(): boolean {
@@ -555,6 +567,10 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
     return this.getAttribute("slot") === "cart";
   }
 
+  get isSearchBtn(): boolean {
+    return this.icon === "search";
+  }
+
   get isSupportBtn(): boolean {
     return this.getAttribute("slot") === "support";
   }
@@ -574,24 +590,19 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
   get openInNewWindowText(): string {
     return UDExMastheadItem.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);
   }
-
   get eventItemTitle(): string {
-    if (this.accessibleName) {
-      return this.accessibleName.trim();
+    if (this.isSearchBtn) {
+      return UDExMastheadItem.i18nBundle.getText(SEARCH);
     }
-
     if (this.isCartBtn) {
       return UDExMastheadItem.i18nBundle.getText(CART);
     }
-
     if (this.isProfileBtn) {
       return UDExMastheadItem.i18nBundle.getText(PROFILE);
     }
-
     if (this.isCountrySelectorBtn) {
       return UDExMastheadItem.i18nBundle.getText(COUNTRY_SELECTOR);
     }
-
     if (this.isSupportBtn) {
       return UDExMastheadItem.i18nBundle.getText(SUPPORT);
     }

package/src/MastheadMenu.ts

@@ -11,6 +11,7 @@ import UDExBadge from "./Badge.js";
 import UDExMastheadMenuItem, { ItemType } from "./MastheadMenuItem.js";
 import UDExDivider from "./Divider.js";
 import MastheadMenuTemplate from "./generated/templates/MastheadMenuTemplate.lit.js";
+import AnalyticsName from "./types/AnalyticsName.js";
 
 // Styles
 import MastheadMenuCss from "./generated/themes/MastheadMenu.css.js";
@@ -38,6 +39,8 @@ export type MenuItemClickEventDetail = {
   category?: string,
   originalEvent: Event,
   item: UDExMastheadMenuItem,
+  analyticsName: AnalyticsName,
+  sourceNode: HTMLElement,
 }
 
 /**
@@ -82,6 +85,12 @@ export type MenuItemClickEventDetail = {
     originalEvent: {
       type: Event,
     },
+    analyticsName: {
+      type: AnalyticsName,
+    },
+    sourceNode: {
+      type: HTMLElement,
+    },
   },
 })
 
@@ -136,10 +145,11 @@ class UDExMastheadMenu extends UI5Element {
   handleMenuItemClick(e: Event): void {
     const item = e.target as UDExMastheadMenuItem;
     const { url, type } = item;
-
     if (url?.length) {
       const list = item.closest(".udex-masthead-menu__list") as HTMLElement;
       this.fireEvent<MenuItemClickEventDetail>("menu-item-click", {
+        sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
+        analyticsName: AnalyticsName.Header,
         item,
         originalEvent: e,
         ...(type !== ItemType.Heading && { category: list?.getAttribute("category") || "" }),

package/src/MastheadMenuItem.hbs

@@ -41,7 +41,7 @@
             class="udex-masthead-menu-item {{rootClass}}"
             part="menu-item-button"
             aria-haspopup="{{ariaHasPopup}}"
-            role="button"
+            role="{{accessibleRoleText}}"
             tabindex="{{_tabIndex}}">
             {{#if iconStart}}
                 {{>arrow-left}}

package/src/MastheadMenuItem.ts

@@ -226,8 +226,8 @@ class UDExMastheadMenuItem extends UI5Element {
     return this.externalLink ? "new-win-desc" : null;
   }
 
-  get accessibleRoleText(): string | null {
-    return this.accessibleRole ? this.accessibleRole : null;
+  get accessibleRoleText(): string {
+    return this.accessibleRole ? this.accessibleRole : "menuitem";
   }
 
   get partAttr(): string {