https://www.loxone.com/enus/wp-content/plugins/loxone-main-navigation/build/main-navigation.js?ver=1787033168

1(()=>{"use strict";var e={n:n=>{var a=n&&n.__esModule?()=>n.default:()=>n;return e.d(a,{a}),a},d:(n,a)=>{for(var t in a)e.o(a,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:a[t]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)};const n=window.wp.element,a=window.React;var t=e.n(a);function r(e,n){(null==n||n>e.length)&&(n=e.length);for(var a=0,t=Array(n);a<n;a++)t[a]=e[a];return t}function i(e,n){if(e){if("string"==typeof e)return r(e,n);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?r(e,n):void 0}}function l(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var t,r,i,l,o=[],c=!0,s=!1;try{if(i=(a=a.call(e)).next,0===n){if(Object(a)!==a)return;c=!1}else for(;!(c=(t=i.call(a)).done)&&(o.push(t.value),o.length!==n);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(e,n)||i(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const o=function(e){var n=e.children,a=e.type,r=void 0===a?"flag":a,i=e.variant,l=e.size,o=void 0===l?"medium":l,c=e.className,s=void 0===c?"":c,m=function(){if(i)return"ar-flag-badge--".concat(i);switch(r){case"nav":return"ar-flag-badge--nav-accent-brand";case"product":return"ar-flag-badge--product-accent-brand";case"version":return"ar-flag-badge--version-release";default:return"ar-flag-badge--flag-accent-brand"}}(),u="ar-flag-badge--size-".concat(o);return t().createElement("span",{className:"ar-flag-badge ".concat(u," ").concat(m," ").concat(s).trim()},n)};var c=t().memo(function(e){var n=e.text,a=e.href,r=e.target,i=void 0===r?"_self":r,l=e.isActive,c=void 0!==l&&l,s=(e.hasDropdown,e.isOpen),m=void 0!==s&&s,u=e.flag,v=e.flagLabel,d=e.className,f=void 0===d?"":d,b=e.onClick,_=e.onMouseEnter,h=["ar-main-nav-item",c?"ar-main-nav-item--active":"",m?"ar-main-nav-item--open":"",f].filter(Boolean).join(" "),p=a&&"#"!==a;return t().createElement("div",{className:h,onMouseEnter:_},t().createElement("a",{className:"ar-main-nav-item__link",href:p?a:void 0,role:p?void 0:"button",target:p?i:void 0,rel:p&&"_blank"===i?"noopener noreferrer":void 0,onClick:b},t().createElement("div",{className:"ar-main-nav-item__menu"},t().createElement("span",{className:"ar-main-nav-item__text"},n),t().createElement("span",{className:"ar-main-nav-item__underline","aria-hidden":"true"})),u&&v&&t().createElement(o,{type:"nav",size:"small"},v)))});c.displayName="WebsiteNavItem";const s=c;var m=t().memo(function(e){var n=e.href,a=void 0===n?"/":n,r=e.className,i=void 0===r?"":r,l=e.label,o=void 0===l?"Loxone":l;return t().createElement("a",{className:["ar-main-nav-logo",i].filter(Boolean).join(" "),href:a,"aria-label":o,title:o},t().createElement("svg",{className:"ar-main-nav-logo__svg",width:"100",height:"22",viewBox:"0 0 100 23",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M91.4149 18.1044V12.2562H96.9392V8.69613H91.4149V5.93341L90.1667 4.01636H92.8082H100V0.456299H87.6289V0.471142V4.01636V18.1044V19.7067L88.9035 21.6644H100V18.1044H91.4149ZM83.4455 21.6508H83.8794V0.471191H80.4177V15.7242L72.6247 0.471191H71.489H68.8387H68.0273V21.6508H71.489V5.65867L79.6594 21.6508H80.4177H83.4455ZM63.5224 18.7948C64.4444 17.1971 64.544 15.5118 64.544 14.8618V7.21299C64.5051 3.63618 62.7241 1.86947 61.2373 1.01732C59.6341 0.0989541 57.9447 0 57.2933 0H56.0908C52.5047 0.0384399 50.7329 1.81467 49.8784 3.29784C48.958 4.89632 48.8584 6.58083 48.8584 7.23126L48.8587 14.8804C48.8973 18.4572 50.6783 20.2236 52.1651 21.0761C53.7683 21.9941 55.4573 22.093 56.1091 22.093H57.2967H57.3062C60.8942 22.0534 62.6672 20.2776 63.5224 18.7948ZM61.1099 14.8617C61.1099 16.2661 60.6111 18.6265 57.2773 18.6676H56.1095C54.6998 18.6676 52.3292 18.171 52.293 14.8617V7.23122C52.293 5.82531 52.7917 3.46069 56.1095 3.42529H57.2937C58.703 3.42529 61.0744 3.92197 61.1099 7.23122V14.8617ZM44.0577 21.6861H48.2971L42.3396 12.5366L40.2197 15.7922L44.0577 21.6861ZM42.3396 9.62064L48.2971 0.471191H44.0577L40.2197 6.36505L42.3396 9.62064ZM41.3893 11.0787L34.482 

10.471191H30.2422L37.1495 11.0787L30.2422 21.6862H34.482L41.3893 11.0787ZM28.6586 18.7948C29.5806 17.1971 29.6798 15.5118 29.6798 14.8618V7.21299C29.6416 3.63618 27.8602 1.86947 26.3731 1.01732C24.7703 0.0989541 23.0809 0 22.429 0H21.227C17.6405 0.0384399 15.869 1.81467 15.0146 3.29784C14.0937 4.89632 13.9941 6.58083 13.9941 7.23126V14.8804C14.0331 18.4572 15.8141 20.2236 17.3016 21.0761C18.904 21.9941 20.5931 22.093 21.2453 22.093H22.4329H22.442C26.0308 22.0534 27.8034 20.2776 28.6586 18.7948ZM26.2443 14.8617C26.2443 16.2661 25.7462 18.6265 22.4121 18.6676H21.2443C19.8346 18.6676 17.464 18.171 17.4277 14.8617V7.23122C17.4277 5.82531 17.9261 3.46069 21.2443 3.42529H22.4281C23.8382 3.42529 26.2092 3.92197 26.2443 7.23122V14.8617ZM1.25362 21.6644H12.3717V18.1044H3.78565V0.471133H0V18.1044V19.7398L1.25362 21.6644Z",fill:"currentColor"})))});m.displayName="WebsiteNavLogo";const u=m;function v(e){var n=e.Icon,a=e.Size,r=void 0===a?"x24":a,i=e.className,l=void 0===i?"":i,o=e.onClick,c=void 0===o?function(){}:o;l||(l="");var s=["ar-flex","ar-items-center","ar-icon--size-".concat(r),"".concat(n),l].join(" ");return t().createElement("i",{className:s,onClick:function(e){c(e)}})}const d=function(e){var n=e.size,r=void 0===n?"large":n,i=e.style,o=void 0===i?"accentBrand":i,c=e.type,s=e.width,m=void 0===s?"auto":s,u=e.disabled,d=void 0!==u&&u,f=e.disabledTooltip,b=void 0===f?"":f,_=e.iconBefore,h=e.iconAfter,p=e.onClick,g=e.onMouseDown,E=e.href,y=e.target,N=void 0===y?"_self":y,C=e.className,w=void 0===C?"":C,k=e.text,x=e.ariaLabel,L=e.ariaDescribedBy,S=e.isLoading,I=Boolean(E),M=["ar-btn","ar-btn-size--".concat(r),"ar-btn-style--".concat(o),c?"ar-btn-type--".concat(c):"",d?"ar-btn--disabled":"",b?"ar-btn--has-tooltip":"",k?"":"ar-btn-notext","full"===m?"ar-btn--full":"",w].join(" "),H=function(e){return e&&"None"!==e?"xxlarge"===r?t().createElement(v,{Icon:e,Size:"x32",loading:S}):t().createElement(v,{Icon:e,Size:"x24",loading:S}):null},A=l((0,a.useState)(!1),2),z=A[0],B=A[1],j=function(e){e.stopPropagation(),d&&!z&&(B(!z),setTimeout(function(){B(!1)},2e3))},V=t().createElement(t().Fragment,null,H(_),k?t().createElement("span",null,k):null,H(h));return I?t().createElement("a",{className:M,href:E,onClick:d?j:p,onMouseDown:g,target:N,"aria-disabled":d,tabIndex:d?-1:0,"aria-label":x,"aria-describedby":L},V):t().createElement("button",{"aria-label":x,"aria-describedby":L,"aria-busy":d&&!!b,className:M,onClick:d?j:p,onMouseDown:g,disabled:d&&!b,"aria-disabled":d},V,d&&b&&z&&t().createElement("div",{className:"ar-tooltip"},t().createElement("span",null,b)))},f=function(e){var n=e.onClick,a=e.ariaLabel,r=void 0===a?"Clear":a,i=e.className,l=void 0===i?"":i;return t().createElement("button",{type:"button",className:["ar-input-clear",l].filter(Boolean).join(" "),onClick:n,"aria-label":r},t().createElement(v,{Icon:"icon-delete-circle-solid",Size:"x24",className:"ar-input-clear__icon"}))},b=function(e){var n=e.navData,a=e.logoHref,r=void 0===a?"/":a,i=e.logoLabel,l=void 0===i?"Loxone":i,o=e.openItemId,c=void 0===o?null:o,m=e.searchOpen,b=void 0!==m&&m,_=e.searchQuery,h=void 0===_?"":_,p=e.searchInputRef,g=e.onItemMouseEnter,E=e.onItemClick,y=e.onSearchOpen,N=e.onSearchClose,C=e.onSearchQueryChange,w=e.onSearchSubmit,k=e.onMobileOpen,x=e.children,L=e.className,S=void 0===L?"":L,I=n.primary,M=n.cta,H=n.utility,A=n.labels,z=h.trim().length>0;return t().createElement("div",{className:["ar-main-nav-bar__bar",b?"ar-main-nav-bar__bar--search-open":"",S].filter(Boolean).join(" ")},t().createElement("div",{className:"ar-main-nav-bar__logo-group"},t().createElement(u,{href:r,label:l})),t().createElement("div",{className:"ar-main-nav-bar__primary-area"},b?t().createElement("div",{className:["ar-main-nav-bar__search",z?"ar-main-nav-bar__search--filled":""].filter(Boolean).join(" "),role:"search"},t().createElement("div",{className:["ar-main-nav-search__field",z?"ar-main-nav-search__field--filled":"ar-main-nav-search__field--empty"].join(" ")},t().createElement(v,{Icon:"icon-magnifying-glass",Size:"x24",className:"ar-main-nav-search__icon"}),t().createElement("div",{className:"ar-main-nav-search__content"},t().createElement("input",{ref:p,className:"ar-main-nav-search__input",type:"search",value:h,onChange:function(e){return null==C?void 0:C(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&(null==w||w(e))},placeholder:A.search,"aria-label":A.search})),h&&t().createElement(f,{className:"ar-main-nav-search__clear",onClick:function(){return null==C?void 0:C("")},ariaLabel:A.close})),t().createElement(d,{text:A.close,style:"neutral",size:"medium",className:"ar-main-nav-bar__search-close",onClick:N})):t().createElement("div",{className:"ar-main-nav-bar__primary"},I.map(function(e){return t().createElement(s,{key:e.id,text:e.title,href:e.url,target:e.target,isActive:e.isActive||e.

1isAncestor,hasDropdown:e.children.length>0,isOpen:c===e.id,flag:e.flag||void 0,flagLabel:e.flag?A.flags[e.flag]:void 0,onClick:E?function(n){return E(e,n)}:void 0,onMouseEnter:g?function(){return g(e)}:void 0})}))),t().createElement("div",{className:"ar-main-nav-bar__side"},M.map(function(e,n){return t().createElement(d,{key:e.id,href:e.url,text:e.title,target:e.target,style:"accentBrand",size:"medium",className:["ar-main-nav-bar__cta-btn",0===n?"ar-main-nav-bar__cta-btn--primary":"ar-main-nav-bar__cta-btn--secondary"].join(" ")})}),t().createElement("div",{className:"ar-main-nav-bar__icon-nav"},t().createElement("button",{type:"button",className:"ar-main-nav-bar__icon-btn ar-main-nav-bar__icon-btn--search",onClick:b?N:y,"aria-label":A.search,"aria-expanded":b},t().createElement(v,{Icon:"icon-magnifying-glass",Size:"x24"})),H.map(function(e){return t().createElement("a",{key:e.id,className:"ar-main-nav-bar__icon-btn ar-main-nav-bar__icon-btn--utility",href:e.url,target:e.target,rel:"_blank"===e.target?"noopener noreferrer":void 0,"aria-label":e.title},e.icon&&t().createElement(v,{Icon:e.icon,Size:"x24"}))}),t().createElement("button",{type:"button",className:"ar-main-nav-hamburger",onClick:b?N:k,"aria-label":b?A.close:"Menu"},t().createElement(v,{Icon:b?"icon-close":"icon-burger-menu-2",Size:"x24"})))),x)};var _=t().memo(function(e){var n=e.text,a=e.href,r=void 0===a?"#":a,i=e.target,l=void 0===i?"_self":i,c=e.icon,s=e.isHeadline,m=void 0!==s&&s,u=e.hasExpandableChildren,d=void 0!==u&&u,f=e.flag,b=e.flagLabel,_=e.isActive,h=void 0!==_&&_,p=e.isExpanded,g=void 0!==p&&p,E=e.className,y=void 0===E?"":E,N=e.onClick,C=e.onMouseEnter,w=["ar-main-nav-sub-item",m?"ar-main-nav-sub-item--headline":"",d?"ar-main-nav-sub-item--expandable":"",h?"ar-main-nav-sub-item--active":"",g?"ar-main-nav-sub-item--expanded":"",y].filter(Boolean).join(" ");if(m)return t().createElement("div",{className:w,onMouseEnter:C},t().createElement("span",{className:"ar-main-nav-sub-item__text"},n));var k=r&&"#"!==r;return t().createElement("div",{className:w,onMouseEnter:C},t().createElement("a",{className:"ar-main-nav-sub-item__link",href:k?r:void 0,role:k?void 0:"button",target:k?l:void 0,rel:k&&"_blank"===l?"noopener noreferrer":void 0,onClick:N},t().createElement("span",{className:"ar-main-nav-sub-item__info"},c&&t().createElement(v,{Icon:c,Size:"x24",className:"ar-main-nav-sub-item__icon"}),t().createElement("span",{className:"ar-main-nav-sub-item__submenu"},t().createElement("span",{className:"ar-main-nav-sub-item__text"},n),t().createElement("span",{className:"ar-main-nav-sub-item__underline","aria-hidden":"true"})),f&&b&&t().createElement(o,{type:"nav",size:"small"},b)),d&&t().createElement(v,{Icon:"icon-arrow-right-small",Size:"x24",className:"ar-main-nav-sub-item__arrow"})))});_.displayName="WebsiteNavMegaMenuItem";const h=_;var p=t().memo(function(e){var n=e.items,a=e.labels,r=e.activeL2ItemId,i=void 0===r?null:r,l=e.onExpandItem,o=e.onHoverItem,c=e.className,s=void 0===c?"":c;return t().createElement("div",{className:["ar-main-nav-col",s].filter(Boolean).join(" ")},n.map(function(e){return t().createElement(h,{key:e.id,text:e.title,href:e.url,target:e.target,icon:e.icon||void 0,isHeadline:e.isHeadline,hasExpandableChildren:e.hasExpandableChildren,flag:e.flag||void 0,flagLabel:e.flag?a.flags[e.flag]:void 0,isActive:e.isActive||e.isAncestor,isExpanded:e.hasExpandableChildren&&i===e.id,onClick:e.hasExpandableChildren?function(n){n.preventDefault(),null==l||l(e)}:void 0,onMouseEnter:function(){return null==o?void 0:o(e.hasExpandableChildren?e:null)}})}))});p.displayName="WebsiteNavMegaMenuColumn";const g=p;var E=t().memo(function(e){var n=e.item,a=e.labels,r=e.className,i=void 0===r?"":r;return t().createElement("div",{className:["ar-main-nav-level3",i].filter(Boolean).join(" ")},t().createElement("div",{className:"ar-main-nav-level3__headline"},n.title),n.children.map(function(e){return t().createElement(h,{key:e.id,text:e.title,href:e.url,target:e.target,flag:e.flag||void 0,flagLabel:e.flag?a.flags[e.flag]:void 0,isActive:e.isActive||e.isAncestor})}),n.level3CtaUrl&&n.level3CtaLabel&&t().createElement(d,{href:n.level3CtaUrl,text:n.level3CtaLabel,style:"accentBrand",size:"large",className:"ar-main-nav-level3__cta"}))});E.displayName="WebsiteNavMegaMenuLevel3";const y=E;function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var a=0,t=Array(n);a<n;a++)t[a]=e[a];return t}const C=function(e){var n=e.item,r=e.labels,i=e.dropdownInsetLeft,o=void 0===i?null:i,c=e.className,s=void 0===c?"":c,m=l((0,a.useState)(null),2),u=m[0],v=m[1],d=(0,a.useMemo)(function(){return function(e){var n,a=[],t=[],r=function(e,n){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=function(e,n){if(e){if("string"==typeof e)return N(e,n);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?N(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){a&&(e=a);var _n=0,t=function(){};return{s:t,n:function(){return _n>=e.length?{done:!0}:{done:!1,value:e[_n++]}},e:function(e){throw e},f:t}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,i=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return i=e.done,e},e:function(e){l=!0,r=e},f:function(){try{i||null==a.return||a.return()}finally{if(l)throw r}}}}(e);try{for(r.s();!(n=r.n()).done;){var i=n.value;i.startNewColumn&&t.length>0&&(a.push(t),t=[]),t.push(i)}}catch(e){r.e(e)}finally{r.f()}return t.length>0&&a.push(t),a.length>0?a:[[]]}(n.children)},[n.children]),f=(0,a.useMemo)(function(){return n.children.some(function(e){return e.hasExpandableChildren})},[n.children]);return t().createElement("div",{className:["ar-main-nav-dropdown",f?"ar-main-nav-dropdown--with-level3":"",s].filter(

1Boolean).join(" "),onMouseLeave:function(){return v(null)}},t().createElement("div",{className:"ar-main-nav-dropdown__inner",style:null!=o?{paddingLeft:o}:void 0},d.map(function(e,n){var a;return t().createElement(g,{key:n,items:e,labels:r,activeL2ItemId:null!==(a=null==u?void 0:u.id)&&void 0!==a?a:null,onExpandItem:function(e){return v(e)},onHoverItem:function(e){return v(null!=e?e:null)}})}),f&&t().createElement("div",{className:["ar-main-nav-dropdown__level3",u?"ar-main-nav-dropdown__level3--visible":""].filter(Boolean).join(" ")},u&&t().createElement(y,{item:u,labels:r}))))};function w(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function k(e,n){(null==n||n>e.length)&&(n=e.length);for(var a=0,t=Array(n);a<n;a++)t[a]=e[a];return t}function x(e){return e.filter(function(e){return!e.desktopOnly})}const L=function(e){var n,r=e.navData,i=e.isOpen,c=e.onClose,s=e.logoHref,m=void 0===s?"/":s,f=e.logoLabel,b=void 0===f?"Loxone":f,_=l((0,a.useState)([]),2),h=_[0],p=_[1],g=(0,a.useRef)(0),E=l((0,a.useState)("forward"),2),y=E[0],N=E[1];(0,a.useEffect)(function(){i||p([])},[i]),(0,a.useEffect)(function(){var e=function(e){"Escape"===e.key&&(h.length>0?p(function(e){return e.slice(0,-1)}):c())};return document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}},[h,c]);var C=i?0===h.length?"root":function(e){return e.map(function(e){return"b-".concat(e.item.id)}).join("/")}(h):"closed";(0,a.useLayoutEffect)(function(){if(i){var e=h.length,n=g.current;N(e<n?"back":"forward"),g.current=e}else g.current=0},[h.length,C,i]);var L=(0,a.useCallback)(function(e){p(function(n){return[].concat(w(n),[{kind:"branch",item:e}])})},[]),S=(0,a.useCallback)(function(){p(function(e){return e.slice(0,-1)})},[]),I=0===h.length,M=h.length>0?h[h.length-1]:null,H=r.labels,A=r.cta,z=r.utility,B=null!==(n=null==M?void 0:M.item.title)&&void 0!==n?n:"",j=(0,a.useMemo)(function(){if(I)return{type:"root"};var e=M.item,n=x(e.children);if(x(e.children).some(function(e){return e.isHeadline})){var a=function(e){var n,a=x(e),t=[],r=null,i=[],l=function(){(i.length>0||null!==r)&&t.push({headline:r,items:i}),i=[],r=null},o=function(e,n){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=function(e,n){if(e){if("string"==typeof e)return k(e,n);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?k(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){a&&(e=a);var _n=0,t=function(){};return{s:t,n:function(){return _n>=e.length?{done:!0}:{done:!1,value:e[_n++]}},e:function(e){throw e},f:t}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,i=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return i=e.done,e},e:function(e){l=!0,r=e},f:function(){try{i||null==a.return||a.return()}finally{if(l)throw r}}}}(a);try{for(o.s();!(n=o.n()).done;){var c=n.value;c.isHeadline?(l(),r=c):i.push(c)}}catch(e){o.e(e)}finally{o.f()}return l(),t.filter(function(e){return e.items.length>0})}(e.children);return 1===a.length?{type:"flatBranch",branchItem:e,items:a[0].items}:{type:"flatBranch",branchItem:e,items:n}}return{type:"flatBranch",branchItem:e,items:n}},[I,M]),V=(0,a.useMemo)(function(){return I||!M?null:"flatBranch"===j.type&&j.items.every(function(e){return e.isHeadline||0===e.children.length})?j.branchItem:null},[I,M,j]),O=Boolean((null==V?void 0:V.level3CtaUrl)&&(null==V?void 0:V.level3CtaLabel));return t().createElement("div",{className:["ar-main-nav-mobile",i?"ar-main-nav-mobile--open":""].filter(Boolean).join(" "),"aria-hidden":!i,role:"dialog","aria-modal":"true"},t().createElement("div",{className:"ar-main-nav-mobile__header"},I?t().createElement(u,{href:m,label:b}):t().createElement("button",{type:"button",className:"ar-main-nav-mobile__back-btn",onClick:S,"aria-label":H.back},t().createElement(v,{Icon:"icon-arrow-left-1",Size:"x24"})),!I&&t().createElement("span",{className:"ar-main-nav-mobile__title",title:B},B),t().createElement("button",{type:"button",className:"ar-main-nav-mobile__close",onClick:c,"aria-label":H.close},t().createElement(v,{Icon:"icon-close",Size:"x24"}))),t().createElement("div",{className:"ar-main-nav-mobile__body"},t().createElement("div",{key:C,className:["ar-main-nav-mobile__panel",h.length>0?"back"===y?"ar-main-nav-mobile__panel--enter-back":"ar-main-nav-mobile__panel--enter-forward":""].filter(

1Boolean).join(" ")},t().createElement("ul",{className:"ar-main-nav-mobile__list"},"root"===j.type&&x(r.primary).map(function(e){var n=e.children.length>0,a=e.flag?H.flags[e.flag]:void 0;return n?t().createElement("li",{key:e.id,className:["ar-main-nav-mobile__item",e.isActive||e.isAncestor?"ar-main-nav-mobile__item--active":""].filter(Boolean).join(" ")},t().createElement("button",{type:"button",className:"ar-main-nav-mobile__link",onClick:function(){return L(e)}},t().createElement("span",{className:"ar-main-nav-mobile__info"},e.icon&&t().createElement(v,{Icon:e.icon,Size:"x24",className:"ar-main-nav-mobile__icon"}),t().createElement("span",{className:"ar-main-nav-mobile__submenu"},t().createElement("span",{className:"ar-main-nav-mobile__text"},e.title),t().createElement("span",{className:"ar-main-nav-mobile__underline","aria-hidden":"true"})),e.flag&&a&&t().createElement(o,{type:"nav",size:"small"},a)),t().createElement(v,{Icon:"icon-arrow-right-small",Size:"x24",className:"ar-main-nav-mobile__arrow"}))):t().createElement("li",{key:e.id,className:["ar-main-nav-mobile__item",e.isActive||e.isAncestor?"ar-main-nav-mobile__item--active":""].filter(Boolean).join(" ")},t().createElement("a",{className:"ar-main-nav-mobile__link",href:e.url&&"#"!==e.url?e.url:void 0,role:e.url&&"#"!==e.url?void 0:"button",target:e.url&&"#"!==e.url?e.target:void 0,rel:e.url&&"#"!==e.url&&"_blank"===e.target?"noopener noreferrer":void 0,onClick:c},t().createElement("span",{className:"ar-main-nav-mobile__info"},e.icon&&t().createElement(v,{Icon:e.icon,Size:"x24",className:"ar-main-nav-mobile__icon"}),t().createElement("span",{className:"ar-main-nav-mobile__submenu"},t().createElement("span",{className:"ar-main-nav-mobile__text"},e.title),t().createElement("span",{className:"ar-main-nav-mobile__underline","aria-hidden":"true"})),e.flag&&a&&t().createElement(o,{type:"nav",size:"small"},a))))}),"flatBranch"===j.type&&j.items.map(function(e){return e.isHeadline?t().createElement("li",{key:e.id,className:"ar-main-nav-mobile__item ar-main-nav-mobile__item--head"},t().createElement("span",{className:"ar-main-nav-mobile__headline"},e.title)):function(e,n,a){var r=e.children.length>0,i=e.flag?H.flags[e.flag]:void 0;return r?t().createElement("li",{key:n,className:["ar-main-nav-mobile__item",e.isActive||e.isAncestor?"ar-main-nav-mobile__item--active":""].filter(Boolean).join(" ")},t().createElement("button",{type:"button",className:"ar-main-nav-mobile__link",onClick:a},t().createElement("span",{className:"ar-main-nav-mobile__info"},e.icon&&t().createElement(v,{Icon:e.icon,Size:"x24",className:"ar-main-nav-mobile__icon"}),t().createElement("span",{className:"ar-main-nav-mobile__submenu"},t().createElement("span",{className:"ar-main-nav-mobile__text"},e.title),t().createElement("span",{className:"ar-main-nav-mobile__underline","aria-hidden":"true"})),e.flag&&i&&t().createElement(o,{type:"nav",size:"small"},i)),t().createElement(v,{Icon:"icon-arrow-right-small",Size:"x24",className:"ar-main-nav-mobile__arrow"}))):t().createElement("li",{key:n,className:["ar-main-nav-mobile__item",e.isActive||e.isAncestor?"ar-main-nav-mobile__item--active":""].filter(Boolean).join(" ")},t().createElement("a",{className:"ar-main-nav-mobile__link",href:e.url&&"#"!==e.url?e.url:void 0,role:e.url&&"#"!==e.url?void 0:"button",target:e.url&&"#"!==e.url?e.target:void 0,rel:e.url&&"#"!==e.url&&"_blank"===e.target?"noopener noreferrer":void 0,onClick:c},t().createElement("span",{className:"ar-main-nav-mobile__info"},e.icon&&t().createElement(v,{Icon:e.icon,Size:"x24",className:"ar-main-nav-mobile__icon"}),t().createElement("span",{className:"ar-main-nav-mobile__submenu"},t().createElement("span",{className:"ar-main-nav-mobile__text"},e.title),t().createElement("span",{className:"ar-main-nav-mobile__underline","aria-hidden":"true"})),e.flag&&i&&t().createElement(o,{type:"nav",size:"small"},i))))}(e,e.id,function(){return L(e)})})),O&&V&&t().createElement("div",{className:"ar-main-nav-mobile__cta"},t().createElement(d,{href:V.level3CtaUrl,text:V.level3CtaLabel,style:"accentBrand",size:"large",className:"ar-main-nav-mobile__cta-btn"})),I&&(A.length>0||z.length>0)&&t().createElement("div",{className:"ar-main-nav-mobile__utility"},t().createElement("div",{className:"ar-main-nav-mobile__separator","aria-hidden":"true"}),[].concat(w(A),w(z)).map(function(e){return t().createElement("a",{key:e.id,className:"ar-main-nav-mobile__util-link",href:e.url,target:e.target,rel:"_blank"===e.target?"noopener noreferrer":void 0,onClick:c},e.icon&&t().createElement(v,{Icon:e.icon,Size:"x24",className:"ar-main-nav-mobile__icon"}),t().createElement("span",{className:"ar-main-nav-mobile__submenu"},t().createElement("span",{className:"ar-main-nav-mobile__text"},e.title),t().createElement("span",{className:"ar-main-nav-mobile__underline","aria-hidden":"true"})))})))))},S=function(e){var n,r=e.navData,i=e.logoHref,o=void 0===i?"/":i,c=e.logoLabel,s=void 0===c?"Loxone":c,m=e.className,u=void 0===m?"":m,v=l((0,a.useState)(null),2),d=v[0],f=v[1],_=l((0,a.useState)(!1),2),h=_[0],p=_[1],g=l((0,a.useState)(""),2),E=g[0],y=g[1],N=l((0,a.useState)(!1),2),w=N[0],k=N[1],x=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:96,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=l((0,a.useState)(!1),2),r=t[0],i=t[1];return(0,a.useEffect)(function(){if(!n){var a=window.scrollY,t=!1,r=0,l=function(e){t!==e&&(t=e,i(e))},o=0,c=function(){if(!window.__onpageNavScrolling){var n=Math.max(0,window.scrollY),t=n-a;if(a=n,!(Math.abs(t)<2)){var i=t>0?1:-1;if(i!==r)return r=i,void(o=1);++o<2||(1===i&&n>e?l(!0):(-1===i&&n>0||n<=e)&&l(!1))}}};return window.addEventListener("scroll",c,{passive:!0}),c(),function(){return window.removeEventListener("scroll",c)}}i(!1)},[e,n]),r}(96,w),S=l((0,a.useState)(null),2),I=S[0],M=S[1],H=(0,a.useRef)(null),A=(0,a.useRef)(null),z=(0,a.useCallback)(function(){p(!1),y("")},[]),B=(0,a.useCallback)(function(e){f(e.children.length>0?e:null)},[]),j=(0,a.useCallback)(function(e,n){e.children.length>0&&(!e.url||"#"===e.url)&&n.preventDefault()},[]),V=(0,a.useCallback)(function(){p(!0),f(null),setTimeout(function(){var e;return null===(e=A.current)||void 0===e?void 0:e.focus()},50)},[]),O=(0,a.useCallback)(function(e){e.preventDefault();var n=E.trim();if(n&&r.searchUrl){var a=r.searchUrl.replace(/#.*$/,""),t=a.includes("?")?"&":"?";window.location.href="".concat(a).concat(t,"s=").concat(encodeURIComponent(n))}},[E,r.searchUrl]);(0,a.useEffect)(function(){return document.body.classList.toggle("ar-main-nav--mobile-open",w),function(){return document.body.classList.remove("ar-main-nav--mobile-open")}},[w]);var D=(0,a.useCallback)(function(){var e=H.current,n=null==e?void 0:e.querySelector(".ar-main-nav-bar__bar");

1if(e&&n){var a=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--geo-banner-height"))||0;if(e.classList.contains("ar-main-nav-bar--scrolled")&&!e.classList.contains("ar-main-nav-bar--scroll-up")){var t=a>0?"".concat(a,"px"):"env(safe-area-inset-top, 0px)";document.body.style.setProperty("--main-nav-offset",t)}else{var r=parseFloat(window.getComputedStyle(e).top)||0,i=Math.ceil(n.offsetHeight+r);document.body.style.setProperty("--main-nav-offset","".concat(i,"px"))}}},[]);(0,a.useEffect)(function(){var e=H.current,n=null==e?void 0:e.querySelector(".ar-main-nav-bar__bar");if(e&&n){D();var a=new ResizeObserver(function(){D()});a.observe(n);var t=new MutationObserver(function(){D()});t.observe(e,{attributes:!0,attributeFilter:["class"]});var r,i,l=document.getElementById("loxone-geo-location-banner");return l&&((r=new ResizeObserver(function(){return D()})).observe(l),(i=new MutationObserver(function(){requestAnimationFrame(D)})).observe(l,{attributes:!0,attributeFilter:["class"]})),window.addEventListener("resize",D,{passive:!0}),function(){var e,n;a.disconnect(),t.disconnect(),null===(e=r)||void 0===e||e.disconnect(),null===(n=i)||void 0===n||n.disconnect(),window.removeEventListener("resize",D)}}},[D,h,w,x]);var U=(0,a.useCallback)(function(){var e=H.current,n=null==e?void 0:e.querySelector(".ar-main-nav-bar__bar"),a=null==n?void 0:n.querySelector(".ar-main-nav-bar__primary-area");if(!n||!a||window.innerWidth<1366)M(null);else{var t=n.getBoundingClientRect(),r=a.getBoundingClientRect(),i=Math.max(32,Math.round(r.left-t.left));M(function(e){return e===i?e:i})}},[]);(0,a.useLayoutEffect)(function(){U()},[U]),(0,a.useEffect)(function(){var e,n=function(){requestAnimationFrame(function(){return requestAnimationFrame(U)})};return n(),null===(e=document.fonts)||void 0===e||null===(e=e.ready)||void 0===e||e.then(n),window.addEventListener("resize",U,{passive:!0}),function(){window.removeEventListener("resize",U)}},[U,h,d,w,r.primary.length]),(0,a.useEffect)(function(){var e=function(e){H.current&&!H.current.contains(e.target)&&f(null)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]),(0,a.useEffect)(function(){var e=function(e){"Escape"===e.key&&(null!==d?f(null):h?z():w&&k(!1))};return document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}},[d,h,w,z]);var R=(0,a.useMemo)(function(){return["ar-main-nav-bar",x?"ar-main-nav-bar--scrolled":"",u].filter(

1Boolean).join(" ")},[x,u]);return t().createElement("nav",{ref:H,className:R,onMouseLeave:function(){return f(null)}},t().createElement(b,{navData:r,logoHref:o,logoLabel:s,openItemId:null!==(n=null==d?void 0:d.id)&&void 0!==n?n:null,searchOpen:h,searchQuery:E,searchInputRef:A,onItemMouseEnter:B,onItemClick:j,onSearchOpen:V,onSearchClose:z,onSearchQueryChange:y,onSearchSubmit:O,onMobileOpen:function(){return k(!0)}},d&&d.children.length>0&&t().createElement(C,{item:d,labels:r.labels,dropdownInsetLeft:I})),t().createElement(L,{navData:r,isOpen:w,onClose:function(){return k(!1)},logoHref:o,logoLabel:s}))};var I=document.getElementById("loxone-main-navigation");if(I){var M,H=null!==(M=window.lxnNavData)&&void 0!==M?M:{primary:[],utility:[],cta:[],homeUrl:"/",siteName:"Loxone",searchUrl:"/",currentUrl:"/",labels:{flags:{new:"New",updated:"Updated",free:"Free"},search:"Search...",close:"Close",back:"Back"}};(0,n.render)(t().createElement(S,{navData:H,logoHref:H.homeUrl,logoLabel:H.siteName}),I)}})();