{"version":3,"file":"static/js/Navigation.88c1d01a.js","mappings":"uXAQO,MAAMA,EAAUC,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,qCAG3BI,EAAAA,GAAGC,QAKIC,EAASN,EAAAA,OAAOO,GAAEL,WAAA,CAAAC,YAAA,gBAATH,CAAS,6DAOlBQ,GAAcR,EAAAA,EAAAA,QAAOS,EAAAA,IAAOC,OAEtC,MAAS,KAAER,WAAA,CAAAC,YAAA,gBAFaH,CAEb,gJAEEW,GAAWA,EAAMC,iBAAmB,QAAU,QAYxDR,EAAAA,GAAGS,SAKIC,GAAUd,EAAAA,EAAAA,QAAOe,EAAAA,GAAKb,WAAA,CAAAC,YAAA,gBAAZH,CAAY,sCAG7BI,EAAAA,GAAGS,SAKIG,GAAYC,EAAAA,EAAAA,KAAG,wbAItBC,IAAM,QAAS,CACbC,OAAOF,EAAAA,EAAAA,KAAG,uCAoCLG,GAAOpB,EAAAA,EAAAA,QAAOqB,EAAAA,GAAQnB,WAAA,CAAAC,YAAA,gBAAfH,CAAe,6BAC7BgB,GAIOM,EAAStB,EAAAA,OAAOuB,OAAMrB,WAAA,CAAAC,YAAA,gBAAbH,CAAa,kBAE7BgB,E,0FCrFN,MAAMQ,EAAaA,EACfC,eACAC,YACAC,aACAC,QACAC,kBACAC,KACAZ,YACkC,IAADa,EAmBjC,OACIC,EAAAA,EAAAA,KAACC,EAAAA,cAAa,CACVf,MAAO,CACHA,MAAOA,GACTgB,UAEFF,EAAAA,EAAAA,KAACjC,EAAAA,GAAO,CAAC,aAAY6B,EAAMM,UACvBF,EAAAA,EAAAA,KAAC1B,EAAAA,GAAM,CAACwB,GAAIA,EAAGI,SACA,OAAVP,QAAU,IAAVA,GAAiB,QAAPI,EAAVJ,EAAYQ,aAAK,IAAAJ,OAAP,EAAVA,EAAmBK,KAAI,CAACC,EAAMC,KAC3B,MAAMC,EAAS,MAAKD,IACdE,EAAOd,GAAaa,EACpBE,GAAWC,EAAAA,EAAAA,GACbL,EAAKM,aAAeJ,GAExB,OACIP,EAAAA,EAAAA,KAACxB,EAAAA,GAAW,CACRoC,GAAG,KAEHhC,mBAAoByB,EAAKQ,oBAAoBX,SAE5CG,EAAKF,OAASE,EAAKF,MAAMW,OAAS,GAC/BC,EAAAA,EAAAA,MAACzB,EAAAA,GAAM,CAEH0B,MAAOX,EAAKM,YACZM,QAAUC,GAjC1BC,EAChBD,EACAjD,EACAmD,KAEAF,EAAMG,iBACN5B,EAAaxB,EAAKmD,EAAQ,EA4BUD,CACID,EACAX,EACAF,EAAKM,aAGbW,WAAaJ,GAjD1BK,EACnBL,EACAjD,EACAmD,KAEAF,EAAMG,iBACa,WAAV,OAALH,QAAK,IAALA,OAAK,EAALA,EAAOM,MAAiB/B,EAAaxB,EAAKmD,EAAQ,EA4ClBG,CACIL,EACAX,EACAF,EAAKM,aAGb,gBAAeH,EAAO,OAAS,QAC/B,gBAAgB,UAASC,IAAWP,SAAA,EAEpCF,EAAAA,EAAAA,KAAA,QAAAE,SAAOG,EAAKM,eAEZX,EAAAA,EAAAA,KAAClB,EAAAA,GAAO,CACJ2C,KACIjB,EACM,YACA,kBAzBR,SAAQF,MA8BlBN,EAAAA,EAAAA,KAACZ,EAAAA,GAAI,CAEDsC,GAAIrB,EAAKsB,IACTC,cAAc,EACdC,OAAK,EACLb,MAAOX,EAAKM,YACZmB,WAAW,EACXb,QAAUc,IACFlC,GACAA,EACI,EACAQ,EAAKM,YAEb,EACFT,UAEFF,EAAAA,EAAAA,KAAA,QAAAE,SAAOG,EAAKM,eAfN,OAAML,MApCfC,EAsDK,SAKlB,EAIxB,UAAeyB,EAAAA,KAAWxC,E","sources":["components/Navigation/Navigation.styled.ts","components/Navigation/Navigation.tsx"],"sourcesContent":["import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Icon from \"components/Icon\";\nimport { default as NavLink } from \"components/Link\";\nimport { BodyM } from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Wrapper = styled.nav`\n    display: none;\n\n    ${MQ.FROM_L} {\n        display: block;\n    }\n`;\n\nexport const TopNav = styled.ul`\n    color: inherit;\n    display: flex;\n    flex-direction: row;\n    margin: 0;\n`;\n\nexport const LinkWrapper = styled(BodyM).attrs<{\n    $visibleInTablet?: boolean;\n}>(() => ({}))`\n    color: inherit;\n    display: ${(props) => (props.$visibleInTablet ? \"block\" : \"none\")};\n    list-style: none;\n    padding: 0.875rem;\n\n    &:first-child {\n        padding-left: 0;\n    }\n\n    &:last-child {\n        padding-right: 0;\n    }\n\n    ${MQ.FROM_XL} {\n        display: block;\n    }\n`;\n\nexport const NavIcon = styled(Icon)`\n    display: none;\n\n    ${MQ.FROM_XL} {\n        display: inline;\n    }\n`;\n\nexport const linkStyle = css`\n    border-bottom: none;\n    color: inherit;\n    cursor: pointer;\n    ${theme(\"theme\", {\n        white: css`\n            filter: var(--shadow-on-image);\n        `,\n    })}\n\n    span {\n        transition: border-color 0.2s ease-in-out;\n        border-bottom: 1px solid var(--color-black-o00);\n    }\n\n    svg {\n        vertical-align: top;\n    }\n\n    &:hover {\n        span {\n            border-color: var(--text-on-neutral-primary);\n        }\n    }\n\n    &:focus-visible {\n        outline: 7px solid var(--button-focus);\n        outline-offset: 7px;\n    }\n\n    &.active {\n        span {\n            border-bottom: 1px solid var(--text-on-neutral-link-alt-border);\n\n            &:hover {\n                border-color: var(--text-on-neutral-primary);\n            }\n        }\n    }\n`;\n\nexport const Link = styled(NavLink)`\n    ${linkStyle}\n    transition: color 0s;\n`;\n\nexport const Button = styled.button`\n    all: unset;\n    ${linkStyle}\n`;\n","import React, { ReactElement } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport { convertToValidID } from \"utils/convertToValidID\";\n\nimport {\n    Wrapper,\n    TopNav,\n    LinkWrapper,\n    Link,\n    Button,\n    NavIcon,\n} from \"./Navigation.styled\";\nimport NavigationProps from \"./NavigationProps\";\n\nconst Navigation = ({\n    setActiveNav,\n    activeNav,\n    navigation,\n    label,\n    navigateHandler,\n    id,\n    theme,\n}: NavigationProps): ReactElement => {\n    const handleKeyPress = (\n        event: React.KeyboardEvent<HTMLButtonElement>,\n        nav: string,\n        navText?: string,\n    ): void => {\n        event.preventDefault();\n        if (event?.key === \"Enter\") setActiveNav(nav, navText);\n    };\n\n    const handleClick = (\n        event: React.MouseEvent<HTMLButtonElement>,\n        nav: string,\n        navText?: string,\n    ): void => {\n        event.preventDefault();\n        setActiveNav(nav, navText);\n    };\n\n    return (\n        <ThemeProvider\n            theme={{\n                theme: theme,\n            }}\n        >\n            <Wrapper aria-label={label}>\n                <TopNav id={id}>\n                    {navigation?.items?.map((item, index) => {\n                        const navId = `nav${index}`;\n                        const open = activeNav == navId;\n                        const subNavId = convertToValidID(\n                            item.displayName || navId,\n                        );\n                        return (\n                            <LinkWrapper\n                                as=\"li\"\n                                key={navId}\n                                $visibleInTablet={!!item.visibleInTabletMenu}\n                            >\n                                {item.items && item.items.length > 0 ? (\n                                    <Button\n                                        key={`button${index}`}\n                                        title={item.displayName}\n                                        onClick={(event) =>\n                                            handleClick(\n                                                event,\n                                                navId,\n                                                item.displayName,\n                                            )\n                                        }\n                                        onKeyPress={(event) =>\n                                            handleKeyPress(\n                                                event,\n                                                navId,\n                                                item.displayName,\n                                            )\n                                        }\n                                        aria-expanded={open ? \"true\" : \"false\"}\n                                        aria-controls={`subnav-${subNavId}`}\n                                    >\n                                        <span>{item.displayName}</span>\n\n                                        <NavIcon\n                                            icon={\n                                                open\n                                                    ? \"arrowUp28\"\n                                                    : \"arrowDown28\"\n                                            }\n                                        />\n                                    </Button>\n                                ) : (\n                                    <Link\n                                        key={`link${index}`}\n                                        to={item.url}\n                                        isNavigation={true}\n                                        exact\n                                        title={item.displayName}\n                                        hoverSpan={true}\n                                        onClick={(_) => {\n                                            if (navigateHandler) {\n                                                navigateHandler(\n                                                    1, //level\n                                                    item.displayName,\n                                                );\n                                            }\n                                        }}\n                                    >\n                                        <span>{item.displayName}</span>\n                                    </Link>\n                                )}\n                            </LinkWrapper>\n                        );\n                    })}\n                </TopNav>\n            </Wrapper>\n        </ThemeProvider>\n    );\n};\n\nexport default React.memo(Navigation);\n"],"names":["Wrapper","styled","nav","withConfig","componentId","MQ","FROM_L","TopNav","ul","LinkWrapper","BodyM","attrs","props","$visibleInTablet","FROM_XL","NavIcon","Icon","linkStyle","css","theme","white","Link","NavLink","Button","button","Navigation","setActiveNav","activeNav","navigation","label","navigateHandler","id","_navigation$items","_jsx","ThemeProvider","children","items","map","item","index","navId","open","subNavId","convertToValidID","displayName","as","visibleInTabletMenu","length","_jsxs","title","onClick","event","handleClick","navText","preventDefault","onKeyPress","handleKeyPress","key","icon","to","url","isNavigation","exact","hoverSpan","_","React"],"sourceRoot":""}