xv-webcomponents 1.19.2 → 1.20.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/cjs/{_vars-A07oKwJ_.js → _vars-DMytunQw.js} +9 -6
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/{xv-accordion-v2_47.cjs.entry.js → xv-accordion-v2_48.cjs.entry.js} +448 -90
  4. package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
  5. package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
  6. package/dist/cjs/xv-webcomponents.cjs.js +1 -1
  7. package/dist/collection/collection-manifest.json +1 -0
  8. package/dist/collection/components/xv-button/xv-button-v2.css +8 -8
  9. package/dist/collection/components/xv-button/xv-button.js +25 -2
  10. package/dist/collection/components/xv-button-group/xv-button-group.css +173 -0
  11. package/dist/collection/components/xv-button-group/xv-button-group.js +206 -0
  12. package/dist/collection/components/xv-card/xv-card.js +1 -1
  13. package/dist/collection/components/xv-checkbox/xv-checkbox.js +2 -2
  14. package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.js +1 -1
  15. package/dist/collection/components/xv-content-switcher/xv-content-switcher.js +2 -2
  16. package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js +1 -1
  17. package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js +1 -1
  18. package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js +2 -2
  19. package/dist/collection/components/xv-data-table/xv-data-table.js +1 -1
  20. package/dist/collection/components/xv-datepicker/xv-datepicker.js +2 -2
  21. package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +1 -1
  22. package/dist/collection/components/xv-dropdown/xv-dropdown.js +1 -1
  23. package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +1 -1
  24. package/dist/collection/components/xv-footer/xv-footer.js +1 -1
  25. package/dist/collection/components/xv-header/xv-header.css +4 -71
  26. package/dist/collection/components/xv-header/xv-header.js +10 -4
  27. package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
  28. package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +1 -1
  29. package/dist/collection/components/xv-link/xv-link.js +1 -1
  30. package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
  31. package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
  32. package/dist/collection/components/xv-modal/xv-modal.js +1 -1
  33. package/dist/collection/components/xv-notification/xv-notification.js +1 -1
  34. package/dist/collection/components/xv-number-input/xv-number-input.js +2 -2
  35. package/dist/collection/components/xv-overflow-menu/_vars.js +7 -6
  36. package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.css +48 -8
  37. package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js +84 -2
  38. package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.css +28 -2
  39. package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +373 -22
  40. package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
  41. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
  42. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
  43. package/dist/collection/components/xv-radio/xv-radio.js +2 -2
  44. package/dist/collection/components/xv-slider/xv-slider.js +1 -1
  45. package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
  46. package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
  47. package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
  48. package/dist/collection/components/xv-table/xv-table.js +1 -1
  49. package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
  50. package/dist/collection/components/xv-tag/xv-tag.js +1 -1
  51. package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.css +7 -0
  52. package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +37 -9
  53. package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
  54. package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
  55. package/dist/collection/components/xv-tile/xv-tile.js +2 -2
  56. package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
  57. package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
  58. package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
  59. package/dist/esm/{_vars-C6jsOjam.js → _vars-CDEU4jkD.js} +7 -7
  60. package/dist/esm/loader.js +1 -1
  61. package/dist/esm/{xv-accordion-v2_47.entry.js → xv-accordion-v2_48.entry.js} +448 -91
  62. package/dist/esm/xv-header-next.entry.js +2 -2
  63. package/dist/esm/xv-mega-menu-next.entry.js +2 -2
  64. package/dist/esm/xv-webcomponents.js +1 -1
  65. package/dist/types/components/xv-button/xv-button.d.ts +2 -0
  66. package/dist/types/components/xv-button-group/xv-button-group.d.ts +54 -0
  67. package/dist/types/components/xv-overflow-menu/_vars.d.ts +14 -5
  68. package/dist/types/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.d.ts +10 -0
  69. package/dist/types/components/xv-overflow-menu/xv-overflow-menu.d.ts +43 -3
  70. package/dist/types/components/xv-tag-combobox/xv-tag-combobox.d.ts +1 -0
  71. package/dist/types/components.d.ts +177 -0
  72. package/dist/xv-webcomponents/{p-9284f4be.entry.js → p-0b0ce8e2.entry.js} +1 -1
  73. package/dist/xv-webcomponents/p-9edaba20.entry.js +8 -0
  74. package/dist/xv-webcomponents/p-CDEU4jkD.js +1 -0
  75. package/dist/xv-webcomponents/{p-3a20074c.entry.js → p-fa1779f0.entry.js} +1 -1
  76. package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
  77. package/package.json +1 -1
  78. package/dist/xv-webcomponents/p-6bb184f5.entry.js +0 -8
  79. package/dist/xv-webcomponents/p-C6jsOjam.js +0 -1
