@sapudex/web-components 2.60.0 → 2.62.0

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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-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-container #fileUploader{flex-shrink:0}#fileUploader{--_ui5_input_focus_offset: 2px;--_ui5_input_focus_border_radius: 6px}.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)}}
+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-container #fileUploader{flex-shrink:0}#fileUploader{--_ui5_input_focus_offset: 2px;--_ui5_input_focus_border_radius: 6px}.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 (width < 980px){.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,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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\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-container #fileUploader{flex-shrink:0}#fileUploader{--_ui5_input_focus_offset: 2px;--_ui5_input_focus_border_radius: 6px}.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`"]}
+{"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,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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\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-container #fileUploader{flex-shrink:0}#fileUploader{--_ui5_input_focus_offset: 2px;--_ui5_input_focus_border_radius: 6px}.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 (width < 980px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n`"]}

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

@@ -1,2 +1,2 @@
-declare const _default: ":host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (max-width: 1279px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}\n";
+declare const _default: ":host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (width < 1280px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}\n";
 export default _default;

package/dist/generated/themes/UploadItem.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, "host");
-export default `:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (max-width: 1279px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}
+export default `:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (width < 1280px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}
 `;
 //# sourceMappingURL=UploadItem.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploadItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/UploadItem.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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (max-width: 1279px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}\n`"]}
+{"version":3,"file":"UploadItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/UploadItem.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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (width < 1280px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}\n`"]}

package/dist/messagebundle.properties

@@ -242,6 +242,9 @@ COLLAPSE=Collapse
 EXPANDED=expanded
 COLLAPSED=collapsed
 
+#Supplemental position announcements for grouped Select Box navigation
+SELECT_BOX_ITEM_LEVEL=level {0}
+
 #SecondaryNavigationSubItem Aria label for back button
 BACK_BUTTON_LABEL=return back
 

package/dist/types/Table.d.ts

@@ -1,8 +1,12 @@
-declare enum UDExTableCellHorizontalAlign {
+export declare enum UDExTableCellHorizontalAlign {
     Left = "Left",
     Start = "Start",
     Right = "Right",
     End = "End",
     Center = "Center"
 }
-export default UDExTableCellHorizontalAlign;
+export declare enum UDExTableCellVerticalAlign {
+    Center = "Center",
+    Top = "Top",
+    Bottom = "Bottom"
+}

package/dist/types/Table.js

@@ -1,4 +1,4 @@
-var UDExTableCellHorizontalAlign;
+export var UDExTableCellHorizontalAlign;
 (function (UDExTableCellHorizontalAlign) {
     UDExTableCellHorizontalAlign["Left"] = "Left";
     UDExTableCellHorizontalAlign["Start"] = "Start";
@@ -6,5 +6,10 @@ var UDExTableCellHorizontalAlign;
     UDExTableCellHorizontalAlign["End"] = "End";
     UDExTableCellHorizontalAlign["Center"] = "Center";
 })(UDExTableCellHorizontalAlign || (UDExTableCellHorizontalAlign = {}));
-export default UDExTableCellHorizontalAlign;
+export var UDExTableCellVerticalAlign;
+(function (UDExTableCellVerticalAlign) {
+    UDExTableCellVerticalAlign["Center"] = "Center";
+    UDExTableCellVerticalAlign["Top"] = "Top";
+    UDExTableCellVerticalAlign["Bottom"] = "Bottom";
+})(UDExTableCellVerticalAlign || (UDExTableCellVerticalAlign = {}));
 //# sourceMappingURL=Table.js.map

package/dist/types/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/types/Table.ts"],"names":[],"mappings":"AAAA,IAAK,4BAMJ;AAND,WAAK,4BAA4B;IAC/B,6CAAa,CAAA;IACb,+CAAe,CAAA;IACf,+CAAe,CAAA;IACf,2CAAW,CAAA;IACX,iDAAiB,CAAA;AACnB,CAAC,EANI,4BAA4B,KAA5B,4BAA4B,QAMhC;AAED,eAAe,4BAA4B,CAAC","sourcesContent":["enum UDExTableCellHorizontalAlign {\n  Left = \"Left\",\n  Start = \"Start\",\n  Right = \"Right\",\n  End = \"End\",\n  Center = \"Center\",\n}\n\nexport default UDExTableCellHorizontalAlign;\n"]}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/types/Table.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,4BAMX;AAND,WAAY,4BAA4B;IACtC,6CAAa,CAAA;IACb,+CAAe,CAAA;IACf,+CAAe,CAAA;IACf,2CAAW,CAAA;IACX,iDAAiB,CAAA;AACnB,CAAC,EANW,4BAA4B,KAA5B,4BAA4B,QAMvC;AAED,MAAM,CAAN,IAAY,0BAIX;AAJD,WAAY,0BAA0B;IACpC,+CAAiB,CAAA;IACjB,yCAAW,CAAA;IACX,+CAAiB,CAAA;AACnB,CAAC,EAJW,0BAA0B,KAA1B,0BAA0B,QAIrC","sourcesContent":["export enum UDExTableCellHorizontalAlign {\n  Left = \"Left\",\n  Start = \"Start\",\n  Right = \"Right\",\n  End = \"End\",\n  Center = \"Center\",\n}\n\nexport enum UDExTableCellVerticalAlign {\n  Center = \"Center\",\n  Top = \"Top\",\n  Bottom = \"Bottom\",\n}\n"]}

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

