xv-webcomponents 1.17.1-staging.0 → 1.17.3-dev.0

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

@@ -172,7 +172,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: '3e5b036c8a87c64dedc188182055745dab593bdf', class: "header" }, h("div", { key: 'da3c6359eef47a0a9a6e326ea71eca15a127f005', class: "header-wrapper" }, h("div", { key: 'c403912d3ab0807ae51b3b98ddfd857144209459', class: "xv-container" }, h("div", { key: 'a15d117e3f95a8d65a1022f6a7efc48b68664da7', class: "header-top" }, h("div", { key: '1c3a412f45e5957c74cb6e18f3cdba61aec07129', class: "header-top--left" }, h("xv-button-v2", { key: '83f5c11eb91bec0a233c56aa50443909b2c937a9', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'cefac234defe108c971f2d6950fde258094d9e1b', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '7da1e1a5fd6338cd11ec416f1bbd4e63b419001a', href: `${window.location.origin}/` }, h("picture", { key: '4a05e52e3acd6e60eb84441bd196fe5ccda0f48d' }, h("source", { key: '58c46c947df12f09c3719fcff0e53681b288d42b', 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: '29597424f11f7aeff11df8399761dafc540745cd', 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: '293c00d8bc5ec56be893f24032eb38b1aa71d0c2', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'abbbf1eda6880fded2a7f9362cab61f09d084120', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '96e78e8b53c0667bf19a59b610623ecb231b20a9' }, h("xv-link-v2", { key: 'ebc9492d475d42b6dfdad65b017eb6ad14c2626e', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '5c0f1e18eb09c0420a80540630fe8c855a1ae349', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'c5f72c0ccb60c50085785f6b2fc38656bd62df71', class: "header-icon far fa-envelope" }), h("span", { key: '62b3d1743b2cb925188360c7125a98d31683a6ea', 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: '407612a5a8e118133b30481c60ff777dea602d4d' }, h("xv-link-v2", { key: '27ea69272c9ba12d2d8dfb988ec55e513033cb04', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '62b2c0f02784b55f4c0652dc2283635d519032f8', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'dfd071527c857854c1d038dcff41650ad974faab', class: "header-icon far fa-question-circle" }), h("span", { key: '2f0d80df52e1830946514382afcdca565ed5ec92', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'd0f8a3d2367749e7a0b08b0de1ffe37bb53da138', class: "header-wrapper--bg" }, h("div", { key: '4a10adea98aab6f67214a00b3da0a41d9b4b16e8', class: "xv-container" }, h("xv-mega-menu-next", { key: 'b92a784f3481c17dff2c577a939e9e9c04cfb302', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: '80eb3aa35bda06095228ff789c60e6470c47aab2', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (h("header", { key: '7d377e3b2ac6324c7371bcaf72b3f2089c2f30fd', class: "header" }, h("div", { key: 'fa3904a2640fd3c83755e08672ca5b66f19f87ee', class: "header-wrapper" }, h("div", { key: '9b57e62635aa0add1b0d885476c6381651c3da2a', class: "xv-container" }, h("div", { key: '48d6c42079ac532951754f932fe9a542b446c7fe', class: "header-top" }, h("div", { key: 'a44144dd311fed25c6e322228d22ebcb34125227', class: "header-top--left" }, h("xv-button-v2", { key: 'f2924c7863e72a4421b03de34725b4e17eaadd0c', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '60a99967703e38681a593b47be5b244ca812d735', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'b14cfd121dbe0bb043ba153f196d93517ad1aee6', href: `${window.location.origin}/` }, h("picture", { key: '368b0923c562d164bd2a13f35186198694a7f823' }, h("source", { key: 'ed184c898b435ee78d104e3f7ff0608797442ad5', 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: '02f4efe1190fd7eaa9666bcfa09575655fc300fe', 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: '6142c239875d1b38e6496348badce4f1d8929fa4', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '4944e54fb6d0982df59e85113ce5c3634eb754b9', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'c67444522b75b8b6ec375e1bc08b82508313266b' }, h("xv-link-v2", { key: '6e16c1050a6ff936dcecd62110a268ab882aa044', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'e3eabf0359e4b90f06caafeda72525c137f5b42e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'b5fbb44bc2661d19bf59e6c41e6d018853f55293', class: "header-icon far fa-envelope" }), h("span", { key: 'e4947be47ae5e2a31ef54d74426f620d27b43810', 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: '5f4010c06c0dbd038aa4387f5fc7fac36e50ab19' }, h("xv-link-v2", { key: '09ad10e240aba834778e152fd061b6db767f2e57', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '7f621f8c795377db2098a299f1c3476d6ad32ee3', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '2233a5168c8ac5992376e27a9dc85c9aa829c8cc', class: "header-icon far fa-question-circle" }), h("span", { key: '7a37ffc7f4722b24f99cf9c67462b3491db142bc', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '0d64d68220df76c72d937311031879cd3292888e', class: "header-wrapper--bg" }, h("div", { key: '9937bc0ca9eba8b352bc5a5a512f4d009e5e752c', class: "xv-container" }, h("xv-mega-menu-next", { key: 'ac5f444429de7bd72caedf44dbc205a439299185', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: '87c2405d6edc5d0b5721191e5055c906e78d55bf', 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: '965990cf42dca77d9c87ea5d9f1af1765bd51305' }, h("nav", { key: '1effa8fd4a5a36e29735b5b705e4de153e742942', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'f2777eb6501f5de71be497e02148ea0e9a226e25', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '10a1559021022dcdf669ee7b1e4ac8bd4e6d2dad' }))), h("ul", { key: '5f61b88c3813b76ae9d4d49ec7b589666486ea6b', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
+        return (h(Host, { key: 'd73cfabbc7e69a974abd5c1c219544c2b9c5345e' }, h("nav", { key: '6d2f78e2be424e7aaa8c1f1ee03430a800c14dcc', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '0481d8317f0a0cd58a10114898ab1b60574bfced', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'f4104fbbf285165932c092423fe2eb431e6d7496' }))), h("ul", { key: 'e28819ff9c5bcebb32518831faf843085add3601', 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: '9ca18d5cdfb37a82e050751542b18eba7b98b158', class: "menu--right" }, h("slot", { key: 'a82d9e4fb0a0d2e482f97a51b66e0e974db2c6f5', name: "menu-right" })), this.open && (h("li", { key: '0d4ef64ba1f80209cc3a77c602a52e39e5cde885', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
+        }), h("li", { key: 'fbdfe095e7fb1988754c9d2d705128cae8d233f8', class: "menu--right" }, h("slot", { key: '7de3bb434a940b67265b2b4e191f7a02a20f8404', name: "menu-right" })), this.open && (h("li", { key: 'a35128e640465fec15c990e46fc778602238d2a5', 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_45",[[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],"selected":[32],"selectedMap":[32],"searchQuery":[32]},[[0,"itemSelected","handleItemSelected"]],{"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"]]],[1,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[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-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"],"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_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"]]],[1,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[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"],"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-content-switcher/_vars.d.ts

@@ -0,0 +1,13 @@
+export declare enum CONTENT_SWITCHER_TAGS {
+    SWITCHER = "xv-content-switcher-v2",
+    ITEM = "xv-content-switcher-item-v2"
+}
+/**
+ * Keys that move the selection inside the switcher (Carbon: automatic activation).
+ */
+export declare const CONTENT_SWITCHER_NAV_KEYS: {
+    readonly NEXT: readonly ["ArrowRight", "ArrowDown"];
+    readonly PREV: readonly ["ArrowLeft", "ArrowUp"];
+    readonly FIRST: readonly ["Home"];
+    readonly LAST: readonly ["End"];
+};

package/dist/types/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.d.ts

@@ -0,0 +1,32 @@
+/**
+ * xv-content-switcher-item-v2
+ *
+ * A single segment of an `xv-content-switcher-v2`. The parent reads `label`,
+ * `icon`, `value` and `disabled` to render the button; any slotted children are
+ * treated as the panel content and shown only while this item is selected.
+ *
+ * NOTE: "shown" means CSS visibility only — slotted content is always mounted, never
+ * unmounted, so framework lifecycle hooks still run for non-selected items. See the
+ * `xv-content-switcher-v2` docs for when to render panels conditionally instead.
+ *
+ * @slot - Optional content shown (via CSS) when this item is selected.
+ */
+export declare class XvContentSwitcherItem {
+    /**
+     * Unique value used to identify the item; falls back to its index when omitted.
+     */
+    value?: number | string;
+    /**
+     * Text shown on the button (and used as the accessible name in icon-only mode).
+     */
+    label?: string;
+    /**
+     * Icon class (e.g. Font Awesome `far fa-circle`) rendered before the label.
+     */
+    icon?: string;
+    /**
+     * Disable this single item.
+     */
+    disabled: boolean;
+    render(): any;
+}

package/dist/types/components/xv-content-switcher/xv-content-switcher.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SIZE_VAR_STR } from '../../types/enum';
+/**
+ * xv-content-switcher-v2
+ *
+ * Carbon-style content switcher: a single-select segmented control that toggles
+ * between mutually exclusive sections of content.
+ * @see https://carbondesignsystem.com/components/content-switcher/usage/
+ *
+ * The buttons are derived from the `xv-content-switcher-item-v2` children, so the
+ * group can manage shared borders, dividers and rounded corners in one place.
+ * Each item may also hold slotted content that is shown only while it is selected.
+ *
+ * IMPORTANT — slotted panels are only HIDDEN (CSS `display: none`), never unmounted.
+ * Slotted content lives in the consumer's light DOM, so the framework instantiates
+ * it (and runs lifecycle hooks like Angular's `ngOnInit`, subscriptions, requests)
+ * regardless of which item is selected — the switcher cannot prevent that. Use this
+ * slotted convenience only for cheap, static markup. For panels with lifecycle or
+ * side effects, do NOT slot them: keep the switcher as a pure selection control and
+ * render the active panel yourself via a framework conditional (e.g. Angular `@if`
+ * on `selectedChange`), so only the selected panel is ever instantiated.
+ *
+ * @slot - One or more `xv-content-switcher-item-v2` elements.
+ */
+export declare class XvContentSwitcher {
+    el: HTMLElement;
+    /**
+     * Currently selected item — matched against each item's `value` attribute,
+     * or its zero-based index when it has no `value`.
+     */
+    selected?: number | string;
+    /**
+     * Control size. Only `sm`, `md` and `lg` are supported (defaults to `md`).
+     */
+    size: SIZE_VAR_STR;
+    /**
+     * Render items as icon-only buttons (the item `label` is used as the accessible name).
+     */
+    iconOnly: boolean;
+    /**
+     * Disable the whole switcher.
+     */
+    disabled: boolean;
+    /**
+     * Stretch the switcher to the full width of its container.
+     */
+    block: boolean;
+    /**
+     * Controlled mode. When `true`, clicking/keyboard navigation does NOT change
+     * the selection on its own — it only emits `selectedChange` with the requested
+     * value. The consumer fully owns `selected` and decides whether to commit it
+     * (e.g. after an async confirmation), so a switch can be vetoed without flicker.
+     */
+    controlled: boolean;
+    /**
+     * Emitted whenever the selection changes (value, or index when the item has no value).
+     * In `controlled` mode this carries the *requested* value before any commit.
+     */
+    selectedChange: EventEmitter<number | string>;
+    /**
+     * Collected `xv-content-switcher-item-v2` children.
+     */
+    items: HTMLElement[];
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    private collectItems;
+    private getItemKey;
+    private isItemDisabled;
+    private isSelected;
+    private isSelectionValid;
+    private select;
+    /** Reflect the `active` class on items so their slotted content shows/hides. */
+    private updateItemsState;
+    private handleKeyDown;
+    /** Find the next non-disabled item starting at `from`, walking by `step`. */
+    private findEnabled;
+    render(): any;
+}

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

@@ -21,9 +21,19 @@ export declare class XvDropdown {
     defaultValue?: DropdownItemData['value'] | DropdownItemData['value'][];
     value?: DropdownItemData['value'] | DropdownItemData['value'][];
     variant?: 'ghost' | 'default';
+    position: 'auto' | 'right' | 'left';
     selected: DropdownItemData['text'][];
     selectedMap: Map<DropdownItemData['value'], DropdownItemData>;
-    searchQuery: string;
+    /** Side the options panel is actually aligned to (computed when position === 'auto'). */
+    resolvedPosition: 'left' | 'right';
+    private optionsEl?;
+    private positionMeasured;
+    private readonly listboxId;
+    private optIdSeq;
+    private activeItem;
+    private pendingOpenInit;
+    private searchInputEl?;
+    private searchQuery;
     private searchTimeout;
     private dropdownItems;
     changeSelection: EventEmitter<DropdownItemData[]>;
@@ -38,11 +48,24 @@ export declare class XvDropdown {
     private handleClickOutside;
     private addListeners;
     private removeListeners;
+    handleKeyDown(ev: KeyboardEvent): void;
+    private getNavigableItems;
+    private moveActive;
+    private setActiveByEdge;
+    private setActiveItem;
     private clearHandle;
     private cacheItems;
     private handleSearchInput;
+    private resetSearch;
     render(): any;
     componentDidLoad(): void;
+    /** Side the panel is rendered on: explicit prop wins, otherwise the auto-measured side. */
+    private _appliedPosition;
+    /** Runs once per open, after the panel is in the DOM: highlight an option and place focus. */
+    private initOpenState;
+    componentDidRender(): void;
+    /** Inline edges of the nearest ancestor that clips overflow; falls back to the viewport. */
+    private _clipBounds;
     disconnectedCallback(): void;
     private _renderIcon;
 }

package/dist/types/components.d.ts

@@ -162,6 +162,82 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * xv-content-switcher-item-v2
+     * A single segment of an `xv-content-switcher-v2`. The parent reads `label`,
+     * `icon`, `value` and `disabled` to render the button; any slotted children are
+     * treated as the panel content and shown only while this item is selected.
+     * NOTE: "shown" means CSS visibility only — slotted content is always mounted, never
+     * unmounted, so framework lifecycle hooks still run for non-selected items. See the
+     * `xv-content-switcher-v2` docs for when to render panels conditionally instead.
+     */
+    interface XvContentSwitcherItemV2 {
+        /**
+          * Disable this single item.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Icon class (e.g. Font Awesome `far fa-circle`) rendered before the label.
+         */
+        "icon"?: string;
+        /**
+          * Text shown on the button (and used as the accessible name in icon-only mode).
+         */
+        "label"?: string;
+        /**
+          * Unique value used to identify the item; falls back to its index when omitted.
+         */
+        "value"?: number | string;
+    }
+    /**
+     * xv-content-switcher-v2
+     * Carbon-style content switcher: a single-select segmented control that toggles
+     * between mutually exclusive sections of content.
+     * @see https://carbondesignsystem.com/components/content-switcher/usage/
+     * The buttons are derived from the `xv-content-switcher-item-v2` children, so the
+     * group can manage shared borders, dividers and rounded corners in one place.
+     * Each item may also hold slotted content that is shown only while it is selected.
+     * IMPORTANT — slotted panels are only HIDDEN (CSS `display: none`), never unmounted.
+     * Slotted content lives in the consumer's light DOM, so the framework instantiates
+     * it (and runs lifecycle hooks like Angular's `ngOnInit`, subscriptions, requests)
+     * regardless of which item is selected — the switcher cannot prevent that. Use this
+     * slotted convenience only for cheap, static markup. For panels with lifecycle or
+     * side effects, do NOT slot them: keep the switcher as a pure selection control and
+     * render the active panel yourself via a framework conditional (e.g. Angular `@if`
+     * on `selectedChange`), so only the selected panel is ever instantiated.
+     */
+    interface XvContentSwitcherV2 {
+        /**
+          * Stretch the switcher to the full width of its container.
+          * @default false
+         */
+        "block": boolean;
+        /**
+          * Controlled mode. When `true`, clicking/keyboard navigation does NOT change the selection on its own — it only emits `selectedChange` with the requested value. The consumer fully owns `selected` and decides whether to commit it (e.g. after an async confirmation), so a switch can be vetoed without flicker.
+          * @default false
+         */
+        "controlled": boolean;
+        /**
+          * Disable the whole switcher.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Render items as icon-only buttons (the item `label` is used as the accessible name).
+          * @default false
+         */
+        "iconOnly": boolean;
+        /**
+          * Currently selected item — matched against each item's `value` attribute, or its zero-based index when it has no `value`.
+         */
+        "selected"?: number | string;
+        /**
+          * Control size. Only `sm`, `md` and `lg` are supported (defaults to `md`).
+          * @default SIZE_VAR.MD
+         */
+        "size": SIZE_VAR_STR;
+    }
     interface XvDataTable {
         "block"?: boolean | "";
         /**
@@ -299,6 +375,10 @@ export namespace Components {
         "multiple"?: boolean;
         "open"?: boolean;
         "placeholder"?: string;
+        /**
+          * @default 'auto'
+         */
+        "position": 'auto' | 'right' | 'left';
         "readonly"?: boolean;
         "required"?: boolean;
         "search"?: boolean;
@@ -1012,6 +1092,10 @@ export interface XvCheckboxV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvCheckboxV2Element;
 }
+export interface XvContentSwitcherV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvContentSwitcherV2Element;
+}
 export interface XvDataTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvDataTableElement;
@@ -1205,6 +1289,55 @@ declare global {
         prototype: HTMLXvCheckboxV2Element;
         new (): HTMLXvCheckboxV2Element;
     };
+    /**
+     * xv-content-switcher-item-v2
+     * A single segment of an `xv-content-switcher-v2`. The parent reads `label`,
+     * `icon`, `value` and `disabled` to render the button; any slotted children are
+     * treated as the panel content and shown only while this item is selected.
+     * NOTE: "shown" means CSS visibility only — slotted content is always mounted, never
+     * unmounted, so framework lifecycle hooks still run for non-selected items. See the
+     * `xv-content-switcher-v2` docs for when to render panels conditionally instead.
+     */
+    interface HTMLXvContentSwitcherItemV2Element extends Components.XvContentSwitcherItemV2, HTMLStencilElement {
+    }
+    var HTMLXvContentSwitcherItemV2Element: {
+        prototype: HTMLXvContentSwitcherItemV2Element;
+        new (): HTMLXvContentSwitcherItemV2Element;
+    };
+    interface HTMLXvContentSwitcherV2ElementEventMap {
+        "selectedChange": number | string;
+    }
+    /**
+     * xv-content-switcher-v2
+     * Carbon-style content switcher: a single-select segmented control that toggles
+     * between mutually exclusive sections of content.
+     * @see https://carbondesignsystem.com/components/content-switcher/usage/
+     * The buttons are derived from the `xv-content-switcher-item-v2` children, so the
+     * group can manage shared borders, dividers and rounded corners in one place.
+     * Each item may also hold slotted content that is shown only while it is selected.
+     * IMPORTANT — slotted panels are only HIDDEN (CSS `display: none`), never unmounted.
+     * Slotted content lives in the consumer's light DOM, so the framework instantiates
+     * it (and runs lifecycle hooks like Angular's `ngOnInit`, subscriptions, requests)
+     * regardless of which item is selected — the switcher cannot prevent that. Use this
+     * slotted convenience only for cheap, static markup. For panels with lifecycle or
+     * side effects, do NOT slot them: keep the switcher as a pure selection control and
+     * render the active panel yourself via a framework conditional (e.g. Angular `@if`
+     * on `selectedChange`), so only the selected panel is ever instantiated.
+     */
+    interface HTMLXvContentSwitcherV2Element extends Components.XvContentSwitcherV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvContentSwitcherV2ElementEventMap>(type: K, listener: (this: HTMLXvContentSwitcherV2Element, ev: XvContentSwitcherV2CustomEvent<HTMLXvContentSwitcherV2ElementEventMap[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 HTMLXvContentSwitcherV2ElementEventMap>(type: K, listener: (this: HTMLXvContentSwitcherV2Element, ev: XvContentSwitcherV2CustomEvent<HTMLXvContentSwitcherV2ElementEventMap[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 HTMLXvContentSwitcherV2Element: {
+        prototype: HTMLXvContentSwitcherV2Element;
+        new (): HTMLXvContentSwitcherV2Element;
+    };
     interface HTMLXvDataTableElementEventMap {
         "reorderChange": XvDataTableReorder;
     }
@@ -1824,6 +1957,8 @@ declare global {
         "xv-button-v2": HTMLXvButtonV2Element;
         "xv-card-v2": HTMLXvCardV2Element;
         "xv-checkbox-v2": HTMLXvCheckboxV2Element;
+        "xv-content-switcher-item-v2": HTMLXvContentSwitcherItemV2Element;
+        "xv-content-switcher-v2": HTMLXvContentSwitcherV2Element;
         "xv-data-table": HTMLXvDataTableElement;
         "xv-data-table-cell": HTMLXvDataTableCellElement;
         "xv-data-table-collapse": HTMLXvDataTableCollapseElement;
@@ -2015,6 +2150,86 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * xv-content-switcher-item-v2
+     * A single segment of an `xv-content-switcher-v2`. The parent reads `label`,
+     * `icon`, `value` and `disabled` to render the button; any slotted children are
+     * treated as the panel content and shown only while this item is selected.
+     * NOTE: "shown" means CSS visibility only — slotted content is always mounted, never
+     * unmounted, so framework lifecycle hooks still run for non-selected items. See the
+     * `xv-content-switcher-v2` docs for when to render panels conditionally instead.
+     */
+    interface XvContentSwitcherItemV2 {
+        /**
+          * Disable this single item.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Icon class (e.g. Font Awesome `far fa-circle`) rendered before the label.
+         */
+        "icon"?: string;
+        /**
+          * Text shown on the button (and used as the accessible name in icon-only mode).
+         */
+        "label"?: string;
+        /**
+          * Unique value used to identify the item; falls back to its index when omitted.
+         */
+        "value"?: number | string;
+    }
+    /**
+     * xv-content-switcher-v2
+     * Carbon-style content switcher: a single-select segmented control that toggles
+     * between mutually exclusive sections of content.
+     * @see https://carbondesignsystem.com/components/content-switcher/usage/
+     * The buttons are derived from the `xv-content-switcher-item-v2` children, so the
+     * group can manage shared borders, dividers and rounded corners in one place.
+     * Each item may also hold slotted content that is shown only while it is selected.
+     * IMPORTANT — slotted panels are only HIDDEN (CSS `display: none`), never unmounted.
+     * Slotted content lives in the consumer's light DOM, so the framework instantiates
+     * it (and runs lifecycle hooks like Angular's `ngOnInit`, subscriptions, requests)
+     * regardless of which item is selected — the switcher cannot prevent that. Use this
+     * slotted convenience only for cheap, static markup. For panels with lifecycle or
+     * side effects, do NOT slot them: keep the switcher as a pure selection control and
+     * render the active panel yourself via a framework conditional (e.g. Angular `@if`
+     * on `selectedChange`), so only the selected panel is ever instantiated.
+     */
+    interface XvContentSwitcherV2 {
+        /**
+          * Stretch the switcher to the full width of its container.
+          * @default false
+         */
+        "block"?: boolean;
+        /**
+          * Controlled mode. When `true`, clicking/keyboard navigation does NOT change the selection on its own — it only emits `selectedChange` with the requested value. The consumer fully owns `selected` and decides whether to commit it (e.g. after an async confirmation), so a switch can be vetoed without flicker.
+          * @default false
+         */
+        "controlled"?: boolean;
+        /**
+          * Disable the whole switcher.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Render items as icon-only buttons (the item `label` is used as the accessible name).
+          * @default false
+         */
+        "iconOnly"?: boolean;
+        /**
+          * Emitted whenever the selection changes (value, or index when the item has no value). In `controlled` mode this carries the *requested* value before any commit.
+         */
+        "onSelectedChange"?: (event: XvContentSwitcherV2CustomEvent<number | string>) => void;
+        /**
+          * Currently selected item — matched against each item's `value` attribute, or its zero-based index when it has no `value`.
+         */
+        "selected"?: number | string;
+        /**
+          * Control size. Only `sm`, `md` and `lg` are supported (defaults to `md`).
+          * @default SIZE_VAR.MD
+         */
+        "size"?: SIZE_VAR_STR;
+    }
     interface XvDataTable {
         "block"?: boolean | "";
         /**
@@ -2158,6 +2373,10 @@ declare namespace LocalJSX {
         "onOpenChange"?: (event: XvDropdownV2CustomEvent<boolean>) => void;
         "open"?: boolean;
         "placeholder"?: string;
+        /**
+          * @default 'auto'
+         */
+        "position"?: 'auto' | 'right' | 'left';
         "readonly"?: boolean;
         "required"?: boolean;
         "search"?: boolean;
@@ -2889,6 +3108,8 @@ declare namespace LocalJSX {
         "xv-button-v2": XvButtonV2;
         "xv-card-v2": XvCardV2;
         "xv-checkbox-v2": XvCheckboxV2;
+        "xv-content-switcher-item-v2": XvContentSwitcherItemV2;
+        "xv-content-switcher-v2": XvContentSwitcherV2;
         "xv-data-table": XvDataTable;
         "xv-data-table-cell": XvDataTableCell;
         "xv-data-table-collapse": XvDataTableCollapse;
@@ -2942,6 +3163,34 @@ declare module "@stencil/core" {
             "xv-button-v2": LocalJSX.XvButtonV2 & JSXBase.HTMLAttributes<HTMLXvButtonV2Element>;
             "xv-card-v2": LocalJSX.XvCardV2 & JSXBase.HTMLAttributes<HTMLXvCardV2Element>;
             "xv-checkbox-v2": LocalJSX.XvCheckboxV2 & JSXBase.HTMLAttributes<HTMLXvCheckboxV2Element>;
+            /**
+             * xv-content-switcher-item-v2
+             * A single segment of an `xv-content-switcher-v2`. The parent reads `label`,
+             * `icon`, `value` and `disabled` to render the button; any slotted children are
+             * treated as the panel content and shown only while this item is selected.
+             * NOTE: "shown" means CSS visibility only — slotted content is always mounted, never
+             * unmounted, so framework lifecycle hooks still run for non-selected items. See the
+             * `xv-content-switcher-v2` docs for when to render panels conditionally instead.
+             */
+            "xv-content-switcher-item-v2": LocalJSX.XvContentSwitcherItemV2 & JSXBase.HTMLAttributes<HTMLXvContentSwitcherItemV2Element>;
+            /**
+             * xv-content-switcher-v2
+             * Carbon-style content switcher: a single-select segmented control that toggles
+             * between mutually exclusive sections of content.
+             * @see https://carbondesignsystem.com/components/content-switcher/usage/
+             * The buttons are derived from the `xv-content-switcher-item-v2` children, so the
+             * group can manage shared borders, dividers and rounded corners in one place.
+             * Each item may also hold slotted content that is shown only while it is selected.
+             * IMPORTANT — slotted panels are only HIDDEN (CSS `display: none`), never unmounted.
+             * Slotted content lives in the consumer's light DOM, so the framework instantiates
+             * it (and runs lifecycle hooks like Angular's `ngOnInit`, subscriptions, requests)
+             * regardless of which item is selected — the switcher cannot prevent that. Use this
+             * slotted convenience only for cheap, static markup. For panels with lifecycle or
+             * side effects, do NOT slot them: keep the switcher as a pure selection control and
+             * render the active panel yourself via a framework conditional (e.g. Angular `@if`
+             * on `selectedChange`), so only the selected panel is ever instantiated.
+             */
+            "xv-content-switcher-v2": LocalJSX.XvContentSwitcherV2 & JSXBase.HTMLAttributes<HTMLXvContentSwitcherV2Element>;
             "xv-data-table": LocalJSX.XvDataTable & JSXBase.HTMLAttributes<HTMLXvDataTableElement>;
             "xv-data-table-cell": LocalJSX.XvDataTableCell & JSXBase.HTMLAttributes<HTMLXvDataTableCellElement>;
             "xv-data-table-collapse": LocalJSX.XvDataTableCollapse & JSXBase.HTMLAttributes<HTMLXvDataTableCollapseElement>;