@blateral/b.kit 2.8.3 → 2.8.4-patch-1.0

package/cjs/{MultiselectDropdown-07d543dc.js → MultiselectDropdown-d46ae36f.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),r=require("./Copy-a0bc570d.js"),o=require("./LibThemeProvider-69109901.js"),i=require("./styles-13e5d9ac.js"),l=require("./formFieldText-046fcbf4.js"),a=require("./useMounted-0bba9869.js"),s=require("./Checkbox-8dccd42f.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var u,c,p,f,m,g,h,b,x,v,w,y=d(e),k=d(t),_=k.default.button.withConfig({displayName:"MultiselectDropdown__Select",componentId:"sc-rrwdl0-0"})(c||(c=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ",";\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n    transition: background-color 0.2s ease-in-out;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n    line-height: normal;\n\n    @media (hover: hover) and (pointer: fine) {\n        ","\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ",";\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n    transition: background-color 0.2s ease-in-out;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n    line-height: normal;\n\n    @media (hover: hover) and (pointer: fine) {\n        ","\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),(function(n){return n.inlined?"default":"pointer"}),i.spacings.nudge,(function(n){var e=n.theme,t=n.isInverted,r=n.hasError;return t?r?i.getColors(e).errorInverted:i.getColors(e).elementBg.light:r?i.getColors(e).error:i.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),r.copyStyle("copy","small"),(function(n){var e=n.theme;return i.withRange(l.getFormFieldTextSize(e),"font-size")}),(function(n){var e=n.theme,t=n.isInverted,r=n.hasError;return t?r?i.getColors(e).text.errorInverted:i.getFonts(e).copy.small.colorInverted:r?i.getColors(e).text.error:i.getFonts(e).copy.small.color}),(function(e){var r=e.isInverted,o=e.theme,l=e.isOpen;return t.css(u||(u=n.__makeTemplateObject(["\n                &:hover {\n                    outline: ",";\n                    outline-offset: 0;\n                }\n            "],["\n                &:hover {\n                    outline: ",";\n                    outline-offset: 0;\n                }\n            "])),"1px solid ".concat(l?"transparent":r?i.getColors(o).primary.inverted:i.getColors(o).primary.default))}),(function(n){var e=n.theme,t=n.isInverted,r=n.isOpen;return"1px solid ".concat(r?"transparent":t?i.getColors(e).primary.inverted:i.getColors(e).primary.default)}),i.spacings.nudge),C=k.default(r.Copy).withConfig({displayName:"MultiselectDropdown__SelectMain",componentId:"sc-rrwdl0-1"})(p||(p=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),i.spacings.nudge),I=k.default.span.withConfig({displayName:"MultiselectDropdown__Indicator",componentId:"sc-rrwdl0-2"})(f||(f=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),i.spacings.nudge),E=k.default.ul.withConfig({displayName:"MultiselectDropdown__Flyout",componentId:"sc-rrwdl0-3"})(m||(m=n.__makeTemplateObject(["\n    list-style: none;\n    padding: ","px ","px;\n    margin: 0;\n    margin-top: ",";\n\n    position: ",";\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ",";\n    background: ",";\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ",";\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n"],["\n    list-style: none;\n    padding: ","px ","px;\n    margin: 0;\n    margin-top: ",";\n\n    position: ",";\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ",";\n    background: ",";\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ",";\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n"])),i.spacings.nudge,2*i.spacings.nudge,(function(n){return n.inlined&&"3px"}),(function(n){return n.inlined?"relative":"absolute"}),(function(n){return n.isVisible?"block":"none"}),(function(n){var e=n.theme;return i.getColors(e).elementBg.light}),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).elementBg.light:i.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.theme;return i.getColors(e).elementBg.medium})),M=k.default.li.withConfig({displayName:"MultiselectDropdown__ItemStyle",componentId:"sc-rrwdl0-4"})(g||(g=n.__makeTemplateObject(["\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n"],["\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n"]))),j=k.default(s.Checkbox).withConfig({displayName:"MultiselectDropdown__ItemCheckbox",componentId:"sc-rrwdl0-5"})(h||(h=n.__makeTemplateObject(["\n    width: 100%;\n"],["\n    width: 100%;\n"]))),D=k.default.div.withConfig({displayName:"MultiselectDropdown__Container",componentId:"sc-rrwdl0-6"})(b||(b=n.__makeTemplateObject(["\n    position: relative;\n    outline: none;\n"],["\n    position: relative;\n    outline: none;\n"]))),T=k.default(r.Copy).withConfig({displayName:"MultiselectDropdown__Counter",componentId:"sc-rrwdl0-7"})(x||(x=n.__makeTemplateObject(["\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ",";\n\n    line-height: normal;\n    color: ",";\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"],["\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ",";\n\n    line-height: normal;\n    color: ",";\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"])),(function(n){var e=n.theme;return i.getColors(e).text.default}),(function(n){var e=n.theme;return i.getColors(e).text.inverted})),O=k.default.button.withConfig({displayName:"MultiselectDropdown__Reset",componentId:"sc-rrwdl0-8"})(v||(v=n.__makeTemplateObject(["\n    background: none;\n    border: none;\n    padding: 0;\n\n    ",";\n    margin-top: ","px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    background: none;\n    border: none;\n    padding: 0;\n\n    ",";\n    margin-top: ","px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),r.copyStyle("copy","small"),2*i.spacings.nudge,(function(n){var e=n.theme;return i.getFonts(e).link.color})),B=k.default.div.withConfig({displayName:"MultiselectDropdown__Icon",componentId:"sc-rrwdl0-9"})(w||(w=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),i.spacings.nudge),F=y.default.memo((function(t){var r=t.label,i=t.isRequired,s=t.errorMessage,d=t.infoMessage,u=t.isDisabled,c=t.isInverted,p=t.items,f=t.name,m=t.selectedItems,g=t.placeholder,h=t.resetLabel,b=t.inlined,x=t.icon,v=t.onChange,w=t.onBlur,k=t.indicator,F=t.className,N=o.useLibTheme().colors,q=e.useState(b||!1),z=q[0],R=q[1],S=e.useState(m||[]),L=S[0],A=S[1],V=e.useRef(null),W=e.useRef(null),G=a.useMounted(),H=e.useRef(!1);e.useEffect((function(){m&&A(m)}),[m]),e.useEffect((function(){G&&(null==v||v(L))}),[L]),u&&(s="");var P=null==x?void 0:x(c);return y.default.createElement(l.FieldWrapper.View,{isDisabled:u,className:F},y.default.createElement(l.FieldWrapper.Head,{label:r,isRequired:i,isInverted:c}),y.default.createElement(l.FieldWrapper.Content,null,y.default.createElement(D,{ref:W,onBlur:function(n){var e;b||(null===(e=W.current)||void 0===e?void 0:e.contains(n.relatedTarget))||H.current||(R(!1),null==w||w())}},y.default.createElement(_,{ref:V,type:"button",isOpen:z,inlined:b,isInverted:c,hasError:!!s,onClick:function(){b||R((function(n){return!n}))},"aria-expanded":z},y.default.createElement(C,null,P&&y.default.createElement(B,null,P),y.default.createElement("span",null,g)),y.default.createElement(I,null,L.length>0&&y.default.createElement(T,{size:"small"},y.default.createElement("span",null,L.length)),k&&k({isOpen:z,isDisabled:u}),!k&&(z?y.default.createElement(n.AngleUp,{iconColor:u?N.elementBg.medium:N.elementBg.dark}):y.default.createElement(n.AngleDown,{iconColor:u?N.elementBg.medium:N.elementBg.dark})))),y.default.createElement(E,{isVisible:z,inlined:b},p.map((function(e,t){var r=L.includes(e.value);return y.default.createElement(M,{key:"key_".concat(t+1),onMouseDown:function(){H.current=!0}},y.default.createElement(j,{isSelected:r,value:e.value,onChange:function(){var t;t=e.value,L.includes(t)?A((function(n){return n.filter((function(n){return n!==t}))})):A((function(e){return n.__spreadArray(n.__spreadArray([],e,!0),[t],!1)})),H.current=!1},label:e.label}))})),h&&y.default.createElement(O,{onClick:function(){return A([])}},h))),y.default.createElement("select",{name:f,multiple:!0,hidden:!0,defaultValue:L},p.map((function(n,e){return y.default.createElement("option",{key:"key_".concat(e),value:n.value},n.label)})))),y.default.createElement(l.FieldWrapper.Messages,{infoMessage:d,errorMessage:s,isInverted:c}))}),(function(n,e){if(!n.enableMemo)return!1;if(n.selectedItems!==e.selectedItems)return!1;if(n.errorMessage!==e.errorMessage)return!1;if(n.infoMessage!==e.infoMessage)return!1;if(n.label!==e.label)return!1;if(n.placeholder!==e.placeholder)return!1;if(n.resetLabel!==e.resetLabel)return!1;if(n.isInverted!==e.isInverted)return!1;if(n.isDisabled!==e.isDisabled)return!1;if(n.inlined!==e.inlined)return!1;if(n.items.length!==e.items.length)return!1;for(var t=0;t<n.items.length;t++)if(n.items[t].label!==e.items[t].label||n.items[t].value!==e.items[t].value)return!1;return!0}));exports.MultiselectDropdown=F;
-//# sourceMappingURL=MultiselectDropdown-07d543dc.js.map
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),r=require("./Copy-2a9d4b5d.js"),o=require("./LibThemeProvider-69109901.js"),i=require("./styles-13e5d9ac.js"),l=require("./formFieldText-21f5f620.js"),a=require("./useMounted-0bba9869.js"),s=require("./Checkbox-ddc9a87d.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var u,c,p,f,m,g,h,b,x,v,w,y=d(e),k=d(t),_=k.default.button.withConfig({displayName:"MultiselectDropdown__Select",componentId:"sc-rrwdl0-0"})(c||(c=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ",";\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n    transition: background-color 0.2s ease-in-out;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n    line-height: normal;\n\n    @media (hover: hover) and (pointer: fine) {\n        ","\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ",";\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n    transition: background-color 0.2s ease-in-out;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n    line-height: normal;\n\n    @media (hover: hover) and (pointer: fine) {\n        ","\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),(function(n){return n.inlined?"default":"pointer"}),i.spacings.nudge,(function(n){var e=n.theme,t=n.isInverted,r=n.hasError;return t?r?i.getColors(e).errorInverted:i.getColors(e).elementBg.light:r?i.getColors(e).error:i.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),r.copyStyle("copy","small"),(function(n){var e=n.theme;return i.withRange(l.getFormFieldTextSize(e),"font-size")}),(function(n){var e=n.theme,t=n.isInverted,r=n.hasError;return t?r?i.getColors(e).text.errorInverted:i.getFonts(e).copy.small.colorInverted:r?i.getColors(e).text.error:i.getFonts(e).copy.small.color}),(function(e){var r=e.isInverted,o=e.theme,l=e.isOpen;return t.css(u||(u=n.__makeTemplateObject(["\n                &:hover {\n                    outline: ",";\n                    outline-offset: 0;\n                }\n            "],["\n                &:hover {\n                    outline: ",";\n                    outline-offset: 0;\n                }\n            "])),"1px solid ".concat(l?"transparent":r?i.getColors(o).primary.inverted:i.getColors(o).primary.default))}),(function(n){var e=n.theme,t=n.isInverted,r=n.isOpen;return"1px solid ".concat(r?"transparent":t?i.getColors(e).primary.inverted:i.getColors(e).primary.default)}),i.spacings.nudge),C=k.default(r.Copy).withConfig({displayName:"MultiselectDropdown__SelectMain",componentId:"sc-rrwdl0-1"})(p||(p=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),i.spacings.nudge),I=k.default.span.withConfig({displayName:"MultiselectDropdown__Indicator",componentId:"sc-rrwdl0-2"})(f||(f=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),i.spacings.nudge),E=k.default.ul.withConfig({displayName:"MultiselectDropdown__Flyout",componentId:"sc-rrwdl0-3"})(m||(m=n.__makeTemplateObject(["\n    list-style: none;\n    padding: ","px ","px;\n    margin: 0;\n    margin-top: ",";\n\n    position: ",";\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ",";\n    background: ",";\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ",";\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n"],["\n    list-style: none;\n    padding: ","px ","px;\n    margin: 0;\n    margin-top: ",";\n\n    position: ",";\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ",";\n    background: ",";\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ",";\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n"])),i.spacings.nudge,2*i.spacings.nudge,(function(n){return n.inlined&&"3px"}),(function(n){return n.inlined?"relative":"absolute"}),(function(n){return n.isVisible?"block":"none"}),(function(n){var e=n.theme;return i.getColors(e).elementBg.light}),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).elementBg.light:i.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.theme;return i.getColors(e).elementBg.medium})),M=k.default.li.withConfig({displayName:"MultiselectDropdown__ItemStyle",componentId:"sc-rrwdl0-4"})(g||(g=n.__makeTemplateObject(["\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n"],["\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n"]))),j=k.default(s.Checkbox).withConfig({displayName:"MultiselectDropdown__ItemCheckbox",componentId:"sc-rrwdl0-5"})(h||(h=n.__makeTemplateObject(["\n    width: 100%;\n"],["\n    width: 100%;\n"]))),D=k.default.div.withConfig({displayName:"MultiselectDropdown__Container",componentId:"sc-rrwdl0-6"})(b||(b=n.__makeTemplateObject(["\n    position: relative;\n    outline: none;\n"],["\n    position: relative;\n    outline: none;\n"]))),T=k.default(r.Copy).withConfig({displayName:"MultiselectDropdown__Counter",componentId:"sc-rrwdl0-7"})(x||(x=n.__makeTemplateObject(["\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ",";\n\n    line-height: normal;\n    color: ",";\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"],["\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ",";\n\n    line-height: normal;\n    color: ",";\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"])),(function(n){var e=n.theme;return i.getColors(e).text.default}),(function(n){var e=n.theme;return i.getColors(e).text.inverted})),O=k.default.button.withConfig({displayName:"MultiselectDropdown__Reset",componentId:"sc-rrwdl0-8"})(v||(v=n.__makeTemplateObject(["\n    background: none;\n    border: none;\n    padding: 0;\n\n    ",";\n    margin-top: ","px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    background: none;\n    border: none;\n    padding: 0;\n\n    ",";\n    margin-top: ","px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),r.copyStyle("copy","small"),2*i.spacings.nudge,(function(n){var e=n.theme;return i.getFonts(e).link.color})),B=k.default.div.withConfig({displayName:"MultiselectDropdown__Icon",componentId:"sc-rrwdl0-9"})(w||(w=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),i.spacings.nudge),F=y.default.memo((function(t){var r=t.label,i=t.isRequired,s=t.errorMessage,d=t.infoMessage,u=t.isDisabled,c=t.isInverted,p=t.items,f=t.name,m=t.selectedItems,g=t.placeholder,h=t.resetLabel,b=t.inlined,x=t.icon,v=t.onChange,w=t.onBlur,k=t.indicator,F=t.className,N=o.useLibTheme().colors,q=e.useState(b||!1),z=q[0],R=q[1],S=e.useState(m||[]),L=S[0],A=S[1],V=e.useRef(null),W=e.useRef(null),G=a.useMounted(),H=e.useRef(!1);e.useEffect((function(){m&&A(m)}),[m]),e.useEffect((function(){G&&(null==v||v(L))}),[L]),u&&(s="");var P=null==x?void 0:x(c);return y.default.createElement(l.FieldWrapper.View,{isDisabled:u,className:F},y.default.createElement(l.FieldWrapper.Head,{label:r,isRequired:i,isInverted:c}),y.default.createElement(l.FieldWrapper.Content,null,y.default.createElement(D,{ref:W,onBlur:function(n){var e;b||(null===(e=W.current)||void 0===e?void 0:e.contains(n.relatedTarget))||H.current||(R(!1),null==w||w())}},y.default.createElement(_,{ref:V,type:"button",isOpen:z,inlined:b,isInverted:c,hasError:!!s,onClick:function(){b||R((function(n){return!n}))},"aria-expanded":z},y.default.createElement(C,null,P&&y.default.createElement(B,null,P),y.default.createElement("span",null,g)),y.default.createElement(I,null,L.length>0&&y.default.createElement(T,{size:"small"},y.default.createElement("span",null,L.length)),k&&k({isOpen:z,isDisabled:u}),!k&&(z?y.default.createElement(n.AngleUp,{iconColor:u?N.elementBg.medium:N.elementBg.dark}):y.default.createElement(n.AngleDown,{iconColor:u?N.elementBg.medium:N.elementBg.dark})))),y.default.createElement(E,{isVisible:z,inlined:b},p.map((function(e,t){var r=L.includes(e.value);return y.default.createElement(M,{key:"key_".concat(t+1),onMouseDown:function(){H.current=!0}},y.default.createElement(j,{isSelected:r,value:e.value,onChange:function(){var t;t=e.value,L.includes(t)?A((function(n){return n.filter((function(n){return n!==t}))})):A((function(e){return n.__spreadArray(n.__spreadArray([],e,!0),[t],!1)})),H.current=!1},label:e.label}))})),h&&y.default.createElement(O,{onClick:function(){return A([])}},h))),y.default.createElement("select",{name:f,multiple:!0,hidden:!0,defaultValue:L},p.map((function(n,e){return y.default.createElement("option",{key:"key_".concat(e),value:n.value},n.label)})))),y.default.createElement(l.FieldWrapper.Messages,{infoMessage:d,errorMessage:s,isInverted:c}))}),(function(n,e){if(!n.enableMemo)return!1;if(n.selectedItems!==e.selectedItems)return!1;if(n.errorMessage!==e.errorMessage)return!1;if(n.infoMessage!==e.infoMessage)return!1;if(n.label!==e.label)return!1;if(n.placeholder!==e.placeholder)return!1;if(n.resetLabel!==e.resetLabel)return!1;if(n.isInverted!==e.isInverted)return!1;if(n.isDisabled!==e.isDisabled)return!1;if(n.inlined!==e.inlined)return!1;if(n.items.length!==e.items.length)return!1;for(var t=0;t<n.items.length;t++)if(n.items[t].label!==e.items[t].label||n.items[t].value!==e.items[t].value)return!1;return!0}));exports.MultiselectDropdown=F;
+//# sourceMappingURL=MultiselectDropdown-d46ae36f.js.map