@@ -72,7 +72,7 @@
     },
     {
       "name": "udex-accordion-spotlight",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nVertical accordion navigation with spotlight layout. Items are listed on the\nleft; the expanded panel is displayed on the right (desktop) or inline below\nthe heading (mobile). Follows the WAI-ARIA APG Accordion pattern.\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlight.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fired when the expanded item clicked.\n\n### **Slots:**\n - **default** - The slotted AccordionSpotlightItem elements.\n- **footer** - Defines optional content rendered below the navigation items.\nUse to place a button or any action element beneath the items.\n- **media** - Persistent media area shown in <code>Static</code> media mode.\nPlace an <code>&lt;img&gt;</code> or <code>&lt;video&gt;</code> element here;\nit remains visible regardless of which item is currently expanded.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nVertical accordion navigation with spotlight layout. Items are listed on the\nleft; the expanded panel is displayed on the right (desktop) or inline below\nthe heading (mobile). Follows the WAI-ARIA APG Accordion pattern.\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlight.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fired when the expanded item clicked.\n\n### **Slots:**\n - **default** - The slotted AccordionSpotlightItem elements.\n\n<code>invalidateOnChildChange</code> lets the component react when an item's\n<code>selected</code> property is set programmatically, so\n<code>item.selected = true</code> switches the expanded item at runtime.\n- **footer** - Defines optional content rendered below the navigation items.\nUse to place a button or any action element beneath the items.\n- **media** - Persistent media area shown in <code>Static</code> media mode.\nPlace an <code>&lt;img&gt;</code> or <code>&lt;video&gt;</code> element here;\nit remains visible regardless of which item is currently expanded.",
       "attributes": [
         {
           "name": "auto-play",
@@ -118,7 +118,7 @@
         },
         {
           "name": "selected",
-          "description": "Whether this item is currently expanded.\nSet on the element directly to control the initial selection.",
+          "description": "Whether this item is currently expanded.\nSet on the element directly to control the initial selection, or at runtime\n(<code>item.selected = true</code>) to expand this item programmatically —\nthe parent deselects the other items automatically.",
           "values": []
         },
         {
@@ -3244,7 +3244,7 @@
         },
         {
           "name": "open-suggestion-popup",
-          "description": "Defines open suggestion popover.",
+          "description": "Programmatically controls the visibility of the suggestion popover.\nSet to <code>true</code> to open the popover; set to <code>false</code> to close it.\nUse this property when the host application needs to control the popover state manually,\nfor example after receiving an asynchronous API response.\nThe <code>suggestionList</code> property must be populated with data for suggestions to appear.\nUse either this property or <code>showSuggestedPopover</code> — avoid using both simultaneously.",
           "values": []
         },
         {
@@ -3259,7 +3259,7 @@
         },
         {
           "name": "show-suggested-popover",
-          "description": "Defines display the suggestion popover in the component.",
+          "description": "Enables the suggestion popover to open automatically as the user types.\nThe popover opens when the input has 2 or more characters and closes when cleared.\nUse this property for automatic, input-driven popover management.\nFor programmatic control from the host application, use <code>openSuggestionPopup</code> instead.",
           "values": []
         },
         {
@@ -3312,7 +3312,14 @@
         {
           "name": "max-dropdown-height",
           "description": "Defines the height of the dropdown opened on mobile screen.",
-          "values": []
+          "values": [
+            { "name": "`${number}px`" },
+            { "name": "`${number}vh`" },
+            { "name": "`${number}vw`" },
+            { "name": "`${number}rem`" },
+            { "name": "`${number}em`" },
+            { "name": "`${number}%`" }
+          ]
         },
         {
           "name": "mobile-menu-opener-aria-label",
@@ -3947,6 +3954,16 @@
           "name": "is-fixed-in-place",
           "description": "Defines if Side Navigation is fixed in place or scrollable with the content.",
           "values": []
+        },
+        {
+          "name": "placement",
+          "description": "Defines which side the navigation panel is on.",
+          "values": [{ "name": "Left" }, { "name": "Right" }]
+        },
+        {
+          "name": "variant",
+          "description": "Defines the variant of the component.",
+          "values": [{ "name": "Full" }, { "name": "Content" }]
         }
       ],
       "references": []
@@ -3971,8 +3988,14 @@
     },
     {
       "name": "udex-side-navigation-sub-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationSubItem.js\";</code>\n---\n",
-      "attributes": [],
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationSubItem.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the level-3 sub-items slotted inside this sub-item.",
+      "attributes": [
+        {
+          "name": "expanded",
+          "description": "Defines whether the sub-item is expanded (shows level-3 children).",
+          "values": []
+        }
+      ],
       "references": []
     },
     {
@@ -4409,6 +4432,15 @@
           "name": "icon",
           "description": "Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.",
           "values": []
+        },
+        {
+          "name": "vertical-align",
+          "description": "Determines the vertical alignment of the cell content.",
+          "values": [
+            { "name": "Top" },
+            { "name": "Center" },
+            { "name": "Bottom" }
+          ]
         }
       ],
       "references": []
