xv-webcomponents 1.22.2 → 1.23.1

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

@@ -199,7 +199,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 (index.h("header", { key: '367db1f50b5e830f44d3856f477cffc86d883af1', class: "header" }, index.h("div", { key: '30799028ac203ee37793cf02ff051d301de4547b', class: "header-wrapper" }, index.h("div", { key: 'fc74acbc5a05646ae13b72e8e3b6b5b16e549128', class: "xv-container" }, index.h("div", { key: 'fd39609d7dbd00d4e1a6f2d42936017dc7b92133', class: "header-top" }, index.h("div", { key: '144c2f9b44e10e630e72ddf0f5908a57adb870c0', class: "header-top--left" }, index.h("xv-button-v2", { key: '60bafd1688527ee990d33a737621cc7a0f86c1a8', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index.h("i", { key: 'd3f6921a217103d0ba4737a7fa2cf255ec4ba494', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (index.h("a", { key: '239d6f40cf27b3bd156b3a4b89673e8e7de0ade0', href: `${window.location.origin}/` }, index.h("picture", { key: 'b0d07ac3809b754bd3d9d1a854314f5b5097af65' }, index.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)" }), index.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 && (index.h("xv-link-v2", { key: 'bc159154774361df602ceadcfefc6fbae4612c82', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index.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 && (index.h("li", { key: '5a51295129e0adae87ed44bf0fc64f66b861f223' }, index.h("xv-link-v2", { key: '2bf404f048f0866e88c505d304a0cfd9b6f59728', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index.h("xv-button-v2", { key: '620e2520d9e77310447ddaeacfb8581d1325c614', variant: "ghost", size: _vars.SIZE_VAR.MD }, index.h("i", { key: '2af6b9aaa41072fa0b8a667169c567c67c1fc698', class: "header-icon far fa-envelope" }), index.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 && (index.h("li", { key: '07adfb149a7ef1c5889f1a7a4529d5e0779cf992' }, index.h("xv-link-v2", { key: 'caa650c5c7b479aa44102e2ec370e2f07c854fee', variant: "ghost", href: "https://help.crossvertise.com" }, index.h("xv-button-v2", { key: '1d72eb9a9c084183d7c5d55b2bd1f734296d63c9', variant: "ghost", size: _vars.SIZE_VAR.MD }, index.h("i", { key: '5c175d7afbfc7527e78c51289dd28d9f62af1010', class: "header-icon far fa-question-circle" }), index.h("span", { key: '95f8f14e391470d46647df176dde788653742bbb', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), index.h("div", { key: 'c52d3fc26cb4b787892aedf43b61b7baa5d95935', class: "header-wrapper--bg" }, index.h("div", { key: 'd5445ba26a4691b6f5acf7682fac67a6118d331f', class: "xv-container" }, index.h("xv-mega-menu-next", { key: '55541489dfaf1ce307149e932c7e4bee0e55747f', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), index.h("xv-login-modal", { key: '9383f391de7d39c28775cf9842130b0f3e5dbce5', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (index.h("header", { key: 'e1932c70380d756af07bfa05675b9d5c2c547289', class: "header" }, index.h("div", { key: '183eee57978f19fcb219d7db91ee595550a1107c', class: "header-wrapper" }, index.h("div", { key: '02fcd66ff4da907903f1e334ad5a53a7b9bb2059', class: "xv-container" }, index.h("div", { key: 'aab66eb90337e98f4e59d42aaac564b378f1ab96', class: "header-top" }, index.h("div", { key: 'c5fcfa9014bb2bfb0bced02bd7719ea1035d0908', class: "header-top--left" }, index.h("xv-button-v2", { key: '4a976abf3371f24ce5effaf4cf8ff8362de94403', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index.h("i", { key: '7e0813834a2d910eeb8caf845a20578941d6b849', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (index.h("a", { key: '307c66eb52256b5a2babf83ae73374e773742608', href: `${window.location.origin}/` }, index.h("picture", { key: '40a68d07333b94a546e64b64dedf3d1f0aad33e3' }, index.h("source", { key: 'b1ea9728fbaa7be3db49ef5f345da13e5d9fe128', 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)" }), index.h("img", { key: '26b55e09faf33d6fd7b15eadbfcfd7983ea9091b', 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 && (index.h("xv-link-v2", { key: 'a6afdfd42951d557582e2e5b19fe10ac3d3ab3d7', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index.h("ul", { key: '448514d89b69358c4de90be5f3a2e81efd983bea', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (index.h("li", { key: '61035a716a07da5a2aae58424378ef01983bf824' }, index.h("xv-link-v2", { key: '7c57c3260f4f27595cb812ad1dec511914d5335c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index.h("xv-button-v2", { key: '4abd8f7dcf600df0a14e6838fee395f441fede9d', variant: "ghost", size: _vars.SIZE_VAR.MD }, index.h("i", { key: '09c17b6dc458482bd5bc037c33879e717e5e2414', class: "header-icon far fa-envelope" }), index.h("span", { key: 'd26a89c70294dc18303f5909e354d815fa254d0c', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (index.h("li", { key: '33b0d3b5c9c239a3a528375b72ed105084f70851' }, index.h("xv-link-v2", { key: '38a72e3aeff4ffdd95cf3b65eb0d1b48f9d4cdb9', variant: "ghost", href: "https://help.crossvertise.com" }, index.h("xv-button-v2", { key: 'f9adcd32c71b048b5bcd477a2bdf2c9dff8461d7', variant: "ghost", size: _vars.SIZE_VAR.MD }, index.h("i", { key: '0cf12dc0e0b8cfd7a6541f4e656b66dbcb9d8cbf', class: "header-icon far fa-question-circle" }), index.h("span", { key: '3c329275f4ec1575bab6ec0fe66704e56ad9d084', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), index.h("div", { key: '52276a7cfae8499d7818c792faa9917af5dbc1b3', class: "header-wrapper--bg" }, index.h("div", { key: 'd7d308bf85f8b085632cd3eab6a065569cb70f68', class: "xv-container" }, index.h("xv-mega-menu-next", { key: 'df7cd9de15f68c121e8b59bd4a0910473afcad7f', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), index.h("xv-login-modal", { key: '132923db6ca3327bf9db41470ef6837b357a42fe', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
     }
     get el() { return index.getElement(this); }
 };

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

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

package/dist/cjs/xv-webcomponents.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["xv-accordion-v2_48.cjs",[[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",{"itemsPerPage":[1026,"items-per-page"],"itemsPerPageOptions":[1,"items-per-page-options"],"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16],"totalItems":[2,"total-items"],"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],"helper":[1],"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],"helper":[1],"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],"clearable":[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":[513],"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.cjs",[[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.cjs",[[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 index.bootstrapLazy(JSON.parse("[[\"xv-accordion-v2_49.cjs\",[[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],\"disabledDates\":[16],\"month\":[32],\"days\":[32],\"open\":[32],\"localError\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"open\":[{\"openChange\":0}],\"month\":[{\"getCalendarGrid\":0}],\"min\":[{\"getCalendarGrid\":0}],\"max\":[{\"getCalendarGrid\":0}],\"disabledDates\":[{\"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\",{\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[1,\"items-per-page-options\"],\"total\":[2],\"page\":[1026],\"size\":[1],\"block\":[4],\"variant\":[1],\"responsiveVariant\":[16],\"totalItems\":[2,\"total-items\"],\"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],\"helper\":[1],\"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\"]]],[1,\"xv-geo-map-v2\",{\"apiBase\":[1,\"api-base\"],\"indicator\":[1],\"indicatorLabel\":[1,\"indicator-label\"],\"level\":[1],\"resolution\":[1],\"tiles\":[1],\"attribution\":[1],\"centerLng\":[2,\"center-lng\"],\"centerLat\":[2,\"center-lat\"],\"zoom\":[2],\"selectZoom\":[2,\"select-zoom\"],\"workerUrl\":[1,\"worker-url\"],\"lazy\":[4],\"ready\":[32],\"loadError\":[32],\"zoomGated\":[32],\"searchResults\":[32],\"searchQuery\":[32],\"selectByRadius\":[64],\"selectPostalCodes\":[64],\"clearSelection\":[64],\"previewByRadius\":[64],\"clearPreview\":[64]},null,{\"level\":[{\"levelChanged\":0}],\"selectZoom\":[{\"selectZoomChanged\":0}]}],[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]},null,{\"value\":[{\"onValueChange\":0}]}],[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],\"helper\":[1],\"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],\"clearable\":[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\":[513],\"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.cjs\",[[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.cjs\",[[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);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "components/xv-geo-map/xv-geo-map.js",
     "components/xv-accordion/xv-accordion.js",
     "components/xv-accordion-item/xv-accordion-item.js",
     "components/xv-breadcrumbs/xv-breadcrumbs.js",

package/dist/collection/components/xv-accordion/xv-accordion.js

@@ -5,6 +5,8 @@ export class XvAccordion {
         this.multiple = false;
         this.xvId = uidGenerator();
         this.opened = new Set();
+        /** Set while `toggleItem` writes `value`, so the watcher ignores its own echo. */
+        this.applyingValue = false;
     }
     async toggleItem(value) {
         if (this.opened.has(value)) {
@@ -13,19 +15,31 @@ export class XvAccordion {
         else {
             if (!this.multiple)
                 this.opened.clear();
+            this.applyingValue = true;
             this.value = value;
+            this.applyingValue = false;
             this.opened.add(this.value);
         }
         this.accordionChange.emit({ opened: this.opened, id: this.xvId });
         return { opened: this.opened, id: this.xvId };
     }
+    /** Opens the named item; an empty value collapses everything. Idempotent, unlike `toggleItem`. */
+    onValueChange(value) {
+        if (this.applyingValue || (value && this.opened.has(value)))
+            return;
+        if (!this.multiple)
+            this.opened.clear();
+        if (value)
+            this.opened.add(value);
+        this.accordionChange.emit({ opened: this.opened, id: this.xvId });
+    }
     componentWillLoad() {
-        if (this.value) {
-            return this.toggleItem(this.value);
-        }
+        // Idempotent on purpose: a `value` that arrived after the instance was created is already open.
+        if (this.value)
+            this.onValueChange(this.value);
     }
     render() {
-        return (h(Host, { key: '66ebac5125b765878f7e21225f60f254bde5e07f', class: "xv-accordion", "data-id": this.xvId }, h("slot", { key: 'b5081e54395f14436a7f066fee6e75a48c9b797f' })));
+        return (h(Host, { key: 'e69c356b4d5779f357ad39353b7131fc750b2471', class: "xv-accordion", "data-id": this.xvId }, h("slot", { key: 'fed73d3e2af953702fce5d4048790b44f6963060' })));
     }
     static get is() { return "xv-accordion-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -159,4 +173,10 @@ export class XvAccordion {
             }
         };
     }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "onValueChange"
+            }];
+    }
 }

package/dist/collection/components/xv-accordion-item/xv-accordion-item.js

@@ -8,18 +8,24 @@ export class XvAccordionItem {
             if (this.disabled)
                 return;
             this.isOpen = !this.isOpen;
-            (_b = (_a = this.el.closest('xv-accordion-v2')) === null || _a === void 0 ? void 0 : _a.toggleItem) === null || _b === void 0 ? void 0 : _b.call(_a, this.value);
+            (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.toggleItem) === null || _b === void 0 ? void 0 : _b.call(_a, this.value);
         };
     }
-    handleAccordionChange(event) {
+    /** The parent emits its initial state before rendering `data-id`, so derive it instead of waiting for the event. */
+    componentWillLoad() {
         var _a;
-        const parentAccordionId = (_a = this.el.closest('[data-id]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-id');
-        if (event.detail.id !== parentAccordionId)
+        this.isOpen = !!this.value && ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.value) === this.value;
+    }
+    handleAccordionChange(event) {
+        if (!this.parent || event.detail.id !== this.parent.xvId)
             return;
         this.isOpen = event.detail.opened.has(this.value);
     }
+    get parent() {
+        return this.el.closest('xv-accordion-v2');
+    }
     render() {
-        return (h(Host, { key: '5fe033e9c84847bd4267f02842840436593bb858', class: `${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'c15ccbfa2cc9633dc891487db671697ecd7a1bbf', class: `label ${this.isOpen ? 'opened' : 'closed'}`, onClick: this.toggle }, h("span", { key: 'e5d5f4306863162fa04eb447320288e0477940b8' }, this.label)), h("div", { key: '5f9e1856586d82077cad8316a8efd31f3e7ac2e1', class: `content ${this.isOpen ? 'opened' : 'closed'}` }, h("slot", { key: 'dcf66848d24dd32d2e879fd0dea43fb102133277' }))));
+        return (h(Host, { key: 'a3cb0facfd983da8005bfbacca5af18ae8064eb3', class: `${this.disabled ? 'disabled' : ''}` }, h("label", { key: '9400e4d4626bf7af0ec6505b541b674e2e8b9ed0', class: `label ${this.isOpen ? 'opened' : 'closed'}`, onClick: this.toggle }, h("span", { key: 'ad386d89c6297c1d8820bff4eaefcdf14be33ce2' }, this.label)), h("div", { key: 'cf457ae8201e682133a875694296d73535979464', class: `content ${this.isOpen ? 'opened' : 'closed'}` }, h("slot", { key: 'd2452325e21ceb08094f62b372b67ba972bcd863' }))));
     }
     static get is() { return "xv-accordion-v2-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class XvBreadcrumbs {
     render() {
-        return (h("div", { key: 'acc7010fa89c56d0b614227aac9e233d1b114439', class: "xv-breadcrumbs" }, h("div", { key: 'e0b80660e0a22f8ce0005de787fcefa1e98df60b', class: "xv-breadcrumbs__container" }, h("slot", { key: 'e2a6d981bc4e72bd967491f1e49773c2cf5123c4' }))));
+        return (h("div", { key: '9755c5e5f0802a1efbddffc6f6f2018147b8ffce', class: "xv-breadcrumbs" }, h("div", { key: '36cd6772a9cbe1b9c4f49a55f3c6e27d418a50fc', class: "xv-breadcrumbs__container" }, h("slot", { key: 'cef6a3c3d55767a6232c6067336d92cb41113f1d' }))));
     }
     static get is() { return "xv-breadcrumbs-v2"; }
     static get originalStyleUrls() {

package/dist/collection/components/xv-button/xv-button.js

@@ -44,7 +44,7 @@ export class XvButton {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '0b4741e866dfbb0117f2742e44085bf23d43cd3b' }, h("button", { key: '37c3f64732c91255257502a1c8d97c2befd1038c', class: {
+        return (h(Host, { key: 'fba11c0f184ccf501ac868e7db8541c1831b77d7' }, h("button", { key: '9783c96ce88d62a906203ec07700b81951d573af', class: {
                 'xv-button': true,
                 'xv-button--active': this.active,
                 [`xv-button--${this.variant}`]: !!this.variant,
@@ -55,7 +55,7 @@ export class XvButton {
                 'xv-button--icon-left': this.hasLeftIcon,
                 'xv-button--icon-right': this.hasRightIcon,
                 'xv-button--icon-only': !this.hasContent,
-            }, part: "button", title: (_a = this.el) === null || _a === void 0 ? void 0 : _a.title, value: this.value, name: this.name, onClick: this.handleClick, type: this.type, disabled: this.disabled || this.loading, "aria-disabled": this.disabled ? 'true' : undefined, "aria-pressed": this.active ? 'true' : undefined, "aria-label": ((_b = this.el) === null || _b === void 0 ? void 0 : _b.ariaLabel) || 'XV button' }, this.loading && (h("xv-loader-v2", { key: '8f9c1e0fc5dd12e2274ff0811bbd28998a8125e7', class: "xv-button__loader", size: this.size !== SIZE_VAR.XL ? this.size : SIZE_VAR.LG })), h("span", { key: '84c7fbe1ad877d8ecf2c32c4ee2b768331148dd5', class: "xv-button__icon xv-button__icon--left" }, h("slot", { key: '2d09347c947e6986c0549052c4498d55a9f1922e', name: "icon-left", onSlotchange: this.handleSlotChangeLeft })), h("span", { key: 'abef513bf0445f069bfe14dc4def3b1ef5d36deb', class: "xv-button__label" }, h("slot", { key: 'badaca4a0d972bfb54d816bef2e2b0605a069757', onSlotchange: this.handleSlotChangeContent }, this.label)), h("span", { key: '93eb382ec484b5f2e46faa5b9ca25cbbb78236bf', class: "xv-button__icon xv-button__icon--right" }, h("slot", { key: '0b1b9645e5ddfe0652dfbfda3d4795dea1f7ba70', name: "icon-right", onSlotchange: this.handleSlotChangeRight })))));
+            }, part: "button", title: (_a = this.el) === null || _a === void 0 ? void 0 : _a.title, value: this.value, name: this.name, onClick: this.handleClick, type: this.type, disabled: this.disabled || this.loading, "aria-disabled": this.disabled ? 'true' : undefined, "aria-pressed": this.active ? 'true' : undefined, "aria-label": ((_b = this.el) === null || _b === void 0 ? void 0 : _b.ariaLabel) || 'XV button' }, this.loading && (h("xv-loader-v2", { key: '8d8a79349f84395901fc1fa72317308588876446', class: "xv-button__loader", size: this.size !== SIZE_VAR.XL ? this.size : SIZE_VAR.LG })), h("span", { key: '50169ff5514713c3bbbc88391b76be3347c0f9b7', class: "xv-button__icon xv-button__icon--left" }, h("slot", { key: '52e7455112b8fc7fb4ee0eceb1d688fc9f152f0a', name: "icon-left", onSlotchange: this.handleSlotChangeLeft })), h("span", { key: '737e1299d74237a86f05dcc17a64c8b40e6b84e8', class: "xv-button__label" }, h("slot", { key: '4df615791319755854d0a1c764e198ba57e3ca44', onSlotchange: this.handleSlotChangeContent }, this.label)), h("span", { key: 'a9f2c26b062a66936d06a351ae07b0fc45cb6206', class: "xv-button__icon xv-button__icon--right" }, h("slot", { key: '054be184e477bf14580a7a8e6eff544518650070', name: "icon-right", onSlotchange: this.handleSlotChangeRight })))));
     }
     static get is() { return "xv-button-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-button-group/xv-button-group.js

@@ -89,7 +89,7 @@ export class XvButtonGroup {
         });
     }
     render() {
-        return (h(Host, { key: '173e1e09cd6a12d8f3058395914ddeceb8c12b2c', role: "group" }, h("slot", { key: 'ed963d11b49624d4f9e7144c6a9421449bfb27c4', onSlotchange: () => this.syncActive() })));
+        return (h(Host, { key: '75f76838e6231856ae785c86258856c5a47cbc61', role: "group" }, h("slot", { key: '35e8caa705a672a5fe2933b6bb96dd73c938e64c', onSlotchange: () => this.syncActive() })));
     }
     static get is() { return "xv-button-group-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-card/xv-card.js

@@ -4,7 +4,7 @@ export class XvCard {
         this.variant = 'vertical';
     }
     render() {
-        return (h(Host, { key: 'debeef927ae357d90bc496b616ae851ac7d2a2bf', class: `xv-card xv-card_${this.variant}`, part: this.variant }, h("div", { key: 'e5797327edf341eabd431d5da99c29076527bb53', class: "xv-card_media" }, h("slot", { key: '74711e7ab0ee8ea2398c6db897d2e07b44a5ecbe', name: "media" }, this.media && h("img", { key: 'f8d0e9bbc2bc85e826d6ba1d15ba05dfb0df293e', class: "xv-card_media__content", src: this.media, alt: this.header }))), h("div", { key: '384f1af6ce89280bf780603434622b52bd4cfd2d', class: "xv-card_content" }, h("div", { key: '1d4d31575cd1f2bd29156b98c4fcebe8735d9b6d', class: "xv-card_header" }, h("slot", { key: 'c234c229570dbe3adea5539be538d30b76b94dc4', name: "header" }, this.header && h("p", { key: 'd1276aa41d2d7448e9dcde8353a386d41c4b896a', class: "xv-card_header__content" }, this.header))), h("div", { key: '05e03cc8ee98ced05a24af018e0e0a6e56041f58', class: "xv-card_body" }, h("slot", { key: '56fc5e21bf601688e70b25600f1beb2578396778', name: "body" }, this.body && h("p", { key: '8d4dce44c752cbd2bd91657174e5a278868113e2', class: "xv-card_body__content" }, this.header))), h("div", { key: 'd556eaa66c876154b9e918bf662492792db96a5a', class: "xv-card_footer" }, h("slot", { key: 'c101c5341266e0b24ec9e66756b0f60894c6ff12', name: "footer" }, this.footer)))));
+        return (h(Host, { key: 'e727e80c64728a3cdf809ac14df0d8a209a9e1ac', class: `xv-card xv-card_${this.variant}`, part: this.variant }, h("div", { key: '4f7d067fc749b3c0b6a7f9b697095291ca9ebc19', class: "xv-card_media" }, h("slot", { key: '7a9756035ed1154bd8c97b344ace21dfe7d68054', name: "media" }, this.media && h("img", { key: '4d6eda9d66a993a51a6252accbd5a2bf9398cbdc', class: "xv-card_media__content", src: this.media, alt: this.header }))), h("div", { key: '1998a64d875197acc6d7739ea8daaba0a1233fff', class: "xv-card_content" }, h("div", { key: '79cb4a95662f405d1dcf2af50ff62a361c06930b', class: "xv-card_header" }, h("slot", { key: '33761912c88f7f3ec517709bdee61c806b56a32a', name: "header" }, this.header && h("p", { key: 'ece5395203308cd0f4991594a5d2f69d72e8cbaa', class: "xv-card_header__content" }, this.header))), h("div", { key: 'ccee6405aafcec8f45eea2feb725a4a452dc77bd', class: "xv-card_body" }, h("slot", { key: 'b135f8d40a2a11b815a25c8138cac779b0ce5389', name: "body" }, this.body && h("p", { key: '5e64fc46e61bc0c3bf0d2f65775eb5527077307d', class: "xv-card_body__content" }, this.header))), h("div", { key: '722203cf13b7ef8ca87ca7283624d2928769d90b', class: "xv-card_footer" }, h("slot", { key: 'b3ee59c1c3e1c03a2e9152d48817dfd8f3c01887', name: "footer" }, this.footer)))));
     }
     static get is() { return "xv-card-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-checkbox/xv-checkbox.js

@@ -69,12 +69,12 @@ export class XvCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '32ba4e94a80b3f54e362c63f1578c24b9ae7d38f' }, h("label", { key: '34e5648a0c6f455a9537a940dc4fd7ad059fc0cf', class: {
+        return (h(Host, { key: 'c6935a14e59e040085e0357f327de6bae85938f2' }, h("label", { key: '83da60db2471ed903dc014713d8f4d7bea7110e7', class: {
                 'xv-checkbox': true,
                 disabled: this.disabled,
                 readonly: this.readonly,
                 [`xv-checkbox--align-${this.align}`]: !!this.align,
-            } }, h("input", { key: 'aee7409afdb28f31003be2e639812a396fa79611', ref: el => (this.inputEl = el), type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, required: this.required, indeterminate: this.indeterminate, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("span", { key: 'd44782c42397ba989ba1b46e62ae87f2f6a8e2c6', class: `checkmark ${this.partial ? 'checkmark-partial' : ''}` }), h("div", { key: '50ccc9ca04a1020d11903d671fc11afc7e5f03f7', class: "label" }, h("slot", { key: '1beb2ec12d33aed1b6e31933cb1ec0cba215c9e8' }, this.label && h("span", { key: '524a4e284b87e576006fc771eb8eeeac43d5e842', class: "label_str" }, this.label)))), h("slot", { key: 'e94f73ced700cb22dcd6bd9d681bc38e6b30f598', name: "info" }), !!this.error && h("span", { key: '70f12567216440af10b3685cc24ff7e850f5ac4c', class: "error" }, this.error)));
+            } }, h("input", { key: '1c0da6b7baba4d09ff96f8cb2d62159fb60f3d65', ref: el => (this.inputEl = el), type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, required: this.required, indeterminate: this.indeterminate, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("span", { key: 'b7f2bbb12244ba6a93a4cb9ac2593237bac26524', class: `checkmark ${this.partial ? 'checkmark-partial' : ''}` }), h("div", { key: 'e342163a137d67d597d04414965d143b3bd0090f', class: "label" }, h("slot", { key: '1b0de85314b48632fb5994a9d3b1dd92a4a36068' }, this.label && h("span", { key: '8f98fb5569939842bffb6b99b070cc9ffaed4343', class: "label_str" }, this.label)))), h("slot", { key: '8148bb0ab61261e5be3bb6219062b3454a561195', name: "info" }), !!this.error && h("span", { key: '94bbe30a1d6de3f9895a94bf35a9d1dffb02a823', class: "error" }, this.error)));
     }
     componentDidLoad() {
         if (this.indeterminate) {

package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.js

@@ -20,7 +20,7 @@ export class XvContentSwitcherItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '3c6d341d5fbeb6f91ceb326e35a56238be9c8e01' }, h("slot", { key: '85e165a849945f8f4bede9d0cdbb7af8676f85ec' })));
+        return (h(Host, { key: 'c91c4095819a485468c85ef0a04995b2bff0d229' }, h("slot", { key: 'd65d0bd721b0e69476d8d724935c95c55700c982' })));
     }
     static get is() { return "xv-content-switcher-item-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-content-switcher/xv-content-switcher.js

@@ -133,14 +133,14 @@ export class XvContentSwitcher {
         return null;
     }
     render() {
-        return (h(Host, { key: '1298193e6670d6f13e6c9026a29d34b486d78d7e' }, h("div", { key: '102fd42b1d02d166bc298bdcc78e6f9d89bb7301', class: "switcher", role: "tablist", "aria-orientation": "horizontal" }, this.items.map((item, index) => {
+        return (h(Host, { key: '8b31b1c11689777b9e051686bee96d65c1acad21' }, h("div", { key: '620e9f59d8a41ac12f4ddcb44f909a00d173f96d', class: "switcher", role: "tablist", "aria-orientation": "horizontal" }, this.items.map((item, index) => {
             const key = this.getItemKey(item, index);
             const selected = this.isSelected(item, index);
             const itemDisabled = this.isItemDisabled(item);
             const label = item.getAttribute('label') || '';
             const icon = item.getAttribute('icon');
             return (h("button", { type: "button", role: "tab", class: { switcher_item: true, selected }, "aria-selected": selected ? 'true' : 'false', "aria-label": this.iconOnly ? label || undefined : undefined, title: this.iconOnly ? label || undefined : undefined, disabled: itemDisabled, tabIndex: selected ? 0 : -1, onClick: () => this.select(key), onKeyDown: (event) => this.handleKeyDown(event, index) }, icon && h("i", { class: `switcher_item-icon ${icon}`, "aria-hidden": "true" }), !this.iconOnly && label && h("span", { class: "switcher_item-label" }, label)));
-        })), h("div", { key: 'd420e3ee370e1f610b5503dc3e2b6539a5046bdf', class: "switcher_content", role: "tabpanel", tabindex: -1 }, h("slot", { key: '307a4c1892cc42a659e531303676341ef6aef50c', onSlotchange: this.collectItems }))));
+        })), h("div", { key: '3a7bcb7c000ffc9d524efb6c9b31552ee875cceb', class: "switcher_content", role: "tabpanel", tabindex: -1 }, h("slot", { key: '766748b9712a0072ef009213f6578a2497b7ef60', onSlotchange: this.collectItems }))));
     }
     static get is() { return "xv-content-switcher-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js

@@ -22,7 +22,7 @@ export class XvDataTableCell {
     }
     ;
     render() {
-        return (h(Host, { key: '40236670a4c8e778ce7d3b42cbdef0e2723eed58', role: "cell", style: { width: this.width }, class: {
+        return (h(Host, { key: '0df8782b338e3a26e7d44cdef99a528f43c7096e', role: "cell", style: { width: this.width }, class: {
                 multiline: this.multiline !== undefined,
                 [`align--${this.align}`]: !!this.align
             } }, !this.multiline || isNaN(this.multiline) ? this.__renderWithTooltip() : (h("div", { class: "line-clamp", style: { ['-webkit-line-clamp']: `${this.multiline}` } }, this.__renderWithTooltip()))));

package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js

@@ -15,7 +15,7 @@ export class XvDataTableCollapse {
         rows.forEach((row) => row === null || row === void 0 ? void 0 : row.setAttribute('collapsable', ''));
     }
     render() {
-        return (h(Host, { key: '855f6ef7ca66001aefcad04c5c4498c305b88ea8', id: this.el.id, part: "xv-collapse", class: this.el.className, collapsed: this.collapsed, expanded: !this.collapsed }, h("slot", { key: '2337058eec638c4f27f014a05e87849b12be4e99' })));
+        return (h(Host, { key: '8af939d58827a45227da4a1fe0633e0a3b71ae4b', id: this.el.id, part: "xv-collapse", class: this.el.className, collapsed: this.collapsed, expanded: !this.collapsed }, h("slot", { key: 'a85ddac7154a56db6b988cd5180b37bb63933703' })));
     }
     static get is() { return "xv-data-table-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js

@@ -74,7 +74,7 @@ export class XvDataTableRow {
         const isGroup = !!this.collapse || !!this.group;
         const isDraggableRow = this.reorderable && !isHeader && !isFooter && !this.group;
         const showHandleCell = this.reorderable && this.reorderHandleMode === 'icon';
-        return (h(Host, { key: '373373acefd9af83de30333e5b113f390e2e6217', role: "row", part: "xv-row", class: {
+        return (h(Host, { key: 'd9bb6ddc1597a4904c951d7e7b1a38fcb0b5b2e8', role: "row", part: "xv-row", class: {
                 checked: this.checked,
                 hover: this.hover,
                 disabled: this.disabled,
@@ -82,7 +82,7 @@ export class XvDataTableRow {
                 header: isHeader,
                 footer: isFooter,
                 'reorder-row': isDraggableRow && this.reorderHandleMode === 'row',
-            } }, showHandleCell && (h("xv-data-table-cell", { key: '83b525965e82466c54118754217e672e0396eda3', width: "16px", class: "cell-control cell-control--drag" }, isDraggableRow && (h("span", { key: 'cee824eaa91f021ba60ecee5fb0ff8a85d753972', class: `cell-control_drag ${XV_ROW_DRAG_HANDLE_CLASS}`, "aria-label": "Drag to reorder" }, h("svg", { key: '3fc73eec2a1034d64e0994da564958dc48f67b43', viewBox: "0 0 8 14", width: "8", height: "14", fill: "currentColor", "aria-hidden": "true" }, h("circle", { key: 'e4a9a528e494a67d50073a3df5ea84ce362b5b42', cx: "2", cy: "2", r: "1.2" }), h("circle", { key: 'a6980f7e7d7a938d211d1da27ab46f643ce78e0b', cx: "6", cy: "2", r: "1.2" }), h("circle", { key: '2382f97b904f4aa49e0b31caebdbbda50873e63d', cx: "2", cy: "7", r: "1.2" }), h("circle", { key: 'ed741113a78560e3e7b8ade59527e7d15aacba80', cx: "6", cy: "7", r: "1.2" }), h("circle", { key: '7ea397ea58e5f79c98f81c675ee18c4842aa8011', cx: "2", cy: "12", r: "1.2" }), h("circle", { key: '950d8006bac3ff32f893d0e214984ad7a8a08cbd', cx: "6", cy: "12", r: "1.2" })))))), (!!this.variant || this.collapsable) && (h("xv-data-table-cell", { key: '236f7a4f3abd0dcc1a229962e78ea2cbd2877835', width: !!this.variant ? '16px' : '0', class: "cell-control" }, !!this.collapse && (h("button", { key: '16581137aafc05d90e97c3b1ba71d1f2ff23e9d9', class: { 'cell-control_collapse': true, open: !this.collapsed }, onClick: this.collapseClick })), this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'd7ec1732f4c73f44385c39317a3fd0060465ad14', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, readonly: this.readonly, required: this.required, onEventChange: this.checkedChangeHandle, class: "cell-control_checkbox" })))), h("slot", { key: '6ab432afa57d1df631872c51a0ece74a62f05a8f', onSlotchange: this.setInitialState })));
+            } }, showHandleCell && (h("xv-data-table-cell", { key: '31047dc1b9eb9ad0f53a734f34934248dd24953a', width: "16px", class: "cell-control cell-control--drag" }, isDraggableRow && (h("span", { key: '4eb1a2363ccc46146e41e72c70475456492900de', class: `cell-control_drag ${XV_ROW_DRAG_HANDLE_CLASS}`, "aria-label": "Drag to reorder" }, h("svg", { key: '3a7c0a9c948092b378e24938cbbceed3b6a8dd89', viewBox: "0 0 8 14", width: "8", height: "14", fill: "currentColor", "aria-hidden": "true" }, h("circle", { key: '3227502198d59b9eeee42a532178da2198fb9a37', cx: "2", cy: "2", r: "1.2" }), h("circle", { key: '167b75f4623a83cf510bc371d67f7a7f1a54a7fa', cx: "6", cy: "2", r: "1.2" }), h("circle", { key: 'c14fa5cdef879c2595454568912bb45c37404d1f', cx: "2", cy: "7", r: "1.2" }), h("circle", { key: '8f08a6edb2665bb214293ae3f9a32269d0a926ec', cx: "6", cy: "7", r: "1.2" }), h("circle", { key: 'dadcbaf93e4c9215fefbe766a320a3eecf71e964', cx: "2", cy: "12", r: "1.2" }), h("circle", { key: '04ffe62ba13cf1799c6ad05908dcc94c3e6eaefb', cx: "6", cy: "12", r: "1.2" })))))), (!!this.variant || this.collapsable) && (h("xv-data-table-cell", { key: 'e972b33cf8b9d7406967a94b9a5c0e00e547c44e', width: !!this.variant ? '16px' : '0', class: "cell-control" }, !!this.collapse && (h("button", { key: 'c7e0ae5898d059d134201f22b18ff0e278e36842', class: { 'cell-control_collapse': true, open: !this.collapsed }, onClick: this.collapseClick })), this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'ae49a7926b6225240a27e64137bdc17f5960af0c', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, readonly: this.readonly, required: this.required, onEventChange: this.checkedChangeHandle, class: "cell-control_checkbox" })))), h("slot", { key: 'ee569da095e277efab04ce534ab1c66cf421bafa', onSlotchange: this.setInitialState })));
     }
     static get is() { return "xv-data-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-data-table/xv-data-table.js

@@ -104,7 +104,7 @@ export class XvDataTable {
         this.initSortable();
     }
     render() {
-        return (h(Host, { key: '9bfdf5a7608cd53743e79f71c1d64e3bc9b494ea', class: "xv-data-table" }, h("caption", { key: 'f3e7c40d0a89ef38c142ddb914652bb4ba690351' }, h("slot", { key: '16a25ea4df7e58fb7092314a8fa99bb683093aee', name: "title" })), h("div", { key: '16c283141a44ee147e0d5d7d3ba97748bb9cd3b4', class: "bar" }, h("div", { key: '79aaa8aa765a4607ba8280870d1b2c9676949711', class: "bar_batch" }, h("slot", { key: '31a69635f2eff40282fae73e97589ce97d46c7fa', name: "batch" })), h("div", { key: 'cb4ce2e11bc511737c48165464827656d7a72589', class: "bar_toolbar" }, h("slot", { key: 'ef48a443241b8c4175a2c56b692e8aac33c4e2f6', name: "toolbar" }))), h("table", { key: '632139c3e130422d4612810afd643c2dc3aa45b0', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: 'd90e13684bb2cb7c017c91848105f1bf42747326' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("thead", { key: '1b06590f01a8e54c37dd443e47fd08a89e134570' }, h("slot", { key: 'eb6e14c86b57e93b8ded7e7a0c11b591c6110df8', name: "header" })), h("tbody", { key: '6e1a268ff840ab451f40c481c5e44f8b143ce38a' }, h("slot", { key: 'ee3db294cffd71778083bbaf6cbb6963098448d4' })), h("tfoot", { key: 'b17b1cbcc2ade5f4a8ee68212ef5420bf11061bd' }, h("slot", { key: 'acbf2ff04a4ecc77104210eaa42ef80597a8ff2a', name: "footer" }))), !!this.loading && (h("div", { key: '5a4b730b4feaded1a2faeea351d9993337e144a8', class: "loading" }, h("xv-loader-v2", { key: '48b115063b7f6a1ead7461b0bc92c2dfacb38690', size: SIZE_VAR.LG })))));
+        return (h(Host, { key: '570fd2eb4b0144b9102b96195c797eb02c472455', class: "xv-data-table" }, h("caption", { key: '7bbd19ed3c51fc900999cdde45ce333676a0ccf2' }, h("slot", { key: 'e8bc08a4908449f492442979ba4ea894d7629988', name: "title" })), h("div", { key: '6afa75966f280bc433bbb8e6d7f6c4241be8d37e', class: "bar" }, h("div", { key: '1646ccaaf4391042026d7d9542d86dbf9a9d1138', class: "bar_batch" }, h("slot", { key: 'c0c1772e536561a6c8f32e3796b78171ec8f8504', name: "batch" })), h("div", { key: 'f21d76f5c6ae57fc8cc53e5da9b83385ceb9926d', class: "bar_toolbar" }, h("slot", { key: '83e885cdf49d9fae16f6d295df096e74fa120bd3', name: "toolbar" }))), h("table", { key: 'fb0979ed7443b340ea1c1c376f1efc189be03b4d', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: '1a3885fd837a7e34bf25e34e7c606d7ea6bc9afe' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("thead", { key: '0fa1dec18a894ec1ff4da2c60aca5bf33f5949df' }, h("slot", { key: '6711a45920494a39934ef524fb0b8022fde77ec2', name: "header" })), h("tbody", { key: '46a2488485441766ba0d3e5a149a0b05a67d3756' }, h("slot", { key: '6f60c1fe6a076cc6750e7abad9e4b1a643bd1d6c' })), h("tfoot", { key: '6f2a17a4ade1a65cb7dd3ecfb15f91b7bd0f16bb' }, h("slot", { key: 'efd3e17fc926009f8dcaa273618f5f9168451b5d', name: "footer" }))), !!this.loading && (h("div", { key: 'bb8f79de1e43a5c4fe66d9f1c3c8bf54ffa441cf', class: "loading" }, h("xv-loader-v2", { key: 'a89466627f436e46e07cca56fbefda0c13d3781c', size: SIZE_VAR.LG })))));
     }
     static get is() { return "xv-data-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-datepicker/xv-datepicker.js

@@ -31,7 +31,8 @@ export class XvDatepicker {
                 return;
             }
             if ((this.minDate && dateFns.isBefore(newDate, this.minDate)) ||
-                (this.maxDate && dateFns.isAfter(newDate, this.maxDate))) {
+                (this.maxDate && dateFns.isAfter(newDate, this.maxDate)) ||
+                this.disabledSet.has(val)) {
                 return;
             }
             if (this.variant === 'single') {
@@ -56,7 +57,8 @@ export class XvDatepicker {
             const val = new Date(input.value);
             if (!dateFns.isValid(val) ||
                 (this.minDate && dateFns.isBefore(val, this.minDate)) ||
-                (this.maxDate && dateFns.isAfter(val, this.maxDate))) {
+                (this.maxDate && dateFns.isAfter(val, this.maxDate)) ||
+                this.disabledSet.has(input.value)) {
                 this.value[range === 'start' ? 0 : 1] = undefined;
                 input.value = '';
                 this.localError = 'Das angegebene Datum ist nicht verfügbar.';
@@ -131,6 +133,30 @@ export class XvDatepicker {
             return iso;
         return dateFns.parse(this.max, 'yyyy-MM-dd', new Date());
     }
+    get disabledSet() {
+        var _a;
+        const keys = ((_a = this.disabledDates) !== null && _a !== void 0 ? _a : []).map(d => this.toDayKey(d)).filter(Boolean);
+        return new Set(keys);
+    }
+    /** Normalise a disabled-date entry to a local 'yyyy-MM-dd' key. */
+    toDayKey(value) {
+        if (value instanceof Date) {
+            return dateFns.isValid(value) ? dateFns.format(value, DEF_FORMAT) : '';
+        }
+        // Bare 'yyyy-MM-dd' is already a key — use verbatim to avoid a TZ shift
+        // from re-parsing it into a Date.
+        if (/^\d{4}-\d{2}-\d{2}$/.test(value))
+            return value;
+        const parsed = dateFns.parseISO(value);
+        return dateFns.isValid(parsed) ? dateFns.format(parsed, DEF_FORMAT) : '';
+    }
+    isDayDisabled(date, disabled = this.disabledSet) {
+        if (this.minDate && dateFns.isBefore(date, this.minDate))
+            return true;
+        if (this.maxDate && dateFns.isAfter(date, this.maxDate))
+            return true;
+        return disabled.has(dateFns.format(date, DEF_FORMAT));
+    }
     get isPrevDisabled() {
         if (!this.minDate)
             return false;
@@ -164,13 +190,14 @@ export class XvDatepicker {
     getCalendarGrid() {
         const start = dateFns.startOfWeek(dateFns.startOfMonth(this.month), { weekStartsOn: 1 });
         const end = dateFns.endOfWeek(dateFns.endOfMonth(this.month), { weekStartsOn: 1 });
+        const disabled = this.disabledSet;
         this.days = dateFns.eachDayOfInterval({ start, end }).map(date => ({
             date,
             week: dateFns.getWeek(date, { weekStartsOn: 1 }),
             day: date.getDate(),
             isCurrentMonth: dateFns.isSameMonth(date, this.month),
             isToday: dateFns.isToday(date),
-            disabled: (this.minDate && dateFns.isBefore(date, this.minDate)) || (this.maxDate && dateFns.isAfter(date, this.maxDate))
+            disabled: this.isDayDisabled(date, disabled)
         }));
         return this.days;
     }
@@ -234,12 +261,12 @@ export class XvDatepicker {
             warning: this.warning,
             helper: this.helper,
         });
-        return (h(Host, { key: '0398b77b6e5b6c1664f34cec632a9811f0004dda', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, h("div", { key: 'eacd3f96b33ae351271daf58deffd9523921b520', "aria-controls": "popover", class: "control" }, this.label && h("label", { key: '450b724b86ff4d60960cb43d4ec2410bb25a3de0', class: "control_label" }, this.label), h("div", { key: '454fa95047b044f584495e18027d24e6f0b14e7f', class: {
+        return (h(Host, { key: 'd3824a5d7c420cf3956bac19dce90ad6a2bf7fa2', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, h("div", { key: 'd93850164d288cb74c8120596196088e44c33a23', "aria-controls": "popover", class: "control" }, this.label && h("label", { key: 'e136f0ef2de64fa2e95b77caeb3675cee7626575', class: "control_label" }, this.label), h("div", { key: '102e8ce2e9dc0d9e74ba9a771b513977acbeb0ba', class: {
                 'control_field': true,
                 loading: this.loading,
                 error: !!this.error || !!this.localError,
                 warning: this.warning !== undefined,
-            }, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: 'b711134f0a3082990c61dee4955303b8ef537260', lang: "de", type: "date", name: "start", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: start ? dateFns.format(start, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'start'), onBlur: (e) => this.handleBlur(e, 'start'), onKeyDown: (e) => this.handleKeydown(e, 'start') }), this.variant === 'range' && (h("input", { key: '5b7beaf9a3caaeed9684761dd0ace3932df81626', lang: "de", type: "date", name: "end", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: end ? dateFns.format(end, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'end'), onBlur: (e) => this.handleBlur(e, 'end'), onKeyDown: (e) => this.handleKeydown(e, 'end') }))), message && (h("p", { key: '2ce2c082d806e13ea1ee47450e8fb1451cd8caed', class: { control_message: true, [message.level]: true } }, message.text))), h("div", { key: '689c3a2bdd00e01d1e60291ceb50f15eb152a660', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, h("div", { key: '2829d0329004bc14007bdae08be75689315499da', class: "header" }, h("xv-button-v2", { key: 'cf33dc885de4ac63d4732f3d766c22c6afaec46b', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, h("span", { key: '5af099b261451004e7c10cfbc356686137b590e7', slot: "icon-left", class: "header_icon prev" })), h("p", { key: '3ddb1ae9a61ccf7e881b9d63210af64d691e8b36', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: de }), h("input", { key: 'e3a48a0b0a42d0c5ffdfb006a856d4f8471b35cb', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), h("xv-button-v2", { key: 'b14264dc560c4c2a0194fe73c6166e8dd8654032', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, h("span", { key: '89067f6b547c496b487a41740893362bee9105fc', slot: "icon-left", class: "header_icon next" }))), h("div", { key: 'f5bc495aca4c4fcf2b359d694e41639ce617c396', class: "week" }, h("p", { key: '4d978f953f51439d88da536d1bfa3876d704965e', class: "week_day" }), WEEK.map((day) => h("p", { class: "week_day" }, day, "."))), h("div", { key: 'aea1d83963272f1c915a814a7ad8de7465667374', class: "week" }, this.days.map((day, idx) => (h(Fragment, null, idx % 7 === 0 && (h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
+            }, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '815eb8a1b9aef9a4ffae56ce120175e4e727e2c0', lang: "de", type: "date", name: "start", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: start ? dateFns.format(start, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'start'), onBlur: (e) => this.handleBlur(e, 'start'), onKeyDown: (e) => this.handleKeydown(e, 'start') }), this.variant === 'range' && (h("input", { key: '4ae5693501d921d8431da8d261de777f159eb778', lang: "de", type: "date", name: "end", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: end ? dateFns.format(end, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'end'), onBlur: (e) => this.handleBlur(e, 'end'), onKeyDown: (e) => this.handleKeydown(e, 'end') }))), message && (h("p", { key: 'a3facc864173f9a8d74ef8542fff82ea935f5593', class: { control_message: true, [message.level]: true } }, message.text))), h("div", { key: '649f74e157bcd2e834d03c7a2d52968fbe3087c1', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, h("div", { key: '2cfbafcfaa23d86e610d488315ac6b1aa34dbf54', class: "header" }, h("xv-button-v2", { key: '3694744a0a8790fc80f65ae2a3a33d7f5a0a4d15', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, h("span", { key: '96aec7fad4fafc6ed43bea53b5000a1100815bf7', slot: "icon-left", class: "header_icon prev" })), h("p", { key: 'a52cafec3ee1d519d3acd39b65c59209b05a17f3', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: de }), h("input", { key: 'f523d1ab179245a725a5bfe2ec97f3bce50533de', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), h("xv-button-v2", { key: '16a1f92a5a461a4c812225a586ea705e858aeac7', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, h("span", { key: '5b38b9fef3ab9914f879f8525dcd5b46f46058b4', slot: "icon-left", class: "header_icon next" }))), h("div", { key: '223691312e59a749bd1f8a982b7270fb529b6b32', class: "week" }, h("p", { key: '898552659a61a0cf789541cf694f7589eacdf457', class: "week_day" }), WEEK.map((day) => h("p", { class: "week_day" }, day, "."))), h("div", { key: '7c91b9a24f7d37f64f159f290a43cbfff4c9be1a', class: "week" }, this.days.map((day, idx) => (h(Fragment, null, idx % 7 === 0 && (h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
                 'week_day': true,
                 inRange: this.variant === 'range' && dateFns.isWithinInterval(day.date, { start, end }),
                 isToday: day.isToday,
@@ -521,6 +548,28 @@ export class XvDatepicker {
                 "setter": false,
                 "reflect": false,
                 "attribute": "max"
+            },
+            "disabledDates": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(Date | string)[]",
+                    "resolved": "(string | Date)[]",
+                    "references": {
+                        "Date": {
+                            "location": "global",
+                            "id": "global::Date"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Individual dates to disable within the min/max range. Each entry may be a\n`Date`, a bare 'yyyy-MM-dd' string, or a full ISO string \u2014 all normalised\nto a local 'yyyy-MM-dd' key that matches the calendar grid.\nComposes with min/max: a day is selectable only when it is inside the range\nAND not listed here (e.g. to allow only certain weekdays / block holidays)."
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }
@@ -583,6 +632,15 @@ export class XvDatepicker {
             }, {
                 "propName": "month",
                 "methodName": "getCalendarGrid"
+            }, {
+                "propName": "min",
+                "methodName": "getCalendarGrid"
+            }, {
+                "propName": "max",
+                "methodName": "getCalendarGrid"
+            }, {
+                "propName": "disabledDates",
+                "methodName": "getCalendarGrid"
             }, {
                 "propName": "value",
                 "methodName": "handleValueChange"

package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js

@@ -24,7 +24,7 @@ export class XvDropdownItem {
         });
     }
     render() {
-        return (h(Host, { key: '129c105a5f0c793b893e800b05ce97d8352eb06f', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (h("xv-checkbox-v2", { key: '2145dd2fd6a7ac83ea7c474d2b4b17cb5b7ecc53', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), h("slot", { key: '82d7595ff99453660590241da2b6df592f497201' }), (!this.multiple && this.selected) && h("span", { key: '343f6c8f9930054e5aabb015579a5e0ee996cf6e', class: "checkmark far fa-check" })));
+        return (h(Host, { key: 'f099e23dd392e97ec646b24d88758ba47568fe15', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (h("xv-checkbox-v2", { key: '27641c4a60485d70a61b72c8dad725c2c7f9390f', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), h("slot", { key: 'eefbe58b06a4c2995e2561e78436f724fee77021' }), (!this.multiple && this.selected) && h("span", { key: '57b640d72e80899786d9d14659cc79a003907ba5', class: "checkmark far fa-check" })));
     }
     componentWillLoad() {
         if (!this.value)

package/dist/collection/components/xv-dropdown/xv-dropdown.js

@@ -282,7 +282,7 @@ export class XvDropdown {
     /*  endregion Search methods */
     render() {
         const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (h(Host, { key: '2e0a4b087e8b1a66bf4bf3ddac2fb342fb988f1e', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.open ? this.listboxId : null, size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : 0 }, (this.label || this.info) && (h("label", { key: '9317e138effdd7ec69133304fe50d11c406b8faf', class: "label" }, h("slot", { key: '896604f1fef1f4531793a865c2083eaa5b744aa0', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: 'd862a834642e1c115a063601926711339c53168b', class: "label_info", message: this.info }))), h("div", { key: '2cf34c1d32737ac0b664757b1a53bea34a507c72', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: '9dd7be50d9ce42e037822502720a949ac071d8e0', class: "control_count", onClick: (e) => e.stopPropagation(), onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), h("svg", { key: '023c89db58f385e8a00cab6dce050048b2765b82', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 448 512" }, h("path", { key: '5994fb2f805d0f1c904558f0ded054cd30c14210', d: "M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" }))), this.open && h("div", { key: 'a2872c7cb6fbeb25583d4ed809b79b11aa533c4e', ref: (el) => (this.optionsEl = el), id: this.listboxId, role: "listbox", "aria-multiselectable": this.multiple ? 'true' : null, class: { options: true, right: this._appliedPosition() === 'right', search: !!this.search } }, this.search && (h("div", { key: '8908992fae99c07e3e9d2e06b705c55a4d73fb0a', class: "options_search" }, h("xv-text-input-v2", { key: '21fb4c673a3e46c024379ec7252026c0cf199ff4', type: "search", ref: (el) => (this.searchInputEl = el), block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), message && h("p", { key: '104c79569b898fd9f0a9826654de18d16bc68a16', class: "helper" }, message.text)));
+        return (h(Host, { key: '01b71caf620b27aa3cf098ab9449196c1b7b56ea', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.open ? this.listboxId : null, size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : 0 }, (this.label || this.info) && (h("label", { key: 'd99f47f2abbbe370efde3a702b5d1c61b11aa4ca', class: "label" }, h("slot", { key: '2ca43ab5d65eb331d6ffd2ca10c251bcd6f6c3d0', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: '7d55fa244097898202318adc3b03b898cb4b3f11', class: "label_info", message: this.info }))), h("div", { key: 'c854210410d358b440559702c4efab8b9ac894b8', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: '4d46c14e2aab62651692a98b6c3d321d7073849c', class: "control_count", onClick: (e) => e.stopPropagation(), onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), h("svg", { key: 'e3bf3f8eb0b3e71038423e8eb2e14d78dc4ca33a', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 448 512" }, h("path", { key: '48f1408c0ebaa4c3b0c947dd4d9fdb2ab21a11c9', d: "M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" }))), this.open && h("div", { key: '8915c7c514f6847a0d479c3ad1d39e00dbef46c2', ref: (el) => (this.optionsEl = el), id: this.listboxId, role: "listbox", "aria-multiselectable": this.multiple ? 'true' : null, class: { options: true, right: this._appliedPosition() === 'right', search: !!this.search } }, this.search && (h("div", { key: '2f59d1e41e8cf05038174123bad5b55038be5d75', class: "options_search" }, h("xv-text-input-v2", { key: '8670ba300bb2410d9ba708f4d07ba8f8def0c6c9', type: "search", ref: (el) => (this.searchInputEl = el), block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), message && h("p", { key: 'cade20ffd199293bcdb1ee7fa5c6d20e7294929e', class: "helper" }, message.text)));
     }
     componentDidLoad() {
         this.syncOpenState();