package/cjs/{MultiselectDropdown-07d543dc.js.map → MultiselectDropdown-d46ae36f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiselectDropdown-07d543dc.js","sources":["../src/components/fields/MultiselectDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport AngleDown from 'components/base/icons/AngleDown';\nimport AngleUp from 'components/base/icons/AngleUp';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper from './FormField';\nimport { FormProps } from './Textfield';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\nimport useMounted from 'utils/useMounted';\nimport Checkbox from './Checkbox';\n\nconst Select = styled.button<{\n    hasError?: boolean;\n    isOpen?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ${({ inlined }) => (inlined ? 'default' : 'pointer')};\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n    transition: background-color 0.2s ease-in-out;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n    \n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n    line-height: normal;\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ isInverted, theme, isOpen }) =>\n            css`\n                &:hover {\n                    outline: ${`1px solid ${\n                        isOpen\n                            ? 'transparent'\n                            : isInverted\n                            ? color(theme).primary.inverted\n                            : color(theme).primary.default\n                    }`};\n                    outline-offset: 0;\n                }\n            `}\n    }\n\n    &:focus {\n        outline: ${({ theme, isInverted, isOpen }) =>\n            `1px solid ${\n                isOpen\n                    ? 'transparent'\n                    : isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectMain = styled(Copy)`\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Indicator = styled.span`\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Flyout = styled.ul<{\n    isVisible?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    list-style: none;\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n    margin: 0;\n    margin-top: ${({ inlined }) => inlined && '3px'};\n\n    position: ${({ inlined }) => (inlined ? 'relative' : 'absolute')};\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ${({ isVisible }) => (isVisible ? 'block' : 'none')};\n    background: ${({ theme }) => color(theme).elementBg.light};\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n`;\n\nconst ItemStyle = styled.li`\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n`;\n\nconst ItemCheckbox = styled(Checkbox)`\n    width: 100%;\n`;\n\nconst Container = styled.div`\n    position: relative;\n    outline: none;\n`;\n\nconst Counter = styled(Copy)`\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ${({ theme }) => color(theme).text.default};\n\n    line-height: normal;\n    color: ${({ theme }) => color(theme).text.inverted};\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n`;\n\nconst Reset = styled.button`\n    background: none;\n    border: none;\n    padding: 0;\n\n    ${copyStyle('copy', 'small')};\n    margin-top: ${spacings.nudge * 2}px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ${({ theme }) => font(theme).link.color};\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\nconst Icon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-left: ${spacings.nudge}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n`;\n\ninterface FilterItem {\n    value: string;\n    label: string;\n}\n\nexport type MultiselectDropdownProps = Omit<FormProps, 'value'> & {\n    enableMemo?: boolean;\n    inlined?: boolean;\n    placeholder?: string;\n    name?: string;\n    selectedItems?: string[];\n    items: FilterItem[];\n    resetLabel?: string;\n\n    onChange?: (values: string[]) => void;\n    onBlur?: () => void;\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    indicator?: (props: {\n        isOpen: boolean;\n        isDisabled?: boolean;\n    }) => React.ReactNode;\n};\n\nconst MultiselectDropdown: React.FC<\n    MultiselectDropdownProps & { className?: string }\n> = ({\n    label,\n    isRequired,\n    errorMessage,\n    infoMessage,\n    isDisabled,\n    isInverted,\n    items,\n    name,\n    selectedItems,\n    placeholder,\n    resetLabel,\n    inlined,\n    icon,\n    onChange,\n    onBlur,\n    indicator,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n    const [isOpen, setIsOpen] = useState(inlined || false);\n    const [selected, setSelected] = useState<string[]>(selectedItems || []);\n\n    const selectBtnRef = useRef<HTMLButtonElement>(null);\n    const selectContainerRef = useRef<HTMLDivElement>(null);\n    const isMounted = useMounted();\n    const itemHasBeenClicked = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (selectedItems) {\n            setSelected(selectedItems);\n        }\n    }, [selectedItems]);\n\n    useEffect(() => {\n        if (isMounted) {\n            onChange?.(selected);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selected]);\n\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    const toggleSelected = (value: string) => {\n        if (selected.includes(value)) {\n            setSelected((prev) => prev.filter((v) => v !== value));\n            return;\n        }\n\n        setSelected((prev) => [...prev, value]);\n    };\n\n    const iconElement = icon?.(isInverted);\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled} className={className}>\n            <FieldWrapper.Head\n                label={label}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <Container\n                    ref={selectContainerRef}\n                    onBlur={(ev) => {\n                        if (\n                            !inlined &&\n                            !selectContainerRef.current?.contains(\n                                ev.relatedTarget\n                            ) &&\n                            !itemHasBeenClicked.current\n                        ) {\n                            setIsOpen(false);\n                            onBlur?.();\n                        }\n                    }}\n                >\n                    <Select\n                        ref={selectBtnRef}\n                        type=\"button\"\n                        isOpen={isOpen}\n                        inlined={inlined}\n                        isInverted={isInverted}\n                        hasError={!!errorMessage}\n                        onClick={() => {\n                            if (inlined) return;\n                            setIsOpen((prev) => !prev);\n                        }}\n                        aria-expanded={isOpen}\n                    >\n                        <SelectMain>\n                            {iconElement && <Icon>{iconElement}</Icon>}\n                            <span>{placeholder}</span>\n                        </SelectMain>\n                        <Indicator>\n                            {selected.length > 0 && (\n                                <Counter size=\"small\">\n                                    <span>{selected.length}</span>\n                                </Counter>\n                            )}\n                            {indicator &&\n                                indicator({ isOpen, isDisabled: isDisabled })}\n                            {!indicator &&\n                                (isOpen ? (\n                                    <AngleUp\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ) : (\n                                    <AngleDown\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ))}\n                        </Indicator>\n                    </Select>\n                    <Flyout isVisible={isOpen} inlined={inlined}>\n                        {items.map((item, i) => {\n                            const isSelected = selected.includes(item.value);\n\n                            return (\n                                <ItemStyle\n                                    key={`key_${i + 1}`}\n                                    onMouseDown={() => {\n                                        itemHasBeenClicked.current = true;\n                                    }}\n                                >\n                                    <ItemCheckbox\n                                        isSelected={isSelected}\n                                        value={item.value}\n                                        onChange={() => {\n                                            toggleSelected(item.value);\n                                            itemHasBeenClicked.current = false;\n                                        }}\n                                        label={item.label}\n                                    />\n                                </ItemStyle>\n                            );\n                        })}\n                        {resetLabel && (\n                            <Reset onClick={() => setSelected([])}>\n                                {resetLabel}\n                            </Reset>\n                        )}\n                    </Flyout>\n                </Container>\n                <select name={name} multiple hidden defaultValue={selected}>\n                    {items.map((item, i) => {\n                        return (\n                            <option key={`key_${i}`} value={item.value}>\n                                {item.label}\n                            </option>\n                        );\n                    })}\n                </select>\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMessage={infoMessage}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (\n    prev: MultiselectDropdownProps,\n    next: MultiselectDropdownProps\n) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.selectedItems !== next.selectedItems) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n    if (prev.resetLabel !== next.resetLabel) return false;\n    if (prev.isInverted !== next.isInverted) return false;\n    if (prev.isDisabled !== next.isDisabled) return false;\n    if (prev.inlined !== next.inlined) return false;\n\n    // compare items\n    if (prev.items.length !== next.items.length) return false;\n    for (let i = 0; i < prev.items.length; i++) {\n        if (\n            prev.items[i].label !== next.items[i].label ||\n            prev.items[i].value !== next.items[i].value\n        ) {\n            return false;\n        }\n    }\n\n    return true;\n};\n\nexport default React.memo(MultiselectDropdown, areEqual);\n"],"names":["Select","styled","button","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","inlined","spacings","nudge","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","getFonts","copy","small","colorInverted","isOpen","css","templateObject_1","primary","inverted","default","getColors","SelectMain","Copy","templateObject_3","Indicator","span","templateObject_4","Flyout","ul","isVisible","medium","ItemStyle","li","templateObject_6","ItemCheckbox","Checkbox","templateObject_7","Container","div","templateObject_8","Counter","templateObject_9","Reset","templateObject_10","link","Icon","templateObject_11","React","memo","label","isRequired","errorMessage","infoMessage","isDisabled","items","name","selectedItems","placeholder","resetLabel","icon","onChange","onBlur","indicator","className","colors","useLibTheme","_b","useState","setIsOpen","_c","selected","setSelected","selectBtnRef","useRef","selectContainerRef","isMounted","useMounted","itemHasBeenClicked","useEffect","iconElement","createElement","FieldWrapper","View","Head","Content","ref","ev","current","contains","relatedTarget","type","onClick","prev","length","size","AngleUp","iconColor","AngleDown","map","item","i","isSelected","includes","value","key","concat","onMouseDown","filter","v","__spreadArray","multiple","hidden","defaultValue","Messages","next","enableMemo"],"mappings":"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"}
+{"version":3,"file":"MultiselectDropdown-d46ae36f.js","sources":["../src/components/fields/MultiselectDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport AngleDown from 'components/base/icons/AngleDown';\nimport AngleUp from 'components/base/icons/AngleUp';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper from './FormField';\nimport { FormProps } from './Textfield';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\nimport useMounted from 'utils/useMounted';\nimport Checkbox from './Checkbox';\n\nconst Select = styled.button<{\n    hasError?: boolean;\n    isOpen?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ${({ inlined }) => (inlined ? 'default' : 'pointer')};\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n    transition: background-color 0.2s ease-in-out;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n    \n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n    line-height: normal;\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ isInverted, theme, isOpen }) =>\n            css`\n                &:hover {\n                    outline: ${`1px solid ${\n                        isOpen\n                            ? 'transparent'\n                            : isInverted\n                            ? color(theme).primary.inverted\n                            : color(theme).primary.default\n                    }`};\n                    outline-offset: 0;\n                }\n            `}\n    }\n\n    &:focus {\n        outline: ${({ theme, isInverted, isOpen }) =>\n            `1px solid ${\n                isOpen\n                    ? 'transparent'\n                    : isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectMain = styled(Copy)`\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Indicator = styled.span`\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Flyout = styled.ul<{\n    isVisible?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    list-style: none;\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n    margin: 0;\n    margin-top: ${({ inlined }) => inlined && '3px'};\n\n    position: ${({ inlined }) => (inlined ? 'relative' : 'absolute')};\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ${({ isVisible }) => (isVisible ? 'block' : 'none')};\n    background: ${({ theme }) => color(theme).elementBg.light};\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n`;\n\nconst ItemStyle = styled.li`\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n`;\n\nconst ItemCheckbox = styled(Checkbox)`\n    width: 100%;\n`;\n\nconst Container = styled.div`\n    position: relative;\n    outline: none;\n`;\n\nconst Counter = styled(Copy)`\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ${({ theme }) => color(theme).text.default};\n\n    line-height: normal;\n    color: ${({ theme }) => color(theme).text.inverted};\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n`;\n\nconst Reset = styled.button`\n    background: none;\n    border: none;\n    padding: 0;\n\n    ${copyStyle('copy', 'small')};\n    margin-top: ${spacings.nudge * 2}px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ${({ theme }) => font(theme).link.color};\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\nconst Icon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-left: ${spacings.nudge}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n`;\n\ninterface FilterItem {\n    value: string;\n    label: string;\n}\n\nexport type MultiselectDropdownProps = Omit<FormProps, 'value'> & {\n    enableMemo?: boolean;\n    inlined?: boolean;\n    placeholder?: string;\n    name?: string;\n    selectedItems?: string[];\n    items: FilterItem[];\n    resetLabel?: string;\n\n    onChange?: (values: string[]) => void;\n    onBlur?: () => void;\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    indicator?: (props: {\n        isOpen: boolean;\n        isDisabled?: boolean;\n    }) => React.ReactNode;\n};\n\nconst MultiselectDropdown: React.FC<\n    MultiselectDropdownProps & { className?: string }\n> = ({\n    label,\n    isRequired,\n    errorMessage,\n    infoMessage,\n    isDisabled,\n    isInverted,\n    items,\n    name,\n    selectedItems,\n    placeholder,\n    resetLabel,\n    inlined,\n    icon,\n    onChange,\n    onBlur,\n    indicator,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n    const [isOpen, setIsOpen] = useState(inlined || false);\n    const [selected, setSelected] = useState<string[]>(selectedItems || []);\n\n    const selectBtnRef = useRef<HTMLButtonElement>(null);\n    const selectContainerRef = useRef<HTMLDivElement>(null);\n    const isMounted = useMounted();\n    const itemHasBeenClicked = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (selectedItems) {\n            setSelected(selectedItems);\n        }\n    }, [selectedItems]);\n\n    useEffect(() => {\n        if (isMounted) {\n            onChange?.(selected);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selected]);\n\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    const toggleSelected = (value: string) => {\n        if (selected.includes(value)) {\n            setSelected((prev) => prev.filter((v) => v !== value));\n            return;\n        }\n\n        setSelected((prev) => [...prev, value]);\n    };\n\n    const iconElement = icon?.(isInverted);\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled} className={className}>\n            <FieldWrapper.Head\n                label={label}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <Container\n                    ref={selectContainerRef}\n                    onBlur={(ev) => {\n                        if (\n                            !inlined &&\n                            !selectContainerRef.current?.contains(\n                                ev.relatedTarget\n                            ) &&\n                            !itemHasBeenClicked.current\n                        ) {\n                            setIsOpen(false);\n                            onBlur?.();\n                        }\n                    }}\n                >\n                    <Select\n                        ref={selectBtnRef}\n                        type=\"button\"\n                        isOpen={isOpen}\n                        inlined={inlined}\n                        isInverted={isInverted}\n                        hasError={!!errorMessage}\n                        onClick={() => {\n                            if (inlined) return;\n                            setIsOpen((prev) => !prev);\n                        }}\n                        aria-expanded={isOpen}\n                    >\n                        <SelectMain>\n                            {iconElement && <Icon>{iconElement}</Icon>}\n                            <span>{placeholder}</span>\n                        </SelectMain>\n                        <Indicator>\n                            {selected.length > 0 && (\n                                <Counter size=\"small\">\n                                    <span>{selected.length}</span>\n                                </Counter>\n                            )}\n                            {indicator &&\n                                indicator({ isOpen, isDisabled: isDisabled })}\n                            {!indicator &&\n                                (isOpen ? (\n                                    <AngleUp\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ) : (\n                                    <AngleDown\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ))}\n                        </Indicator>\n                    </Select>\n                    <Flyout isVisible={isOpen} inlined={inlined}>\n                        {items.map((item, i) => {\n                            const isSelected = selected.includes(item.value);\n\n                            return (\n                                <ItemStyle\n                                    key={`key_${i + 1}`}\n                                    onMouseDown={() => {\n                                        itemHasBeenClicked.current = true;\n                                    }}\n                                >\n                                    <ItemCheckbox\n                                        isSelected={isSelected}\n                                        value={item.value}\n                                        onChange={() => {\n                                            toggleSelected(item.value);\n                                            itemHasBeenClicked.current = false;\n                                        }}\n                                        label={item.label}\n                                    />\n                                </ItemStyle>\n                            );\n                        })}\n                        {resetLabel && (\n                            <Reset onClick={() => setSelected([])}>\n                                {resetLabel}\n                            </Reset>\n                        )}\n                    </Flyout>\n                </Container>\n                <select name={name} multiple hidden defaultValue={selected}>\n                    {items.map((item, i) => {\n                        return (\n                            <option key={`key_${i}`} value={item.value}>\n                                {item.label}\n                            </option>\n                        );\n                    })}\n                </select>\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMessage={infoMessage}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (\n    prev: MultiselectDropdownProps,\n    next: MultiselectDropdownProps\n) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.selectedItems !== next.selectedItems) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n    if (prev.resetLabel !== next.resetLabel) return false;\n    if (prev.isInverted !== next.isInverted) return false;\n    if (prev.isDisabled !== next.isDisabled) return false;\n    if (prev.inlined !== next.inlined) return false;\n\n    // compare items\n    if (prev.items.length !== next.items.length) return false;\n    for (let i = 0; i < prev.items.length; i++) {\n        if (\n            prev.items[i].label !== next.items[i].label ||\n            prev.items[i].value !== next.items[i].value\n        ) {\n            return false;\n        }\n    }\n\n    return true;\n};\n\nexport default React.memo(MultiselectDropdown, areEqual);\n"],"names":["Select","styled","button","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","inlined","spacings","nudge","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","getFonts","copy","small","colorInverted","isOpen","css","templateObject_1","primary","inverted","default","getColors","SelectMain","Copy","templateObject_3","Indicator","span","templateObject_4","Flyout","ul","isVisible","medium","ItemStyle","li","templateObject_6","ItemCheckbox","Checkbox","templateObject_7","Container","div","templateObject_8","Counter","templateObject_9","Reset","templateObject_10","link","Icon","templateObject_11","React","memo","label","isRequired","errorMessage","infoMessage","isDisabled","items","name","selectedItems","placeholder","resetLabel","icon","onChange","onBlur","indicator","className","colors","useLibTheme","_b","useState","setIsOpen","_c","selected","setSelected","selectBtnRef","useRef","selectContainerRef","isMounted","useMounted","itemHasBeenClicked","useEffect","iconElement","createElement","FieldWrapper","View","Head","Content","ref","ev","current","contains","relatedTarget","type","onClick","prev","length","size","AngleUp","iconColor","AngleDown","map","item","i","isSelected","includes","value","key","concat","onMouseDown","filter","v","__spreadArray","multiple","hidden","defaultValue","Messages","next","enableMemo"],"mappings":"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"}