@@ -4487,6 +4519,15 @@
           "name": "interactive",
           "description": "Defines the interactive state of the row.",
           "values": []
+        },
+        {
+          "name": "vertical-align",
+          "description": "Determines the vertical alignment of all cells in the row.\nApplies to every cell that does not define its own verticalAlign.",
+          "values": [
+            { "name": "Top" },
+            { "name": "Center" },
+            { "name": "Bottom" }
+          ]
         }
       ],
       "references": []

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.60.0",
+  "version": "2.62.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -180,7 +180,7 @@
         },
         {
           "name": "udex-accordion-spotlight",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nVertical accordion navigation with spotlight layout. Items are listed on the\nleft; the expanded panel is displayed on the right (desktop) or inline below\nthe heading (mobile). Follows the WAI-ARIA APG Accordion pattern.\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlight.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fired when the expanded item clicked.\n\n### **Slots:**\n - **default** - The slotted AccordionSpotlightItem elements.\n- **footer** - Defines optional content rendered below the navigation items.\nUse to place a button or any action element beneath the items.\n- **media** - Persistent media area shown in <code>Static</code> media mode.\nPlace an <code>&lt;img&gt;</code> or <code>&lt;video&gt;</code> element here;\nit remains visible regardless of which item is currently expanded.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nVertical accordion navigation with spotlight layout. Items are listed on the\nleft; the expanded panel is displayed on the right (desktop) or inline below\nthe heading (mobile). Follows the WAI-ARIA APG Accordion pattern.\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlight.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fired when the expanded item clicked.\n\n### **Slots:**\n - **default** - The slotted AccordionSpotlightItem elements.\n\n<code>invalidateOnChildChange</code> lets the component react when an item's\n<code>selected</code> property is set programmatically, so\n<code>item.selected = true</code> switches the expanded item at runtime.\n- **footer** - Defines optional content rendered below the navigation items.\nUse to place a button or any action element beneath the items.\n- **media** - Persistent media area shown in <code>Static</code> media mode.\nPlace an <code>&lt;img&gt;</code> or <code>&lt;video&gt;</code> element here;\nit remains visible regardless of which item is currently expanded.",
           "doc-url": "",
           "attributes": [
             {
@@ -220,7 +220,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "The slotted AccordionSpotlightItem elements."
+              "description": "The slotted AccordionSpotlightItem elements.\n\n<code>invalidateOnChildChange</code> lets the component react when an item's\n<code>selected</code> property is set programmatically, so\n<code>item.selected = true</code> switches the expanded item at runtime."
             },
             {
               "name": "footer",
@@ -290,7 +290,7 @@
             },
             {
               "name": "selected",
-              "description": "Whether this item is currently expanded.\nSet on the element directly to control the initial selection.",
+              "description": "Whether this item is currently expanded.\nSet on the element directly to control the initial selection, or at runtime\n(<code>item.selected = true</code>) to expand this item programmatically —\nthe parent deselects the other items automatically.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
@@ -319,7 +319,7 @@
               },
               {
                 "name": "selected",
-                "description": "Whether this item is currently expanded.\nSet on the element directly to control the initial selection.",
+                "description": "Whether this item is currently expanded.\nSet on the element directly to control the initial selection, or at runtime\n(<code>item.selected = true</code>) to expand this item programmatically —\nthe parent deselects the other items automatically.",
                 "value": { "type": "boolean" }
               },
               {
@@ -7441,7 +7441,7 @@
             },
             {
               "name": "open-suggestion-popup",
-              "description": "Defines open suggestion popover.",
+              "description": "Programmatically controls the visibility of the suggestion popover.\nSet to <code>true</code> to open the popover; set to <code>false</code> to close it.\nUse this property when the host application needs to control the popover state manually,\nfor example after receiving an asynchronous API response.\nThe <code>suggestionList</code> property must be populated with data for suggestions to appear.\nUse either this property or <code>showSuggestedPopover</code> — avoid using both simultaneously.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
@@ -7456,7 +7456,7 @@
             },
             {
               "name": "show-suggested-popover",
-              "description": "Defines display the suggestion popover in the component.",
+              "description": "Enables the suggestion popover to open automatically as the user types.\nThe popover opens when the input has 2 or more characters and closes when cleared.\nUse this property for automatic, input-driven popover management.\nFor programmatic control from the host application, use <code>openSuggestionPopup</code> instead.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
@@ -7584,7 +7584,7 @@
               },
               {
                 "name": "open-suggestion-popup",
-                "description": "Defines open suggestion popover.",
+                "description": "Programmatically controls the visibility of the suggestion popover.\nSet to <code>true</code> to open the popover; set to <code>false</code> to close it.\nUse this property when the host application needs to control the popover state manually,\nfor example after receiving an asynchronous API response.\nThe <code>suggestionList</code> property must be populated with data for suggestions to appear.\nUse either this property or <code>showSuggestedPopover</code> — avoid using both simultaneously.",
                 "value": { "type": "boolean" }
               },
               {
@@ -7599,7 +7599,7 @@
               },
               {
                 "name": "show-suggested-popover",
-                "description": "Defines display the suggestion popover in the component.",
+                "description": "Enables the suggestion popover to open automatically as the user types.\nThe popover opens when the input has 2 or more characters and closes when cleared.\nUse this property for automatic, input-driven popover management.\nFor programmatic control from the host application, use <code>openSuggestionPopup</code> instead.",
                 "value": { "type": "boolean" }
               },
               {
@@ -7687,7 +7687,9 @@
             {
               "name": "max-dropdown-height",
               "description": "Defines the height of the dropdown opened on mobile screen.",
-              "value": { "type": "string" }
+              "value": {
+                "type": "`${number}px` | `${number}vh` | `${number}vw` | `${number}rem` | `${number}em` | `${number}%`"
+              }
             },
             {
               "name": "mobile-menu-opener-aria-label",
@@ -7733,7 +7735,9 @@
               {
                 "name": "max-dropdown-height",
                 "description": "Defines the height of the dropdown opened on mobile screen.",
-                "value": { "type": "string" }
+                "value": {
+                  "type": "`${number}px` | `${number}vh` | `${number}vw` | `${number}rem` | `${number}em` | `${number}%`"
+                }
               },
               {
                 "name": "mobile-menu-opener-aria-label",
@@ -9133,6 +9137,19 @@
               "name": "is-fixed-in-place",
               "description": "Defines if Side Navigation is fixed in place or scrollable with the content.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "placement",
+              "description": "Defines which side the navigation panel is on.",
+              "value": { "type": "\"Left\" | \"Right\"", "default": "\"Left\"" }
+            },
+            {
+              "name": "variant",
+              "description": "Defines the variant of the component.",
+              "value": {
+                "type": "\"Full\" | \"Content\"",
+                "default": "\"Full\""
+              }
             }
           ],
           "events": [],
@@ -9142,6 +9159,16 @@
                 "name": "is-fixed-in-place",
                 "description": "Defines if Side Navigation is fixed in place or scrollable with the content.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "placement",
+                "description": "Defines which side the navigation panel is on.",
+                "value": { "type": "\"Left\" | \"Right\"" }
+              },
+              {
+                "name": "variant",
+                "description": "Defines the variant of the component.",
+                "value": { "type": "\"Full\" | \"Content\"" }
               }
             ],
             "events": []
@@ -9183,11 +9210,32 @@
         },
         {
           "name": "udex-side-navigation-sub-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationSubItem.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationSubItem.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the level-3 sub-items slotted inside this sub-item.",
           "doc-url": "",
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "expanded",
+              "description": "Defines whether the sub-item is expanded (shows level-3 children).",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the level-3 sub-items slotted inside this sub-item."
+            }
+          ],
           "events": [],