@@ -1 +1 @@
1
- import{r as e,c as a,h as t,F as r,a as i}from"./p-Cv2gugMt.js";import{S as o,O as n}from"./p-C6jsOjam.js";import{a as s,g as d,b as l,d as p}from"./p-OqHMuwQF.js";const c=class{constructor(t){e(this,t),this.xvMetaNavUpdate=a(this,"xvMetaNavUpdate",7),this.orgUnit="",this.baseUrl="",this.loading=!1,this.mobMenuOpen=!1,this.toggleMobMenu=()=>{this.mobMenuOpen=!this.mobMenuOpen},this.closeMobMenu=({detail:e})=>{this.mobMenuOpen=!!e},this.logoFallback=e=>{const a=e.currentTarget,t=a.previousElementSibling,r="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg";r!==a.src&&(a.onerror=null,a.src=r,(null==t?void 0:t.srcset)&&(t.srcset="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg"))},this.suggestions=[],this.suggestionsLoading=!1,this.handleSearch=async e=>{try{this.suggestionsLoading=!0;const a=e.target.value.trim();if(!a)return void(this.suggestions=[]);const t=new URLSearchParams({fuzzy:"true",suggesterName:"xv-shared-index-live-suggester","api-version":"2020-06-30",search:a,$top:"10",$select:"title_de,page_link,source",$orderby:"source desc"}).toString();this.suggestions=await s.get(`https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?${t}`,{headers:{"api-key":"7315DEF1FA0C8B12109B12BA28E517E7"}}).then((({value:e})=>Array.isArray(e)?e:[]))}catch(e){console.log("error",e)}finally{this.suggestionsLoading=!1}},this.handleSearchOpen=e=>{const a=e.currentTarget.closest("form");if(!a)return;const t=a.querySelector('input[type="search"]');t&&t.focus()},this.handleSearchKeydown=e=>{var a;"Escape"===e.key&&(null===(a=e.currentTarget)||void 0===a||a.blur(),this.suggestions=[])},this.handlePreventEvent=e=>e.preventDefault(),this.notifications=[],this.showLoginModal=!1}handleOrgUnitChange({detail:e}){this.orgUnit=e||""}metaNavUpdate(){var e,a;const t=d();t&&(this.metaNav=t,this.orgUnit=(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.User)||void 0===a?void 0:a.SelectedOrgUnitName)||"",this.getNotifications()),console.info("MetaNav was updated",this.metaNav)}componentWillLoad(){this.baseUrl=l(),this.initHeader()}async initHeader(){try{this.loading=!0;const e=await s.post("/de-de/home/getpersonalareajson",void 0,{credentials:"include"});this.xvMetaNavUpdate.emit(e),localStorage.setItem("metaNav",JSON.stringify(e))}catch(e){console.error("Failed to fetch initial Header data:",null==e?void 0:e.message,e)}finally{this.metaNavUpdate(),this.loading=!1}}_renderLocaleSwitcher(){if(!this.currentLocale||!this.locales)return null;let e;try{const a=JSON.parse(this.locales);if(!Array.isArray(a))return null;e=a}catch(e){return null}return 0===e.length?null:t("li",{class:"locale-switcher","aria-label":"Language"},e.map(((e,a)=>{const i=e.code===this.currentLocale;return t(r,null,a>0&&t("span",{class:"locale-switcher__sep","aria-hidden":"true"},"|"),i?t("span",{class:"locale-switcher__current xv-body-02","aria-current":"true"},e.code.toUpperCase()):t("xv-link-v2",{class:"locale-switcher__link",variant:"standalone",href:e.href},t("span",{class:"xv-body-02"},e.code.toUpperCase())))})))}_renderSearch(){var e;return!0!==(null===(e=this.metaNav)||void 0===e?void 0:e.EnableMegaMenuSearch)?null:t("li",{class:"search-form"},t("form",{action:`${this.baseUrl}/de-de/media/search`,method:"get",role:"search"},t("input",{onKeyDown:this.handleSearchKeydown,onInput:p(this.handleSearch,700),type:"search",name:"Q",placeholder:"Suchen",title:"Drücken Sie die 'Enter' zum 'Suchen' oder Escape zum Zurücksetzen",autoComplete:"off"}),t("xv-button-v2",{onClick:this.handleSearchOpen,onMouseDown:this.handlePreventEvent,type:"button",variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-search"})),t("xv-button-v2",{type:"submit",variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-search"}))),t("ul",{class:{"search-form-suggestions":!0,loading:this.suggestionsLoading}},this.suggestions.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:`${"marketplace"===e.source?"https://marketplace.crossvertise.com":"https://www.crossvertise.com"}${e.page_link}`},e.title_de)))),!this.suggestions.length&&t("li",{class:"text-center xv-helper-text-02"},"Keine Daten gefunden")))}_renderImpersonationInfo(){var e,a,r,i,n;return(null===(e=this.metaNav)||void 0===e?void 0:e.ImpersonationInfo)?t("li",{class:"impersonationInfo"},t("xv-toggle-tip",{position:"bottom-end",autoSize:!0},t("xv-button-v2",{variant:"ghost",slot:"trigger",size:o.MD},t("img",{slot:"icon-left",width:16,height:16,src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==",alt:"ic"})),t("ul",{slot:"body",class:"xv-helper-text-02"},t("li",null,"Kundenperspektive aktiviert für:"),t("li",null,null===(a=this.metaNav.ImpersonationInfo)||void 0===a?void 0:a.NameAndTitle),t("li",null,null===(r=this.metaNav.ImpersonationInfo)||void 0===r?void 0:r.CompanyName),t("li",null,null===(i=this.metaNav.ImpersonationInfo)||void 0===i?void 0:i.Email),t("li",null,null===(n=this.metaNav.ImpersonationInfo)||void 0===n?void 0:n.PhoneOffice)),t("xv-link-v2",{slot:"footer",href:`${this.baseUrl}/de-de/mycrossvertise/account/clearimpersonation`,variant:"ghost"},t("xv-button-v2",{block:!0,variant:"accent"},"Kundenperspektive verlassen")))):null}async getNotifications(){var e;if(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)try{this.notifications=await s.get(`${this.baseUrl}/de-de/api/notifications/list`,{credentials:"include"}).then((e=>Array.isArray(e)?e:[]))}catch(e){this.notifications=[]}}_renderNotifications(){var e;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)?t("li",{class:"notifications"},t("xv-overflow-menu-v2",{position:"right",size:o.MD},t("span",{slot:"trigger",class:"fa-stack"},t("i",{class:"notifications-icon far fa-bell fa-stack-1x"}),this.notifications.length>0&&t("xv-tag-v2",{class:"counter-badge counter-badge--absolute",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},this.notifications.length)),this.notifications.map((e=>t("xv-overflow-menu-v2-item",{value:e.id,variant:n.GHOST,disabled:e.isRead,clickable:!1},t("div",{class:"notifications-item"},t("i",{class:{far:!0,"fa-clock":!e.status,"fa-times-circle":1===e.status,"fa-circle":e.status&&1!==e.status}}),t("div",{class:"notifications-item-body"},t("span",null,"Rechnungsentwurf für Auftrag ",e.orderId," ist ausstehend"),t("xv-link-v2",{variant:e.isRead?"ghost":"standalone",href:`/de-de/manager/ordersales/details/${e.orderId}`},"Auftrag anschauen")))))))):null}_renderAccount(){var e,a,i,n,s,d,l,p,c,h,v,g;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsAuthenticated)?t("li",{class:{myArea:!0,onHover:!0,isOpen:!1}},t("xv-button-v2",{class:"myArea-btn",variant:"ghost",size:o.MD},t("i",{class:"far fa-user"}),t("div",{class:"header-label xv-body-02"},(null===(a=this.metaNav)||void 0===a?void 0:a.IsManager)&&t("small",{class:"xv-label-01"},"Manager"),t("span",null,(null===(i=this.metaNav)||void 0===i?void 0:i.UserMenuText)||"Mein Konto")),t("i",{class:"caret"})),t("ul",{class:"myArea-list"},(null===(s=null===(n=this.metaNav)||void 0===n?void 0:n.ManagerCockpitMenu)||void 0===s?void 0:s.length)&&t(r,null,t("li",{class:"myArea-list--category"},"Cockpitfunktionen"),this.metaNav.ManagerCockpitMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),(null===(l=null===(d=this.metaNav)||void 0===d?void 0:d.ManagerEntitiesMenu)||void 0===l?void 0:l.length)&&t(r,null,t("li",{class:"myArea-list--category"},"Entitäten"),this.metaNav.ManagerEntitiesMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),(null===(c=null===(p=this.metaNav)||void 0===p?void 0:p.ManagerMenu)||void 0===c?void 0:c.length)&&t(r,null,this.metaNav.ManagerMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),!(null===(h=this.metaNav)||void 0===h?void 0:h.IsManager)&&(null===(g=null===(v=this.metaNav)||void 0===v?void 0:v.UserMenu)||void 0===g?void 0:g.length)&&t(r,null,this.metaNav.UserMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),t("li",null,t("xv-link-v2",{href:`${this.baseUrl}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}`,variant:"standalone"},"Abmelden")))):t("li",null,t("xv-button-v2",{variant:"ghost",size:o.MD,onClick:()=>this.showLoginModal=!0},t("i",{class:"header-icon far fa-user"}),t("span",{class:"header-label xv-body-02"},"Mein Konto")))}_renderShoppingCart(){var e,a;return t("li",null,t("xv-link-v2",{href:`${this.baseUrl}/de-de/mycrossvertise/shoppingcart/activecart`,variant:"ghost"},t("xv-button-v2",{variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-shopping-cart"}),t("span",{class:"header-label xv-body-02"},"Warenkorb"),t("xv-tag-v2",{id:"shopping-cart-items-badge",class:"counter-badge",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.Cart)||void 0===a?void 0:a.NumberOfItems)||0))))}render(){var e,a,r,i,n;const s="Xv"===((null===(e=this.metaNav)||void 0===e?void 0:e.WhitelabelName)||"Xv");return t("header",{key:"367db1f50b5e830f44d3856f477cffc86d883af1",class:"header"},t("div",{key:"30799028ac203ee37793cf02ff051d301de4547b",class:"header-wrapper"},t("div",{key:"fc74acbc5a05646ae13b72e8e3b6b5b16e549128",class:"xv-container"},t("div",{key:"fd39609d7dbd00d4e1a6f2d42936017dc7b92133",class:"header-top"},t("div",{key:"144c2f9b44e10e630e72ddf0f5908a57adb870c0",class:"header-top--left"},t("xv-button-v2",{key:"60bafd1688527ee990d33a737621cc7a0f86c1a8",class:"menu-btn",variant:"ghost",onClick:this.toggleMobMenu},t("i",{key:"d3f6921a217103d0ba4737a7fa2cf255ec4ba494",slot:"icon-left",class:{fa:!0,"fa-times":this.mobMenuOpen,"fa-bars":!this.mobMenuOpen}})),this.metaNav&&t("a",{key:"239d6f40cf27b3bd156b3a4b89673e8e7de0ade0",href:`${window.location.origin}/`},t("picture",{key:"b0d07ac3809b754bd3d9d1a854314f5b5097af65"},t("source",{key:"6ced5e2dd0fc39237a4730bfcae9696d10485dac",srcSet:(null===(a=this.metaNav)||void 0===a?void 0:a.LogoUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg",media:"(min-width: 990px)"}),t("img",{key:"5c2089055930be622f4880bf493ecd3a937963d4",src:(null===(r=this.metaNav)||void 0===r?void 0:r.LogoSmallUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg",onError:this.logoFallback,loading:"lazy",alt:"Crossvertise"}))),this.orgUnit&&t("xv-link-v2",{key:"bc159154774361df602ceadcfefc6fbae4612c82",class:"header-top--orgUnit",variant:"standalone",href:"/de-de/mycrossvertise"},this.orgUnit)),t("ul",{key:"1ab6278056ab4000f858299a288cc6de47616307",class:"header-top--right"},this._renderLocaleSwitcher(),this._renderSearch(),this._renderImpersonationInfo(),!(null===(i=this.metaNav)||void 0===i?void 0:i.IsManager)&&s&&t("li",{key:"5a51295129e0adae87ed44bf0fc64f66b861f223"},t("xv-link-v2",{key:"2bf404f048f0866e88c505d304a0cfd9b6f59728",variant:"ghost",href:"https://www.crossvertise.com/ueber-uns/kontakt"},t("xv-button-v2",{key:"620e2520d9e77310447ddaeacfb8581d1325c614",variant:"ghost",size:o.MD},t("i",{key:"2af6b9aaa41072fa0b8a667169c567c67c1fc698",class:"header-icon far fa-envelope"}),t("span",{key:"515720ab78fec3507e1e14b3657372b375dbdbf5",class:"header-label xv-body-02"},"Kontakt")))),this._renderNotifications(),this._renderAccount(),!(null===(n=this.metaNav)||void 0===n?void 0:n.IsManager)&&s&&t("li",{key:"07adfb149a7ef1c5889f1a7a4529d5e0779cf992"},t("xv-link-v2",{key:"caa650c5c7b479aa44102e2ec370e2f07c854fee",variant:"ghost",href:"https://help.crossvertise.com"},t("xv-button-v2",{key:"1d72eb9a9c084183d7c5d55b2bd1f734296d63c9",variant:"ghost",size:o.MD},t("i",{key:"5c175d7afbfc7527e78c51289dd28d9f62af1010",class:"header-icon far fa-question-circle"}),t("span",{key:"95f8f14e391470d46647df176dde788653742bbb",class:"header-label xv-body-02"},"Hilfe")))),this._renderShoppingCart()))),t("div",{key:"c52d3fc26cb4b787892aedf43b61b7baa5d95935",class:"header-wrapper--bg"},t("div",{key:"d5445ba26a4691b6f5acf7682fac67a6118d331f",class:"xv-container"},t("xv-mega-menu-next",{key:"55541489dfaf1ce307149e932c7e4bee0e55747f",open:this.mobMenuOpen,onOpenChange:this.closeMobMenu,menuData:this.menuData})))),t("xv-login-modal",{key:"9383f391de7d39c28775cf9842130b0f3e5dbce5",visible:this.showLoginModal,onClose:()=>this.showLoginModal=!1}))}get el(){return i(this)}};c.style='.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}header.header{position:sticky;z-index:1000;top:0}header.header .header-wrapper{width:100vw;padding-top:var(--spacing-04);background-color:var(--background, #fff);box-shadow:1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3)}@media (max-width: 991px){header.header .header-wrapper{padding-bottom:var(--spacing-04)}}header.header .header-wrapper--bg{background:var(--menu-background, transparent);color:var(--menu-color, var(--text-primary, #131313))}header.header .header-top{display:flex;align-items:center;gap:var(--spacing-05)}header.header .header-top--left{width:100%;max-width:350px;display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top--left img{width:100%;height:26px;object-fit:contain}header.header .header-top--left .menu-btn{display:none}@media (max-width: 991px){header.header .header-top--left .menu-btn{display:inline-block}}header.header .header-top--right{flex:1;display:flex;justify-content:flex-end;gap:var(--spacing-03);margin:0;padding:0;list-style:none}@media (max-width: 1199px){header.header .header-top--right{gap:var(--spacing-01)}}header.header .header-top--right .header-label{display:flex;flex-direction:column;color:var(--text-primary, #131313)}header.header .header-top--right .header-label>small{line-height:1}@media (min-width: 992px){header.header .header-top--right .header-label{margin-inline:var(--spacing-02)}}@media (max-width: 1199px){header.header .header-top--right .header-label{display:none}}header.header .header-top--right .header-icon{color:var(--icon-primary, #131313)}header.header .header-top--right .caret{display:inline-block;margin-left:5px;width:6px;height:6px;border:none;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);box-sizing:border-box;background:transparent;transform-origin:center;transition:0.25s ease-in-out transform}header.header .header-top--right .counter-badge--absolute{position:absolute;top:0;right:0}header.header .header-top--right .counter-badge::part(details-content){padding:1px;line-height:1;min-width:16px;height:16px;font-size:10px;text-align:center;display:inline-flex;align-items:center;justify-content:center}header.header .header-top--orgUnit{--link-visited:var(--link-primary)}header.header .header-top .fa-question-circle{color:var(--icon-primary, #131313)}header.header .header-top .search-form{flex:1;position:relative}@media (max-width: 768px){header.header .header-top .search-form{display:none}}header.header .header-top .search-form form{padding-inline:2px;flex:1;display:flex;align-items:stretch;flex-direction:row;justify-content:flex-end}header.header .header-top .search-form form input[type=search]{flex:0;text-align:right;display:inline-flex;border:none;min-width:0;transition:flex 0.3s ease-in-out, outline 0.3s ease;overflow:hidden;border-radius:3px}header.header .header-top .search-form form input[type=search]::placeholder{color:var(--text-placeholder, #ACACAC)}header.header .header-top .search-form form input[type=search]:focus{outline:2px solid var(--focus)}header.header .header-top .search-form form>[type=button]{display:inline-flex}header.header .header-top .search-form form>[type=submit]{display:none}header.header .header-top .search-form form:focus-within>[type=button],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=button]{display:none}header.header .header-top .search-form form:focus-within>[type=submit],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=submit]{display:inline-flex}header.header .header-top .search-form form:focus-within input[type=search],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search]{flex:1;outline:1px solid var(--focus)}header.header .header-top .search-form form:focus-within+.search-form-suggestions,header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))+.search-form-suggestions{display:flex}header.header .header-top .search-form-suggestions{position:absolute;top:calc(100% + 5px);background-color:var(--background, #fff);box-shadow:0 0 10px rgba(0, 0, 0, 0.1);border-radius:3px;z-index:2;padding:var(--spacing-04);margin:0;list-style:none;display:none;flex-direction:column;row-gap:var(--spacing-02);min-width:calc(100% - 32px)}header.header .header-top .search-form-suggestions.loading:after{display:flex;align-items:center;justify-content:center;content:"";background:rgba(255, 255, 255, 0.8);position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}header.header .header-top .impersonationInfo ul[slot=body]{margin:0;padding:0;list-style:none;min-width:256px}header.header .header-top .notifications-icon{font-size:14px}header.header .header-top .notifications-item{display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top .notifications-item-body{display:flex;flex-direction:column}header.header .header-top .myArea{position:relative}header.header .header-top .myArea-list{padding:0;margin:0;list-style:none;max-height:0;overflow-y:scroll;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:absolute;right:0;top:calc(100% + var(--spacing-02, 5px));min-width:100%;background-color:var(--background);z-index:999;border-radius:3px;box-shadow:0 5px 6px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column;white-space:nowrap}@supports (scrollbar-width: thin){header.header .header-top .myArea-list{scrollbar-width:thin;scrollbar-color:var(--layer-01) transparent}}header.header .header-top .myArea-list::-webkit-scrollbar{width:4px;height:4px}header.header .header-top .myArea-list::-webkit-scrollbar-thumb{background:var(--layer-01, #F7F7F7);border-radius:4px}header.header .header-top .myArea-list::-webkit-scrollbar-track{background:transparent}header.header .header-top .myArea-list--divider{height:2px;min-height:2px;width:100%;background-color:var(--layer-01, #F7F7F7);padding-block:0 !important}header.header .header-top .myArea-list--category{padding:var(--spacing-03) var(--spacing-05);margin-inline:var(--spacing-02);color:var(--text-primary);font-weight:bold}header.header .header-top .myArea-list>li:first-child{margin-top:var(--spacing-02)}header.header .header-top .myArea-list>li:last-child{margin-bottom:var(--spacing-02)}header.header .header-top .myArea-list>li>*{--link-primary:var(--text-secondary, #515151);--link-visited:var(--text-secondary, #515151);display:block;cursor:pointer;padding-inline:var(--spacing-05);padding-block:var(--spacing-02);margin-inline:var(--spacing-02)}header.header .header-top .myArea-list .category-badge{margin-left:var(--spacing-02)}header.header .header-top .myArea-list .category-badge::part(details-content){line-height:1;font-size:11px;padding:var(--spacing-01) var(--spacing-02)}header.header .header-top .myArea.isOpen .caret,header.header .header-top .myArea.onHover:hover .caret{transform:rotate(-135deg)}header.header .header-top .myArea.isOpen .myArea-list,header.header .header-top .myArea.onHover:hover .myArea-list{max-height:85vh}header.header .header-top .locale-switcher{display:inline-flex;align-items:center;gap:var(--spacing-03, 6px);padding:0 var(--spacing-03, 6px)}header.header .header-top .locale-switcher__sep{color:var(--border-subtle-01, #c6c6c6)}header.header .header-top .locale-switcher__link{text-transform:uppercase;letter-spacing:0.04em}header.header .header-top .locale-switcher__current{text-transform:uppercase;letter-spacing:0.04em;font-weight:700;color:var(--text-primary, #131313)}';export{c as xv_header_next}
1
+ import{r as e,c as a,h as t,F as r,a as i}from"./p-Cv2gugMt.js";import{S as o,O as n}from"./p-CDEU4jkD.js";import{a as s,g as d,b as l,d as p}from"./p-OqHMuwQF.js";const c=class{constructor(t){e(this,t),this.xvMetaNavUpdate=a(this,"xvMetaNavUpdate",7),this.orgUnit="",this.baseUrl="",this.loading=!1,this.mobMenuOpen=!1,this.toggleMobMenu=()=>{this.mobMenuOpen=!this.mobMenuOpen},this.closeMobMenu=({detail:e})=>{this.mobMenuOpen=!!e},this.logoFallback=e=>{const a=e.currentTarget,t=a.previousElementSibling,r="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg";r!==a.src&&(a.onerror=null,a.src=r,(null==t?void 0:t.srcset)&&(t.srcset="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg"))},this.suggestions=[],this.suggestionsLoading=!1,this.handleSearch=async e=>{try{this.suggestionsLoading=!0;const a=e.target.value.trim();if(!a)return void(this.suggestions=[]);const t=new URLSearchParams({fuzzy:"true",suggesterName:"xv-shared-index-live-suggester","api-version":"2020-06-30",search:a,$top:"10",$select:"title_de,page_link,source",$orderby:"source desc"}).toString();this.suggestions=await s.get(`https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?${t}`,{headers:{"api-key":"7315DEF1FA0C8B12109B12BA28E517E7"}}).then((({value:e})=>Array.isArray(e)?e:[]))}catch(e){console.log("error",e)}finally{this.suggestionsLoading=!1}},this.handleSearchOpen=e=>{const a=e.currentTarget.closest("form");if(!a)return;const t=a.querySelector('input[type="search"]');t&&t.focus()},this.handleSearchKeydown=e=>{var a;"Escape"===e.key&&(null===(a=e.currentTarget)||void 0===a||a.blur(),this.suggestions=[])},this.handlePreventEvent=e=>e.preventDefault(),this.notifications=[],this.showLoginModal=!1}handleOrgUnitChange({detail:e}){this.orgUnit=e||""}metaNavUpdate(){var e,a;const t=d();t&&(this.metaNav=t,this.orgUnit=(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.User)||void 0===a?void 0:a.SelectedOrgUnitName)||"",this.getNotifications()),console.info("MetaNav was updated",this.metaNav)}componentWillLoad(){this.baseUrl=l(),this.initHeader()}async initHeader(){try{this.loading=!0;const e=await s.post("/de-de/home/getpersonalareajson",void 0,{credentials:"include"});this.xvMetaNavUpdate.emit(e),localStorage.setItem("metaNav",JSON.stringify(e))}catch(e){console.error("Failed to fetch initial Header data:",null==e?void 0:e.message,e)}finally{this.metaNavUpdate(),this.loading=!1}}_renderLocaleSwitcher(){if(!this.currentLocale||!this.locales)return null;let e;try{const a=JSON.parse(this.locales);if(!Array.isArray(a))return null;e=a}catch(e){return null}return 0===e.length?null:t("li",{class:"locale-switcher","aria-label":"Language"},e.map(((e,a)=>{const i=e.code===this.currentLocale;return t(r,null,a>0&&t("span",{class:"locale-switcher__sep","aria-hidden":"true"},"|"),i?t("span",{class:"locale-switcher__current xv-body-02","aria-current":"true"},e.code.toUpperCase()):t("xv-link-v2",{class:"locale-switcher__link",variant:"standalone",href:e.href},t("span",{class:"xv-body-02"},e.code.toUpperCase())))})))}_renderSearch(){var e;return!0!==(null===(e=this.metaNav)||void 0===e?void 0:e.EnableMegaMenuSearch)?null:t("li",{class:"search-form"},t("form",{action:`${this.baseUrl}/de-de/media/search`,method:"get",role:"search"},t("input",{onKeyDown:this.handleSearchKeydown,onInput:p(this.handleSearch,700),type:"search",name:"Q",placeholder:"Suchen",title:"Drücken Sie die 'Enter' zum 'Suchen' oder Escape zum Zurücksetzen",autoComplete:"off"}),t("xv-button-v2",{onClick:this.handleSearchOpen,onMouseDown:this.handlePreventEvent,type:"button",variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-search"})),t("xv-button-v2",{type:"submit",variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-search"}))),t("ul",{class:{"search-form-suggestions":!0,loading:this.suggestionsLoading}},this.suggestions.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:`${"marketplace"===e.source?"https://marketplace.crossvertise.com":"https://www.crossvertise.com"}${e.page_link}`},e.title_de)))),!this.suggestions.length&&t("li",{class:"text-center xv-helper-text-02"},"Keine Daten gefunden")))}_renderImpersonationInfo(){var e,a,r,i,n;return(null===(e=this.metaNav)||void 0===e?void 0:e.ImpersonationInfo)?t("li",{class:"impersonationInfo"},t("xv-toggle-tip",{position:"bottom-end",autoSize:!0},t("xv-button-v2",{variant:"ghost",slot:"trigger",size:o.MD},t("img",{slot:"icon-left",width:16,height:16,src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==",alt:"ic"})),t("ul",{slot:"body",class:"xv-helper-text-02"},t("li",null,"Kundenperspektive aktiviert für:"),t("li",null,null===(a=this.metaNav.ImpersonationInfo)||void 0===a?void 0:a.NameAndTitle),t("li",null,null===(r=this.metaNav.ImpersonationInfo)||void 0===r?void 0:r.CompanyName),t("li",null,null===(i=this.metaNav.ImpersonationInfo)||void 0===i?void 0:i.Email),t("li",null,null===(n=this.metaNav.ImpersonationInfo)||void 0===n?void 0:n.PhoneOffice)),t("xv-link-v2",{slot:"footer",href:`${this.baseUrl}/de-de/mycrossvertise/account/clearimpersonation`,variant:"ghost"},t("xv-button-v2",{block:!0,variant:"accent"},"Kundenperspektive verlassen")))):null}async getNotifications(){var e;if(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)try{this.notifications=await s.get(`${this.baseUrl}/de-de/api/notifications/list`,{credentials:"include"}).then((e=>Array.isArray(e)?e:[]))}catch(e){this.notifications=[]}}_renderNotifications(){var e;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)?t("li",{class:"notifications"},t("xv-overflow-menu-v2",{position:"right",size:o.MD},t("span",{slot:"trigger",class:"fa-stack"},t("i",{class:"notifications-icon far fa-bell fa-stack-1x"}),this.notifications.length>0&&t("xv-tag-v2",{class:"counter-badge counter-badge--absolute",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},this.notifications.length)),this.notifications.map((e=>t("xv-overflow-menu-v2-item",{value:e.id,variant:n.GHOST,disabled:e.isRead,clickable:!1},t("div",{class:"notifications-item"},t("i",{class:{far:!0,"fa-clock":!e.status,"fa-times-circle":1===e.status,"fa-circle":e.status&&1!==e.status}}),t("div",{class:"notifications-item-body"},t("span",null,"Rechnungsentwurf für Auftrag ",e.orderId," ist ausstehend"),t("xv-link-v2",{variant:e.isRead?"ghost":"standalone",href:`/de-de/manager/ordersales/details/${e.orderId}`},"Auftrag anschauen")))))))):null}_renderAccount(){var e,a,i,n,s,d,l,p,c,h,v,g;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsAuthenticated)?t("li",{class:{myArea:!0,onHover:!0,isOpen:!1}},t("xv-button-v2",{class:"myArea-btn",variant:"ghost",size:o.MD},t("i",{class:"far fa-user"}),t("div",{class:"header-label xv-body-02"},(null===(a=this.metaNav)||void 0===a?void 0:a.IsManager)&&t("small",{class:"xv-label-01"},"Manager"),t("span",null,(null===(i=this.metaNav)||void 0===i?void 0:i.UserMenuText)||"Mein Konto")),t("i",{class:"caret"})),t("ul",{class:"myArea-list"},(null===(s=null===(n=this.metaNav)||void 0===n?void 0:n.ManagerCockpitMenu)||void 0===s?void 0:s.length)&&t(r,null,t("li",{class:"myArea-list--category"},"Cockpitfunktionen"),this.metaNav.ManagerCockpitMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),(null===(l=null===(d=this.metaNav)||void 0===d?void 0:d.ManagerEntitiesMenu)||void 0===l?void 0:l.length)&&t(r,null,t("li",{class:"myArea-list--category"},"Entitäten"),this.metaNav.ManagerEntitiesMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),(null===(c=null===(p=this.metaNav)||void 0===p?void 0:p.ManagerMenu)||void 0===c?void 0:c.length)&&t(r,null,this.metaNav.ManagerMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),!(null===(h=this.metaNav)||void 0===h?void 0:h.IsManager)&&(null===(g=null===(v=this.metaNav)||void 0===v?void 0:v.UserMenu)||void 0===g?void 0:g.length)&&t(r,null,this.metaNav.UserMenu.map((e=>t("li",null,t("xv-link-v2",{variant:"standalone",href:e.Url,target:e.Target},e.Text,e.BadgeText&&t("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText))))),t("li",{class:"myArea-list--divider"})),t("li",null,t("xv-link-v2",{href:`${this.baseUrl}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}`,variant:"standalone"},"Abmelden")))):t("li",null,t("xv-button-v2",{variant:"ghost",size:o.MD,onClick:()=>this.showLoginModal=!0},t("i",{class:"header-icon far fa-user"}),t("span",{class:"header-label xv-body-02"},"Mein Konto")))}_renderShoppingCart(){var e,a;return t("li",null,t("xv-link-v2",{href:`${this.baseUrl}/de-de/mycrossvertise/shoppingcart/activecart`,variant:"ghost"},t("xv-button-v2",{variant:"ghost",size:o.MD},t("i",{class:"header-icon far fa-shopping-cart"}),t("span",{class:"header-label xv-body-02"},"Warenkorb"),t("xv-tag-v2",{id:"shopping-cart-items-badge",class:"counter-badge",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.Cart)||void 0===a?void 0:a.NumberOfItems)||0))))}render(){var e,a,r,i,n;const s="Xv"===((null===(e=this.metaNav)||void 0===e?void 0:e.WhitelabelName)||"Xv");return t("header",{key:"c0012b5ecac3c6471b4ec7b1bfd2eccc3f86dd5f",class:"header"},t("div",{key:"cfb8213dac2c3fc8ceef915067a51aa0d7a9555f",class:"header-wrapper"},t("div",{key:"d3d2ccf65f3cefe5c67546e43fed176917877ead",class:"xv-container"},t("div",{key:"a8fe5efaba57b5687516513d374f9cfba0c705b2",class:"header-top"},t("div",{key:"4b2119408ec66776a86af787383b79ebee41106d",class:"header-top--left"},t("xv-button-v2",{key:"f097db3d55ace0242e871961e6108436e0131aad",class:"menu-btn",variant:"ghost",onClick:this.toggleMobMenu},t("i",{key:"0986f3d44c8898a3e2f0bd298f2819f3e9a5a34b",slot:"icon-left",class:{fa:!0,"fa-times":this.mobMenuOpen,"fa-bars":!this.mobMenuOpen}})),this.metaNav&&t("a",{key:"bf800f74bd14a7c425fcb6eb61aa8225dfcc3ee3",href:`${window.location.origin}/`},t("picture",{key:"5c976747d8ff1cfdd6393340873ed45358cb181d"},t("source",{key:"a7b14ff940f436afe7f7efd6c04db248b0a06729",srcSet:(null===(a=this.metaNav)||void 0===a?void 0:a.LogoUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg",media:"(min-width: 990px)"}),t("img",{key:"d3a1889224b26633def31994483a8bcdfb56e774",src:(null===(r=this.metaNav)||void 0===r?void 0:r.LogoSmallUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg",onError:this.logoFallback,loading:"lazy",alt:"Crossvertise"}))),this.orgUnit&&t("xv-link-v2",{key:"b1aba193ddf6c193f4ea05e3bf3856b50261ef67",class:"header-top--orgUnit",variant:"standalone",href:"/de-de/mycrossvertise"},this.orgUnit)),t("ul",{key:"1c91ec33597c7c8ac8f92f3f7c5e759ef50e1dda",class:"header-top--right"},this._renderLocaleSwitcher(),this._renderSearch(),this._renderImpersonationInfo(),!(null===(i=this.metaNav)||void 0===i?void 0:i.IsManager)&&s&&t("li",{key:"1dc84281285f1b66a3942f8b51055be5d05dd846"},t("xv-link-v2",{key:"de90e6054b9f0cd9bf1fee2b8cbb3f6aedbf9767",variant:"ghost",href:"https://www.crossvertise.com/ueber-uns/kontakt"},t("xv-button-v2",{key:"4fd63e27baad255ef62e36b5e4b6ced436fdf01e",variant:"ghost",size:o.MD},t("i",{key:"1c2569b332c7caa5518e0884b646020a11b5ae43",class:"header-icon far fa-envelope"}),t("span",{key:"f890b2fbbdcd750cd1f19fd3d0b8731db1163013",class:"header-label xv-body-02"},"Kontakt")))),this._renderNotifications(),this._renderAccount(),!(null===(n=this.metaNav)||void 0===n?void 0:n.IsManager)&&s&&t("li",{key:"d5a450877b90b5cf8671e7cf315f0af03c392a03"},t("xv-link-v2",{key:"9ab83170245eb9cc36e47969f381b7fb2229b010",variant:"ghost",href:"https://help.crossvertise.com"},t("xv-button-v2",{key:"ca823e73d6088c2be70335658187eb8aedd5142e",variant:"ghost",size:o.MD},t("i",{key:"0b72b8d4c39c1a986590275ba486249f94fc915a",class:"header-icon far fa-question-circle"}),t("span",{key:"41ae816f63d86995f5ae92fb383fd7f42374bedb",class:"header-label xv-body-02"},"Hilfe")))),this._renderShoppingCart()))),t("div",{key:"c591fc53113a711ae4f716ca58246b076931ab3a",class:"header-wrapper--bg"},t("div",{key:"2be8a3100c70b41cf60ca423fa7bedc9fd220d6d",class:"xv-container"},t("xv-mega-menu-next",{key:"d0f07991030a2067a8250ccc1f5efef36dbe74b3",open:this.mobMenuOpen,onOpenChange:this.closeMobMenu,menuData:this.menuData})))),t("xv-login-modal",{key:"dd27d33edef87ad2915151573005dbf0e0291005",visible:this.showLoginModal,onClose:()=>this.showLoginModal=!1}))}get el(){return i(this)}};c.style='.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}header.header{position:sticky;z-index:1000;top:0}header.header .header-wrapper{width:100vw;padding-top:var(--spacing-04);background-color:var(--background, #fff);box-shadow:1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3)}@media (max-width: 991px){header.header .header-wrapper{padding-bottom:var(--spacing-04)}}header.header .header-wrapper--bg{background:var(--menu-background, transparent);color:var(--menu-color, var(--text-primary, #131313))}header.header .header-top{display:flex;align-items:center;gap:var(--spacing-05)}header.header .header-top--left{width:100%;max-width:350px;display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top--left img{width:100%;height:26px;object-fit:contain}header.header .header-top--left .menu-btn{display:none}@media (max-width: 991px){header.header .header-top--left .menu-btn{display:inline-block}}header.header .header-top--right{flex:1;display:flex;justify-content:flex-end;gap:var(--spacing-03);margin:0;padding:0;list-style:none}@media (max-width: 1199px){header.header .header-top--right{gap:var(--spacing-01)}}header.header .header-top--right .header-label{display:flex;flex-direction:column;color:var(--text-primary, #131313)}header.header .header-top--right .header-label>small{line-height:1}@media (min-width: 992px){header.header .header-top--right .header-label{margin-inline:var(--spacing-02)}}@media (max-width: 1199px){header.header .header-top--right .header-label{display:none}}header.header .header-top--right .header-icon{color:var(--icon-primary, #131313)}header.header .header-top--right .caret{display:inline-block;margin-left:5px;width:6px;height:6px;border:none;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);box-sizing:border-box;background:transparent;transform-origin:center;transition:0.25s ease-in-out transform}header.header .header-top--right .counter-badge--absolute{position:absolute;top:0;right:0}header.header .header-top--right .counter-badge::part(details-content){padding:1px;line-height:1;min-width:16px;height:16px;font-size:10px;text-align:center;display:inline-flex;align-items:center;justify-content:center}header.header .header-top--orgUnit{--link-visited:var(--link-primary)}header.header .header-top .fa-question-circle{color:var(--icon-primary, #131313)}header.header .header-top .search-form{flex:1;position:relative}@media (max-width: 768px){header.header .header-top .search-form{display:none}}header.header .header-top .search-form form{padding-inline:2px;flex:1;display:flex;align-items:stretch;flex-direction:row;justify-content:flex-end}header.header .header-top .search-form form input[type=search]{flex:0;text-align:right;display:inline-flex;border:none;min-width:0;transition:flex 0.3s ease-in-out, outline 0.3s ease;overflow:hidden;border-radius:3px}header.header .header-top .search-form form input[type=search]::placeholder{color:var(--text-placeholder, #ACACAC)}header.header .header-top .search-form form input[type=search]:focus{outline:2px solid var(--focus)}header.header .header-top .search-form form>[type=button]{display:inline-flex}header.header .header-top .search-form form>[type=submit]{display:none}header.header .header-top .search-form form:focus-within>[type=button],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=button]{display:none}header.header .header-top .search-form form:focus-within>[type=submit],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=submit]{display:inline-flex}header.header .header-top .search-form form:focus-within input[type=search],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search]{flex:1;outline:1px solid var(--focus)}header.header .header-top .search-form form:focus-within+.search-form-suggestions,header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))+.search-form-suggestions{display:flex}header.header .header-top .search-form-suggestions{position:absolute;top:calc(100% + 5px);background-color:var(--background, #fff);box-shadow:0 0 10px rgba(0, 0, 0, 0.1);border-radius:3px;z-index:2;padding:var(--spacing-04);margin:0;list-style:none;display:none;flex-direction:column;row-gap:var(--spacing-02);min-width:calc(100% - 32px)}header.header .header-top .search-form-suggestions.loading:after{display:flex;align-items:center;justify-content:center;content:"";background:rgba(255, 255, 255, 0.8);position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}header.header .header-top .impersonationInfo ul[slot=body]{margin:0;padding:0;list-style:none;min-width:256px}header.header .header-top .notifications-icon{font-size:14px}header.header .header-top .notifications-item{display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top .notifications-item-body{display:flex;flex-direction:column}header.header .header-top .myArea{position:relative}header.header .header-top .myArea-list{padding:0;margin:0;list-style:none;max-height:0;overflow-y:scroll;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:absolute;right:0;top:calc(100% + var(--spacing-02, 5px));min-width:100%;background-color:var(--background);z-index:999;border-radius:3px;box-shadow:0 5px 6px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column;white-space:nowrap}@supports (scrollbar-width: thin){header.header .header-top .myArea-list{scrollbar-width:thin;scrollbar-color:var(--layer-01) transparent}}header.header .header-top .myArea-list::-webkit-scrollbar{width:4px;height:4px}header.header .header-top .myArea-list::-webkit-scrollbar-thumb{background:var(--layer-01, #F7F7F7);border-radius:4px}header.header .header-top .myArea-list::-webkit-scrollbar-track{background:transparent}header.header .header-top .myArea-list--divider{height:2px;min-height:2px;width:100%;background-color:var(--layer-01, #F7F7F7);padding-block:0 !important}header.header .header-top .myArea-list--category{padding:var(--spacing-03) var(--spacing-05);margin-inline:var(--spacing-02);color:var(--text-primary);font-weight:bold}header.header .header-top .myArea-list>li:first-child{margin-top:var(--spacing-02)}header.header .header-top .myArea-list>li:last-child{margin-bottom:var(--spacing-02)}header.header .header-top .myArea-list>li>*{--link-primary:var(--text-secondary, #515151);--link-visited:var(--text-secondary, #515151);display:block;cursor:pointer;padding-inline:var(--spacing-05);padding-block:var(--spacing-02);margin-inline:var(--spacing-02)}header.header .header-top .myArea-list .category-badge{margin-left:var(--spacing-02)}header.header .header-top .myArea-list .category-badge::part(details-content){line-height:1;font-size:11px;padding:var(--spacing-01) var(--spacing-02)}header.header .header-top .myArea.isOpen .caret,header.header .header-top .myArea.onHover:hover .caret{transform:rotate(-135deg)}header.header .header-top .myArea.isOpen .myArea-list,header.header .header-top .myArea.onHover:hover .myArea-list{max-height:85vh}header.header .header-top .locale-switcher{display:inline-flex;align-items:center;gap:var(--spacing-03, 6px);padding:0 var(--spacing-03, 6px)}header.header .header-top .locale-switcher__sep{color:var(--border-subtle-01, #c6c6c6)}header.header .header-top .locale-switcher__link{text-transform:uppercase;letter-spacing:0.04em}header.header .header-top .locale-switcher__current{text-transform:uppercase;letter-spacing:0.04em;font-weight:700;color:var(--text-primary, #131313)}';export{c as xv_header_next}