xv-webcomponents 1.16.2-qa.0 → 1.16.3

package/dist/esm/xv-accordion-v2_45.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-kDKl_Ds0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-Cv2gugMt.js';
 import { u as uidGenerator, f as forEach, s as setAttr, r as resolveWhitelabel, a as api, g as getMetaNav, b as getBaseUrl, d as debounce$1 } from './index-OqHMuwQF.js';
 import { S as SIZE_VAR, X as XV_SORT_DIR, O as OverflowMenuVariant } from './_vars-C6jsOjam.js';
 
@@ -7,7 +7,7 @@ const xvAccordionCss = () => `.xv-container{width:100%;max-width:1170px;margin-i
 const XvAccordion = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.accordionChange = createEvent(this, "accordionChange");
+        this.accordionChange = createEvent(this, "accordionChange", 7);
         this.multiple = false;
         this.xvId = uidGenerator();
         this.opened = new Set();
@@ -41,7 +41,7 @@ const xvAccordionItemCss = () => `.xv-container{width:100%;max-width:1170px;marg
 const XvAccordionItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.itemToggle = createEvent(this, "itemToggle");
+        this.itemToggle = createEvent(this, "itemToggle", 7);
         this.disabled = false;
         this.isOpen = false;
         this.toggle = () => {
@@ -165,10 +165,10 @@ const xvCheckboxCss = () => `.xv-container{width:100%;max-width:1170px;margin-in
 const XvCheckbox = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.changeEvent = createEvent(this, "eventChange");
-        this.inputEvent = createEvent(this, "eventInput");
-        this.focusEvent = createEvent(this, "eventFocus");
-        this.blurEvent = createEvent(this, "eventBlur");
+        this.changeEvent = createEvent(this, "eventChange", 7);
+        this.inputEvent = createEvent(this, "eventInput", 7);
+        this.focusEvent = createEvent(this, "eventFocus", 7);
+        this.blurEvent = createEvent(this, "eventBlur", 7);
         var _a, _b;
         /**
          * Default checked status
@@ -291,7 +291,7 @@ const xvDataTableCellCss = () => `@charset "UTF-8";.xv-container{width:100%;max-
 const XvDataTableCell = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.sortChange = createEvent(this, "sortChange");
+        this.sortChange = createEvent(this, "sortChange", 7);
     }
     handleSort() {
         if (this.sort === undefined)
@@ -335,7 +335,7 @@ const xvDataTableCollapseCss = () => `.xv-container{width:100%;max-width:1170px;
 const XvDataTableCollapse = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.collapsedChange = createEvent(this, "collapsedChange");
+        this.collapsedChange = createEvent(this, "collapsedChange", 7);
         this.collapsed = false;
     }
     async setCollapsed(collapsed) {
@@ -360,7 +360,7 @@ const xvDataTableRowCss = () => `.xv-container{width:100%;max-width:1170px;margi
 const XvDataTableRow = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.check = createEvent(this, "check");
+        this.check = createEvent(this, "check", 7);
         this.checked = false;
         this.partial = false;
         this.hover = false;
@@ -77351,8 +77351,8 @@ const DEF_FORMAT = 'yyyy-MM-dd'; // the same browser input are using
 const XvDatepicker = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange");
-        this.xvBlur = createEvent(this, "xvBlur");
+        this.valueChange = createEvent(this, "valueChange", 7);
+        this.xvBlur = createEvent(this, "xvBlur", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -77613,8 +77613,8 @@ const xvDropdownCss = () => `.xv-container{width:100%;max-width:1170px;margin-in
 const XvDropdown = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.changeSelection = createEvent(this, "changeSelection");
-        this.openChange = createEvent(this, "openChange");
+        this.changeSelection = createEvent(this, "changeSelection", 7);
+        this.openChange = createEvent(this, "openChange", 3);
         this.searchPlaceholder = 'Suchen';
         this.size = SIZE_VAR.MD;
         this.variant = 'default';
@@ -77760,7 +77760,7 @@ const XvDropdown = class {
     }
     /*  endregion Search methods */
     render() {
-        return (h(Host, { key: 'd838aa3fa296ee50dbf212553f2e2b7914f3a0c4', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : false }, (this.label || this.info) && (h("label", { key: '54d41b54fd71182ffce9456bc9274f0d652e43bb', class: "label" }, h("slot", { key: '69845d8b9aa37eec53a2491cf94645590686d845', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: '9e65840f74eb096e5d6aa134c30a063a25120ffb', class: "label_info", message: this.info }))), h("div", { key: 'ece0a39f64e10d0828fd8ee71fa26934d1c86964', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: 'f21a3d3defb174bb512622c9c6d6660d272ef6f1', class: "control_count", onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), h("svg", { key: 'e8447e3d587d54d7b09fea6eda94cdf09082dd90', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16" }, h("path", { key: 'e0e71246c042b42922d098d54aeb60eeb6ccabed', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && h("div", { key: '0db7121172d180d34a364338397e4f50144f699e', class: "options" }, this.search && (h("div", { key: 'f527e540dbac3499bf1709d4b560adefe81bdf33', class: "options_search" }, h("xv-text-input-v2", { key: 'e62414d2230b8617506e0be058374278614dda60', type: "search", block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), (this.helper || typeof this.error === 'string' || this.warning) && (h("p", { key: '3c03220f26c1b661926a9a9ab1004618f96c7d91', class: "helper" }, this.error || this.warning || this.helper))));
+        return (h(Host, { key: 'eecc73132cb30e15e7ed8b92f518e6759fd68115', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : false }, (this.label || this.info) && (h("label", { key: '06de4ebd44e17c961529ad676b18064c716bf5cc', class: "label" }, h("slot", { key: 'b765429ef1c5ae627646137c5ba9407f486843cd', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: '35e293ff0e3130fac6d4493bcd32f62afa78e584', class: "label_info", message: this.info }))), h("div", { key: '128a43df761f3cef5c5740825a68315332ff41d9', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: 'f90e898ee70cf12a6eb2fd11e83809dc0f39a129', class: "control_count", onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), h("svg", { key: '80ce81bc67b06a7aecf88c4be207f3e63a1e9cad', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16" }, h("path", { key: '2eb2e82a44c9131ff99b4dc96087cdc05d4beac9', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && h("div", { key: 'c8d968006c6f01fda8f24ffb8d8f8bb2ceb19359', class: "options" }, this.search && (h("div", { key: '501bccb5b1f3c9900b2d1d36ee8bdc606ef73c38', class: "options_search" }, h("xv-text-input-v2", { key: 'e5eb069e999c00e53e4e2a5087b0bbb3d926dd7c', type: "search", block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), (this.helper || typeof this.error === 'string' || this.warning) && (h("p", { key: '379472520222b0e338e377c3fd4432e16e9cc460', class: "helper" }, this.error || this.warning || this.helper))));
     }
     componentDidLoad() {
         this.syncOpenState();
@@ -77803,7 +77803,7 @@ const xvDropdownItemCss = () => `.xv-container{width:100%;max-width:1170px;margi
 const XvDropdownItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.itemSelected = createEvent(this, "itemSelected");
+        this.itemSelected = createEvent(this, "itemSelected", 7);
         this.disabled = false;
         this.value = '';
         this.selected = false;
@@ -77841,8 +77841,8 @@ const xvFileUploaderCss = () => `.xv-container{width:100%;max-width:1170px;margi
 const XvFileUploader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.filesChange = createEvent(this, "filesChange");
-        this.fileRemoved = createEvent(this, "fileRemoved");
+        this.filesChange = createEvent(this, "filesChange", 7);
+        this.fileRemoved = createEvent(this, "fileRemoved", 7);
         this.variant = XvFileUploaderVariants.BUTTON;
         this.size = SIZE_VAR.MD;
         this.accept = [];
@@ -78019,7 +78019,7 @@ const xvHeaderCss = () => `.xv-container{width:100%;max-width:1170px;margin-inli
 const XvHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.xvMetaNavUpdate = createEvent(this, "xvMetaNavUpdate");
+        this.xvMetaNavUpdate = createEvent(this, "xvMetaNavUpdate", 7);
         this.orgUnit = '';
         this.baseUrl = '';
         this.loading = false;
@@ -78296,7 +78296,7 @@ const xvLoginModalCss = () => `.xv-container.sc-xv-login-modal{width:100%;max-wi
 const XvLoginModal = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.close = createEvent(this, "close");
+        this.close = createEvent(this, "close", 7);
         this.visible = false;
         this.urls = {
             return: '/',
@@ -78362,7 +78362,7 @@ const xvMegaMenuCss = () => `.xv-container{width:100%;max-width:1170px;margin-in
 const XvMegaMenu = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.openChange = createEvent(this, "openChange");
+        this.openChange = createEvent(this, "openChange", 7);
         this.mobileSize = 991;
         this.open = false;
         this.menuItems = [];
@@ -78441,7 +78441,7 @@ const xvModalCss = () => `.xv-container{width:100%;max-width:1170px;margin-inlin
 const XvModal = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.openChange = createEvent(this, "openChange");
+        this.openChange = createEvent(this, "openChange", 3);
         /**
          * Is modal opened
          */
@@ -78498,7 +78498,7 @@ const XvModal = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ce5c07afb247e878e245ae15f249a3b4f915789c', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '89d1b0bc59a4fb3fe0b5388ffd5ba301e36a5c79', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'a0776ed33dd07d3793443c726d8355e6742968d1', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'edb06f1301d516cd664733002b3cfaa853b4f6ec', class: "modal" }, h("button", { key: '85cf543ea2dd378fd5898825728303adf19a67c7', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: 'c3e500a1dff7db1b6608eff1bf64204e8b6bab88', class: "modal_header" }, h("slot", { key: 'b4306ab8febe0b1f6af467b512e5edb2bca3506f', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: 'a3359899b60e44e45c15ce7f0885755bfd507f36', class: "modal_header__title" }, this.el.title))), h("div", { key: '20bc1d54bd59b20ee92656b5961a587e2944a9f9', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '0be669654c912fc60c7f56baca1d45ada78dc7a0' })), h("div", { key: 'dbf7f7d83d18611fa9e718e42d674c6b4de2901a', class: "modal_footer" }, h("slot", { key: '3d1a55976e77a848f3e7180c56a6e414b4c8f5ec', name: "footer" })), !!this.loading && (h("div", { key: '2943edd600f06218d8fce87d60ca337c9e73a7f8', class: "loading" }, h("xv-loader-v2", { key: 'f42450f1c85e85d97bb8b594e060de9f8828e9f9', size: SIZE_VAR.LG })))))));
+        return (h(Host, { key: '3e0924a9a3f67a49d592edbdb8c83c61d093523d', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '44bfc07024422351f51f248b18a084c1b73daca2', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '4827f22f43de8f1ff60af6dc7cb47676fb52c113', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '007d6f3db4221607cf7f1cf0f2ef2c5d77f878d0', class: "modal" }, h("button", { key: '30bfd368e69ad4c95474409228ca2eb925b45523', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '2765e6a696c767b13c9f28d01f0b558a5b4aae72', class: "modal_header" }, h("slot", { key: 'd1e4615e82709fc9b919573e3bdcffa48fe5ddea', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '884dae5ca7c5bb13abfe8d7c697d289a13b177ef', class: "modal_header__title" }, this.el.title))), h("div", { key: 'c416e7a66710eddfc0704e0c9bfb2ac25dc2a06f', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '589a402f00d7c5c0e3b7e6f14f348ebbf0d44fa8' })), h("div", { key: '4606584cd9d03f18add4ecaff22474d8a88ca6db', class: "modal_footer" }, h("slot", { key: '80f3eea845811e87dcbce260a68d8bcaeb85b1db', name: "footer" })), !!this.loading && (h("div", { key: '314ab1737c5e504b74f1689897db496c604a807b', class: "loading" }, h("xv-loader-v2", { key: '148b4da2eaedfbcceb7cefc67b9bfb31c534f91d', size: SIZE_VAR.LG })))))));
     }
     disconnectedCallback() {
         this.removeTriggerListener();
@@ -78512,7 +78512,7 @@ const xvNotificationCss = () => `.xv-container{width:100%;max-width:1170px;margi
 const XvNotification = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.close = createEvent(this, "close");
+        this.close = createEvent(this, "close", 7);
         this.variant = NOTIFICATION_VARIANTS.INFO;
         this.dismissible = false;
         this.closeHandle = (e) => this.close.emit(e);
@@ -78548,7 +78548,7 @@ const xvNumberInputCss = () => `.xv-container{width:100%;max-width:1170px;margin
 const XvNumberInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange");
+        this.valueChange = createEvent(this, "valueChange", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -78602,7 +78602,7 @@ const xvOverflowMenuCss = () => `.xv-container{width:100%;max-width:1170px;margi
 const XvOverflowMenu = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.selectItem = createEvent(this, "selectItem");
+        this.selectItem = createEvent(this, "selectItem", 7);
         this.open = false;
         this.disabled = false;
         this.position = 'left';
@@ -78672,7 +78672,7 @@ const xvOverflowMenuItemCss = () => `.xv-container{width:100%;max-width:1170px;m
 const XvOverflowMenuItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.itemClick = createEvent(this, "itemClick");
+        this.itemClick = createEvent(this, "itemClick", 7);
         this.disabled = false;
         this.variant = OverflowMenuVariant.DEFAULT;
         this.clickable = true;
@@ -78693,7 +78693,7 @@ const xvPaginationCss = () => `.xv-container{width:100%;max-width:1170px;margin-
 const XvPagination = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.pageChange = createEvent(this, "pageChange");
+        this.pageChange = createEvent(this, "pageChange", 7);
         this.itemsPerPageOptions = [10, 20, 30, 40, 50, 100];
         this.itemsPerPage = this.itemsPerPageOptions[0];
         /*
@@ -78945,7 +78945,7 @@ const xvSliderCss = () => `.xv-container{width:100%;max-width:1170px;margin-inli
 const XvSlider = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange");
+        this.valueChange = createEvent(this, "valueChange", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -79064,7 +79064,7 @@ const xvTableCellCss = () => `@charset "UTF-8";.xv-container{width:100%;max-widt
 const XvTableCell = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.sortChange = createEvent(this, "sortChange");
+        this.sortChange = createEvent(this, "sortChange", 7);
     }
     handleSort() {
         if (this.sort === undefined)
@@ -79121,8 +79121,8 @@ const xvTableRowCss = () => `.xv-container{width:100%;max-width:1170px;margin-in
 const XvTableRow = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.checkedChange = createEvent(this, "checkedChange");
-        this.selectRow = createEvent(this, "selectRow");
+        this.checkedChange = createEvent(this, "checkedChange", 7);
+        this.selectRow = createEvent(this, "selectRow", 7);
         this.checkHandle = ({ detail: checked }) => {
             if (!checked && this.partial)
                 this.partial = checked;
@@ -79193,7 +79193,7 @@ const xvTabsCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline
 const XvTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.activeChange = createEvent(this, "activeChange");
+        this.activeChange = createEvent(this, "activeChange", 7);
         /**
          * Index of active tab
          */
@@ -79288,8 +79288,8 @@ const xvTagComboboxCss = () => `.xv-container{width:100%;max-width:1170px;margin
 const XvTagCombobox = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange");
-        this.inputChange = createEvent(this, "inputChange");
+        this.valueChange = createEvent(this, "valueChange", 7);
+        this.inputChange = createEvent(this, "inputChange", 7);
         // props
         this.options = [];
         this.label = '';
@@ -79544,7 +79544,7 @@ const xvTagCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170
 const XvTag = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.closeClick = createEvent(this, "closeClick");
+        this.closeClick = createEvent(this, "closeClick", 7);
         this.size = 'md';
         this.color = '';
         this.bg = '';
@@ -79567,7 +79567,7 @@ const xvTextInputCss = () => `.xv-container{width:100%;max-width:1170px;margin-i
 const XvTextInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange");
+        this.valueChange = createEvent(this, "valueChange", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -79608,7 +79608,7 @@ const xvTextareaCss = () => `.xv-container{width:100%;max-width:1170px;margin-in
 const XvTextarea = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange");
+        this.valueChange = createEvent(this, "valueChange", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -79661,7 +79661,7 @@ const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:117
 const XvTile = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.tileChange = createEvent(this, "tileChange");
+        this.tileChange = createEvent(this, "tileChange", 7);
         this.variant = 'base';
         this.checked = false;
         this.readonly = false;
@@ -79709,7 +79709,7 @@ const xvToggleCss = () => `.xv-container{width:100%;max-width:1170px;margin-inli
 const XvToggle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.toggleChange = createEvent(this, "toggleChange");
+        this.toggleChange = createEvent(this, "toggleChange", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -79741,7 +79741,7 @@ const xvToggleTipCss = () => `.xv-container{width:100%;max-width:1170px;margin-i
 const XvToggleTip = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.openChange = createEvent(this, "openChange");
+        this.openChange = createEvent(this, "openChange", 3);
         this.open = false;
         this.autoSize = false;
         this.block = false;
@@ -79807,7 +79807,7 @@ const XvToggleTip = class {
     }
     ;
     render() {
-        return (h(Host, { key: '3b8ff6ade08a6b76d5bea606e62cce5df25825a8', class: "xv-toggle-tip" }, h("div", { key: '70b732b960c52a3cb11024441ce593d341c9ead4', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, h("slot", { key: '0929a22c29c0220d38e2a831e2497b0796109799', name: "trigger" }, h("svg", { key: 'f57054dc83787931cee087c2c63eeb499ee4bc86', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '2147fd07f4967cda8a440aeb84ffbfa4564c3351', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), h("div", { key: 'f1f438a93f423301e479f241cd2ef37249078592', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '1e9e12c362e97f44433bc07ed7c577199849d06f', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '07081aa70c72ee9f3462a7cdc017656c93abbecb', class: "popover-content" }, h("slot", { key: '8aabcff28e4ae4c8bc8670c4b976999417a4f4cb', name: "header" }), h("slot", { key: '0f27af1303a66fa566de1d4bc3257c2aae577b7b', name: "body" }), h("slot", { key: 'c1a88147d81977c2850979b13f920c61cebe98d4', name: "footer" })))));
+        return (h(Host, { key: 'e7d71dc984d98489db55d92397b25bd9d719bce4', class: "xv-toggle-tip" }, h("div", { key: 'ff13395cea21e6345f1a36b6b543fc9e434ef965', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, h("slot", { key: '0bb796b2062a8f0531e6bcd456e02de40486bda3', name: "trigger" }, h("svg", { key: 'fe69949a7ad3006a0e4dd131427e209e29005f69', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'c938e1f301e9ebdc26ebfafb4178f5ebc919d5c0', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), h("div", { key: '5e3d1b7d56cac46c356ba489045512b28c5397a5', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: 'd57c58e95adcdce5ed0611fc925ff4f202f199b8', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '3e5744f01027652dec48650320d4307c948d0d98', class: "popover-content" }, h("slot", { key: '4b1876e83382f5f0922334993b72a5e94975d5bb', name: "header" }), h("slot", { key: 'a48f6889f93eb9f34b6310325a1d54d517277fad', name: "body" }), h("slot", { key: 'e59929a8bc5dc03db7d72be942e866bec4ad7b1d', name: "footer" })))));
     }
     disconnectedCallback() {
         this.destroyPopper();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-kDKl_Ds0.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-Cv2gugMt.js';
 import { S as SIZE_VAR, O as OverflowMenuVariant } from './_vars-C6jsOjam.js';
 import { a as api, g as getMetaNav, b as getBaseUrl, d as debounce } from './index-OqHMuwQF.js';
 
@@ -9,7 +9,7 @@ const xvHeaderNextCss = () => `.xv-container{width:100%;max-width:1170px;margin-
 const XvHeaderNext = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.xvMetaNavUpdate = createEvent(this, "xvMetaNavUpdate");
+        this.xvMetaNavUpdate = createEvent(this, "xvMetaNavUpdate", 7);
         this.orgUnit = '';
         this.baseUrl = '';
         this.loading = false;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-kDKl_Ds0.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-Cv2gugMt.js';
 import { a as api } from './index-OqHMuwQF.js';
 
 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}`;
@@ -6,7 +6,7 @@ const xvMegaMenuNextCss = () => `.xv-container{width:100%;max-width:1170px;margi
 const XvMegaMenuNext = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.openChange = createEvent(this, "openChange");
+        this.openChange = createEvent(this, "openChange", 7);
         this.mobileSize = 991;
         this.open = false;
         this.menuItems = [];

package/dist/esm/xv-webcomponents.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-kDKl_Ds0.js';
-export { s as setNonce } from './index-kDKl_Ds0.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-Cv2gugMt.js';
+export { s as setNonce } from './index-Cv2gugMt.js';
 
 /*
  Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com

package/dist/xv-webcomponents/p-877bab0c.entry.js

@@ -0,0 +1 @@
+import{r as e,c as a,h as t,F as r,a as o}from"./p-Cv2gugMt.js";import{S as i,O as n}from"./p-C6jsOjam.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}}_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:i.MD},t("i",{class:"header-icon far fa-search"})),t("xv-button-v2",{type:"submit",variant:"ghost",size:i.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,o,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:i.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===(o=this.metaNav.ImpersonationInfo)||void 0===o?void 0:o.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:i.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,o,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:i.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===(o=this.metaNav)||void 0===o?void 0:o.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:i.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:i.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,o,n;const s="Xv"===((null===(e=this.metaNav)||void 0===e?void 0:e.WhitelabelName)||"Xv");return t("header",{key:"f3a7fb2c54e76eb1c09a37cae5db8a57d9f6c2b3",class:"header"},t("div",{key:"c4ad04603780bbf1fda71dc46a7ec5a387702304",class:"header-wrapper"},t("div",{key:"961b65c80452595d6b8f9e85c6e558a0db915172",class:"xv-container"},t("div",{key:"0e765ec9cf66335ed71b4f946743504b3b94a9e7",class:"header-top"},t("div",{key:"408a11943eaf3500ce2224912e70c0da67931b73",class:"header-top--left"},t("xv-button-v2",{key:"c97d3875491b38a31bc862faf3eac961228c26ff",class:"menu-btn",variant:"ghost",onClick:this.toggleMobMenu},t("i",{key:"eb3498a5e9b3e7d919e109d7c3891b95d1ebca72",slot:"icon-left",class:{fa:!0,"fa-times":this.mobMenuOpen,"fa-bars":!this.mobMenuOpen}})),this.metaNav&&t("a",{key:"14d58623d7ae1e6fffeefc99ba793995c4dda82c",href:`${window.location.origin}/`},t("picture",{key:"b775cd2ff0d91ed7cfec2df38197afce166d7be8"},t("source",{key:"ac9b90be5654ac490321a67935d946f05090f6e5",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:"bbe031b19ae7a8df30245044d3f55fca54270329",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:"79d3bde2fa9d774302cf58fc1801c77c5773eb4c",class:"header-top--orgUnit",variant:"standalone",href:"/de-de/mycrossvertise"},this.orgUnit)),t("ul",{key:"74e923f869931156bae23febcde879a9105e6e04",class:"header-top--right"},this._renderSearch(),this._renderImpersonationInfo(),!(null===(o=this.metaNav)||void 0===o?void 0:o.IsManager)&&s&&t("li",{key:"7aa622213c8e48f6b7513dae5b020553d243f209"},t("xv-link-v2",{key:"d7add033b914b87ca439b37301826f7a0dcd52c0",variant:"ghost",href:"https://www.crossvertise.com/ueber-uns/kontakt"},t("xv-button-v2",{key:"3175fabc7ffd679ed2e5a2f17ec42a596f6f7e26",variant:"ghost",size:i.MD},t("i",{key:"dcbb4af48fb4ef4a22ab868eedf1abf5009d9961",class:"header-icon far fa-envelope"}),t("span",{key:"488598237f34f1e6be906706b363e8dd92f0516b",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:"03434ff9af60127d69ef645169c7addd706b7094"},t("xv-link-v2",{key:"ad277f7ee7e283377471e43ca27d003c43aa6bcd",variant:"ghost",href:"https://help.crossvertise.com"},t("xv-button-v2",{key:"79455698d31242607448a9e7938802088595c747",variant:"ghost",size:i.MD},t("i",{key:"8f5af96fbd9f63c14a7a1b7d99efe827cd732266",class:"header-icon far fa-question-circle"}),t("span",{key:"80f5456149c4e70a822ad5a11546ca490a33b9ad",class:"header-label xv-body-02"},"Hilfe")))),this._renderShoppingCart()))),t("div",{key:"c99aa3d08c7b70c3ac426faefbb69ffbd1c1d777",class:"header-wrapper--bg"},t("div",{key:"f5dad8911474aed6df24f09a5c360f0a0ee83740",class:"xv-container"},t("xv-mega-menu-next",{key:"c6da96b523a70c2bd0b4bf6f1361f65239475e1d",open:this.mobMenuOpen,onOpenChange:this.closeMobMenu,menuData:this.menuData})))),t("xv-login-modal",{key:"b466a19ae56d9486e3e9fb0010c58749fcb14fe3",visible:this.showLoginModal,onClose:()=>this.showLoginModal=!1}))}get el(){return o(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}';export{c as xv_header_next}