@sapudex/web-components 2.0.0 → 2.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAClG,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-0-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}
+{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAClG,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-1-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/generated/themes/Upload.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: ":host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__error{padding:0;margin:0;color:var(--udexCoreSemanticError7, var(--udexColorRed7));font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n";
+declare const _default: ":host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n";
 export default _default;

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-export default `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__error{padding:0;margin:0;color:var(--udexCoreSemanticError7, var(--udexColorRed7));font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}:host([required]) .udex-upload__title:after{content:"*";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}
+export default `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:"*";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}
 `;
 //# sourceMappingURL=Upload.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Upload.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Upload.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAClG,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__error{padding:0;margin:0;color:var(--udexCoreSemanticError7, var(--udexColorRed7));font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n`"]}
+{"version":3,"file":"Upload.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Upload.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAClG,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n`"]}

package/dist/messagebundle.properties

@@ -168,6 +168,15 @@ COUNTRY_SELECT=Select country
 #Text for category link in Masthead Mobile Menu
 OVERVIEW=Overview
 
+#Text for Masthead Cart
+CART=Cart
+
+#Text for Masthead Country Selector
+COUNTRY_SELECTOR=Country Selector
+
+#Text for Masthead Support
+SUPPORT=Support
+
 #Text for Password Field Control Button
 SHOW_HIDE_PASSWORD=Show/Hide Password Button
 
@@ -201,7 +210,6 @@ STATUS_BADGE_WARNING_TITLE=Warning, potential risk with the profile
 STATUS_BADGE_ERROR_TITLE=There is an error with the profile
 STATUS_BADGE_SUCCESS_TITLE=Successfully verified profile
 
-
 #Text for Date Picker Calendar button icon
 CALENDAR_ICON=Open Calendar icon
 

package/dist/messagebundle_en.properties

@@ -79,6 +79,9 @@ READ_ONLY=Read only
 LOGOUT=Logout
 COUNTRY_SELECT=Select country
 OVERVIEW=Overview
+CART=Cart
+COUNTRY_SELECTOR=Country Selector
+SUPPORT=Support
 SOCIAL_LINK_ICON=Link Graphic
 PHONE_NUMBER=Phone number
 CONTACT_US=Contact us
@@ -109,4 +112,4 @@ TEXT_FIELD=Text field
 UPLOADING_FILE_STATUS_TEXT=Uploading
 TERMINATED_FILE_STATUS_TEXT=Terminated
 REMOVE_FILE_TEXT=Remove file
-UPLOAD_BUTTON_LABEL=Upload file
+UPLOAD_BUTTON_LABEL=Upload file

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

@@ -588,6 +588,11 @@
           "description": "Defines the accessible ARIA name of the component.",
           "values": []
         },
