xv-webcomponents 1.0.6-qa.0 → 1.0.8-qa.0

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["xv-breadcrumbs-v2.cjs",[[257,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_41.cjs",[[256,"xv-header",{"htmlContent":[32],"htmlSearchForm":[32],"showLoginModal":[32],"isCockpitMenuExpanded":[32],"isEntitiesMenuExpanded":[32],"isUserMenuExpanded":[32],"suggestions":[32],"searchQuery":[32],"listPosition":[32],"showPopover":[32],"metaNav":[32],"mobMenuOpen":[32]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[321,"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"]}],[257,"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"],"variant":[1],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[257,"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]}],[321,"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]}],[257,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"totalItems":[2,"total-items"],"itemsPerPage":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}],[321,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[321,"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],"isPasswordVisible":[32]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[256,"xv-footer",{"htmlContent":[32]}],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[321,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"value":[1025],"checked":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-toggle-tip",{"open":[1540],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-mega-menu",{"open":[1540],"activeItem":[32],"activeGroup":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
+  return index.bootstrapLazy([["xv-breadcrumbs-v2.cjs",[[257,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_41.cjs",[[256,"xv-header",{"htmlContent":[32],"htmlSearchForm":[32],"showLoginModal":[32],"isCockpitMenuExpanded":[32],"isEntitiesMenuExpanded":[32],"isUserMenuExpanded":[32],"suggestions":[32],"searchQuery":[32],"listPosition":[32],"showPopover":[32],"metaNav":[32],"mobMenuOpen":[32]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[321,"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"]}],[257,"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"],"variant":[1],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[257,"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]}],[321,"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]}],[257,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"totalItems":[2,"total-items"],"itemsPerPage":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}],[321,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[321,"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],"isPasswordVisible":[32]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[256,"xv-footer",{"htmlContent":[32]}],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[321,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"value":[1025],"checked":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-toggle-tip",{"open":[1540],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-mega-menu",{"open":[1540],"activeItem":[32],"activeGroup":[32],"menuItems":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/xv-accordion-v2_41.cjs.entry.js

@@ -78233,413 +78233,23 @@ const XvLoginModal = class {
 };
 XvLoginModal.style = xvLoginModalCss;
 
-const MENU_DATA = [
-    {
-        id: '1',
-        label: 'Planung & Buchung',
-        groups: [
-            {
-                id: '1-1',
-                categories: [
-                    {
-                        id: '1-1-1',
-                        label: 'Selbstbuchung',
-                        routes: [
-                            { id: '1-1-1-1', label: 'Plakat-Planer', route: '/mega-menue/planung-buchung/direktbuchung/plakat-planer', tag: 'Neu' },
-                            { id: '1-1-1-2', label: 'Digital Out-of-Home Planer', route: '/mega-menue/planung-buchung/direktbuchung/dooh-planer', tag: 'Beliebt' },
-                            { id: '1-1-1-3', label: 'Connected TV Planer', route: '/mega-menue/planung-buchung/direktbuchung/connected-tv-planer', tag: 'Tipp' },
-                            { id: '1-1-1-4', label: 'Display Ads Planer', route: '/mega-menue/planung-buchung/direktbuchung/display-ads-planer' },
-                            { id: '1-1-1-5', label: 'Online Audio Planer', route: '/mega-menue/planung-buchung/direktbuchung/online-audio-planer' },
-                            { id: '1-1-1-6', label: 'SEA-Planer', route: '/mega-menue/planung-buchung/direktbuchung/sea-planer' },
-                        ]
-                    },
-                    {
-                        id: '1-2',
-                        label: '',
-                        routes: [
-                            { id: '1-2-1', label: 'Radio-Planer', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/direktbuchung/radio-planer' },
-                            { id: '1-2-2', label: 'Print-Planer', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/direktbuchung/print-planer' },
-                            { id: '1-2-3', label: 'Kino-Planer', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/direktbuchung/kino-planer' },
-                            { id: '1-2-4', label: 'Prospekt-Planer', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/direktbuchung/prospekt-planer' },
-                        ]
-                    },
-                    {
-                        id: '1-3',
-                        label: 'Buchungsanfrage',
-                        routes: [
-                            { id: '1-3-1', label: 'Addressable TV', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/addressable-tv' },
-                            { id: '1-3-2', label: 'TV-Werbung', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/tv-werbung' },
-                            { id: '1-3-3', label: 'Social Media', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/social-media' },
-                            { id: '1-3-4', label: 'Influencer Marketing', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/influencer-marketing' },
-                            { id: '1-3-5', label: 'Podcast Ads', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/podcast-ads' },
-                            { id: '1-3-6', label: 'Retail Media', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/retail-media' },
-                            { id: '1-3-7', label: 'Recruiting', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/recruiting' },
-                            { id: '1-3-8', label: 'Netzmedien', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/netzmedien' },
-                            { id: '1-3-9', label: 'Außenwerbung', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/au%C3%9Fenwerbung' },
-                            { id: '1-3-10', label: 'Video Ads', route: 'https://www.crossvertise.com/mega-menue/planung-buchung/buchungsanfrage/video-ads' }
-                        ]
-                    }
-                ],
-                actions: [
-                    { label: 'Mediaberatung', type: 'button', url: 'https://www.crossvertise.com/ueber-uns/kontakt/kontakt-mediaberatung' },
-                    { label: 'Agentur-Anfrage', type: 'button', url: 'https://www.crossvertise.com/ueber-uns/kontakt/agentur-anfrage' },
-                ],
-                card: {
-                    title: 'Erster Connected TV Planer in Deutschland',
-                    description: 'Planen Sie Ihre Werbung bei Netflix, Amazon Prime Video, Disney+ & Co. mit wenigen Klicks.',
-                    image: 'https://www-cdn.crossvertise.com/production/images/default-source/medienuebergreifende-grafiken/mega-menu/menu_ctv.jpg',
-                    linkLabel: 'Jetzt planen',
-                    linkUrl: 'https://www.crossvertise.com/tv-werbung/connected-tv'
-                }
-            }
-        ],
-    },
-    {
-        id: '2',
-        label: 'Alle Medien',
-        groups: [
-            {
-                id: '2-1',
-                label: 'Außenwerbung',
-                categories: [
-                    {
-                        id: '2-1-1',
-                        label: 'Plakat',
-                        routes: [
-                            { id: '2-1-1-1', label: 'Plakat entdecken', route: '/mega-menue/alle-medien/aussenwerbung/plakat/plakat-entdecken' },
-                            { id: '2-1-1-2', label: 'Kosten', route: '/mega-menue/alle-medien/aussenwerbung/plakat/kosten' },
-                            { id: '2-1-1-3', label: 'Terminplan', route: '/mega-menue/alle-medien/aussenwerbung/plakat/dekadenplan' },
-                            { id: '2-1-1-4', label: 'FAQ', route: '/mega-menue/alle-medien/aussenwerbung/plakat/faqs' }
-                        ]
-                    },
-                    {
-                        id: '2-1-2',
-                        label: 'Plakatformate',
-                        routes: [
-                            { id: '2-1-2-1', label: 'Großfläche', route: '/mega-menue/alle-medien/aussenwerbung/formate/grossflaeche' },
-                            { id: '2-1-2-2', label: 'City-Light-Poster', route: '/mega-menue/alle-medien/aussenwerbung/formate/city-light-poster' },
-                            { id: '2-1-2-3', label: 'City-Light-Board', route: '/mega-menue/alle-medien/aussenwerbung/formate/city-light-board' },
-                            { id: '2-1-2-4', label: 'City-Light-Säule', route: '/mega-menue/alle-medien/aussenwerbung/formate/city-light-saeule' },
-                            { id: '2-1-2-5', label: 'Ganzsäule', route: '/mega-menue/alle-medien/aussenwerbung/formate/ganzsaeule' },
-                            { id: '2-1-2-6', label: 'Alle Plakatformate', route: '/mega-menue/alle-medien/aussenwerbung/formate/alle-plakatformate' }
-                        ]
-                    },
-                    {
-                        id: '2-1-3',
-                        label: 'Weitere Formen',
-                        routes: [
-                            { id: '2-1-3-1', label: 'Ambientwerbung', route: '/mega-menue/alle-medien/aussenwerbung/weitere-formen/ambientwerbung' },
-                            { id: '2-1-3-2', label: 'Point-of-Sale', route: '/mega-menue/alle-medien/aussenwerbung/weitere-formen/point-of-sale' },
-                            { id: '2-1-3-3', label: 'Eventmedien', route: '/mega-menue/alle-medien/aussenwerbung/weitere-formen/eventmedien' },
-                            { id: '2-1-3-4', label: 'Bahnhofsmedien', route: '/mega-menue/alle-medien/aussenwerbung/weitere-formen/bahnhofsmedien' },
-                            { id: '2-1-3-5', label: 'Dauer-/Hinweismedien', route: '/mega-menue/alle-medien/aussenwerbung/weitere-formen/dauer--hinweismedien' },
-                            { id: '2-1-3-6', label: 'Alle Formen', route: '/mega-menue/alle-medien/aussenwerbung/weitere-formen/alle-formen' }
-                        ]
-                    }
-                ],
-                actions: [
-                    { label: 'Regional werben', type: 'button', url: 'https://www.crossvertise.com/regionale-werbung/deutschland' },
-                    { label: 'ePaper Außenwerbung', type: 'link', url: 'https://www.crossvertise.com/plakatwerbung/epaper-aussenwerbung' },
-                ],
-                card: {
-                    title: 'KI Plakat-Planungsassistent',
-                    description: 'Unser intelligenter Planer erstellt eine professionelle Plakat-Planung für Sie.',
-                    image: 'https://www-cdn.crossvertise.com/production/images/default-source/medienuebergreifende-grafiken/mega-menu/menu-plakat-planung-assisenten.jpg',
-                    linkLabel: 'Jetzt starten',
-                    linkUrl: 'https://www.crossvertise.com/plakatwerbung/plakat-planungsassistent'
-                }
-            },
-            {
-                id: '2-2',
-                label: 'Digitale Außenwerbung',
-                categories: [
-                    {
-                        id: '2-2-1',
-                        label: 'Digital Out-of-Home',
-                        routes: [
-                            { id: '2-2-1-1', label: 'DOOH entdecken', route: '/mega-menue/alle-medien/digital-out-of-home/dooh/dooh-entdecken' },
-                            { id: '2-2-1-2', label: 'Kosten', route: '/mega-menue/alle-medien/digital-out-of-home/dooh/kosten' },
-                            { id: '2-2-1-3', label: 'FAQ', route: '/mega-menue/alle-medien/digital-out-of-home/dooh/faqs' }
-                        ]
-                    },
-                    {
-                        id: '2-2-2',
-                        label: 'Touchpoints',
-                        routes: [
-                            { id: '2-2-2-1', label: 'Airport', route: '/mega-menue/alle-medien/digital-out-of-home/touchpoints/airport' },
-                            { id: '2-2-2-2', label: 'Bahnhof & ÖPNV', route: '/mega-menue/alle-medien/digital-out-of-home/touchpoints/bahnhof-oepnv' },
-                            { id: '2-2-2-3', label: 'Shopping', route: '/mega-menue/alle-medien/digital-out-of-home/touchpoints/shopping' },
-                            { id: '2-2-2-4', label: 'Retail Media', route: '/mega-menue/alle-medien/digital-out-of-home/touchpoints/retail-media' },
-                            { id: '2-2-2-5', label: 'Outdoor', route: '/mega-menue/alle-medien/digital-out-of-home/touchpoints/outdoor' },
-                            { id: '2-2-2-6', label: 'Alle Touchpoints', route: '/mega-menue/alle-medien/digital-out-of-home/touchpoints/alle-touchpoints' }
-                        ]
-                    }
-                ],
-                actions: [
-                    { label: 'ePaper DOOH', type: 'link', url: 'https://www.crossvertise.com/hilfe/downloads/epaper-digital-out-of-home' },
-                ],
-                card: {
-                    title: 'Digital Out-of-Home Planer',
-                    description: 'Planen Sie Digital Out-of-Home Werbung in Ihrer Stadt',
-                    image: 'https://www-cdn.crossvertise.com/production/images/default-source/medienuebergreifende-grafiken/mega-menu/menu_digital-ooh.jpg',
-                    linkLabel: 'Jetzt planen',
-                    linkUrl: 'https://market.crossvertise.com/de-de/media/dooh/planner'
-                }
-            },
-            {
-                id: '2-3',
-                label: 'Digitale Werbung',
-                layout: 'inline',
-                categories: [
-                    {
-                        id: '2-3-1',
-                        label: 'Social Media',
-                        routes: [
-                            { id: '2-3-1-1', label: 'TikTok', route: '/mega-menue/alle-medien/digitale-werbung/social-media/tiktok' },
-                            { id: '2-3-1-2', label: 'Instagram', route: '/mega-menue/alle-medien/digitale-werbung/social-media/instagram' },
-                            { id: '2-3-1-3', label: 'Facebook', route: '/mega-menue/alle-medien/digitale-werbung/social-media/facebook' },
-                            { id: '2-3-1-4', label: 'Twitch', route: '/mega-menue/alle-medien/digitale-werbung/social-media/twitch' },
-                            { id: '2-3-1-5', label: 'Pinterest', route: '/mega-menue/alle-medien/digitale-werbung/social-media/pinterest' },
-                            { id: '2-3-1-6', label: 'LinkedIn', route: '/alle-medien/digitale-werbung/social-media/linkedin' },
-                            { id: '2-3-1-7', label: 'XING', route: '/mega-menue/alle-medien/digitale-werbung/social-media/xing' },
-                            { id: '2-3-1-8', label: 'Influencer', route: '/mega-menue/alle-medien/digitale-werbung/social-media/influencer' }
-                        ]
-                    },
-                    {
-                        id: '2-3-2',
-                        label: 'Display Ads',
-                        routes: [
-                            { id: '2-3-2-1', label: 'Banner', route: '/mega-menue/alle-medien/digitale-werbung/display/banner' },
-                            { id: '2-3-2-2', label: 'Native', route: '/mega-menue/alle-medien/digitale-werbung/display/native' },
-                            { id: '2-3-2-3', label: 'Retail Media', route: '/mega-menue/alle-medien/digitale-werbung/display/retail-media' },
-                            { id: '2-3-2-4', label: 'Online-Plakat', route: '/mega-menue/alle-medien/digitale-werbung/display/online-plakat' },
-                            { id: '2-3-2-5', label: 'Addressable TV', route: '/mega-menue/alle-medien/digitale-werbung/display/addressable-tv' }
-                        ]
-                    },
-                    {
-                        id: '2-3-3',
-                        label: 'Bewegtbild',
-                        routes: [
-                            { id: '2-3-3-1', label: 'YouTube', route: '/mega-menue/alle-medien/digitale-werbung/bewegtbild/youtube' },
-                            { id: '2-3-3-2', label: 'Connected TV', route: '/mega-menue/alle-medien/digitale-werbung/bewegtbild/connected-tv' },
-                            { id: '2-3-3-3', label: 'Video', route: '/mega-menue/alle-medien/digitale-werbung/bewegtbild/video' }
-                        ]
-                    },
-                    {
-                        id: '2-3-4',
-                        label: 'Suchmaschinen',
-                        routes: [
-                            { id: '2-3-4-1', label: 'Google Ads', route: '/mega-menue/alle-medien/digitale-werbung/suchmaschine/google-ads' }
-                        ]
-                    },
-                    {
-                        id: '2-3-5',
-                        label: 'Audio Ads',
-                        routes: [
-                            { id: '2-3-5-1', label: 'Online Audio', route: '/mega-menue/alle-medien/digitale-werbung/online-audio/online-audio' },
-                            { id: '2-3-5-2', label: 'Webradio', route: '/mega-menue/alle-medien/digitale-werbung/online-audio/webradio' },
-                            { id: '2-3-5-3', label: 'Spotify', route: '/mega-menue/alle-medien/digitale-werbung/online-audio/spotify' },
-                            { id: '2-3-5-4', label: 'Podcast', route: '/mega-menue/alle-medien/digitale-werbung/online-audio/podcast' }
-                        ],
-                    }
-                ],
-                actions: [
-                    { label: 'Alle Online-Werbeformen', type: 'button', url: 'https://www.crossvertise.com/onlinewerbung' },
-                    { label: 'ePaper Onlinewerbung', type: 'link', url: 'https://www.crossvertise.com/onlinewerbung/epaper-onlinewerbung' },
-                ],
-                card: {
-                    title: 'Online MediaCompass',
-                    image: 'https://www-cdn.crossvertise.com/production/images/default-source/medienuebergreifende-grafiken/mega-menu/menu-online-media-compass.jpg',
-                    description: 'Erfahren Sie, welche Werbeform optimal zu Ihrem Vorhaben passt.',
-                    linkLabel: 'Jetzt starten',
-                    linkUrl: 'https://www.crossvertise.com/onlinewerbung/online-mediacompass'
-                }
-            },
-            {
-                id: '2-4',
-                label: 'Radiowerbung',
-                categories: [
-                    {
-                        id: '2-4-1',
-                        label: 'Radio',
-                        routes: [
-                            { id: '2-4-1-1', label: 'Radio entdecken', route: '/mega-menue/alle-medien/radiowerbung/radio/radio-entdecken' },
-                            { id: '2-4-1-2', label: 'Kosten', route: '/mega-menue/alle-medien/radiowerbung/radio/kosten' },
-                            { id: '2-4-1-3', label: 'FAQ', route: '/mega-menue/alle-medien/radiowerbung/radio/faqs' }
-                        ]
-                    },
-                    {
-                        id: '2-4-2',
-                        label: 'Werbeformen',
-                        routes: [
-                            { id: '2-4-2-1', label: 'Klassisches Radio', route: '/mega-menue/alle-medien/radiowerbung/formen/klassisches-radio' },
-                            { id: '2-4-2-2', label: 'Webradio', route: '/mega-menue/alle-medien/radiowerbung/formen/webradio' },
-                            { id: '2-4-2-3', label: 'Online Audio', route: '/mega-menue/alle-medien/radiowerbung/formen/online-audio' }
-                        ]
-                    }
-                ],
-                actions: [
-                    { label: 'Sender-Suche starten', type: 'button', url: 'https://market.crossvertise.com/de-de/media/radio' },
-                    { label: 'ePaper Radiowerbung', type: 'link', url: 'https://www.crossvertise.com/radiowerbung/epaper-radiowerbung' },
-                ],
-                card: {
-                    title: 'Online Audio Planer',
-                    image: 'https://www-cdn.crossvertise.com/production/images/default-source/medienuebergreifende-grafiken/mega-menu/menu_online-audio.jpg',
-                    description: 'Ihr Tool für gezielte Online Audio-Kampagnen.',
-                    linkLabel: 'Jetzt planen',
-                    linkUrl: 'https://market.crossvertise.com/de-de/media/radio'
-                }
-            },
-            {
-                id: '2-5',
-                label: 'TV-Werbung',
-                categories: [
-                    {
-                        id: '2-5-1',
-                        label: 'TV',
-                        routes: [
-                            { id: '2-5-1-1', label: 'TV entdecken', route: '/mega-menue/alle-medien/tv-werbung/tv/tv-werbung-entdecken' },
-                            { id: '2-5-1-2', label: 'Kosten', route: '/mega-menue/alle-medien/tv-werbung/tv/kosten' },
-                            { id: '2-5-1-3', label: 'FAQ', route: '/mega-menue/alle-medien/tv-werbung/tv/faqs' }
-                        ]
-                    },
-                    {
-                        id: '2-5-2',
-                        label: 'Werbeformen',
-                        routes: [
-                            { id: '2-5-2-1', label: 'Connected TV', route: '/mega-menue/alle-medien/tv-werbung/weitere-formen/connected-tv' },
-                            { id: '2-5-2-2', label: 'Addressable TV', route: '/mega-menue/alle-medien/tv-werbung/weitere-formen/addressable-tv' },
-                            { id: '2-5-2-3', label: 'Klassisches TV', route: '/mega-menue/alle-medien/tv-werbung/weitere-formen/klassischer-tv-spot' },
-                            { id: '2-5-2-4', label: 'Special Ads', route: '/mega-menue/alle-medien/tv-werbung/weitere-formen/special-ads' }
-                        ]
-                    }
-                ],
-                actions: [
-                    { label: 'ePaper TV-Werbung', type: 'link', url: 'https://www.crossvertise.com/hilfe/downloads/epaper-tv-werbung' },
-                ],
-                card: {
-                    title: 'Erster Connected TV Planer in Deutschland',
-                    image: 'https://www-cdn.crossvertise.com/production/images/default-source/medienuebergreifende-grafiken/mega-menu/menu_ctv.jpg',
-                    description: 'Planen Sie Ihre Werbung bei Netflix, Amazon Prime Video, Disney+ & Co. mit wenigen Klicks.',
-                    linkLabel: 'Jetzt planen',
-                    linkUrl: 'https://market.crossvertise.com/de-de/media/tv/connected-tv-planner'
-                }
-            },
-            {
-                id: '2-6',
-                label: 'Printwerbung',
-                categories: [
-                    {
-                        id: '2-6-1',
-                        label: 'Print',
-                        routes: [
-                            { id: '2-6-1-1', label: 'Print entdecken', route: '/mega-menue/alle-medien/printwerbung/print/print-entdecken' },
-                            { id: '2-6-1-2', label: 'Anzeigenformate', route: '/mega-menue/alle-medien/printwerbung/print/anzeigenformate' },
-                            { id: '2-6-1-3', label: 'Kosten', route: '/mega-menue/alle-medien/printwerbung/print/kosten' },
-                            { id: '2-6-1-4', label: 'FAQ', route: '/mega-menue/alle-medien/printwerbung/print/faqs' }
-                        ]
-                    },
-                    {
-                        id: '2-6-2',
-                        label: 'Werbeformen',
-                        routes: [
-                            { id: '2-6-2-1', label: 'Prospektverteilung', route: '/mega-menue/alle-medien/printwerbung/print-medien/prospektwerbung' }
-                        ]
-                    }
-                ],
-                actions: [
-                    { label: 'Printtitel-Suche starten', type: 'button', url: 'https://market.crossvertise.com/de-de/media/print/' },
-                    { label: 'ePaper Printwerbung', type: 'link', url: 'https://www.crossvertise.com/printwerbung/epaper-printwerbung' },
-                ],
-            },
-            {
-                id: '2-7',
-                label: 'Kinowerbung',
-                categories: [
-                    {
-                        id: '2-7-1',
-                        label: 'Kino',
-                        routes: [
-                            { id: '2-7-1-1', label: 'Kino entdecken', route: '/mega-menue/alle-medien/kinowerbung/kino/kino-entdecken' },
-                            { id: '2-7-1-2', label: 'Kosten', route: '/mega-menue/alle-medien/kinowerbung/kino/kosten' },
-                            { id: '2-7-1-3', label: 'FAQ', route: '/mega-menue/alle-medien/kinowerbung/kino/faqs' }
-                        ]
-                    },
-                    {
-                        id: '2-7-2',
-                        label: 'Werbeformen',
-                        routes: [
-                            { id: '2-7-2-1', label: 'Klassische Leinwandwerbung', route: '/mega-menue/alle-medien/kinowerbung/werbeformen/klassische-leinwandwerbung' },
-                            { id: '2-7-2-2', label: 'Below-the-Line-Kinomedien', route: '/mega-menue/alle-medien/kinowerbung/werbeformen/below-the-line-kinomedien' },
-                            { id: '2-7-2-3', label: 'Autokinos', route: '/mega-menue/alle-medien/kinowerbung/werbeformen/autokinos' }
-                        ]
-                    }
-                ],
-                actions: [
-                    { label: 'Kino-Suche starten', type: 'button', url: 'https://market.crossvertise.com/de-de/media/cinema/cinemareloaded?type=1&step=1&mode=1' },
-                    { label: 'ePaper Kino', type: 'link', url: 'https://www.crossvertise.com/kinowerbung/epaper-kinowerbung' },
-                ],
-                card: {
-                    title: 'Unser Tipp: Connected TV',
-                    image: 'https://www-cdn.crossvertise.com/production/images/default-source/medienuebergreifende-grafiken/mega-menu/menu_ctv.jpg',
-                    description: 'Begeistern Sie ihre Zielgruppe und schalten Sie ihren Spot auch bei Netflix, Amazon Prime Video, Disney+ & Co.',
-                    linkLabel: 'Mehr erfahren',
-                    linkUrl: 'https://www.crossvertise.com/tv-werbung/connected-tv'
-                }
-            }
-        ]
-    },
-    {
-        id: '3',
-        label: 'Gestaltung',
-        groups: [
-            {
-                id: '3-1',
-                categories: [
-                    {
-                        id: '3-1-1',
-                        label: 'Bild Kreation',
-                        routes: [
-                            { id: '3-1-1-1', label: 'Plakatgestaltung', route: '/mega-menue/gestaltung/bildanzeigen/plakatgestaltung' },
-                            { id: '3-1-1-2', label: 'Online-Werbemittel', route: '/mega-menue/gestaltung/bildanzeigen/online-werbemittel' },
-                            { id: '3-1-1-3', label: 'Print-Motiv', route: '/mega-menue/gestaltung/bildanzeigen/print-motiv' },
-                            { id: '3-1-1-4', label: 'SwitchIn XXL Banner', route: '/mega-menue/gestaltung/bildanzeigen/atv-switch-in-xxl-banner' }
-                        ]
-                    },
-                    {
-                        id: '3-2',
-                        label: 'Audio Kreation',
-                        routes: [
-                            { id: '3-2-1', label: 'Radiospot', route: '/mega-menue/gestaltung/audioanzeigen/radiospot' },
-                            { id: '3-2-2', label: 'Online Audio Spot', route: '/mega-menue/gestaltung/audioanzeigen/online-audio-spot' }
-                        ]
-                    },
-                    {
-                        id: '3-3',
-                        label: 'Video Kreation',
-                        routes: [
-                            { id: '3-3-1', label: 'TV Spot', route: '/mega-menue/gestaltung/videoanzeigen/tv-spot' },
-                            { id: '3-3-2', label: 'Connected TV Spot', route: '/mega-menue/gestaltung/videoanzeigen/connected-tv-spot' },
-                            { id: '3-3-3', label: 'DOOH Spot', route: '/mega-menue/gestaltung/videoanzeigen/dooh-spot' },
-                            { id: '3-3-4', label: 'Kinospot', route: '/mega-menue/gestaltung/videoanzeigen/kinospot' }
-                        ]
-                    }
-                ],
-                actions: [
-                    { label: 'Kreations-Pakete buchen', type: 'button', url: 'https://www.crossvertise.com/kreation-und-gestaltung-von-werbemitteln#pakete' },
-                    { label: 'Selbst-Gestaltung', type: 'link', url: 'https://www.crossvertise.com/kreation-und-gestaltung-von-werbemitteln#gestalten' },
-                ],
-                card: {
-                    title: 'Plakat-Motiv',
-                    image: 'https://www-cdn.crossvertise.com/production/images/default-source/medienuebergreifende-grafiken/mega-menu/menu_kreation-plakat.jpg',
-                    description: 'Lassen Sie Ihr Plakatmotiv von professionellen, erfahrenen Mediengestaltern zum Festpreis entwickeln.',
-                    linkLabel: 'Zum Angebot',
-                    linkUrl: 'https://market.crossvertise.com/de-de/media/package/details/8497'
-                }
-            }
-        ],
+const MENU_DATA_URL = 'https://crossvertise.blob.core.windows.net/nav-sync-release/mega-menu.json';
+const fetchMenuData = async () => {
+    try {
+        if (typeof fetch !== 'function') {
+            return [];
+        }
+        const response = await fetch(MENU_DATA_URL);
+        if (!response.ok) {
+            throw new Error(`Failed to fetch menu data: ${response.status}`);
+        }
+        return await response.json();
+    }
+    catch (error) {
+        console.error('fetchMenuData error', error);
+        return [];
     }
-];
+};
 
 const xvMegaMenuCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background-color:var(--background, #fff);position:relative}@media (max-width: 768px){.xv-menu.open{max-height:100vh;overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 768px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 768px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 768px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:115.48px;left:0;width:100%;height:100%}@media (max-width: 768px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:999;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 768px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:var(--interactive-01, #273435);font-family:\"Work Sans\", sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none}@media (max-width: 768px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden}@media (max-width: 768px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 768px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-family:\"Work Sans\", sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 768px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 768px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 768px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 768px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;height:350px}@media (max-width: 768px){.xv-menu .menu .group-menus-categories.inline{height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 768px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 768px) and (max-width: 991px){.xv-menu .menu .group-card{display:none}}@media (max-width: 768px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 768px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:\"Work Sans\", sans-serif;font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-block:var(--spacing-03)}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 768px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 768px){.xv-menu .menu .route{white-space:nowrap}}";
 
@@ -78648,8 +78258,11 @@ const XvMegaMenu = class {
         index.registerInstance(this, hostRef);
         this.openChange = index.createEvent(this, "openChange");
         this.mobileSize = 991;
-        this.menuItems = MENU_DATA;
         this.open = false;
+        this.menuItems = [];
+    }
+    async componentWillLoad() {
+        this.menuItems = await fetchMenuData();
     }
     handleClickOutside(e) {
         if (this.open && !this.el.contains(e.target)) {
@@ -78684,13 +78297,13 @@ const XvMegaMenu = class {
         window.location.href = action.url;
     }
     render() {
-        return (index.h(index.Host, { key: '89fe5c8981b637ddd701cc165f152d5b115571d6' }, index.h("nav", { key: 'ca525cb997bd5c515205b6dea18c7a1bd6c98095', class: { 'xv-menu': true, open: this.open } }, index.h("ul", { key: '744dd0e2fbb071c0abf01ad02bc926f65b0c0aa4', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
+        return (index.h(index.Host, { key: '24ffa02a992fb4d6d2903a51b98294178cb0863e' }, index.h("nav", { key: '40576bbd9ed9cdafd8510f871acfb7f53ac2bd63', class: { 'xv-menu': true, open: this.open } }, index.h("ul", { key: '11fe5cc4b2f7c7f773039695278f2482863d3aab', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
             var _a;
             return (index.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, index.h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), index.h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
                 var _a, _b;
                 return (index.h("li", { class: { group: true, active: ((_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.id) === group.id } }, group.label && (index.h("div", { class: "group-label", onClick: () => this.setActiveGroup(group) }, index.h("span", { class: "group-label-text" }, group.label), index.h("span", { class: "group-label-icon" }))), index.h("div", { class: "group-container" }, index.h("div", { class: { 'group-container-absolute': true, noLabel: !group.label && (((_b = menuItem.groups) === null || _b === void 0 ? void 0 : _b.length) || 0) < 2 } }, index.h("div", { class: "group-menus" }, index.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index.h("li", { class: "category" }, index.h("p", { class: "category-label" }, category.label), index.h("ul", { class: "category-routes" }, category.routes.map((route) => (index.h("li", { class: "route" }, index.h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (index.h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), index.h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (index.h("li", { class: "action" }, action.type === 'link' && (index.h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, index.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' && index.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index.h("div", { class: "group-card" }, index.h("xv-card-v2", { media: group.card.image, variant: this.isMobile ? 'horizontal' : 'vertical' }, index.h("h5", { slot: "header", class: "group-card-title" }, group.card.title), index.h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (index.h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, index.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
             }))));
-        }), index.h("li", { key: 'a5856310aac4f1baf1463fd8d1ce8ff589b2115a', class: "menu--right" }, index.h("slot", { key: '5d6af79df9a84052bc024b6da5f21d76083e4086', name: "menu-right" })), this.open && (index.h("li", { key: '90e1ec29ece5017899c8b552cc8a7acc3a0e2043', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
+        }), index.h("li", { key: 'ef666e5c944154d588465d24d47189ba2cec2901', class: "menu--right" }, index.h("slot", { key: '81cb9d5b599ae8352e5a6962db9a0d41141c62aa', name: "menu-right" })), this.open && (index.h("li", { key: 'aaea78c5939e838147336a6f2c3eba44e571b592', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
     }
     get el() { return index.getElement(this); }
 };