xv-webcomponents 0.1.48 → 0.1.50

package/dist/cjs/xv-webcomponents.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["xv-breadcrumbs-v2.cjs",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_38.cjs",[[1,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[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"],"month":["getCalendarGrid"],"value":["handleValueChange"]}],[1,"xv-dropdown-v2",{"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[513],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[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,"loading-states"],"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":[4],"size":[513]}],[1,"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"]}],[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]}],[1,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[0,"xv-header",{"htmlContent":[32],"showLoginModal":[32]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[1,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[1,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[1,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[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":[4],"size":[513]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[1,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"status":[1]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[1,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[4,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"value":[1025],"checked":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[1,"xv-toggle-tip",{"open":[1540],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[1,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[1,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[65,"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],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[65,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[4,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
+  return index.bootstrapLazy([["xv-breadcrumbs-v2.cjs",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_38.cjs",[[1,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[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"],"month":["getCalendarGrid"],"value":["handleValueChange"]}],[1,"xv-dropdown-v2",{"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[513],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[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,"loading-states"],"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":[4],"size":[513]}],[1,"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"]}],[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]}],[1,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[0,"xv-header",{"htmlContent":[32],"showLoginModal":[32],"isCockpitMenuExpanded":[32],"isEntitiesMenuExpanded":[32],"isUserMenuExpanded":[32],"suggestions":[32],"searchQuery":[32],"listPosition":[32],"showPopover":[32]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[1,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[1,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[1,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[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":[4],"size":[513]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[1,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"status":[1]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[1,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[4,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"value":[1025],"checked":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[1,"xv-toggle-tip",{"open":[1540],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[1,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[1,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[65,"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],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[65,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[4,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/xv-header/xv-header.css

@@ -22679,4 +22679,113 @@ button.ui-button::-moz-focus-inner {
 
 #nav-container .media-nav #media-menu-item-alle-kategorien li:hover > ul {
   display: block;
+}
+
+#my-xv-menu.dropdown:hover > .dropdown-menu-left {
+  display: block;
+}
+
+.xv-user-menu-wrapper .dropdown {
+  position: relative;
+}
+.xv-user-menu-wrapper .navbar-btn {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.xv-user-menu-wrapper .btn-link {
+  color: #337ab7;
+  font-weight: 400;
+  border-radius: 0;
+}
+.xv-user-menu-wrapper .btn-link:hover {
+  color: #23527c;
+  text-decoration: underline;
+  background-color: transparent;
+}
+.xv-user-menu-wrapper .dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  font-size: 14px;
+  text-align: left;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
+.xv-user-menu-wrapper .dropdown-menu-left {
+  right: auto;
+  left: 0;
+}
+.xv-user-menu-wrapper .navbar-myxv .user-menu-item {
+  padding-left: 20px;
+}
+.xv-user-menu-wrapper .navbar-myxv .divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.xv-user-menu-wrapper .navbar-myxv li > a:hover {
+  color: #262626;
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+@media (max-width: 767px) {
+  .xv-user-menu-wrapper .hidden-xs {
+    display: none !important;
+  }
+}
+.xv-user-menu-wrapper .badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: 700;
+  color: #fff;
+  line-height: 1;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-align: center;
+  background-color: #777;
+  border-radius: 10px;
+}
+
+.ui-menu-item a:hover {
+  background-color: linear-gradient(to bottom, #f4f4f4 61%, #fff 100%);
+  color: #79990a !important;
+  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5) inset;
+}
+
+.popover.popover-fixed.fade.bottom.in {
+  position: absolute;
+  display: block;
+  opacity: 1;
+  top: 49.3472px;
+  left: 279px;
+  z-index: 9999;
+}
+
+.popover .arrow {
+  position: absolute;
+  left: 50%;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #333;
+}
+
+.popover .popover-content {
+  padding: 10px;
+  background: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  color: #333;
 }

package/dist/collection/components/xv-header/xv-header.js

@@ -3,14 +3,122 @@ export class XvHeader {
     constructor() {
         this.htmlContent = '';
         this.showLoginModal = false;
+        this.isCockpitMenuExpanded = true;
+        this.isEntitiesMenuExpanded = true;
+        this.isUserMenuExpanded = true;
+        this.suggestions = [];
+        this.searchQuery = '';
+        this.listPosition = { width: 0, top: 0, left: 0 };
+        this.showPopover = false;
+        this.currentSuggestion = null;
+        this.inputHandlers = [];
         this.openLoginModal = () => {
             this.showLoginModal = true;
         };
+        this.togglePopover = () => {
+            this.showPopover = !this.showPopover;
+        };
         this.closeLoginModal = () => {
             this.showLoginModal = false;
         };
+        this.handleSearchInput = async (e) => {
+            const target = e.target;
+            const query = target.value.trim();
+            this.searchQuery = query;
+            if (query.length < 2) {
+                this.suggestions = [];
+                this.currentSuggestion = null;
+                return;
+            }
+            const rect = target.getBoundingClientRect();
+            this.listPosition = { width: rect.width, top: rect.bottom + window.scrollY, left: rect.left + window.scrollX };
+            const url = 'https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?fuzzy=true&suggesterName=xv-shared-index-live-suggester&api-version=2020-06-30&search=' +
+                encodeURIComponent(query) +
+                '&$top=10&$select=title_de,page_link,source&$orderby=source desc';
+            try {
+                const resp = await fetch(url, {
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'api-key': '7315DEF1FA0C8B12109B12BA28E517E7',
+                    },
+                });
+                const data = await resp.json();
+                this.suggestions = Array.isArray(data.value) ? data.value : [];
+                this.currentSuggestion = this.suggestions.length > 0 ? this.suggestions[0].title_de : null;
+            }
+            catch (err) {
+                console.error('Failed to fetch suggestions', err);
+            }
+        };
+        this.navigateToSuggestion = (s) => {
+            const url = "https://www.crossvertise.com" + s.page_link;
+            window.location.href = url;
+        };
+        this.handleKeyDown = (e) => {
+            const input = e.target;
+            if (e.key === 'Tab' && this.currentSuggestion) {
+                input.value = this.currentSuggestion;
+                e.preventDefault();
+            }
+            else if (e.key === 'Escape') {
+                this.currentSuggestion = null;
+                input.value = '';
+                this.suggestions = [];
+            }
+        };
+    }
+    escapeRegExp(text) {
+        return text.replace(/[.*+?^${}()|[\\]\\]/g, '\\$&');
+    }
+    componentDidLoad() {
+        const inputs = this.el.querySelectorAll('input[name="Q"]');
+        inputs.forEach(input => {
+            const handleInput = this.handleSearchInput.bind(this);
+            const handleKeyDown = this.handleKeyDown.bind(this);
+            input.addEventListener('input', handleInput);
+            input.addEventListener('keydown', handleKeyDown);
+            this.inputHandlers.push({
+                input: input,
+                listeners: [
+                    ['input', handleInput],
+                    ['keydown', handleKeyDown],
+                ],
+            });
+            if (!this.searchInput) {
+                this.searchInput = input;
+            }
+        });
+    }
+    loadMetaNav() {
+        try {
+            const metaNavRaw = localStorage.getItem('metaNav');
+            if (metaNavRaw) {
+                this.metaNav = JSON.parse(metaNavRaw);
+            }
+        }
+        catch (e) {
+            console.warn('Could not parse metaNav from localStorage:', e);
+        }
+    }
+    toggleCockpitMenu() {
+        this.isCockpitMenuExpanded = !this.isCockpitMenuExpanded;
+    }
+    toggleEntitiesMenu() {
+        this.isEntitiesMenuExpanded = !this.isEntitiesMenuExpanded;
+    }
+    toggleUserMenu() {
+        this.isUserMenuExpanded = !this.isUserMenuExpanded;
+    }
+    disconnectedCallback() {
+        this.inputHandlers.forEach(({ input, listeners }) => {
+            listeners.forEach(([event, handler]) => {
+                input.removeEventListener(event, handler);
+            });
+        });
+        this.inputHandlers = [];
     }
     async componentWillLoad() {
+        this.loadMetaNav();
         try {
             const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');
             const text = await response.text();
@@ -26,11 +134,24 @@ export class XvHeader {
             this.htmlContent = doc.body.innerHTML;
         }
         catch (error) {
-            console.error('Failed to fetch header HTML:', error);
+            console.error('Failed to fetch header HTML:', error === null || error === void 0 ? void 0 : error.message, error);
         }
     }
     render() {
-        return (h("div", { key: '9a0b5ecb9fd32c9666a64a901df847f5971b704f', id: "nav-container", class: "xv-header" }, h("nav", { key: '51167653ba632fb0d228bfb8082b30a285aa22d9', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '90c35a32a68ae1589ef51fa852ef324f1a6b4913', class: "container" }, h("div", { key: 'b45f7755d75399291282635b1b19b49aead2633b', class: "row" }, h("div", { key: 'd042bd0d254eb9a0f78fbd94b0b532b6c5cee399', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: '3a0763f213dfb5462f2fa335ebd77ece39a12cf4', class: "navbar-header" }, h("button", { key: '505bab3f231a425aab0d23f0392ff2c8061b71e2', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: 'a9e737a1d7d7f7ff7784730d9845712d5b9cffef', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: 'a85c1e35e4525d7cd3e2d572a1643a5032323174', class: "visible-xs-inline" }, h("a", { key: '64797dbb15864b7918bc8d33fbac9640184a514a', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '0bb00eb9f8361fa368c86dd82c6830c2d3a19117', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '2c1ee42c6b44c0b224aacd8fadf3dfc4f3ee7b77', class: "hidden-xs" }, h("a", { key: '12f4e225c1bcb2f5d35b038b2c9f16345b3f11a2', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: 'bcd0a4ccc05a2b694f25dd6bde53fff354e1b200', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: 'f77f4bdb29d9fe35292f6077581255b36f9f809e', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: 'd108adbb8c3b7201dcc3374c6e0c7dba2f66201c', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: '5167705128b06f89c55cabb127b6630ced7ab864' }, h("a", { key: '28bcbd1cbdc64f0b3c5a6cd0689023f9f43c5214', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: '3964041fccfb4bd71852517ba865e64340ef9617', class: "fa fa-user" }), h("i", { key: '904c8ce3cf34875b40639afc332001e368e42a20', class: "fa fa-exchange-alt" }))), h("li", { key: '46b99c495412b3de6cffc403c0cf7b6684f331a7' }, h("a", { key: 'de934f468a5a568388488675d75225e438745396', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '134677aed84f082fae3114585d6d2ac8311a4400', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: 'c9043b2b2da5e8465935f09f36451b15306fd059', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: '97b9f4877edcd66b413fc11dc280f07400acc054', class: "fa fa-phone" }))), h("li", { key: '069f8097e6b840aee219d2d07353fc8cf0fd445c', class: "dropdown", id: "my-xv-menu" }, h("a", { key: 'e57bf0efec70ab2e8e9616601916b341c08dd782', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: 'd3bae72660fc74510dd0fede584bba3e51166ff5', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: 'd295f2ad9e22f1e8e5fb77f6ae6ea72bf13bee83', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: '2ecfdba55d593480fb4fbbe0d0c16d58311d1406', class: "caret" })), h("ul", { key: '2fdcd0fae663fafae2f9c7b2d0bd686db264e18d', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: '08f18ff8a17205e160ec8861ba0420efdca0b5cd' }, h("a", { key: '4fa15bd769d4f53dd5e75d9f3cb61e68caf32efa', href: "#" }, h("i", { key: 'a0719ea6e0eca342191842cbcb69153d956d8701', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: 'b24f70641cf85b3a6758d8098737330cab5d3ec3', class: "fa fa-caret-down" }))), h("li", { key: '2b3d310ef95945a52b1541f7ca20dfd762db2c3a' }, h("a", { key: 'f2133efe5e813a9a71e130592ffbafbca1d6e1a5', href: "#" }, h("i", { key: 'b80aee7f65ce6474ac51cf5e1bb638e543a78da1', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'd1bbbc6fe0d5064412bc76a193d7eb047b76f3d4', class: "fa fa-caret-down" }))), h("li", { key: '362a0942868f39fc07353b05c7a5d42bef0385d4', role: "separator", class: "divider" }), h("li", { key: 'ac0c3d294ff098cd23c7cfa07326c9c6a26abb7c' }, h("a", { key: '2a7e3df24f4c9f2a3536851977c45cd40e81becb', href: "#" }, h("i", { key: '3b6017fd400db20134b41932d358c96fc1b3f71a', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: '91fafd2c3e3c2f5632de5763d624e2ef4cf35c80', class: "badge" }, "0"), h("i", { key: '75c2c4f52ccd74c5f2b69da9f39260c7d04ef357', class: "fa fa-caret-down" }))), h("li", { key: '6aaec4116f1b3deeff7007acc45c39e221e0fd97' }, h("a", { key: '9003a050b45de8d9e3b07978404df44f7ff59f88', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: '7f3aa0f1be83d4a496ec3b61ee366c079b500f13', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: '5d7c139fafff2139fac690558e6ebf0b20d43a62', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: 'edf530735fc194c2276b1985fe3364f77890f60e', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '572d8f1b2b0666d54297bade290358a61fce138b', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: '02f33a18efb09a876f149f2b8b66ccf01bd5e291', class: "hidden-xs hidden-sm" }, h("a", { key: '7f528344d1518d32d99da414777b3e6d208720b7', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '42214e28902b95a768094c48d94900ed6dcb953a', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '945313f68df6607e0efcbdc35708cf4992500fa8' }, "Login"))), h("xv-login-modal", { key: 'ada6e8b4ecca9ba16a3b151bba5dae1705024f5c', visible: this.showLoginModal, onClose: this.closeLoginModal }), h("li", { key: 'ecce45495173251c52feb457ec4584bc72fd7a26', class: "hidden-xs" }, h("a", { key: 'f734a0215ce4207ccf39293566aa491cddfe3042', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: '9fd77861ad3530c7fc009fb39e6c9aa209185328' }, "Registrieren"))), h("li", { key: '6a605a1851914fb9e1bed8f68be372e4a6c1a665', class: "navbar-divider hidden-xs" }), h("li", { key: '19b2c12c76c14b1e50f1f0a367e00ece9b1a47c1' }, h("a", { key: '2a9554839bfce522caa41317ffde792c5ef3d9f0', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: '487cb7d6fd7847a4c88b3a0b5e9bb0fb513a55c2', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: 'ed68bd8f397cc6574ded6bcb9deedd2eec0f89d6', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: '8503a47508b38a2a5671d3f4e32c004ad8155333', class: "badge badge-success" }, "0"))))))), h("div", { key: 'd42acb598b78e980f83fffd48826f1682b9083c2', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: '2ffd90f9029f5ce9968b26aad369bf2f87b54e69', class: "container" }, h("form", { key: '5a72e321f545efd8e2147980b16db960c1de33eb', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '192ac273785e073a79936dff575d0b2ae675912d', class: "input-group" }, h("input", { key: '4f9dc1001920cd76f2ae57b78065d0002d670b3d', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: 'cdd9ad37c985ab2db67e7df845b6502b0e4327f7', class: "input-group-btn force-full-width" }, h("button", { key: '74ca744c2c2148ea6363ec4200d31f4d9082a4e3', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '8b4d8612e841d325e7fe719e05e0b1603472a300', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: 'cb79f91dc7d12d19927c3ceab3b401bcac1dfcbb', innerHTML: this.htmlContent })));
+        var _a, _b, _c, _d, _e, _f;
+        return (h("div", { key: '93fd7f643af32209c7363bd40447e2cb5f03b87d', id: "nav-container", class: "xv-header" }, h("nav", { key: 'fe1f8989458093ad736f97be04d1d9eab29081c5', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '7b48f1581ebfc7327bcad90da1d7484271076e32', class: "container" }, h("div", { key: '9395c2928aa7d7e5e6acf8521f018dd55e0a1a58', class: "row" }, h("div", { key: '66bf156f202e95056a6198d08a2b862c33338fc8', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: 'c617809b1cb179948fd9a41d5404ed3258687d81', class: "navbar-header" }, h("button", { key: '6be7b3ddce715f2360c60183eaeaead383418581', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: 'f71d314e1e95bd4b6acd44b96a0838d832aa6c8b', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: '06a93b00144a0e94d27ff0acc84290e807c4052f', class: "visible-xs-inline" }, h("a", { key: 'bc93916ba2cbdfe0761cbc2881c0284f5fe5cd24', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '47f2d23c4e7c1d76c670dba10bea33a1578a0485', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: 'a0b14089c386ab992c52400eeda4879ad34db9d8', class: "hidden-xs" }, h("a", { key: '637cb16a57adc6fa726438978b09b523a1bdcc33', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '4fa046cb5236a01e80cffcf2f92a78b6aebf1163', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: '85ec0aa830f92704e578468824efa9281caaf676', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '2fc012f39b02ed22dac98f168d9ad37e1d8d7406', class: "nav nav-pills nav-meta pull-right" }, this.metaNav.ImpersonationInfo && (h("li", { key: '20aead2e87b7eda8beed65746de4981d696dc390' }, h("a", { key: 'e79eefd3c317a0482738b07fffa5fc6151ebc90e', class: "btn btn-link navbar-btn hidden-xs", href: "#", onClick: this.togglePopover }, h("i", { key: '2c5874fd4a0f1cee0fa20945842893de4cc1d22d', class: "fa fa-user" }), h("i", { key: 'bacae1fac2e693953fc67029f192da807c6192b0', class: "fa fa-exchange-alt" })))), this.showPopover && this.metaNav.ImpersonationInfo && (h("div", { key: 'df8a66f19d87fcdea818e13f137647e17e0a405d', class: "popover popover-fixed fade bottom in", id: "popover939183" }, h("div", { key: '041b7e3c4b8e82d133aab96f7d8e7907eba7d887', class: "arrow" }), h("h3", { key: '16434bb25b28a41d22765d96e7b03e7cbdad5acb', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), h("div", { key: 'eb49882fbb7eadf5ba96f5ff520b0c090095ca49', class: "popover-content" }, h("div", { key: '1504ab87c801568848586fc9590fc13c2be651bc', class: "row" }, h("div", { key: '5ee4cc8445fbe4b95399eda3da4f1c1c24a9be3d', class: "col-xs-12" }, h("table", { key: '64f421d82639b8e0f7d0b3d31745e04969ca7f60', class: "table-condensed" }, h("tbody", { key: '730c3c0ec2d64f470267e10358aeadfe7ed6e84f' }, h("tr", { key: '87fe00b45e553ea3e3d4e13a50ed8145c2e0e450' }, h("td", { key: '0ed15b4102a09489fa10ddaecd9a47aa69764ffc' }, h("span", { key: '074a28cc52eac24f9809603dab24d8ba6dbbf344' }, this.metaNav.ImpersonationInfo.NameAndTitle))), h("tr", { key: 'bda47eae106f3a39bd6622464802a6485656ce13' }, h("td", { key: '3915c1455d9ad29eef0adcd6a5bce0d44c8e7b37' }, h("span", { key: 'f1c81fcd3fb2e730759e0dd2b749c5205221887b' }, this.metaNav.ImpersonationInfo.CompanyName))), h("tr", { key: 'cfe48315f561c4efe2efe62b6d20f026d2438ef4' }, h("td", { key: '5d97273da13b069f4fe8c5e4147516520a486c42' }, h("span", { key: 'c38356d0674a52d8115cb27f1c70bfe584fd06de' }, this.metaNav.ImpersonationInfo.Email))), h("tr", { key: 'de97e437c572148c390778227e816b63549def9d' }, h("td", { key: 'ac587ea474b64a7b68186b7d15ad3af221cc0a9c' }, h("span", { key: '24e4c0f37eca6f5f5c64729219afcb6288b6f84c' }, this.metaNav.ImpersonationInfo.PhoneOffice))))))), h("div", { key: '660680c17e9f133a221b55220ef99d29ade82587', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, h("div", { key: 'c1aebd949b0beb9dc8630e042dea712b2b51ed90', class: "col-xs-12" }, h("a", { key: 'c329df2eccfca0eacef2dfc30ca8ff2173b7c5b7', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), h("li", { key: '04a0fa4d476413039daf259c4b8163f18e2dee7f' }, h("a", { key: '20625d0e480808eb019b167787c0419ac5981b8d', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '36551fb1a9a1cd5d4b8b4f8efde1689672f6bb07', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '2ae3fc4849533e03dfda03e8638dc46951d47ab5', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: '84b9e4d1791a6529835e1611f42ad35ca3cac513', class: "fa fa-phone" }))), this.metaNav.IsManager && (h("li", { key: '4b17bc00a443a419a4f14c402fde99dcb230c925', class: "dropdown" }, h("a", { key: '5b8557b0261ca870dad38baaae65795beb57530d', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, h("i", { key: 'b477a11fb1652f8f889fa8c94700847be706f74d', class: "fas fa-bell fa-lg" }), h("span", { key: '72fb51e3abbaec72b1a78a6b27b6b7b4c4fd2b29', id: "notifications-count", class: "badge badge-success badge-top-right", style: { display: 'none' } })))), this.metaNav.IsAuthenticated && (h("li", { key: '7d4bae2a48592957c0799fa0398aa2551b193198', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '3e50dc08b1de0f71256461a54d27c85ff628cc48', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, h("i", { key: '988ea73bcda1d6c6eb44feacada29053ce5e21c8', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '42d08c2c4acf02c3115f6fcae2aedb2b9e8ba404', class: "hidden-xs" }, this.metaNav.UserMenuText), h("span", { key: 'b6a9fd99388628376cbef2aa416e74392a1e01dc', class: "caret" })), h("ul", { key: '98f1c2b6c7fd40c478676613f101d38f4c67c40e', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, this.metaNav.IsManager && (h("li", { key: '0e56b69cdb8d5b8ce2bc524f2a9ccbab9e192ae4' }, h("a", { key: '424e760893e9e238e0f32ff0cd574fb44f0ec562', onClick: () => this.toggleCockpitMenu() }, h("i", { key: '1917959bccdd7cdf5b00bd44988f79bbebc7a0dc', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: '663965576a6cd76e310b43f5d7667edbf7225396', class: "fa fa-caret-down" })))), this.isCockpitMenuExpanded && ((_a = this.metaNav.ManagerCockpitMenu) === null || _a === void 0 ? void 0 : _a.map(item => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text))))), this.metaNav.IsManager && (h("li", { key: 'bb1fbbb00a8e0cf547a7f66bbea0c25e746f3b1e' }, h("a", { key: 'c59aa42ba2d4e358f3c7c9640a6a3f6c2b001013', onClick: () => this.toggleEntitiesMenu() }, h("i", { key: 'b53f21751ff726ed95ebe324e6b0426158ad25a4', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'a2950dbd622abbfdc263a1caa23569082beaea50', class: "fa fa-caret-down" })))), this.isEntitiesMenuExpanded && ((_b = this.metaNav.ManagerEntitiesMenu) === null || _b === void 0 ? void 0 : _b.map(item => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text))))), (_c = this.metaNav.ManagerMenu) === null || _c === void 0 ? void 0 :
+            _c.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text)))), this.metaNav.IsManager && (h("li", { key: 'c0d56fd0f2b34d84c736f57402404b9ec5e98dd8', role: "separator", class: "divider" })), this.metaNav.IsManager && (h("li", { key: '143a401dbba971edaece0fdb79c5d4f2bccb7163' }, h("a", { key: 'c9892cd243aad26ac6211b2ea7d170c66b3d7e52', onClick: () => this.toggleUserMenu() }, h("i", { key: '8c6275b3fa326b335e500f6f414ccb7299767528', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: '3e426ee213fcca69e8512df20f23c64e497cfa2b', class: "badge" }, this.metaNav.PendingItems), h("i", { key: '8e82befce0c97f7be0e396fa7d3046b7c1152f45', class: "fa fa-caret-down" })))), this.isUserMenuExpanded && ((_d = this.metaNav.UserMenu) === null || _d === void 0 ? void 0 : _d.map(item => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text, item.BadgeText && (h("span", { class: "badge" }, "\u00A0", item.BadgeText, "\u00A0"))))))), this.metaNav.ImpersonationInfo.isImpersonated && (h("li", { key: '71db2fcb913e43c63eab02b6b09d733d33a864be', class: 'user-menu-item' }, h("a", { key: 'e3eab89b4f14cb352bdad7015ddb01584db79d9a', href: this.metaNav.ImpersonationInfo.ClearImpersonationUrl }, h("i", { key: '5741d69dfbf4a561c3bf9203d36870756e6486cd', class: "fa fa-exchange-alt" }), "\u00A0 Kundenperspektive verlassen"))), this.metaNav.IsManager && (h("li", { key: '9604be58c5333fa2edfdb3b18caf09bc47aa338d', role: "separator", class: "divider" })), (_e = this.metaNav.ActionsMenu) === null || _e === void 0 ? void 0 :
+            _e.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text)))), h("li", { key: 'c5a90368b0fac69b54616bf8afffae1c994e5152' }, h("a", { key: 'c9ae00d7d99aa1ff9e6163117c008021846ca4a2', href: "/de-de/mycrossvertise/account/logoff?returnUrl=/" }, h("i", { key: '049b3cbee18f4995029947a6c17fb9bc8bb2aa49', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout"))))), h("li", { key: '149d7830fc4adb028319b513ca28355fcfc6fe10', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '369db07c48112cdcd3efe25b1eb825785fe1e30c', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '380e11725e3f14d107557c3bf09e709652c25f60', class: "fa fa-search", "aria-hidden": "true" }))), !this.metaNav.IsAuthenticated && (h("li", { key: '6b5c52b1ed06fba08ddf9aa878839d9407377e08', class: "hidden-xs hidden-sm" }, h("a", { key: 'b50d45cd41db554ecd210ea1086ccbe067a23300', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '3a51ad2ca17d9be3eabcdc81c817c4d09375e264', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '3529bbe6cd57a0671ecbaf3cf2702d9f86aeee9d' }, "Login")), h("xv-login-modal", { key: 'c814f739f0417e46e0fada997c5b400a3b21577a', visible: this.showLoginModal, onClose: this.closeLoginModal }))), !this.metaNav.IsAuthenticated && (h("li", { key: '5d1c58613419078e61ecfd2ca0e8beaa91d75511', class: "hidden-xs" }, h("a", { key: 'ccdb7d688302a34f3e7ee359175dfb81fc90b3f4', class: "btn btn-default navbar-btn btn-link", href: "/de-de/mycrossvertise/account/register" }, h("span", { key: 'd4dc5c89862ab94bfda49a97e53b13ba9455c480' }, "Registrieren")))), h("li", { key: '18151e11b76dd7d6df8f595d8d0a57353c623e5d', class: "navbar-divider hidden-xs" }), h("li", { key: '8ed41e0756fb4ddc5cd3c77c37969a5560826c95' }, h("a", { key: '01a378f50cd4e7f6fb7355487d302a45ffa672f5', class: "btn btn-success navbar-btn", href: "/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: '62a313a493304d3053880a969a6243b33f063fe9', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: 'c7238c0cc4d25719dd2d8614823edb8134a84ed7', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: '81bdb531ee7acb303ff96377d6838640bf3f37d6', class: "badge badge-success" }, ((_f = this.metaNav.Cart) === null || _f === void 0 ? void 0 : _f.NumberOfItems) || 0))))))), h("div", { key: 'f0fbbe7a85f4d7f3d88f296c4b03f3db98963a7d', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: 'f23542a964bad418aa29b08f91cbfd981cb750c5', class: "container" }, h("form", { key: 'c246764fa9c9231b134947404bba5898879a6aed', action: "/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: 'c331948463fefe95f159ca8f09f2eebde4753b98', class: "input-group" }, h("input", { key: 'e23c5ffc1b31422f1b06019889da38ef67751d4c', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '8f21b826d436836481d02c0d05b33a6ee76fccbb', class: "input-group-btn force-full-width" }, h("button", { key: 'cedea10cb7e54a081ab86b4380042d0e768ac966', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: 'ebc209a41b781700fd6afa9866520dd580c6c0e5', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '09934df90dd8968f7358108795c3b734298a2d9d', innerHTML: this.htmlContent }), h("ul", { key: 'd343f3a2d5cdf0925d423d328ae655191579eb9a', class: "ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all", id: "xv-search-suggestions", tabindex: "0", style: {
+                width: `${this.listPosition.width}px`,
+                top: `${this.listPosition.top}px`,
+                left: `${this.listPosition.left}px`,
+                display: this.suggestions.length ? 'block' : 'none',
+                position: 'absolute',
+                zIndex: '1000',
+            } }, this.suggestions.map(s => (h("li", { class: "ui-menu-item", role: "presentation" }, h("a", { href: "#", onClick: e => {
+                e.preventDefault();
+                this.navigateToSuggestion(s);
+            } }, s.title_de.split(new RegExp(`(${this.escapeRegExp(this.searchQuery)})`, 'gi')).map(part => part.toLowerCase() === this.searchQuery.toLowerCase() ? h("b", null, part) : part))))))));
     }
     static get is() { return "xv-header"; }
     static get originalStyleUrls() {
@@ -46,7 +167,14 @@ export class XvHeader {
     static get states() {
         return {
             "htmlContent": {},
-            "showLoginModal": {}
+            "showLoginModal": {},
+            "isCockpitMenuExpanded": {},
+            "isEntitiesMenuExpanded": {},
+            "isUserMenuExpanded": {},
+            "suggestions": {},
+            "searchQuery": {},
+            "listPosition": {},
+            "showPopover": {}
         };
     }
     static get elementRef() { return "el"; }

package/dist/collection/components/xv-header/xv-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"xv-header.js","sourceRoot":"","sources":["../../../src/components/xv-header/xv-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h,Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'xv-header',\n  styleUrl: 'xv-header.scss',\n})\nexport class XvHeader {\n  @State() htmlContent: string = '';\n  @State() showLoginModal = false;\n  @Element() el: HTMLElement;\n\n\n  private openLoginModal = () => {\n    this.showLoginModal = true;\n  };\n\n  private closeLoginModal = () => {\n    this.showLoginModal = false;\n  };\n\n  async componentWillLoad() {\n    try {\n      const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');\n      const text = await response.text();\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(text, 'text/html');\n\n    const mixedMenu = doc.querySelector('.alle-kategorien-menu');\n    const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');\n    const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');\n\n    if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {\n      allCategoriesContainer.appendChild(mixedMenu);\n      allCategoriesContainer.appendChild(allCategoriesGenerals);\n    }\n\n    this.htmlContent = doc.body.innerHTML;\n    } catch (error) {\n      console.error('Failed to fetch header HTML:', error);\n    }\n  }\n\n  render() {\n    return (\n      <div id=\"nav-container\" class=\"xv-header\">\n        <nav class=\"navbar navbar-default navbar-fixed-top backend-force-relative\">\n        <div class=\"container\">\n          <div class=\"row\">\n            <div class=\"col-sm-3 col-xs-3 col-xxs-4 no-padding-right\">\n              <div class=\"navbar-header\">\n                <button class=\"btn btn-default navbar-toggle pull-left navbar-btn\" data-toggle=\"collapse\" data-target=\"#main-menu\">\n                  <i class=\"fa fa-bars fa-lg\" aria-hidden=\"true\"></i>\n                </button>\n                <div class=\"visible-xs-inline\">\n                  <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\n                    <img src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg\" alt=\"Crossvertise\" />\n                  </a>\n                </div>\n                <div class=\"hidden-xs\">\n                  <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\n                    <img loading=\"lazy\" src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg\" alt=\"Crossvertise\" />\n                  </a>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-sm-9 col-xs-9 col-xxs-8 no-padding-left\">\n              <ul class=\"nav nav-pills nav-meta pull-right\">\n                <li>\n                  <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">\n                    <i class=\"fa fa-user\"></i>\n                    <i class=\"fa fa-exchange-alt\"></i>\n                  </a>\n                </li>\n                <li>\n                  <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\n                  <a href=\"https://www.crossvertise.com/contact\" class=\"btn btn-link navbar-btn hidden-xs\" style={{ display: 'none' }}>Kontakt</a>\n                  <a class=\"btn btn-default btn-link navbar-btn visible-xs hidden-xxs\" href=\"#\">\n                    <i class=\"fa fa-phone\"></i>\n                  </a>\n                </li>\n                <li class=\"dropdown\" id=\"my-xv-menu\">\n                  <a href=\"#\" class=\"dropdown-toggle btn btn-default navbar-btn btn-link\" data-toggle=\"dropdown\">\n                    <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i>&nbsp;\n                    <span class=\"hidden-xs\">Mein Bereich</span>\n                    <span class=\"caret\"></span>\n                  </a>\n                  <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\n                    <li>\n                      <a href=\"#\"><i class=\"fa fa-tachometer-alt fa-fw\"></i>&nbsp;Cockpitfunktionen&nbsp;<i class=\"fa fa-caret-down\"></i></a>\n                    </li>\n                    <li>\n                      <a href=\"#\"><i class=\"fa fa-cubes\"></i>&nbsp;Entitäten&nbsp;<i class=\"fa fa-caret-down\"></i></a>\n                    </li>\n                    <li role=\"separator\" class=\"divider\"></li>\n                    <li>\n                      <a href=\"#\"><i class=\"fa fa-user\"></i>&nbsp;Mein Crossvertise&nbsp;<span class=\"badge\">0</span><i class=\"fa fa-caret-down\"></i></a>\n                    </li>\n                    <li>\n                      <a href=\"https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com\">\n                        <i class=\"fa fa-sign-out-alt fa-fw\" aria-hidden=\"true\"></i>&nbsp;Logout\n                      </a>\n                    </li>\n                  </ul>\n                </li>\n                <li class=\"visible-sm-block visible-xs-block hidden-xxs\">\n                  <a class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"collapse\" data-target=\"#search-collapse\">\n                    <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\n                  </a>\n                </li>\n                <li class=\"hidden-xs hidden-sm\">\n                  <a role=\"button\" onClick={this.openLoginModal}  class=\"btn btn-default navbar-btn btn-link\">\n                    <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\n                    <span>Login</span>\n                  </a>\n                </li>\n                <xv-login-modal visible={this.showLoginModal} onClose={this.closeLoginModal}></xv-login-modal>\n                <li class=\"hidden-xs\">\n                  <a class=\"btn btn-default navbar-btn btn-link\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/account/register\">\n                    <span>Registrieren</span>\n                  </a>\n                </li>\n                <li class=\"navbar-divider hidden-xs\"></li>\n                <li>\n                  <a class=\"btn btn-success navbar-btn\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart\">\n                    <span class=\"xv-font-icon-warenkorb fa-lg fa-fw\" aria-hidden=\"true\"></span>\n                    <span class=\"hidden-xs hidden-sm\">&nbsp;Warenkorb&nbsp;</span>\n                    <span class=\"badge badge-success\">0</span>\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div class=\"collapse hidden-md hidden-lg\" id=\"search-collapse\">\n          <div class=\"container\">\n            <form action=\"https://market.crossvertise.com/de-de/media/search\" class=\"navbar-form\" method=\"get\" role=\"search\">\n              <div class=\"input-group\">\n                <input class=\"form-control\" name=\"Q\" placeholder=\"Suche\" type=\"text\" autocomplete=\"off\" />\n                <span class=\"input-group-btn force-full-width\">\n                  <button class=\"btn btn-default search-addon\" type=\"submit\">\n                    <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\n                  </button>\n                </span>\n              </div>\n            </form>\n          </div>\n        </div>\n      </nav>\n        <div innerHTML={this.htmlContent}></div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"xv-header.js","sourceRoot":"","sources":["../../../src/components/xv-header/xv-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAM7D,MAAM,OAAO,QAAQ;IAJrB;QAKW,gBAAW,GAAW,EAAE,CAAC;QACzB,mBAAc,GAAG,KAAK,CAAC;QACvB,0BAAqB,GAAY,IAAI,CAAC;QACtC,2BAAsB,GAAY,IAAI,CAAC;QACvC,uBAAkB,GAAY,IAAI,CAAC;QAEnC,gBAAW,GAA8D,EAAE,CAAC;QAC5E,gBAAW,GAAW,EAAE,CAAC;QACzB,iBAAY,GAAiD,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QAC3F,gBAAW,GAAG,KAAK,CAAC;QAGrB,sBAAiB,GAAkB,IAAI,CAAC;QAExC,kBAAa,GAAwE,EAAE,CAAC;QAExF,mBAAc,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QACvC,CAAC,CAAC;QAEM,oBAAe,GAAG,GAAG,EAAE;YAC7B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC9B,CAAC,CAAC;QAEM,sBAAiB,GAAG,KAAK,EAAE,CAAQ,EAAE,EAAE;YAC7C,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;YAC5C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;gBACtB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;gBAC9B,OAAO;YACT,CAAC;YACD,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;YAC5C,IAAI,CAAC,YAAY,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;YAC/G,MAAM,GAAG,GACP,uKAAuK;gBACvK,kBAAkB,CAAC,KAAK,CAAC;gBACzB,iEAAiE,CAAC;YACpE,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;oBAC5B,OAAO,EAAE;wBACP,cAAc,EAAE,kBAAkB;wBAClC,SAAS,EAAE,kCAAkC;qBAC9C;iBACF,CAAC,CAAC;gBACH,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC/B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC/D,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;YAC7F,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,GAAG,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,CAAC;QAEM,yBAAoB,GAAG,CAAC,CAA0D,EAAE,EAAE;YAC5F,MAAM,GAAG,GAAG,8BAA8B,GAAG,CAAC,CAAC,SAAS,CAAC;YACzD,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;QAC7B,CAAC,CAAC;QAMM,kBAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC3C,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;YAC3C,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAC9C,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC;gBACrC,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC9B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;gBAC9B,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;gBACjB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;KA4WH;IA1XS,YAAY,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IACtD,CAAC;IAcD,gBAAgB;QACd,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QAC3D,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpD,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YAC7C,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;gBACtB,KAAK,EAAE,KAAyB;gBAChC,SAAS,EAAE;oBACT,CAAC,OAAO,EAAE,WAAW,CAAC;oBACtB,CAAC,SAAS,EAAE,aAAa,CAAC;iBAC3B;aACF,CAAC,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACtB,IAAI,CAAC,WAAW,GAAG,KAAyB,CAAC;YAC/C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAIO,WAAW;QACjB,IAAI,CAAC;YACH,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACnD,IAAI,UAAU,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,4CAA4C,EAAE,CAAC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;IAC3D,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,sBAAsB,GAAG,CAAC,IAAI,CAAC,sBAAsB,CAAC;IAC7D,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,kBAAkB,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC;IACrD,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;YAClD,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE;gBACrC,KAAK,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,iEAAiE,CAAC,CAAC;YAChG,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;YAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAEtD,MAAM,SAAS,GAAG,GAAG,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YAC7D,MAAM,qBAAqB,GAAG,GAAG,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;YAC/E,MAAM,sBAAsB,GAAG,GAAG,CAAC,aAAa,CAAC,mDAAmD,CAAC,CAAC;YAEtG,IAAI,SAAS,IAAI,qBAAqB,IAAI,sBAAsB,EAAE,CAAC;gBACjE,sBAAsB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBAC9C,sBAAsB,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;YAC5D,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;QACxC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,4DAAK,EAAE,EAAC,eAAe,EAAC,KAAK,EAAC,WAAW;YACvC,4DAAK,KAAK,EAAC,+DAA+D;gBAExE,4DAAK,KAAK,EAAC,WAAW;oBACpB,4DAAK,KAAK,EAAC,KAAK;wBACd,4DAAK,KAAK,EAAC,8CAA8C;4BACvD,4DAAK,KAAK,EAAC,eAAe;gCACxB,+DAAQ,KAAK,EAAC,oDAAoD,iBAAa,UAAU,iBAAa,YAAY;oCAChH,0DAAG,KAAK,EAAC,kBAAkB,iBAAa,MAAM,GAAK,CAC5C;gCACT,4DAAK,KAAK,EAAC,mBAAmB;oCAC5B,0DAAG,IAAI,EAAC,+BAA+B,EAAC,KAAK,EAAC,cAAc;wCAC1D,4DAAK,GAAG,EAAC,2FAA2F,EAAC,GAAG,EAAC,cAAc,GAAG,CACxH,CACA;gCACN,4DAAK,KAAK,EAAC,WAAW;oCACpB,0DAAG,IAAI,EAAC,+BAA+B,EAAC,KAAK,EAAC,cAAc;wCAC1D,4DAAK,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,qFAAqF,EAAC,GAAG,EAAC,cAAc,GAAG,CACjI,CACA,CACF,CACF;wBACN,4DAAK,KAAK,EAAC,6CAA6C;4BACtD,2DAAI,KAAK,EAAC,mCAAmC;gCAE1C,IAAI,CAAC,OAAO,CAAC,iBAAiB,IAAI,CACnC;oCACE,0DAAG,KAAK,EAAC,mCAAmC,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa;wCAC/E,0DAAG,KAAK,EAAC,YAAY,GAAK;wCAC1B,0DAAG,KAAK,EAAC,oBAAoB,GAAK,CAChC,CACD,CACJ;gCAEA,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,iBAAiB,IAAK,CACpD,4DAAK,KAAK,EAAC,sCAAsC,EAAC,EAAE,EAAC,eAAe;oCAClE,4DAAK,KAAK,EAAC,OAAO,GAAO;oCACzB,2DAAI,KAAK,EAAC,eAAe,6DAAuD;oCAChF,4DAAK,KAAK,EAAC,iBAAiB;wCAC1B,4DAAK,KAAK,EAAC,KAAK;4CACd,4DAAK,KAAK,EAAC,WAAW;gDACpB,8DAAO,KAAK,EAAC,iBAAiB;oDAC5B;wDACE;4DAAI;gEAAI,+DAAO,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAE,YAAY,CAAQ,CAAK,CAAK;wDAC7E;4DAAI;gEAAI,+DAAO,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAE,WAAW,CAAQ,CAAK,CAAK;wDAC5E;4DAAI;gEAAI,+DAAO,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAE,KAAK,CAAQ,CAAK,CAAK;wDACtE;4DAAI;gEAAI,+DAAO,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAE,WAAW,CAAQ,CAAK,CAAK,CACtE,CACF,CACJ,CACF;wCACN,4DAAK,KAAK,EAAC,mCAAmC,EAAC,EAAE,EAAC,mCAAmC;4CACnF,4DAAK,KAAK,EAAC,WAAW;gDACpB,0DAAG,KAAK,EAAC,2BAA2B,EAAC,IAAI,EAAC,kDAAkD,kCAExF,CACA,CACF,CACF,CACF,CACP;gCAEH;oCACE,0DAAG,KAAK,EAAC,mCAAmC,EAAC,IAAI,EAAC,GAAG,cAAY;oCACjE,0DAAG,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,mCAAmC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAa;oCACpG,0DAAG,KAAK,EAAC,2DAA2D,EAAC,IAAI,EAAC,GAAG;wCAC3E,0DAAG,KAAK,EAAC,aAAa,GAAK,CACzB,CACD;gCAGJ,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,CACzB,2DAAI,KAAK,EAAC,UAAU;oCAClB,0DAAG,KAAK,EAAC,yCAAyC,iBACpC,UAAU,EACtB,IAAI,EAAC,QAAQ,oBACE,MAAM,mBACP,MAAM,mBACN,OAAO;wCACrB,0DAAG,KAAK,EAAC,mBAAmB,GAAK;wCACjC,6DAAM,EAAE,EAAC,qBAAqB,EAAC,KAAK,EAAC,qCAAqC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAS,CAC5G,CACD,CACN;gCAGA,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,CAC/B,2DAAI,KAAK,EAAC,UAAU,EAAC,EAAE,EAAC,YAAY;oCAClC,0DAAG,KAAK,EAAC,yCAAyC,iBACpC,UAAU,EACtB,IAAI,EAAC,QAAQ,oBACE,MAAM,mBACP,MAAM,mBACN,OAAO;wCACrB,0DAAG,KAAK,EAAC,+BAA+B,iBAAa,MAAM,GAAK;;wCAEhE,6DAAM,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAQ;wCAC1D,6DAAM,KAAK,EAAC,OAAO,GAAQ,CACzB;oCACJ,2DAAI,KAAK,EAAC,8CAA8C;wCAGrD,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,CACzB;4CACE,0DAAG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE;gDACxC,0DAAG,KAAK,EAAC,4BAA4B,GAAK;;gDAA6B,0DAAG,KAAK,EAAC,kBAAkB,GAAK,CACrG,CACD,CACN;wCACA,IAAI,CAAC,qBAAqB,KAAI,MAAA,IAAI,CAAC,OAAO,CAAC,kBAAkB,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1E,UAAI,KAAK,EAAC,gBAAgB;4CACxB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO;gDAC/C,SAAG,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAM;;gDAC5B,IAAI,CAAC,IAAI,CACR,CACD,CACN,CAAC,CAAA;wCAGD,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,CACzB;4CACE,0DAAG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;gDAAE,0DAAG,KAAK,EAAC,aAAa,GAAK;;gDAAqB,0DAAG,KAAK,EAAC,kBAAkB,GAAK,CAAI,CAC9H,CACN;wCACA,IAAI,CAAC,sBAAsB,KAAI,MAAA,IAAI,CAAC,OAAO,CAAC,mBAAmB,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC5E,UAAI,KAAK,EAAC,gBAAgB;4CACxB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO;gDAC/C,SAAG,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAM;;gDAC5B,IAAI,CAAC,IAAI,CACR,CACD,CACN,CAAC,CAAA,EAGD,MAAA,IAAI,CAAC,OAAO,CAAC,WAAW;2CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACrC;4CACE,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO;gDAC/C,SAAG,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAM;;gDAC5B,IAAI,CAAC,IAAI,CACR,CACD,CACN,CAAC;wCAED,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,CACzB,2DAAI,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,GAAM,CAC3C;wCAGA,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,CACzB;4CACE,0DAAG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;gDAAE,0DAAG,KAAK,EAAC,YAAY,GAAK;;gDAA6B,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAQ;gDAAA,0DAAG,KAAK,EAAC,kBAAkB,GAAK,CAAI,CACvL,CACN;wCACA,IAAI,CAAC,kBAAkB,KAAI,MAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC7D,UAAI,KAAK,EAAC,gBAAgB;4CACxB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO;gDAC/C,SAAG,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAM;;gDAC5B,IAAI,CAAC,IAAI;gDAAE,IAAI,CAAC,SAAS,IAAI,CAAC,YAAM,KAAK,EAAC,OAAO;;oDAAQ,IAAI,CAAC,SAAS;6DAAc,CAAC,CACrF,CACD,CACN,CAAC,CAAA;wCAID,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,cAAc,IAAI,CAChD,2DAAI,KAAK,EAAC,gBAAgB;4CACxB,0DAAG,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,qBAAqB;gDAC3D,0DAAG,KAAK,EAAC,oBAAoB,GAAK;qFAEhC,CACD,CACN;wCAEA,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,CACzB,2DAAI,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,GAAM,CAC3C,EAGA,MAAA,IAAI,CAAC,OAAO,CAAC,WAAW;2CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACrC;4CACE,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO;gDAC/C,SAAG,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAM;;gDAC5B,IAAI,CAAC,IAAI,CACR,CACD,CACN,CAAC;wCAEF;4CACE,0DAAG,IAAI,EAAC,kDAAkD;gDAAC,0DAAG,KAAK,EAAC,0BAA0B,iBAAa,MAAM,GAAK;+DAAgB,CACnI,CACF,CACF,CACN;gCAED,2DAAI,KAAK,EAAC,8CAA8C;oCACtD,0DAAG,KAAK,EAAC,qCAAqC,iBAAa,UAAU,iBAAa,kBAAkB;wCAClG,0DAAG,KAAK,EAAC,cAAc,iBAAa,MAAM,GAAK,CAC7C,CACD;gCAGJ,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,CAChC,2DAAI,KAAK,EAAC,qBAAqB;oCAC7B,0DAAG,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAC,qCAAqC;wCACxF,0DAAG,KAAK,EAAC,kBAAkB,iBAAa,MAAM,GAAK;wCACnD,uEAAkB,CAChB;oCACJ,uEAAgB,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,GAAmB,CAC3F,CACN;gCAGA,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,CAChC,2DAAI,KAAK,EAAC,WAAW;oCACnB,0DAAG,KAAK,EAAC,qCAAqC,EAAC,IAAI,EAAC,wCAAwC;wCAC1F,8EAAyB,CACvB,CACD,CACN;gCAED,2DAAI,KAAK,EAAC,0BAA0B,GAAM;gCAC1C;oCACE,0DAAG,KAAK,EAAC,4BAA4B,EACnC,IAAI,EAAC,+CAA+C;wCACpD,6DAAM,KAAK,EAAC,oCAAoC,iBAAa,MAAM,GAAQ;wCAC3E,6DAAM,KAAK,EAAC,qBAAqB,4BAA6B;wCAC9D,6DAAM,KAAK,EAAC,qBAAqB,IAC9B,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,IAAI,0CAAE,aAAa,KAAI,CAAC,CACjC,CACL,CACD,CACF,CACD,CACF,CACF;gBACN,4DAAK,KAAK,EAAC,8BAA8B,EAAC,EAAE,EAAC,iBAAiB;oBAC5D,4DAAK,KAAK,EAAC,WAAW;wBACpB,6DAAM,MAAM,EAAC,qBAAqB,EAAC,KAAK,EAAC,aAAa,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ;4BAC/E,4DAAK,KAAK,EAAC,aAAa;gCACtB,8DAAO,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,GAAG,EAAC,WAAW,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,YAAY,EAAC,KAAK,GAAG;gCAC1F,6DAAM,KAAK,EAAC,kCAAkC;oCAC5C,+DAAQ,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ;wCACxD,0DAAG,KAAK,EAAC,cAAc,iBAAa,MAAM,GAAK,CACxC,CACJ,CACH,CACD,CACH,CACF,CACF;YACN,4DAAK,SAAS,EAAE,IAAI,CAAC,WAAW,GAAQ;YACxC,2DACE,KAAK,EAAC,4EAA4E,EAClF,EAAE,EAAC,uBAAuB,EAC1B,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI;oBACrC,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI;oBACjC,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI;oBACnC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;oBACnD,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,MAAM;iBACf,IAEA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACzB,UAAI,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc;gBAC1C,SACE,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,EAAE;wBACX,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;oBAC/B,CAAC,IAEA,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACzF,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,aAAI,IAAI,CAAK,CAAC,CAAC,CAAC,IAAI,CAC7E,CACC,CACD,CACN,CAAC,CACC,CACD,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'xv-header',\n  styleUrl: 'xv-header.scss',\n})\nexport class XvHeader {\n  @State() htmlContent: string = '';\n  @State() showLoginModal = false;\n  @State() isCockpitMenuExpanded: boolean = true;\n  @State() isEntitiesMenuExpanded: boolean = true;\n  @State() isUserMenuExpanded: boolean = true;\n  @Element() el: HTMLElement;\n  @State() suggestions: { title_de: string; page_link: string; source: string }[] = [];\n  @State() searchQuery: string = '';\n  @State() listPosition: { width: number; top: number; left: number } = { width: 0, top: 0, left: 0 };\n  @State() showPopover = false;\n\n\n  private currentSuggestion: string | null = null;\n  private searchInput?: HTMLInputElement;\n  private inputHandlers: { input: HTMLInputElement; listeners: [string, EventListener][] }[] = [];\n\n  private openLoginModal = () => {\n    this.showLoginModal = true;\n  };\n\n  private togglePopover = () => {\n    this.showPopover = !this.showPopover;\n  };\n\n  private closeLoginModal = () => {\n    this.showLoginModal = false;\n  };\n\n  private handleSearchInput = async (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const query = target.value.trim();\n    this.searchQuery = query;\n    if (query.length < 2) {\n      this.suggestions = [];\n      this.currentSuggestion = null;\n      return;\n    }\n    const rect = target.getBoundingClientRect();\n    this.listPosition = { width: rect.width, top: rect.bottom + window.scrollY, left: rect.left + window.scrollX };\n    const url =\n      'https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?fuzzy=true&suggesterName=xv-shared-index-live-suggester&api-version=2020-06-30&search=' +\n      encodeURIComponent(query) +\n      '&$top=10&$select=title_de,page_link,source&$orderby=source desc';\n    try {\n      const resp = await fetch(url, {\n        headers: {\n          'Content-Type': 'application/json',\n          'api-key': '7315DEF1FA0C8B12109B12BA28E517E7',\n        },\n      });\n      const data = await resp.json();\n      this.suggestions = Array.isArray(data.value) ? data.value : [];\n      this.currentSuggestion = this.suggestions.length > 0 ? this.suggestions[0].title_de : null;\n    } catch (err) {\n      console.error('Failed to fetch suggestions', err);\n    }\n  };\n\n  private navigateToSuggestion = (s: { title_de: string; page_link: string; source: string }) => {\n    const url = \"https://www.crossvertise.com\" + s.page_link;\n    window.location.href = url;\n  };\n\n  private escapeRegExp(text: string) {\n    return text.replace(/[.*+?^${}()|[\\\\]\\\\]/g, '\\\\$&');\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    const input = e.target as HTMLInputElement;\n    if (e.key === 'Tab' && this.currentSuggestion) {\n      input.value = this.currentSuggestion;\n      e.preventDefault();\n    } else if (e.key === 'Escape') {\n      this.currentSuggestion = null;\n      input.value = '';\n      this.suggestions = [];\n    }\n  };\n\n  componentDidLoad() {\n    const inputs = this.el.querySelectorAll('input[name=\"Q\"]');\n    inputs.forEach(input => {\n      const handleInput = this.handleSearchInput.bind(this);\n      const handleKeyDown = this.handleKeyDown.bind(this);\n      input.addEventListener('input', handleInput);\n      input.addEventListener('keydown', handleKeyDown);\n      this.inputHandlers.push({\n        input: input as HTMLInputElement,\n        listeners: [\n          ['input', handleInput],\n          ['keydown', handleKeyDown],\n        ],\n      });\n      if (!this.searchInput) {\n        this.searchInput = input as HTMLInputElement;\n      }\n    });   \n  }\n\n  private metaNav;\n\n  private loadMetaNav() {\n    try {\n      const metaNavRaw = localStorage.getItem('metaNav');\n      if (metaNavRaw) {\n        this.metaNav = JSON.parse(metaNavRaw);\n      }\n    } catch (e) {\n      console.warn('Could not parse metaNav from localStorage:', e);\n    }\n  }\n\n  private toggleCockpitMenu() {\n    this.isCockpitMenuExpanded = !this.isCockpitMenuExpanded;\n  }\n\n  private toggleEntitiesMenu() {\n    this.isEntitiesMenuExpanded = !this.isEntitiesMenuExpanded;\n  }\n\n  private toggleUserMenu() {\n    this.isUserMenuExpanded = !this.isUserMenuExpanded;\n  }\n\n  disconnectedCallback() {\n    this.inputHandlers.forEach(({ input, listeners }) => {\n      listeners.forEach(([event, handler]) => {\n        input.removeEventListener(event, handler);\n      });\n    });\n    this.inputHandlers = [];\n  }\n\n  async componentWillLoad() {\n    this.loadMetaNav();\n    try {\n      const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');\n      const text = await response.text();\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(text, 'text/html');\n\n      const mixedMenu = doc.querySelector('.alle-kategorien-menu');\n      const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');\n      const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');\n\n      if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {\n        allCategoriesContainer.appendChild(mixedMenu);\n        allCategoriesContainer.appendChild(allCategoriesGenerals);\n      }\n\n      this.htmlContent = doc.body.innerHTML;\n    } catch (error) {\n      console.error('Failed to fetch header HTML:', error?.message, error);\n    }\n  }\n\n  render() {\n    return (\n      <div id=\"nav-container\" class=\"xv-header\">\n        <nav class=\"navbar navbar-default navbar-fixed-top backend-force-relative\">     \n\n          <div class=\"container\">\n            <div class=\"row\">\n              <div class=\"col-sm-3 col-xs-3 col-xxs-4 no-padding-right\">\n                <div class=\"navbar-header\">\n                  <button class=\"btn btn-default navbar-toggle pull-left navbar-btn\" data-toggle=\"collapse\" data-target=\"#main-menu\">\n                    <i class=\"fa fa-bars fa-lg\" aria-hidden=\"true\"></i>\n                  </button>\n                  <div class=\"visible-xs-inline\">\n                    <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\n                      <img src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg\" alt=\"Crossvertise\" />\n                    </a>\n                  </div>\n                  <div class=\"hidden-xs\">\n                    <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\n                      <img loading=\"lazy\" src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg\" alt=\"Crossvertise\" />\n                    </a>\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-sm-9 col-xs-9 col-xxs-8 no-padding-left\">\n                <ul class=\"nav nav-pills nav-meta pull-right\">\n\n                  {this.metaNav.ImpersonationInfo  &&(\n                  <li>\n                    <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\" onClick={this.togglePopover}>\n                      <i class=\"fa fa-user\"></i>\n                      <i class=\"fa fa-exchange-alt\"></i>\n                    </a>\n                  </li>\n                  )}\n                  \n                  {this.showPopover && this.metaNav.ImpersonationInfo  && (\n                      <div class=\"popover popover-fixed fade bottom in\" id=\"popover939183\">\n                        <div class=\"arrow\"></div>\n                        <h3 class=\"popover-title\">Momentan ist die Kundenperspektive aktiviert für:</h3>\n                        <div class=\"popover-content\">\n                          <div class=\"row\">\n                            <div class=\"col-xs-12\">\n                              <table class=\"table-condensed\">\n                                <tbody>\n                                  <tr><td><span>{this.metaNav.ImpersonationInfo .NameAndTitle}</span></td></tr>\n                                  <tr><td><span>{this.metaNav.ImpersonationInfo .CompanyName}</span></td></tr>\n                                  <tr><td><span>{this.metaNav.ImpersonationInfo .Email}</span></td></tr>\n                                  <tr><td><span>{this.metaNav.ImpersonationInfo .PhoneOffice}</span></td></tr>\n                                </tbody>\n                              </table>\n                            </div>\n                          </div>\n                          <div class=\"row contact-contactform-container\" id=\"contact-contactform-container-nav\">\n                            <div class=\"col-xs-12\">\n                              <a class=\"btn btn-primary btn-block\" href=\"/de-de/mycrossvertise/account/clearimpersonation\">\n                                Kundenperspektive verlassen\n                              </a>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    )}\n\n                  <li>\n                    <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\n                    <a href=\"/contact\" class=\"btn btn-link navbar-btn hidden-xs\" style={{ display: 'none' }}>Kontakt</a>\n                    <a class=\"btn btn-default btn-link navbar-btn visible-xs hidden-xxs\" href=\"#\">\n                      <i class=\"fa fa-phone\"></i>\n                    </a>\n                  </li>\n\n                  {/* Notifications Bell for Manager */}\n                  {this.metaNav.IsManager && (\n                    <li class=\"dropdown\">\n                      <a class=\"dropdown-toggle btn navbar-btn btn-link\"\n                        data-toggle=\"dropdown\"\n                        role=\"button\"\n                        data-container=\"body\"\n                        aria-haspopup=\"true\"\n                        aria-expanded=\"false\">\n                        <i class=\"fas fa-bell fa-lg\"></i>\n                        <span id=\"notifications-count\" class=\"badge badge-success badge-top-right\" style={{ display: 'none' }}></span>\n                      </a>\n                    </li>\n                  )}\n\n                  {/* User Menu Dropdown */}\n                  {this.metaNav.IsAuthenticated && (\n                    <li class=\"dropdown\" id=\"my-xv-menu\">\n                      <a class=\"dropdown-toggle btn navbar-btn btn-link\"\n                        data-toggle=\"dropdown\"\n                        role=\"button\"\n                        data-container=\"body\"\n                        aria-haspopup=\"true\"\n                        aria-expanded=\"false\">\n                        <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i>\n                        &nbsp;\n                        <span class=\"hidden-xs\">{this.metaNav.UserMenuText}</span>\n                        <span class=\"caret\"></span>\n                      </a>\n                      <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\n\n                        {/* Manager Menu Section */}\n                        {this.metaNav.IsManager && (\n                          <li>\n                            <a onClick={() => this.toggleCockpitMenu()}>\n                              <i class=\"fa fa-tachometer-alt fa-fw\"></i>&nbsp;Cockpitfunktionen&nbsp;<i class=\"fa fa-caret-down\"></i>\n                            </a>\n                          </li>\n                        )}\n                        {this.isCockpitMenuExpanded && this.metaNav.ManagerCockpitMenu?.map(item => (\n                          <li class='user-menu-item'>\n                            <a href={item.Url} target={item.Target || '_self'}>\n                              <i class={item.CssClass}></i>&nbsp;\n                              {item.Text}\n                            </a>\n                          </li>\n                        ))}\n\n                        {/* Manager Entities Menu */}\n                        {this.metaNav.IsManager && (\n                          <li>\n                            <a onClick={() => this.toggleEntitiesMenu()}><i class=\"fa fa-cubes\"></i>&nbsp;Entitäten&nbsp;<i class=\"fa fa-caret-down\"></i></a>\n                          </li>\n                        )}\n                        {this.isEntitiesMenuExpanded && this.metaNav.ManagerEntitiesMenu?.map(item => (\n                          <li class='user-menu-item'>\n                            <a href={item.Url} target={item.Target || '_self'}>\n                              <i class={item.CssClass}></i>&nbsp;\n                              {item.Text}\n                            </a>\n                          </li>\n                        ))}\n\n                        {/* Administration */}\n                        {this.metaNav.ManagerMenu?.map(item => (\n                          <li>\n                            <a href={item.Url} target={item.Target || '_self'}>\n                              <i class={item.CssClass}></i>&nbsp;\n                              {item.Text}\n                            </a>\n                          </li>\n                        ))}\n\n                        {this.metaNav.IsManager && (\n                          <li role=\"separator\" class=\"divider\"></li>\n                        )}\n\n                        {/* User Menu */}\n                        {this.metaNav.IsManager && (\n                          <li >\n                            <a onClick={() => this.toggleUserMenu()}><i class=\"fa fa-user\"></i>&nbsp;Mein Crossvertise&nbsp;<span class=\"badge\">{this.metaNav.PendingItems}</span><i class=\"fa fa-caret-down\"></i></a>\n                          </li>\n                        )}\n                        {this.isUserMenuExpanded && this.metaNav.UserMenu?.map(item => (\n                          <li class='user-menu-item'>\n                            <a href={item.Url} target={item.Target || '_self'}>\n                              <i class={item.CssClass}></i>&nbsp;\n                              {item.Text}{item.BadgeText && (<span class=\"badge\">&nbsp;{item.BadgeText}&nbsp;</span>)}\n                            </a>\n                          </li>\n                        ))}\n\n\n                        {/* Impersonation Info */}\n                        {this.metaNav.ImpersonationInfo.isImpersonated && (\n                          <li class='user-menu-item'>\n                            <a href={this.metaNav.ImpersonationInfo.ClearImpersonationUrl}>\n                              <i class=\"fa fa-exchange-alt\"></i>&nbsp;\n                              Kundenperspektive verlassen\n                            </a>\n                          </li>\n                        )}\n\n                        {this.metaNav.IsManager && (\n                          <li role=\"separator\" class=\"divider\"></li>\n                        )}\n\n                        {/* Actions Menu */}\n                        {this.metaNav.ActionsMenu?.map(item => (\n                          <li>\n                            <a href={item.Url} target={item.Target || '_self'}>\n                              <i class={item.CssClass}></i>&nbsp;\n                              {item.Text}\n                            </a>\n                          </li>\n                        ))}\n\n                        <li>\n                          <a href=\"/de-de/mycrossvertise/account/logoff?returnUrl=/\"><i class=\"fa fa-sign-out-alt fa-fw\" aria-hidden=\"true\"></i>&nbsp;Logout</a>\n                        </li>\n                      </ul>\n                    </li>\n                  )}\n\n                  <li class=\"visible-sm-block visible-xs-block hidden-xxs\">\n                    <a class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"collapse\" data-target=\"#search-collapse\">\n                      <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\n                    </a>\n                  </li>\n\n                  {/* Login */}\n                  {!this.metaNav.IsAuthenticated && (\n                    <li class=\"hidden-xs hidden-sm\">\n                      <a role=\"button\" onClick={this.openLoginModal} class=\"btn btn-default navbar-btn btn-link\">\n                        <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\n                        <span>Login</span>\n                      </a>\n                      <xv-login-modal visible={this.showLoginModal} onClose={this.closeLoginModal}></xv-login-modal>\n                    </li>\n                  )}\n\n                  {/* Registrieren */}\n                  {!this.metaNav.IsAuthenticated && (\n                    <li class=\"hidden-xs\">\n                      <a class=\"btn btn-default navbar-btn btn-link\" href=\"/de-de/mycrossvertise/account/register\">\n                        <span>Registrieren</span>\n                      </a>\n                    </li>\n                  )}\n\n                  <li class=\"navbar-divider hidden-xs\"></li>\n                  <li>\n                    <a class=\"btn btn-success navbar-btn\"\n                      href=\"/de-de/mycrossvertise/shoppingcart/activecart\">\n                      <span class=\"xv-font-icon-warenkorb fa-lg fa-fw\" aria-hidden=\"true\"></span>\n                      <span class=\"hidden-xs hidden-sm\">&nbsp;Warenkorb&nbsp;</span>\n                      <span class=\"badge badge-success\">\n                        {this.metaNav.Cart?.NumberOfItems || 0}\n                      </span>\n                    </a>\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </div>\n          <div class=\"collapse hidden-md hidden-lg\" id=\"search-collapse\">\n            <div class=\"container\">\n              <form action=\"/de-de/media/search\" class=\"navbar-form\" method=\"get\" role=\"search\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\" name=\"Q\" placeholder=\"Suche\" type=\"text\" autocomplete=\"off\" />\n                  <span class=\"input-group-btn force-full-width\">\n                    <button class=\"btn btn-default search-addon\" type=\"submit\">\n                      <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\n                    </button>\n                  </span>\n                </div>\n              </form>\n            </div>\n          </div>\n        </nav>\n        <div innerHTML={this.htmlContent}></div>\n        <ul\n          class=\"ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all\"\n          id=\"xv-search-suggestions\"\n          tabindex=\"0\"\n          style={{\n            width: `${this.listPosition.width}px`,\n            top: `${this.listPosition.top}px`,\n            left: `${this.listPosition.left}px`,\n            display: this.suggestions.length ? 'block' : 'none',\n            position: 'absolute',\n            zIndex: '1000',\n          }}\n        >\n          {this.suggestions.map(s => (\n            <li class=\"ui-menu-item\" role=\"presentation\">\n              <a\n                href=\"#\"\n                onClick={e => {\n                  e.preventDefault();\n                  this.navigateToSuggestion(s);\n                }}\n              >\n                {s.title_de.split(new RegExp(`(${this.escapeRegExp(this.searchQuery)})`, 'gi')).map(part =>\n                  part.toLowerCase() === this.searchQuery.toLowerCase() ? <b>{part}</b> : part\n                )}\n              </a>\n            </li>\n          ))}\n        </ul>        \n      </div>\n    );\n  }\n}"]}

package/dist/collection/components/xv-link/xv-link.js

@@ -12,7 +12,7 @@ export class XvLink {
         e.stopPropagation();
     }
     render() {
-        return (h(Host, { key: 'e876b31740e6313a78443d88d67380c1b0806438', class: `xv-link_${this.variant}` }, h("a", { key: '291a159a70493a6226b343cf57c099a3122524f3', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: 'fe3dfb7c21bbafb129e42e307b0fbe99b6b7dcff', name: "icon-left" }), h("slot", { key: 'a0bff519cbb790053bcfa0a54518b9b1a83c88b3' }), h("slot", { key: 'b077cce6b800314c5e1f2109c9bc1ee3a15d299f', name: "icon-right" }))));
+        return (h(Host, { key: '077c6a5d0d2e382458e69a377c73f354fe4b3524', class: `xv-link_${this.variant}` }, h("a", { key: '7fe343ed2076c25bf4607df21ec59986f30daf1d', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: 'ac806bdf7552f020d89ad5808dd3ed9b4eaf2f8c', name: "icon-left" }), h("slot", { key: 'f9a7a7c7d4605964ad80d420b4f91be95f24136f' }), h("slot", { key: '044239a7f478b3c493e4652c11451cc79a9b82e3', name: "icon-right" }))));
     }
     static get is() { return "xv-link-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-modal/xv-modal.js

@@ -58,7 +58,7 @@ export class XvModal {
     }
     render() {
         var _a;
-        return (h(Host, { key: '06abb2a0caeb44966b1a70f8268d2d81bf948ec6', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: 'aecaed309692e7ffaa5883b21cbfeb461afc7fde', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '4c455aa59c2b9daead69dd3ddd34ce3f14f2f5d9', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '681c7e3ed3da8d5a17ea4c45007ef3f05a17ae33', class: "modal" }, h("button", { key: 'b354b9b77ff4698d7709dd797f0a0dd90ba9afce', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '44c708a55bc92abb11aa2e69d0143060ae4438df', class: "modal_header" }, h("slot", { key: '5302a4c8f57d40daf9328bb64450ce28218b8639', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '4565fc0c5e5cc2f8ab8b4af09ac7fb5a87555557', class: "modal_header__title" }, this.el.title))), h("div", { key: 'c0606a1649777d9abd111b5bf4af58f0a2ee04d6', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '2a0e12ebc1a51fd01b158c3930b00015fdaaf252' })), h("div", { key: 'dfa474f53eef5e9cf48b21b74b4450e761a2a6ae', class: "modal_footer" }, h("slot", { key: 'd23b33797b367c77ddbaa730bc13bcaa3d492aee', name: "footer" })), !!this.loading && (h("div", { key: '32d68b8b6bd981e17626fd706d3b750a81da2e08', class: "loading" }, h("xv-loader-v2", { key: '56c37d9cdfdb4bf7c7452e1e813d58a4f3cef1f5', size: SIZE_VAR.LG })))))));
+        return (h(Host, { key: '5ba704d4d640754218b5abe1c8f0559516926138', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '8e1f96318081cb32eb0abf0263474629cf8485a3', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '3801a7e24dc2d8ccde493019011ea0d4094d7790', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '6d07afa0629f708cc2128ec9fed346646a8a0e51', class: "modal" }, h("button", { key: '3b429f23cf861a21d78707885abfc2d89adda1fe', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '120d258fbccebde85a32e6f5e71b8c10d9350bf1', class: "modal_header" }, h("slot", { key: '93bcef31685ac5fb308262388414cd00142be549', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: 'ba0a90d36a048005bd912985c67d9eb243ac284f', class: "modal_header__title" }, this.el.title))), h("div", { key: 'af80967d7c116d993e5965c5e0f635011976befe', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '01e0d9cbb531e14fc153693caf52b0784f352018' })), h("div", { key: 'bf611ca504579ccc444503f2e797b8584e79905a', class: "modal_footer" }, h("slot", { key: '4a340e93a8c1970227b59ac3f28157ba49266e2f', name: "footer" })), !!this.loading && (h("div", { key: '377608fc48e83e6e44c692199b657a8c5368cecb', class: "loading" }, h("xv-loader-v2", { key: '78296cc8c55622c729a80d77920933ce3a5b3789', size: SIZE_VAR.LG })))))));
     }
     disconnectedCallback() {
         this.removeTriggerListener();

package/dist/collection/components/xv-notification/xv-notification.js

@@ -25,7 +25,7 @@ export class XvNotification {
         };
     }
     render() {
-        return (h(Host, { key: 'e34b6db6aa817d60458169cddd7606174d849dc2', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: 'a292ba34994258458b02ddc6e2cb012a2a729366', class: "content" }, h("div", { key: 'a432611a51b0ad58e2258f0dd602ffceca801016', class: "content_wrapper" }, this.el.title && h("h5", { key: 'a3bcb4aab491f3d331a52ca70706c49bbef13a9b', class: "content_title" }, this.el.title), h("slot", { key: '434cc453bf5e347e973a9ef3303a5fa4d7d34047' })), h("slot", { key: 'b136fd271b44bd07714e2c4ee91beae3bee33f69', name: "footer" })), this.dismissible && h("button", { key: 'eaf75a33ecb101ea9ca9c4111d2e22d50af56ec2', class: "close", onClick: this.closeHandle })));
+        return (h(Host, { key: 'be60ba70189daab7a69d643abbe06919f043a813', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '5dcfba5e12200eb17919a7d35a61fa9f6170bbb0', class: "content" }, h("div", { key: '8ecd4ab431f99e6b07f2f99e618ffa5834af82b2', class: "content_wrapper" }, this.el.title && h("h5", { key: 'f6d71bd79b2b6007f12addc2eaf144c669ba8fcc', class: "content_title" }, this.el.title), h("slot", { key: '1e2d0d897b303dab93893e425a14f773d1495db0' })), h("slot", { key: '0608b87a655a14356339a6a8871b323bb56645e3', name: "footer" })), this.dismissible && h("button", { key: 'cc11641002f81ad450f7d7e1e9d4ff2ff736bc93', class: "close", onClick: this.closeHandle })));
     }
     static get is() { return "xv-notification-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-number-input/xv-number-input.js

@@ -32,12 +32,12 @@ export class XvNumberInput {
         this.valueChange.emit(this.value);
     }
     render() {
-        return (h(Host, { key: '7a0f52001d3207ca3a832b8f5d3f7b6688011fc1', class: { disabled: !!this.disabled } }, h("label", { key: '2a39a80c29a7ec4a1df78d1024b51b323c2463ad', class: "control" }, this.label && h("span", { key: '280cbcb901336958a56385b3a40ca40ba95b26ff', class: "control_label" }, this.label), h("div", { key: 'fbdf8584b631667a24e2cf02d1936963bda57370', class: {
+        return (h(Host, { key: 'd3db125d5cf6c23ebc4b5a8b703429cfbd790340', class: { disabled: !!this.disabled } }, h("label", { key: '1f3301b04f6c164bedd64f1b628d023769a5877f', class: "control" }, this.label && h("span", { key: '802034249935a75d56e1434f286072b27a4a2727', class: "control_label" }, this.label), h("div", { key: '2efe12379c15b4b1d2fbbe592df7a773f44e44f7', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: !!this.warning
-            } }, h("input", { key: '8f76d4723c9cda3a4b9ef9d7922836f694bd4a29', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '7c7729225ffab05d2649e607ab764b0062426d05', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: 'ee4135d3699310e79aae069bd8117dc2e4e60bae', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '48f157bedce8c7503bea9e33513fcc7f7781ba3c', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: 'df439a010360f68c7136a25c2ee9bfe2cd758995' }), h("xv-button-v2", { key: '01065c3fb19e840b7db792467f5e449ff11915a6', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '11c3577d28eebb44c804f4ff5717c8fd0a8f40a8', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: '547859327426600ac0d6b33ef7277c5aefbff345', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
+            } }, h("input", { key: 'b91d1727369618ead393a0899e3e3949ea53c3c6', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '7c68f1b690c5805d4001428e190101ee38edb115', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: '052c4ff4f1a4d58bde239e220a1d97116864dc91', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '8746ccab285f8fab60d733430ce6467536409e6f', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '3d274ae44c8af6942426163174234d87ee72aebe' }), h("xv-button-v2", { key: '840c6007fe123443ccf20fede307ffe32f4c90d1', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '2d4833b99e81ec4062a876daaafedc8e4b9c53a6', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: '135f2b0398118fb8a2384be439744783dfde5798', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
     }
     static get is() { return "xv-number-input-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js

@@ -11,7 +11,7 @@ export class XvOverflowMenuItem {
         this.itemClick.emit({ event, value: this.value });
     }
     render() {
-        return (h(Host, { key: '39ed800716df91f37e1e22ab2ab62a9a2963ef33', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: 'a7a0c9c1961492c0168e72bd130f30b4ec627c64' })));
+        return (h(Host, { key: '894dd6eabe1d77ae6e01d84594c74ba8366e7119', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '24cf7c0c2b8d55a7100fd2a1d5b9f1c695cb0627' })));
     }
     static get is() { return "xv-overflow-menu-v2-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js

@@ -48,7 +48,7 @@ export class XvOverflowMenu {
         }
     }
     render() {
-        return (h(Host, { key: '5e3f5cc27fb7c9ea539c3f98abf0563ea99c40ad', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: 'a3005123e361a685dbadf21e4a4d8ff45188e2a3', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: 'c594a4eab6e6e73533fef006ac9e4edd6ed60a53', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: '445a29a156b2e688ee4c42861b10cbdc063880d9', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" }))), h("div", { key: '7e0a95e0d5e154e0a1107b4f3c2a8623e9e0b93b', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '1311647140aa4800c074940290ff08481698d39c' }))));
+        return (h(Host, { key: 'ac98ada1875cd52eb792c6278e35a5edfcfe7a86', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: '1f7a95c0e623c61ecb4504883963f15edadb47fb', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: '735fa37090d0d987f4748017444cad826c9e006f', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: 'b8a29d4b07ea30c435e6f3b676fd07ed5eadde39', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" }))), h("div", { key: 'abc1607b412969a671706db12e2f371a1befd446', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '06b3c8d8b1e9c867190b1a702c1227529a287191' }))));
     }
     componentDidLoad() {
         this.openChangeHandle();

package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js

@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
         this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
     }
     render() {
-        return (h(Host, { key: '4e9e7900cc4142b6c03b9ad1c41b9a86a989d8fe', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'f2f866ab391d9e0beb5e87b0191f9b99168cb1c4', class: "line" }), h("span", { key: '0bef030a4374110d59df8ab73a289e72dbd210e5', class: "icon" }, h("svg", { key: 'fde94a5a0ee33b3a10efa15c26d8c8332c9af24a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: '1d40d9211eddc1a9cd7c30a15432dfea55dc21b1', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: '7307e47fdc37171d2f84f6aa8eda3a21b1110beb', class: "label" }, h("slot", { key: 'b48d171d7dd228a0eee2a8ffad92a7a9a71fdc14' }))));
+        return (h(Host, { key: 'e361aae88c2caf3795d46e1992bb973209c47150', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '4d94ea470f239f9e7742a7d9e4b2a15f37e79005', class: "line" }), h("span", { key: '04c432c58a233866c961780f9f91631259043f53', class: "icon" }, h("svg", { key: '4ec6ba5a567111e125e1a97f3737fce2648bdc8c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'a568af2807e83a77e5065caa565ad989d9669753', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: 'cc891d86af27a398bd00ff11a11061a702df6f5e', class: "label" }, h("slot", { key: '61f05594336f9fb8ac071e673c15706d8b7b3bbf' }))));
     }
     static get is() { return "xv-progress-indicator-v2-item"; }
     static get encapsulation() { return "shadow"; }