xv-webcomponents 1.12.4 → 1.12.5-qa.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cjs/xv-accordion-v2_45.cjs.entry.js +21 -9
  2. package/dist/collection/components/xv-header/xv-header.js +10 -3
  3. package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +11 -6
  4. package/dist/collection/components/xv-tile/xv-tile.css +1 -0
  5. package/dist/esm/xv-accordion-v2_45.entry.js +21 -9
  6. package/dist/xv-webcomponents/{p-4ffd4585.entry.js → p-027aec71.entry.js} +1 -1
  7. package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
  8. package/package.json +1 -1
package/dist/cjs/xv-accordion-v2_45.cjs.entry.js CHANGED
@@ -78125,9 +78125,16 @@ const XvHeader = class {
78125
78125
  void this.initHeader();
78126
78126
  }
78127
78127
  async initHeader() {
78128
+ var _a;
78128
78129
  try {
78129
78130
  this.loading = true;
78130
- const response = await fetch(`${this.baseUrl}/de-de/home/getpersonalareajson`, {
78131
+ const url = new URL(`${this.baseUrl}/de-de/home/getpersonalareajson`);
78132
+ const configuredWhitelabel = window.__xvWhitelabelOverride;
78133
+ const resolvedWhitelabel = configuredWhitelabel || ((_a = index$1.getMetaNav()) === null || _a === void 0 ? void 0 : _a.WhitelabelName);
78134
+ if (resolvedWhitelabel) {
78135
+ url.searchParams.set('configoverride', resolvedWhitelabel);
78136
+ }
78137
+ const response = await fetch(url.toString(), {
78131
78138
  method: 'POST',
78132
78139
  credentials: "include",
78133
78140
  headers: { 'Content-Type': 'application/json' }
@@ -78148,7 +78155,7 @@ const XvHeader = class {
78148
78155
  var _a;
78149
78156
  if (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['EnableMegaMenuSearch']) !== true)
78150
78157
  return null;
78151
- return (index.h("li", { class: "search-form" }, index.h("form", { action: `${this.baseUrl}/de-de/media/search`, method: "get", role: "search" }, index.h("input", { onKeyDown: this.handleSearchKeydown, onInput: index$1.debounce(this.handleSearch, 700), type: "search", name: "Q", placeholder: "Suchen", title: "Dr\u00FCcken Sie die 'Enter' zum 'Suchen' oder Escape zum Zur\u00FCcksetzen", autoComplete: "off" }), index.h("xv-button-v2", { onClick: this.handleSearchOpen, onMouseDown: this.handlePreventEvent, type: "button", variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { class: "header-icon far fa-search" })), index.h("xv-button-v2", { type: "submit", variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { class: "header-icon far fa-search" }))), index.h("ul", { class: { 'search-form-suggestions': true, loading: this.suggestionsLoading } }, this.suggestions.map((suggestion) => (index.h("li", null, index.h("xv-link-v2", { variant: "standalone", href: `${suggestion.source === 'marketplace' ? 'https://market.crossvertise.com' : 'https://www.crossvertise.com'}${suggestion.page_link}` }, suggestion.title_de)))), !this.suggestions.length && index.h("li", { class: "text-center xv-helper-text-02" }, "Keine Daten gefunden"))));
78158
+ return (index.h("li", { class: "search-form" }, index.h("form", { action: `${this.baseUrl}/de-de/media/search`, method: "get", role: "search" }, index.h("input", { onKeyDown: this.handleSearchKeydown, onInput: index$1.debounce(this.handleSearch, 700), type: "search", name: "Q", placeholder: "Suchen", title: "Dr\u00FCcken Sie die 'Enter' zum 'Suchen' oder Escape zum Zur\u00FCcksetzen", autoComplete: "off" }), index.h("xv-button-v2", { onClick: this.handleSearchOpen, onMouseDown: this.handlePreventEvent, type: "button", variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { class: "header-icon far fa-search" })), index.h("xv-button-v2", { type: "submit", variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { class: "header-icon far fa-search" }))), index.h("ul", { class: { 'search-form-suggestions': true, loading: this.suggestionsLoading } }, this.suggestions.map((suggestion) => (index.h("li", null, index.h("xv-link-v2", { variant: "standalone", href: `${suggestion.source === 'marketplace' ? 'https://marketplace.crossvertise.com' : 'https://www.crossvertise.com'}${suggestion.page_link}` }, suggestion.title_de)))), !this.suggestions.length && index.h("li", { class: "text-center xv-helper-text-02" }, "Keine Daten gefunden"))));
78152
78159
  }
78153
78160
  // endregion
78154
78161
  // region ImpersonationInfo
@@ -78201,7 +78208,7 @@ const XvHeader = class {
78201
78208
  render() {
78202
78209
  var _a, _b, _c, _d, _e;
78203
78210
  const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
78204
- return (index.h("header", { key: '850c75643280f446e29de2701a63a7c07c2d8505', class: "header" }, index.h("div", { key: 'b08ef627fd0c977fa202ca186282ff30ad7f1518', class: "header-wrapper" }, index.h("div", { key: 'ffe5790dd49b4f4a06561c67f0ce22d8d98b2f72', class: "xv-container" }, index.h("div", { key: 'c53e22d2942c44843b63d9adcc3c09b87e8318f5', class: "header-top" }, index.h("div", { key: 'd2b8bde1c94ef7368d6af7029baee912d2a1be3c', class: "header-top--left" }, index.h("xv-button-v2", { key: 'ea6d1ff1ba654981f0dde9f5621ec107bbabd79f', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index.h("i", { key: '4a9de2ac55f33c6e9b1111e64bd0a36b0bc3afc1', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (index.h("a", { key: 'bf13b4b4abccaa7b47cefe013dbc9aeee5e54380', href: `${window.location.origin}/` }, index.h("picture", { key: '2a906bf88bce1b93957ef88fb9c89fe20dbcc417' }, index.h("source", { key: '18ef8d0c8375c1e6cc6f477fd8f25b9f2ed6a7f9', 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: 'a52bdc321e053e9c7405715027ffe7bc8572be0d', 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: '6fdb198445aa2705ab751dc3a7d6d0196e3f4b13', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index.h("ul", { key: '9ea8ef27ff49380fecaa758a8a204892c9653c44', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (index.h("li", { key: '7110dc439a653ef45fb9dbc44a49cfc47f691cae' }, index.h("xv-link-v2", { key: '4bf4a08c15eac93db3c5b44abdbe20a4605fc7a8', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index.h("xv-button-v2", { key: 'e370854ba5233bbd7c5d0c4d0c2f3ad6bf47f44e', variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { key: '5068645982b096d8dc8a7b5071e19d0a9fd6b670', class: "header-icon far fa-envelope" }), index.h("span", { key: 'ab5d3877a34340ea862a5d787d05b57274617e60', 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: '9ee790eb91ec6830c3e1804274b29821ab564664' }, index.h("xv-link-v2", { key: 'bf7140cb061ac1821e6548f65283f19cd1977212', variant: "ghost", href: "https://help.crossvertise.com" }, index.h("xv-button-v2", { key: 'c37c6997cf4af99f944f6e191f4b2fcbf9e81023', variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { key: '8cd041f86829fe16b54794e742010bbba558a1a4', class: "header-icon far fa-question-circle" }), index.h("span", { key: 'fb0ec5669e52d4dd4c0b435addc0b7e3e41303bc', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), index.h("div", { key: '893d0a066e57472cccef3e04fe8602d04e0e5a07', class: "header-wrapper--bg" }, index.h("div", { key: '8cf2c9a5bdae99335461d17934516cd808d9ea12', class: "xv-container" }, index.h("xv-mega-menu", { key: '25b7692356a627a9d95dd5e1966c99da6eb0afb6', loading: this.loading, open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), index.h("xv-login-modal", { key: '754b15ded5f7423f487e1b9dccaf0e53d9fd4a78', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
78211
+ return (index.h("header", { key: 'fc335e7ed53180d2434a507a17406d3d18fe6db8', class: "header" }, index.h("div", { key: 'e268f7589be46543d8d99d4c895fc4b087d2d0db', class: "header-wrapper" }, index.h("div", { key: '705a87065fa403f2afbf66223a27940426a59558', class: "xv-container" }, index.h("div", { key: 'eb0af35be28a0d3f0639e5ea08eb9cef5de15060', class: "header-top" }, index.h("div", { key: 'f5c7552f0b5f265270cb173d204c8b49983686a5', class: "header-top--left" }, index.h("xv-button-v2", { key: 'da2ce450bbd79b168775be5760c7c7b682452f06', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index.h("i", { key: '50c1173b693ce49c2b4ec09c044b98d5f5019cfe', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (index.h("a", { key: '2b03bca3bb4eccf5d1043b6664722b7dd0598b28', href: `${window.location.origin}/` }, index.h("picture", { key: '856f881b7e8c08bdec8879643629071dd0612321' }, index.h("source", { key: '2d798a94c25bb0efc4cac61cd3aa047e9cb354c4', 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: 'b3f566ad14ec8d797d40dba247abd1940e572f46', 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: '1d12b5780b25b29f9340790df3370bf81d919cb1', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index.h("ul", { key: '46acf1dc1ff1b50c557f5884847c39208a77cf88', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (index.h("li", { key: 'e15bac2f592e075377455b29ed5fccc9148733db' }, index.h("xv-link-v2", { key: '33bbeb08b454d139b9af4b24bdceb2d0d4ed944c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index.h("xv-button-v2", { key: 'cc3f2aa3566c5baccd4b9aebcc7e52d9bcd5649a', variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { key: 'eced01f779dd5208de702ac86c439e2b645fdfbc', class: "header-icon far fa-envelope" }), index.h("span", { key: '13e7e2cd501ccc114d28fe463ca8862a15536b50', 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: '66f88456bfc7158f403cbb50ee7a7752ddc8442a' }, index.h("xv-link-v2", { key: '9502d850ff27ae3aa274e00be2b65725699cfe51', variant: "ghost", href: "https://help.crossvertise.com" }, index.h("xv-button-v2", { key: '2a1570b72dedf8fbfac96e82410fe90a30b1b252', variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { key: 'e19e5e0a4d1f45a43f317449fbb8c016e06ca5ff', class: "header-icon far fa-question-circle" }), index.h("span", { key: '6a213f3c80a66cd6b0919fbf6fbc93854cd3fad0', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), index.h("div", { key: '7310c6cb6f5ca0b955ae6300010d30f97c532ddd', class: "header-wrapper--bg" }, index.h("div", { key: '560d7311dfef6f5299ac056328fb221313e7849b', class: "xv-container" }, index.h("xv-mega-menu", { key: '8ed0160e41e2833a6f7b3eb6fca7a86fca53ccda', loading: this.loading, open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), index.h("xv-login-modal", { key: '4bfea9af8df8f0fdf9adf4b91483e276439bb138', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
78205
78212
  }
78206
78213
  get el() { return index.getElement(this); }
78207
78214
  };
@@ -78441,10 +78448,15 @@ const XvMegaMenu = class {
78441
78448
  return;
78442
78449
  try {
78443
78450
  const metaNav = index$1.getMetaNav();
78444
- const url = (metaNav['WhitelabelName'] || 'Xv') === 'Xv'
78451
+ const configuredWhitelabel = window.__xvWhitelabelOverride;
78452
+ const resolvedWhitelabel = configuredWhitelabel || (metaNav === null || metaNav === void 0 ? void 0 : metaNav.WhitelabelName);
78453
+ const url = resolvedWhitelabel === 'Xv'
78445
78454
  ? `https://xvsitefinitystorage.blob.core.windows.net/nav-sync-${this.getEnvFromHost()}/mega-menu.json`
78446
- : `${window.location.origin}/api-fd/v1/home/menu`;
78447
- const response = await fetch(url, {
78455
+ : new URL(index$1.getBaseUrl('/api-fd/v1/home/menu'));
78456
+ if (url instanceof URL && resolvedWhitelabel) {
78457
+ url.searchParams.set('configoverride', resolvedWhitelabel);
78458
+ }
78459
+ const response = await fetch(url.toString(), {
78448
78460
  method: 'GET',
78449
78461
  headers: { Accept: 'application/json' },
78450
78462
  credentials: 'include'
@@ -78476,7 +78488,7 @@ const XvMegaMenu = class {
78476
78488
  this.menuItems = menuItems;
78477
78489
  }
78478
78490
  render() {
78479
- return (index.h(index.Host, { key: '7ff1c5fb97f50e18273c6710ed3251508005d06a' }, index.h("nav", { key: 'e8875c3a1575453f609168a4e3571cad92cfaa6a', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index.h("div", { key: 'a84119bba15affefe1559a08b42c265168e09257', class: { 'xv-menu-loader': true, open: this.open } }, index.h("xv-loader-v2", { key: '0f87a1e33e9a39773d741bb3ad269c65ee34d279' }))), index.h("ul", { key: '8f9858de14b47bda357fadac912d1352f521c32a', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
78491
+ return (index.h(index.Host, { key: 'e607d257a7fb767b2f1d82ec1b56d47de2473762' }, index.h("nav", { key: '71bbef2f06c3fc0de08a269f7afe8afb5ab9d4bb', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index.h("div", { key: 'fa757360e503a28e3d3f4df24854be1fb6a48fc4', class: { 'xv-menu-loader': true, open: this.open } }, index.h("xv-loader-v2", { key: '5e9238b78fc1af8b27e505409239c2a6d64783ba' }))), index.h("ul", { key: 'a06ba69a5af2fd47b093bfc3eac22e99348634cb', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
78480
78492
  var _a, _b;
78481
78493
  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) => {
78482
78494
  var _a, _b;
@@ -78486,7 +78498,7 @@ const XvMegaMenu = class {
78486
78498
  } }, 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' &&
78487
78499
  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: group.card.image, 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"))))))))));
78488
78500
  }))))));
78489
- }), index.h("li", { key: '1cba2a07117515dabedb792414d8cd43e6771039', class: "menu--right" }, index.h("slot", { key: '40106a1b5fbda91cf0f08d0373cfb8dbf02cbdcd', name: "menu-right" })), this.open && (index.h("li", { key: 'a664ead715c6dc8fc66032e060878b4a343d0fc9', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
78501
+ }), index.h("li", { key: 'f0c300f00bcd898c1a8ecf136076c77f5a73e996', class: "menu--right" }, index.h("slot", { key: 'e8de3a0463d80fe086c922d17399c297310b1cf8', name: "menu-right" })), this.open && (index.h("li", { key: '998f8eff5167902dd3603a6b064f824ea63fa9c9', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
78490
78502
  }
78491
78503
  get el() { return index.getElement(this); }
78492
78504
  static get watchers() { return {
@@ -79717,7 +79729,7 @@ const XvTextarea = class {
79717
79729
  };
79718
79730
  XvTextarea.style = xvTextareaCss();
79719
79731
 
79720
- const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313)}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, rgba(18, 18, 18, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}`;
79732
+ const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313);box-sizing:border-box}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, rgba(18, 18, 18, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}`;
79721
79733
 
79722
79734
  const XvTile = class {
79723
79735
  constructor(hostRef) {
package/dist/collection/components/xv-header/xv-header.js CHANGED
@@ -102,9 +102,16 @@ export class XvHeader {
102
102
  void this.initHeader();
103
103
  }
104
104
  async initHeader() {
105
+ var _a;
105
106
  try {
106
107
  this.loading = true;
107
- const response = await fetch(`${this.baseUrl}/de-de/home/getpersonalareajson`, {
108
+ const url = new URL(`${this.baseUrl}/de-de/home/getpersonalareajson`);
109
+ const configuredWhitelabel = window.__xvWhitelabelOverride;
110
+ const resolvedWhitelabel = configuredWhitelabel || ((_a = getMetaNav()) === null || _a === void 0 ? void 0 : _a.WhitelabelName);
111
+ if (resolvedWhitelabel) {
112
+ url.searchParams.set('configoverride', resolvedWhitelabel);
113
+ }
114
+ const response = await fetch(url.toString(), {
108
115
  method: 'POST',
109
116
  credentials: "include",
110
117
  headers: { 'Content-Type': 'application/json' }
@@ -125,7 +132,7 @@ export class XvHeader {
125
132
  var _a;
126
133
  if (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['EnableMegaMenuSearch']) !== true)
127
134
  return null;
128
- return (h("li", { class: "search-form" }, h("form", { action: `${this.baseUrl}/de-de/media/search`, method: "get", role: "search" }, h("input", { onKeyDown: this.handleSearchKeydown, onInput: debounce(this.handleSearch, 700), type: "search", name: "Q", placeholder: "Suchen", title: "Dr\u00FCcken Sie die 'Enter' zum 'Suchen' oder Escape zum Zur\u00FCcksetzen", autoComplete: "off" }), h("xv-button-v2", { onClick: this.handleSearchOpen, onMouseDown: this.handlePreventEvent, type: "button", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-search" })), h("xv-button-v2", { type: "submit", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-search" }))), h("ul", { class: { 'search-form-suggestions': true, loading: this.suggestionsLoading } }, this.suggestions.map((suggestion) => (h("li", null, h("xv-link-v2", { variant: "standalone", href: `${suggestion.source === 'marketplace' ? 'https://market.crossvertise.com' : 'https://www.crossvertise.com'}${suggestion.page_link}` }, suggestion.title_de)))), !this.suggestions.length && h("li", { class: "text-center xv-helper-text-02" }, "Keine Daten gefunden"))));
135
+ return (h("li", { class: "search-form" }, h("form", { action: `${this.baseUrl}/de-de/media/search`, method: "get", role: "search" }, h("input", { onKeyDown: this.handleSearchKeydown, onInput: debounce(this.handleSearch, 700), type: "search", name: "Q", placeholder: "Suchen", title: "Dr\u00FCcken Sie die 'Enter' zum 'Suchen' oder Escape zum Zur\u00FCcksetzen", autoComplete: "off" }), h("xv-button-v2", { onClick: this.handleSearchOpen, onMouseDown: this.handlePreventEvent, type: "button", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-search" })), h("xv-button-v2", { type: "submit", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-search" }))), h("ul", { class: { 'search-form-suggestions': true, loading: this.suggestionsLoading } }, this.suggestions.map((suggestion) => (h("li", null, h("xv-link-v2", { variant: "standalone", href: `${suggestion.source === 'marketplace' ? 'https://marketplace.crossvertise.com' : 'https://www.crossvertise.com'}${suggestion.page_link}` }, suggestion.title_de)))), !this.suggestions.length && h("li", { class: "text-center xv-helper-text-02" }, "Keine Daten gefunden"))));
129
136
  }
130
137
  // endregion
131
138
  // region ImpersonationInfo
@@ -178,7 +185,7 @@ export class XvHeader {
178
185
  render() {
179
186
  var _a, _b, _c, _d, _e;
180
187
  const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
181
- return (h("header", { key: '850c75643280f446e29de2701a63a7c07c2d8505', class: "header" }, h("div", { key: 'b08ef627fd0c977fa202ca186282ff30ad7f1518', class: "header-wrapper" }, h("div", { key: 'ffe5790dd49b4f4a06561c67f0ce22d8d98b2f72', class: "xv-container" }, h("div", { key: 'c53e22d2942c44843b63d9adcc3c09b87e8318f5', class: "header-top" }, h("div", { key: 'd2b8bde1c94ef7368d6af7029baee912d2a1be3c', class: "header-top--left" }, h("xv-button-v2", { key: 'ea6d1ff1ba654981f0dde9f5621ec107bbabd79f', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '4a9de2ac55f33c6e9b1111e64bd0a36b0bc3afc1', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'bf13b4b4abccaa7b47cefe013dbc9aeee5e54380', href: `${window.location.origin}/` }, h("picture", { key: '2a906bf88bce1b93957ef88fb9c89fe20dbcc417' }, h("source", { key: '18ef8d0c8375c1e6cc6f477fd8f25b9f2ed6a7f9', 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: 'a52bdc321e053e9c7405715027ffe7bc8572be0d', 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: '6fdb198445aa2705ab751dc3a7d6d0196e3f4b13', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '9ea8ef27ff49380fecaa758a8a204892c9653c44', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '7110dc439a653ef45fb9dbc44a49cfc47f691cae' }, h("xv-link-v2", { key: '4bf4a08c15eac93db3c5b44abdbe20a4605fc7a8', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'e370854ba5233bbd7c5d0c4d0c2f3ad6bf47f44e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '5068645982b096d8dc8a7b5071e19d0a9fd6b670', class: "header-icon far fa-envelope" }), h("span", { key: 'ab5d3877a34340ea862a5d787d05b57274617e60', 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: '9ee790eb91ec6830c3e1804274b29821ab564664' }, h("xv-link-v2", { key: 'bf7140cb061ac1821e6548f65283f19cd1977212', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'c37c6997cf4af99f944f6e191f4b2fcbf9e81023', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '8cd041f86829fe16b54794e742010bbba558a1a4', class: "header-icon far fa-question-circle" }), h("span", { key: 'fb0ec5669e52d4dd4c0b435addc0b7e3e41303bc', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '893d0a066e57472cccef3e04fe8602d04e0e5a07', class: "header-wrapper--bg" }, h("div", { key: '8cf2c9a5bdae99335461d17934516cd808d9ea12', class: "xv-container" }, h("xv-mega-menu", { key: '25b7692356a627a9d95dd5e1966c99da6eb0afb6', loading: this.loading, open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '754b15ded5f7423f487e1b9dccaf0e53d9fd4a78', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
188
+ return (h("header", { key: 'fc335e7ed53180d2434a507a17406d3d18fe6db8', class: "header" }, h("div", { key: 'e268f7589be46543d8d99d4c895fc4b087d2d0db', class: "header-wrapper" }, h("div", { key: '705a87065fa403f2afbf66223a27940426a59558', class: "xv-container" }, h("div", { key: 'eb0af35be28a0d3f0639e5ea08eb9cef5de15060', class: "header-top" }, h("div", { key: 'f5c7552f0b5f265270cb173d204c8b49983686a5', class: "header-top--left" }, h("xv-button-v2", { key: 'da2ce450bbd79b168775be5760c7c7b682452f06', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '50c1173b693ce49c2b4ec09c044b98d5f5019cfe', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '2b03bca3bb4eccf5d1043b6664722b7dd0598b28', href: `${window.location.origin}/` }, h("picture", { key: '856f881b7e8c08bdec8879643629071dd0612321' }, h("source", { key: '2d798a94c25bb0efc4cac61cd3aa047e9cb354c4', 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: 'b3f566ad14ec8d797d40dba247abd1940e572f46', 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: '1d12b5780b25b29f9340790df3370bf81d919cb1', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '46acf1dc1ff1b50c557f5884847c39208a77cf88', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'e15bac2f592e075377455b29ed5fccc9148733db' }, h("xv-link-v2", { key: '33bbeb08b454d139b9af4b24bdceb2d0d4ed944c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'cc3f2aa3566c5baccd4b9aebcc7e52d9bcd5649a', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'eced01f779dd5208de702ac86c439e2b645fdfbc', class: "header-icon far fa-envelope" }), h("span", { key: '13e7e2cd501ccc114d28fe463ca8862a15536b50', 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: '66f88456bfc7158f403cbb50ee7a7752ddc8442a' }, h("xv-link-v2", { key: '9502d850ff27ae3aa274e00be2b65725699cfe51', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '2a1570b72dedf8fbfac96e82410fe90a30b1b252', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'e19e5e0a4d1f45a43f317449fbb8c016e06ca5ff', class: "header-icon far fa-question-circle" }), h("span", { key: '6a213f3c80a66cd6b0919fbf6fbc93854cd3fad0', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '7310c6cb6f5ca0b955ae6300010d30f97c532ddd', class: "header-wrapper--bg" }, h("div", { key: '560d7311dfef6f5299ac056328fb221313e7849b', class: "xv-container" }, h("xv-mega-menu", { key: '8ed0160e41e2833a6f7b3eb6fca7a86fca53ccda', loading: this.loading, open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '4bfea9af8df8f0fdf9adf4b91483e276439bb138', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
182
189
  }
183
190
  static get is() { return "xv-header"; }
184
191
  static get originalStyleUrls() {
package/dist/collection/components/xv-mega-menu/xv-mega-menu.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Host, h, Fragment } from "@stencil/core";
2
- import { getMetaNav } from "../../utils/utils";
2
+ import { getBaseUrl, getMetaNav } from "../../utils/utils";
3
3
  export class XvMegaMenu {
4
4
  constructor() {
5
5
  this.mobileSize = 991;
@@ -61,10 +61,15 @@ export class XvMegaMenu {
61
61
  return;
62
62
  try {
63
63
  const metaNav = getMetaNav();
64
- const url = (metaNav['WhitelabelName'] || 'Xv') === 'Xv'
64
+ const configuredWhitelabel = window.__xvWhitelabelOverride;
65
+ const resolvedWhitelabel = configuredWhitelabel || (metaNav === null || metaNav === void 0 ? void 0 : metaNav.WhitelabelName);
66
+ const url = resolvedWhitelabel === 'Xv'
65
67
  ? `https://xvsitefinitystorage.blob.core.windows.net/nav-sync-${this.getEnvFromHost()}/mega-menu.json`
66
- : `${window.location.origin}/api-fd/v1/home/menu`;
67
- const response = await fetch(url, {
68
+ : new URL(getBaseUrl('/api-fd/v1/home/menu'));
69
+ if (url instanceof URL && resolvedWhitelabel) {
70
+ url.searchParams.set('configoverride', resolvedWhitelabel);
71
+ }
72
+ const response = await fetch(url.toString(), {
68
73
  method: 'GET',
69
74
  headers: { Accept: 'application/json' },
70
75
  credentials: 'include'
@@ -96,7 +101,7 @@ export class XvMegaMenu {
96
101
  this.menuItems = menuItems;
97
102
  }
98
103
  render() {
99
- return (h(Host, { key: '7ff1c5fb97f50e18273c6710ed3251508005d06a' }, h("nav", { key: 'e8875c3a1575453f609168a4e3571cad92cfaa6a', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'a84119bba15affefe1559a08b42c265168e09257', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '0f87a1e33e9a39773d741bb3ad269c65ee34d279' }))), h("ul", { key: '8f9858de14b47bda357fadac912d1352f521c32a', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
104
+ return (h(Host, { key: 'e607d257a7fb767b2f1d82ec1b56d47de2473762' }, h("nav", { key: '71bbef2f06c3fc0de08a269f7afe8afb5ab9d4bb', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'fa757360e503a28e3d3f4df24854be1fb6a48fc4', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '5e9238b78fc1af8b27e505409239c2a6d64783ba' }))), h("ul", { key: 'a06ba69a5af2fd47b093bfc3eac22e99348634cb', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
100
105
  var _a, _b;
101
106
  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) => {
102
107
  var _a, _b;
@@ -106,7 +111,7 @@ export class XvMegaMenu {
106
111
  } }, 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' &&
107
112
  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: group.card.image, 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"))))))))));
108
113
  }))))));
109
- }), h("li", { key: '1cba2a07117515dabedb792414d8cd43e6771039', class: "menu--right" }, h("slot", { key: '40106a1b5fbda91cf0f08d0373cfb8dbf02cbdcd', name: "menu-right" })), this.open && (h("li", { key: 'a664ead715c6dc8fc66032e060878b4a343d0fc9', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
114
+ }), h("li", { key: 'f0c300f00bcd898c1a8ecf136076c77f5a73e996', class: "menu--right" }, h("slot", { key: 'e8de3a0463d80fe086c922d17399c297310b1cf8', name: "menu-right" })), this.open && (h("li", { key: '998f8eff5167902dd3603a6b064f824ea63fa9c9', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
110
115
  }
111
116
  static get is() { return "xv-mega-menu"; }
112
117
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/xv-tile/xv-tile.css CHANGED
@@ -256,6 +256,7 @@
256
256
  height: inherit;
257
257
  background-color: #fff;
258
258
  border: 1px solid var(--icon-primary, #131313);
259
+ box-sizing: border-box;
259
260
  }
260
261
  .xv-tile--host .xv-tile_control input[type=checkbox]:after,
261
262
  .xv-tile--host .xv-tile_control input[type=radio]:after {
package/dist/esm/xv-accordion-v2_45.entry.js CHANGED
@@ -78123,9 +78123,16 @@ const XvHeader = class {
78123
78123
  void this.initHeader();
78124
78124
  }
78125
78125
  async initHeader() {
78126
+ var _a;
78126
78127
  try {
78127
78128
  this.loading = true;
78128
- const response = await fetch(`${this.baseUrl}/de-de/home/getpersonalareajson`, {
78129
+ const url = new URL(`${this.baseUrl}/de-de/home/getpersonalareajson`);
78130
+ const configuredWhitelabel = window.__xvWhitelabelOverride;
78131
+ const resolvedWhitelabel = configuredWhitelabel || ((_a = getMetaNav()) === null || _a === void 0 ? void 0 : _a.WhitelabelName);
78132
+ if (resolvedWhitelabel) {
78133
+ url.searchParams.set('configoverride', resolvedWhitelabel);
78134
+ }
78135
+ const response = await fetch(url.toString(), {
78129
78136
  method: 'POST',
78130
78137
  credentials: "include",
78131
78138
  headers: { 'Content-Type': 'application/json' }
@@ -78146,7 +78153,7 @@ const XvHeader = class {
78146
78153
  var _a;
78147
78154
  if (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['EnableMegaMenuSearch']) !== true)
78148
78155
  return null;
78149
- return (h("li", { class: "search-form" }, h("form", { action: `${this.baseUrl}/de-de/media/search`, method: "get", role: "search" }, h("input", { onKeyDown: this.handleSearchKeydown, onInput: debounce$1(this.handleSearch, 700), type: "search", name: "Q", placeholder: "Suchen", title: "Dr\u00FCcken Sie die 'Enter' zum 'Suchen' oder Escape zum Zur\u00FCcksetzen", autoComplete: "off" }), h("xv-button-v2", { onClick: this.handleSearchOpen, onMouseDown: this.handlePreventEvent, type: "button", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-search" })), h("xv-button-v2", { type: "submit", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-search" }))), h("ul", { class: { 'search-form-suggestions': true, loading: this.suggestionsLoading } }, this.suggestions.map((suggestion) => (h("li", null, h("xv-link-v2", { variant: "standalone", href: `${suggestion.source === 'marketplace' ? 'https://market.crossvertise.com' : 'https://www.crossvertise.com'}${suggestion.page_link}` }, suggestion.title_de)))), !this.suggestions.length && h("li", { class: "text-center xv-helper-text-02" }, "Keine Daten gefunden"))));
78156
+ return (h("li", { class: "search-form" }, h("form", { action: `${this.baseUrl}/de-de/media/search`, method: "get", role: "search" }, h("input", { onKeyDown: this.handleSearchKeydown, onInput: debounce$1(this.handleSearch, 700), type: "search", name: "Q", placeholder: "Suchen", title: "Dr\u00FCcken Sie die 'Enter' zum 'Suchen' oder Escape zum Zur\u00FCcksetzen", autoComplete: "off" }), h("xv-button-v2", { onClick: this.handleSearchOpen, onMouseDown: this.handlePreventEvent, type: "button", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-search" })), h("xv-button-v2", { type: "submit", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-search" }))), h("ul", { class: { 'search-form-suggestions': true, loading: this.suggestionsLoading } }, this.suggestions.map((suggestion) => (h("li", null, h("xv-link-v2", { variant: "standalone", href: `${suggestion.source === 'marketplace' ? 'https://marketplace.crossvertise.com' : 'https://www.crossvertise.com'}${suggestion.page_link}` }, suggestion.title_de)))), !this.suggestions.length && h("li", { class: "text-center xv-helper-text-02" }, "Keine Daten gefunden"))));
78150
78157
  }
78151
78158
  // endregion
78152
78159
  // region ImpersonationInfo
@@ -78199,7 +78206,7 @@ const XvHeader = class {
78199
78206
  render() {
78200
78207
  var _a, _b, _c, _d, _e;
78201
78208
  const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
78202
- return (h("header", { key: '850c75643280f446e29de2701a63a7c07c2d8505', class: "header" }, h("div", { key: 'b08ef627fd0c977fa202ca186282ff30ad7f1518', class: "header-wrapper" }, h("div", { key: 'ffe5790dd49b4f4a06561c67f0ce22d8d98b2f72', class: "xv-container" }, h("div", { key: 'c53e22d2942c44843b63d9adcc3c09b87e8318f5', class: "header-top" }, h("div", { key: 'd2b8bde1c94ef7368d6af7029baee912d2a1be3c', class: "header-top--left" }, h("xv-button-v2", { key: 'ea6d1ff1ba654981f0dde9f5621ec107bbabd79f', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '4a9de2ac55f33c6e9b1111e64bd0a36b0bc3afc1', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'bf13b4b4abccaa7b47cefe013dbc9aeee5e54380', href: `${window.location.origin}/` }, h("picture", { key: '2a906bf88bce1b93957ef88fb9c89fe20dbcc417' }, h("source", { key: '18ef8d0c8375c1e6cc6f477fd8f25b9f2ed6a7f9', 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: 'a52bdc321e053e9c7405715027ffe7bc8572be0d', 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: '6fdb198445aa2705ab751dc3a7d6d0196e3f4b13', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '9ea8ef27ff49380fecaa758a8a204892c9653c44', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '7110dc439a653ef45fb9dbc44a49cfc47f691cae' }, h("xv-link-v2", { key: '4bf4a08c15eac93db3c5b44abdbe20a4605fc7a8', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'e370854ba5233bbd7c5d0c4d0c2f3ad6bf47f44e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '5068645982b096d8dc8a7b5071e19d0a9fd6b670', class: "header-icon far fa-envelope" }), h("span", { key: 'ab5d3877a34340ea862a5d787d05b57274617e60', 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: '9ee790eb91ec6830c3e1804274b29821ab564664' }, h("xv-link-v2", { key: 'bf7140cb061ac1821e6548f65283f19cd1977212', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'c37c6997cf4af99f944f6e191f4b2fcbf9e81023', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '8cd041f86829fe16b54794e742010bbba558a1a4', class: "header-icon far fa-question-circle" }), h("span", { key: 'fb0ec5669e52d4dd4c0b435addc0b7e3e41303bc', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '893d0a066e57472cccef3e04fe8602d04e0e5a07', class: "header-wrapper--bg" }, h("div", { key: '8cf2c9a5bdae99335461d17934516cd808d9ea12', class: "xv-container" }, h("xv-mega-menu", { key: '25b7692356a627a9d95dd5e1966c99da6eb0afb6', loading: this.loading, open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '754b15ded5f7423f487e1b9dccaf0e53d9fd4a78', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
78209
+ return (h("header", { key: 'fc335e7ed53180d2434a507a17406d3d18fe6db8', class: "header" }, h("div", { key: 'e268f7589be46543d8d99d4c895fc4b087d2d0db', class: "header-wrapper" }, h("div", { key: '705a87065fa403f2afbf66223a27940426a59558', class: "xv-container" }, h("div", { key: 'eb0af35be28a0d3f0639e5ea08eb9cef5de15060', class: "header-top" }, h("div", { key: 'f5c7552f0b5f265270cb173d204c8b49983686a5', class: "header-top--left" }, h("xv-button-v2", { key: 'da2ce450bbd79b168775be5760c7c7b682452f06', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '50c1173b693ce49c2b4ec09c044b98d5f5019cfe', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '2b03bca3bb4eccf5d1043b6664722b7dd0598b28', href: `${window.location.origin}/` }, h("picture", { key: '856f881b7e8c08bdec8879643629071dd0612321' }, h("source", { key: '2d798a94c25bb0efc4cac61cd3aa047e9cb354c4', 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: 'b3f566ad14ec8d797d40dba247abd1940e572f46', 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: '1d12b5780b25b29f9340790df3370bf81d919cb1', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '46acf1dc1ff1b50c557f5884847c39208a77cf88', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'e15bac2f592e075377455b29ed5fccc9148733db' }, h("xv-link-v2", { key: '33bbeb08b454d139b9af4b24bdceb2d0d4ed944c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'cc3f2aa3566c5baccd4b9aebcc7e52d9bcd5649a', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'eced01f779dd5208de702ac86c439e2b645fdfbc', class: "header-icon far fa-envelope" }), h("span", { key: '13e7e2cd501ccc114d28fe463ca8862a15536b50', 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: '66f88456bfc7158f403cbb50ee7a7752ddc8442a' }, h("xv-link-v2", { key: '9502d850ff27ae3aa274e00be2b65725699cfe51', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '2a1570b72dedf8fbfac96e82410fe90a30b1b252', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'e19e5e0a4d1f45a43f317449fbb8c016e06ca5ff', class: "header-icon far fa-question-circle" }), h("span", { key: '6a213f3c80a66cd6b0919fbf6fbc93854cd3fad0', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '7310c6cb6f5ca0b955ae6300010d30f97c532ddd', class: "header-wrapper--bg" }, h("div", { key: '560d7311dfef6f5299ac056328fb221313e7849b', class: "xv-container" }, h("xv-mega-menu", { key: '8ed0160e41e2833a6f7b3eb6fca7a86fca53ccda', loading: this.loading, open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '4bfea9af8df8f0fdf9adf4b91483e276439bb138', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
78203
78210
  }
78204
78211
  get el() { return getElement(this); }
78205
78212
  };
@@ -78439,10 +78446,15 @@ const XvMegaMenu = class {
78439
78446
  return;
78440
78447
  try {
78441
78448
  const metaNav = getMetaNav();
78442
- const url = (metaNav['WhitelabelName'] || 'Xv') === 'Xv'
78449
+ const configuredWhitelabel = window.__xvWhitelabelOverride;
78450
+ const resolvedWhitelabel = configuredWhitelabel || (metaNav === null || metaNav === void 0 ? void 0 : metaNav.WhitelabelName);
78451
+ const url = resolvedWhitelabel === 'Xv'
78443
78452
  ? `https://xvsitefinitystorage.blob.core.windows.net/nav-sync-${this.getEnvFromHost()}/mega-menu.json`
78444
- : `${window.location.origin}/api-fd/v1/home/menu`;
78445
- const response = await fetch(url, {
78453
+ : new URL(getBaseUrl('/api-fd/v1/home/menu'));
78454
+ if (url instanceof URL && resolvedWhitelabel) {
78455
+ url.searchParams.set('configoverride', resolvedWhitelabel);
78456
+ }
78457
+ const response = await fetch(url.toString(), {
78446
78458
  method: 'GET',
78447
78459
  headers: { Accept: 'application/json' },
78448
78460
  credentials: 'include'
@@ -78474,7 +78486,7 @@ const XvMegaMenu = class {
78474
78486
  this.menuItems = menuItems;
78475
78487
  }
78476
78488
  render() {
78477
- return (h(Host, { key: '7ff1c5fb97f50e18273c6710ed3251508005d06a' }, h("nav", { key: 'e8875c3a1575453f609168a4e3571cad92cfaa6a', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'a84119bba15affefe1559a08b42c265168e09257', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '0f87a1e33e9a39773d741bb3ad269c65ee34d279' }))), h("ul", { key: '8f9858de14b47bda357fadac912d1352f521c32a', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
78489
+ return (h(Host, { key: 'e607d257a7fb767b2f1d82ec1b56d47de2473762' }, h("nav", { key: '71bbef2f06c3fc0de08a269f7afe8afb5ab9d4bb', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'fa757360e503a28e3d3f4df24854be1fb6a48fc4', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '5e9238b78fc1af8b27e505409239c2a6d64783ba' }))), h("ul", { key: 'a06ba69a5af2fd47b093bfc3eac22e99348634cb', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
78478
78490
  var _a, _b;
78479
78491
  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) => {
78480
78492
  var _a, _b;
@@ -78484,7 +78496,7 @@ const XvMegaMenu = class {
78484
78496
  } }, 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' &&
78485
78497
  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: group.card.image, 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"))))))))));
78486
78498
  }))))));
78487
- }), h("li", { key: '1cba2a07117515dabedb792414d8cd43e6771039', class: "menu--right" }, h("slot", { key: '40106a1b5fbda91cf0f08d0373cfb8dbf02cbdcd', name: "menu-right" })), this.open && (h("li", { key: 'a664ead715c6dc8fc66032e060878b4a343d0fc9', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
78499
+ }), h("li", { key: 'f0c300f00bcd898c1a8ecf136076c77f5a73e996', class: "menu--right" }, h("slot", { key: 'e8de3a0463d80fe086c922d17399c297310b1cf8', name: "menu-right" })), this.open && (h("li", { key: '998f8eff5167902dd3603a6b064f824ea63fa9c9', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
78488
78500
  }
78489
78501
  get el() { return getElement(this); }
78490
78502
  static get watchers() { return {
@@ -79715,7 +79727,7 @@ const XvTextarea = class {
79715
79727
  };
79716
79728
  XvTextarea.style = xvTextareaCss();
79717
79729
 
79718
- const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313)}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, rgba(18, 18, 18, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}`;
79730
+ const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313);box-sizing:border-box}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, rgba(18, 18, 18, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}`;
79719
79731
 
79720
79732
  const XvTile = class {
79721
79733
  constructor(hostRef) {