xv-webcomponents 1.19.2 → 1.20.1-staging.0

package/dist/esm/xv-header-next.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-Cv2gugMt.js';
-import { S as SIZE_VAR, O as OverflowMenuVariant } from './_vars-C6jsOjam.js';
+import { S as SIZE_VAR, O as OverflowMenuVariant } from './_vars-CDEU4jkD.js';
 import { a as api, g as getMetaNav, b as getBaseUrl, d as debounce } from './index-OqHMuwQF.js';
 
 const userMagnifyingGlassRegularFullSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==';
@@ -197,7 +197,7 @@ const XvHeaderNext = class {
     render() {
         var _a, _b, _c, _d, _e;
         const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
-        return (h("header", { key: '367db1f50b5e830f44d3856f477cffc86d883af1', class: "header" }, h("div", { key: '30799028ac203ee37793cf02ff051d301de4547b', class: "header-wrapper" }, h("div", { key: 'fc74acbc5a05646ae13b72e8e3b6b5b16e549128', class: "xv-container" }, h("div", { key: 'fd39609d7dbd00d4e1a6f2d42936017dc7b92133', class: "header-top" }, h("div", { key: '144c2f9b44e10e630e72ddf0f5908a57adb870c0', class: "header-top--left" }, h("xv-button-v2", { key: '60bafd1688527ee990d33a737621cc7a0f86c1a8', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'd3f6921a217103d0ba4737a7fa2cf255ec4ba494', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '239d6f40cf27b3bd156b3a4b89673e8e7de0ade0', href: `${window.location.origin}/` }, h("picture", { key: 'b0d07ac3809b754bd3d9d1a854314f5b5097af65' }, h("source", { key: '6ced5e2dd0fc39237a4730bfcae9696d10485dac', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: '5c2089055930be622f4880bf493ecd3a937963d4', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: 'bc159154774361df602ceadcfefc6fbae4612c82', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '1ab6278056ab4000f858299a288cc6de47616307', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '5a51295129e0adae87ed44bf0fc64f66b861f223' }, h("xv-link-v2", { key: '2bf404f048f0866e88c505d304a0cfd9b6f59728', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '620e2520d9e77310447ddaeacfb8581d1325c614', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '2af6b9aaa41072fa0b8a667169c567c67c1fc698', class: "header-icon far fa-envelope" }), h("span", { key: '515720ab78fec3507e1e14b3657372b375dbdbf5', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: '07adfb149a7ef1c5889f1a7a4529d5e0779cf992' }, h("xv-link-v2", { key: 'caa650c5c7b479aa44102e2ec370e2f07c854fee', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '1d72eb9a9c084183d7c5d55b2bd1f734296d63c9', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '5c175d7afbfc7527e78c51289dd28d9f62af1010', class: "header-icon far fa-question-circle" }), h("span", { key: '95f8f14e391470d46647df176dde788653742bbb', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'c52d3fc26cb4b787892aedf43b61b7baa5d95935', class: "header-wrapper--bg" }, h("div", { key: 'd5445ba26a4691b6f5acf7682fac67a6118d331f', class: "xv-container" }, h("xv-mega-menu-next", { key: '55541489dfaf1ce307149e932c7e4bee0e55747f', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: '9383f391de7d39c28775cf9842130b0f3e5dbce5', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (h("header", { key: 'c0012b5ecac3c6471b4ec7b1bfd2eccc3f86dd5f', class: "header" }, h("div", { key: 'cfb8213dac2c3fc8ceef915067a51aa0d7a9555f', class: "header-wrapper" }, h("div", { key: 'd3d2ccf65f3cefe5c67546e43fed176917877ead', class: "xv-container" }, h("div", { key: 'a8fe5efaba57b5687516513d374f9cfba0c705b2', class: "header-top" }, h("div", { key: '4b2119408ec66776a86af787383b79ebee41106d', class: "header-top--left" }, h("xv-button-v2", { key: 'f097db3d55ace0242e871961e6108436e0131aad', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '0986f3d44c8898a3e2f0bd298f2819f3e9a5a34b', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'bf800f74bd14a7c425fcb6eb61aa8225dfcc3ee3', href: `${window.location.origin}/` }, h("picture", { key: '5c976747d8ff1cfdd6393340873ed45358cb181d' }, h("source", { key: 'a7b14ff940f436afe7f7efd6c04db248b0a06729', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: 'd3a1889224b26633def31994483a8bcdfb56e774', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: 'b1aba193ddf6c193f4ea05e3bf3856b50261ef67', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '1c91ec33597c7c8ac8f92f3f7c5e759ef50e1dda', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '1dc84281285f1b66a3942f8b51055be5d05dd846' }, h("xv-link-v2", { key: 'de90e6054b9f0cd9bf1fee2b8cbb3f6aedbf9767', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '4fd63e27baad255ef62e36b5e4b6ced436fdf01e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '1c2569b332c7caa5518e0884b646020a11b5ae43', class: "header-icon far fa-envelope" }), h("span", { key: 'f890b2fbbdcd750cd1f19fd3d0b8731db1163013', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: 'd5a450877b90b5cf8671e7cf315f0af03c392a03' }, h("xv-link-v2", { key: '9ab83170245eb9cc36e47969f381b7fb2229b010', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'ca823e73d6088c2be70335658187eb8aedd5142e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '0b72b8d4c39c1a986590275ba486249f94fc915a', class: "header-icon far fa-question-circle" }), h("span", { key: '41ae816f63d86995f5ae92fb383fd7f42374bedb', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'c591fc53113a711ae4f716ca58246b076931ab3a', class: "header-wrapper--bg" }, h("div", { key: '2be8a3100c70b41cf60ca423fa7bedc9fd220d6d', class: "xv-container" }, h("xv-mega-menu-next", { key: 'd0f07991030a2067a8250ccc1f5efef36dbe74b3', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: 'dd27d33edef87ad2915151573005dbf0e0291005', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xv-mega-menu-next.entry.js

@@ -88,7 +88,7 @@ const XvMegaMenuNext = class {
         void this.fetchMenuData();
     }
     render() {
-        return (h(Host, { key: 'fc9a1226c489898acd551ff1802bf3a2be58f88f' }, h("nav", { key: 'ab1c4ebbe301788c6dd9c7d1b54dcc0190a299cf', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'a44198cc7301b91e24b262905c47246f99457da2', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'a7c5388a93dc80d70ab925cda41cbe64beb4ea01' }))), h("ul", { key: 'aacd5768fdf60ecdea2d947e495ceea23fa1f334', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
+        return (h(Host, { key: 'f72d11053417cb7e999a24257f38ff00ba1a7097' }, h("nav", { key: '721da64fcb2d4a0268f1d26592225da518284457', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'fbe58f4d8b44bffd9dc868d21d44c0f70361a1a1', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'd6b9dfb3bfd9026db6f4be158e558bdb993c9f08' }))), h("ul", { key: '208ad56e913ba59ed28f6781eed51e48d0843ab9', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
             var _a, _b;
             return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
                 var _a;
@@ -98,7 +98,7 @@ const XvMegaMenuNext = class {
                     } }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
                     h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
             }))))));
-        }), h("li", { key: 'e003e5ed84f0cae46b9e70b421f39099b23f2520', class: "menu--right" }, h("slot", { key: 'eaad598bcf36b34e6d6b0447b4b69bc6dbda542e', name: "menu-right" })), this.open && (h("li", { key: '07c6843b057fd98c333d626fa89531489c10cbe6', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
+        }), h("li", { key: '773b59d60bf0410b1fc60c59c24e6772e856492b', class: "menu--right" }, h("slot", { key: '89c6b08cdc47fc264308cf2f962c89266c6d5073', name: "menu-right" })), this.open && (h("li", { key: '5e3e1d1e38a97c72dbcb8ee3f521f16d4aba3cbd', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xv-webcomponents.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["xv-accordion-v2_47",[[0,"xv-header",{"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"readonly":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"value":[1032],"variant":[1],"position":[1],"selected":[32],"selectedMap":[32],"resolvedPosition":[32]},[[0,"itemSelected","handleItemSelected"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"multiple":[{"multipleChangeHandle":0}],"value":[{"valueChange":1}]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32],"reorderable":[32],"reorderHandleMode":[32],"close":[64]}],[65,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":[{"openChange":0}],"month":[{"getCalendarGrid":0}],"value":[{"handleValueChange":0}]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513]}],[1,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":[{"checkedChangeHandle":0}]}],[65,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[520],"loading":[4],"columnWidths":[16],"multiple":[516],"hover":[4],"reorderable":[516],"reorderHandle":[513,"reorder-handle"]},null,{"reorderable":[{"reorderableChanged":0}],"reorderHandle":[{"reorderHandleChanged":0}]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32],"errored":[32]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":[{"setColsSizeTemplate":0}]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"hideSingleTab":[4,"hide-single-tab"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":[{"watchOptions":0}],"value":[{"watchValue":0}]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-content-switcher-item-v2",{"value":[520],"label":[513],"icon":[513],"disabled":[516]}],[257,"xv-content-switcher-v2",{"selected":[1544],"size":[513],"iconOnly":[516,"icon-only"],"disabled":[516],"block":[516],"controlled":[516],"items":[32]}],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[0,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":[{"updateChildItems":0}]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":[{"onCheckedChange":0}]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"message":[513],"value":[1025],"checked":[1028],"readonly":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-mega-menu",{"open":[1540],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[520],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[2,"xv-login-modal",{"visible":[4],"urls":[32],"loading":[32],"errorMessage":[32]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4]},[[0,"click","handleClick"]]],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"align":[513],"hasFocus":[32]},null,{"checked":[{"onCheckedChange":0}]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"value":[1],"name":[1],"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]],["xv-mega-menu-next",[[257,"xv-mega-menu-next",{"open":[1540],"menuData":[1,"menu-data"],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]],{"menuData":[{"onMenuDataChange":0}]}]]],["xv-header-next",[[0,"xv-header-next",{"menuData":[1,"menu-data"],"currentLocale":[1,"current-locale"],"locales":[1],"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]]]]], options);
+  return bootstrapLazy([["xv-accordion-v2_48",[[0,"xv-header",{"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"readonly":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"value":[1032],"variant":[1],"position":[1],"selected":[32],"selectedMap":[32],"resolvedPosition":[32]},[[0,"itemSelected","handleItemSelected"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"multiple":[{"multipleChangeHandle":0}],"value":[{"valueChange":1}]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32],"reorderable":[32],"reorderHandleMode":[32],"close":[64]}],[65,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":[{"openChange":0}],"month":[{"getCalendarGrid":0}],"value":[{"handleValueChange":0}]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513]}],[1,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":[{"checkedChangeHandle":0}]}],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"loading":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":[{"watchOptions":0}],"value":[{"watchValue":0}]}],[65,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[520],"loading":[4],"columnWidths":[16],"multiple":[516],"hover":[4],"reorderable":[516],"reorderHandle":[513,"reorder-handle"]},null,{"reorderable":[{"reorderableChanged":0}],"reorderHandle":[{"reorderHandleChanged":0}]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32],"errored":[32]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":[{"setColsSizeTemplate":0}]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"hideSingleTab":[4,"hide-single-tab"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-button-group-v2",{"variant":[513],"multiple":[516],"value":[1025]},[[0,"click","handleClick"]],{"value":[{"onSelectionInputChange":0}],"multiple":[{"onSelectionInputChange":0}]}],[257,"xv-content-switcher-item-v2",{"value":[520],"label":[513],"icon":[513],"disabled":[516]}],[257,"xv-content-switcher-v2",{"selected":[1544],"size":[513],"iconOnly":[516,"icon-only"],"disabled":[516],"block":[516],"controlled":[516],"items":[32]}],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[0,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":[{"updateChildItems":0}]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":[{"onCheckedChange":0}]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"message":[513],"value":[1025],"checked":[1028],"readonly":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-mega-menu",{"open":[1540],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[520],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[2,"xv-login-modal",{"visible":[4],"urls":[32],"loading":[32],"errorMessage":[32]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"alignment":[1],"size":[1],"tooltip":[1],"anchor":[1],"activeId":[32],"openMenu":[64],"closeMenu":[64],"toggleMenu":[64]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"anchor":[{"anchorChangeHandle":0}]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4],"href":[1],"target":[1],"divider":[516],"hasIcon":[32],"hasIconEnd":[32]},[[0,"click","handleClick"]]],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"align":[513],"hasFocus":[32]},null,{"checked":[{"onCheckedChange":0}]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"value":[1],"name":[1],"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"active":[516],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]],["xv-mega-menu-next",[[257,"xv-mega-menu-next",{"open":[1540],"menuData":[1,"menu-data"],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]],{"menuData":[{"onMenuDataChange":0}]}]]],["xv-header-next",[[0,"xv-header-next",{"menuData":[1,"menu-data"],"currentLocale":[1,"current-locale"],"locales":[1],"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]]]]], options);
 });

package/dist/types/components/xv-button/xv-button.d.ts

@@ -19,6 +19,8 @@ export declare class XvButton {
     block: boolean;
     /** Button type */
     type: 'button' | 'submit' | 'reset';
+    /** Set button to active styles */
+    active: boolean;
     hasLeftIcon: boolean;
     hasRightIcon: boolean;
     hasContent: boolean;

package/dist/types/components/xv-button-group/xv-button-group.d.ts

@@ -0,0 +1,54 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * xv-button-group-v2
+ *
+ * Groups a set of `xv-button-v2` buttons into a single horizontal or vertical
+ * unit. Use `secondary` or `tertiary` buttons inside it.
+ *
+ * The group owns only three things: the layout direction, the rounded corners
+ * (applied to the outer edges of the group via each button's
+ * `--xv-button-border-radius` variable) and the **active** selection. Everything
+ * else — `variant`, `size`, `disabled`, icons, labels — stays on each child
+ * `xv-button-v2`.
+ *
+ * Selection is single by default (radio-like: re-clicking the active button is a
+ * no-op). Set `multiple` to let each button toggle independently. The active
+ * button shows the existing `--button-{type}-active` colour.
+ *
+ * @slot - One or more `xv-button-v2` elements, each with its own `value`.
+ */
+export declare class XvButtonGroup {
+    el: HTMLElement;
+    /** Layout direction of the group. */
+    variant: 'horizontal' | 'vertical';
+    /** Allow several buttons to be active at the same time (independent toggles). */
+    multiple: boolean;
+    /**
+     * Active selection — a single value (single mode) or an array of values
+     * (`multiple` mode). Matched against each button's `value`, falling back to
+     * its zero-based index when it has none. Via an attribute in `multiple` mode,
+     * a comma-separated string is also accepted.
+     */
+    value?: string | string[];
+    /**
+     * Emitted whenever the active selection changes. Carries a `string` in single
+     * mode and a `string[]` in `multiple` mode. Does not bubble or cross shadow
+     * boundaries, so it never collides with an enclosing component's events.
+     */
+    activeChange: EventEmitter<string | string[]>;
+    onSelectionInputChange(): void;
+    componentDidLoad(): void;
+    handleClick(event: MouseEvent): void;
+    /** Live list of child buttons, in DOM order. */
+    private get items();
+    private getItemKey;
+    private selectedKeys;
+    private toggle;
+    /**
+     * Mirror the selection onto the children by flipping each button's `active`
+     * attribute. The button renders `aria-pressed` on its own inner `<button>`
+     * from that state (the host element has no role, so ARIA must live there).
+     */
+    private syncActive;
+    render(): any;
+}

package/dist/types/components/xv-overflow-menu/_vars.d.ts

@@ -2,8 +2,17 @@ export interface OverflowMenuEvent {
     value: string | number | object | undefined;
     event: PointerEvent;
 }
-export declare enum OverflowMenuVariant {
-    DEFAULT = "",
-    DANGER = "danger",
-    GHOST = "ghost"
-}
+/**
+ * Item variant.
+ * As a type it is a plain string union, so templates can pass a raw string
+ * (`variant="danger"` / `[variant]="'danger'"`) without importing anything.
+ * As a value it also works like an enum in TypeScript (`OverflowMenuVariant.DANGER`).
+ */
+export type OverflowMenuVariant = '' | 'danger' | 'ghost';
+export declare const OverflowMenuVariant: {
+    DEFAULT: "";
+    DANGER: "danger";
+    GHOST: "ghost";
+};
+/** Tag used to discover menu items (roving keyboard navigation, size mirroring). */
+export declare const OverflowMenuItemSelector = "xv-overflow-menu-v2-item";

package/dist/types/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.d.ts

@@ -1,11 +1,21 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { OverflowMenuEvent, OverflowMenuVariant } from '../_vars';
 export declare class XvOverflowMenuItem {
+    el: HTMLElement;
     disabled: boolean;
     value: OverflowMenuEvent['value'];
     variant: OverflowMenuVariant;
     clickable: boolean;
+    /** Optional link: renders the item as an anchor so native navigation (middle-click, new tab) works. */
+    href?: string;
+    /** Anchor target, only used together with `href`. */
+    target?: string;
+    /** Draws a separator line above the item (e.g. before a "Logout" action). */
+    divider: boolean;
     itemClick: EventEmitter<OverflowMenuEvent>;
+    private hasIcon;
+    private hasIconEnd;
+    componentWillLoad(): void;
     handleClick(event: PointerEvent): void;
     render(): any;
 }

package/dist/types/components/xv-overflow-menu/xv-overflow-menu.d.ts

@@ -6,16 +6,56 @@ export declare class XvOverflowMenu {
     open: boolean;
     disabled: boolean;
     position: 'left' | 'right' | 'center';
+    /** Alias for `position` following the design-system wording. `start` → left, `end` → right. */
+    alignment?: 'start' | 'end';
     size: SIZE_VAR_STR;
     tooltip?: string;
+    /**
+     * Open the menu from an arbitrary element instead of the built-in trigger button.
+     * Accepts an element or a CSS selector; a click on it toggles the menu, which is then
+     * positioned against that element.
+     */
+    anchor?: string | HTMLElement;
     selectItem: EventEmitter<OverflowMenuEvent>;
-    handleKeyDown(ev: KeyboardEvent): void;
+    openChange: EventEmitter<boolean>;
+    private activeId?;
+    private listEl?;
+    private triggerButtonEl?;
+    private anchorEl;
+    private popperInstance?;
+    private readonly menuId;
+    private activeItem;
+    private optIdSeq;
+    /** Whether the current open was triggered by the keyboard — only then do we pre-highlight an item. */
+    private openViaKeyboard;
+    private openEdge;
+    private get isAnchorMode();
+    private get effectivePosition();
     openChangeHandle(): void;
-    private handleClose;
+    anchorChangeHandle(): void;
+    openMenu(): Promise<void>;
+    closeMenu(): Promise<void>;
+    toggleMenu(): Promise<void>;
+    private syncOpenState;
     private removeListeners;
-    private handleClick;
+    private handleClickOutside;
     private onOpenToggle;
     private handleSelectItem;
+    private resolveAnchor;
+    private anchorClickHandler;
+    private setupAnchor;
+    private teardownAnchor;
+    private popperPlacement;
+    private createPopper;
+    private destroyPopper;
+    handleKeyDown(ev: KeyboardEvent): void;
+    private getNavigableItems;
+    private moveActive;
+    private setActiveByEdge;
+    private setActiveItem;
+    /** Runs once per open, after the panel is in the DOM: highlight the first item and place focus. */
+    private initOpenState;
+    private restoreFocus;
     render(): any;
     componentDidLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/xv-tag-combobox/xv-tag-combobox.d.ts

@@ -10,6 +10,7 @@ export declare class XvTagCombobox {
     allowCreate: boolean;
     maxSuggestions: number;
     disabled: boolean;
+    loading: boolean;
     readonly: boolean;
     error: string | boolean;
     warning: string | boolean;

package/dist/types/components.d.ts

@@ -54,7 +54,41 @@ export namespace Components {
     }
     interface XvBreadcrumbsV2 {
     }
+    /**
+     * xv-button-group-v2
+     * Groups a set of `xv-button-v2` buttons into a single horizontal or vertical
+     * unit. Use `secondary` or `tertiary` buttons inside it.
+     * The group owns only three things: the layout direction, the rounded corners
+     * (applied to the outer edges of the group via each button's
+     * `--xv-button-border-radius` variable) and the **active** selection. Everything
+     * else — `variant`, `size`, `disabled`, icons, labels — stays on each child
+     * `xv-button-v2`.
+     * Selection is single by default (radio-like: re-clicking the active button is a
+     * no-op). Set `multiple` to let each button toggle independently. The active
+     * button shows the existing `--button-{type}-active` colour.
+     */
+    interface XvButtonGroupV2 {
+        /**
+          * Allow several buttons to be active at the same time (independent toggles).
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Active selection — a single value (single mode) or an array of values (`multiple` mode). Matched against each button's `value`, falling back to its zero-based index when it has none. Via an attribute in `multiple` mode, a comma-separated string is also accepted.
+         */
+        "value"?: string | string[];
+        /**
+          * Layout direction of the group.
+          * @default 'horizontal'
+         */
+        "variant": 'horizontal' | 'vertical';
+    }
     interface XvButtonV2 {
+        /**
+          * Set button to active styles
+          * @default false
+         */
+        "active": boolean;
         /**
           * Button for full width
           * @default false
@@ -647,6 +681,15 @@ export namespace Components {
         "warning"?: string | boolean;
     }
     interface XvOverflowMenuV2 {
+        /**
+          * Alias for `position` following the design-system wording. `start` → left, `end` → right.
+         */
+        "alignment"?: 'start' | 'end';
+        /**
+          * Open the menu from an arbitrary element instead of the built-in trigger button. Accepts an element or a CSS selector; a click on it toggles the menu, which is then positioned against that element.
+         */
+        "anchor"?: string | HTMLElement;
+        "closeMenu": () => Promise<void>;
         /**
           * @default false
          */
@@ -655,6 +698,7 @@ export namespace Components {
           * @default false
          */
         "open": boolean;
+        "openMenu": () => Promise<void>;
         /**
           * @default 'left'
          */
@@ -663,6 +707,7 @@ export namespace Components {
           * @default SIZE_VAR.MD
          */
         "size": SIZE_VAR_STR;
+        "toggleMenu": () => Promise<void>;
         "tooltip"?: string;
     }
     interface XvOverflowMenuV2Item {
@@ -674,6 +719,19 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Draws a separator line above the item (e.g. before a "Logout" action).
+          * @default false
+         */
+        "divider": boolean;
+        /**
+          * Optional link: renders the item as an anchor so native navigation (middle-click, new tab) works.
+         */
+        "href"?: string;
+        /**
+          * Anchor target, only used together with `href`.
+         */
+        "target"?: string;
         "value": OverflowMenuEvent['value'];
         /**
           * @default OverflowMenuVariant.DEFAULT
@@ -900,6 +958,10 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * @default false
+         */
+        "loading": boolean;
         /**
           * @default 200
          */
@@ -1096,6 +1158,10 @@ export interface XvAccordionV2ItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvAccordionV2ItemElement;
 }
+export interface XvButtonGroupV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvButtonGroupV2Element;
+}
 export interface XvCheckboxV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvCheckboxV2Element;
@@ -1269,6 +1335,36 @@ declare global {
         prototype: HTMLXvBreadcrumbsV2Element;
         new (): HTMLXvBreadcrumbsV2Element;
     };
+    interface HTMLXvButtonGroupV2ElementEventMap {
+        "activeChange": string | string[];
+    }
+    /**
+     * xv-button-group-v2
+     * Groups a set of `xv-button-v2` buttons into a single horizontal or vertical
+     * unit. Use `secondary` or `tertiary` buttons inside it.
+     * The group owns only three things: the layout direction, the rounded corners
+     * (applied to the outer edges of the group via each button's
+     * `--xv-button-border-radius` variable) and the **active** selection. Everything
+     * else — `variant`, `size`, `disabled`, icons, labels — stays on each child
+     * `xv-button-v2`.
+     * Selection is single by default (radio-like: re-clicking the active button is a
+     * no-op). Set `multiple` to let each button toggle independently. The active
+     * button shows the existing `--button-{type}-active` colour.
+     */
+    interface HTMLXvButtonGroupV2Element extends Components.XvButtonGroupV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvButtonGroupV2ElementEventMap>(type: K, listener: (this: HTMLXvButtonGroupV2Element, ev: XvButtonGroupV2CustomEvent<HTMLXvButtonGroupV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXvButtonGroupV2ElementEventMap>(type: K, listener: (this: HTMLXvButtonGroupV2Element, ev: XvButtonGroupV2CustomEvent<HTMLXvButtonGroupV2ElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXvButtonGroupV2Element: {
+        prototype: HTMLXvButtonGroupV2Element;
+        new (): HTMLXvButtonGroupV2Element;
+    };
     interface HTMLXvButtonV2Element extends Components.XvButtonV2, HTMLStencilElement {
     }
     var HTMLXvButtonV2Element: {
@@ -1688,6 +1784,7 @@ declare global {
     };
     interface HTMLXvOverflowMenuV2ElementEventMap {
         "selectItem": OverflowMenuEvent;
+        "openChange": boolean;
     }
     interface HTMLXvOverflowMenuV2Element extends Components.XvOverflowMenuV2, HTMLStencilElement {
         addEventListener<K extends keyof HTMLXvOverflowMenuV2ElementEventMap>(type: K, listener: (this: HTMLXvOverflowMenuV2Element, ev: XvOverflowMenuV2CustomEvent<HTMLXvOverflowMenuV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1977,6 +2074,7 @@ declare global {
         "xv-accordion-v2": HTMLXvAccordionV2Element;
         "xv-accordion-v2-item": HTMLXvAccordionV2ItemElement;
         "xv-breadcrumbs-v2": HTMLXvBreadcrumbsV2Element;
+        "xv-button-group-v2": HTMLXvButtonGroupV2Element;
         "xv-button-v2": HTMLXvButtonV2Element;
         "xv-card-v2": HTMLXvCardV2Element;
         "xv-checkbox-v2": HTMLXvCheckboxV2Element;
@@ -2049,7 +2147,45 @@ declare namespace LocalJSX {
     }
     interface XvBreadcrumbsV2 {
     }
+    /**
+     * xv-button-group-v2
+     * Groups a set of `xv-button-v2` buttons into a single horizontal or vertical
+     * unit. Use `secondary` or `tertiary` buttons inside it.
+     * The group owns only three things: the layout direction, the rounded corners
+     * (applied to the outer edges of the group via each button's
+     * `--xv-button-border-radius` variable) and the **active** selection. Everything
+     * else — `variant`, `size`, `disabled`, icons, labels — stays on each child
+     * `xv-button-v2`.
+     * Selection is single by default (radio-like: re-clicking the active button is a
+     * no-op). Set `multiple` to let each button toggle independently. The active
+     * button shows the existing `--button-{type}-active` colour.
+     */
+    interface XvButtonGroupV2 {
+        /**
+          * Allow several buttons to be active at the same time (independent toggles).
+          * @default false
+         */
+        "multiple"?: boolean;
+        /**
+          * Emitted whenever the active selection changes. Carries a `string` in single mode and a `string[]` in `multiple` mode. Does not bubble or cross shadow boundaries, so it never collides with an enclosing component's events.
+         */
+        "onActiveChange"?: (event: XvButtonGroupV2CustomEvent<string | string[]>) => void;
+        /**
+          * Active selection — a single value (single mode) or an array of values (`multiple` mode). Matched against each button's `value`, falling back to its zero-based index when it has none. Via an attribute in `multiple` mode, a comma-separated string is also accepted.
+         */
+        "value"?: string | string[];
+        /**
+          * Layout direction of the group.
+          * @default 'horizontal'
+         */
+        "variant"?: 'horizontal' | 'vertical';
+    }
     interface XvButtonV2 {
+        /**
+          * Set button to active styles
+          * @default false
+         */
+        "active"?: boolean;
         /**
           * Button for full width
           * @default false
@@ -2680,10 +2816,19 @@ declare namespace LocalJSX {
         "warning"?: string | boolean;
     }
     interface XvOverflowMenuV2 {
+        /**
+          * Alias for `position` following the design-system wording. `start` → left, `end` → right.
+         */
+        "alignment"?: 'start' | 'end';
+        /**
+          * Open the menu from an arbitrary element instead of the built-in trigger button. Accepts an element or a CSS selector; a click on it toggles the menu, which is then positioned against that element.
+         */
+        "anchor"?: string | HTMLElement;
         /**
           * @default false
          */
         "disabled"?: boolean;
+        "onOpenChange"?: (event: XvOverflowMenuV2CustomEvent<boolean>) => void;
         "onSelectItem"?: (event: XvOverflowMenuV2CustomEvent<OverflowMenuEvent>) => void;
         /**
           * @default false
@@ -2708,7 +2853,20 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Draws a separator line above the item (e.g. before a "Logout" action).
+          * @default false
+         */
+        "divider"?: boolean;
+        /**
+          * Optional link: renders the item as an anchor so native navigation (middle-click, new tab) works.
+         */
+        "href"?: string;
         "onItemClick"?: (event: XvOverflowMenuV2ItemCustomEvent<OverflowMenuEvent>) => void;
+        /**
+          * Anchor target, only used together with `href`.
+         */
+        "target"?: string;
         "value"?: OverflowMenuEvent['value'];
         /**
           * @default OverflowMenuVariant.DEFAULT
@@ -2942,6 +3100,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
+        /**
+          * @default false
+         */
+        "loading"?: boolean;
         /**
           * @default 200
          */
@@ -3140,6 +3302,7 @@ declare namespace LocalJSX {
         "xv-accordion-v2": XvAccordionV2;
         "xv-accordion-v2-item": XvAccordionV2Item;
         "xv-breadcrumbs-v2": XvBreadcrumbsV2;
+        "xv-button-group-v2": XvButtonGroupV2;
         "xv-button-v2": XvButtonV2;
         "xv-card-v2": XvCardV2;
         "xv-checkbox-v2": XvCheckboxV2;
@@ -3195,6 +3358,20 @@ declare module "@stencil/core" {
             "xv-accordion-v2": LocalJSX.XvAccordionV2 & JSXBase.HTMLAttributes<HTMLXvAccordionV2Element>;
             "xv-accordion-v2-item": LocalJSX.XvAccordionV2Item & JSXBase.HTMLAttributes<HTMLXvAccordionV2ItemElement>;
             "xv-breadcrumbs-v2": LocalJSX.XvBreadcrumbsV2 & JSXBase.HTMLAttributes<HTMLXvBreadcrumbsV2Element>;
+            /**
+             * xv-button-group-v2
+             * Groups a set of `xv-button-v2` buttons into a single horizontal or vertical
+             * unit. Use `secondary` or `tertiary` buttons inside it.
+             * The group owns only three things: the layout direction, the rounded corners
+             * (applied to the outer edges of the group via each button's
+             * `--xv-button-border-radius` variable) and the **active** selection. Everything
+             * else — `variant`, `size`, `disabled`, icons, labels — stays on each child
+             * `xv-button-v2`.
+             * Selection is single by default (radio-like: re-clicking the active button is a
+             * no-op). Set `multiple` to let each button toggle independently. The active
+             * button shows the existing `--button-{type}-active` colour.
+             */
+            "xv-button-group-v2": LocalJSX.XvButtonGroupV2 & JSXBase.HTMLAttributes<HTMLXvButtonGroupV2Element>;
             "xv-button-v2": LocalJSX.XvButtonV2 & JSXBase.HTMLAttributes<HTMLXvButtonV2Element>;
             "xv-card-v2": LocalJSX.XvCardV2 & JSXBase.HTMLAttributes<HTMLXvCardV2Element>;
             "xv-checkbox-v2": LocalJSX.XvCheckboxV2 & JSXBase.HTMLAttributes<HTMLXvCheckboxV2Element>;