package/cjs/{Navigation-6abb6213.js → Navigation-6c5d9dee.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("./LibThemeProvider-69109901.js"),i=require("./useMediaQuery-619d7203.js"),a=require("./navigation-3f9d4ac4.js"),o=require("./Link-8951180c.js"),r=require("styled-components"),l=require("./arrays-c272ed59.js"),s=require("./clamp-bd21d587.js"),u=require("./styles-13e5d9ac.js"),d=require("./Copy-a0bc570d.js"),c=require("./Image-94820dfd.js"),p=require("./LanguageSwitcher-aa96cc7d.js");function m(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g=m(e),v=m(r);!function(n){n[n.UP=0]="UP",n[n.DOWN=1]="DOWN"}(f||(f={}));var h,b,x,w,y,_,k,C,I,N,O,B,E,S,F,M=v.default.nav.withConfig({displayName:"BarBreadCrumbs__View",componentId:"sc-bian0m-0"})(h||(h=n.__makeTemplateObject(["\n    min-width: 0;\n"],["\n    min-width: 0;\n"]))),T=v.default.ul.withConfig({displayName:"BarBreadCrumbs__List",componentId:"sc-bian0m-1"})(b||(b=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    min-width: inherit;\n\n    & > li:first-child {\n        flex: 1 0 auto;\n    }\n\n    @media "," {\n        & > li + li {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    min-width: inherit;\n\n    & > li:first-child {\n        flex: 1 0 auto;\n    }\n\n    @media "," {\n        & > li + li {\n            margin-left: ","px;\n        }\n    }\n"])),u.mq.semilarge,u.spacings.nudge),j=v.default.li.withConfig({displayName:"BarBreadCrumbs__ListItem",componentId:"sc-bian0m-2"})(x||(x=n.__makeTemplateObject(["\n    display: ",";\n    min-width: inherit;\n\n    @media "," {\n        display: flex;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: ",";\n    min-width: inherit;\n\n    @media "," {\n        display: flex;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),(function(n){return n.isCurrent?"flex":"none"}),u.mq.semilarge,u.spacings.nudge),z=v.default(o.Link).withConfig({displayName:"BarBreadCrumbs__NavLink",componentId:"sc-bian0m-3"})(w||(w=n.__makeTemplateObject(["\n    display: ",";\n    align-items: center;\n    max-width: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ","\n    color: ",";\n    text-decoration: underline;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    display: ",";\n    align-items: center;\n    max-width: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ","\n    color: ",";\n    text-decoration: underline;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    @media "," {\n        display: ",";\n    }\n"])),(function(n){return n.showOnMobile?"inline-flex":"none"}),(function(n){return n.clamp&&"120px"}),d.copyStyle("copy","small"),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.mq.semilarge,(function(n){return n.showOnDesktop?"inline-block":"none"})),L=v.default.span.withConfig({displayName:"BarBreadCrumbs__NavLabel",componentId:"sc-bian0m-4"})(y||(y=n.__makeTemplateObject(["\n    display: ",";\n    align-items: center;\n    max-width: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ","\n    color: ",";\n    text-decoration: none;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    display: ",";\n    align-items: center;\n    max-width: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ","\n    color: ",";\n    text-decoration: none;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: ",";\n    }\n"])),(function(n){return n.showOnMobile?"inline-flex":"none"}),(function(n){return n.clamp&&"120px"}),d.copyStyle("copy","small"),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.spacings.nudge,u.mq.semilarge,(function(n){return n.showOnDesktop?"inline-block":"none"})),q=v.default(d.Copy).withConfig({displayName:"BarBreadCrumbs__Seperator",componentId:"sc-bian0m-5"})(_||(_=n.__makeTemplateObject(["\n    display: none;\n\n    transition: color 0.2s ease-in-out;\n\n    @media "," {\n        display: inline-block;\n    }\n"],["\n    display: none;\n\n    transition: color 0.2s ease-in-out;\n\n    @media "," {\n        display: inline-block;\n    }\n"])),u.mq.semilarge),H=v.default.span.withConfig({displayName:"BarBreadCrumbs__BackIconContainer",componentId:"sc-bian0m-6"})(k||(k=n.__makeTemplateObject(["\n    flex: 0 0 auto;\n"],["\n    flex: 0 0 auto;\n"]))),A=function(e){var t=e.isInverted,i=e.label,a=e.link,o=e.showOnMobile,r=e.showOnDesktop,l=e.children;return(null==a?void 0:a.href)?g.default.createElement(z,n.__assign({},a,{isInverted:t,showOnMobile:o,showOnDesktop:r}),l||i):g.default.createElement(L,{isInverted:t,showOnMobile:o,showOnDesktop:r},l||i)},P=v.default.div.withConfig({displayName:"BarColumn__Column",componentId:"sc-1sqtyni-0"})(C||(C=n.__makeTemplateObject(["\n    flex: ",";\n\n    padding: ","px 0;\n    min-width: -webkit-min-content;\n    align-self: ",";\n\n    text-align: center;\n    color: ",";\n\n    &:first-child {\n        text-align: left;\n    }\n\n    &:last-child {\n        text-align: right;\n    }\n\n    &:not(:first-child):not(:last-child) {\n        margin: 0 ","px;\n    }\n"],["\n    flex: ",";\n\n    padding: ","px 0;\n    min-width: -webkit-min-content;\n    align-self: ",";\n\n    text-align: center;\n    color: ",";\n\n    &:first-child {\n        text-align: left;\n    }\n\n    &:last-child {\n        text-align: right;\n    }\n\n    &:not(:first-child):not(:last-child) {\n        margin: 0 ","px;\n    }\n"])),(function(n){return n.takeSpace?1:void 0}),u.spacings.nudge,(function(n){switch(n.vAlign){case"center":return"center";case"bottom":return"flex-end";case"top":return"flex-start";default:return}}),(function(n){var e=n.theme;n.isInverted;return u.getColors(e).text.inverted}),2*u.spacings.nudge),V=v.default(o.Link).withConfig({displayName:"BarLogo__View",componentId:"sc-jul8nq-0"})(I||(I=n.__makeTemplateObject(["\n    display: block;\n    display: flex;\n    justify-content: center;\n    min-width: 60px;\n    max-width: 100%;\n    max-height: 100%;\n\n    &:focus {\n        outline: 2px solid ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: block;\n    display: flex;\n    justify-content: center;\n    min-width: 60px;\n    max-width: 100%;\n    max-height: 100%;\n\n    &:focus {\n        outline: 2px solid ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(n){var e=n.theme;return u.getColors(e).primary.default})),D=v.default(c.Image).withConfig({displayName:"BarLogo__Logo",componentId:"sc-jul8nq-1"})(N||(N=n.__makeTemplateObject(["\n    width: auto;\n    height: 100%;\n    object-fit: contain;\n"],["\n    width: auto;\n    height: 100%;\n    object-fit: contain;\n"]))),W=v.default.button.withConfig({displayName:"BarMenuToggle__Toggle",componentId:"sc-5pjose-0"})(O||(O=n.__makeTemplateObject(["\n    background: transparent;\n    border: none;\n    color: ",";\n\n    padding: ","px;\n    margin-left: -","px;\n    outline: none;\n\n    cursor: pointer;\n\n    transition: color 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    &:focus > * {\n        outline: dotted 2px\n            ",";\n        outline-offset: 4px;\n\n        color: ",";\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"],["\n    background: transparent;\n    border: none;\n    color: ",";\n\n    padding: ","px;\n    margin-left: -","px;\n    outline: none;\n\n    cursor: pointer;\n\n    transition: color 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    &:focus > * {\n        outline: dotted 2px\n            ",";\n        outline-offset: 4px;\n\n        color: ",";\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"])),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default}),u.spacings.nudge,u.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.invertedHover:u.getColors(e).primary.hover}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.invertedHover:u.getColors(e).primary.hover})),R=function(n){var e=n.isInverted,t=n.isExpanded,i=void 0!==t&&t,a=n.onClick,o=n.children,r=n.className;return g.default.createElement(W,{isInverted:e,"aria-expanded":i,"aria-label":i?"close menu":"open menu","aria-haspopup":"true","aria-controls":"mainMenu",onClick:a,className:r},o)},G=v.default.nav.withConfig({displayName:"BarNavList__View",componentId:"sc-1r50tdm-0"})(B||(B=n.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n\n    margin: 0 -","px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ",";\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n\n    margin: 0 -","px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ",";\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n"])),u.spacings.nudge,(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default})),U=v.default(o.Link).withConfig({displayName:"BarNavList__NavLink",componentId:"sc-1r50tdm-1"})(E||(E=n.__makeTemplateObject(["\n    display: inline-block;\n    position: relative;\n    padding: 0 ","px;\n\n    ","\n    font-weight: ",";\n\n    color: ",";\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n            text-decoration: underline;\n        }\n    }\n"],["\n    display: inline-block;\n    position: relative;\n    padding: 0 ","px;\n\n    ","\n    font-weight: ",";\n\n    color: ",";\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n            text-decoration: underline;\n        }\n    }\n"])),u.spacings.nudge,d.copyStyle("copy","medium"),(function(n){return n.isActive&&"700"}),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default}),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default})),Q=v.default.div.withConfig({displayName:"MenuHeader__Header",componentId:"sc-1tk7hrl-0"})(S||(S=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    padding: 0 ","px;\n    padding-top: ","px;\n"],["\n    display: flex;\n    align-items: center;\n\n    padding: 0 ","px;\n    padding-top: ","px;\n"])),2*u.spacings.nudge,5*u.spacings.nudge),X=v.default.div.withConfig({displayName:"MenuHeader__LanguageCol",componentId:"sc-1tk7hrl-1"})(F||(F=n.__makeTemplateObject(["\n    display: block;\n    margin-left: ","px;\n    margin-top: 2px;\n"],["\n    display: block;\n    margin-left: ","px;\n    margin-top: 2px;\n"])),3*u.spacings.nudge),Y=function(e){var t=e.isInverted,i=e.customToggle,a=e.menuStates,o=e.langs,r=e.action;return g.default.createElement(g.default.Fragment,null,g.default.createElement(Q,null,g.default.createElement(R,{isInverted:t,isExpanded:!0,onClick:null==a?void 0:a.closeMenu},i?i({isInverted:t}):g.default.createElement(n.Cross,{ariaHidden:!0})),l.isValidArray(o,!1)&&g.default.createElement(X,null,g.default.createElement(p.LanguageSwitcher,{isInverted:t,langs:o})),r&&r(n.__assign({isInverted:t},a))))},J=function(e){return r.css(wn||(wn=n.__makeTemplateObject(["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"],["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"])),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].family}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].weight}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].style}),(function(n){var t=n.theme;return u.withRange(u.getFonts(t).navigation[e].size,"font-size")}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].lineHeight}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].letterSpacing}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].textTransform}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].textDecoration}))},K=v.default.div.withConfig({displayName:"MenuFlyout__Backdrop",componentId:"sc-19pnt0u-0"})(yn||(yn=n.__makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.5);\n    opacity: ",";\n    pointer-events: ",";\n    z-index: 101;\n\n    transition: opacity 0.3s ease-in-out;\n\n    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n        backdrop-filter: ",";\n    }\n"],["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.5);\n    opacity: ",";\n    pointer-events: ",";\n    z-index: 101;\n\n    transition: opacity 0.3s ease-in-out;\n\n    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n        backdrop-filter: ",";\n    }\n"])),(function(n){return n.isOpen?1:0}),(function(n){return n.isOpen?"all":"none"}),(function(n){return n.filter})),Z=v.default.div.withConfig({displayName:"MenuFlyout__Stage",componentId:"sc-19pnt0u-1"})(_n||(_n=n.__makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    left: ",";\n    height: 100vh;\n    width: 100vw;\n    max-width: ","px;\n    pointer-events: none;\n\n    z-index: 102;\n\n    transform: translate(",", 0px);\n\n    transition: transform 0.4s ease-in-out, left 0.4s ease-in-out;\n    will-change: transform;\n"],["\n    position: fixed;\n    top: 0;\n    left: ",";\n    height: 100vh;\n    width: 100vw;\n    max-width: ","px;\n    pointer-events: none;\n\n    z-index: 102;\n\n    transform: translate(",", 0px);\n\n    transition: transform 0.4s ease-in-out, left 0.4s ease-in-out;\n    will-change: transform;\n"])),(function(n){return n.isOpen?"50%":"0px"}),(function(n){return"content"===n.clampWidth?u.spacings.wrapper:u.spacings.wrapperLarge}),(function(n){return n.isOpen?"-50%":"-100%"})),$=v.default.div.withConfig({displayName:"MenuFlyout__Flyout",componentId:"sc-19pnt0u-2"})(kn||(kn=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    visibility: visible;\n\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n\n    pointer-events: ",";\n\n    /** Animation to disable keyboard tabbing if flyout is closed */\n    animation: ",";\n\n    @media "," {\n        width: 384px;\n    }\n\n    @media "," {\n        width: 460px;\n    }\n\n    &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 2px;\n        height: 100%;\n        width: 40vw;\n        background-color: ",";\n        z-index: -1;\n\n        transform: translateX(-100%);\n    }\n\n    @keyframes hideAnim {\n        to {\n            visibility: hidden;\n        }\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n    visibility: visible;\n\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n\n    pointer-events: ",";\n\n    /** Animation to disable keyboard tabbing if flyout is closed */\n    animation: ",";\n\n    @media "," {\n        width: 384px;\n    }\n\n    @media "," {\n        width: 460px;\n    }\n\n    &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 2px;\n        height: 100%;\n        width: 40vw;\n        background-color: ",";\n        z-index: -1;\n\n        transform: translateX(-100%);\n    }\n\n    @keyframes hideAnim {\n        to {\n            visibility: hidden;\n        }\n    }\n"])),(function(n){var e=n.theme;return u.getColors(e).elementBg.light}),(function(n){return n.isOpen?"all":"none"}),(function(n){return!n.isOpen&&"hideAnim 0s ease-in 2s forwards"}),u.mq.medium,u.mq.large,(function(n){var e=n.theme;return u.getColors(e).elementBg.light})),nn=function(n,e){var t="large"===e?u.getGlobals(n).navigation.menu.headerHeight.large:u.getGlobals(n).navigation.menu.headerHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},en=v.default.div.withConfig({displayName:"MenuFlyout__Header",componentId:"sc-19pnt0u-3"})(Cn||(Cn=n.__makeTemplateObject(["\n    flex: 0 0\n        ","px;\n    height: ","px;\n\n    @media "," {\n        height: ","px;\n        flex: 0 0\n            ","px;\n    }\n"],["\n    flex: 0 0\n        ","px;\n    height: ","px;\n\n    @media "," {\n        height: ","px;\n        flex: 0 0\n            ","px;\n    }\n"])),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[0]}),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]}),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]})),tn=v.default.div.withConfig({displayName:"MenuFlyout__ScrollContainer",componentId:"sc-19pnt0u-4"})(In||(In=n.__makeTemplateObject(["\n    display: block;\n    max-height: 100%;\n    min-height: 0;\n"],["\n    display: block;\n    max-height: 100%;\n    min-height: 0;\n"]))),an=v.default.div.withConfig({displayName:"MenuFlyout__ScrollArea",componentId:"sc-19pnt0u-5"})(Nn||(Nn=n.__makeTemplateObject(["\n    display: block;\n    width: 100vw;\n    max-height: 100%;\n    overflow: auto;\n    -ms-overflow-style: none; /* for Internet Explorer, Edge */\n    scrollbar-width: none; /* for Firefox */\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* for Chrome, Safari, and Opera */\n    }\n\n    & > *:last-child {\n        margin-bottom: 120px;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"],["\n    display: block;\n    width: 100vw;\n    max-height: 100%;\n    overflow: auto;\n    -ms-overflow-style: none; /* for Internet Explorer, Edge */\n    scrollbar-width: none; /* for Firefox */\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* for Chrome, Safari, and Opera */\n    }\n\n    & > *:last-child {\n        margin-bottom: 120px;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"])),u.mq.medium),on=v.default.nav.withConfig({displayName:"MenuFlyout__NavView",componentId:"sc-19pnt0u-6"})(On||(On=n.__makeTemplateObject([""],[""]))),rn=v.default.ul.withConfig({displayName:"MenuFlyout__NavList",componentId:"sc-19pnt0u-7"})(Bn||(Bn=n.__makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    margin: ","px 0;\n\n    border-bottom: ",";\n"],["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    margin: ","px 0;\n\n    border-bottom: ",";\n"])),2*u.spacings.nudge,(function(n){var e=n.hasNonFeaturedItems,t=n.theme;return e&&"solid 2px ".concat(u.getColors(t).elementBg.medium)})),ln=v.default.li.withConfig({displayName:"MenuFlyout__NavItemView",componentId:"sc-19pnt0u-8"})(En||(En=n.__makeTemplateObject(["\n    flex: 0 0 80px;\n\n    height: 100%;\n    background-color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    li + &:not([data-featured='true']) {\n        border-top: solid 2px ",";\n    }\n\n    li[data-featured='true'] + &:not([data-featured='true']) {\n        margin-top: ","px;\n    }\n\n    &:not([data-featured='true']):first-child {\n        border-top: solid 2px ",";\n    }\n\n    @media "," {\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ",";\n        }\n    }\n"],["\n    flex: 0 0 80px;\n\n    height: 100%;\n    background-color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    li + &:not([data-featured='true']) {\n        border-top: solid 2px ",";\n    }\n\n    li[data-featured='true'] + &:not([data-featured='true']) {\n        margin-top: ","px;\n    }\n\n    &:not([data-featured='true']):first-child {\n        border-top: solid 2px ",";\n    }\n\n    @media "," {\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ",";\n        }\n    }\n"])),(function(n){var e=n.theme;return n.isActive?u.getColors(e).elementBg.medium:u.getColors(e).elementBg.light}),(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.spacings.spacer,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.mq.semilarge,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium})),sn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemContent",componentId:"sc-19pnt0u-9"})(Sn||(Sn=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    position: relative;\n    min-height: 80px;\n\n    padding: 0 ","px;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n"],["\n    display: flex;\n    align-items: center;\n    position: relative;\n    min-height: 80px;\n\n    padding: 0 ","px;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n"])),2*u.spacings.nudge,(function(n){var e=n.isFeatured;return J(e?"featured":"main")}),(function(n){var e=n.theme;return n.isFeatured?u.getFonts(e).navigation.featured.color:u.getFonts(e).navigation.main.color}),(function(n){return n.isCurrent?"underline":"none"})),un=v.default.span.withConfig({displayName:"MenuFlyout__NavItemIcon",componentId:"sc-19pnt0u-10"})(Fn||(Fn=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    width: 48px;\n    max-width: 48px;\n\n    * {\n        width: 100%;\n        max-width: 48px;\n        max-height: 80px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    width: 48px;\n    max-width: 48px;\n\n    * {\n        width: 100%;\n        max-width: 48px;\n        max-height: 80px;\n    }\n"]))),dn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemLabel",componentId:"sc-19pnt0u-11"})(Mn||(Mn=n.__makeTemplateObject(["\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:not(:first-child) {\n        margin-left: ","px;\n    }\n"],["\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:not(:first-child) {\n        margin-left: ","px;\n    }\n"])),2*u.spacings.nudge),cn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemCollapse",componentId:"sc-19pnt0u-12"})(Tn||(Tn=n.__makeTemplateObject(["\n    display: block;\n    margin-left: auto;\n    padding-left: ","px;\n"],["\n    display: block;\n    margin-left: auto;\n    padding-left: ","px;\n"])),3*u.spacings.nudge),pn=v.default(n.AngleRight).withConfig({displayName:"MenuFlyout__NavItemCollapseIcon",componentId:"sc-19pnt0u-13"})(jn||(jn=n.__makeTemplateObject(["\n    transform: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    @media "," {\n        transform: rotate(0deg);\n    }\n"],["\n    transform: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    @media "," {\n        transform: rotate(0deg);\n    }\n"])),(function(n){return!n.isCollapsed&&"rotate(90deg)"}),u.mq.semilarge),mn=v.default(o.Link).withConfig({displayName:"MenuFlyout__NavItemLink",componentId:"sc-19pnt0u-14"})(zn||(zn=n.__makeTemplateObject(["\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    &:focus {\n        outline: solid 2px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    &:focus {\n        outline: solid 2px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),fn=v.default.button.withConfig({displayName:"MenuFlyout__NavItemButton",componentId:"sc-19pnt0u-15"})(Ln||(Ln=n.__makeTemplateObject(["\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    background: none;\n    border: none;\n    border-bottom: solid 2px ",";\n    width: 100%;\n    cursor: pointer;\n    outline: none;\n    border-radius: 0px;\n\n    &:focus {\n        outline: solid 2px ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        border-bottom: none;\n    }\n"],["\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    background: none;\n    border: none;\n    border-bottom: solid 2px ",";\n    width: 100%;\n    cursor: pointer;\n    outline: none;\n    border-radius: 0px;\n\n    &:focus {\n        outline: solid 2px ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        border-bottom: none;\n    }\n"])),(function(n){var e=n.theme;return u.getColors(e).elementBg.light}),(function(n){var e=n.theme;return u.getColors(e).primary.default}),u.mq.semilarge),gn=v.default.ul.withConfig({displayName:"MenuFlyout__SubNavList",componentId:"sc-19pnt0u-16"})(qn||(qn=n.__makeTemplateObject(["\n    display: ",";\n    position: relative;\n    margin: 0;\n    padding: 0;\n    padding-left: ","px;\n    padding-right: ","px;\n    list-style: none;\n\n    max-height: 100%;\n    overflow: auto;\n    -ms-overflow-style: none; /* for Internet Explorer, Edge */\n    scrollbar-width: none; /* for Firefox */\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* for Chrome, Safari, and Opera */\n    }\n\n    background-color: ",";\n\n    @media "," {\n        position: absolute;\n        top: 0;\n        left: calc(100% - 1px);\n        width: 100vw;\n        height: 100%;\n        max-width: 384px;\n        padding-left: ","px;\n    }\n"],["\n    display: ",";\n    position: relative;\n    margin: 0;\n    padding: 0;\n    padding-left: ","px;\n    padding-right: ","px;\n    list-style: none;\n\n    max-height: 100%;\n    overflow: auto;\n    -ms-overflow-style: none; /* for Internet Explorer, Edge */\n    scrollbar-width: none; /* for Firefox */\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* for Chrome, Safari, and Opera */\n    }\n\n    background-color: ",";\n\n    @media "," {\n        position: absolute;\n        top: 0;\n        left: calc(100% - 1px);\n        width: 100vw;\n        height: 100%;\n        max-width: 384px;\n        padding-left: ","px;\n    }\n"])),(function(n){return!n.isActive&&"none"}),(function(n){return n.isIndented?48+4*u.spacings.nudge:2*u.spacings.nudge}),2*u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.mq.semilarge,3*u.spacings.nudge),vn=e.forwardRef((function(e,t){var i=e.isCurrent,a=e.isActive,o=e.isFeatured,r=e.label,l=e.link,s=e.icon,u=e.subNavTitle,d=e.navBarSize,c=e.onItemClick,p=e.collapseIcon,m=e.canFocus,f=e.children,v=!!f&&g.default.Children.count(f)>0;return g.default.createElement(ln,{ref:t,isActive:a,"data-featured":o},g.default.createElement(sn,{isCurrent:i,isFeatured:o},s&&g.default.createElement(un,null,s),r&&g.default.createElement(dn,null,r),v&&g.default.createElement(cn,null,p?p({isCollapsed:!a}):g.default.createElement(pn,{ariaHidden:!0,isCollapsed:!a})),!v&&(null==l?void 0:l.href)&&g.default.createElement(mn,n.__assign({},l,{ariaLabel:r,tabIndex:m?void 0:-1})),v&&g.default.createElement(g.default.Fragment,null,g.default.createElement(fn,{"aria-label":r,"aria-expanded":a,onClick:c,tabIndex:m?void 0:-1}))),v&&g.default.createElement(gn,{isActive:a,isIndented:!!s},(null==l?void 0:l.href)&&g.default.createElement(Zn.SubItem,{key:"overview",link:l,label:u||"Overview",navBarSize:d,canFocus:m}),f))}));vn.displayName="NavigationItem";var hn=v.default.li.withConfig({displayName:"MenuFlyout__SubNavItem",componentId:"sc-19pnt0u-17"})(Hn||(Hn=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    height: 56px;\n\n    ","\n    color: ",";\n\n    @media "," {\n        &:first-child {\n            margin-top: ","px;\n        }\n\n        &:last-child {\n            margin-bottom: ","px;\n        }\n    }\n"],["\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    height: 56px;\n\n    ","\n    color: ",";\n\n    @media "," {\n        &:first-child {\n            margin-top: ","px;\n        }\n\n        &:last-child {\n            margin-bottom: ","px;\n        }\n    }\n"])),J("main"),(function(n){var e=n.theme;return u.getFonts(e).navigation.sub.color}),u.mq.semilarge,(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]+2*u.spacings.nudge}),u.spacings.spacer),bn=v.default(o.Link).withConfig({displayName:"MenuFlyout__SubNavLink",componentId:"sc-19pnt0u-18"})(An||(An=n.__makeTemplateObject(["\n    /* width: 100%; */\n    padding: ","px 0;\n    outline-color: ",";\n    vertical-align: middle;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * {\n        margin: 2px;\n    }\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: dashed 1px\n            ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"],["\n    /* width: 100%; */\n    padding: ","px 0;\n    outline-color: ",";\n    vertical-align: middle;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * {\n        margin: 2px;\n    }\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: dashed 1px\n            ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"])),u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).primary.default}),J("sub"),(function(n){var e=n.theme;return u.getFonts(e).navigation.sub.color}),(function(n){return n.isCurrent?"underline":"none"}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),xn=e.forwardRef((function(e,t){var i=e.isCurrent,a=e.label,o=e.link,r=e.navBarSize,l=e.canFocus;return g.default.createElement(hn,{ref:t,navBarSize:r},g.default.createElement(bn,n.__assign({tabIndex:l?void 0:-1,isCurrent:i},o),g.default.createElement("span",null,a)))}));xn.displayName="NavigationSubItem";var wn,yn,_n,kn,Cn,In,Nn,On,Bn,En,Sn,Fn,Mn,Tn,jn,zn,Ln,qn,Hn,An,Pn,Vn,Dn,Wn,Rn,Gn,Un,Qn,Xn,Yn,Jn=v.default.ul.withConfig({displayName:"MenuFlyout__SecondaryNavList",componentId:"sc-19pnt0u-19"})(Pn||(Pn=n.__makeTemplateObject(["\n    display: block;\n    list-style: none;\n    padding: 0 ","px;\n    margin: ","px 0;\n\n    li {\n        display: flex;\n        margin: 0;\n        padding: 0;\n    }\n"],["\n    display: block;\n    list-style: none;\n    padding: 0 ","px;\n    margin: ","px 0;\n\n    li {\n        display: flex;\n        margin: 0;\n        padding: 0;\n    }\n"])),2*u.spacings.nudge,u.spacings.spacer),Kn=v.default(o.Link).withConfig({displayName:"MenuFlyout__SecondaryNavLink",componentId:"sc-19pnt0u-20"})(Vn||(Vn=n.__makeTemplateObject(["\n    display: inline-block;\n    padding: ","px 0;\n    outline-color: ",";\n    vertical-align: middle;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:focus {\n        outline: dashed 2px\n            ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: inline-block;\n    padding: ","px 0;\n    outline-color: ",";\n    vertical-align: middle;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:focus {\n        outline: dashed 2px\n            ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),.5*u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).primary.default}),J("secondary"),(function(n){var e=n.theme;return u.getFonts(e).navigation.secondary.color}),(function(n){return n.isCurrent?"underline":"none"}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),Zn={View:function(n){var e=n.children;return g.default.createElement(on,{"aria-label":"menu"},e)},List:rn,Item:vn,SubItem:xn,SubList:function(n){var e=n.items,t=n.canFocus;return e&&e.length>0?g.default.createElement(Jn,null,null==e?void 0:e.filter((function(n){var e;return null===(e=n.link)||void 0===e?void 0:e.href})).map((function(n,e){var i;return g.default.createElement("li",{key:e},g.default.createElement(Kn,{isCurrent:n.isCurrent,href:null===(i=n.link)||void 0===i?void 0:i.href,tabIndex:t?void 0:-1},n.label))}))):null}},$n=function(n){return!n.hideFromMenu&&n.uid&&n.label},ne=function(i){var o=i.isOpen,r=i.clampWidth,s=i.isIndexPage,u=i.mainNavigation,d=i.subNavigation,c=i.navBarSize,p=i.subNavTitle,m=i.backdropFilter,f=void 0===m?"grayscale(1)":m,v=i.header,h=i.footer,b=i.onClose,x=i.collapseIcon,w=i.navItemsHeader,y=t.useLibTheme().theme,_=e.useRef(null),k=e.useMemo((function(){return function(n){var e=nn(n,"large"),t=nn(n,"small");return e[0]>0||e[1]>0||t[0]>0||t[1]>0}(y)}),[y]),C=e.useMemo((function(){var e=(null==u?void 0:u.filter((function(n){return n.isFeatured})))||[],t=(null==u?void 0:u.filter((function(n){return!n.isFeatured})))||[];return n.__spreadArray(n.__spreadArray([],e,!0),t,!0).filter($n)}),[u]),I=e.useMemo((function(){var n=(null==u?void 0:u.filter((function(n){return!n.isFeatured})))||[];return n&&n.length>0}),[u]),N=e.useMemo((function(){return null==d?void 0:d.filter($n)}),[d]),O=e.useState((function(){var n,e,t=null===(e=null===(n=a.getCurrentNavItem(C,!0))||void 0===n?void 0:n.root)||void 0===e?void 0:e.uid;return t?[t]:[""]})),B=O[0],E=O[1],S=e.useState(null),F=S[0],M=S[1],T=e.useState(null),j=T[0],z=T[1];return e.useEffect((function(){var n=function(n){_.current&&n.target&&(_.current.contains(n.target)||b&&b())};return o?document.addEventListener("focusin",n):document.removeEventListener("focusin",n),function(){document.removeEventListener("focusin",n)}}),[o,b]),e.useEffect((function(){try{null==F||F.scrollIntoView({block:"center",inline:"start"}),null==j||j.scrollIntoView({block:"center",inline:"start"})}catch(n){}}),[F,j]),g.default.createElement(g.default.Fragment,null,g.default.createElement(K,{isOpen:o,filter:f,onClick:b}),g.default.createElement(Z,{isOpen:o,clampWidth:r},g.default.createElement($,{ref:_,isOpen:o},k&&g.default.createElement(en,{navBarSize:c},v?v({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s,navBarSize:c}):g.default.createElement(Y,{menuStates:{isOpen:o,mainNavigation:u,subNavigation:d,isIndexPage:s,navBarSize:c}})),g.default.createElement(tn,null,g.default.createElement(an,null,w&&w({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s,navBarSize:c}),g.default.createElement(Zn.View,null,l.isValidArray(C,!1)&&g.default.createElement(Zn.List,{id:"mainMenu",hasNonFeaturedItems:I},C.map((function(e){var t,i=B.includes(e.uid),a=!!(null==e?void 0:e.subItems)&&e.subItems.findIndex((function(n){return n.isCurrent}))>=0,r=e.isCurrent||a;return g.default.createElement(Zn.Item,n.__assign({key:e.uid},e,{ref:r?M:void 0,isActive:i,isCurrent:r,subNavTitle:p,navBarSize:c,collapseIcon:x,onItemClick:function(){return n=e.uid,void E((function(e){return e.includes(n)?[]:[n]}));var n},canFocus:o}),null===(t=null==e?void 0:e.subItems)||void 0===t?void 0:t.filter($n).map((function(e){return g.default.createElement(Zn.SubItem,n.__assign({key:e.uid,ref:e.isCurrent?z:void 0},e,{navBarSize:c,canFocus:o}))})))}))),l.isValidArray(N,!1)&&g.default.createElement(Zn.SubList,{items:N,canFocus:o})),h?h({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s}):"")))))},ee=function(e){var t=e.isOpen,i=e.clampWidth,a=e.isIndexPage,o=e.mainNavigation,r=e.subNavigation,l=e.navBarSize,s=e.header,u=e.footer,d=e.navItemsHeader,c=e.onClose,p=e.typeSettings;return p||(p={type:"flyout"}),null==p||p.type,g.default.createElement(ne,n.__assign({isOpen:t,clampWidth:i,isIndexPage:a,mainNavigation:o,subNavigation:r,navBarSize:l,header:s,footer:u,onClose:c,navItemsHeader:d},p))},te=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.topHeight.large:u.getGlobals(n).navigation.navBar.topHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},ie=function(n){var e=te(n,"large"),t=te(n,"small");return e[0]>0||e[1]>0||t[0]>0||t[1]>0},ae=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.mainHeight.large:u.getGlobals(n).navigation.navBar.mainHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},oe=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.bottomHeight.large:u.getGlobals(n).navigation.navBar.bottomHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},re=function(n){var e=oe(n,"large"),t=oe(n,"small");return e[0]>0||e[1]>0||t[0]>0||t[1]>0},le=function(n,e,t){var i=!t||-1===t.indexOf("top"),a=!t||-1===t.indexOf("main"),o=!t||-1===t.indexOf("bottom"),r=i?te(n,e):[0,0],l=a?ae(n,e):[0,0],s=o?oe(n,e):[0,0];return[r[0]+l[0]+s[0],r[1]+l[1]+s[1]]},se=v.default.div.withConfig({displayName:"NavBar__View",componentId:"sc-f6gpx5-0"})(Dn||(Dn=n.__makeTemplateObject(["\n    position: ",";\n    top: 0;\n    left: 0;\n    right: 0;\n\n    transform: ",";\n\n    margin: 0 auto;\n    /* max-width: ","px; */\n    z-index: 100;\n\n    ","\n    will-change: transform;\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background: ",";\n        margin: 0 auto;\n        max-width: ","px;\n        z-index: -1;\n    }\n\n    // print version\n    @media print {\n        position: relative;\n    }\n"],["\n    position: ",";\n    top: 0;\n    left: 0;\n    right: 0;\n\n    transform: ",";\n\n    margin: 0 auto;\n    /* max-width: ","px; */\n    z-index: 100;\n\n    ","\n    will-change: transform;\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background: ",";\n        margin: 0 auto;\n        max-width: ","px;\n        z-index: -1;\n    }\n\n    // print version\n    @media print {\n        position: relative;\n    }\n"])),(function(n){return n.isSticky?"fixed":"absolute"}),(function(n){return!n.isOpen&&"translate3d(0, -101%, 0)"}),u.spacings.wrapperLarge,(function(n){var e=n.isAnimated;return"transition: ".concat(e?"transform 0.3s ease-in-out, ":"","height 0.3s ease-in-out,\n                opacity 0.3s ease-in-out;")}),(function(n){return n.bgGradient||""}),u.spacings.wrapperLarge),ue=v.default.div.withConfig({displayName:"NavBar__Header",componentId:"sc-f6gpx5-1"})(Wn||(Wn=n.__makeTemplateObject(["\n    opacity: ",";\n    pointer-events: ",";\n    overflow: ",";\n\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    @media "," {\n        opacity: ",";\n        pointer-events: ",";\n        overflow: ",";\n    }\n"],["\n    opacity: ",";\n    pointer-events: ",";\n    overflow: ",";\n\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    @media "," {\n        opacity: ",";\n        pointer-events: ",";\n        overflow: ",";\n    }\n"])),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]>0?1:0}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]<=0&&"hidden"}),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return te(e,t)[1]>0?1:0}),(function(n){var e=n.theme,t=n.size;return te(e,t)[1]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return te(e,t)[1]<=0&&"hidden"})),de=v.default.div.withConfig({displayName:"NavBar__Main",componentId:"sc-f6gpx5-2"})(Rn||(Rn=n.__makeTemplateObject(["\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n"],["\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n"])),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted})),ce=v.default.div.withConfig({displayName:"NavBar__Footer",componentId:"sc-f6gpx5-3"})(Gn||(Gn=n.__makeTemplateObject(["\n    opacity: ",";\n    pointer-events: ",";\n    overflow: ",";\n\n    background-color: ",";\n    color: ",";\n\n    opacity: ",";\n\n    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media "," {\n        opacity: ",";\n        pointer-events: ",";\n        overflow: ",";\n\n        opacity: ",";\n    }\n"],["\n    opacity: ",";\n    pointer-events: ",";\n    overflow: ",";\n\n    background-color: ",";\n    color: ",";\n\n    opacity: ",";\n\n    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media "," {\n        opacity: ",";\n        pointer-events: ",";\n        overflow: ",";\n\n        opacity: ",";\n    }\n"])),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?1:0}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]<=0&&"hidden"}),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?1:0}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?1:0}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]<=0&&"hidden"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?1:0})),pe=v.default.div.withConfig({displayName:"NavBar__TopContent",componentId:"sc-f6gpx5-4"})(Un||(Un=n.__makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n    position: relative;\n    max-width: ","px;\n    padding: ",";\n    margin: 0 auto;\n\n    height: ","px;\n\n    transition: height 0.2s ease-in-out, padding-top 0.2s ease-in-out,\n        padding-bottom 0.2s ease-in-out;\n    will-change: height;\n\n    @media "," {\n        height: ","px;\n        padding: ",";\n    }\n"],["\n    display: flex;\n    justify-content: flex-end;\n    position: relative;\n    max-width: ","px;\n    padding: ",";\n    margin: 0 auto;\n\n    height: ","px;\n\n    transition: height 0.2s ease-in-out, padding-top 0.2s ease-in-out,\n        padding-bottom 0.2s ease-in-out;\n    will-change: height;\n\n    @media "," {\n        height: ","px;\n        padding: ",";\n    }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),(function(n){var e=n.size,t=n.theme;return te(t,e)[0]>0&&"0 ".concat(2*u.spacings.nudge,"px")}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return te(e,t)[1]}),(function(n){var e=n.size,t=n.theme;return te(t,e)[1]>0&&"0 ".concat(2*u.spacings.nudge,"px")})),me=v.default.div.withConfig({displayName:"NavBar__Content",componentId:"sc-f6gpx5-5"})(Qn||(Qn=n.__makeTemplateObject(["\n    display: flex;\n    position: relative;\n    max-width: ","px;\n    padding: 0 ","px;\n    margin: 0 auto;\n\n    height: ","px;\n\n    transition: height 0.2s ease-in-out;\n    will-change: height;\n\n    @media "," {\n        height: ","px;\n    }\n"],["\n    display: flex;\n    position: relative;\n    max-width: ","px;\n    padding: 0 ","px;\n    margin: 0 auto;\n\n    height: ","px;\n\n    transition: height 0.2s ease-in-out;\n    will-change: height;\n\n    @media "," {\n        height: ","px;\n    }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),2*u.spacings.nudge,(function(n){var e=n.theme,t=n.size;return ae(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return ae(e,t)[1]||ae(e,t)[0]})),fe=v.default.div.withConfig({displayName:"NavBar__BottomContent",componentId:"sc-f6gpx5-6"})(Xn||(Xn=n.__makeTemplateObject(["\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    max-width: ","px;\n    padding: 0 ","px;\n    margin: 0 auto;\n\n    height: ","px;\n    transition: 0.2s height ease-in-out;\n\n    @media "," {\n        height: ","px;\n        padding: 0 ","px;\n    }\n"],["\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    max-width: ","px;\n    padding: 0 ","px;\n    margin: 0 auto;\n\n    height: ","px;\n    transition: 0.2s height ease-in-out;\n\n    @media "," {\n        height: ","px;\n        padding: 0 ","px;\n    }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),2*u.spacings.nudge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]}),2*u.spacings.nudge),ge=v.default.div.withConfig({displayName:"NavBar__BarSpacer",componentId:"sc-f6gpx5-7"})(Yn||(Yn=n.__makeTemplateObject(["\n    height: ","px;\n\n    @media "," {\n        height: ","px;\n    }\n\n    // print version\n    @media print {\n        display: none;\n    }\n"],["\n    height: ","px;\n\n    @media "," {\n        height: ","px;\n    }\n\n    // print version\n    @media print {\n        display: none;\n    }\n"])),(function(n){var e=n.theme,t=n.hasHeader,i=n.hasFooter,a=[];return t||a.push("top"),i||a.push("bottom"),le(e,"large",a)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.hasHeader,i=n.hasFooter,a=[];return t||a.push("top"),i||a.push("bottom"),le(e,"large",a)[1]})),ve=function(n){var i=n.size,a=void 0===i?"large":i,o=n.isOpen,r=void 0!==o&&o,l=n.isSticky,s=void 0!==l&&l,u=n.isAnimated,d=void 0!==u&&u,c=n.clampWidth,p=void 0!==c&&c,m=n.pageFlow,f=void 0===m?"beforeContent":m,v=n.topBg,h=n.mainBg,b=n.bottomBg,x=n.onContentBg,w=n.topBar,y=n.mainBar,_=n.bottomBar,k=n.className,C=t.useLibTheme(),I=C.theme,N=C.colors,O="content"===p,B="overContent"===f,E=e.useMemo((function(){return ie(I)&&null!==w}),[I,w]),S=e.useMemo((function(){return re(I)&&null!==_}),[_,I]),F=e.useMemo((function(){return"small"===a||"large"===a&&!B}),[B,a]),M=v||N.elementBg.light,T=h||N.elementBg.light,j=b||N.elementBg.light,z=x||"linear-gradient(180deg,rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0) 100%)",L=e.useMemo((function(){return w&&w({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[r,s,f,a,w]),q=e.useMemo((function(){return y&&y({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[r,s,y,f,a]),H=e.useMemo((function(){return _&&_({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[_,r,s,f,a]);return g.default.createElement(g.default.Fragment,null,"beforeContent"===f&&g.default.createElement(ge,{hasHeader:E,hasFooter:S}),g.default.createElement(se,{isOpen:r,isSticky:s,isAnimated:d,bgGradient:"large"===a&&B?z:void 0,className:k},E&&g.default.createElement(ue,{size:a,background:F?M:void 0},g.default.createElement(pe,{size:a,clamp:O},L||g.default.createElement(P,{isInverted:!0},"Top Nav"))),null!==y&&g.default.createElement(de,{background:F?T:void 0},g.default.createElement(me,{size:a,clamp:O},q||g.default.createElement(g.default.Fragment,null,g.default.createElement(P,{takeSpace:!0,isInverted:"large"===a&&B},"Left"),g.default.createElement(P,{isInverted:"large"===a&&B},"Center"),g.default.createElement(P,{takeSpace:!0,isInverted:"large"===a&&B},"Right")))),S&&g.default.createElement(ce,{size:a,background:F?j:void 0},g.default.createElement(fe,{size:a,clamp:O},H||"bottom bar"))))},he=function(n){var e=n||"",t=void 0;switch(!0){case-1!==e.search("overContent"):t="overContent";break;case-1!==e.search("beforeContent"):t="beforeContent"}return{hasTop:-1!==e.search("top"),hasMain:-1!==e.search("main"),hasBottom:-1!==e.search("bottom"),pageFlow:t,isStickable:-1!==e.search("stickable")}},be=function(n){if(!n)return"";var e=[];return n.hasTop&&e.push("top"),n.hasMain&&e.push("main"),n.hasBottom&&e.push("bottom"),n.isStickable&&e.push("stickable"),n.pageFlow&&e.push(n.pageFlow),e.join("-")};exports.BarBreadcrumbs=function(t){var i=t.isInverted,o=void 0!==i&&i,r=t.rootLink,l=t.rootLabel,s=t.navItems,u=t.seperator,d=t.back,c=t.className,p=e.useMemo((function(){return a.getCurrentNavPath(s,(null==r?void 0:r.href)?[null==r?void 0:r.href]:[])}),[s,null==r?void 0:r.href]),m={uid:"root",label:l||"Home",link:r};return g.default.createElement(M,{"aria-label":"breadcrumbs",className:c},g.default.createElement(T,null,g.default.createElement(j,null,g.default.createElement(A,n.__assign({showOnDesktop:!0,isInverted:o},m))),null==p?void 0:p.map((function(e,t){var i=t===p.length-1,a=t-1>=0?p[t-1]:m;return g.default.createElement(j,{key:t,isCurrent:i},g.default.createElement(q,{size:"small",isInverted:o},u?u({isInverted:o}):"/"),i?g.default.createElement(g.default.Fragment,null,a&&g.default.createElement(A,n.__assign({},a,{showOnMobile:!0,isInverted:o}),g.default.createElement(H,null,d?d({isInverted:o}):g.default.createElement(n.AngleLeft,null)),g.default.createElement("span",null,a.label)),g.default.createElement(A,n.__assign({},e,{link:{},showOnDesktop:!0,isInverted:o}))):g.default.createElement(A,n.__assign({},e,{showOnDesktop:!0,isInverted:o})))}))))},exports.BarLogo=function(e){var t=e.link,i=e.logo,a=e.className;return g.default.createElement(V,n.__assign({},t,{className:a}),(null==i?void 0:i.small)&&g.default.createElement(D,n.__assign({},i,{coverSpace:!1,ratios:void 0,showPlaceholder:!1})))},exports.BarMenuToggle=R,exports.BarNavList=function(e){var t=e.isInverted,i=e.navLinks,a=e.className;return g.default.createElement(G,{isInverted:t,className:a},null==i?void 0:i.map((function(e,i){return g.default.createElement(U,n.__assign({key:i},e.link,{isInverted:t,isActive:e.isCurrent}),e.label)})))},exports.Column=P,exports.MenuHeader=Y,exports.Navigation=function(o){var r=o.clampWidth,l=void 0===r?"content":r,s=o.navBar,u=o.menu,d=(null==s?void 0:s.isStickable)||!1,c=(null==s?void 0:s.isCollapsible)||!1,p=i.useMediaQueries(),m=t.useLibTheme().theme,v=e.useState(!1),h=v[0],b=v[1],x=e.useState(!0),w=x[0],y=x[1],_=function(n){var t,i,o=e.useState(!0),r=o[0],l=o[1],s=e.useState(!0),u=s[0],d=s[1],c=e.useState(!1),p=c[0],m=c[1],g=e.useRef(0),v=e.useRef(0),h=e.useState(f.DOWN),b=h[0],x=h[1],w=(null===(t=null==n?void 0:n.directionOffset)||void 0===t?void 0:t.down)||0,y=(null===(i=null==n?void 0:n.directionOffset)||void 0===i?void 0:i.up)||0,_=a.useScrollThrottle(void 0!==(null==n?void 0:n.resizeThrottleTimeout)?n.resizeThrottleTimeout:200);return e.useEffect((function(){if(_&&"undefined"!=typeof window){var e=_.scrollY,t=e<=0;l(t),(null==n?void 0:n.offset)&&e<=n.offset?d(!0):d((function(e){var t;return e&&(null===(t=null==n?void 0:n.onLeftOffset)||void 0===t||t.call(n,b),m(!0)),!1}));var i=e-g.current,a=Math.abs(v.current);i<0&&v.current>0||i>0&&v.current<0?v.current=0:v.current+=i,a=Math.abs(v.current),t?x(f.DOWN):i<0&&a>=y?x(f.UP):i>0&&a>=w&&x(f.DOWN),g.current=e}}),[w,y,b,_,n]),e.useEffect((function(){r&&m(!1)}),[r]),{isTop:r,scrollDirection:b,isInOffset:u,leftOffsetFromTop:p}}({directionOffset:{up:40,down:40},offset:le(m,"large")[p.semilarge?1:0]}),k=_.isTop,C=_.scrollDirection,I=_.isInOffset,N=_.leftOffsetFromTop,O=e.useMemo((function(){return k||I||!d?"large":"small"}),[k,I,d]);e.useEffect((function(){d&&c&&y(k||I||C===f.UP)}),[C,k,d,I,c]),e.useEffect((function(){d&&(!c||N&&C===f.UP?b(!0):k&&b(!1))}),[c,d,k,N,C]);var B=function(t,i){var a=e.useState(t),o=a[0],r=a[1],l=e.useRef(!1),s=e.useState(null),u=s[0],d=s[1],c=e.useRef(null),p=e.useRef(null),m=n.__assign({openMenuIdent:'button[aria-label="open menu"]',closeMenuIdent:'button[aria-label="close menu"]'},i);return e.useEffect((function(){u&&(c.current||(c.current=u.querySelector(m.openMenuIdent)),p.current||(p.current=u.querySelector(m.closeMenuIdent)))}),[m.closeMenuIdent,m.openMenuIdent,o,u]),e.useEffect((function(){var n,e,t=function(n){"Escape"===n.key&&o&&r(!1)};return o?null===(n=null==p?void 0:p.current)||void 0===n||n.focus():l.current&&(null===(e=null==c?void 0:c.current)||void 0===e||e.focus()),l.current=o,window.addEventListener("keydown",t),function(){window.removeEventListener("keydown",t)}}),[o]),{setRoot:d,isMenuOpen:o,setIsMenuOpen:r}}(!1,{}),E=B.isMenuOpen,S=B.setIsMenuOpen,F=B.setRoot,M=function(){S(!0)},T=function(){S(!1)};e.useEffect((function(){document.body.style.overflow=E?"hidden":"visible"}),[E]);var j=(null==s?void 0:s.topBar)?function(e){return(null==s?void 0:s.topBar)?s.topBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.topBar,z=(null==s?void 0:s.mainBar)?function(e){return(null==s?void 0:s.mainBar)?s.mainBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.mainBar,L=(null==s?void 0:s.bottomBar)?function(e){return(null==s?void 0:s.bottomBar)?s.bottomBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.bottomBar,q=(null==u?void 0:u.header)?function(e){return(null==u?void 0:u.header)?null==u?void 0:u.header(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0,H=(null==u?void 0:u.footer)?function(e){return(null==u?void 0:u.footer)?null==u?void 0:u.footer(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0,A=(null==u?void 0:u.navItemsHeader)?function(e){return(null==u?void 0:u.navItemsHeader)?null==u?void 0:u.navItemsHeader(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0;return g.default.createElement("header",{ref:F,"data-navbar-ident":function(n){return be({hasTop:null!==j&&ie(n),hasMain:null!==z,hasBottom:null!==L&&re(n),isStickable:null==s?void 0:s.isStickable,pageFlow:null==s?void 0:s.pageFlow})}(m)},g.default.createElement(t.LibThemeProvider,{theme:null==s?void 0:s.theme},g.default.createElement(ve,{isOpen:w,isSticky:h,isAnimated:!0,size:O,clampWidth:l,pageFlow:null==s?void 0:s.pageFlow,topBar:j,mainBar:z,bottomBar:L,topBg:null==s?void 0:s.topBg,mainBg:null==s?void 0:s.mainBg,bottomBg:null==s?void 0:s.bottomBg,onContentBg:null==s?void 0:s.onContentBg})),g.default.createElement(t.LibThemeProvider,{theme:null==u?void 0:u.theme},g.default.createElement(ee,{isOpen:E,clampWidth:l,isIndexPage:null==u?void 0:u.isIndexPage,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,typeSettings:null==u?void 0:u.typeSettings,navBarSize:O,header:q,footer:H,navItemsHeader:A,onClose:T})))},exports.generateNavbarIdent=be,exports.getFullNavbarHeights=function(n,e){var t=he(e||""),i=t.hasTop,a=t.hasBottom,o=[];return i||o.push("top"),a||o.push("bottom"),{large:le(n,"large",o),small:le(n,"small",o)}},exports.getNavbarState=he;
-//# sourceMappingURL=Navigation-6abb6213.js.map
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("./LibThemeProvider-69109901.js"),i=require("./useMediaQuery-619d7203.js"),a=require("./navigation-3f9d4ac4.js"),o=require("./Link-8951180c.js"),r=require("styled-components"),l=require("./arrays-c272ed59.js"),s=require("./clamp-bd21d587.js"),u=require("./styles-13e5d9ac.js"),d=require("./Copy-2a9d4b5d.js"),c=require("./Image-69a9c116.js"),p=require("./LanguageSwitcher-c6fd04df.js");function m(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g=m(e),v=m(r);!function(n){n[n.UP=0]="UP",n[n.DOWN=1]="DOWN"}(f||(f={}));var h,b,x,w,y,_,k,C,I,N,O,B,E,S,F,M=v.default.nav.withConfig({displayName:"BarBreadCrumbs__View",componentId:"sc-bian0m-0"})(h||(h=n.__makeTemplateObject(["\n    min-width: 0;\n"],["\n    min-width: 0;\n"]))),T=v.default.ul.withConfig({displayName:"BarBreadCrumbs__List",componentId:"sc-bian0m-1"})(b||(b=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    min-width: inherit;\n\n    & > li:first-child {\n        flex: 1 0 auto;\n    }\n\n    @media "," {\n        & > li + li {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    min-width: inherit;\n\n    & > li:first-child {\n        flex: 1 0 auto;\n    }\n\n    @media "," {\n        & > li + li {\n            margin-left: ","px;\n        }\n    }\n"])),u.mq.semilarge,u.spacings.nudge),j=v.default.li.withConfig({displayName:"BarBreadCrumbs__ListItem",componentId:"sc-bian0m-2"})(x||(x=n.__makeTemplateObject(["\n    display: ",";\n    min-width: inherit;\n\n    @media "," {\n        display: flex;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: ",";\n    min-width: inherit;\n\n    @media "," {\n        display: flex;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),(function(n){return n.isCurrent?"flex":"none"}),u.mq.semilarge,u.spacings.nudge),z=v.default(o.Link).withConfig({displayName:"BarBreadCrumbs__NavLink",componentId:"sc-bian0m-3"})(w||(w=n.__makeTemplateObject(["\n    display: ",";\n    align-items: center;\n    max-width: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ","\n    color: ",";\n    text-decoration: underline;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    display: ",";\n    align-items: center;\n    max-width: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ","\n    color: ",";\n    text-decoration: underline;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    @media "," {\n        display: ",";\n    }\n"])),(function(n){return n.showOnMobile?"inline-flex":"none"}),(function(n){return n.clamp&&"120px"}),d.copyStyle("copy","small"),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.mq.semilarge,(function(n){return n.showOnDesktop?"inline-block":"none"})),L=v.default.span.withConfig({displayName:"BarBreadCrumbs__NavLabel",componentId:"sc-bian0m-4"})(y||(y=n.__makeTemplateObject(["\n    display: ",";\n    align-items: center;\n    max-width: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ","\n    color: ",";\n    text-decoration: none;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    display: ",";\n    align-items: center;\n    max-width: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ","\n    color: ",";\n    text-decoration: none;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: ",";\n    }\n"])),(function(n){return n.showOnMobile?"inline-flex":"none"}),(function(n){return n.clamp&&"120px"}),d.copyStyle("copy","small"),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.spacings.nudge,u.mq.semilarge,(function(n){return n.showOnDesktop?"inline-block":"none"})),q=v.default(d.Copy).withConfig({displayName:"BarBreadCrumbs__Seperator",componentId:"sc-bian0m-5"})(_||(_=n.__makeTemplateObject(["\n    display: none;\n\n    transition: color 0.2s ease-in-out;\n\n    @media "," {\n        display: inline-block;\n    }\n"],["\n    display: none;\n\n    transition: color 0.2s ease-in-out;\n\n    @media "," {\n        display: inline-block;\n    }\n"])),u.mq.semilarge),H=v.default.span.withConfig({displayName:"BarBreadCrumbs__BackIconContainer",componentId:"sc-bian0m-6"})(k||(k=n.__makeTemplateObject(["\n    flex: 0 0 auto;\n"],["\n    flex: 0 0 auto;\n"]))),A=function(e){var t=e.isInverted,i=e.label,a=e.link,o=e.showOnMobile,r=e.showOnDesktop,l=e.children;return(null==a?void 0:a.href)?g.default.createElement(z,n.__assign({},a,{isInverted:t,showOnMobile:o,showOnDesktop:r}),l||i):g.default.createElement(L,{isInverted:t,showOnMobile:o,showOnDesktop:r},l||i)},P=v.default.div.withConfig({displayName:"BarColumn__Column",componentId:"sc-1sqtyni-0"})(C||(C=n.__makeTemplateObject(["\n    flex: ",";\n\n    padding: ","px 0;\n    min-width: -webkit-min-content;\n    align-self: ",";\n\n    text-align: center;\n    color: ",";\n\n    &:first-child {\n        text-align: left;\n    }\n\n    &:last-child {\n        text-align: right;\n    }\n\n    &:not(:first-child):not(:last-child) {\n        margin: 0 ","px;\n    }\n"],["\n    flex: ",";\n\n    padding: ","px 0;\n    min-width: -webkit-min-content;\n    align-self: ",";\n\n    text-align: center;\n    color: ",";\n\n    &:first-child {\n        text-align: left;\n    }\n\n    &:last-child {\n        text-align: right;\n    }\n\n    &:not(:first-child):not(:last-child) {\n        margin: 0 ","px;\n    }\n"])),(function(n){return n.takeSpace?1:void 0}),u.spacings.nudge,(function(n){switch(n.vAlign){case"center":return"center";case"bottom":return"flex-end";case"top":return"flex-start";default:return}}),(function(n){var e=n.theme;n.isInverted;return u.getColors(e).text.inverted}),2*u.spacings.nudge),V=v.default(o.Link).withConfig({displayName:"BarLogo__View",componentId:"sc-jul8nq-0"})(I||(I=n.__makeTemplateObject(["\n    display: block;\n    display: flex;\n    justify-content: center;\n    min-width: 60px;\n    max-width: 100%;\n    max-height: 100%;\n\n    &:focus {\n        outline: 2px solid ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: block;\n    display: flex;\n    justify-content: center;\n    min-width: 60px;\n    max-width: 100%;\n    max-height: 100%;\n\n    &:focus {\n        outline: 2px solid ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(n){var e=n.theme;return u.getColors(e).primary.default})),D=v.default(c.Image).withConfig({displayName:"BarLogo__Logo",componentId:"sc-jul8nq-1"})(N||(N=n.__makeTemplateObject(["\n    width: auto;\n    height: 100%;\n    object-fit: contain;\n"],["\n    width: auto;\n    height: 100%;\n    object-fit: contain;\n"]))),W=v.default.button.withConfig({displayName:"BarMenuToggle__Toggle",componentId:"sc-5pjose-0"})(O||(O=n.__makeTemplateObject(["\n    background: transparent;\n    border: none;\n    color: ",";\n\n    padding: ","px;\n    margin-left: -","px;\n    outline: none;\n\n    cursor: pointer;\n\n    transition: color 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    &:focus > * {\n        outline: dotted 2px\n            ",";\n        outline-offset: 4px;\n\n        color: ",";\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"],["\n    background: transparent;\n    border: none;\n    color: ",";\n\n    padding: ","px;\n    margin-left: -","px;\n    outline: none;\n\n    cursor: pointer;\n\n    transition: color 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    &:focus > * {\n        outline: dotted 2px\n            ",";\n        outline-offset: 4px;\n\n        color: ",";\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"])),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default}),u.spacings.nudge,u.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.invertedHover:u.getColors(e).primary.hover}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.invertedHover:u.getColors(e).primary.hover})),R=function(n){var e=n.isInverted,t=n.isExpanded,i=void 0!==t&&t,a=n.onClick,o=n.children,r=n.className;return g.default.createElement(W,{isInverted:e,"aria-expanded":i,"aria-label":i?"close menu":"open menu","aria-haspopup":"true","aria-controls":"mainMenu",onClick:a,className:r},o)},G=v.default.nav.withConfig({displayName:"BarNavList__View",componentId:"sc-1r50tdm-0"})(B||(B=n.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n\n    margin: 0 -","px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ",";\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n\n    margin: 0 -","px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ",";\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n"])),u.spacings.nudge,(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default})),U=v.default(o.Link).withConfig({displayName:"BarNavList__NavLink",componentId:"sc-1r50tdm-1"})(E||(E=n.__makeTemplateObject(["\n    display: inline-block;\n    position: relative;\n    padding: 0 ","px;\n\n    ","\n    font-weight: ",";\n\n    color: ",";\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n            text-decoration: underline;\n        }\n    }\n"],["\n    display: inline-block;\n    position: relative;\n    padding: 0 ","px;\n\n    ","\n    font-weight: ",";\n\n    color: ",";\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n            text-decoration: underline;\n        }\n    }\n"])),u.spacings.nudge,d.copyStyle("copy","medium"),(function(n){return n.isActive&&"700"}),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default}),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default})),Q=v.default.div.withConfig({displayName:"MenuHeader__Header",componentId:"sc-1tk7hrl-0"})(S||(S=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    padding: 0 ","px;\n    padding-top: ","px;\n"],["\n    display: flex;\n    align-items: center;\n\n    padding: 0 ","px;\n    padding-top: ","px;\n"])),2*u.spacings.nudge,5*u.spacings.nudge),X=v.default.div.withConfig({displayName:"MenuHeader__LanguageCol",componentId:"sc-1tk7hrl-1"})(F||(F=n.__makeTemplateObject(["\n    display: block;\n    margin-left: ","px;\n    margin-top: 2px;\n"],["\n    display: block;\n    margin-left: ","px;\n    margin-top: 2px;\n"])),3*u.spacings.nudge),Y=function(e){var t=e.isInverted,i=e.customToggle,a=e.menuStates,o=e.langs,r=e.action;return g.default.createElement(g.default.Fragment,null,g.default.createElement(Q,null,g.default.createElement(R,{isInverted:t,isExpanded:!0,onClick:null==a?void 0:a.closeMenu},i?i({isInverted:t}):g.default.createElement(n.Cross,{ariaHidden:!0})),l.isValidArray(o,!1)&&g.default.createElement(X,null,g.default.createElement(p.LanguageSwitcher,{isInverted:t,langs:o})),r&&r(n.__assign({isInverted:t},a))))},J=function(e){return r.css(wn||(wn=n.__makeTemplateObject(["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"],["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"])),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].family}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].weight}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].style}),(function(n){var t=n.theme;return u.withRange(u.getFonts(t).navigation[e].size,"font-size")}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].lineHeight}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].letterSpacing}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].textTransform}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].textDecoration}))},K=v.default.div.withConfig({displayName:"MenuFlyout__Backdrop",componentId:"sc-19pnt0u-0"})(yn||(yn=n.__makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.5);\n    opacity: ",";\n    pointer-events: ",";\n    z-index: 101;\n\n    transition: opacity 0.3s ease-in-out;\n\n    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n        backdrop-filter: ",";\n    }\n"],["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.5);\n    opacity: ",";\n    pointer-events: ",";\n    z-index: 101;\n\n    transition: opacity 0.3s ease-in-out;\n\n    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n        backdrop-filter: ",";\n    }\n"])),(function(n){return n.isOpen?1:0}),(function(n){return n.isOpen?"all":"none"}),(function(n){return n.filter})),Z=v.default.div.withConfig({displayName:"MenuFlyout__Stage",componentId:"sc-19pnt0u-1"})(_n||(_n=n.__makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    left: ",";\n    height: 100vh;\n    width: 100vw;\n    max-width: ","px;\n    pointer-events: none;\n\n    z-index: 102;\n\n    transform: translate(",", 0px);\n\n    transition: transform 0.4s ease-in-out, left 0.4s ease-in-out;\n    will-change: transform;\n"],["\n    position: fixed;\n    top: 0;\n    left: ",";\n    height: 100vh;\n    width: 100vw;\n    max-width: ","px;\n    pointer-events: none;\n\n    z-index: 102;\n\n    transform: translate(",", 0px);\n\n    transition: transform 0.4s ease-in-out, left 0.4s ease-in-out;\n    will-change: transform;\n"])),(function(n){return n.isOpen?"50%":"0px"}),(function(n){return"content"===n.clampWidth?u.spacings.wrapper:u.spacings.wrapperLarge}),(function(n){return n.isOpen?"-50%":"-100%"})),$=v.default.div.withConfig({displayName:"MenuFlyout__Flyout",componentId:"sc-19pnt0u-2"})(kn||(kn=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    visibility: visible;\n\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n\n    pointer-events: ",";\n\n    /** Animation to disable keyboard tabbing if flyout is closed */\n    animation: ",";\n\n    @media "," {\n        width: 384px;\n    }\n\n    @media "," {\n        width: 460px;\n    }\n\n    &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 2px;\n        height: 100%;\n        width: 40vw;\n        background-color: ",";\n        z-index: -1;\n\n        transform: translateX(-100%);\n    }\n\n    @keyframes hideAnim {\n        to {\n            visibility: hidden;\n        }\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n    visibility: visible;\n\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n\n    pointer-events: ",";\n\n    /** Animation to disable keyboard tabbing if flyout is closed */\n    animation: ",";\n\n    @media "," {\n        width: 384px;\n    }\n\n    @media "," {\n        width: 460px;\n    }\n\n    &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 2px;\n        height: 100%;\n        width: 40vw;\n        background-color: ",";\n        z-index: -1;\n\n        transform: translateX(-100%);\n    }\n\n    @keyframes hideAnim {\n        to {\n            visibility: hidden;\n        }\n    }\n"])),(function(n){var e=n.theme;return u.getColors(e).elementBg.light}),(function(n){return n.isOpen?"all":"none"}),(function(n){return!n.isOpen&&"hideAnim 0s ease-in 2s forwards"}),u.mq.medium,u.mq.large,(function(n){var e=n.theme;return u.getColors(e).elementBg.light})),nn=function(n,e){var t="large"===e?u.getGlobals(n).navigation.menu.headerHeight.large:u.getGlobals(n).navigation.menu.headerHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},en=v.default.div.withConfig({displayName:"MenuFlyout__Header",componentId:"sc-19pnt0u-3"})(Cn||(Cn=n.__makeTemplateObject(["\n    flex: 0 0\n        ","px;\n    height: ","px;\n\n    @media "," {\n        height: ","px;\n        flex: 0 0\n            ","px;\n    }\n"],["\n    flex: 0 0\n        ","px;\n    height: ","px;\n\n    @media "," {\n        height: ","px;\n        flex: 0 0\n            ","px;\n    }\n"])),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[0]}),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]}),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]})),tn=v.default.div.withConfig({displayName:"MenuFlyout__ScrollContainer",componentId:"sc-19pnt0u-4"})(In||(In=n.__makeTemplateObject(["\n    display: block;\n    max-height: 100%;\n    min-height: 0;\n"],["\n    display: block;\n    max-height: 100%;\n    min-height: 0;\n"]))),an=v.default.div.withConfig({displayName:"MenuFlyout__ScrollArea",componentId:"sc-19pnt0u-5"})(Nn||(Nn=n.__makeTemplateObject(["\n    display: block;\n    width: 100vw;\n    max-height: 100%;\n    overflow: auto;\n    -ms-overflow-style: none; /* for Internet Explorer, Edge */\n    scrollbar-width: none; /* for Firefox */\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* for Chrome, Safari, and Opera */\n    }\n\n    & > *:last-child {\n        margin-bottom: 120px;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"],["\n    display: block;\n    width: 100vw;\n    max-height: 100%;\n    overflow: auto;\n    -ms-overflow-style: none; /* for Internet Explorer, Edge */\n    scrollbar-width: none; /* for Firefox */\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* for Chrome, Safari, and Opera */\n    }\n\n    & > *:last-child {\n        margin-bottom: 120px;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"])),u.mq.medium),on=v.default.nav.withConfig({displayName:"MenuFlyout__NavView",componentId:"sc-19pnt0u-6"})(On||(On=n.__makeTemplateObject([""],[""]))),rn=v.default.ul.withConfig({displayName:"MenuFlyout__NavList",componentId:"sc-19pnt0u-7"})(Bn||(Bn=n.__makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    margin: ","px 0;\n\n    border-bottom: ",";\n"],["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    margin: ","px 0;\n\n    border-bottom: ",";\n"])),2*u.spacings.nudge,(function(n){var e=n.hasNonFeaturedItems,t=n.theme;return e&&"solid 2px ".concat(u.getColors(t).elementBg.medium)})),ln=v.default.li.withConfig({displayName:"MenuFlyout__NavItemView",componentId:"sc-19pnt0u-8"})(En||(En=n.__makeTemplateObject(["\n    flex: 0 0 80px;\n\n    height: 100%;\n    background-color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    li + &:not([data-featured='true']) {\n        border-top: solid 2px ",";\n    }\n\n    li[data-featured='true'] + &:not([data-featured='true']) {\n        margin-top: ","px;\n    }\n\n    &:not([data-featured='true']):first-child {\n        border-top: solid 2px ",";\n    }\n\n    @media "," {\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ",";\n        }\n    }\n"],["\n    flex: 0 0 80px;\n\n    height: 100%;\n    background-color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    li + &:not([data-featured='true']) {\n        border-top: solid 2px ",";\n    }\n\n    li[data-featured='true'] + &:not([data-featured='true']) {\n        margin-top: ","px;\n    }\n\n    &:not([data-featured='true']):first-child {\n        border-top: solid 2px ",";\n    }\n\n    @media "," {\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ",";\n        }\n    }\n"])),(function(n){var e=n.theme;return n.isActive?u.getColors(e).elementBg.medium:u.getColors(e).elementBg.light}),(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.spacings.spacer,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.mq.semilarge,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium})),sn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemContent",componentId:"sc-19pnt0u-9"})(Sn||(Sn=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    position: relative;\n    min-height: 80px;\n\n    padding: 0 ","px;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n"],["\n    display: flex;\n    align-items: center;\n    position: relative;\n    min-height: 80px;\n\n    padding: 0 ","px;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n"])),2*u.spacings.nudge,(function(n){var e=n.isFeatured;return J(e?"featured":"main")}),(function(n){var e=n.theme;return n.isFeatured?u.getFonts(e).navigation.featured.color:u.getFonts(e).navigation.main.color}),(function(n){return n.isCurrent?"underline":"none"})),un=v.default.span.withConfig({displayName:"MenuFlyout__NavItemIcon",componentId:"sc-19pnt0u-10"})(Fn||(Fn=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    width: 48px;\n    max-width: 48px;\n\n    * {\n        width: 100%;\n        max-width: 48px;\n        max-height: 80px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    width: 48px;\n    max-width: 48px;\n\n    * {\n        width: 100%;\n        max-width: 48px;\n        max-height: 80px;\n    }\n"]))),dn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemLabel",componentId:"sc-19pnt0u-11"})(Mn||(Mn=n.__makeTemplateObject(["\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:not(:first-child) {\n        margin-left: ","px;\n    }\n"],["\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:not(:first-child) {\n        margin-left: ","px;\n    }\n"])),2*u.spacings.nudge),cn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemCollapse",componentId:"sc-19pnt0u-12"})(Tn||(Tn=n.__makeTemplateObject(["\n    display: block;\n    margin-left: auto;\n    padding-left: ","px;\n"],["\n    display: block;\n    margin-left: auto;\n    padding-left: ","px;\n"])),3*u.spacings.nudge),pn=v.default(n.AngleRight).withConfig({displayName:"MenuFlyout__NavItemCollapseIcon",componentId:"sc-19pnt0u-13"})(jn||(jn=n.__makeTemplateObject(["\n    transform: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    @media "," {\n        transform: rotate(0deg);\n    }\n"],["\n    transform: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    @media "," {\n        transform: rotate(0deg);\n    }\n"])),(function(n){return!n.isCollapsed&&"rotate(90deg)"}),u.mq.semilarge),mn=v.default(o.Link).withConfig({displayName:"MenuFlyout__NavItemLink",componentId:"sc-19pnt0u-14"})(zn||(zn=n.__makeTemplateObject(["\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    &:focus {\n        outline: solid 2px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    &:focus {\n        outline: solid 2px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),fn=v.default.button.withConfig({displayName:"MenuFlyout__NavItemButton",componentId:"sc-19pnt0u-15"})(Ln||(Ln=n.__makeTemplateObject(["\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    background: none;\n    border: none;\n    border-bottom: solid 2px ",";\n    width: 100%;\n    cursor: pointer;\n    outline: none;\n    border-radius: 0px;\n\n    &:focus {\n        outline: solid 2px ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        border-bottom: none;\n    }\n"],["\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    background: none;\n    border: none;\n    border-bottom: solid 2px ",";\n    width: 100%;\n    cursor: pointer;\n    outline: none;\n    border-radius: 0px;\n\n    &:focus {\n        outline: solid 2px ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        border-bottom: none;\n    }\n"])),(function(n){var e=n.theme;return u.getColors(e).elementBg.light}),(function(n){var e=n.theme;return u.getColors(e).primary.default}),u.mq.semilarge),gn=v.default.ul.withConfig({displayName:"MenuFlyout__SubNavList",componentId:"sc-19pnt0u-16"})(qn||(qn=n.__makeTemplateObject(["\n    display: ",";\n    position: relative;\n    margin: 0;\n    padding: 0;\n    padding-left: ","px;\n    padding-right: ","px;\n    list-style: none;\n\n    max-height: 100%;\n    overflow: auto;\n    -ms-overflow-style: none; /* for Internet Explorer, Edge */\n    scrollbar-width: none; /* for Firefox */\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* for Chrome, Safari, and Opera */\n    }\n\n    background-color: ",";\n\n    @media "," {\n        position: absolute;\n        top: 0;\n        left: calc(100% - 1px);\n        width: 100vw;\n        height: 100%;\n        max-width: 384px;\n        padding-left: ","px;\n    }\n"],["\n    display: ",";\n    position: relative;\n    margin: 0;\n    padding: 0;\n    padding-left: ","px;\n    padding-right: ","px;\n    list-style: none;\n\n    max-height: 100%;\n    overflow: auto;\n    -ms-overflow-style: none; /* for Internet Explorer, Edge */\n    scrollbar-width: none; /* for Firefox */\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* for Chrome, Safari, and Opera */\n    }\n\n    background-color: ",";\n\n    @media "," {\n        position: absolute;\n        top: 0;\n        left: calc(100% - 1px);\n        width: 100vw;\n        height: 100%;\n        max-width: 384px;\n        padding-left: ","px;\n    }\n"])),(function(n){return!n.isActive&&"none"}),(function(n){return n.isIndented?48+4*u.spacings.nudge:2*u.spacings.nudge}),2*u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.mq.semilarge,3*u.spacings.nudge),vn=e.forwardRef((function(e,t){var i=e.isCurrent,a=e.isActive,o=e.isFeatured,r=e.label,l=e.link,s=e.icon,u=e.subNavTitle,d=e.navBarSize,c=e.onItemClick,p=e.collapseIcon,m=e.canFocus,f=e.children,v=!!f&&g.default.Children.count(f)>0;return g.default.createElement(ln,{ref:t,isActive:a,"data-featured":o},g.default.createElement(sn,{isCurrent:i,isFeatured:o},s&&g.default.createElement(un,null,s),r&&g.default.createElement(dn,null,r),v&&g.default.createElement(cn,null,p?p({isCollapsed:!a}):g.default.createElement(pn,{ariaHidden:!0,isCollapsed:!a})),!v&&(null==l?void 0:l.href)&&g.default.createElement(mn,n.__assign({},l,{ariaLabel:r,tabIndex:m?void 0:-1})),v&&g.default.createElement(g.default.Fragment,null,g.default.createElement(fn,{"aria-label":r,"aria-expanded":a,onClick:c,tabIndex:m?void 0:-1}))),v&&g.default.createElement(gn,{isActive:a,isIndented:!!s},(null==l?void 0:l.href)&&g.default.createElement(Zn.SubItem,{key:"overview",link:l,label:u||"Overview",navBarSize:d,canFocus:m}),f))}));vn.displayName="NavigationItem";var hn=v.default.li.withConfig({displayName:"MenuFlyout__SubNavItem",componentId:"sc-19pnt0u-17"})(Hn||(Hn=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    height: 56px;\n\n    ","\n    color: ",";\n\n    @media "," {\n        &:first-child {\n            margin-top: ","px;\n        }\n\n        &:last-child {\n            margin-bottom: ","px;\n        }\n    }\n"],["\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    height: 56px;\n\n    ","\n    color: ",";\n\n    @media "," {\n        &:first-child {\n            margin-top: ","px;\n        }\n\n        &:last-child {\n            margin-bottom: ","px;\n        }\n    }\n"])),J("main"),(function(n){var e=n.theme;return u.getFonts(e).navigation.sub.color}),u.mq.semilarge,(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]+2*u.spacings.nudge}),u.spacings.spacer),bn=v.default(o.Link).withConfig({displayName:"MenuFlyout__SubNavLink",componentId:"sc-19pnt0u-18"})(An||(An=n.__makeTemplateObject(["\n    /* width: 100%; */\n    padding: ","px 0;\n    outline-color: ",";\n    vertical-align: middle;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * {\n        margin: 2px;\n    }\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: dashed 1px\n            ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"],["\n    /* width: 100%; */\n    padding: ","px 0;\n    outline-color: ",";\n    vertical-align: middle;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * {\n        margin: 2px;\n    }\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: dashed 1px\n            ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"])),u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).primary.default}),J("sub"),(function(n){var e=n.theme;return u.getFonts(e).navigation.sub.color}),(function(n){return n.isCurrent?"underline":"none"}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),xn=e.forwardRef((function(e,t){var i=e.isCurrent,a=e.label,o=e.link,r=e.navBarSize,l=e.canFocus;return g.default.createElement(hn,{ref:t,navBarSize:r},g.default.createElement(bn,n.__assign({tabIndex:l?void 0:-1,isCurrent:i},o),g.default.createElement("span",null,a)))}));xn.displayName="NavigationSubItem";var wn,yn,_n,kn,Cn,In,Nn,On,Bn,En,Sn,Fn,Mn,Tn,jn,zn,Ln,qn,Hn,An,Pn,Vn,Dn,Wn,Rn,Gn,Un,Qn,Xn,Yn,Jn=v.default.ul.withConfig({displayName:"MenuFlyout__SecondaryNavList",componentId:"sc-19pnt0u-19"})(Pn||(Pn=n.__makeTemplateObject(["\n    display: block;\n    list-style: none;\n    padding: 0 ","px;\n    margin: ","px 0;\n\n    li {\n        display: flex;\n        margin: 0;\n        padding: 0;\n    }\n"],["\n    display: block;\n    list-style: none;\n    padding: 0 ","px;\n    margin: ","px 0;\n\n    li {\n        display: flex;\n        margin: 0;\n        padding: 0;\n    }\n"])),2*u.spacings.nudge,u.spacings.spacer),Kn=v.default(o.Link).withConfig({displayName:"MenuFlyout__SecondaryNavLink",componentId:"sc-19pnt0u-20"})(Vn||(Vn=n.__makeTemplateObject(["\n    display: inline-block;\n    padding: ","px 0;\n    outline-color: ",";\n    vertical-align: middle;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:focus {\n        outline: dashed 2px\n            ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: inline-block;\n    padding: ","px 0;\n    outline-color: ",";\n    vertical-align: middle;\n\n    ","\n    color: ",";\n    text-decoration: ",";\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:focus {\n        outline: dashed 2px\n            ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),.5*u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).primary.default}),J("secondary"),(function(n){var e=n.theme;return u.getFonts(e).navigation.secondary.color}),(function(n){return n.isCurrent?"underline":"none"}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),Zn={View:function(n){var e=n.children;return g.default.createElement(on,{"aria-label":"menu"},e)},List:rn,Item:vn,SubItem:xn,SubList:function(n){var e=n.items,t=n.canFocus;return e&&e.length>0?g.default.createElement(Jn,null,null==e?void 0:e.filter((function(n){var e;return null===(e=n.link)||void 0===e?void 0:e.href})).map((function(n,e){var i;return g.default.createElement("li",{key:e},g.default.createElement(Kn,{isCurrent:n.isCurrent,href:null===(i=n.link)||void 0===i?void 0:i.href,tabIndex:t?void 0:-1},n.label))}))):null}},$n=function(n){return!n.hideFromMenu&&n.uid&&n.label},ne=function(i){var o=i.isOpen,r=i.clampWidth,s=i.isIndexPage,u=i.mainNavigation,d=i.subNavigation,c=i.navBarSize,p=i.subNavTitle,m=i.backdropFilter,f=void 0===m?"grayscale(1)":m,v=i.header,h=i.footer,b=i.onClose,x=i.collapseIcon,w=i.navItemsHeader,y=t.useLibTheme().theme,_=e.useRef(null),k=e.useMemo((function(){return function(n){var e=nn(n,"large"),t=nn(n,"small");return e[0]>0||e[1]>0||t[0]>0||t[1]>0}(y)}),[y]),C=e.useMemo((function(){var e=(null==u?void 0:u.filter((function(n){return n.isFeatured})))||[],t=(null==u?void 0:u.filter((function(n){return!n.isFeatured})))||[];return n.__spreadArray(n.__spreadArray([],e,!0),t,!0).filter($n)}),[u]),I=e.useMemo((function(){var n=(null==u?void 0:u.filter((function(n){return!n.isFeatured})))||[];return n&&n.length>0}),[u]),N=e.useMemo((function(){return null==d?void 0:d.filter($n)}),[d]),O=e.useState((function(){var n,e,t=null===(e=null===(n=a.getCurrentNavItem(C,!0))||void 0===n?void 0:n.root)||void 0===e?void 0:e.uid;return t?[t]:[""]})),B=O[0],E=O[1],S=e.useState(null),F=S[0],M=S[1],T=e.useState(null),j=T[0],z=T[1];return e.useEffect((function(){var n=function(n){_.current&&n.target&&(_.current.contains(n.target)||b&&b())};return o?document.addEventListener("focusin",n):document.removeEventListener("focusin",n),function(){document.removeEventListener("focusin",n)}}),[o,b]),e.useEffect((function(){try{null==F||F.scrollIntoView({block:"center",inline:"start"}),null==j||j.scrollIntoView({block:"center",inline:"start"})}catch(n){}}),[F,j]),g.default.createElement(g.default.Fragment,null,g.default.createElement(K,{isOpen:o,filter:f,onClick:b}),g.default.createElement(Z,{isOpen:o,clampWidth:r},g.default.createElement($,{ref:_,isOpen:o},k&&g.default.createElement(en,{navBarSize:c},v?v({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s,navBarSize:c}):g.default.createElement(Y,{menuStates:{isOpen:o,mainNavigation:u,subNavigation:d,isIndexPage:s,navBarSize:c}})),g.default.createElement(tn,null,g.default.createElement(an,null,w&&w({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s,navBarSize:c}),g.default.createElement(Zn.View,null,l.isValidArray(C,!1)&&g.default.createElement(Zn.List,{id:"mainMenu",hasNonFeaturedItems:I},C.map((function(e){var t,i=B.includes(e.uid),a=!!(null==e?void 0:e.subItems)&&e.subItems.findIndex((function(n){return n.isCurrent}))>=0,r=e.isCurrent||a;return g.default.createElement(Zn.Item,n.__assign({key:e.uid},e,{ref:r?M:void 0,isActive:i,isCurrent:r,subNavTitle:p,navBarSize:c,collapseIcon:x,onItemClick:function(){return n=e.uid,void E((function(e){return e.includes(n)?[]:[n]}));var n},canFocus:o}),null===(t=null==e?void 0:e.subItems)||void 0===t?void 0:t.filter($n).map((function(e){return g.default.createElement(Zn.SubItem,n.__assign({key:e.uid,ref:e.isCurrent?z:void 0},e,{navBarSize:c,canFocus:o}))})))}))),l.isValidArray(N,!1)&&g.default.createElement(Zn.SubList,{items:N,canFocus:o})),h?h({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s}):"")))))},ee=function(e){var t=e.isOpen,i=e.clampWidth,a=e.isIndexPage,o=e.mainNavigation,r=e.subNavigation,l=e.navBarSize,s=e.header,u=e.footer,d=e.navItemsHeader,c=e.onClose,p=e.typeSettings;return p||(p={type:"flyout"}),null==p||p.type,g.default.createElement(ne,n.__assign({isOpen:t,clampWidth:i,isIndexPage:a,mainNavigation:o,subNavigation:r,navBarSize:l,header:s,footer:u,onClose:c,navItemsHeader:d},p))},te=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.topHeight.large:u.getGlobals(n).navigation.navBar.topHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},ie=function(n){var e=te(n,"large"),t=te(n,"small");return e[0]>0||e[1]>0||t[0]>0||t[1]>0},ae=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.mainHeight.large:u.getGlobals(n).navigation.navBar.mainHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},oe=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.bottomHeight.large:u.getGlobals(n).navigation.navBar.bottomHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},re=function(n){var e=oe(n,"large"),t=oe(n,"small");return e[0]>0||e[1]>0||t[0]>0||t[1]>0},le=function(n,e,t){var i=!t||-1===t.indexOf("top"),a=!t||-1===t.indexOf("main"),o=!t||-1===t.indexOf("bottom"),r=i?te(n,e):[0,0],l=a?ae(n,e):[0,0],s=o?oe(n,e):[0,0];return[r[0]+l[0]+s[0],r[1]+l[1]+s[1]]},se=v.default.div.withConfig({displayName:"NavBar__View",componentId:"sc-f6gpx5-0"})(Dn||(Dn=n.__makeTemplateObject(["\n    position: ",";\n    top: 0;\n    left: 0;\n    right: 0;\n\n    transform: ",";\n\n    margin: 0 auto;\n    /* max-width: ","px; */\n    z-index: 100;\n\n    ","\n    will-change: transform;\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background: ",";\n        margin: 0 auto;\n        max-width: ","px;\n        z-index: -1;\n    }\n\n    // print version\n    @media print {\n        position: relative;\n    }\n"],["\n    position: ",";\n    top: 0;\n    left: 0;\n    right: 0;\n\n    transform: ",";\n\n    margin: 0 auto;\n    /* max-width: ","px; */\n    z-index: 100;\n\n    ","\n    will-change: transform;\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background: ",";\n        margin: 0 auto;\n        max-width: ","px;\n        z-index: -1;\n    }\n\n    // print version\n    @media print {\n        position: relative;\n    }\n"])),(function(n){return n.isSticky?"fixed":"absolute"}),(function(n){return!n.isOpen&&"translate3d(0, -101%, 0)"}),u.spacings.wrapperLarge,(function(n){var e=n.isAnimated;return"transition: ".concat(e?"transform 0.3s ease-in-out, ":"","height 0.3s ease-in-out,\n                opacity 0.3s ease-in-out;")}),(function(n){return n.bgGradient||""}),u.spacings.wrapperLarge),ue=v.default.div.withConfig({displayName:"NavBar__Header",componentId:"sc-f6gpx5-1"})(Wn||(Wn=n.__makeTemplateObject(["\n    opacity: ",";\n    pointer-events: ",";\n    overflow: ",";\n\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    @media "," {\n        opacity: ",";\n        pointer-events: ",";\n        overflow: ",";\n    }\n"],["\n    opacity: ",";\n    pointer-events: ",";\n    overflow: ",";\n\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    @media "," {\n        opacity: ",";\n        pointer-events: ",";\n        overflow: ",";\n    }\n"])),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]>0?1:0}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]<=0&&"hidden"}),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return te(e,t)[1]>0?1:0}),(function(n){var e=n.theme,t=n.size;return te(e,t)[1]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return te(e,t)[1]<=0&&"hidden"})),de=v.default.div.withConfig({displayName:"NavBar__Main",componentId:"sc-f6gpx5-2"})(Rn||(Rn=n.__makeTemplateObject(["\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n"],["\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n"])),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted})),ce=v.default.div.withConfig({displayName:"NavBar__Footer",componentId:"sc-f6gpx5-3"})(Gn||(Gn=n.__makeTemplateObject(["\n    opacity: ",";\n    pointer-events: ",";\n    overflow: ",";\n\n    background-color: ",";\n    color: ",";\n\n    opacity: ",";\n\n    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media "," {\n        opacity: ",";\n        pointer-events: ",";\n        overflow: ",";\n\n        opacity: ",";\n    }\n"],["\n    opacity: ",";\n    pointer-events: ",";\n    overflow: ",";\n\n    background-color: ",";\n    color: ",";\n\n    opacity: ",";\n\n    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media "," {\n        opacity: ",";\n        pointer-events: ",";\n        overflow: ",";\n\n        opacity: ",";\n    }\n"])),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?1:0}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]<=0&&"hidden"}),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?1:0}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?1:0}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]<=0&&"hidden"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?1:0})),pe=v.default.div.withConfig({displayName:"NavBar__TopContent",componentId:"sc-f6gpx5-4"})(Un||(Un=n.__makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n    position: relative;\n    max-width: ","px;\n    padding: ",";\n    margin: 0 auto;\n\n    height: ","px;\n\n    transition: height 0.2s ease-in-out, padding-top 0.2s ease-in-out,\n        padding-bottom 0.2s ease-in-out;\n    will-change: height;\n\n    @media "," {\n        height: ","px;\n        padding: ",";\n    }\n"],["\n    display: flex;\n    justify-content: flex-end;\n    position: relative;\n    max-width: ","px;\n    padding: ",";\n    margin: 0 auto;\n\n    height: ","px;\n\n    transition: height 0.2s ease-in-out, padding-top 0.2s ease-in-out,\n        padding-bottom 0.2s ease-in-out;\n    will-change: height;\n\n    @media "," {\n        height: ","px;\n        padding: ",";\n    }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),(function(n){var e=n.size,t=n.theme;return te(t,e)[0]>0&&"0 ".concat(2*u.spacings.nudge,"px")}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return te(e,t)[1]}),(function(n){var e=n.size,t=n.theme;return te(t,e)[1]>0&&"0 ".concat(2*u.spacings.nudge,"px")})),me=v.default.div.withConfig({displayName:"NavBar__Content",componentId:"sc-f6gpx5-5"})(Qn||(Qn=n.__makeTemplateObject(["\n    display: flex;\n    position: relative;\n    max-width: ","px;\n    padding: 0 ","px;\n    margin: 0 auto;\n\n    height: ","px;\n\n    transition: height 0.2s ease-in-out;\n    will-change: height;\n\n    @media "," {\n        height: ","px;\n    }\n"],["\n    display: flex;\n    position: relative;\n    max-width: ","px;\n    padding: 0 ","px;\n    margin: 0 auto;\n\n    height: ","px;\n\n    transition: height 0.2s ease-in-out;\n    will-change: height;\n\n    @media "," {\n        height: ","px;\n    }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),2*u.spacings.nudge,(function(n){var e=n.theme,t=n.size;return ae(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return ae(e,t)[1]||ae(e,t)[0]})),fe=v.default.div.withConfig({displayName:"NavBar__BottomContent",componentId:"sc-f6gpx5-6"})(Xn||(Xn=n.__makeTemplateObject(["\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    max-width: ","px;\n    padding: 0 ","px;\n    margin: 0 auto;\n\n    height: ","px;\n    transition: 0.2s height ease-in-out;\n\n    @media "," {\n        height: ","px;\n        padding: 0 ","px;\n    }\n"],["\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    max-width: ","px;\n    padding: 0 ","px;\n    margin: 0 auto;\n\n    height: ","px;\n    transition: 0.2s height ease-in-out;\n\n    @media "," {\n        height: ","px;\n        padding: 0 ","px;\n    }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),2*u.spacings.nudge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]}),2*u.spacings.nudge),ge=v.default.div.withConfig({displayName:"NavBar__BarSpacer",componentId:"sc-f6gpx5-7"})(Yn||(Yn=n.__makeTemplateObject(["\n    height: ","px;\n\n    @media "," {\n        height: ","px;\n    }\n\n    // print version\n    @media print {\n        display: none;\n    }\n"],["\n    height: ","px;\n\n    @media "," {\n        height: ","px;\n    }\n\n    // print version\n    @media print {\n        display: none;\n    }\n"])),(function(n){var e=n.theme,t=n.hasHeader,i=n.hasFooter,a=[];return t||a.push("top"),i||a.push("bottom"),le(e,"large",a)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.hasHeader,i=n.hasFooter,a=[];return t||a.push("top"),i||a.push("bottom"),le(e,"large",a)[1]})),ve=function(n){var i=n.size,a=void 0===i?"large":i,o=n.isOpen,r=void 0!==o&&o,l=n.isSticky,s=void 0!==l&&l,u=n.isAnimated,d=void 0!==u&&u,c=n.clampWidth,p=void 0!==c&&c,m=n.pageFlow,f=void 0===m?"beforeContent":m,v=n.topBg,h=n.mainBg,b=n.bottomBg,x=n.onContentBg,w=n.topBar,y=n.mainBar,_=n.bottomBar,k=n.className,C=t.useLibTheme(),I=C.theme,N=C.colors,O="content"===p,B="overContent"===f,E=e.useMemo((function(){return ie(I)&&null!==w}),[I,w]),S=e.useMemo((function(){return re(I)&&null!==_}),[_,I]),F=e.useMemo((function(){return"small"===a||"large"===a&&!B}),[B,a]),M=v||N.elementBg.light,T=h||N.elementBg.light,j=b||N.elementBg.light,z=x||"linear-gradient(180deg,rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0) 100%)",L=e.useMemo((function(){return w&&w({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[r,s,f,a,w]),q=e.useMemo((function(){return y&&y({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[r,s,y,f,a]),H=e.useMemo((function(){return _&&_({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[_,r,s,f,a]);return g.default.createElement(g.default.Fragment,null,"beforeContent"===f&&g.default.createElement(ge,{hasHeader:E,hasFooter:S}),g.default.createElement(se,{isOpen:r,isSticky:s,isAnimated:d,bgGradient:"large"===a&&B?z:void 0,className:k},E&&g.default.createElement(ue,{size:a,background:F?M:void 0},g.default.createElement(pe,{size:a,clamp:O},L||g.default.createElement(P,{isInverted:!0},"Top Nav"))),null!==y&&g.default.createElement(de,{background:F?T:void 0},g.default.createElement(me,{size:a,clamp:O},q||g.default.createElement(g.default.Fragment,null,g.default.createElement(P,{takeSpace:!0,isInverted:"large"===a&&B},"Left"),g.default.createElement(P,{isInverted:"large"===a&&B},"Center"),g.default.createElement(P,{takeSpace:!0,isInverted:"large"===a&&B},"Right")))),S&&g.default.createElement(ce,{size:a,background:F?j:void 0},g.default.createElement(fe,{size:a,clamp:O},H||"bottom bar"))))},he=function(n){var e=n||"",t=void 0;switch(!0){case-1!==e.search("overContent"):t="overContent";break;case-1!==e.search("beforeContent"):t="beforeContent"}return{hasTop:-1!==e.search("top"),hasMain:-1!==e.search("main"),hasBottom:-1!==e.search("bottom"),pageFlow:t,isStickable:-1!==e.search("stickable")}},be=function(n){if(!n)return"";var e=[];return n.hasTop&&e.push("top"),n.hasMain&&e.push("main"),n.hasBottom&&e.push("bottom"),n.isStickable&&e.push("stickable"),n.pageFlow&&e.push(n.pageFlow),e.join("-")};exports.BarBreadcrumbs=function(t){var i=t.isInverted,o=void 0!==i&&i,r=t.rootLink,l=t.rootLabel,s=t.navItems,u=t.seperator,d=t.back,c=t.className,p=e.useMemo((function(){return a.getCurrentNavPath(s,(null==r?void 0:r.href)?[null==r?void 0:r.href]:[])}),[s,null==r?void 0:r.href]),m={uid:"root",label:l||"Home",link:r};return g.default.createElement(M,{"aria-label":"breadcrumbs",className:c},g.default.createElement(T,null,g.default.createElement(j,null,g.default.createElement(A,n.__assign({showOnDesktop:!0,isInverted:o},m))),null==p?void 0:p.map((function(e,t){var i=t===p.length-1,a=t-1>=0?p[t-1]:m;return g.default.createElement(j,{key:t,isCurrent:i},g.default.createElement(q,{size:"small",isInverted:o},u?u({isInverted:o}):"/"),i?g.default.createElement(g.default.Fragment,null,a&&g.default.createElement(A,n.__assign({},a,{showOnMobile:!0,isInverted:o}),g.default.createElement(H,null,d?d({isInverted:o}):g.default.createElement(n.AngleLeft,null)),g.default.createElement("span",null,a.label)),g.default.createElement(A,n.__assign({},e,{link:{},showOnDesktop:!0,isInverted:o}))):g.default.createElement(A,n.__assign({},e,{showOnDesktop:!0,isInverted:o})))}))))},exports.BarLogo=function(e){var t=e.link,i=e.logo,a=e.className;return g.default.createElement(V,n.__assign({},t,{className:a}),(null==i?void 0:i.small)&&g.default.createElement(D,n.__assign({},i,{coverSpace:!1,ratios:void 0,showPlaceholder:!1})))},exports.BarMenuToggle=R,exports.BarNavList=function(e){var t=e.isInverted,i=e.navLinks,a=e.className;return g.default.createElement(G,{isInverted:t,className:a},null==i?void 0:i.map((function(e,i){return g.default.createElement(U,n.__assign({key:i},e.link,{isInverted:t,isActive:e.isCurrent}),e.label)})))},exports.Column=P,exports.MenuHeader=Y,exports.Navigation=function(o){var r=o.clampWidth,l=void 0===r?"content":r,s=o.navBar,u=o.menu,d=(null==s?void 0:s.isStickable)||!1,c=(null==s?void 0:s.isCollapsible)||!1,p=i.useMediaQueries(),m=t.useLibTheme().theme,v=e.useState(!1),h=v[0],b=v[1],x=e.useState(!0),w=x[0],y=x[1],_=function(n){var t,i,o=e.useState(!0),r=o[0],l=o[1],s=e.useState(!0),u=s[0],d=s[1],c=e.useState(!1),p=c[0],m=c[1],g=e.useRef(0),v=e.useRef(0),h=e.useState(f.DOWN),b=h[0],x=h[1],w=(null===(t=null==n?void 0:n.directionOffset)||void 0===t?void 0:t.down)||0,y=(null===(i=null==n?void 0:n.directionOffset)||void 0===i?void 0:i.up)||0,_=a.useScrollThrottle(void 0!==(null==n?void 0:n.resizeThrottleTimeout)?n.resizeThrottleTimeout:200);return e.useEffect((function(){if(_&&"undefined"!=typeof window){var e=_.scrollY,t=e<=0;l(t),(null==n?void 0:n.offset)&&e<=n.offset?d(!0):d((function(e){var t;return e&&(null===(t=null==n?void 0:n.onLeftOffset)||void 0===t||t.call(n,b),m(!0)),!1}));var i=e-g.current,a=Math.abs(v.current);i<0&&v.current>0||i>0&&v.current<0?v.current=0:v.current+=i,a=Math.abs(v.current),t?x(f.DOWN):i<0&&a>=y?x(f.UP):i>0&&a>=w&&x(f.DOWN),g.current=e}}),[w,y,b,_,n]),e.useEffect((function(){r&&m(!1)}),[r]),{isTop:r,scrollDirection:b,isInOffset:u,leftOffsetFromTop:p}}({directionOffset:{up:40,down:40},offset:le(m,"large")[p.semilarge?1:0]}),k=_.isTop,C=_.scrollDirection,I=_.isInOffset,N=_.leftOffsetFromTop,O=e.useMemo((function(){return k||I||!d?"large":"small"}),[k,I,d]);e.useEffect((function(){d&&c&&y(k||I||C===f.UP)}),[C,k,d,I,c]),e.useEffect((function(){d&&(!c||N&&C===f.UP?b(!0):k&&b(!1))}),[c,d,k,N,C]);var B=function(t,i){var a=e.useState(t),o=a[0],r=a[1],l=e.useRef(!1),s=e.useState(null),u=s[0],d=s[1],c=e.useRef(null),p=e.useRef(null),m=n.__assign({openMenuIdent:'button[aria-label="open menu"]',closeMenuIdent:'button[aria-label="close menu"]'},i);return e.useEffect((function(){u&&(c.current||(c.current=u.querySelector(m.openMenuIdent)),p.current||(p.current=u.querySelector(m.closeMenuIdent)))}),[m.closeMenuIdent,m.openMenuIdent,o,u]),e.useEffect((function(){var n,e,t=function(n){"Escape"===n.key&&o&&r(!1)};return o?null===(n=null==p?void 0:p.current)||void 0===n||n.focus():l.current&&(null===(e=null==c?void 0:c.current)||void 0===e||e.focus()),l.current=o,window.addEventListener("keydown",t),function(){window.removeEventListener("keydown",t)}}),[o]),{setRoot:d,isMenuOpen:o,setIsMenuOpen:r}}(!1,{}),E=B.isMenuOpen,S=B.setIsMenuOpen,F=B.setRoot,M=function(){S(!0)},T=function(){S(!1)};e.useEffect((function(){document.body.style.overflow=E?"hidden":"visible"}),[E]);var j=(null==s?void 0:s.topBar)?function(e){return(null==s?void 0:s.topBar)?s.topBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.topBar,z=(null==s?void 0:s.mainBar)?function(e){return(null==s?void 0:s.mainBar)?s.mainBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.mainBar,L=(null==s?void 0:s.bottomBar)?function(e){return(null==s?void 0:s.bottomBar)?s.bottomBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.bottomBar,q=(null==u?void 0:u.header)?function(e){return(null==u?void 0:u.header)?null==u?void 0:u.header(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0,H=(null==u?void 0:u.footer)?function(e){return(null==u?void 0:u.footer)?null==u?void 0:u.footer(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0,A=(null==u?void 0:u.navItemsHeader)?function(e){return(null==u?void 0:u.navItemsHeader)?null==u?void 0:u.navItemsHeader(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0;return g.default.createElement("header",{ref:F,"data-navbar-ident":function(n){return be({hasTop:null!==j&&ie(n),hasMain:null!==z,hasBottom:null!==L&&re(n),isStickable:null==s?void 0:s.isStickable,pageFlow:null==s?void 0:s.pageFlow})}(m)},g.default.createElement(t.LibThemeProvider,{theme:null==s?void 0:s.theme},g.default.createElement(ve,{isOpen:w,isSticky:h,isAnimated:!0,size:O,clampWidth:l,pageFlow:null==s?void 0:s.pageFlow,topBar:j,mainBar:z,bottomBar:L,topBg:null==s?void 0:s.topBg,mainBg:null==s?void 0:s.mainBg,bottomBg:null==s?void 0:s.bottomBg,onContentBg:null==s?void 0:s.onContentBg})),g.default.createElement(t.LibThemeProvider,{theme:null==u?void 0:u.theme},g.default.createElement(ee,{isOpen:E,clampWidth:l,isIndexPage:null==u?void 0:u.isIndexPage,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,typeSettings:null==u?void 0:u.typeSettings,navBarSize:O,header:q,footer:H,navItemsHeader:A,onClose:T})))},exports.generateNavbarIdent=be,exports.getFullNavbarHeights=function(n,e){var t=he(e||""),i=t.hasTop,a=t.hasBottom,o=[];return i||o.push("top"),a||o.push("bottom"),{large:le(n,"large",o),small:le(n,"small",o)}},exports.getNavbarState=he;
+//# sourceMappingURL=Navigation-6c5d9dee.js.map