@sapudex/web-components 2.30.0 → 2.31.0

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-30-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-31-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-30-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-31-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/messagebundle.properties

@@ -166,6 +166,9 @@ READ_ONLY=Read only
 #Aria label text for Masthead main navigation
 MAIN_LINKS=main links
 
+#Aria label text for Masthead back to region list button
+BACK_TO_REGION_LIST=back to region list
+
 #Text for link opens in new window
 OPENS_IN_A_NEW_WINDOW=opens in a new window
 

package/dist/messagebundle_en.properties

@@ -6,6 +6,7 @@ UNSELECTED=Unselected
 INDETERMINATE=Indeterminate
 EDIT_BUTTON=Edit
 DELETE_BUTTON=Delete
+BACK_TO_REGION_LIST=back to region list
 BUTTON_ARIA_TYPE_PRIMARY=Primary
 BUTTON_ARIA_TYPE_SECONDARY=Secondary
 BUTTON_ARIA_TYPE_TERTIARY=Tertiary

package/dist/types/List.d.ts

@@ -6,8 +6,6 @@ export declare enum UDExListMode {
 }
 export declare enum UDExListStyleType {
     None = "None",
-    Circle = "Circle",
-    Number = "Number",
     Icon = "Icon"
 }
 export declare enum UDExListItemSize {

package/dist/types/List.js

@@ -8,8 +8,6 @@ export var UDExListMode;
 export var UDExListStyleType;
 (function (UDExListStyleType) {
     UDExListStyleType["None"] = "None";
-    UDExListStyleType["Circle"] = "Circle";
-    UDExListStyleType["Number"] = "Number";
     UDExListStyleType["Icon"] = "Icon";
 })(UDExListStyleType || (UDExListStyleType = {}));
 export var UDExListItemSize;

package/dist/types/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/types/List.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,6CAA6B,CAAA;IAC7B,2CAA2B,CAAA;IAC3B,+CAA+B,CAAA;IAC/B,yCAAyB,CAAA;AAC3B,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,sCAAiB,CAAA;IACjB,sCAAiB,CAAA;IACjB,kCAAa,CAAA;AACf,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,yCAAqB,CAAA;IACrB,mCAAe,CAAA;AACjB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,uBAMX;AAND,WAAY,uBAAuB;IACjC,wCAAa,CAAA;IACb,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,0CAAe,CAAA;IACf,sDAA2B,CAAA;AAC7B,CAAC,EANW,uBAAuB,KAAvB,uBAAuB,QAMlC;AAED,MAAM,CAAN,IAAY,yBAKX;AALD,WAAY,yBAAyB;IACnC,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,wCAAW,CAAA;IACX,gDAAmB,CAAA;AACrB,CAAC,EALW,yBAAyB,KAAzB,yBAAyB,QAKpC","sourcesContent":["export enum UDExListMode {\n  SingleSelect = \"SingleSelect\",\n  MultiSelect = \"MultiSelect\",\n  SingleContent = \"SingleContent\",\n  RadioGroup = \"RadioGroup\",\n}\n\nexport enum UDExListStyleType {\n  None = \"None\",\n  Circle = \"Circle\",\n  Number = \"Number\",\n  Icon = \"Icon\",\n}\n\nexport enum UDExListItemSize {\n  Standard = \"Standard\",\n  Large = \"Large\",\n}\n\nexport enum UDExAdditionalTextState {\n  None = \"None\",\n  Success = \"Success\",\n  Warning = \"Warning\",\n  Error = \"Error\",\n  Information = \"Information\",\n}\n\nexport enum UDExScrollIntoViewOptions {\n  Start = \"Start\",\n  Center = \"Center\",\n  End = \"End\",\n  Nearest = \"Nearest\",\n}\n"]}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/types/List.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,6CAA6B,CAAA;IAC7B,2CAA2B,CAAA;IAC3B,+CAA+B,CAAA;IAC/B,yCAAyB,CAAA;AAC3B,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,kCAAa,CAAA;AACf,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,yCAAqB,CAAA;IACrB,mCAAe,CAAA;AACjB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,uBAMX;AAND,WAAY,uBAAuB;IACjC,wCAAa,CAAA;IACb,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,0CAAe,CAAA;IACf,sDAA2B,CAAA;AAC7B,CAAC,EANW,uBAAuB,KAAvB,uBAAuB,QAMlC;AAED,MAAM,CAAN,IAAY,yBAKX;AALD,WAAY,yBAAyB;IACnC,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,wCAAW,CAAA;IACX,gDAAmB,CAAA;AACrB,CAAC,EALW,yBAAyB,KAAzB,yBAAyB,QAKpC","sourcesContent":["export enum UDExListMode {\n  SingleSelect = \"SingleSelect\",\n  MultiSelect = \"MultiSelect\",\n  SingleContent = \"SingleContent\",\n  RadioGroup = \"RadioGroup\",\n}\n\nexport enum UDExListStyleType {\n  None = \"None\",\n  Icon = \"Icon\",\n}\n\nexport enum UDExListItemSize {\n  Standard = \"Standard\",\n  Large = \"Large\",\n}\n\nexport enum UDExAdditionalTextState {\n  None = \"None\",\n  Success = \"Success\",\n  Warning = \"Warning\",\n  Error = \"Error\",\n  Information = \"Information\",\n}\n\nexport enum UDExScrollIntoViewOptions {\n  Start = \"Start\",\n  Center = \"Center\",\n  End = \"End\",\n  Nearest = \"Nearest\",\n}\n"]}

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