-          "js": { "properties": [], "events": [] }
+          "js": {
+            "properties": [
+              {
+                "name": "expanded",
+                "description": "Defines whether the sub-item is expanded (shows level-3 children).",
+                "value": { "type": "boolean" }
+              }
+            ],
+            "events": []
+          }
         },
         {
           "name": "udex-slider",
@@ -10088,6 +10136,14 @@
               "name": "icon",
               "description": "Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "vertical-align",
+              "description": "Determines the vertical alignment of the cell content.",
+              "value": {
+                "type": "\"Top\" | \"Center\" | \"Bottom\"",
+                "default": "\"Center\""
+              }
             }
           ],
           "slots": [
@@ -10110,6 +10166,11 @@
                 "name": "icon",
                 "description": "Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "vertical-align",
+                "description": "Determines the vertical alignment of the cell content.",
+                "value": { "type": "\"Top\" | \"Center\" | \"Bottom\"" }
               }
             ],
             "events": []
@@ -10256,6 +10317,14 @@
               "name": "interactive",
               "description": "Defines the interactive state of the row.",
               "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "vertical-align",
+              "description": "Determines the vertical alignment of all cells in the row.\nApplies to every cell that does not define its own verticalAlign.",
+              "value": {
+                "type": "\"Top\" | \"Center\" | \"Bottom\"",
+                "default": "\"Center\""
+              }
             }
           ],
           "slots": [
@@ -10276,6 +10345,11 @@
                 "name": "interactive",
                 "description": "Defines the interactive state of the row.",
                 "value": { "type": "boolean | undefined" }
+              },
+              {
+                "name": "vertical-align",
+                "description": "Determines the vertical alignment of all cells in the row.\nApplies to every cell that does not define its own verticalAlign.",
+                "value": { "type": "\"Top\" | \"Center\" | \"Bottom\"" }
               }
             ],
             "events": []

