@sapudex/web-components 2.12.0 → 2.13.0

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

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

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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-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-12-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-13-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)}
 `;
 //# 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,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,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(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"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-12-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,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,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(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"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-13-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`"]}

package/dist/types/PromoTile.d.ts

@@ -1,4 +1,4 @@
-export declare enum UDExPromoTileColorSheme {
+export declare enum UDExPromoTileColorScheme {
     Grey1 = "Grey1",
     Grey2 = "Grey2",
     Grey7 = "Grey7",

package/dist/types/PromoTile.js

@@ -1,60 +1,60 @@
-export var UDExPromoTileColorSheme;
-(function (UDExPromoTileColorSheme) {
-    UDExPromoTileColorSheme["Grey1"] = "Grey1";
-    UDExPromoTileColorSheme["Grey2"] = "Grey2";
-    UDExPromoTileColorSheme["Grey7"] = "Grey7";
-    UDExPromoTileColorSheme["Grey8"] = "Grey8";
-    UDExPromoTileColorSheme["Grey9"] = "Grey9";
-    UDExPromoTileColorSheme["Grey10"] = "Grey10";
-    UDExPromoTileColorSheme["Blue1"] = "Blue1";
-    UDExPromoTileColorSheme["Blue2"] = "Blue2";
-    UDExPromoTileColorSheme["Blue7"] = "Blue7";
-    UDExPromoTileColorSheme["Blue8"] = "Blue8";
-    UDExPromoTileColorSheme["Blue9"] = "Blue9";
-    UDExPromoTileColorSheme["Blue10"] = "Blue10";
-    UDExPromoTileColorSheme["Teal1"] = "Teal1";
-    UDExPromoTileColorSheme["Teal2"] = "Teal2";
-    UDExPromoTileColorSheme["Teal7"] = "Teal7";
-    UDExPromoTileColorSheme["Teal8"] = "Teal8";
-    UDExPromoTileColorSheme["Teal9"] = "Teal9";
-    UDExPromoTileColorSheme["Teal10"] = "Teal10";
-    UDExPromoTileColorSheme["Green1"] = "Green1";
-    UDExPromoTileColorSheme["Green2"] = "Green2";
-    UDExPromoTileColorSheme["Green7"] = "Green7";
-    UDExPromoTileColorSheme["Green8"] = "Green8";
-    UDExPromoTileColorSheme["Green9"] = "Green9";
-    UDExPromoTileColorSheme["Green10"] = "Green10";
-    UDExPromoTileColorSheme["Mango1"] = "Mango1";
-    UDExPromoTileColorSheme["Mango2"] = "Mango2";
-    UDExPromoTileColorSheme["Mango7"] = "Mango7";
-    UDExPromoTileColorSheme["Mango8"] = "Mango8";
-    UDExPromoTileColorSheme["Mango9"] = "Mango9";
-    UDExPromoTileColorSheme["Mango10"] = "Mango10";
-    UDExPromoTileColorSheme["Red1"] = "Red1";
-    UDExPromoTileColorSheme["Red2"] = "Red2";
-    UDExPromoTileColorSheme["Red7"] = "Red7";
-    UDExPromoTileColorSheme["Red8"] = "Red8";
-    UDExPromoTileColorSheme["Red9"] = "Red9";
-    UDExPromoTileColorSheme["Red10"] = "Red10";
-    UDExPromoTileColorSheme["Raspberry1"] = "Raspberry1";
-    UDExPromoTileColorSheme["Raspberry2"] = "Raspberry2";
-    UDExPromoTileColorSheme["Raspberry7"] = "Raspberry7";
-    UDExPromoTileColorSheme["Raspberry8"] = "Raspberry8";
-    UDExPromoTileColorSheme["Raspberry9"] = "Raspberry9";
-    UDExPromoTileColorSheme["Raspberry10"] = "Raspberry10";
-    UDExPromoTileColorSheme["Pink1"] = "Pink1";
-    UDExPromoTileColorSheme["Pink2"] = "Pink2";
-    UDExPromoTileColorSheme["Pink7"] = "Pink7";
-    UDExPromoTileColorSheme["Pink8"] = "Pink8";
-    UDExPromoTileColorSheme["Pink9"] = "Pink9";
-    UDExPromoTileColorSheme["Pink10"] = "Pink10";
-    UDExPromoTileColorSheme["Indigo1"] = "Indigo1";
-    UDExPromoTileColorSheme["Indigo2"] = "Indigo2";
-    UDExPromoTileColorSheme["Indigo7"] = "Indigo7";
-    UDExPromoTileColorSheme["Indigo8"] = "Indigo8";
-    UDExPromoTileColorSheme["Indigo9"] = "Indigo9";
-    UDExPromoTileColorSheme["Indigo10"] = "Indigo10";
-})(UDExPromoTileColorSheme || (UDExPromoTileColorSheme = {}));
+export var UDExPromoTileColorScheme;
+(function (UDExPromoTileColorScheme) {
+    UDExPromoTileColorScheme["Grey1"] = "Grey1";
+    UDExPromoTileColorScheme["Grey2"] = "Grey2";
+    UDExPromoTileColorScheme["Grey7"] = "Grey7";
+    UDExPromoTileColorScheme["Grey8"] = "Grey8";
+    UDExPromoTileColorScheme["Grey9"] = "Grey9";
+    UDExPromoTileColorScheme["Grey10"] = "Grey10";
+    UDExPromoTileColorScheme["Blue1"] = "Blue1";
+    UDExPromoTileColorScheme["Blue2"] = "Blue2";
+    UDExPromoTileColorScheme["Blue7"] = "Blue7";
+    UDExPromoTileColorScheme["Blue8"] = "Blue8";
+    UDExPromoTileColorScheme["Blue9"] = "Blue9";
+    UDExPromoTileColorScheme["Blue10"] = "Blue10";
+    UDExPromoTileColorScheme["Teal1"] = "Teal1";
+    UDExPromoTileColorScheme["Teal2"] = "Teal2";
+    UDExPromoTileColorScheme["Teal7"] = "Teal7";
+    UDExPromoTileColorScheme["Teal8"] = "Teal8";
+    UDExPromoTileColorScheme["Teal9"] = "Teal9";
+    UDExPromoTileColorScheme["Teal10"] = "Teal10";
+    UDExPromoTileColorScheme["Green1"] = "Green1";
+    UDExPromoTileColorScheme["Green2"] = "Green2";
+    UDExPromoTileColorScheme["Green7"] = "Green7";
+    UDExPromoTileColorScheme["Green8"] = "Green8";
+    UDExPromoTileColorScheme["Green9"] = "Green9";
+    UDExPromoTileColorScheme["Green10"] = "Green10";
+    UDExPromoTileColorScheme["Mango1"] = "Mango1";
+    UDExPromoTileColorScheme["Mango2"] = "Mango2";
+    UDExPromoTileColorScheme["Mango7"] = "Mango7";
+    UDExPromoTileColorScheme["Mango8"] = "Mango8";
+    UDExPromoTileColorScheme["Mango9"] = "Mango9";
+    UDExPromoTileColorScheme["Mango10"] = "Mango10";
+    UDExPromoTileColorScheme["Red1"] = "Red1";
+    UDExPromoTileColorScheme["Red2"] = "Red2";
+    UDExPromoTileColorScheme["Red7"] = "Red7";
+    UDExPromoTileColorScheme["Red8"] = "Red8";
+    UDExPromoTileColorScheme["Red9"] = "Red9";
+    UDExPromoTileColorScheme["Red10"] = "Red10";
+    UDExPromoTileColorScheme["Raspberry1"] = "Raspberry1";
+    UDExPromoTileColorScheme["Raspberry2"] = "Raspberry2";
+    UDExPromoTileColorScheme["Raspberry7"] = "Raspberry7";
+    UDExPromoTileColorScheme["Raspberry8"] = "Raspberry8";
+    UDExPromoTileColorScheme["Raspberry9"] = "Raspberry9";
+    UDExPromoTileColorScheme["Raspberry10"] = "Raspberry10";
+    UDExPromoTileColorScheme["Pink1"] = "Pink1";
+    UDExPromoTileColorScheme["Pink2"] = "Pink2";
+    UDExPromoTileColorScheme["Pink7"] = "Pink7";
+    UDExPromoTileColorScheme["Pink8"] = "Pink8";
+    UDExPromoTileColorScheme["Pink9"] = "Pink9";
+    UDExPromoTileColorScheme["Pink10"] = "Pink10";
+    UDExPromoTileColorScheme["Indigo1"] = "Indigo1";
+    UDExPromoTileColorScheme["Indigo2"] = "Indigo2";
+    UDExPromoTileColorScheme["Indigo7"] = "Indigo7";
+    UDExPromoTileColorScheme["Indigo8"] = "Indigo8";
+    UDExPromoTileColorScheme["Indigo9"] = "Indigo9";
+    UDExPromoTileColorScheme["Indigo10"] = "Indigo10";
+})(UDExPromoTileColorScheme || (UDExPromoTileColorScheme = {}));
 export var UDExPromoTileMode;
 (function (UDExPromoTileMode) {
     UDExPromoTileMode["dark"] = "dark";

package/dist/types/PromoTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromoTile.js","sourceRoot":"","sources":["../../src/types/PromoTile.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,uBAuDX;AAvDD,WAAY,uBAAuB;IACjC,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,4CAAiB,CAAA;IACjB,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,4CAAiB,CAAA;IACjB,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,8CAAmB,CAAA;IACnB,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,4CAAiB,CAAA;IACjB,8CAAmB,CAAA;IACnB,wCAAa,CAAA;IACb,wCAAa,CAAA;IACb,wCAAa,CAAA;IACb,wCAAa,CAAA;IACb,wCAAa,CAAA;IACb,0CAAe,CAAA;IACf,oDAAyB,CAAA;IACzB,oDAAyB,CAAA;IACzB,oDAAyB,CAAA;IACzB,oDAAyB,CAAA;IACzB,oDAAyB,CAAA;IACzB,sDAA2B,CAAA;IAC3B,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,0CAAe,CAAA;IACf,4CAAiB,CAAA;IACjB,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,gDAAqB,CAAA;AACvB,CAAC,EAvDW,uBAAuB,KAAvB,uBAAuB,QAuDlC;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B","sourcesContent":["export enum UDExPromoTileColorSheme {\n  Grey1 = \"Grey1\",\n  Grey2 = \"Grey2\",\n  Grey7 = \"Grey7\",\n  Grey8 = \"Grey8\",\n  Grey9 = \"Grey9\",\n  Grey10 = \"Grey10\",\n  Blue1 = \"Blue1\",\n  Blue2 = \"Blue2\",\n  Blue7 = \"Blue7\",\n  Blue8 = \"Blue8\",\n  Blue9 = \"Blue9\",\n  Blue10 = \"Blue10\",\n  Teal1 = \"Teal1\",\n  Teal2 = \"Teal2\",\n  Teal7 = \"Teal7\",\n  Teal8 = \"Teal8\",\n  Teal9 = \"Teal9\",\n  Teal10 = \"Teal10\",\n  Green1 = \"Green1\",\n  Green2 = \"Green2\",\n  Green7 = \"Green7\",\n  Green8 = \"Green8\",\n  Green9 = \"Green9\",\n  Green10 = \"Green10\",\n  Mango1 = \"Mango1\",\n  Mango2 = \"Mango2\",\n  Mango7 = \"Mango7\",\n  Mango8 = \"Mango8\",\n  Mango9 = \"Mango9\",\n  Mango10 = \"Mango10\",\n  Red1 = \"Red1\",\n  Red2 = \"Red2\",\n  Red7 = \"Red7\",\n  Red8 = \"Red8\",\n  Red9 = \"Red9\",\n  Red10 = \"Red10\",\n  Raspberry1 = \"Raspberry1\",\n  Raspberry2 = \"Raspberry2\",\n  Raspberry7 = \"Raspberry7\",\n  Raspberry8 = \"Raspberry8\",\n  Raspberry9 = \"Raspberry9\",\n  Raspberry10 = \"Raspberry10\",\n  Pink1 = \"Pink1\",\n  Pink2 = \"Pink2\",\n  Pink7 = \"Pink7\",\n  Pink8 = \"Pink8\",\n  Pink9 = \"Pink9\",\n  Pink10 = \"Pink10\",\n  Indigo1 = \"Indigo1\",\n  Indigo2 = \"Indigo2\",\n  Indigo7 = \"Indigo7\",\n  Indigo8 = \"Indigo8\",\n  Indigo9 = \"Indigo9\",\n  Indigo10 = \"Indigo10\",\n}\n\nexport enum UDExPromoTileMode {\n  dark = \"dark\",\n  light = \"light\"\n}\n"]}
+{"version":3,"file":"PromoTile.js","sourceRoot":"","sources":["../../src/types/PromoTile.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,wBAuDX;AAvDD,WAAY,wBAAwB;IAClC,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,6CAAiB,CAAA;IACjB,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,6CAAiB,CAAA;IACjB,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,+CAAmB,CAAA;IACnB,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,6CAAiB,CAAA;IACjB,+CAAmB,CAAA;IACnB,yCAAa,CAAA;IACb,yCAAa,CAAA;IACb,yCAAa,CAAA;IACb,yCAAa,CAAA;IACb,yCAAa,CAAA;IACb,2CAAe,CAAA;IACf,qDAAyB,CAAA;IACzB,qDAAyB,CAAA;IACzB,qDAAyB,CAAA;IACzB,qDAAyB,CAAA;IACzB,qDAAyB,CAAA;IACzB,uDAA2B,CAAA;IAC3B,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,2CAAe,CAAA;IACf,6CAAiB,CAAA;IACjB,+CAAmB,CAAA;IACnB,+CAAmB,CAAA;IACnB,+CAAmB,CAAA;IACnB,+CAAmB,CAAA;IACnB,+CAAmB,CAAA;IACnB,iDAAqB,CAAA;AACvB,CAAC,EAvDW,wBAAwB,KAAxB,wBAAwB,QAuDnC;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B","sourcesContent":["export enum UDExPromoTileColorScheme {\n  Grey1 = \"Grey1\",\n  Grey2 = \"Grey2\",\n  Grey7 = \"Grey7\",\n  Grey8 = \"Grey8\",\n  Grey9 = \"Grey9\",\n  Grey10 = \"Grey10\",\n  Blue1 = \"Blue1\",\n  Blue2 = \"Blue2\",\n  Blue7 = \"Blue7\",\n  Blue8 = \"Blue8\",\n  Blue9 = \"Blue9\",\n  Blue10 = \"Blue10\",\n  Teal1 = \"Teal1\",\n  Teal2 = \"Teal2\",\n  Teal7 = \"Teal7\",\n  Teal8 = \"Teal8\",\n  Teal9 = \"Teal9\",\n  Teal10 = \"Teal10\",\n  Green1 = \"Green1\",\n  Green2 = \"Green2\",\n  Green7 = \"Green7\",\n  Green8 = \"Green8\",\n  Green9 = \"Green9\",\n  Green10 = \"Green10\",\n  Mango1 = \"Mango1\",\n  Mango2 = \"Mango2\",\n  Mango7 = \"Mango7\",\n  Mango8 = \"Mango8\",\n  Mango9 = \"Mango9\",\n  Mango10 = \"Mango10\",\n  Red1 = \"Red1\",\n  Red2 = \"Red2\",\n  Red7 = \"Red7\",\n  Red8 = \"Red8\",\n  Red9 = \"Red9\",\n  Red10 = \"Red10\",\n  Raspberry1 = \"Raspberry1\",\n  Raspberry2 = \"Raspberry2\",\n  Raspberry7 = \"Raspberry7\",\n  Raspberry8 = \"Raspberry8\",\n  Raspberry9 = \"Raspberry9\",\n  Raspberry10 = \"Raspberry10\",\n  Pink1 = \"Pink1\",\n  Pink2 = \"Pink2\",\n  Pink7 = \"Pink7\",\n  Pink8 = \"Pink8\",\n  Pink9 = \"Pink9\",\n  Pink10 = \"Pink10\",\n  Indigo1 = \"Indigo1\",\n  Indigo2 = \"Indigo2\",\n  Indigo7 = \"Indigo7\",\n  Indigo8 = \"Indigo8\",\n  Indigo9 = \"Indigo9\",\n  Indigo10 = \"Indigo10\",\n}\n\nexport enum UDExPromoTileMode {\n  dark = \"dark\",\n  light = \"light\"\n}\n"]}

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

@@ -1180,7 +1180,7 @@
     },
     {
       "name": "udex-hero-banner",
-      "description": "\n\n\n---\n\n\n\n\n### **Slots:**\n - **content** - Slot for primary content.\n- **additionalContent** - Slot for any additional content.\n- **backgroundPicture** - Slot background picture override.",
+      "description": "\n\n\n---\n\n\n\n\n### **Slots:**\n - **content** - Slot for primary content.\n- **mediaContent** - Slot for image or video content.\n- **additionalContent** - Slot for any additional content.\n- **backgroundPicture** - Slot background picture override.",
       "attributes": [
         {
           "name": "background-image",
@@ -2508,7 +2508,7 @@
         {
           "name": "color-scheme",
           "description": "Defines the color scheme of the Promo Tile.",
-          "values": [{ "name": "UDExPromoTileColorSheme" }]
+          "values": [{ "name": "UDExPromoTileColorScheme" }]
         },
         {
           "name": "accessible-name",

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.12.0",
+  "version": "2.13.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2709,7 +2709,7 @@
         },
         {
           "name": "udex-hero-banner",
-          "description": "\n---\n\n\n### **Slots:**\n - **content** - Slot for primary content.\n- **additionalContent** - Slot for any additional content.\n- **backgroundPicture** - Slot background picture override.",
+          "description": "\n---\n\n\n### **Slots:**\n - **content** - Slot for primary content.\n- **mediaContent** - Slot for image or video content.\n- **additionalContent** - Slot for any additional content.\n- **backgroundPicture** - Slot background picture override.",
           "doc-url": "",
           "attributes": [
             {
@@ -2750,6 +2750,10 @@
           ],
           "slots": [
             { "name": "content", "description": "Slot for primary content." },
+            {
+              "name": "mediaContent",
+              "description": "Slot for image or video content."
+            },
             {
               "name": "additionalContent",
               "description": "Slot for any additional content."
@@ -5395,52 +5399,61 @@
             {
               "name": "orientation",
               "description": "Defines the orientation of the Promo Tile component.",
-              "value": { "type": "\"Vertical\" | \"Horizontal\"" }
+              "value": {
+                "type": "\"Vertical\" | \"Horizontal\"",
+                "default": "\"Vertical\""
+              }
             },
             {
               "name": "icon",
               "description": "Defines the UI5 icon name in the pictogram section.",
-              "value": { "type": "string | undefined" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "image-label",
               "description": "Defines the image aria label and alt in the pictogram section.",
-              "value": { "type": "string | undefined" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "logo-url",
               "description": "Defines the logo URL in the pictogram section.",
-              "value": { "type": "string | undefined" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "header",
               "description": "Defines the header text of the promo tile.",
-              "value": { "type": "string | undefined" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "eyebrow",
               "description": "Defines the eyebrow text of the promo tile.",
-              "value": { "type": "string | undefined" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "button",
               "description": "Defines the CTA button label",
-              "value": { "type": "string | undefined" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "button-design",
               "description": "Defines the CTA button design",
-              "value": { "type": "UDExButtonDesign | undefined" }
+              "value": {
+                "type": "UDExButtonDesign | undefined",
+                "default": "\"\""
+              }
             },
             {
               "name": "color-scheme",
               "description": "Defines the color scheme of the Promo Tile.",
-              "value": { "type": "UDExPromoTileColorSheme | undefined" }
+              "value": {
+                "type": "UDExPromoTileColorScheme | undefined",
+                "default": "\"\""
+              }
             },
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the component.",
-              "value": { "type": "string | undefined" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             }
           ],
           "slots": [
@@ -5500,7 +5513,7 @@
               {
                 "name": "color-scheme",
                 "description": "Defines the color scheme of the Promo Tile.",
-                "value": { "type": "UDExPromoTileColorSheme | undefined" }
+                "value": { "type": "UDExPromoTileColorScheme | undefined" }
               },
               {
                 "name": "accessible-name",

package/package.json

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

package/src/EventRibbonTemplate.tsx

@@ -3,6 +3,7 @@ import type UDExEventRibbon from "./EventRibbon.js";
 
 export default function EventRibbonTemplate(this: UDExEventRibbon) {
   const rootClass = "udex-event-ribbon";
+  const logoClass = this.customEventLogo?.length ? `${rootClass}__logo-img ${rootClass}__custom-logo` : `${rootClass}__logo-img`;
   const { text, target, url } = this._eventLink;
   return (
     <a
@@ -17,7 +18,7 @@ export default function EventRibbonTemplate(this: UDExEventRibbon) {
       href={url}
       title={text}>
       <div class={`${rootClass}__logo`}>
-        <img class={`${rootClass}__logo-img`} src={this.eventLogoPath} alt={this.eventLogoAlt}/>
+        <img class={`${logoClass}`} src={this.eventLogoPath} alt={this.eventLogoAlt}/>
       </div>
       {this.eventText && <p class={`${rootClass}__text`}>{this.eventText}</p>}
       <div class={`${rootClass}__link-container`}>

package/src/HeroBanner.hbs

@@ -33,6 +33,9 @@
     </div>
   {{/if}}
 </div>
+{{#if hasMediaContent}}
+  <slot id="udex-hero-banner__mediaContent" name="mediaContent" part="mediaContent"></slot>
+{{/if}}
 
 {{#*inline "hero-content"}}
     <slot id="udex-hero-banner__content" name="content" part="content"></slot>

package/src/HeroBanner.ts

@@ -111,6 +111,15 @@ class UDExHeroBanner extends UI5Element {
   @slot()
     content?: Array<HTMLElement>;
 
+  /**
+   * Slot for image or video content.
+   *
+   * @slot
+   * @public
+   */
+  @slot()
+    mediaContent?: Array<HTMLElement>;
+
   /**
    * Slot for any additional content.
    *
@@ -157,6 +166,11 @@ class UDExHeroBanner extends UI5Element {
     }
     return heroBannerClasses.join(" ");
   }
+
+  get hasMediaContent() {
+    return !!this.mediaContent?.length;
+  }
+
   get hasAdditionalContent() {
     return !!this.additionalContent?.length;
   }

package/src/MastheadItem.ts

@@ -401,7 +401,7 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
 
   handleItemClick(e: PointerEvent): void {
     if (this.isProfileBtn) {
-      this.profileSlot.closeIdentitiesPanel();
+      this.profileSlot?.closeIdentitiesPanel();
     }
     this.handleSelectedChange();
     this.fireItemClickEvent(e);

package/src/PromoTile.ts

@@ -15,7 +15,7 @@ import { BreakpointUtils } from "./utils/Breakpoints.js";
 import type UDExButton from "./Button.js";
 import UDExButtonSize from "./types/ButtonSize.js";
 import UDExButtonDesign from "./types/ButtonDesign.js";
-import { UDExPromoTileColorSheme, UDExPromoTileMode } from "./types/PromoTile.js";
+import { UDExPromoTileColorScheme, UDExPromoTileMode } from "./types/PromoTile.js";
 
 // Styles
 import PromoTileCss from "./generated/themes/PromoTile.css.js";
@@ -74,18 +74,16 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the orientation of the Promo Tile component.
    *
-   * @type {string}
-   * @defaultvalue "Vertical"
+   * @default "Vertical"
    * @public
    */
-  @property({ type: String })
+  @property()
     orientation: `${UDExOrientation}` = UDExOrientation.Vertical;
 
   /**
    * Defines the UI5 icon name in the pictogram section.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -94,8 +92,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the image aria label and alt in the pictogram section.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -104,8 +101,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the logo URL in the pictogram section.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -114,8 +110,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the header text of the promo tile.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -124,8 +119,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the eyebrow text of the promo tile.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -134,8 +128,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the CTA button label
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -144,28 +137,25 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the CTA button design
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
-  @property({ type: String })
+  @property()
     buttonDesign?: UDExButtonDesign;
 
   /**
    * Defines the color scheme of the Promo Tile.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
-  @property({ type: String })
-    colorScheme?: UDExPromoTileColorSheme;
+  @property()
+    colorScheme?: UDExPromoTileColorScheme;
 
   /**
    * Defines the accessible name of the component.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -247,7 +237,7 @@ class UDExPromoTile extends UI5Element {
 
   checkEyebrowColor(colorScheme: string): string {
     const number = this.getColorNumber(colorScheme);
-    let color: string = UDExPromoTileColorSheme.Blue8;
+    let color: string = UDExPromoTileColorScheme.Blue8;
 
     if (number === 7) {
       color = "NeutralWhite";

package/src/Search.ts

@@ -896,7 +896,7 @@ class UDExSearch extends UI5Element {
     if (Suggestion) {
       this.Suggestion = new Suggestion(this);
     } else {
-      throw new Error("You have to import '@sapudex/webcomponents/dist/features/SearchSuggestionsPopover.js' module to use udex-search suggestions");
+      throw new Error("You have to import '@sapudex/web-components/dist/features/SearchSuggestionsPopover.js' module to use udex-search suggestions");
     }
   }
 

package/src/generated/templates/HeroBannerTemplate.lit.ts

@@ -5,7 +5,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type HeroBanner from "../../HeroBanner.js";
 import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
-function block0 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="${ifDefined(this.heroBannerClasses)}" part="wrapper" style="background-color: ${ifDefined(this.wrapperBackgroundColor)}; ${ifDefined(this.wrapperBackgroundImage)}">${ this.hasBackgroundVideo ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }</div> `;}
+function block0 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="${ifDefined(this.heroBannerClasses)}" part="wrapper" style="background-color: ${ifDefined(this.wrapperBackgroundColor)}; ${ifDefined(this.wrapperBackgroundImage)}">${ this.hasBackgroundVideo ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }</div>${ this.hasMediaContent ? block8.call(this, context, tags, suffix) : undefined } `;}
 function block1 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="${this._handleKeydown}"><video ?autoplay="${this.shouldVideoAutoplay}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="${ifDefined(this.backgroundVideoLabel)}"><source src="${ifDefined(this.backgroundVideo)}" type="video/mp4" /></video><div class="udex-hero-banner__background-video-overlay"></div>${ this.hasBackgroundImage ? block2.call(this, context, tags, suffix) : undefined }<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot><slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot></div><button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="${this._toggleMediaButton}"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.mediaButtonIconName)}"></${scopeTag("ui5-icon", tags, suffix)}></button></div>` : html`<div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="${this._handleKeydown}"><video ?autoplay="${this.shouldVideoAutoplay}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="${ifDefined(this.backgroundVideoLabel)}"><source src="${ifDefined(this.backgroundVideo)}" type="video/mp4" /></video><div class="udex-hero-banner__background-video-overlay"></div>${ this.hasBackgroundImage ? block2.call(this, context, tags, suffix) : undefined }<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot><slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot></div><button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="${this._toggleMediaButton}"><ui5-icon name="${ifDefined(this.mediaButtonIconName)}"></ui5-icon></button></div>`;}
 function block2 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<picture><img loading="${ifDefined(this.backgroundImageLoadingStrategy)}" src="${ifDefined(this.backgroundImage)}" part="background-image" class="udex-hero-banner__background-image" alt="${ifDefined(this.backgroundImageLabel)}" /></picture>`;}
 function block3 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-hero-banner__container">${ this.hasCustomBackgroundPicture ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot>${ this.hasAdditionalContent ? block7.call(this, context, tags, suffix) : undefined }</div></div>`;}
@@ -13,6 +13,7 @@ function block4 (this: HeroBanner, context: UI5Element, tags: string[], suffix:
 function block5 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasBackgroundImage ? block6.call(this, context, tags, suffix) : undefined }`;}
 function block6 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<picture><img loading="${ifDefined(this.backgroundImageLoadingStrategy)}" src="${ifDefined(this.backgroundImage)}" part="background-image" class="udex-hero-banner__background-image" alt="${ifDefined(this.backgroundImageLabel)}" /></picture>`;}
 function block7 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot>`;}
+function block8 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot id="udex-hero-banner__mediaContent" name="mediaContent" part="mediaContent"></slot>`;}
 
 function template(this: HeroBanner) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
 export default template;