xv-webcomponents 1.12.4 → 1.12.6-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.
- package/dist/cjs/{index-9K7Niw0d.js → index-CibTUSog.js} +7 -6
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_45.cjs.entry.js +22 -10
- package/dist/collection/components/xv-header/xv-header.js +10 -3
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +11 -6
- package/dist/collection/components/xv-tile/xv-tile.css +1 -0
- package/dist/collection/utils/utils.js +7 -6
- package/dist/esm/{index-CE6xeruj.js → index-DckC4jQZ.js} +7 -6
- package/dist/esm/index.js +1 -1
- package/dist/esm/xv-accordion-v2_45.entry.js +22 -10
- package/dist/xv-webcomponents/index.esm.js +1 -1
- package/dist/xv-webcomponents/{p-4ffd4585.entry.js → p-2a3faa4d.entry.js} +1 -1
- package/dist/xv-webcomponents/{p-CE6xeruj.js → p-DckC4jQZ.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
|
@@ -52,12 +52,13 @@ const getMetaNav = () => {
|
|
|
52
52
|
};
|
|
53
53
|
const getBaseUrl = (path = '') => {
|
|
54
54
|
var _a;
|
|
55
|
-
|
|
56
|
-
'sitefinity-qa.crossvertise.com':
|
|
57
|
-
'www.crossvertise.com':
|
|
58
|
-
'sitefinity-staging.crossvertise.com':
|
|
59
|
-
'localhost':
|
|
60
|
-
}[window.location.hostname]) !== null && _a !== void 0 ? _a :
|
|
55
|
+
const configuredBaseUrl = (_a = {
|
|
56
|
+
'sitefinity-qa.crossvertise.com': 'https://qa.crossvertise.com',
|
|
57
|
+
'www.crossvertise.com': 'https://market.crossvertise.com',
|
|
58
|
+
'sitefinity-staging.crossvertise.com': 'https://staging.crossvertise.com',
|
|
59
|
+
'localhost': 'https://qa.crossvertise.com',
|
|
60
|
+
}[window.location.hostname]) !== null && _a !== void 0 ? _a : window.location.origin;
|
|
61
|
+
return `${configuredBaseUrl}${path}`;
|
|
61
62
|
};
|
|
62
63
|
|
|
63
64
|
exports.debounce = debounce;
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-CDr6vS_7.js');
|
|
4
|
-
var index$1 = require('./index-
|
|
4
|
+
var index$1 = require('./index-CibTUSog.js');
|
|
5
5
|
|
|
6
6
|
const xvAccordionCss = () => `.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}:host{display:block}`;
|
|
7
7
|
|
|
@@ -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
|
|
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://
|
|
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: '
|
|
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
|
|
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
|
-
:
|
|
78447
|
-
|
|
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: '
|
|
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: '
|
|
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) {
|
|
@@ -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
|
|
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://
|
|
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: '
|
|
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() {
|
|
@@ -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
|
|
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
|
-
:
|
|
67
|
-
|
|
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: '
|
|
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: '
|
|
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"; }
|
|
@@ -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 {
|
|
@@ -55,10 +55,11 @@ export const getMetaNav = () => {
|
|
|
55
55
|
};
|
|
56
56
|
export const getBaseUrl = (path = '') => {
|
|
57
57
|
var _a;
|
|
58
|
-
|
|
59
|
-
'sitefinity-qa.crossvertise.com':
|
|
60
|
-
'www.crossvertise.com':
|
|
61
|
-
'sitefinity-staging.crossvertise.com':
|
|
62
|
-
'localhost':
|
|
63
|
-
}[window.location.hostname]) !== null && _a !== void 0 ? _a :
|
|
58
|
+
const configuredBaseUrl = (_a = {
|
|
59
|
+
'sitefinity-qa.crossvertise.com': 'https://qa.crossvertise.com',
|
|
60
|
+
'www.crossvertise.com': 'https://market.crossvertise.com',
|
|
61
|
+
'sitefinity-staging.crossvertise.com': 'https://staging.crossvertise.com',
|
|
62
|
+
'localhost': 'https://qa.crossvertise.com',
|
|
63
|
+
}[window.location.hostname]) !== null && _a !== void 0 ? _a : window.location.origin;
|
|
64
|
+
return `${configuredBaseUrl}${path}`;
|
|
64
65
|
};
|
|
@@ -50,12 +50,13 @@ const getMetaNav = () => {
|
|
|
50
50
|
};
|
|
51
51
|
const getBaseUrl = (path = '') => {
|
|
52
52
|
var _a;
|
|
53
|
-
|
|
54
|
-
'sitefinity-qa.crossvertise.com':
|
|
55
|
-
'www.crossvertise.com':
|
|
56
|
-
'sitefinity-staging.crossvertise.com':
|
|
57
|
-
'localhost':
|
|
58
|
-
}[window.location.hostname]) !== null && _a !== void 0 ? _a :
|
|
53
|
+
const configuredBaseUrl = (_a = {
|
|
54
|
+
'sitefinity-qa.crossvertise.com': 'https://qa.crossvertise.com',
|
|
55
|
+
'www.crossvertise.com': 'https://market.crossvertise.com',
|
|
56
|
+
'sitefinity-staging.crossvertise.com': 'https://staging.crossvertise.com',
|
|
57
|
+
'localhost': 'https://qa.crossvertise.com',
|
|
58
|
+
}[window.location.hostname]) !== null && _a !== void 0 ? _a : window.location.origin;
|
|
59
|
+
return `${configuredBaseUrl}${path}`;
|
|
59
60
|
};
|
|
60
61
|
|
|
61
62
|
export { getBaseUrl as a, format as b, debounce as d, forEach as f, getMetaNav as g, setAttr as s, uidGenerator as u };
|
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { b as format } from './index-
|
|
1
|
+
export { b as format } from './index-DckC4jQZ.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-C2o9Gfc5.js';
|
|
2
|
-
import { u as uidGenerator, f as forEach, s as setAttr, g as getMetaNav, a as getBaseUrl, d as debounce$1 } from './index-
|
|
2
|
+
import { u as uidGenerator, f as forEach, s as setAttr, g as getMetaNav, a as getBaseUrl, d as debounce$1 } from './index-DckC4jQZ.js';
|
|
3
3
|
|
|
4
4
|
const xvAccordionCss = () => `.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}:host{display:block}`;
|
|
5
5
|
|
|
@@ -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
|
|
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://
|
|
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: '
|
|
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
|
|
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
|
-
:
|
|
78445
|
-
|
|
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: '
|
|
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: '
|
|
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) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{b as format}from"./p-
|
|
1
|
+
export{b as format}from"./p-DckC4jQZ.js";
|