xv-webcomponents 1.20.2-staging.0 → 1.21.1-dev.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-DwneAp1a.js → index-Cb30DBqk.js} +16 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_48.cjs.entry.js +83 -50
- package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +3 -3
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-datepicker/xv-datepicker.css +3 -0
- package/dist/collection/components/xv-datepicker/xv-datepicker.js +8 -2
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +1 -1
- package/dist/collection/components/xv-dropdown/xv-dropdown.css +16 -12
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +5 -4
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +1 -1
- package/dist/collection/components/xv-footer/xv-footer.js +1 -1
- package/dist/collection/components/xv-header/xv-header.js +1 -1
- package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.css +14 -8
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +18 -1
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
- package/dist/collection/components/xv-modal/xv-modal.css +2 -1
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.js +4 -2
- package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-radio/xv-radio.css +3 -0
- package/dist/collection/components/xv-radio/xv-radio.js +23 -2
- package/dist/collection/components/xv-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.css +2 -2
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +23 -2
- package/dist/collection/components/xv-text-input/xv-text-input.css +7 -0
- package/dist/collection/components/xv-text-input/xv-text-input.js +28 -2
- package/dist/collection/components/xv-textarea/xv-textarea.css +11 -1
- package/dist/collection/components/xv-textarea/xv-textarea.js +4 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/collection/utils/utils.js +15 -0
- package/dist/esm/{index-OqHMuwQF.js → index-CQm2sRKT.js} +16 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_48.entry.js +83 -50
- package/dist/esm/xv-header-next.entry.js +2 -2
- package/dist/esm/xv-mega-menu-next.entry.js +3 -3
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-image-viewer/xv-image-viewer.d.ts +3 -0
- package/dist/types/components/xv-radio/xv-radio.d.ts +1 -0
- package/dist/types/components/xv-tag-combobox/xv-tag-combobox.d.ts +1 -0
- package/dist/types/components/xv-text-input/xv-text-input.d.ts +2 -0
- package/dist/types/components.d.ts +6 -0
- package/dist/types/utils/utils.d.ts +9 -0
- package/dist/xv-webcomponents/index.esm.js +1 -1
- package/dist/xv-webcomponents/{p-fa1779f0.entry.js → p-4ad13642.entry.js} +1 -1
- package/dist/xv-webcomponents/{p-0b0ce8e2.entry.js → p-8eca98c5.entry.js} +1 -1
- package/dist/xv-webcomponents/p-CQm2sRKT.js +1 -0
- package/dist/xv-webcomponents/p-d485057e.entry.js +8 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-9edaba20.entry.js +0 -8
- package/dist/xv-webcomponents/p-OqHMuwQF.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-Cv2gugMt.js';
|
|
2
2
|
import { S as SIZE_VAR, O as OverflowMenuVariant } from './_vars-CDEU4jkD.js';
|
|
3
|
-
import { a as api, g as getMetaNav, b as getBaseUrl, d as debounce } from './index-
|
|
3
|
+
import { a as api, g as getMetaNav, b as getBaseUrl, d as debounce } from './index-CQm2sRKT.js';
|
|
4
4
|
|
|
5
5
|
const userMagnifyingGlassRegularFullSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==';
|
|
6
6
|
|
|
@@ -197,7 +197,7 @@ const XvHeaderNext = class {
|
|
|
197
197
|
render() {
|
|
198
198
|
var _a, _b, _c, _d, _e;
|
|
199
199
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
200
|
-
return (h("header", { key: '
|
|
200
|
+
return (h("header", { key: '367db1f50b5e830f44d3856f477cffc86d883af1', class: "header" }, h("div", { key: '30799028ac203ee37793cf02ff051d301de4547b', class: "header-wrapper" }, h("div", { key: 'fc74acbc5a05646ae13b72e8e3b6b5b16e549128', class: "xv-container" }, h("div", { key: 'fd39609d7dbd00d4e1a6f2d42936017dc7b92133', class: "header-top" }, h("div", { key: '144c2f9b44e10e630e72ddf0f5908a57adb870c0', class: "header-top--left" }, h("xv-button-v2", { key: '60bafd1688527ee990d33a737621cc7a0f86c1a8', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'd3f6921a217103d0ba4737a7fa2cf255ec4ba494', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '239d6f40cf27b3bd156b3a4b89673e8e7de0ade0', href: `${window.location.origin}/` }, h("picture", { key: 'b0d07ac3809b754bd3d9d1a854314f5b5097af65' }, h("source", { key: '6ced5e2dd0fc39237a4730bfcae9696d10485dac', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: '5c2089055930be622f4880bf493ecd3a937963d4', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: 'bc159154774361df602ceadcfefc6fbae4612c82', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '1ab6278056ab4000f858299a288cc6de47616307', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '5a51295129e0adae87ed44bf0fc64f66b861f223' }, h("xv-link-v2", { key: '2bf404f048f0866e88c505d304a0cfd9b6f59728', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '620e2520d9e77310447ddaeacfb8581d1325c614', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '2af6b9aaa41072fa0b8a667169c567c67c1fc698', class: "header-icon far fa-envelope" }), h("span", { key: '515720ab78fec3507e1e14b3657372b375dbdbf5', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: '07adfb149a7ef1c5889f1a7a4529d5e0779cf992' }, h("xv-link-v2", { key: 'caa650c5c7b479aa44102e2ec370e2f07c854fee', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '1d72eb9a9c084183d7c5d55b2bd1f734296d63c9', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '5c175d7afbfc7527e78c51289dd28d9f62af1010', class: "header-icon far fa-question-circle" }), h("span", { key: '95f8f14e391470d46647df176dde788653742bbb', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'c52d3fc26cb4b787892aedf43b61b7baa5d95935', class: "header-wrapper--bg" }, h("div", { key: 'd5445ba26a4691b6f5acf7682fac67a6118d331f', class: "xv-container" }, h("xv-mega-menu-next", { key: '55541489dfaf1ce307149e932c7e4bee0e55747f', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: '9383f391de7d39c28775cf9842130b0f3e5dbce5', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
201
201
|
}
|
|
202
202
|
get el() { return getElement(this); }
|
|
203
203
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-Cv2gugMt.js';
|
|
2
|
-
import { a as api } from './index-
|
|
2
|
+
import { a as api } from './index-CQm2sRKT.js';
|
|
3
3
|
|
|
4
4
|
const xvMegaMenuNextCss = () => `.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-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{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}`;
|
|
5
5
|
|
|
@@ -88,7 +88,7 @@ const XvMegaMenuNext = class {
|
|
|
88
88
|
void this.fetchMenuData();
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
|
-
return (h(Host, { key: '
|
|
91
|
+
return (h(Host, { key: 'fc9a1226c489898acd551ff1802bf3a2be58f88f' }, h("nav", { key: 'ab1c4ebbe301788c6dd9c7d1b54dcc0190a299cf', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'a44198cc7301b91e24b262905c47246f99457da2', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'a7c5388a93dc80d70ab925cda41cbe64beb4ea01' }))), h("ul", { key: 'aacd5768fdf60ecdea2d947e495ceea23fa1f334', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
92
92
|
var _a, _b;
|
|
93
93
|
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) => {
|
|
94
94
|
var _a;
|
|
@@ -98,7 +98,7 @@ const XvMegaMenuNext = class {
|
|
|
98
98
|
} }, 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' &&
|
|
99
99
|
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
100
100
|
}))))));
|
|
101
|
-
}), h("li", { key: '
|
|
101
|
+
}), h("li", { key: 'e003e5ed84f0cae46b9e70b421f39099b23f2520', class: "menu--right" }, h("slot", { key: 'eaad598bcf36b34e6d6b0447b4b69bc6dbda542e', name: "menu-right" })), this.open && (h("li", { key: '07c6843b057fd98c333d626fa89531489c10cbe6', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
102
102
|
}
|
|
103
103
|
get el() { return getElement(this); }
|
|
104
104
|
static get watchers() { return {
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["xv-accordion-v2_48",[[0,"xv-header",{"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"readonly":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"value":[1032],"variant":[1],"position":[1],"selected":[32],"selectedMap":[32],"resolvedPosition":[32]},[[0,"itemSelected","handleItemSelected"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"multiple":[{"multipleChangeHandle":0}],"value":[{"valueChange":1}]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32],"reorderable":[32],"reorderHandleMode":[32],"close":[64]}],[65,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":[{"openChange":0}],"month":[{"getCalendarGrid":0}],"value":[{"handleValueChange":0}]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513]}],[1,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":[{"checkedChangeHandle":0}]}],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"loading":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":[{"watchOptions":0}],"value":[{"watchValue":0}]}],[65,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[520],"loading":[4],"columnWidths":[16],"multiple":[516],"hover":[4],"reorderable":[516],"reorderHandle":[513,"reorder-handle"]},null,{"reorderable":[{"reorderableChanged":0}],"reorderHandle":[{"reorderHandleChanged":0}]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32],"errored":[32]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":[{"setColsSizeTemplate":0}]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"hideSingleTab":[4,"hide-single-tab"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-button-group-v2",{"variant":[513],"multiple":[516],"value":[1025]},[[0,"click","handleClick"]],{"value":[{"onSelectionInputChange":0}],"multiple":[{"onSelectionInputChange":0}]}],[257,"xv-content-switcher-item-v2",{"value":[520],"label":[513],"icon":[513],"disabled":[516]}],[257,"xv-content-switcher-v2",{"selected":[1544],"size":[513],"iconOnly":[516,"icon-only"],"disabled":[516],"block":[516],"controlled":[516],"items":[32]}],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[0,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":[{"updateChildItems":0}]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":[{"onCheckedChange":0}]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"message":[513],"value":[1025],"checked":[1028],"readonly":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-mega-menu",{"open":[1540],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[520],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[2,"xv-login-modal",{"visible":[4],"urls":[32],"loading":[32],"errorMessage":[32]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"alignment":[1],"size":[1],"tooltip":[1],"anchor":[1],"activeId":[32],"openMenu":[64],"closeMenu":[64],"toggleMenu":[64]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"anchor":[{"anchorChangeHandle":0}]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4],"href":[1],"target":[1],"divider":[516],"hasIcon":[32],"hasIconEnd":[32]},[[0,"click","handleClick"]]],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"align":[513],"hasFocus":[32]},null,{"checked":[{"onCheckedChange":0}]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"value":[1],"name":[1],"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"active":[516],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]],["xv-mega-menu-next",[[257,"xv-mega-menu-next",{"open":[1540],"menuData":[1,"menu-data"],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]],{"menuData":[{"onMenuDataChange":0}]}]]],["xv-header-next",[[0,"xv-header-next",{"menuData":[1,"menu-data"],"currentLocale":[1,"current-locale"],"locales":[1],"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]]]]], options);
|
|
19
|
+
return bootstrapLazy([["xv-accordion-v2_48",[[0,"xv-header",{"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"readonly":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"value":[1032],"variant":[1],"position":[1],"selected":[32],"selectedMap":[32],"resolvedPosition":[32]},[[0,"itemSelected","handleItemSelected"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"multiple":[{"multipleChangeHandle":0}],"value":[{"valueChange":1}]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32],"reorderable":[32],"reorderHandleMode":[32],"close":[64]}],[65,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":[{"openChange":0}],"month":[{"getCalendarGrid":0}],"value":[{"handleValueChange":0}]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513]}],[1,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":[{"checkedChangeHandle":0}]}],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"loading":[4],"readonly":[4],"error":[8],"warning":[8],"helper":[1],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":[{"watchOptions":0}],"value":[{"watchValue":0}]}],[65,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[520],"loading":[4],"columnWidths":[16],"multiple":[516],"hover":[4],"reorderable":[516],"reorderHandle":[513,"reorder-handle"]},null,{"reorderable":[{"reorderableChanged":0}],"reorderHandle":[{"reorderHandleChanged":0}]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32],"errored":[32]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":[{"setColsSizeTemplate":0}]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"hideSingleTab":[4,"hide-single-tab"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-button-group-v2",{"variant":[513],"multiple":[516],"value":[1025]},[[0,"click","handleClick"]],{"value":[{"onSelectionInputChange":0}],"multiple":[{"onSelectionInputChange":0}]}],[257,"xv-content-switcher-item-v2",{"value":[520],"label":[513],"icon":[513],"disabled":[516]}],[257,"xv-content-switcher-v2",{"selected":[1544],"size":[513],"iconOnly":[516,"icon-only"],"disabled":[516],"block":[516],"controlled":[516],"items":[32]}],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[0,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":[{"updateChildItems":0}]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"helper":[1],"size":[1]},null,{"checked":[{"onCheckedChange":0}]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"message":[513],"value":[1025],"checked":[1028],"readonly":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-mega-menu",{"open":[1540],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[520],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[2,"xv-login-modal",{"visible":[4],"urls":[32],"loading":[32],"errorMessage":[32]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"alignment":[1],"size":[1],"tooltip":[1],"anchor":[1],"activeId":[32],"openMenu":[64],"closeMenu":[64],"toggleMenu":[64]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"anchor":[{"anchorChangeHandle":0}]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4],"href":[1],"target":[1],"divider":[516],"hasIcon":[32],"hasIconEnd":[32]},[[0,"click","handleClick"]]],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"clearable":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"align":[513],"hasFocus":[32]},null,{"checked":[{"onCheckedChange":0}]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"value":[1],"name":[1],"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"active":[516],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]],["xv-mega-menu-next",[[257,"xv-mega-menu-next",{"open":[1540],"menuData":[1,"menu-data"],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]],{"menuData":[{"onMenuDataChange":0}]}]]],["xv-header-next",[[0,"xv-header-next",{"menuData":[1,"menu-data"],"currentLocale":[1,"current-locale"],"locales":[1],"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]]]]], options);
|
|
20
20
|
});
|
|
@@ -13,9 +13,12 @@ export declare class XvImageViewer {
|
|
|
13
13
|
fullscreenLoaded: boolean;
|
|
14
14
|
errored: boolean;
|
|
15
15
|
private observer;
|
|
16
|
+
private dialogEl?;
|
|
16
17
|
componentDidLoad(): void;
|
|
18
|
+
componentDidRender(): void;
|
|
17
19
|
private handleClick;
|
|
18
20
|
private closeFullscreen;
|
|
21
|
+
private handleDialogClick;
|
|
19
22
|
private handleError;
|
|
20
23
|
render(): any;
|
|
21
24
|
}
|
|
@@ -20,10 +20,12 @@ export declare class XvTextInput {
|
|
|
20
20
|
disabled?: boolean;
|
|
21
21
|
loading: boolean;
|
|
22
22
|
block?: boolean;
|
|
23
|
+
clearable?: boolean;
|
|
23
24
|
size: SIZE_VAR_STR;
|
|
24
25
|
isPasswordVisible: boolean;
|
|
25
26
|
internals: ElementInternals;
|
|
26
27
|
private togglePassword;
|
|
28
|
+
private handleClear;
|
|
27
29
|
private handleInput;
|
|
28
30
|
render(): any;
|
|
29
31
|
}
|
|
@@ -802,6 +802,7 @@ export namespace Components {
|
|
|
802
802
|
* @default false
|
|
803
803
|
*/
|
|
804
804
|
"error": string | boolean;
|
|
805
|
+
"helper"?: string;
|
|
805
806
|
/**
|
|
806
807
|
* @default false
|
|
807
808
|
*/
|
|
@@ -954,6 +955,7 @@ export namespace Components {
|
|
|
954
955
|
*/
|
|
955
956
|
"error": string | boolean;
|
|
956
957
|
"focusInput": () => Promise<void>;
|
|
958
|
+
"helper"?: string;
|
|
957
959
|
/**
|
|
958
960
|
* @default ''
|
|
959
961
|
*/
|
|
@@ -1021,6 +1023,7 @@ export namespace Components {
|
|
|
1021
1023
|
interface XvTextInputV2 {
|
|
1022
1024
|
"autocomplete"?: string;
|
|
1023
1025
|
"block"?: boolean;
|
|
1026
|
+
"clearable"?: boolean;
|
|
1024
1027
|
"disabled"?: boolean;
|
|
1025
1028
|
"error"?: string | boolean;
|
|
1026
1029
|
"helper"?: string;
|
|
@@ -2938,6 +2941,7 @@ declare namespace LocalJSX {
|
|
|
2938
2941
|
* @default false
|
|
2939
2942
|
*/
|
|
2940
2943
|
"error"?: string | boolean;
|
|
2944
|
+
"helper"?: string;
|
|
2941
2945
|
/**
|
|
2942
2946
|
* @default false
|
|
2943
2947
|
*/
|
|
@@ -3096,6 +3100,7 @@ declare namespace LocalJSX {
|
|
|
3096
3100
|
* @default false
|
|
3097
3101
|
*/
|
|
3098
3102
|
"error"?: string | boolean;
|
|
3103
|
+
"helper"?: string;
|
|
3099
3104
|
/**
|
|
3100
3105
|
* @default ''
|
|
3101
3106
|
*/
|
|
@@ -3166,6 +3171,7 @@ declare namespace LocalJSX {
|
|
|
3166
3171
|
interface XvTextInputV2 {
|
|
3167
3172
|
"autocomplete"?: string;
|
|
3168
3173
|
"block"?: boolean;
|
|
3174
|
+
"clearable"?: boolean;
|
|
3169
3175
|
"disabled"?: boolean;
|
|
3170
3176
|
"error"?: string | boolean;
|
|
3171
3177
|
"helper"?: string;
|
|
@@ -3,6 +3,15 @@ type FetchInit = RequestInit & Partial<{
|
|
|
3
3
|
raw: boolean;
|
|
4
4
|
}>;
|
|
5
5
|
export declare function format(first?: string, middle?: string, last?: string): string;
|
|
6
|
+
/**
|
|
7
|
+
* Returns the highest-priority field message (error → warning → helper):
|
|
8
|
+
* the first field carrying a non-empty string. Boolean flags (border/icon
|
|
9
|
+
* state only) carry no text and are skipped.
|
|
10
|
+
*/
|
|
11
|
+
export declare const resolveFieldMessage: (fields: Record<"error" | "warning" | "helper", string | boolean | null | undefined>) => {
|
|
12
|
+
level: "error" | "warning" | "helper";
|
|
13
|
+
text: string;
|
|
14
|
+
} | null;
|
|
6
15
|
export declare function uidGenerator(): string;
|
|
7
16
|
/**
|
|
8
17
|
* Walks through the given DOM collection and runs the given callback.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{e as format}from"./p-CQm2sRKT.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,F as a,H as n,a as o}from"./p-Cv2gugMt.js";import{a as i}from"./p-OqHMuwQF.js";const p=class{constructor(r){t(this,r),this.openChange=e(this,"openChange",7),this.mobileSize=991,this.open=!1,this.menuItems=[],this.applicationContext="Xv",this.menuLoading=!1}handleClickOutside(t){this.open&&!this.el.contains(t.target)&&this.handleClose()}handleClose(){this.open=!1,this.activeItem=this.activeGroup=void 0,this.openChange.emit(this.open)}get isMobile(){return window.outerWidth<=this.mobileSize}setActiveItem(t){var e,r,a,n,o;this.activeItem=(null===(e=this.activeItem)||void 0===e?void 0:e.id)===(null==t?void 0:t.id)?void 0:t,this.isMobile&&1!==((null===(a=null===(r=this.activeItem)||void 0===r?void 0:r.groups)||void 0===a?void 0:a.length)||0)||this.setActiveGroup(null===(o=null===(n=this.activeItem)||void 0===n?void 0:n.groups)||void 0===o?void 0:o[0]),this.isMobile||(this.open=!!this.activeItem,!this.open&&this.handleClose())}setActiveGroup(t){var e;this.activeGroup=this.isMobile&&(null===(e=this.activeGroup)||void 0===e?void 0:e.id)===(null==t?void 0:t.id)?void 0:t}navActionClick(t){window.location.href=t.url}parseMenuData(t){if(!t)return null;if(Array.isArray(t))return t;try{const e=JSON.parse(t);return Array.isArray(e)?e:null}catch(t){return console.warn("xv-mega-menu-next: invalid menu-data JSON",t),null}}async fetchMenuData(){try{this.menuItems=await i.get("/api-fd/v1/home/menu",{awaitWl:!0,credentials:"include"}).then((({data:t,meta:e})=>(this.applicationContext=e.applicationContext,t||[])))}catch(t){console.error("fetchMenuData error",t),this.menuItems=[]}}onMenuDataChange(t){const e=this.parseMenuData(t);e&&(this.menuItems=e)}componentWillLoad(){const t=this.parseMenuData(this.menuData);t?this.menuItems=t:this.fetchMenuData()}render(){return r(n,{key:"f72d11053417cb7e999a24257f38ff00ba1a7097"},r("nav",{key:"721da64fcb2d4a0268f1d26592225da518284457",class:{"xv-menu":!0,open:this.open}},this.menuLoading&&r("div",{key:"fbe58f4d8b44bffd9dc868d21d44c0f70361a1a1",class:{"xv-menu-loader":!0,open:this.open}},r("xv-loader-v2",{key:"d6b9dfb3bfd9026db6f4be158e558bdb993c9f08"})),r("ul",{key:"208ad56e913ba59ed28f6781eed51e48d0843ab9",class:{menu:!0,open:this.open}},this.menuItems.map((t=>{var e,n;return r("li",{class:{"menu-item":!0,active:t.id===(null===(e=this.activeItem)||void 0===e?void 0:e.id)}},t.route?r("xv-link-v2",{variant:"ghost",href:t.route.route},r("p",{class:"menu-item-label"},null===(n=t.route)||void 0===n?void 0:n.label)):r(a,null,r("p",{class:"menu-item-label",onClick:()=>this.setActiveItem(t)},null==t?void 0:t.label),r("ul",{class:"menu-item-groups"},t.groups.map((e=>{var a;return r("li",{class:{group:!0,active:(null===(a=this.activeGroup)||void 0===a?void 0:a.id)===e.id}},e.label&&t.groups.length>1&&r("div",{class:"group-label",onClick:()=>this.setActiveGroup(e)},r("span",{class:"group-label-text"},e.label),r("span",{class:"group-label-icon"})),r("div",{class:"group-container"},r("div",{class:{"group-container-absolute":!0,noLabel:!(e.label&&t.groups.length>1)}},r("div",{class:"group-menus"},r("ul",{class:{"group-menus-categories":!0,inline:"inline"===e.layout}},e.categories.map((t=>r("li",{class:"category"},r("p",{class:"category-label"},t.label),r("ul",{class:"category-routes"},t.routes.map((t=>r("li",{class:"route"},r("xv-link-v2",{size:"lg",variant:"ghost",href:t.route||"#"},t.label),t.tag&&r("xv-tag-v2",{class:"route-tag",size:"sm",color:"#161616",bg:"#E0E0E0"},t.tag))))))))),r("ul",{class:"group-menus-actions"},e.actions.map((t=>r("li",{class:"action"},"link"===t.type&&r("xv-link-v2",{variant:"standalone",href:null==t?void 0:t.url},t.label,r("span",{class:"link-chevron",slot:"icon-right"},"→")),"button"===t.type&&r("xv-button-v2",{onClick:()=>this.navActionClick(t),block:!0,variant:"tertiary"},t.label)))))),(null==e?void 0:e.card)&&r("div",{class:"group-card"},r("xv-card-v2",{media:"Komsa"!==this.applicationContext?e.card.image:void 0,variant:this.isMobile?"horizontal":"vertical"},r("h5",{slot:"header",class:"group-card-title"},e.card.title),r("p",{slot:"body",class:"group-card-desc"},e.card.description),e.card.linkLabel&&r("xv-link-v2",{slot:"footer",variant:"standalone",href:e.card.linkUrl||"#"},e.card.linkLabel,r("span",{class:"link-chevron",slot:"icon-right"},"→")))))))})))))})),r("li",{key:"773b59d60bf0410b1fc60c59c24e6772e856492b",class:"menu--right"},r("slot",{key:"89c6b08cdc47fc264308cf2f962c89266c6d5073",name:"menu-right"})),this.open&&r("li",{key:"5e3e1d1e38a97c72dbcb8ee3f521f16d4aba3cbd",class:"menu--backdrop",onClick:()=>this.handleClose()}))))}get el(){return o(this)}static get watchers(){return{menuData:[{onMenuDataChange:0}]}}};p.style='.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-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{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}';export{p as xv_mega_menu_next}
|
|
1
|
+
import{r as t,c as e,h as r,F as a,H as n,a as o}from"./p-Cv2gugMt.js";import{a as i}from"./p-CQm2sRKT.js";const p=class{constructor(r){t(this,r),this.openChange=e(this,"openChange",7),this.mobileSize=991,this.open=!1,this.menuItems=[],this.applicationContext="Xv",this.menuLoading=!1}handleClickOutside(t){this.open&&!this.el.contains(t.target)&&this.handleClose()}handleClose(){this.open=!1,this.activeItem=this.activeGroup=void 0,this.openChange.emit(this.open)}get isMobile(){return window.outerWidth<=this.mobileSize}setActiveItem(t){var e,r,a,n,o;this.activeItem=(null===(e=this.activeItem)||void 0===e?void 0:e.id)===(null==t?void 0:t.id)?void 0:t,this.isMobile&&1!==((null===(a=null===(r=this.activeItem)||void 0===r?void 0:r.groups)||void 0===a?void 0:a.length)||0)||this.setActiveGroup(null===(o=null===(n=this.activeItem)||void 0===n?void 0:n.groups)||void 0===o?void 0:o[0]),this.isMobile||(this.open=!!this.activeItem,!this.open&&this.handleClose())}setActiveGroup(t){var e;this.activeGroup=this.isMobile&&(null===(e=this.activeGroup)||void 0===e?void 0:e.id)===(null==t?void 0:t.id)?void 0:t}navActionClick(t){window.location.href=t.url}parseMenuData(t){if(!t)return null;if(Array.isArray(t))return t;try{const e=JSON.parse(t);return Array.isArray(e)?e:null}catch(t){return console.warn("xv-mega-menu-next: invalid menu-data JSON",t),null}}async fetchMenuData(){try{this.menuItems=await i.get("/api-fd/v1/home/menu",{awaitWl:!0,credentials:"include"}).then((({data:t,meta:e})=>(this.applicationContext=e.applicationContext,t||[])))}catch(t){console.error("fetchMenuData error",t),this.menuItems=[]}}onMenuDataChange(t){const e=this.parseMenuData(t);e&&(this.menuItems=e)}componentWillLoad(){const t=this.parseMenuData(this.menuData);t?this.menuItems=t:this.fetchMenuData()}render(){return r(n,{key:"fc9a1226c489898acd551ff1802bf3a2be58f88f"},r("nav",{key:"ab1c4ebbe301788c6dd9c7d1b54dcc0190a299cf",class:{"xv-menu":!0,open:this.open}},this.menuLoading&&r("div",{key:"a44198cc7301b91e24b262905c47246f99457da2",class:{"xv-menu-loader":!0,open:this.open}},r("xv-loader-v2",{key:"a7c5388a93dc80d70ab925cda41cbe64beb4ea01"})),r("ul",{key:"aacd5768fdf60ecdea2d947e495ceea23fa1f334",class:{menu:!0,open:this.open}},this.menuItems.map((t=>{var e,n;return r("li",{class:{"menu-item":!0,active:t.id===(null===(e=this.activeItem)||void 0===e?void 0:e.id)}},t.route?r("xv-link-v2",{variant:"ghost",href:t.route.route},r("p",{class:"menu-item-label"},null===(n=t.route)||void 0===n?void 0:n.label)):r(a,null,r("p",{class:"menu-item-label",onClick:()=>this.setActiveItem(t)},null==t?void 0:t.label),r("ul",{class:"menu-item-groups"},t.groups.map((e=>{var a;return r("li",{class:{group:!0,active:(null===(a=this.activeGroup)||void 0===a?void 0:a.id)===e.id}},e.label&&t.groups.length>1&&r("div",{class:"group-label",onClick:()=>this.setActiveGroup(e)},r("span",{class:"group-label-text"},e.label),r("span",{class:"group-label-icon"})),r("div",{class:"group-container"},r("div",{class:{"group-container-absolute":!0,noLabel:!(e.label&&t.groups.length>1)}},r("div",{class:"group-menus"},r("ul",{class:{"group-menus-categories":!0,inline:"inline"===e.layout}},e.categories.map((t=>r("li",{class:"category"},r("p",{class:"category-label"},t.label),r("ul",{class:"category-routes"},t.routes.map((t=>r("li",{class:"route"},r("xv-link-v2",{size:"lg",variant:"ghost",href:t.route||"#"},t.label),t.tag&&r("xv-tag-v2",{class:"route-tag",size:"sm",color:"#161616",bg:"#E0E0E0"},t.tag))))))))),r("ul",{class:"group-menus-actions"},e.actions.map((t=>r("li",{class:"action"},"link"===t.type&&r("xv-link-v2",{variant:"standalone",href:null==t?void 0:t.url},t.label,r("span",{class:"link-chevron",slot:"icon-right"},"→")),"button"===t.type&&r("xv-button-v2",{onClick:()=>this.navActionClick(t),block:!0,variant:"tertiary"},t.label)))))),(null==e?void 0:e.card)&&r("div",{class:"group-card"},r("xv-card-v2",{media:"Komsa"!==this.applicationContext?e.card.image:void 0,variant:this.isMobile?"horizontal":"vertical"},r("h5",{slot:"header",class:"group-card-title"},e.card.title),r("p",{slot:"body",class:"group-card-desc"},e.card.description),e.card.linkLabel&&r("xv-link-v2",{slot:"footer",variant:"standalone",href:e.card.linkUrl||"#"},e.card.linkLabel,r("span",{class:"link-chevron",slot:"icon-right"},"→")))))))})))))})),r("li",{key:"e003e5ed84f0cae46b9e70b421f39099b23f2520",class:"menu--right"},r("slot",{key:"eaad598bcf36b34e6d6b0447b4b69bc6dbda542e",name:"menu-right"})),this.open&&r("li",{key:"07c6843b057fd98c333d626fa89531489c10cbe6",class:"menu--backdrop",onClick:()=>this.handleClose()}))))}get el(){return o(this)}static get watchers(){return{menuData:[{onMenuDataChange:0}]}}};p.style='.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-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{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}';export{p as xv_mega_menu_next}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as a,h as t,F as r,a as i}from"./p-Cv2gugMt.js";import{S as o,O as n}from"./p-CDEU4jkD.js";import{a as s,g as d,b as l,d as p}from"./p-OqHMuwQF.js";const c=class{constructor(t){e(this,t),this.xvMetaNavUpdate=a(this,"xvMetaNavUpdate",7),this.orgUnit="",this.baseUrl="",this.loading=!1,this.mobMenuOpen=!1,this.toggleMobMenu=()=>{this.mobMenuOpen=!this.mobMenuOpen},this.closeMobMenu=({detail:e})=>{this.mobMenuOpen=!!e},this.logoFallback=e=>{const a=e.currentTarget,t=a.previousElementSibling,r="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg";r!==a.src&&(a.onerror=null,a.src=r,(null==t?void 0:t.srcset)&&(t.srcset="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg"))},this.suggestions=[],this.suggestionsLoading=!1,this.handleSearch=async e=>{try{this.suggestionsLoading=!0;const a=e.target.value.trim();if(!a)return void(this.suggestions=[]);const t=new URLSearchParams({fuzzy:"true",suggesterName:"xv-shared-index-live-suggester","api-version":"2020-06-30",search:a,$top:"10",$select:"title_de,page_link,source",$orderby:"source desc"}).toString();this.suggestions=await s.get(`https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?${t}`,{headers:{"api-key":"7315DEF1FA0C8B12109B12BA28E517E7"}}).then((({value:e})=>Array.isArray(e)?e:[]))}catch(e){console.log("error",e)}finally{this.suggestionsLoading=!1}},this.handleSearchOpen=e=>{const a=e.currentTarget.closest("form");if(!a)return;const t=a.querySelector('input[type="search"]');t&&t.focus()},this.handleSearchKeydown=e=>{var a;"Escape"===e.key&&(null===(a=e.currentTarget)||void 0===a||a.blur(),this.suggestions=[])},this.handlePreventEvent=e=>e.preventDefault(),this.notifications=[],this.showLoginModal=!1}handleOrgUnitChange({detail:e}){this.orgUnit=e||""}metaNavUpdate(){var e,a;const t=d();t&&(this.metaNav=t,this.orgUnit=(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.User)||void 0===a?void 0:a.SelectedOrgUnitName)||"",this.getNotifications()),console.info("MetaNav was updated",this.metaNav)}componentWillLoad(){this.baseUrl=l(),this.initHeader()}async initHeader(){try{this.loading=!0;const e=await s.post("/de-de/home/getpersonalareajson",void 0,{credentials:"include"});this.xvMetaNavUpdate.emit(e),localStorage.setItem("metaNav",JSON.stringify(e))}catch(e){console.error("Failed to fetch initial Header data:",null==e?void 0:e.message,e)}finally{this.metaNavUpdate(),this.loading=!1}}_renderLocaleSwitcher(){if(!this.currentLocale||!this.locales)return null;let e;try{const a=JSON.parse(this.locales);if(!Array.isArray(a))return null;e=a}catch(e){return null}return 0===e.length?null:t("li",{class:"locale-switcher","aria-label":"Language"},e.map(((e,a)=>{const i=e.code===this.currentLocale;return t(r,null,a>0&&t("span",{class:"locale-switcher__sep","aria-hidden":"true"},"|"),i?t("span",{class:"locale-switcher__current xv-body-02","aria-current":"true"},e.code.toUpperCase()):t("xv-link-v2",{class:"locale-switcher__link",variant:"standalone",href:e.href},t("span",{class:"xv-body-02"},e.code.toUpperCase())))})))}_renderSearch(){var e;return!0!==(null===(e=this.metaNav)||void 0===e?void 0:e.EnableMegaMenuSearch)?null:t("li",{class:"search-form"},t("form",{action:`${this.baseUrl}/de-de/media/search`,method:"get",role:"search"},t("input",{onKeyDown:this.handleSearchKeydown,onInput:p(this.handleSearch,700),type:"search",name:"Q",placeholder:"Suchen",title:"Drücken Sie die 'Enter' zum 'Suchen' oder Escape zum Zurücksetzen",autoComplete:"off"}),t("xv-button-v2",{onClick:this.handleSearchOpen,onMouseDown:this.handlePreventEvent,type:"button",variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-search"})),t("xv-button-v2",{type:"submit",variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-search"}))),t("ul",{class:{"search-form-suggestions":!0,loading:this.suggestionsLoading}},this.suggestions.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:`${"marketplace"===e.source?"https://marketplace.crossvertise.com":"https://www.crossvertise.com"}${e.page_link}`},e.title_de)))),!this.suggestions.length&&t("li",{class:"text-center xv-helper-text-02"},"Keine Daten gefunden")))}_renderImpersonationInfo(){var e,a,r,i,n;return(null===(e=this.metaNav)||void 0===e?void 0:e.ImpersonationInfo)?t("li",{class:"impersonationInfo"},t("xv-toggle-tip",{position:"bottom-end",autoSize:!0},t("xv-button-v2",{variant:"ghost",slot:"trigger",size:o.MD},t("img",{slot:"icon-left",width:16,height:16,src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==",alt:"ic"})),t("ul",{slot:"body",class:"xv-helper-text-02"},t("li",null,"Kundenperspektive aktiviert für:"),t("li",null,null===(a=this.metaNav.ImpersonationInfo)||void 0===a?void 0:a.NameAndTitle),t("li",null,null===(r=this.metaNav.ImpersonationInfo)||void 0===r?void 0:r.CompanyName),t("li",null,null===(i=this.metaNav.ImpersonationInfo)||void 0===i?void 0:i.Email),t("li",null,null===(n=this.metaNav.ImpersonationInfo)||void 0===n?void 0:n.PhoneOffice)),t("xv-link-v2",{slot:"footer",href:`${this.baseUrl}/de-de/mycrossvertise/account/clearimpersonation`,variant:"ghost"},t("xv-button-v2",{block:!0,variant:"accent"},"Kundenperspektive verlassen")))):null}async getNotifications(){var e;if(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)try{this.notifications=await s.get(`${this.baseUrl}/de-de/api/notifications/list`,{credentials:"include"}).then((e=>Array.isArray(e)?e:[]))}catch(e){this.notifications=[]}}_renderNotifications(){var e;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)?t("li",{class:"notifications"},t("xv-overflow-menu-v2",{position:"right",size:o.MD},t("span",{slot:"trigger",class:"fa-stack"},t("i",{class:"notifications-icon far fa-bell fa-stack-1x"}),this.notifications.length>0&&t("xv-tag-v2",{class:"counter-badge counter-badge--absolute",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},this.notifications.length)),this.notifications.map((e=>t("xv-overflow-menu-v2-item",{value:e.id,variant:n.GHOST,disabled:e.isRead,clickable:!1},t("div",{class:"notifications-item"},t("i",{class:{far:!0,"fa-clock":!e.status,"fa-times-circle":1===e.status,"fa-circle":e.status&&1!==e.status}}),t("div",{class:"notifications-item-body"},t("span",null,"Rechnungsentwurf für Auftrag ",e.orderId," ist ausstehend"),t("xv-link-v2",{variant:e.isRead?"ghost":"standalone",href:`/de-de/manager/ordersales/details/${e.orderId}`},"Auftrag anschauen")))))))):null}_renderAccount(){var e,a,i,n,s,d,l,p,c,h,v,g;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsAuthenticated)?t("li",{class:{myArea:!0,onHover:!0,isOpen:!1}},t("xv-button-v2",{class:"myArea-btn",variant:"ghost",size:o.MD},t("i",{class:"far fa-user"}),t("div",{class:"header-label xv-body-02"},(null===(a=this.metaNav)||void 0===a?void 0:a.IsManager)&&t("small",{class:"xv-label-01"},"Manager"),t("span",null,(null===(i=this.metaNav)||void 0===i?void 0:i.UserMenuText)||"Mein Konto")),t("i",{class:"caret"})),t("ul",{class:"myArea-list"},(null===(s=null===(n=this.metaNav)||void 0===n?void 0:n.ManagerCockpitMenu)||void 0===s?void 0:s.length)&&t(r,null,t("li",{class:"myArea-list--category"},"Cockpitfunktionen"),this.metaNav.ManagerCockpitMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),(null===(l=null===(d=this.metaNav)||void 0===d?void 0:d.ManagerEntitiesMenu)||void 0===l?void 0:l.length)&&t(r,null,t("li",{class:"myArea-list--category"},"Entitäten"),this.metaNav.ManagerEntitiesMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),(null===(c=null===(p=this.metaNav)||void 0===p?void 0:p.ManagerMenu)||void 0===c?void 0:c.length)&&t(r,null,this.metaNav.ManagerMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),!(null===(h=this.metaNav)||void 0===h?void 0:h.IsManager)&&(null===(g=null===(v=this.metaNav)||void 0===v?void 0:v.UserMenu)||void 0===g?void 0:g.length)&&t(r,null,this.metaNav.UserMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),t("li",null,t("xv-link-v2",{href:`${this.baseUrl}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}`,variant:"standalone"},"Abmelden")))):t("li",null,t("xv-button-v2",{variant:"ghost",size:o.MD,onClick:()=>this.showLoginModal=!0},t("i",{class:"header-icon far fa-user"}),t("span",{class:"header-label xv-body-02"},"Mein Konto")))}_renderShoppingCart(){var e,a;return t("li",null,t("xv-link-v2",{href:`${this.baseUrl}/de-de/mycrossvertise/shoppingcart/activecart`,variant:"ghost"},t("xv-button-v2",{variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-shopping-cart"}),t("span",{class:"header-label xv-body-02"},"Warenkorb"),t("xv-tag-v2",{id:"shopping-cart-items-badge",class:"counter-badge",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.Cart)||void 0===a?void 0:a.NumberOfItems)||0))))}render(){var e,a,r,i,n;const s="Xv"===((null===(e=this.metaNav)||void 0===e?void 0:e.WhitelabelName)||"Xv");return t("header",{key:"c0012b5ecac3c6471b4ec7b1bfd2eccc3f86dd5f",class:"header"},t("div",{key:"cfb8213dac2c3fc8ceef915067a51aa0d7a9555f",class:"header-wrapper"},t("div",{key:"d3d2ccf65f3cefe5c67546e43fed176917877ead",class:"xv-container"},t("div",{key:"a8fe5efaba57b5687516513d374f9cfba0c705b2",class:"header-top"},t("div",{key:"4b2119408ec66776a86af787383b79ebee41106d",class:"header-top--left"},t("xv-button-v2",{key:"f097db3d55ace0242e871961e6108436e0131aad",class:"menu-btn",variant:"ghost",onClick:this.toggleMobMenu},t("i",{key:"0986f3d44c8898a3e2f0bd298f2819f3e9a5a34b",slot:"icon-left",class:{fa:!0,"fa-times":this.mobMenuOpen,"fa-bars":!this.mobMenuOpen}})),this.metaNav&&t("a",{key:"bf800f74bd14a7c425fcb6eb61aa8225dfcc3ee3",href:`${window.location.origin}/`},t("picture",{key:"5c976747d8ff1cfdd6393340873ed45358cb181d"},t("source",{key:"a7b14ff940f436afe7f7efd6c04db248b0a06729",srcSet:(null===(a=this.metaNav)||void 0===a?void 0:a.LogoUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg",media:"(min-width: 990px)"}),t("img",{key:"d3a1889224b26633def31994483a8bcdfb56e774",src:(null===(r=this.metaNav)||void 0===r?void 0:r.LogoSmallUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg",onError:this.logoFallback,loading:"lazy",alt:"Crossvertise"}))),this.orgUnit&&t("xv-link-v2",{key:"b1aba193ddf6c193f4ea05e3bf3856b50261ef67",class:"header-top--orgUnit",variant:"standalone",href:"/de-de/mycrossvertise"},this.orgUnit)),t("ul",{key:"1c91ec33597c7c8ac8f92f3f7c5e759ef50e1dda",class:"header-top--right"},this._renderLocaleSwitcher(),this._renderSearch(),this._renderImpersonationInfo(),!(null===(i=this.metaNav)||void 0===i?void 0:i.IsManager)&&s&&t("li",{key:"1dc84281285f1b66a3942f8b51055be5d05dd846"},t("xv-link-v2",{key:"de90e6054b9f0cd9bf1fee2b8cbb3f6aedbf9767",variant:"ghost",href:"https://www.crossvertise.com/ueber-uns/kontakt"},t("xv-button-v2",{key:"4fd63e27baad255ef62e36b5e4b6ced436fdf01e",variant:"ghost",size:o.MD},t("i",{key:"1c2569b332c7caa5518e0884b646020a11b5ae43",class:"header-icon far fa-envelope"}),t("span",{key:"f890b2fbbdcd750cd1f19fd3d0b8731db1163013",class:"header-label xv-body-02"},"Kontakt")))),this._renderNotifications(),this._renderAccount(),!(null===(n=this.metaNav)||void 0===n?void 0:n.IsManager)&&s&&t("li",{key:"d5a450877b90b5cf8671e7cf315f0af03c392a03"},t("xv-link-v2",{key:"9ab83170245eb9cc36e47969f381b7fb2229b010",variant:"ghost",href:"https://help.crossvertise.com"},t("xv-button-v2",{key:"ca823e73d6088c2be70335658187eb8aedd5142e",variant:"ghost",size:o.MD},t("i",{key:"0b72b8d4c39c1a986590275ba486249f94fc915a",class:"header-icon far fa-question-circle"}),t("span",{key:"41ae816f63d86995f5ae92fb383fd7f42374bedb",class:"header-label xv-body-02"},"Hilfe")))),this._renderShoppingCart()))),t("div",{key:"c591fc53113a711ae4f716ca58246b076931ab3a",class:"header-wrapper--bg"},t("div",{key:"2be8a3100c70b41cf60ca423fa7bedc9fd220d6d",class:"xv-container"},t("xv-mega-menu-next",{key:"d0f07991030a2067a8250ccc1f5efef36dbe74b3",open:this.mobMenuOpen,onOpenChange:this.closeMobMenu,menuData:this.menuData})))),t("xv-login-modal",{key:"dd27d33edef87ad2915151573005dbf0e0291005",visible:this.showLoginModal,onClose:()=>this.showLoginModal=!1}))}get el(){return i(this)}};c.style='.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-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}header.header{position:sticky;z-index:1000;top:0}header.header .header-wrapper{width:100vw;padding-top:var(--spacing-04);background-color:var(--background, #fff);box-shadow:1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3)}@media (max-width: 991px){header.header .header-wrapper{padding-bottom:var(--spacing-04)}}header.header .header-wrapper--bg{background:var(--menu-background, transparent);color:var(--menu-color, var(--text-primary, #131313))}header.header .header-top{display:flex;align-items:center;gap:var(--spacing-05)}header.header .header-top--left{width:100%;max-width:350px;display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top--left img{width:100%;height:26px;object-fit:contain}header.header .header-top--left .menu-btn{display:none}@media (max-width: 991px){header.header .header-top--left .menu-btn{display:inline-block}}header.header .header-top--right{flex:1;display:flex;justify-content:flex-end;gap:var(--spacing-03);margin:0;padding:0;list-style:none}@media (max-width: 1199px){header.header .header-top--right{gap:var(--spacing-01)}}header.header .header-top--right .header-label{display:flex;flex-direction:column;color:var(--text-primary, #131313)}header.header .header-top--right .header-label>small{line-height:1}@media (min-width: 992px){header.header .header-top--right .header-label{margin-inline:var(--spacing-02)}}@media (max-width: 1199px){header.header .header-top--right .header-label{display:none}}header.header .header-top--right .header-icon{color:var(--icon-primary, #131313)}header.header .header-top--right .caret{display:inline-block;margin-left:5px;width:6px;height:6px;border:none;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);box-sizing:border-box;background:transparent;transform-origin:center;transition:0.25s ease-in-out transform}header.header .header-top--right .counter-badge--absolute{position:absolute;top:0;right:0}header.header .header-top--right .counter-badge::part(details-content){padding:1px;line-height:1;min-width:16px;height:16px;font-size:10px;text-align:center;display:inline-flex;align-items:center;justify-content:center}header.header .header-top--orgUnit{--link-visited:var(--link-primary)}header.header .header-top .fa-question-circle{color:var(--icon-primary, #131313)}header.header .header-top .search-form{flex:1;position:relative}@media (max-width: 768px){header.header .header-top .search-form{display:none}}header.header .header-top .search-form form{padding-inline:2px;flex:1;display:flex;align-items:stretch;flex-direction:row;justify-content:flex-end}header.header .header-top .search-form form input[type=search]{flex:0;text-align:right;display:inline-flex;border:none;min-width:0;transition:flex 0.3s ease-in-out, outline 0.3s ease;overflow:hidden;border-radius:3px}header.header .header-top .search-form form input[type=search]::placeholder{color:var(--text-placeholder, #ACACAC)}header.header .header-top .search-form form input[type=search]:focus{outline:2px solid var(--focus)}header.header .header-top .search-form form>[type=button]{display:inline-flex}header.header .header-top .search-form form>[type=submit]{display:none}header.header .header-top .search-form form:focus-within>[type=button],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=button]{display:none}header.header .header-top .search-form form:focus-within>[type=submit],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=submit]{display:inline-flex}header.header .header-top .search-form form:focus-within input[type=search],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search]{flex:1;outline:1px solid var(--focus)}header.header .header-top .search-form form:focus-within+.search-form-suggestions,header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))+.search-form-suggestions{display:flex}header.header .header-top .search-form-suggestions{position:absolute;top:calc(100% + 5px);background-color:var(--background, #fff);box-shadow:0 0 10px rgba(0, 0, 0, 0.1);border-radius:3px;z-index:2;padding:var(--spacing-04);margin:0;list-style:none;display:none;flex-direction:column;row-gap:var(--spacing-02);min-width:calc(100% - 32px)}header.header .header-top .search-form-suggestions.loading:after{display:flex;align-items:center;justify-content:center;content:"";background:rgba(255, 255, 255, 0.8);position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}header.header .header-top .impersonationInfo ul[slot=body]{margin:0;padding:0;list-style:none;min-width:256px}header.header .header-top .notifications-icon{font-size:14px}header.header .header-top .notifications-item{display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top .notifications-item-body{display:flex;flex-direction:column}header.header .header-top .myArea{position:relative}header.header .header-top .myArea-list{padding:0;margin:0;list-style:none;max-height:0;overflow-y:scroll;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:absolute;right:0;top:calc(100% + var(--spacing-02, 5px));min-width:100%;background-color:var(--background);z-index:999;border-radius:3px;box-shadow:0 5px 6px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column;white-space:nowrap}@supports (scrollbar-width: thin){header.header .header-top .myArea-list{scrollbar-width:thin;scrollbar-color:var(--layer-01) transparent}}header.header .header-top .myArea-list::-webkit-scrollbar{width:4px;height:4px}header.header .header-top .myArea-list::-webkit-scrollbar-thumb{background:var(--layer-01, #F7F7F7);border-radius:4px}header.header .header-top .myArea-list::-webkit-scrollbar-track{background:transparent}header.header .header-top .myArea-list--divider{height:2px;min-height:2px;width:100%;background-color:var(--layer-01, #F7F7F7);padding-block:0 !important}header.header .header-top .myArea-list--category{padding:var(--spacing-03) var(--spacing-05);margin-inline:var(--spacing-02);color:var(--text-primary);font-weight:bold}header.header .header-top .myArea-list>li:first-child{margin-top:var(--spacing-02)}header.header .header-top .myArea-list>li:last-child{margin-bottom:var(--spacing-02)}header.header .header-top .myArea-list>li>*{--link-primary:var(--text-secondary, #515151);--link-visited:var(--text-secondary, #515151);display:block;cursor:pointer;padding-inline:var(--spacing-05);padding-block:var(--spacing-02);margin-inline:var(--spacing-02)}header.header .header-top .myArea-list .category-badge{margin-left:var(--spacing-02)}header.header .header-top .myArea-list .category-badge::part(details-content){line-height:1;font-size:11px;padding:var(--spacing-01) var(--spacing-02)}header.header .header-top .myArea.isOpen .caret,header.header .header-top .myArea.onHover:hover .caret{transform:rotate(-135deg)}header.header .header-top .myArea.isOpen .myArea-list,header.header .header-top .myArea.onHover:hover .myArea-list{max-height:85vh}header.header .header-top .locale-switcher{display:inline-flex;align-items:center;gap:var(--spacing-03, 6px);padding:0 var(--spacing-03, 6px)}header.header .header-top .locale-switcher__sep{color:var(--border-subtle-01, #c6c6c6)}header.header .header-top .locale-switcher__link{text-transform:uppercase;letter-spacing:0.04em}header.header .header-top .locale-switcher__current{text-transform:uppercase;letter-spacing:0.04em;font-weight:700;color:var(--text-primary, #131313)}';export{c as xv_header_next}
|
|
1
|
+
import{r as e,c as a,h as t,F as r,a as i}from"./p-Cv2gugMt.js";import{S as o,O as n}from"./p-CDEU4jkD.js";import{a as s,g as d,b as l,d as p}from"./p-CQm2sRKT.js";const c=class{constructor(t){e(this,t),this.xvMetaNavUpdate=a(this,"xvMetaNavUpdate",7),this.orgUnit="",this.baseUrl="",this.loading=!1,this.mobMenuOpen=!1,this.toggleMobMenu=()=>{this.mobMenuOpen=!this.mobMenuOpen},this.closeMobMenu=({detail:e})=>{this.mobMenuOpen=!!e},this.logoFallback=e=>{const a=e.currentTarget,t=a.previousElementSibling,r="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg";r!==a.src&&(a.onerror=null,a.src=r,(null==t?void 0:t.srcset)&&(t.srcset="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg"))},this.suggestions=[],this.suggestionsLoading=!1,this.handleSearch=async e=>{try{this.suggestionsLoading=!0;const a=e.target.value.trim();if(!a)return void(this.suggestions=[]);const t=new URLSearchParams({fuzzy:"true",suggesterName:"xv-shared-index-live-suggester","api-version":"2020-06-30",search:a,$top:"10",$select:"title_de,page_link,source",$orderby:"source desc"}).toString();this.suggestions=await s.get(`https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?${t}`,{headers:{"api-key":"7315DEF1FA0C8B12109B12BA28E517E7"}}).then((({value:e})=>Array.isArray(e)?e:[]))}catch(e){console.log("error",e)}finally{this.suggestionsLoading=!1}},this.handleSearchOpen=e=>{const a=e.currentTarget.closest("form");if(!a)return;const t=a.querySelector('input[type="search"]');t&&t.focus()},this.handleSearchKeydown=e=>{var a;"Escape"===e.key&&(null===(a=e.currentTarget)||void 0===a||a.blur(),this.suggestions=[])},this.handlePreventEvent=e=>e.preventDefault(),this.notifications=[],this.showLoginModal=!1}handleOrgUnitChange({detail:e}){this.orgUnit=e||""}metaNavUpdate(){var e,a;const t=d();t&&(this.metaNav=t,this.orgUnit=(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.User)||void 0===a?void 0:a.SelectedOrgUnitName)||"",this.getNotifications()),console.info("MetaNav was updated",this.metaNav)}componentWillLoad(){this.baseUrl=l(),this.initHeader()}async initHeader(){try{this.loading=!0;const e=await s.post("/de-de/home/getpersonalareajson",void 0,{credentials:"include"});this.xvMetaNavUpdate.emit(e),localStorage.setItem("metaNav",JSON.stringify(e))}catch(e){console.error("Failed to fetch initial Header data:",null==e?void 0:e.message,e)}finally{this.metaNavUpdate(),this.loading=!1}}_renderLocaleSwitcher(){if(!this.currentLocale||!this.locales)return null;let e;try{const a=JSON.parse(this.locales);if(!Array.isArray(a))return null;e=a}catch(e){return null}return 0===e.length?null:t("li",{class:"locale-switcher","aria-label":"Language"},e.map(((e,a)=>{const i=e.code===this.currentLocale;return t(r,null,a>0&&t("span",{class:"locale-switcher__sep","aria-hidden":"true"},"|"),i?t("span",{class:"locale-switcher__current xv-body-02","aria-current":"true"},e.code.toUpperCase()):t("xv-link-v2",{class:"locale-switcher__link",variant:"standalone",href:e.href},t("span",{class:"xv-body-02"},e.code.toUpperCase())))})))}_renderSearch(){var e;return!0!==(null===(e=this.metaNav)||void 0===e?void 0:e.EnableMegaMenuSearch)?null:t("li",{class:"search-form"},t("form",{action:`${this.baseUrl}/de-de/media/search`,method:"get",role:"search"},t("input",{onKeyDown:this.handleSearchKeydown,onInput:p(this.handleSearch,700),type:"search",name:"Q",placeholder:"Suchen",title:"Drücken Sie die 'Enter' zum 'Suchen' oder Escape zum Zurücksetzen",autoComplete:"off"}),t("xv-button-v2",{onClick:this.handleSearchOpen,onMouseDown:this.handlePreventEvent,type:"button",variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-search"})),t("xv-button-v2",{type:"submit",variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-search"}))),t("ul",{class:{"search-form-suggestions":!0,loading:this.suggestionsLoading}},this.suggestions.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:`${"marketplace"===e.source?"https://marketplace.crossvertise.com":"https://www.crossvertise.com"}${e.page_link}`},e.title_de)))),!this.suggestions.length&&t("li",{class:"text-center xv-helper-text-02"},"Keine Daten gefunden")))}_renderImpersonationInfo(){var e,a,r,i,n;return(null===(e=this.metaNav)||void 0===e?void 0:e.ImpersonationInfo)?t("li",{class:"impersonationInfo"},t("xv-toggle-tip",{position:"bottom-end",autoSize:!0},t("xv-button-v2",{variant:"ghost",slot:"trigger",size:o.MD},t("img",{slot:"icon-left",width:16,height:16,src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==",alt:"ic"})),t("ul",{slot:"body",class:"xv-helper-text-02"},t("li",null,"Kundenperspektive aktiviert für:"),t("li",null,null===(a=this.metaNav.ImpersonationInfo)||void 0===a?void 0:a.NameAndTitle),t("li",null,null===(r=this.metaNav.ImpersonationInfo)||void 0===r?void 0:r.CompanyName),t("li",null,null===(i=this.metaNav.ImpersonationInfo)||void 0===i?void 0:i.Email),t("li",null,null===(n=this.metaNav.ImpersonationInfo)||void 0===n?void 0:n.PhoneOffice)),t("xv-link-v2",{slot:"footer",href:`${this.baseUrl}/de-de/mycrossvertise/account/clearimpersonation`,variant:"ghost"},t("xv-button-v2",{block:!0,variant:"accent"},"Kundenperspektive verlassen")))):null}async getNotifications(){var e;if(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)try{this.notifications=await s.get(`${this.baseUrl}/de-de/api/notifications/list`,{credentials:"include"}).then((e=>Array.isArray(e)?e:[]))}catch(e){this.notifications=[]}}_renderNotifications(){var e;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)?t("li",{class:"notifications"},t("xv-overflow-menu-v2",{position:"right",size:o.MD},t("span",{slot:"trigger",class:"fa-stack"},t("i",{class:"notifications-icon far fa-bell fa-stack-1x"}),this.notifications.length>0&&t("xv-tag-v2",{class:"counter-badge counter-badge--absolute",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},this.notifications.length)),this.notifications.map((e=>t("xv-overflow-menu-v2-item",{value:e.id,variant:n.GHOST,disabled:e.isRead,clickable:!1},t("div",{class:"notifications-item"},t("i",{class:{far:!0,"fa-clock":!e.status,"fa-times-circle":1===e.status,"fa-circle":e.status&&1!==e.status}}),t("div",{class:"notifications-item-body"},t("span",null,"Rechnungsentwurf für Auftrag ",e.orderId," ist ausstehend"),t("xv-link-v2",{variant:e.isRead?"ghost":"standalone",href:`/de-de/manager/ordersales/details/${e.orderId}`},"Auftrag anschauen")))))))):null}_renderAccount(){var e,a,i,n,s,d,l,p,c,h,v,g;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsAuthenticated)?t("li",{class:{myArea:!0,onHover:!0,isOpen:!1}},t("xv-button-v2",{class:"myArea-btn",variant:"ghost",size:o.MD},t("i",{class:"far fa-user"}),t("div",{class:"header-label xv-body-02"},(null===(a=this.metaNav)||void 0===a?void 0:a.IsManager)&&t("small",{class:"xv-label-01"},"Manager"),t("span",null,(null===(i=this.metaNav)||void 0===i?void 0:i.UserMenuText)||"Mein Konto")),t("i",{class:"caret"})),t("ul",{class:"myArea-list"},(null===(s=null===(n=this.metaNav)||void 0===n?void 0:n.ManagerCockpitMenu)||void 0===s?void 0:s.length)&&t(r,null,t("li",{class:"myArea-list--category"},"Cockpitfunktionen"),this.metaNav.ManagerCockpitMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),(null===(l=null===(d=this.metaNav)||void 0===d?void 0:d.ManagerEntitiesMenu)||void 0===l?void 0:l.length)&&t(r,null,t("li",{class:"myArea-list--category"},"Entitäten"),this.metaNav.ManagerEntitiesMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),(null===(c=null===(p=this.metaNav)||void 0===p?void 0:p.ManagerMenu)||void 0===c?void 0:c.length)&&t(r,null,this.metaNav.ManagerMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),!(null===(h=this.metaNav)||void 0===h?void 0:h.IsManager)&&(null===(g=null===(v=this.metaNav)||void 0===v?void 0:v.UserMenu)||void 0===g?void 0:g.length)&&t(r,null,this.metaNav.UserMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),t("li",null,t("xv-link-v2",{href:`${this.baseUrl}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}`,variant:"standalone"},"Abmelden")))):t("li",null,t("xv-button-v2",{variant:"ghost",size:o.MD,onClick:()=>this.showLoginModal=!0},t("i",{class:"header-icon far fa-user"}),t("span",{class:"header-label xv-body-02"},"Mein Konto")))}_renderShoppingCart(){var e,a;return t("li",null,t("xv-link-v2",{href:`${this.baseUrl}/de-de/mycrossvertise/shoppingcart/activecart`,variant:"ghost"},t("xv-button-v2",{variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-shopping-cart"}),t("span",{class:"header-label xv-body-02"},"Warenkorb"),t("xv-tag-v2",{id:"shopping-cart-items-badge",class:"counter-badge",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.Cart)||void 0===a?void 0:a.NumberOfItems)||0))))}render(){var e,a,r,i,n;const s="Xv"===((null===(e=this.metaNav)||void 0===e?void 0:e.WhitelabelName)||"Xv");return t("header",{key:"367db1f50b5e830f44d3856f477cffc86d883af1",class:"header"},t("div",{key:"30799028ac203ee37793cf02ff051d301de4547b",class:"header-wrapper"},t("div",{key:"fc74acbc5a05646ae13b72e8e3b6b5b16e549128",class:"xv-container"},t("div",{key:"fd39609d7dbd00d4e1a6f2d42936017dc7b92133",class:"header-top"},t("div",{key:"144c2f9b44e10e630e72ddf0f5908a57adb870c0",class:"header-top--left"},t("xv-button-v2",{key:"60bafd1688527ee990d33a737621cc7a0f86c1a8",class:"menu-btn",variant:"ghost",onClick:this.toggleMobMenu},t("i",{key:"d3f6921a217103d0ba4737a7fa2cf255ec4ba494",slot:"icon-left",class:{fa:!0,"fa-times":this.mobMenuOpen,"fa-bars":!this.mobMenuOpen}})),this.metaNav&&t("a",{key:"239d6f40cf27b3bd156b3a4b89673e8e7de0ade0",href:`${window.location.origin}/`},t("picture",{key:"b0d07ac3809b754bd3d9d1a854314f5b5097af65"},t("source",{key:"6ced5e2dd0fc39237a4730bfcae9696d10485dac",srcSet:(null===(a=this.metaNav)||void 0===a?void 0:a.LogoUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg",media:"(min-width: 990px)"}),t("img",{key:"5c2089055930be622f4880bf493ecd3a937963d4",src:(null===(r=this.metaNav)||void 0===r?void 0:r.LogoSmallUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg",onError:this.logoFallback,loading:"lazy",alt:"Crossvertise"}))),this.orgUnit&&t("xv-link-v2",{key:"bc159154774361df602ceadcfefc6fbae4612c82",class:"header-top--orgUnit",variant:"standalone",href:"/de-de/mycrossvertise"},this.orgUnit)),t("ul",{key:"1ab6278056ab4000f858299a288cc6de47616307",class:"header-top--right"},this._renderLocaleSwitcher(),this._renderSearch(),this._renderImpersonationInfo(),!(null===(i=this.metaNav)||void 0===i?void 0:i.IsManager)&&s&&t("li",{key:"5a51295129e0adae87ed44bf0fc64f66b861f223"},t("xv-link-v2",{key:"2bf404f048f0866e88c505d304a0cfd9b6f59728",variant:"ghost",href:"https://www.crossvertise.com/ueber-uns/kontakt"},t("xv-button-v2",{key:"620e2520d9e77310447ddaeacfb8581d1325c614",variant:"ghost",size:o.MD},t("i",{key:"2af6b9aaa41072fa0b8a667169c567c67c1fc698",class:"header-icon far fa-envelope"}),t("span",{key:"515720ab78fec3507e1e14b3657372b375dbdbf5",class:"header-label xv-body-02"},"Kontakt")))),this._renderNotifications(),this._renderAccount(),!(null===(n=this.metaNav)||void 0===n?void 0:n.IsManager)&&s&&t("li",{key:"07adfb149a7ef1c5889f1a7a4529d5e0779cf992"},t("xv-link-v2",{key:"caa650c5c7b479aa44102e2ec370e2f07c854fee",variant:"ghost",href:"https://help.crossvertise.com"},t("xv-button-v2",{key:"1d72eb9a9c084183d7c5d55b2bd1f734296d63c9",variant:"ghost",size:o.MD},t("i",{key:"5c175d7afbfc7527e78c51289dd28d9f62af1010",class:"header-icon far fa-question-circle"}),t("span",{key:"95f8f14e391470d46647df176dde788653742bbb",class:"header-label xv-body-02"},"Hilfe")))),this._renderShoppingCart()))),t("div",{key:"c52d3fc26cb4b787892aedf43b61b7baa5d95935",class:"header-wrapper--bg"},t("div",{key:"d5445ba26a4691b6f5acf7682fac67a6118d331f",class:"xv-container"},t("xv-mega-menu-next",{key:"55541489dfaf1ce307149e932c7e4bee0e55747f",open:this.mobMenuOpen,onOpenChange:this.closeMobMenu,menuData:this.menuData})))),t("xv-login-modal",{key:"9383f391de7d39c28775cf9842130b0f3e5dbce5",visible:this.showLoginModal,onClose:()=>this.showLoginModal=!1}))}get el(){return i(this)}};c.style='.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-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}header.header{position:sticky;z-index:1000;top:0}header.header .header-wrapper{width:100vw;padding-top:var(--spacing-04);background-color:var(--background, #fff);box-shadow:1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3)}@media (max-width: 991px){header.header .header-wrapper{padding-bottom:var(--spacing-04)}}header.header .header-wrapper--bg{background:var(--menu-background, transparent);color:var(--menu-color, var(--text-primary, #131313))}header.header .header-top{display:flex;align-items:center;gap:var(--spacing-05)}header.header .header-top--left{width:100%;max-width:350px;display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top--left img{width:100%;height:26px;object-fit:contain}header.header .header-top--left .menu-btn{display:none}@media (max-width: 991px){header.header .header-top--left .menu-btn{display:inline-block}}header.header .header-top--right{flex:1;display:flex;justify-content:flex-end;gap:var(--spacing-03);margin:0;padding:0;list-style:none}@media (max-width: 1199px){header.header .header-top--right{gap:var(--spacing-01)}}header.header .header-top--right .header-label{display:flex;flex-direction:column;color:var(--text-primary, #131313)}header.header .header-top--right .header-label>small{line-height:1}@media (min-width: 992px){header.header .header-top--right .header-label{margin-inline:var(--spacing-02)}}@media (max-width: 1199px){header.header .header-top--right .header-label{display:none}}header.header .header-top--right .header-icon{color:var(--icon-primary, #131313)}header.header .header-top--right .caret{display:inline-block;margin-left:5px;width:6px;height:6px;border:none;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);box-sizing:border-box;background:transparent;transform-origin:center;transition:0.25s ease-in-out transform}header.header .header-top--right .counter-badge--absolute{position:absolute;top:0;right:0}header.header .header-top--right .counter-badge::part(details-content){padding:1px;line-height:1;min-width:16px;height:16px;font-size:10px;text-align:center;display:inline-flex;align-items:center;justify-content:center}header.header .header-top--orgUnit{--link-visited:var(--link-primary)}header.header .header-top .fa-question-circle{color:var(--icon-primary, #131313)}header.header .header-top .search-form{flex:1;position:relative}@media (max-width: 768px){header.header .header-top .search-form{display:none}}header.header .header-top .search-form form{padding-inline:2px;flex:1;display:flex;align-items:stretch;flex-direction:row;justify-content:flex-end}header.header .header-top .search-form form input[type=search]{flex:0;text-align:right;display:inline-flex;border:none;min-width:0;transition:flex 0.3s ease-in-out, outline 0.3s ease;overflow:hidden;border-radius:3px}header.header .header-top .search-form form input[type=search]::placeholder{color:var(--text-placeholder, #ACACAC)}header.header .header-top .search-form form input[type=search]:focus{outline:2px solid var(--focus)}header.header .header-top .search-form form>[type=button]{display:inline-flex}header.header .header-top .search-form form>[type=submit]{display:none}header.header .header-top .search-form form:focus-within>[type=button],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=button]{display:none}header.header .header-top .search-form form:focus-within>[type=submit],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=submit]{display:inline-flex}header.header .header-top .search-form form:focus-within input[type=search],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search]{flex:1;outline:1px solid var(--focus)}header.header .header-top .search-form form:focus-within+.search-form-suggestions,header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))+.search-form-suggestions{display:flex}header.header .header-top .search-form-suggestions{position:absolute;top:calc(100% + 5px);background-color:var(--background, #fff);box-shadow:0 0 10px rgba(0, 0, 0, 0.1);border-radius:3px;z-index:2;padding:var(--spacing-04);margin:0;list-style:none;display:none;flex-direction:column;row-gap:var(--spacing-02);min-width:calc(100% - 32px)}header.header .header-top .search-form-suggestions.loading:after{display:flex;align-items:center;justify-content:center;content:"";background:rgba(255, 255, 255, 0.8);position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}header.header .header-top .impersonationInfo ul[slot=body]{margin:0;padding:0;list-style:none;min-width:256px}header.header .header-top .notifications-icon{font-size:14px}header.header .header-top .notifications-item{display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top .notifications-item-body{display:flex;flex-direction:column}header.header .header-top .myArea{position:relative}header.header .header-top .myArea-list{padding:0;margin:0;list-style:none;max-height:0;overflow-y:scroll;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:absolute;right:0;top:calc(100% + var(--spacing-02, 5px));min-width:100%;background-color:var(--background);z-index:999;border-radius:3px;box-shadow:0 5px 6px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column;white-space:nowrap}@supports (scrollbar-width: thin){header.header .header-top .myArea-list{scrollbar-width:thin;scrollbar-color:var(--layer-01) transparent}}header.header .header-top .myArea-list::-webkit-scrollbar{width:4px;height:4px}header.header .header-top .myArea-list::-webkit-scrollbar-thumb{background:var(--layer-01, #F7F7F7);border-radius:4px}header.header .header-top .myArea-list::-webkit-scrollbar-track{background:transparent}header.header .header-top .myArea-list--divider{height:2px;min-height:2px;width:100%;background-color:var(--layer-01, #F7F7F7);padding-block:0 !important}header.header .header-top .myArea-list--category{padding:var(--spacing-03) var(--spacing-05);margin-inline:var(--spacing-02);color:var(--text-primary);font-weight:bold}header.header .header-top .myArea-list>li:first-child{margin-top:var(--spacing-02)}header.header .header-top .myArea-list>li:last-child{margin-bottom:var(--spacing-02)}header.header .header-top .myArea-list>li>*{--link-primary:var(--text-secondary, #515151);--link-visited:var(--text-secondary, #515151);display:block;cursor:pointer;padding-inline:var(--spacing-05);padding-block:var(--spacing-02);margin-inline:var(--spacing-02)}header.header .header-top .myArea-list .category-badge{margin-left:var(--spacing-02)}header.header .header-top .myArea-list .category-badge::part(details-content){line-height:1;font-size:11px;padding:var(--spacing-01) var(--spacing-02)}header.header .header-top .myArea.isOpen .caret,header.header .header-top .myArea.onHover:hover .caret{transform:rotate(-135deg)}header.header .header-top .myArea.isOpen .myArea-list,header.header .header-top .myArea.onHover:hover .myArea-list{max-height:85vh}header.header .header-top .locale-switcher{display:inline-flex;align-items:center;gap:var(--spacing-03, 6px);padding:0 var(--spacing-03, 6px)}header.header .header-top .locale-switcher__sep{color:var(--border-subtle-01, #c6c6c6)}header.header .header-top .locale-switcher__link{text-transform:uppercase;letter-spacing:0.04em}header.header .header-top .locale-switcher__current{text-transform:uppercase;letter-spacing:0.04em;font-weight:700;color:var(--text-primary, #131313)}';export{c as xv_header_next}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function t(t,e,o){return(t||"")+(e?` ${e}`:"")+(o?` ${o}`:"")}const e=t=>{const{error:e,warning:o,helper:r}=t;return"string"==typeof e&&e?{level:"error",text:e}:"string"==typeof o&&o?{level:"warning",text:o}:"string"==typeof r&&r?{level:"helper",text:r}:null};function o(){return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,(t=>(+t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+t/4).toString(16)))}const r=(t,e,o)=>Array.prototype.forEach.call(t,e,o),n=(t,e=500)=>{let o;return function(...r){clearTimeout(o),o=setTimeout((()=>{t.apply(this,r)}),e)}},i=(t,e,o)=>"string"==typeof o?(!t.hasAttribute(e)&&t.setAttribute(e,o),t):(o?!t.hasAttribute(e)&&t.setAttribute(e,""):t.hasAttribute(e)&&t.removeAttribute(e),t),s=()=>{try{const t=localStorage.getItem("metaNav");return t?JSON.parse(t):{}}catch(t){return console.warn("Could not parse metaNav from localStorage:",t),{}}},c=()=>{var t;return window.__xvWhitelabelOverride||(()=>{var t;if("undefined"==typeof document)return;const e="ApplicationContext=";return null===(t=document.cookie.split(";").map((t=>t.trim())).find((t=>t.startsWith(e))))||void 0===t?void 0:t.slice(19)})()||(null===(t=s())||void 0===t?void 0:t.WhitelabelName)||void 0},a=(t="")=>{var e;return`${null!==(e={"sitefinity-qa.crossvertise.com":"https://qa.crossvertise.com","www.crossvertise.com":"https://market.crossvertise.com","sitefinity-staging.crossvertise.com":"https://staging.crossvertise.com",localhost:"https://qa.crossvertise.com"}[window.location.hostname])&&void 0!==e?e:window.location.origin}${t}`},l=async(t,e)=>{const o=e||{},{awaitWl:r,raw:n}=o,i=function(t,e){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(o[r[n]]=t[r[n]])}return o}(o,["awaitWl","raw"]),s=r?await((t=2e3,e=100)=>{const o=c();return o?Promise.resolve(o):new Promise((o=>{const r=Date.now(),n=()=>{const i=c();return i?o(i):Date.now()-r>=t?o("Xv"):void setTimeout(n,e)};n()}))})():c()||"Xv",l=/^https?:\/\//i.test(t)?t:`${a()}/${t.replace(/^\//,"")}`,u=Object.assign(Object.assign({},n?{}:{"Content-Type":"application/json","Application-Context":s}),null==i?void 0:i.headers);return fetch(l,Object.assign(Object.assign({},i),{headers:u})).then((t=>{var e;if(!t.ok)throw new Error(`${t.status} ${t.statusText}`);return(null!==(e=t.headers.get("Content-Type"))&&void 0!==e?e:"").includes("application/json")?t.json():t.text()}))},u={get:(t,e)=>l(t,Object.assign(Object.assign({},e),{method:"GET"})),post:(t,e,o)=>l(t,Object.assign(Object.assign({},o),{method:"POST",body:void 0!==e?JSON.stringify(e):void 0})),put:(t,e,o)=>l(t,Object.assign(Object.assign({},o),{method:"PUT",body:void 0!==e?JSON.stringify(e):void 0})),patch:(t,e,o)=>l(t,Object.assign(Object.assign({},o),{method:"PATCH",body:void 0!==e?JSON.stringify(e):void 0})),delete:(t,e)=>l(t,Object.assign(Object.assign({},e),{method:"DELETE"}))};export{u as a,a as b,c,n as d,t as e,r as f,s as g,e as r,i as s,o as u}
|