+        {
+          "name": "accessible-name-ref",
+          "description": "Defines id (or many ids) of the elements that contain the ARIA name of the component.",
+          "values": []
+        },
         {
           "name": "accessible-role",
           "description": "Allows setting a custom role.",
@@ -1532,7 +1537,7 @@
     },
     {
       "name": "udex-masthead-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **dropdown-closed** - Fires when dropdown is closed\n- **dropdown-opened** - Fires when dropdown is opened\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
       "attributes": [
         {
           "name": "sub-items",
@@ -1654,7 +1659,7 @@
     },
     {
       "name": "udex-masthead-shell",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
       "attributes": [
         {
           "name": "home-url",
@@ -3787,8 +3792,8 @@
           "values": []
         },
         {
-          "name": "error-text",
-          "description": "Defines the error message shown when more than one file is uploaded with multiple set to false.",
+          "name": "supporting-text",
+          "description": "Defines an optional upporting message shown in 2 cases, both in single uplaod mode.\n1) When more than one file is uploaded and the button for uploading is clicked.\n2) When the button for uploading is disabled and a file has already been uploaded.",
           "values": []
         },
         {
@@ -3796,6 +3801,11 @@
           "description": "Defines if uploader is required.",
           "values": []
         },
+        {
+          "name": "disabled",
+          "description": "Defines if the button for uploading is disabled.",
+          "values": []
+        },
         {
           "name": "multiple",
           "description": "Defines if uploading multiple files is allowed.",

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.0.0",
+  "version": "2.1.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1177,6 +1177,11 @@
               "description": "Defines the accessible ARIA name of the component.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "accessible-name-ref",
+              "description": "Defines id (or many ids) of the elements that contain the ARIA name of the component.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
             {
               "name": "accessible-role",
               "description": "Allows setting a custom role.",
@@ -1348,6 +1353,11 @@
                 "description": "Defines the accessible ARIA name of the component.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "accessible-name-ref",
+                "description": "Defines id (or many ids) of the elements that contain the ARIA name of the component.",
+                "value": { "type": "string" }
+              },
               {
                 "name": "accessible-role",
                 "description": "Allows setting a custom role.",
@@ -3055,7 +3065,7 @@
         },
         {
           "name": "udex-masthead-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **dropdown-closed** - Fires when dropdown is closed\n- **dropdown-opened** - Fires when dropdown is opened\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
           "doc-url": "",
           "attributes": [
             {
@@ -3137,6 +3147,14 @@
             {
               "name": "item-click",
               "description": "Fires when item is clicked"
+            },
+            {
+              "name": "dropdown-closed",
+              "description": "Fires when dropdown is closed"
+            },
+            {
+              "name": "dropdown-opened",
+              "description": "Fires when dropdown is opened"
             }
           ],
           "js": {
@@ -3216,6 +3234,14 @@
               {
                 "name": "item-click",
                 "description": "Fires when item is clicked"
+              },
+              {
+                "name": "dropdown-closed",
+                "description": "Fires when dropdown is closed"
+              },
+              {
+                "name": "dropdown-opened",
+                "description": "Fires when dropdown is opened"
               }
             ]
           }
@@ -3369,7 +3395,7 @@
         },
         {
           "name": "udex-masthead-shell",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
           "doc-url": "",
           "attributes": [
             {
@@ -3449,7 +3475,8 @@
               "description": "Slot for 'Explore SAP' menu"
             },
             { "name": "cart", "description": "Slot for cart menu" },
-            { "name": "profile", "description": "Slot for avatar" }
+            { "name": "profile", "description": "Slot for avatar" },
+            { "name": "support", "description": "Slot for support" }
           ],
           "events": [
             {
@@ -3464,10 +3491,26 @@
               "name": "search-click",
               "description": "Fired event when the user clicks the search button trigger."
             },
+            {
+              "name": "search-close-click",
+              "description": "Fired event when the user clicks the search close button."
+            },
+            {
+              "name": "search-opened",
+              "description": "Fired event when the search panel is opened."
+            },
+            {
+              "name": "search-closed",
+              "description": "Fired event when the search panel is closed."
+            },
             {
               "name": "cart-click",
               "description": "Fired event when the user clicks the cart button trigger."
             },
+            {
+              "name": "support-click",
+              "description": "Fired event when the user clicks the support button trigger."
+            },
             {
               "name": "profile-click",
               "description": "Fired event when the user clicks the profile button trigger."
@@ -3561,10 +3604,26 @@
                 "name": "search-click",
                 "description": "Fired event when the user clicks the search button trigger."
               },
+              {
+                "name": "search-close-click",
+                "description": "Fired event when the user clicks the search close button."
+              },
+              {
+                "name": "search-opened",
+                "description": "Fired event when the search panel is opened."
+              },
+              {
+                "name": "search-closed",
+                "description": "Fired event when the search panel is closed."
+              },
               {
                 "name": "cart-click",
                 "description": "Fired event when the user clicks the cart button trigger."
               },
+              {
+                "name": "support-click",
+                "description": "Fired event when the user clicks the support button trigger."
+              },
               {
                 "name": "profile-click",
                 "description": "Fired event when the user clicks the profile button trigger."
@@ -6574,7 +6633,7 @@
             {
               "name": "loading",
               "description": "Defines if the loading indicator should be shown.",
-              "value": { "type": "string", "default": "false" }
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "loading-delay",
@@ -6645,7 +6704,7 @@
               {
                 "name": "loading",
                 "description": "Defines if the loading indicator should be shown.",
-                "value": { "type": "string" }
+                "value": { "type": "boolean" }
               },
               {
                 "name": "loading-delay",
@@ -7803,14 +7862,19 @@
               "value": { "type": "string" }
             },
             {
-              "name": "error-text",
-              "description": "Defines the error message shown when more than one file is uploaded with multiple set to false.",
+              "name": "supporting-text",
+              "description": "Defines an optional upporting message shown in 2 cases, both in single uplaod mode.\n1) When more than one file is uploaded and the button for uploading is clicked.\n2) When the button for uploading is disabled and a file has already been uploaded.",
               "value": { "type": "string" }
             },
             {
               "name": "required",
               "description": "Defines if uploader is required.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "description": "Defines if the button for uploading is disabled.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "multiple",
@@ -7871,8 +7935,8 @@
                 "value": { "type": "string" }
               },
               {
-                "name": "error-text",
-                "description": "Defines the error message shown when more than one file is uploaded with multiple set to false.",
+                "name": "supporting-text",
+                "description": "Defines an optional upporting message shown in 2 cases, both in single uplaod mode.\n1) When more than one file is uploaded and the button for uploading is clicked.\n2) When the button for uploading is disabled and a file has already been uploaded.",
                 "value": { "type": "string" }
               },
               {
@@ -7880,6 +7944,11 @@
                 "description": "Defines if uploader is required.",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "disabled",
+                "description": "Defines if the button for uploading is disabled.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "multiple",
                 "description": "Defines if uploading multiple files is allowed.",

package/package.json

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

package/src/AssetsVariables.ts

@@ -2,7 +2,7 @@ import { getScopedVarName } from "@ui5/webcomponents-base/dist/CustomElementsSco
 
 const variablesOverwrite = `:root {
   /* Browser Scrollbar */
-  ${getScopedVarName("browser_scrollbar_border_radius")}: var(--udexRadiusM, 8px);
+  ${getScopedVarName("--browser_scrollbar_border_radius")}: var(--udexRadiusM, 8px);
 
   /* Tooltip */
   ${getScopedVarName("--_ui5_popover_box_shadow")}: 0px 0px 0px 1px var(--udexColorGrey4);

package/src/FilterMenu.hbs

@@ -4,6 +4,7 @@
     @click="{{handleTriggerClick}}"
     @keydown="{{handleTriggerKeydown}}"
     aria-label="{{triggerButtonAccessibleName}}"
+    aria-labelledby="{{accessibleNameRef}}"
     aria-expanded="{{_open}}"
     aria-haspopup="true"
     role="{{triggerAccessibleRole}}"

package/src/FilterMenu.ts

@@ -277,6 +277,14 @@ class UDExFilterMenu extends UDExSearchableListBase {
   @property()
     accessibleName?: string;
 
+  /**
+   * Defines id (or many ids) of the elements that contain the ARIA name of the component.
+   *
+   * @default ""
+   * @public
+   */
+  @property()
+    accessibleNameRef!: string;
   /**
    * Allows setting a custom role.
    * @default "None"

package/src/MastheadItem.hbs

@@ -31,7 +31,7 @@
         @click="{{handleItemClick}}">
         {{> content}}
     </span>
-    {{#if showDropdown}}
+    {{#if isDropdownOpened}}
         {{> dropdown}}
     {{/if}}
 {{else}}
@@ -48,7 +48,7 @@
         @click="{{handleItemClick}}">
         {{> content}}
     </button>
-    {{#if showDropdown}}
+    {{#if isDropdownOpened}}
         {{> dropdown}}
     {{/if}}
 {{/if}}