package/package.json

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

package/run-cypress.js

@@ -9,4 +9,11 @@ const specArg = inputSpec
 
 const command = `npx cypress run --component --browser chrome ${specArg}`;
 
-execSync(command, { stdio: "inherit" });
+// ELECTRON_RUN_AS_NODE is set by VS Code / Claude Code and causes the Cypress
+// Electron binary to start as a plain Node process instead of an Electron app,
+// breaking its internal path resolution.  Remove it so Cypress starts correctly
+// regardless of whether this script is invoked from an IDE terminal or a shell.
+const env = { ...process.env };
+delete env.ELECTRON_RUN_AS_NODE;
+
+execSync(command, { stdio: "inherit", env });

package/src/AccordionSpotlight.ts

@@ -75,13 +75,14 @@ class UDExAccordionSpotlight extends UI5Element {
   };
 
   /**
-   * The index of the currently expanded item (0-based).
-   * Derived from items' <code>selected</code> attribute; kept in sync by the parent.
+   * The index of the currently expanded item (0-based), or <code>-1</code> when
+   * no item is expanded. Derived from items' <code>selected</code> attribute;
+   * kept in sync by the parent.
    *
    * @private
    */
   @property({ type: Number, noAttribute: true })
-    _selectedIndex: number = 0;
+    _selectedIndex: number = -1;
 
   /**
    * Vertical alignment of the navigation sidebar relative to the content panel.
@@ -155,9 +156,18 @@ class UDExAccordionSpotlight extends UI5Element {
   /**
    * The slotted AccordionSpotlightItem elements.
    *
+   * <code>invalidateOnChildChange</code> lets the component react when an item's
+   * <code>selected</code> property is set programmatically, so
+   * <code>item.selected = true</code> switches the expanded item at runtime.
+   *
    * @public
    */
