@sapudex/web-components 2.17.0 → 2.17.1

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "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-17-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-17-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
 `;
 //# sourceMappingURL=Slider.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,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-17-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-17-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}

package/dist/messagebundle.properties

@@ -202,6 +202,7 @@ SITE_INFORMATION=Site Information
 SEE_COMPLETE_LIST=Or see our complete list of
 LOCAL_COUNTRY_NAMES=local country numbers
 COPYRIGHT=© {0} SAP SE or an SAP affiliate company. All rights reserved.
+BACK_TO_TOP=Back to top
 PUBLIC_SECURITY_NETWORK_NUMBER=
 ICP_NUMBER=
 

package/dist/messagebundle_ar.properties

@@ -2,3 +2,4 @@ COPYRIGHT=حقوق النشر © {0} لشركة SAP SE أو إحدى الشرك
 OVERVIEW=نظرة عامة
 LOGOUT=تسجيل الخروج
 MAIN_LINKS=الارتباطات الرئيسية
+BACK_TO_TOP=العودة لأعلى

package/dist/messagebundle_bg.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE или филиал на SAP. Всички права з
 OVERVIEW=Преглед
 LOGOUT=Изход
 MAIN_LINKS=Основни връзки
+BACK_TO_TOP=Обратно най-горе

package/dist/messagebundle_cs.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE či přidružená společnost SAP. Všechna práva vyhra
 OVERVIEW=Přehled
 LOGOUT=Odhlásit se
 MAIN_LINKS=Hlavní odkazy
+BACK_TO_TOP=Zpět na začátek

package/dist/messagebundle_da.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE eller en tilknyttet SAP-virksomhed. Alle rettigheder for
 OVERVIEW=Oversigt
 LOGOUT=Log af
 MAIN_LINKS=Hovedlinks
+BACK_TO_TOP=Tilbage til toppen

package/dist/messagebundle_de.properties

@@ -9,3 +9,4 @@ COPYRIGHT=© {0} SAP SE oder ein SAP-Konzernunternehmen. Alle Rechte vorbehalten
 OVERVIEW=Übersicht
 LOGOUT=Abmelden
 MAIN_LINKS=Hauptlinks
+BACK_TO_TOP=Zum Seitenanfang

package/dist/messagebundle_el.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE ή θυγατρική εταιρία της SAP. Με τ
 OVERVIEW=Επισκόπηση
 LOGOUT=Αποσύνδεση
 MAIN_LINKS=Κύριοι σύνδεσμοι
+BACK_TO_TOP=Επιστροφή στην αρχή

package/dist/messagebundle_en.properties

@@ -124,3 +124,4 @@ RESULT_RETURNED=results returned.
 SOCIAL_MEDIA_BUTTON=Social Media Button
 PROMO_TILE=Promo Tile
 PROMO_TILE_ICON=Promo Tile Icon
+BACK_TO_TOP=Back to top

package/dist/messagebundle_es.properties

@@ -9,3 +9,4 @@ COPYRIGHT=© {0} SAP SE o una empresa afiliada de SAP. Todos los derechos reserv
 OVERVIEW=Generalidades
 LOGOUT=Cerrar sesión
 MAIN_LINKS=Enlaces principales
+BACK_TO_TOP=Volver al inicio

package/dist/messagebundle_et.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE või SAP sidusettevõte. Kõik õigused on kaitstud.
 OVERVIEW=Ülevaade
 LOGOUT=Logi välja
 MAIN_LINKS=Põhilingid
+BACK_TO_TOP=Tagasi algusse

package/dist/messagebundle_fi.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE tai SAP:n tytäryhtiö. Kaikki oikeudet pidätetään.
 OVERVIEW=Yleiskatsaus
 LOGOUT=Kirjaudu ulos
 MAIN_LINKS=Tärkeimmät linkit
+BACK_TO_TOP=Takaisin alkuun

package/dist/messagebundle_fr.properties

@@ -9,3 +9,4 @@ COPYRIGHT=© {0} SAP SE ou société affiliée SAP. Tous droits réservés.
 OVERVIEW=Vue d''ensemble
 LOGOUT=Se déconnecter
 MAIN_LINKS=Liens principaux
+BACK_TO_TOP=Haut de page

package/dist/messagebundle_hr.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE ili povezano poduzeće SAP-a. Sva prava pridržana.
 OVERVIEW=Pregled
 LOGOUT=Odjavi se
 MAIN_LINKS=Glavne veze
+BACK_TO_TOP=Povratak na vrh

package/dist/messagebundle_hu.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE vagy az SAP kapcsolódó vállalata. Minden jog fenntart
 OVERVIEW=Áttekintés
 LOGOUT=Logout
 MAIN_LINKS=Főbb hivatkozások
+BACK_TO_TOP=Az oldal tetejére

package/dist/messagebundle_it.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE o società affiliate SAP. Tutti i diritti riservati.
 OVERVIEW=Panoramica
 LOGOUT=Logout
 MAIN_LINKS=Link principali
+BACK_TO_TOP=Torna all''inizio

package/dist/messagebundle_iw.properties

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

package/dist/messagebundle_ja.properties

@@ -0,0 +1,5 @@
+COPYRIGHT=© {0} SAP SE or an SAP affiliate company. All rights reserved.
+OVERVIEW=概要
+LOGOUT=ログアウト
+MAIN_LINKS=メインリンク
+BACK_TO_TOP=先頭に戻る

package/dist/messagebundle_ko.properties

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

package/dist/messagebundle_lt.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE arba SAP asocijuotoji įmonė. Visos teisės saugomos.
 OVERVIEW=Apžvalga
 LOGOUT=Atsijungti
 MAIN_LINKS=Pagrindinės nuorodos
+BACK_TO_TOP=Grįžti aukštyn

package/dist/messagebundle_lv.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE vai ar SAP saistīts uzņēmums. Visas tiesības paturē
 OVERVIEW=Apskats
 LOGOUT=Iziet
 MAIN_LINKS=Galvenās saites
+BACK_TO_TOP=Atpakaļ uz sākumu

package/dist/messagebundle_nl.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE of een aan SAP gelieerde onderneming. Alle rechten voorb
 OVERVIEW=Overzicht
 LOGOUT=Afmelden
 MAIN_LINKS=Belangrijkste links
+BACK_TO_TOP=Terug naar boven

package/dist/messagebundle_no.properties

@@ -2,3 +2,5 @@ COPYRIGHT=© {0} SAP SE eller et datterselskap av SAP. Med enerett.
 OVERVIEW=Oversikt
 LOGOUT=Logg av
 MAIN_LINKS=Hovedkoblinger
+BACK_TO_TOP=Tilbake til toppen
+

package/dist/messagebundle_pl.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE lub podmiot powiązany SAP. Wszelkie prawa zastrzeżone.
 OVERVIEW=Przegląd
 LOGOUT=Wyloguj się
 MAIN_LINKS=Główne łącza
+BACK_TO_TOP=Powrót do góry

package/dist/messagebundle_pt.properties

@@ -1,4 +1,6 @@
-COPYRIGHT=© {0} SAP SE ou uma empresa associada da SAP. Todos os direitos reservados.
-OVERVIEW=Visão geral
+# Portuguese - Brasil
+COPYRIGHT=© {0} SAP SE ou empresa afiliada SAP. Todos os direitos reservados.
+OVERVIEW=Síntese
 LOGOUT=Sair
-MAIN_LINKS=Ligações principais
+MAIN_LINKS=Principais links
+BACK_TO_TOP=Voltar ao início

package/dist/messagebundle_pt_PT.properties

@@ -0,0 +1,7 @@
+# Portuguese - Portugal
+COPYRIGHT=© {0} SAP SE ou uma empresa associada da SAP. Todos os direitos reservados.
+OVERVIEW=Visão geral
+LOGOUT=Sair
+MAIN_LINKS=Ligações principais
+BACK_TO_TOP=Voltar ao início
+

package/dist/messagebundle_ro.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE sau o companie afiliată a SAP. Toate drepturile rezerva
 OVERVIEW=Imagine generală
 LOGOUT=Ieșire
 MAIN_LINKS=Linkuri principale
+BACK_TO_TOP=Înapoi sus

package/dist/messagebundle_ru.properties

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

package/dist/messagebundle_sk.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE alebo sesterská spoločnosť spoločnosti SAP. Všetky
 OVERVIEW=Prehľad
 LOGOUT=Odhlásiť
 MAIN_LINKS=Hlavné odkazy
+BACK_TO_TOP=Na začiatok

package/dist/messagebundle_sl.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE ali SAP-jevo povezano podjetje. Vse pravice pridržane.
 OVERVIEW=Pregled
 OVERVIEW=Izpiši me
 MAIN_LINKS=Glavne povezave
+BACK_TO_TOP=Nazaj na vrh

package/dist/messagebundle_sr.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE ili povezano lice kompanije SAP. Sva prava zadržana.
 OVERVIEW=Pregled
 LOGOUT=Izloguj se
 MAIN_LINKS=Glavne veze
+BACK_TO_TOP=Nazad na vrh

package/dist/messagebundle_sv.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE eller ett SAP-dotterbolag. Med ensamrätt.
 OVERVIEW=Översikt
 LOGOUT=Logga ut
 MAIN_LINKS=Huvudlänkar
+BACK_TO_TOP=Tillbaka till början

package/dist/messagebundle_tr.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE veya bir SAP bağlı ortaklığı. Tüm hakları saklıd
 OVERVIEW=Genel bakış
 LOGOUT=Çıkış
 MAIN_LINKS=Ana bağlantılar
+BACK_TO_TOP=Başa dön

package/dist/messagebundle_uk.properties

@@ -2,3 +2,4 @@ COPYRIGHT=© {0} SAP SE або афілійована компанія SAP. Ус
 OVERVIEW=Огляд
 LOGOUT=Вихід
 MAIN_LINKS=Головні посилання
+BACK_TO_TOP=На початок

package/dist/messagebundle_zh_CN.properties

@@ -4,3 +4,4 @@ PUBLIC_SECURITY_NETWORK_NUMBER=沪公网安备31010602003068号
 OVERVIEW=概览
 LOGOUT=退出
 MAIN_LINKS=主要链接
+BACK_TO_TOP=返回顶部

package/dist/messagebundle_zh_TW.properties

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

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.17.0",
+  "version": "2.17.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

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

package/src/AssetsVariables.ts

@@ -19,6 +19,19 @@ const variablesOverwrite = `
   ${getScopedVarName("--ui5_carousel_active_dot_border")}: 1px solid var(--udexColorBlue8, #0057D2);
 
   /* Calendar & Date Picker */
+  ${getScopedVarName("--_ui5_calendar_width")}: 371px;
+  ${getScopedVarName("--_ui5_calendar_height")}: auto;
+  ${getScopedVarName("--_ui5_calendar_top_bottom_padding")}: var(--udexSpacer8, 8px);
+  ${getScopedVarName("--_ui5_calendar_left_right_padding")}: var(--udexSpacer8, 8px);
+  ${getScopedVarName("--_ui5_calendar_header_height")}: 42px;
+  ${getScopedVarName("--_ui5_calendar_header_arrow_button_width")}: 42px;
+  ${getScopedVarName("--_ui5_day_picker_item_width")}: 42px;
+  ${getScopedVarName("--_ui5_day_picker_item_height")}: 42px;
+  ${getScopedVarName("--_ui5_daypicker_weekname_color")}: var(--udexColorGrey6, #5B738B);
+  ${getScopedVarName("--_ui5_month_picker_item_height")}: 36px;
+  ${getScopedVarName("--_ui5_monthpicker_item_margin")}: -8px 0 var(--udexSpacer16, 16px) 0;
+  ${getScopedVarName("--_ui5_year_picker_item_height")}: 36px;
+  ${getScopedVarName("--_ui5_yearpicker_item_margin")}: -8px 0 var(--udexSpacer16, 16px) 0;
   ${getScopedVarName("--_ui5_daypicker_daynames_container_height")}: 42px;
   ${getScopedVarName("--_ui5_daypicker_dayname_color")}: var(--udexColorGrey6, #5B738B);
   ${getScopedVarName("--_ui5_daypicker_item_now_border_color")}: var(--udexColorPink8, #A100C2);

package/src/AvatarGroup.ts

@@ -3,6 +3,7 @@ import AvatarGroup from "@ui5/webcomponents/dist/AvatarGroup.js";
 import AvatarGroupType from "@ui5/webcomponents/dist/types/AvatarGroupType.js";
 import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 
 // Styles
@@ -61,22 +62,14 @@ const avatarOffsets = {
 class UDExAvatarGroup extends AvatarGroup {
   constructor() {
     super();
-
-    this._itemNavigation = new ItemNavigation(this, {
-      getItemsCallback: () => {
-        return this._isIndividual
-          ? this.items.slice(0, this._hiddenStartIndex).map(
-            item => item.shadowRoot?.firstElementChild as IAvatarGroupItem,
-          )
-          : [];
-      },
-    });
   }
+
   onEnterDOM(): void {
     super.onEnterDOM();
     const container: HTMLElement = this.shadowRoot?.querySelector(".ui5-avatar-group-items") as HTMLElement;
     container?.addEventListener("mouseenter", this._onHover.bind(this, true));
     container?.addEventListener("mouseleave", this._onHover.bind(this, false));
+    this._initializeItemNavigation();
   }
 
   onExitDOM(): void {
@@ -86,6 +79,19 @@ class UDExAvatarGroup extends AvatarGroup {
     container?.removeEventListener("mouseleave", this._onHover.bind(this, false));
   }
 
+  async _initializeItemNavigation() {
+    await renderFinished();
+    this._itemNavigation = new ItemNavigation(this, {
+      getItemsCallback: () => {
+        return this._isIndividual
+          ? this.items.slice(0, this._hiddenStartIndex).map(
+            item => item.shadowRoot?.firstElementChild as IAvatarGroupItem,
+          )
+          : [];
+      },
+    });
+  }
+
   _onHover(hover: boolean) {
     if (this._isGroup) {
       this.items.every(avatar => {
@@ -102,6 +108,10 @@ class UDExAvatarGroup extends AvatarGroup {
     this._itemNavigation.setCurrentItem(targetItem as IAvatarGroupItem);
   }
 
+  _isValidSize(size: string): boolean {
+    return Object.values(UDExAvatarSize).includes(size as UDExAvatarSize);
+  }
+
   _prepareAvatars() {
     this._colorIndex = 0;
     const visibleColors = Object.values(UDExAvatarColorScheme);
@@ -118,7 +128,7 @@ class UDExAvatarGroup extends AvatarGroup {
       }
 
       if (index !== this._itemsCount - 1 || this._customOverflowButton) {
-        const avatarSize = avatar.effectiveSize || UDExAvatarSize.S;
+        const avatarSize = this._isValidSize(avatar.effectiveSize) ? avatar.effectiveSize : UDExAvatarSize.S;
         avatar.style.marginInlineEnd = avatarOffsets[avatarSize][this.type];
       }
     });

package/src/Breadcrumbs.ts

@@ -18,7 +18,11 @@ import BreadcrumbsTemplate from "./BreadcrumbsTemplate.js";
 import UDExBreadcrumbsItem from "./BreadcrumbsItem.js";
 import UDExDropdown from "./Dropdown.js";
 import UDExLink from "./Link.js";
-import { BREADCRUMBS_ARIA_LABEL, BREADCRUMBS_OVERFLOW_ARIA_LABEL } from "./generated/i18n/i18n-defaults.js";
+import {
+  AVAILABLE_VALUES,
+  BREADCRUMBS_ARIA_LABEL,
+  BREADCRUMBS_OVERFLOW_ARIA_LABEL,
+} from "./generated/i18n/i18n-defaults.js";
 
 // Styles
 import BreadcrumbsCss from "./generated/themes/Breadcrumbs.css.js";
@@ -312,13 +316,17 @@ class UDExBreadcrumbs extends UI5Element {
     return this._dropdownOpened ? `${rootClass} ${rootClass}__trigger--opened` : rootClass;
   }
 
-  get _accessibleNameText(): string {
+  get _breadcrumbsAccessibleNameText(): string {
     return UDExBreadcrumbs.i18nBundle.getText(BREADCRUMBS_ARIA_LABEL);
   }
 
   get _dropdownArrowAccessibleNameText(): string {
     return UDExBreadcrumbs.i18nBundle.getText(BREADCRUMBS_OVERFLOW_ARIA_LABEL);
   }
+
+  get _dropdownAccessibleNameText(): string {
+    return UDExBreadcrumbs.i18nBundle.getText(AVAILABLE_VALUES);
+  }
 }
 
 UDExBreadcrumbs.define();

package/src/BreadcrumbsPopoverTemplate.tsx

@@ -9,6 +9,7 @@ export default function BreadcrumbsPopoverTemplate(this: Breadcrumbs) {
       id={`udex-${this._id}-breadcrumbs__popover`}
       opener={`udex-${this._id}-breadcrumbs__opener`}
       class={`${this._rootClass}__popover ui5-breadcrumbs-popover`}
+      accessibleName={this._dropdownAccessibleNameText}
       placement={Placement.Bottom}
       horizontalAlign={HorizontalAlign.Start}
       onKeyDown={this._handleKeydown}

package/src/BreadcrumbsTemplate.tsx

@@ -11,14 +11,14 @@ export default function BreadcrumbsTemplate(this: Breadcrumbs) {
     <>
       <nav
         class={`${this._rootClass} ui5-breadcrumbs-root`}
-        aria-label={this._accessibleNameText}>
+        aria-label={this._breadcrumbsAccessibleNameText}>
         <ol onFocusIn={this._onfocusin}>
           <li class={`${this._rootClass}__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper`}>
             <UDExLink
               id={`udex-${this._id}-breadcrumbs__opener`}
               class={`${this._rootClass}__trigger ${this._triggerClass}`}
               onClick={this._toggleDropdown}
-              aria-label={this._dropdownArrowAccessibleNameText}
+              accessibleName={this._dropdownArrowAccessibleNameText}
               accessibleRole={UDExButtonAccessibleRole.Button}
               icon={slimArrowDown}
               aria-haspopup="true">

package/src/EventRibbonTemplate.tsx

@@ -8,7 +8,7 @@ export default function EventRibbonTemplate(this: UDExEventRibbon) {
   return (
     <a
       onKeyDown={this.handleKeyDown}
-      aria-labelledby={`${this.eventText ? `${this._id}-text` : ""} ${this._id}-link-text`}
+      aria-labelledby={`${this._id}__logo-alt ${this.eventText ? `${this._id}-text` : ""} ${this._id}-link-text`}
       class={{
         [`${rootClass}__container`]: true,
         [`${rootClass}__container-with-background-image`]: this.backgroundImage
@@ -17,6 +17,7 @@ export default function EventRibbonTemplate(this: UDExEventRibbon) {
       href={url}>
       <div class={`${rootClass}__logo`}>
         <img class={`${logoClass}`} src={this.eventLogoPath} alt={this.eventLogoAlt}/>
+        <span id={`${this._id}__logo-alt`} class="hidden-text">{this.eventLogoAlt}</span>
       </div>
       {this.eventText && <p class={`${rootClass}__text`} id={`${this._id}-text`}>{this.eventText}</p>}
       <div class={`${rootClass}__link-container`}>

package/src/Footer.ts

@@ -35,6 +35,7 @@ import {
   COPYRIGHT,
   PUBLIC_SECURITY_NETWORK_NUMBER,
   ICP_NUMBER,
+  BACK_TO_TOP,
 } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
@@ -561,6 +562,10 @@ class UDExFooter extends UI5Element {
     return this.isChineseLang && this.chineseLogoUrl ? `${root}-chinese` : root;
   }
 
+  get backToTopTitle(): string {
+    return UDExFooter.i18nBundle.getText(BACK_TO_TOP);
+  }
+
   _onLogoClick(e: MouseEvent): void {
     this.fireFooterBaseEvent(e, "logo-click");
   }

package/src/FooterTemplate.tsx

@@ -160,49 +160,51 @@ export default function FooterTemplate(this: Footer) {
         )}
 
         <UDExDivider class={`${rootClass}__divider`}></UDExDivider>
-      </div>
 
-      <div className={`${rootClass}__copyright`}>
-        {this.isChineseLang && (
-          <span className={`${rootClass}__copyright-chinese-text`}>
-            <a
-              href={this.chineseIcpNumberLink}
-              title={this.chineseICPNumber}
-              className={`${rootClass}__copyright-chinese-link`}
-              target="_blank"
-              rel="noopener noreferrer">
-              {this.chineseICPNumber}
-            </a>
-            {this.chineseSecurityNetworkNumber}
-          </span>
+        <div className={`${rootClass}__copyright`}>
+          {this.isChineseLang && (
+            <span className={`${rootClass}__copyright-chinese-text`}>
+              <a
+                href={this.chineseIcpNumberLink}
+                title={this.chineseICPNumber}
+                className={`${rootClass}__copyright-chinese-link`}
+                target="_blank"
+                rel="noopener noreferrer">
+                {this.chineseICPNumber}
+              </a>
+              {this.chineseSecurityNetworkNumber}
+            </span>
+          )}
+          <span className={`${rootClass}__copyright-text`}>{this.copyrightText}</span>
+        </div>
+
+        {this.socialLinksArray.length > 0 && (
+          <ul className={`${rootClass}__social-container`}>
+            {this.socialLinksArray.map((social, index) => (
+              <UDExSocialMediaButton
+                {...{ role: "listitem" }}
+                key={index}
+                type={social.name}
+                url={social.url}
+                target={social.target}
+                accessible-name={social.accessibleName}
+                data-name={social.name}
+                data-id={social.id}
+                onui5-click={this._onSocialMediaLinkClick}>
+              </UDExSocialMediaButton>
+            ))}
+          </ul>
         )}
-        <span className={`${rootClass}__copyright-text`}>{this.copyrightText}</span>
       </div>
 
-      {this.socialLinksArray.length > 0 && (
-        <div className={`${rootClass}__social-container`}>
-          {this.socialLinksArray.map((social, index) => (
-            <UDExSocialMediaButton
-              key={index}
-              type={social.name}
-              url={social.url}
-              target={social.target}
-              accessible-name={social.accessibleName}
-              data-name={social.name}
-              data-id={social.id}
-              onui5-click={this._onSocialMediaLinkClick}>
-            </UDExSocialMediaButton>
-          ))}
-        </div>
-      )}
-
       <UDExButton
         class={`${rootClass}__back-to-top-button`}
         icon={backToTop}
         onClick={this.onBackToTopClick}
         design={UDExButtonDesign.Tertiary}
         size={UDExButtonSize.Large}
-        accessibleName="back to top">
+        tooltip={this.backToTopTitle}
+        accessibleName={this.backToTopTitle}>
       </UDExButton>
     </footer>
   );

package/src/Quote.ts

@@ -113,6 +113,10 @@ class UDExQuote extends UI5Element {
    */
   @property()
     imagePlacement: `${UDExImagePlacement}` = UDExImagePlacement.left;
+
+  get isImagePlacementRight(): boolean {
+    return this.imagePlacement === UDExImagePlacement.right;
+  }
 }
 
 UDExQuote.define();