@sapudex/web-components 2.4.0 → 2.4.1

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

@@ -3,6 +3,6 @@ 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);
-export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-4-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
+export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-4-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
 `;
 //# sourceMappingURL=Slider.css.js.map

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":"AAAA,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;AAClG,eAAe;CACd,CAAA","sourcesContent":["import { 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);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-4-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}
+{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,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;AAClG,eAAe;CACd,CAAA","sourcesContent":["import { 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);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-4-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}

package/dist/generated/themes/TabInOverflow.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: ":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";
+declare const _default: ":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";
 export default _default;

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

@@ -3,6 +3,6 @@ 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);
-export default `: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}
+export default `: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}
 `;
 //# 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":"AAAA,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;AAClG,eAAe;CACd,CAAA","sourcesContent":["import { 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);\nexport default `: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`"]}
+{"version":3,"file":"TabInOverflow.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabInOverflow.css.ts"],"names":[],"mappings":"AAAA,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;AAClG,eAAe;CACd,CAAA","sourcesContent":["import { 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);\nexport default `: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`"]}

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

@@ -116,3 +116,4 @@ UPLOAD_BUTTON_LABEL=Upload file
 COMPLETE_LIST_OF=Complete list of
 CALL_US_TODAY=Call us today!
 CONTACT_US=Contact us
+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/types/EventRibbon.d.ts

@@ -7,17 +7,6 @@ export declare enum UDExEventRibbonMode {
     dark = "dark",
     light = "light"
 }
-declare enum UDExEventRibbonColors {
-    Mango = "Mango",
-    Red = "Red",
-    Raspberry = "Raspberry",
-    Pink = "Pink",
-    Indigo = "Indigo",
-    Blue = "Blue",
-    Teal = "Teal",
-    Green = "Green",
-    Grey = "Grey"
-}
 export declare enum UDExEventRibbonLogo {
     sapphire = "sapphire",
     sapphireStacked = "sapphire-stacked",
@@ -27,11 +16,47 @@ export declare enum UDExEventRibbonLogo {
     techedStacked = "teched-stacked",
     now = "now"
 }
-export type UDExEventRibbonColorSheme = `${UDExEventRibbonColors}${1 | 2 | 3 | 4}`;
+export declare enum UDExEventRibbonColorSheme {
+    Mango1 = "Mango1",
+    Red1 = "Red1",
+    Raspberry1 = "Raspberry1",
+    Pink1 = "Pink1",
+    Indigo1 = "Indigo1",
+    Blue1 = "Blue1",
+    Teal1 = "Teal1",
+    Green1 = "Green1",
+    Grey1 = "Grey1",
+    Mango2 = "Mango2",
+    Red2 = "Red2",
+    Raspberry2 = "Raspberry2",
+    Pink2 = "Pink2",
+    Indigo2 = "Indigo2",
+    Blue2 = "Blue2",
+    Teal2 = "Teal2",
+    Green2 = "Green2",
+    Grey2 = "Grey2",
+    Mango3 = "Mango3",
+    Red3 = "Red3",
+    Raspberry3 = "Raspberry3",
+    Pink3 = "Pink3",
+    Indigo3 = "Indigo3",
+    Blue3 = "Blue3",
+    Teal3 = "Teal3",
+    Green3 = "Green3",
+    Grey3 = "Grey3",
+    Mango4 = "Mango4",
+    Red4 = "Red4",
+    Raspberry4 = "Raspberry4",
+    Pink4 = "Pink4",
+    Indigo4 = "Indigo4",
+    Blue4 = "Blue4",
+    Teal4 = "Teal4",
+    Green4 = "Green4",
+    Grey4 = "Grey4"
+}
 export type UDExEventRibbonLink = {
     target: string;
     url: string;
     text: string;
 };
 export declare const eventLogoText: Record<UDExEventRibbonLogo, string>;
-export {};

package/dist/types/EventRibbon.js

@@ -9,18 +9,6 @@ export var UDExEventRibbonMode;
     UDExEventRibbonMode["dark"] = "dark";
     UDExEventRibbonMode["light"] = "light";
 })(UDExEventRibbonMode || (UDExEventRibbonMode = {}));