-  @slot({ type: HTMLElement, "default": true, individualSlots: true })
+  @slot({
+    type: HTMLElement,
+    "default": true,
+    individualSlots: true,
+    invalidateOnChildChange: true,
+  })
     items!: DefaultSlot<AccordionSpotlightItem>;
 
   /**
@@ -235,8 +245,27 @@ class UDExAccordionSpotlight extends UI5Element {
       return;
     }
 
-    const foundIndex = this.items.findIndex(item => item.selected);
-    const activeIndex = foundIndex === -1 ? 0 : foundIndex;
+    const selectedIndexes = this.items.reduce<number[]>((acc, item, index) => {
+      if (item.selected) {
+        acc.push(index);
+      }
+      return acc;
+    }, []);
+
+    // Prefer a selected item that differs from the currently tracked index — it
+    // signals a selection requested via `item.selected = true`. Otherwise keep
+    // the current index if it is still selected. When no item is selected, leave
+    // the component with no active item (-1) rather than forcing the first one.
+    let activeIndex: number;
+    const newlySelected = selectedIndexes.find(index => index !== this._selectedIndex);
+    if (newlySelected !== undefined) {
+      activeIndex = newlySelected;
+    } else if (selectedIndexes.includes(this._selectedIndex)) {
+      activeIndex = this._selectedIndex;
+    } else {
+      activeIndex = selectedIndexes[0] ?? -1;
+    }
+
     this._selectedIndex = activeIndex;
 
     this.items.forEach((item, index) => {

package/src/AccordionSpotlightItem.ts

@@ -57,7 +57,9 @@ class UDExAccordionSpotlightItem extends UI5Element {
 
   /**
    * Whether this item is currently expanded.
-   * Set on the element directly to control the initial selection.
+   * Set on the element directly to control the initial selection, or at runtime
+   * (<code>item.selected = true</code>) to expand this item programmatically —
+   * the parent deselects the other items automatically.
    *
    * @default false
    * @public