xv-webcomponents 0.1.48 → 0.1.52

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, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16;
+        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" }, ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.ImpersonationInfo) && (h("li", { key: '8eec96217ec17c791725b3766d37dcd8aed56a80' }, h("a", { key: 'bcff8897780e3dffeedbca44d8cea814a37c4c77', class: "btn btn-link navbar-btn hidden-xs", href: "#", onClick: this.togglePopover }, h("i", { key: 'ba644d765e7960b408c61058e1df42612ea13e27', class: "fa fa-user" }), h("i", { key: 'b09f9c3a3389799a1e9a38501ee47d74f440436a', class: "fa fa-exchange-alt" })))), this.showPopover && ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) && (h("div", { key: '7cab45f2431e496160505e9f97a408fe9eb69369', class: "popover popover-fixed fade bottom in", id: "popover939183" }, h("div", { key: 'ddb5e99fea2c4cf2070419858df9f2c565c19a1d', class: "arrow" }), h("h3", { key: '48fd3e0af229b424b99dd4084c4286ac6898fe1b', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), h("div", { key: '147a55ab2cf144db0e4ca765831ef0fee251450c', class: "popover-content" }, h("div", { key: 'ffe95cfe7e2a16a09c654b6eafd57ad659d17f53', class: "row" }, h("div", { key: 'fabf34b7be6b7f65838f8c2d4e9e9be60d05e636', class: "col-xs-12" }, h("table", { key: '98a1f4cdbf39697737898f1518154739ad02bc50', class: "table-condensed" }, h("tbody", { key: 'bb43f64785b2d322a4d8a7d4140c61bec6b6e7c8' }, h("tr", { key: 'f19c67946c6fb37f896fe36765468cc8d520f241' }, h("td", { key: '9d81edef8552e7d6870bbd510b93d96f317b0433' }, h("span", { key: 'b9250cfc31b8e63eec9ba7132c5944c3794c2820' }, (_d = (_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.ImpersonationInfo) === null || _d === void 0 ? void 0 : _d.NameAndTitle))), h("tr", { key: '511eecaecc9c81f8a58e2a038878c887de0fc3ff' }, h("td", { key: '16e0273be404fa3b33e98f771d49e3c95bca255b' }, h("span", { key: 'b7b05ea9b25ca7d32e8104eacfd7e33db17b1b10' }, (_f = (_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.ImpersonationInfo) === null || _f === void 0 ? void 0 : _f.CompanyName))), h("tr", { key: '7e7f73b2ff8c70828f375547a9a645811b0664b9' }, h("td", { key: '883cf8a0f929f3ff53734fbd3b6033ebf78be5b6' }, h("span", { key: '62d8973045526dd3ef79fca7099e9fd6fc9817db' }, (_h = (_g = this.metaNav) === null || _g === void 0 ? void 0 : _g.ImpersonationInfo) === null || _h === void 0 ? void 0 : _h.Email))), h("tr", { key: 'dbc923990ab1cce07630a0d6b9d3c5140fd71c6f' }, h("td", { key: '100a6bf5e9139e47133fe5798a7df0ce3d40e389' }, h("span", { key: '5e5f29bd1a464032c97f8b2da187a83602ee324b' }, (_k = (_j = this.metaNav) === null || _j === void 0 ? void 0 : _j.ImpersonationInfo) === null || _k === void 0 ? void 0 : _k.PhoneOffice))))))), h("div", { key: '10779c704300c27d9d2790d11ded4db9cba52357', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, h("div", { key: '308b60b86ff62e4b9ac94be613fd682df24fc976', class: "col-xs-12" }, h("a", { key: 'fa8179df9690eba584caa20bbef5ff3e3e4b48f0', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), h("li", { key: '997449431ff448c2a993ec9c2b3d074540c2d1e0' }, h("a", { key: '0c07c25a74bfacd62cb960005992096f89831b25', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '810c8152ee4471488b4becd5a6d067089e7808d0', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '12dd2403ae48bd03d84e09370b60f2795715c5dc', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: 'dc89af520df59b41e779379c2a57bfb7457ac1dd', class: "fa fa-phone" }))), ((_l = this.metaNav) === null || _l === void 0 ? void 0 : _l.IsManager) && (h("li", { key: 'db2fb011772491bbac0840e99d7beb212d569493', class: "dropdown" }, h("a", { key: '3609c97a3c1bbc31cc604f34a73621d4adb681d3', 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: 'f8f1c18188f3d397d562bf7c58cda6ac504adba3', class: "fas fa-bell fa-lg" }), h("span", { key: '93f8b268201851883f879a699ae21260d63a0d9b', id: "notifications-count", class: "badge badge-success badge-top-right", style: { display: 'none' } })))), ((_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.IsAuthenticated) && (h("li", { key: '6f8e3beee5d5cb837378b18695b279d1e3d92313', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '4222ee510ff2f951a6a3975403294f3bc00dbfb5', 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: 'b2397531b0953d30308a6d08ba2a595885449387', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '77eb3666889515608ae3a0714929417b03b05b15', class: "hidden-xs" }, (_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.UserMenuText), h("span", { key: '785705a47368a79c8be177d557301550ef651d79', class: "caret" })), h("ul", { key: '79af063ce56ab8940f595cbab8ef6f469296401f', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_p = this.metaNav) === null || _p === void 0 ? void 0 : _p.IsManager) && (h("li", { key: '347c82318c4f5e6984783cf55dcc43f51a573e9a' }, h("a", { key: 'cffd334e4d7d050523f29bdcabafb00eb9b1b6d9', onClick: () => this.toggleCockpitMenu() }, h("i", { key: '3c7c169fce22550c6f5dba8919b70bdef86649fa', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: 'bc7c7192034c78f6566e6b3ed0fa1b8c9cd72d12', class: "fa fa-caret-down" })))), this.isCockpitMenuExpanded && ((_r = (_q = this.metaNav) === null || _q === void 0 ? void 0 : _q.ManagerCockpitMenu) === null || _r === void 0 ? void 0 : _r.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))))), ((_s = this.metaNav) === null || _s === void 0 ? void 0 : _s.IsManager) && (h("li", { key: 'ba6b15d7938e9fe4e3b600d53f72edebc3b8965f' }, h("a", { key: '4bbe2d11d40c7dece9685693e929b5f75b2f19a4', onClick: () => this.toggleEntitiesMenu() }, h("i", { key: 'aec7688c8a752516973c8882d1c969a85277f309', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'eb36ee6edd77bb68222277a9b97f3130bd6bce2b', class: "fa fa-caret-down" })))), this.isEntitiesMenuExpanded && ((_u = (_t = this.metaNav) === null || _t === void 0 ? void 0 : _t.ManagerEntitiesMenu) === null || _u === void 0 ? void 0 : _u.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))))), (_w = (_v = this.metaNav) === null || _v === void 0 ? void 0 : _v.ManagerMenu) === null || _w === void 0 ? void 0 :
+            _w.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_x = this.metaNav) === null || _x === void 0 ? void 0 : _x.IsManager) && (h("li", { key: '76b45084d494d27d1aeb92d6c1512608c81fde61', role: "separator", class: "divider" })), ((_y = this.metaNav) === null || _y === void 0 ? void 0 : _y.IsManager) && (h("li", { key: '9d9bb10820b2c76de29d60a913687a6d144aaa04' }, h("a", { key: 'f39d40648d54b5afe3ec59e18ee8cf60f6a3aa4a', onClick: () => this.toggleUserMenu() }, h("i", { key: '59d2c834ecbe555632ac8c1a9995f3447d0cd317', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: 'f2c147b5ac45f95840d82661219e587e082744c2', class: "badge" }, (_z = this.metaNav) === null || _z === void 0 ? void 0 : _z.PendingItems), h("i", { key: 'e8ccecaeb8c142853d355798c66c6db6222bac4a', class: "fa fa-caret-down" })))), this.isUserMenuExpanded && ((_1 = (_0 = this.metaNav) === null || _0 === void 0 ? void 0 : _0.UserMenu) === null || _1 === void 0 ? void 0 : _1.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"))))))), ((_3 = (_2 = this.metaNav) === null || _2 === void 0 ? void 0 : _2.ImpersonationInfo) === null || _3 === void 0 ? void 0 : _3.isImpersonated) && (h("li", { key: 'e3dd58aafc6c5eb907badf67ac86011dedd27ea9', class: 'user-menu-item' }, h("a", { key: '1cd975b531f6bd92e04d18d801e3061f21d05420', href: (_5 = (_4 = this.metaNav) === null || _4 === void 0 ? void 0 : _4.ImpersonationInfo) === null || _5 === void 0 ? void 0 : _5.ClearImpersonationUrl }, h("i", { key: '4db98973f7345d328f0c4657a36cae533c07e4cf', class: "fa fa-exchange-alt" }), "\u00A0 Kundenperspektive verlassen"))), ((_6 = this.metaNav) === null || _6 === void 0 ? void 0 : _6.IsManager) && (h("li", { key: '00df101a098a8a791bd3071697fd1317b14fa279', role: "separator", class: "divider" })), (_8 = (_7 = this.metaNav) === null || _7 === void 0 ? void 0 : _7.ActionsMenu) === null || _8 === void 0 ? void 0 :
+            _8.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: '5065d148e7e3c90ce3158ab2e611460299cf897d' }, h("a", { key: 'db974a329df7224b7eda6b5f4aba090c91a705d8', href: "/de-de/mycrossvertise/account/logoff?returnUrl=/" }, h("i", { key: 'e35bdecbc8a5cddfe0e79599811e2f059a6a9980', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout"))))), h("li", { key: '11d3af4f086dbab86af39e56e0ded4d8c5db4163', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '5f996dbfc33805c1c09f5d66dad5eb38cdfddce2', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '3b8beeb2c97f26a754a09f3cb90fb4df0b63f5b6', class: "fa fa-search", "aria-hidden": "true" }))), !((_9 = this.metaNav) === null || _9 === void 0 ? void 0 : _9.IsAuthenticated) && (h("li", { key: '418e463437e39340821db9210008c78f4b521622', class: "hidden-xs hidden-sm" }, h("a", { key: '9d31a20a97e99192807a422e48848ffbdacbd9c7', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '832026afdf0e22fabf537be70779100f2543878c', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: 'eb34ae89c15e595a890a08b88de4a8929df529fc' }, "Login")), h("xv-login-modal", { key: 'e4cd6a61d40a8e2a9df1c63489d70a7ff00505b5', visible: this.showLoginModal, onClose: this.closeLoginModal }))), !((_10 = this.metaNav) === null || _10 === void 0 ? void 0 : _10.IsAuthenticated) && (h("li", { key: '20a6d162dcbb390e090b472e0c0b00c4a46de29a', class: "hidden-xs" }, h("a", { key: '6f4bfba816d910cbfa57f2269c3c41d1724769dc', class: "btn btn-default navbar-btn btn-link", href: "/de-de/mycrossvertise/account/register" }, h("span", { key: 'ff75087594dfb3666d7e6933f4ad184cb088dee4' }, "Registrieren")))), h("li", { key: '75778dd607beff70dac34a61b06263d11beddbc3', class: "navbar-divider hidden-xs" }), h("li", { key: '9264af33da9ad0073a2eff828eb01f0082e6df52' }, h("a", { key: '7e4a2fc84bf9fa1a44ca6d776f98c5b5a0e75594', class: "btn btn-success navbar-btn", href: "/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: '6815c2430c72063b4fe87fdf8f7f20227020ffa4', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: '8d95f3d0b006e75ad858eb8fd644ab99c822c684', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: '7aa9c9f7c7c5d9f4e47d3f56b01fb39be928d20b', class: "badge badge-success" }, ((_12 = (_11 = this.metaNav) === null || _11 === void 0 ? void 0 : _11.Cart) === null || _12 === void 0 ? void 0 : _12.NumberOfItems) || 0))))))), h("div", { key: '022cbf91f1302faed0d6360d5170849b3bce3d90', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: 'a98ceba30e3ee0e809e2dee9075d25ae8d610fe6', class: "container" }, h("form", { key: 'a715f2dea55be2e13401d7f1ca67e7bf9f793af7', action: "/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '20cc9275d9da9eb8ca834d73486f6510b3be2f59', class: "input-group" }, h("input", { key: 'e4c0b28b435372089f13ad02dfa201810c29dba0', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: 'd0fc0b986bb853bcbbdb1d95fe5645f4b7741103', class: "input-group-btn force-full-width" }, h("button", { key: 'b85127e6c3f4f02dd29ef5e0d50332916e2ac855', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '22fd467276fea0a587d7f4a0a99e6e0d41d66c3a', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '14686ddfec87a106e113e5e16fb8b8510f109d3e', innerHTML: this.htmlContent }), h("ul", { key: '9ae7e33cf82d648e78dad577d7c37a1a66139a3a', class: "ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all", id: "xv-search-suggestions", tabindex: "0", style: {
+                width: `${(_13 = this.listPosition) === null || _13 === void 0 ? void 0 : _13.width}px`,
+                top: `${(_14 = this.listPosition) === null || _14 === void 0 ? void 0 : _14.top}px`,
+                left: `${(_15 = this.listPosition) === null || _15 === void 0 ? void 0 : _15.left}px`,
+                display: ((_16 = this.suggestions) === null || _16 === void 0 ? void 0 : _16.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 => { var _a; return part.toLowerCase() === ((_a = this.searchQuery) === null || _a === void 0 ? void 0 : _a.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":"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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  @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"; }