-var UDExEventRibbonColors;
-(function (UDExEventRibbonColors) {
-    UDExEventRibbonColors["Mango"] = "Mango";
-    UDExEventRibbonColors["Red"] = "Red";
-    UDExEventRibbonColors["Raspberry"] = "Raspberry";
-    UDExEventRibbonColors["Pink"] = "Pink";
-    UDExEventRibbonColors["Indigo"] = "Indigo";
-    UDExEventRibbonColors["Blue"] = "Blue";
-    UDExEventRibbonColors["Teal"] = "Teal";
-    UDExEventRibbonColors["Green"] = "Green";
-    UDExEventRibbonColors["Grey"] = "Grey";
-})(UDExEventRibbonColors || (UDExEventRibbonColors = {}));
 export var UDExEventRibbonLogo;
 (function (UDExEventRibbonLogo) {
     UDExEventRibbonLogo["sapphire"] = "sapphire";
@@ -31,6 +19,45 @@ export var UDExEventRibbonLogo;
     UDExEventRibbonLogo["techedStacked"] = "teched-stacked";
     UDExEventRibbonLogo["now"] = "now";
 })(UDExEventRibbonLogo || (UDExEventRibbonLogo = {}));
+export var UDExEventRibbonColorSheme;
+(function (UDExEventRibbonColorSheme) {
+    UDExEventRibbonColorSheme["Mango1"] = "Mango1";
+    UDExEventRibbonColorSheme["Red1"] = "Red1";
+    UDExEventRibbonColorSheme["Raspberry1"] = "Raspberry1";
+    UDExEventRibbonColorSheme["Pink1"] = "Pink1";
+    UDExEventRibbonColorSheme["Indigo1"] = "Indigo1";
+    UDExEventRibbonColorSheme["Blue1"] = "Blue1";
+    UDExEventRibbonColorSheme["Teal1"] = "Teal1";
+    UDExEventRibbonColorSheme["Green1"] = "Green1";
+    UDExEventRibbonColorSheme["Grey1"] = "Grey1";
+    UDExEventRibbonColorSheme["Mango2"] = "Mango2";
+    UDExEventRibbonColorSheme["Red2"] = "Red2";
+    UDExEventRibbonColorSheme["Raspberry2"] = "Raspberry2";
+    UDExEventRibbonColorSheme["Pink2"] = "Pink2";
+    UDExEventRibbonColorSheme["Indigo2"] = "Indigo2";
+    UDExEventRibbonColorSheme["Blue2"] = "Blue2";
+    UDExEventRibbonColorSheme["Teal2"] = "Teal2";
+    UDExEventRibbonColorSheme["Green2"] = "Green2";
+    UDExEventRibbonColorSheme["Grey2"] = "Grey2";
+    UDExEventRibbonColorSheme["Mango3"] = "Mango3";
+    UDExEventRibbonColorSheme["Red3"] = "Red3";
+    UDExEventRibbonColorSheme["Raspberry3"] = "Raspberry3";
+    UDExEventRibbonColorSheme["Pink3"] = "Pink3";
+    UDExEventRibbonColorSheme["Indigo3"] = "Indigo3";
+    UDExEventRibbonColorSheme["Blue3"] = "Blue3";
+    UDExEventRibbonColorSheme["Teal3"] = "Teal3";
+    UDExEventRibbonColorSheme["Green3"] = "Green3";
+    UDExEventRibbonColorSheme["Grey3"] = "Grey3";
+    UDExEventRibbonColorSheme["Mango4"] = "Mango4";
+    UDExEventRibbonColorSheme["Red4"] = "Red4";
+    UDExEventRibbonColorSheme["Raspberry4"] = "Raspberry4";
+    UDExEventRibbonColorSheme["Pink4"] = "Pink4";
+    UDExEventRibbonColorSheme["Indigo4"] = "Indigo4";
+    UDExEventRibbonColorSheme["Blue4"] = "Blue4";
+    UDExEventRibbonColorSheme["Teal4"] = "Teal4";
+    UDExEventRibbonColorSheme["Green4"] = "Green4";
+    UDExEventRibbonColorSheme["Grey4"] = "Grey4";
+})(UDExEventRibbonColorSheme || (UDExEventRibbonColorSheme = {}));
 export const eventLogoText = {
     [UDExEventRibbonLogo.connect]: "SAP Connect",
     [UDExEventRibbonLogo.connectStacked]: "SAP Connect",

package/dist/types/EventRibbon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventRibbon.js","sourceRoot":"","sources":["../../src/types/EventRibbon.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAEhZ,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,mDAA4B,CAAA;IAC5B,+CAAwB,CAAA;AAC1B,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,IAAK,qBAUJ;AAVD,WAAK,qBAAqB;IACxB,wCAAe,CAAA;IACf,oCAAW,CAAA;IACX,gDAAuB,CAAA;IACvB,sCAAa,CAAA;IACb,0CAAiB,CAAA;IACjB,sCAAa,CAAA;IACb,sCAAa,CAAA;IACb,wCAAe,CAAA;IACf,sCAAa,CAAA;AACf,CAAC,EAVI,qBAAqB,KAArB,qBAAqB,QAUzB;AAED,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,2DAAoC,CAAA;IACpC,0CAAmB,CAAA;IACnB,yDAAkC,CAAA;IAClC,wCAAiB,CAAA;IACjB,uDAAgC,CAAA;IAChC,kCAAW,CAAA;AACb,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B;AAUD,MAAM,CAAC,MAAM,aAAa,GAAwC;IAChE,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,aAAa;IAC5C,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,aAAa;IACnD,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE,cAAc;IAC9C,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,cAAc;IACrD,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,YAAY;IAC1C,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,YAAY;IACjD,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,SAAS;CACrC,CAAC","sourcesContent":["export const eventRibbonBackgroundColors = [\"Mango1\", \"Mango2\", \"Mango3\", \"Mango4\", \"Red1\", \"Red2\", \"Red3\", \"Red4\", \"Raspberry1\", \"Raspberry2\", \"Raspberry3\", \"Raspberry4\", \"Pink1\", \"Pink2\", \"Pink3\", \"Pink4\", \"Indigo1\", \"Indigo2\", \"Indigo3\", \"Indigo4\", \"Blue1\", \"Blue2\", \"Blue3\", \"Blue4\", \"Teal1\", \"Teal2\", \"Teal3\", \"Teal4\", \"Green1\", \"Green2\", \"Green3\", \"Green4\", \"Grey1\", \"Grey2\", \"Grey3\", \"Grey4\"];\n\nexport enum UDExEventRibbonIcon {\n  addCalendar = \"add-calendar\",\n  mediaPlay = \"media-play\"\n}\n\nexport enum UDExEventRibbonMode {\n  dark = \"dark\",\n  light = \"light\"\n}\n\nenum UDExEventRibbonColors {\n  Mango = \"Mango\",\n  Red = \"Red\",\n  Raspberry = \"Raspberry\",\n  Pink = \"Pink\",\n  Indigo = \"Indigo\",\n  Blue = \"Blue\",\n  Teal = \"Teal\",\n  Green = \"Green\",\n  Grey = \"Grey\",\n}\n\nexport enum UDExEventRibbonLogo {\n  sapphire = \"sapphire\",\n  sapphireStacked = \"sapphire-stacked\",\n  connect = \"connect\",\n  connectStacked = \"connect-stacked\",\n  teched = \"teched\",\n  techedStacked = \"teched-stacked\",\n  now = \"now\"\n}\n\nexport type UDExEventRibbonColorSheme = `${UDExEventRibbonColors}${1|2|3|4}`;\n\nexport type UDExEventRibbonLink = {\n  target: string,\n  url: string,\n  text: string,\n}\n\nexport const eventLogoText: Record<UDExEventRibbonLogo, string> = {\n  [UDExEventRibbonLogo.connect]: \"SAP Connect\",\n  [UDExEventRibbonLogo.connectStacked]: \"SAP Connect\",\n  [UDExEventRibbonLogo.sapphire]: \"SAP Sapphire\",\n  [UDExEventRibbonLogo.sapphireStacked]: \"SAP Sapphire\",\n  [UDExEventRibbonLogo.teched]: \"SAP TechEd\",\n  [UDExEventRibbonLogo.techedStacked]: \"SAP TechEd\",\n  [UDExEventRibbonLogo.now]: \"SAP Now\",\n};\n"]}
+{"version":3,"file":"EventRibbon.js","sourceRoot":"","sources":["../../src/types/EventRibbon.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAEhZ,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,mDAA4B,CAAA;IAC5B,+CAAwB,CAAA;AAC1B,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,2DAAoC,CAAA;IACpC,0CAAmB,CAAA;IACnB,yDAAkC,CAAA;IAClC,wCAAiB,CAAA;IACjB,uDAAgC,CAAA;IAChC,kCAAW,CAAA;AACb,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B;AAED,MAAM,CAAN,IAAY,yBAqCX;AArCD,WAAY,yBAAyB;IACnC,8CAAiB,CAAA;IACjB,0CAAa,CAAA;IACb,sDAAyB,CAAA;IACzB,4CAAe,CAAA;IACf,gDAAmB,CAAA;IACnB,4CAAe,CAAA;IACf,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,0CAAa,CAAA;IACb,sDAAyB,CAAA;IACzB,4CAAe,CAAA;IACf,gDAAmB,CAAA;IACnB,4CAAe,CAAA;IACf,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,0CAAa,CAAA;IACb,sDAAyB,CAAA;IACzB,4CAAe,CAAA;IACf,gDAAmB,CAAA;IACnB,4CAAe,CAAA;IACf,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,0CAAa,CAAA;IACb,sDAAyB,CAAA;IACzB,4CAAe,CAAA;IACf,gDAAmB,CAAA;IACnB,4CAAe,CAAA;IACf,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,4CAAe,CAAA;AACjB,CAAC,EArCW,yBAAyB,KAAzB,yBAAyB,QAqCpC;AAQD,MAAM,CAAC,MAAM,aAAa,GAAwC;IAChE,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,aAAa;IAC5C,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,aAAa;IACnD,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE,cAAc;IAC9C,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,cAAc;IACrD,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,YAAY;IAC1C,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,YAAY;IACjD,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,SAAS;CACrC,CAAC","sourcesContent":["export const eventRibbonBackgroundColors = [\"Mango1\", \"Mango2\", \"Mango3\", \"Mango4\", \"Red1\", \"Red2\", \"Red3\", \"Red4\", \"Raspberry1\", \"Raspberry2\", \"Raspberry3\", \"Raspberry4\", \"Pink1\", \"Pink2\", \"Pink3\", \"Pink4\", \"Indigo1\", \"Indigo2\", \"Indigo3\", \"Indigo4\", \"Blue1\", \"Blue2\", \"Blue3\", \"Blue4\", \"Teal1\", \"Teal2\", \"Teal3\", \"Teal4\", \"Green1\", \"Green2\", \"Green3\", \"Green4\", \"Grey1\", \"Grey2\", \"Grey3\", \"Grey4\"];\n\nexport enum UDExEventRibbonIcon {\n  addCalendar = \"add-calendar\",\n  mediaPlay = \"media-play\"\n}\n\nexport enum UDExEventRibbonMode {\n  dark = \"dark\",\n  light = \"light\"\n}\n\nexport enum UDExEventRibbonLogo {\n  sapphire = \"sapphire\",\n  sapphireStacked = \"sapphire-stacked\",\n  connect = \"connect\",\n  connectStacked = \"connect-stacked\",\n  teched = \"teched\",\n  techedStacked = \"teched-stacked\",\n  now = \"now\"\n}\n\nexport enum UDExEventRibbonColorSheme {\n  Mango1 = \"Mango1\",\n  Red1 = \"Red1\",\n  Raspberry1 = \"Raspberry1\",\n  Pink1 = \"Pink1\",\n  Indigo1 = \"Indigo1\",\n  Blue1 = \"Blue1\",\n  Teal1 = \"Teal1\",\n  Green1 = \"Green1\",\n  Grey1 = \"Grey1\",\n  Mango2 = \"Mango2\",\n  Red2 = \"Red2\",\n  Raspberry2 = \"Raspberry2\",\n  Pink2 = \"Pink2\",\n  Indigo2 = \"Indigo2\",\n  Blue2 = \"Blue2\",\n  Teal2 = \"Teal2\",\n  Green2 = \"Green2\",\n  Grey2 = \"Grey2\",\n  Mango3 = \"Mango3\",\n  Red3 = \"Red3\",\n  Raspberry3 = \"Raspberry3\",\n  Pink3 = \"Pink3\",\n  Indigo3 = \"Indigo3\",\n  Blue3 = \"Blue3\",\n  Teal3 = \"Teal3\",\n  Green3 = \"Green3\",\n  Grey3 = \"Grey3\",\n  Mango4 = \"Mango4\",\n  Red4 = \"Red4\",\n  Raspberry4 = \"Raspberry4\",\n  Pink4 = \"Pink4\",\n  Indigo4 = \"Indigo4\",\n  Blue4 = \"Blue4\",\n  Teal4 = \"Teal4\",\n  Green4 = \"Green4\",\n  Grey4 = \"Grey4\",\n}\n\nexport type UDExEventRibbonLink = {\n  target: string,\n  url: string,\n  text: string,\n}\n\nexport const eventLogoText: Record<UDExEventRibbonLogo, string> = {\n  [UDExEventRibbonLogo.connect]: \"SAP Connect\",\n  [UDExEventRibbonLogo.connectStacked]: \"SAP Connect\",\n  [UDExEventRibbonLogo.sapphire]: \"SAP Sapphire\",\n  [UDExEventRibbonLogo.sapphireStacked]: \"SAP Sapphire\",\n  [UDExEventRibbonLogo.teched]: \"SAP TechEd\",\n  [UDExEventRibbonLogo.techedStacked]: \"SAP TechEd\",\n  [UDExEventRibbonLogo.now]: \"SAP Now\",\n};\n"]}

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

@@ -632,26 +632,7 @@
         {
           "name": "background-color-scheme",
           "description": "Defines the solid background color.",
-          "values": [
-            { "name": "Mango1" },
-            { "name": "Mango2" },
-            { "name": "Mango3" },
-            { "name": "Mango4" },
-            { "name": "Red1" },
-            { "name": "Red2" },
-            { "name": "Red3" },
-            { "name": "Red4" },
-            { "name": "Raspberry1" },
-            { "name": "Raspberry2" },
-            { "name": "Raspberry3" },
-            { "name": "Raspberry4" },
-            { "name": "Pink1" },
-            { "name": "Pink2" },
-            { "name": "Pink3" },
-            { "name": "Pink4" },
-            { "name": "... 19 more ..." },
-            { "name": "Grey4" }
-          ]
+          "values": [{ "name": "UDExEventRibbonColorSheme" }]
         },
         {
           "name": "background-image",
@@ -1716,11 +1697,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.",
@@ -1775,6 +1751,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": "2.4.0",
+  "version": "2.4.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1326,7 +1326,7 @@
               "name": "background-color-scheme",
               "description": "Defines the solid background color.",
               "value": {
-                "type": "\"Mango1\" | \"Mango2\" | \"Mango3\" | \"Mango4\" | \"Red1\" | \"Red2\" | \"Red3\" | \"Red4\" | \"Raspberry1\" | \"Raspberry2\" | \"Raspberry3\" | \"Raspberry4\" | \"Pink1\" | \"Pink2\" | \"Pink3\" | \"Pink4\" | ... 19 more ... | \"Grey4\"",
+                "type": "UDExEventRibbonColorSheme",
                 "default": "\"Blue\""
               }
             },
@@ -1369,9 +1369,7 @@
               {
                 "name": "background-color-scheme",
                 "description": "Defines the solid background color.",
-                "value": {
-                  "type": "\"Mango1\" | \"Mango2\" | \"Mango3\" | \"Mango4\" | \"Red1\" | \"Red2\" | \"Red3\" | \"Red4\" | \"Raspberry1\" | \"Raspberry2\" | \"Raspberry3\" | \"Raspberry4\" | \"Pink1\" | \"Pink2\" | \"Pink3\" | \"Pink4\" | ... 19 more ... | \"Grey4\""
-                }
+                "value": { "type": "UDExEventRibbonColorSheme" }
               },
               {
                 "name": "background-image",
@@ -3380,11 +3378,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.",
@@ -3439,6 +3432,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": [
@@ -3471,11 +3469,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.",
@@ -3530,6 +3523,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,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/AssetsVariables.ts

@@ -25,8 +25,13 @@ const variablesOverwrite = `:root {
   ${getScopedVarName("--_ui5_calendar_header_padding")}: 0;
   ${getScopedVarName("--_ui5_calendar_left_right_padding")}: 0;
   ${getScopedVarName("--_ui5_calendar_top_bottom_padding")}: 0;
+  
+  /* Avatar */
+  [udex-avatar].dark {
+    ${getScopedVarName("--_ui5_avatar_outline")}: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle)  var(--udexColorNeutralWhite, #FFFFFF);
+  }
 
-  udex-search {
+  [udex-search] {
     ${getScopedVarName("--_ui5_button_pressed_focused_border_color")}: transparent;
   }
 

package/src/MastheadCountrySelector.hbs

@@ -9,6 +9,7 @@
                 @click="{{backToRegions}}"
                 label="{{_activeRegion?.title}}"
                 type="Button"
+                part="menu-item"
                 is-back
                 icon-start>
             </udex-masthead-menu-item>
@@ -35,6 +36,7 @@
                         url="{{this.url}}"
                         label="{{this.displayTitle}}"
                         index="{{@index}}"
+                        part="menu-item"
                         is-nav-item>
                     </udex-masthead-menu-item>
                 </li>
@@ -55,6 +57,7 @@
                         aria-has-popup="true"
                         accessible-role="button"
                         type="Button"
+                        part="menu-item"
                         is-nav-item
                         has-border
                         icon-end

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 @@ type UDExMastheadCountrySelectorRegionClickEventDetail = {
     countries: Array<Country>,
   },
   originalEvent: Event,
+  analyticsName: AnalyticsName,
+  sourceNode: HTMLElement,
 }
 
 type UDExMastheadCountrySelectorItemClickEventDetail = {
@@ -32,10 +34,13 @@ type UDExMastheadCountrySelectorItemClickEventDetail = {
     url: string,
   },
   originalEvent: Event,
+  analyticsName: AnalyticsName,
+  sourceNode: HTMLElement,
 }
 
 type UDExMastheadCountrySelectorSearchEventDetail = {
   value: string,
+  analyticsName: AnalyticsName,
 }
 
 export type Region = {
@@ -287,6 +292,7 @@ class UDExMastheadCountrySelector extends UI5Element {
     this._shouldFocusBackBtn = false;
     this.fireDecoratorEvent("country-selector-search", {
       value: e.detail.value,
+      analyticsName: AnalyticsName.Header,
     });
     this.refreshRendering();
   }
@@ -412,14 +418,16 @@ class UDExMastheadCountrySelector extends UI5Element {
   }
 
   fireEventRegionItemClick(e: CustomEvent | KeyboardEvent): void {
-    const { label } = e.target as UDExMastheadMenuItem;
+    const item = e.target as UDExMastheadMenuItem;
 
     this.fireDecoratorEvent("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,
     });
   }
 
@@ -434,6 +442,8 @@ class UDExMastheadCountrySelector extends UI5Element {
         url: url || "",
       },
       originalEvent: e,
+      analyticsName: AnalyticsName.Header,
+      sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
     });
   }