@@ -988,12 +988,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -1066,12 +1061,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -1148,12 +1138,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -1594,12 +1579,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "height",
@@ -1691,12 +1671,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -1773,12 +1748,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -1923,12 +1893,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -2000,12 +1965,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -2082,12 +2042,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -2598,7 +2553,11 @@
         {
           "name": "display",
           "description": "Define display purpose.",
-          "values": [{ "name": "desktop" }, { "name": "mobile" }]
+          "values": [
+            { "name": "desktop" },
+            { "name": "mobile" },
+            { "name": "auto" }
+          ]
         },
         {
           "name": "current-page-index",
@@ -2778,6 +2737,11 @@
       "name": "udex-promo-tile",
       "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-promo-tile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **default** - Defines the text content of the Promo Tile.\n- **pictogram** - Defines the custom pictogram of the Promo Tile.",
       "attributes": [
+        {
+          "name": "background-gradient",
+          "description": "Allows control over setting the CSS gradient.",
+          "values": []
+        },
         {
           "name": "orientation",
           "description": "Defines the orientation of the Promo Tile component.",
@@ -3456,12 +3420,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -3549,12 +3508,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",
@@ -3631,12 +3585,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "collapsible",

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.30.0",
+  "version": "2.31.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2097,10 +2097,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -2187,9 +2184,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",
@@ -2281,10 +2276,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -2367,9 +2359,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",
@@ -2462,10 +2452,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -2555,9 +2542,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",
@@ -3596,10 +3581,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "height",
@@ -3658,9 +3640,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "height",
@@ -3760,10 +3740,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -3857,9 +3834,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",
@@ -4018,10 +3993,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -4172,9 +4144,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",
@@ -4275,10 +4245,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -4372,9 +4339,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",
@@ -5728,7 +5693,7 @@
               "name": "display",
               "description": "Define display purpose.",
               "value": {
-                "type": "\"desktop\" | \"mobile\"",
+                "type": "\"desktop\" | \"mobile\" | \"auto\"",
                 "default": "\"desktop\""
               }
             },
@@ -5759,7 +5724,7 @@
               {
                 "name": "display",
                 "description": "Define display purpose.",
-                "value": { "type": "\"desktop\" | \"mobile\"" }
+                "value": { "type": "\"desktop\" | \"mobile\" | \"auto\"" }
               },
               {
                 "name": "current-page-index",
@@ -6115,6 +6080,11 @@
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-promo-tile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n---\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **default** - Defines the text content of the Promo Tile.\n- **pictogram** - Defines the custom pictogram of the Promo Tile.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "background-gradient",
+              "description": "Allows control over setting the CSS gradient.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "orientation",
               "description": "Defines the orientation of the Promo Tile component.",
@@ -6193,6 +6163,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "background-gradient",
+                "description": "Allows control over setting the CSS gradient.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "orientation",
                 "description": "Defines the orientation of the Promo Tile component.",
@@ -7371,10 +7346,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -7464,9 +7436,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",
@@ -7567,10 +7537,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -7666,9 +7633,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",
@@ -7761,10 +7726,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "collapsible",
@@ -7854,9 +7816,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "collapsible",

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.30.0",
+  "version": "2.31.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -58,6 +58,7 @@
     "wdio-chromedriver-service": "^8.1.1",
     "webdriverio": "^8.16.12"
   },
+  "types": "./dist",
   "repository": {
     "type": "git",
     "url": "https://github.tools.sap/sapudex/digital-design-system",

package/src/Breadcrumbs.ts

@@ -7,8 +7,6 @@ import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import { isTabNext, isTabPrevious, isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
 import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
 import type { LinkClickEventDetail } from "@ui5/webcomponents/dist/Link.js";
-import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
-import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import UI5BreadcrumbsCss from "@ui5/webcomponents/dist/generated/themes/Breadcrumbs.css.js";
@@ -122,7 +120,6 @@ class UDExBreadcrumbs extends UI5Element {
   static i18nBundle: I18nBundle;
 
   _responsivePopover?: UDExDropdown;
-  _itemNavigation?: ItemNavigation;
   _shouldFocusFirstVisibleItem!: boolean;
   _rootClass: string;
 
@@ -137,7 +134,6 @@ class UDExBreadcrumbs extends UI5Element {
 
   onAfterRendering(): void {
     this._responsivePopover = this._getResponsePopover();
-    this._initItemNavigation();
     this._dropdownArrowLink.forcedTabIndex = "0";
     this._handleOutsideClick();
 
@@ -164,15 +160,6 @@ class UDExBreadcrumbs extends UI5Element {
     return items;
   }
 
-  _initItemNavigation(): void {
-    if (!this._itemNavigation) {
-      this._itemNavigation = new ItemNavigation(this, {
-        navigationMode: NavigationMode.Horizontal,
-        getItemsCallback: () => this._getFocusableItems(),
-      });
-    }
-  }
-
   _getItems(): Array<UDExBreadcrumbsItem> {
     return this.getSlottedNodes<UDExBreadcrumbsItem>("items");
   }
@@ -239,12 +226,6 @@ class UDExBreadcrumbs extends UI5Element {
     }
   }
 
-  _onfocusin(e: FocusEvent): void {
-    const currentItem = e.target as UDExLink;
-
-    this._itemNavigation?.setCurrentItem(currentItem);
-  }
-
   _handleKeydown(e: KeyboardEvent): void {
     const itemIndex = (e.target as HTMLElement).getAttribute("data-index");
     const isLastItem = itemIndex === (this.items.length - 2).toString();
@@ -256,7 +237,14 @@ class UDExBreadcrumbs extends UI5Element {
       return;
     }
 
-    if ((isTabNext(e) && isLastItem) || (isTabPrevious(e) && isFirstItem) || isEscape(e)) {
+    if (isTabPrevious(e) && isFirstItem) {
+      e.preventDefault();
+      this._dropdownArrowLink.focus();
+      this._toggleDropdown();
+      return;
+    }
+
+    if (isEscape(e)) {
       this._toggleDropdown();
     }
   }