{"version":3,"file":"static/js/NavigationMegaItems.979926a7.js","mappings":"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","sources":["components/Navigation/Navigation.styled.ts","components/HighlightedNavigationItems/HighlightedNavigationItems.styled.ts","components/HighlightedNavigationItems/HighlightedNavigationItems.tsx","components/NavigationMegaItems/NavigationMegaItems.styled.ts","components/NavigationMegaItems/NavigationMegaItems.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 { styled } from \"styled-components\";\n\nimport { default as NavLink } from \"components/Link\";\nimport { linkStyle } from \"components/Navigation/Navigation.styled\";\nimport {\n    styleHeadingLAlt,\n    styleHeadingM,\n    styleHeadingS,\n} from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Wrapper = styled.div`\n    border-top: 1px solid var(--color-black-o15);\n    margin-top: 1.25rem;\n    padding-top: 1.25rem;\n\n    ${MQ.FROM_XL} {\n        border-left: 1px solid var(--color-black-o15);\n        border-top: 0;\n        margin-top: 0;\n        padding-left: 3.5rem;\n        padding-top: 0;\n    }\n`;\n\nexport const Heading = styled.h2`\n    ${styleHeadingLAlt};\n    margin-top: 0;\n`;\n\nexport const NavShortcuts = styled.ul`\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    margin-bottom: 0.4375rem;\n    padding: 0;\n    row-gap: 0.4375rem;\n\n    &:last-child {\n        margin-bottom: 0;\n\n        & li:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    ${MQ.FROM_XL} {\n        margin-bottom: 0;\n        row-gap: 0.875rem;\n    }\n`;\n\nexport const NavShortcutsItem = styled.li`\n    list-style: none;\n\n    &:last-child {\n        ul {\n            li:last-child {\n                ${MQ.FROM_XL} {\n                    margin-bottom: 0;\n                }\n            }\n        }\n    }\n`;\n\nexport const NavShortcutsLink = styled(NavLink)`\n    ${styleHeadingM};\n    ${linkStyle};\n    align-items: top;\n    display: flex;\n    gap: 0.875rem;\n    min-height: 2.625rem;\n    padding: 0.4375rem 0 0.375rem;\n\n    > svg {\n        flex-shrink: 0;\n    }\n\n    ${MQ.FROM_XL} {\n        ${styleHeadingS};\n        ${linkStyle};\n    }\n`;\n","import { useGTMDispatch } from \"@elgorditosalsero/react-gtm-hook\";\nimport React, { ReactElement } from \"react\";\nimport isEqual from \"react-fast-compare\";\n\nimport Icon from \"components/Icon/Icon\";\n\nimport {\n    Heading,\n    NavShortcuts,\n    NavShortcutsItem,\n    NavShortcutsLink,\n    Wrapper,\n} from \"./HighlightedNavigationItems.styled\";\nimport HighlightedNavigationItemsProps from \"./HighlightedNavigationItemsProps\";\n\nconst HighlightedNavigationItems = ({\n    highlightedNavigation,\n    parentNavId,\n}: HighlightedNavigationItemsProps): ReactElement => {\n    const sendDataToGTM = useGTMDispatch();\n    const highlightedNavigationItems = highlightedNavigation?.items || [];\n    const highlightedNavigationHeading = highlightedNavigation?.heading;\n\n    const handleClick = (displayName?: string): void => {\n        sendDataToGTM({\n            event: \"highlight_click\",\n            click_text: displayName,\n        });\n    };\n\n    return (\n        <Wrapper>\n            {highlightedNavigationHeading && (\n                <Heading id={`${parentNavId}-highlight-heading`}>\n                    {highlightedNavigationHeading}\n                </Heading>\n            )}\n            <NavShortcuts\n                aria-labelledby={\n                    highlightedNavigationHeading &&\n                    `${parentNavId}-highlight-heading`\n                }\n                aria-describedby={`${parentNavId}-heading`}\n            >\n                {highlightedNavigationItems.map((item, index) => {\n                    const icon =\n                        typeof item.properties?.icon === \"string\"\n                            ? item.properties.icon\n                            : undefined;\n\n                    return (\n                        <NavShortcutsItem key={index}>\n                            <NavShortcutsLink\n                                to={item.url}\n                                exact\n                                isNavigation={true}\n                                hoverSpan={true}\n                                title={item.displayName}\n                                onClick={() => handleClick(item.displayName)}\n                            >\n                                {icon && <Icon icon={icon} />}\n                                <div>\n                                    <span>{item.displayName}</span>\n                                </div>\n                            </NavShortcutsLink>\n                        </NavShortcutsItem>\n                    );\n                })}\n            </NavShortcuts>\n        </Wrapper>\n    );\n};\n\nexport default React.memo(HighlightedNavigationItems, isEqual);\n","import { styled, css } from \"styled-components\";\n\nimport Button from \"components/Button\";\nimport { default as NavLink } from \"components/Link\";\nimport {\n    styleBodyM,\n    styleHeadingM,\n    styleHeadingS,\n} from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Wrapper = styled.nav`\n    margin-bottom: 2.625rem;\n\n    ${MQ.FROM_M} {\n        margin-bottom: 0;\n    }\n\n    ${MQ.FROM_XL} {\n        margin-top: 4.8125rem;\n    }\n`;\n\nexport const NavItems = styled.ul`\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    margin-bottom: 0.4375rem;\n    padding: 0;\n    row-gap: 0.4375rem;\n\n    &:last-child {\n        margin-bottom: 0;\n\n        & li:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    ${MQ.FROM_XL} {\n        margin-bottom: 0;\n        row-gap: 0.875rem;\n    }\n`;\n\nexport const NavItem = styled.li.attrs<{\n    $hasChildren?: boolean;\n}>(() => ({}))`\n    list-style: none;\n\n    &:last-child {\n        ul {\n            li:last-child {\n                ${MQ.FROM_XL} {\n                    margin-bottom: 0;\n                }\n            }\n        }\n    }\n`;\n\nexport const NavItemsWrapper = styled.div.attrs<{\n    $itemsPerColumn?: number;\n}>(() => ({}))`\n    ${columnGap};\n    flex-wrap: wrap;\n\n    ${MQ.FROM_XL} {\n        display: grid;\n        grid-auto-flow: column;\n        grid-template-columns: repeat(3, [col-start] 1fr);\n    }\n`;\n\nexport const LinkWrapper = styled.div.attrs<{\n    $open?: boolean;\n}>(() => ({}))`\n    align-items: center;\n    display: flex;\n    gap: 0.875rem;\n    justify-content: space-between;\n    position: relative;\n    transition: margin-bottom 0.2s ease-in-out;\n`;\n\nconst linkStyle = css`\n    color: var(--text-on-neutral-primary);\n    padding: 0;\n\n    span {\n        border-bottom-color: var(--color-black-o00);\n    }\n\n    &:hover {\n        span {\n            border-bottom: 1px solid var(--text-on-neutral-primary);\n        }\n    }\n\n    &:focus-visible {\n        outline: 7px solid var(--button-focus);\n        outline-offset: 0;\n    }\n\n    &.active {\n        span {\n            border-bottom: 1px solid var(--text-on-neutral-link-alt-border);\n        }\n\n        &:hover {\n            span {\n                border-bottom: 1px solid var(--text-on-neutral-primary);\n            }\n        }\n    }\n`;\n\nexport const LinkLvl2 = styled(NavLink)`\n    ${styleHeadingM};\n    ${linkStyle}\n    align-items: center;\n    display: flex;\n    min-height: 2.625rem;\n    padding: 0.4375rem 0 0.375rem;\n\n    ${MQ.FROM_XL} {\n        ${styleHeadingS};\n        ${linkStyle}\n    }\n`;\n\nexport const LinkLvl3 = styled(NavLink)`\n    ${styleBodyM}\n    ${linkStyle}\n`;\n\nexport const Expand = styled(Button)`\n    && {\n        align-self: flex-start;\n        border: 1px solid var(--button-on-neutral-outline-border);\n        border-radius: 0.25rem;\n        height: 2.625rem;\n        padding: 0.375rem;\n        right: 0;\n        top: 0;\n\n        @media (hover: hover) {\n            &:hover:not(.disabled) {\n                background-color: var(--button-on-blue-primary);\n                border-color: var(--button-on-blue-primary);\n                color: var(--text-on-cyan-primary);\n            }\n        }\n    }\n`;\n\nexport const InnerNav = styled.ul.attrs<{\n    $open?: boolean;\n}>(() => ({}))`\n    display: flex;\n    flex-flow: column;\n    margin-top: 0.4375rem;\n    ${(props) =>\n        props.$open\n            ? css`\n                  margin-top: 0.4375rem;\n                  max-height: 1000vh;\n              `\n            : css`\n                  margin-top: 0;\n                  max-height: 0;\n              `}\n    overflow: hidden;\n    padding-left: 1.75rem;\n    padding-right: 2.625rem;\n    row-gap: 0.4375rem;\n    transition:\n        margin-top 0.2s ease-in-out,\n        max-height 0.2s ease-in-out;\n\n    ${NavItem} {\n        margin-bottom: 0;\n\n        &:last-child {\n            margin-bottom: 0.875rem;\n        }\n\n        ${MQ.FROM_XL} {\n            margin-bottom: 0;\n        }\n    }\n`;\n","import React, { ReactElement, useCallback, useEffect, useState } from \"react\";\nimport isEqual from \"react-fast-compare\";\n\nimport HighlightedNavigationItems from \"components/HighlightedNavigationItems/HighlightedNavigationItems\";\nimport { convertToValidID } from \"utils/convertToValidID\";\n\nimport {\n    Wrapper,\n    NavItems,\n    NavItem,\n    LinkWrapper,\n    Expand,\n    InnerNav,\n    NavItemsWrapper,\n    LinkLvl2,\n    LinkLvl3,\n} from \"./NavigationMegaItems.styled\";\nimport NavigationMegaItemsProps, {\n    NavigationMegaItemsLvl2Props,\n    NavigationMegaItemsLvl3Props,\n} from \"./NavigationMegaItemsProps\";\n\nconst NavigationMegaItemsLvl3 = React.memo(\n    ({\n        item,\n        innerSubNavId,\n        isActiveSubNav,\n        navigateHandler,\n        navId,\n    }: NavigationMegaItemsLvl3Props): ReactElement => {\n        const handleNavigate = useCallback(\n            (_) => {\n                if (navigateHandler) {\n                    navigateHandler(\n                        3, //level\n                        item.displayName,\n                    );\n                }\n            },\n            [item.displayName, navigateHandler],\n        );\n        return (\n            <NavItem key={innerSubNavId}>\n                <LinkLvl3\n                    id={`${innerSubNavId}-header`}\n                    to={item.url}\n                    exact\n                    hoverSpan={true}\n                    isNavigation={true}\n                    title={item.displayName}\n                    tabIndex={isActiveSubNav(navId) ? 0 : -1}\n                    onClick={handleNavigate}\n                >\n                    <span>{item.displayName}</span>\n                </LinkLvl3>\n            </NavItem>\n        );\n    },\n);\nNavigationMegaItemsLvl3.displayName = \"NavigationMegaItemsLvl3\";\n\nconst NavigationMegaItemsLvl2 = React.memo(\n    ({\n        item,\n        hasChildren,\n        isActiveSubNav,\n        navigateHandler,\n        toggleSubNav,\n        onKeyDown,\n        navId,\n        subNavId,\n        l18n,\n    }: NavigationMegaItemsLvl2Props): ReactElement => {\n        const handleClick = useCallback(\n            () => toggleSubNav(navId),\n            [navId, toggleSubNav],\n        );\n\n        const handleKeyPress = useCallback(\n            (event: React.KeyboardEvent<HTMLButtonElement>) =>\n                onKeyDown(event, navId),\n            [onKeyDown, navId],\n        );\n\n        const handleNavigate = useCallback(() => {\n            if (navigateHandler) navigateHandler(2, item.displayName);\n        }, [item.displayName, navigateHandler]);\n\n        const expandButton = (\n            <Expand\n                variant=\"outline\"\n                size=\"small\"\n                actionTheme=\"black\"\n                a11y={true}\n                onClick={handleClick}\n                onKeyDown={handleKeyPress}\n                aria-controls={`${subNavId}-children`}\n                aria-expanded={isActiveSubNav(navId)}\n                aria-label={`${l18n?.expand ?? \"expand\"} ${item.displayName}`}\n                icon={isActiveSubNav(navId) ? \"arrowUp28\" : \"arrowDown28\"}\n            ></Expand>\n        );\n\n        return (\n            <NavItem key={subNavId} $hasChildren={hasChildren}>\n                <LinkWrapper $open={isActiveSubNav(navId)}>\n                    <LinkLvl2\n                        id={`${subNavId}-header`}\n                        to={item.url}\n                        exact\n                        isNavigation={true}\n                        hoverSpan={true}\n                        title={item.displayName}\n                        onClick={handleNavigate}\n                    >\n                        <span>{item.displayName}</span>\n                    </LinkLvl2>\n                    {hasChildren && expandButton}\n                </LinkWrapper>\n                {hasChildren && (\n                    <>\n                        <InnerNav\n                            id={`${subNavId}-children`}\n                            aria-expanded={\n                                isActiveSubNav(navId) ? \"true\" : \"false\"\n                            }\n                            aria-labelledby={`${subNavId}-header`}\n                            $open={isActiveSubNav(navId)}\n                        >\n                            {item.items?.map((item, index) => {\n                                const innerSubNavId = convertToValidID(\n                                    `${subNavId}-${item.displayName || navId}`,\n                                );\n                                return (\n                                    item?.url && (\n                                        <NavigationMegaItemsLvl3\n                                            key={`NavLvl3-${index}`}\n                                            item={item}\n                                            innerSubNavId={innerSubNavId}\n                                            navId={navId}\n                                            isActiveSubNav={isActiveSubNav}\n                                        />\n                                    )\n                                );\n                            })}\n                        </InnerNav>\n                    </>\n                )}\n            </NavItem>\n        );\n    },\n);\nNavigationMegaItemsLvl2.displayName = \"NavigationMegaItemsLvl2\";\n\nconst NavigationMegaItems = ({\n    id,\n    items,\n    open,\n    highlightedNavigation,\n    l18n,\n    navigateHandler,\n}: NavigationMegaItemsProps): ReactElement => {\n    const [activeSubNav, setIsActiveSubNav] = useState<string[]>();\n    const highlightedNavigationItems = highlightedNavigation?.items || [];\n\n    useEffect(() => {\n        if (!open) setIsActiveSubNav([]);\n    }, [open]);\n\n    const toggleSubNav = useCallback(\n        (nav: string): void => {\n            if (!activeSubNav || activeSubNav.length === 0) {\n                setIsActiveSubNav([nav]);\n            } else if (activeSubNav.includes(nav)) {\n                setIsActiveSubNav(activeSubNav.filter((item) => item !== nav));\n            } else {\n                const newState = activeSubNav.slice();\n                newState.push(nav);\n                setIsActiveSubNav(newState);\n            }\n        },\n        [activeSubNav],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLButtonElement>, nav: string): void => {\n            if (event?.key === \"Enter\") {\n                event.preventDefault();\n                toggleSubNav(nav);\n            }\n        },\n        [toggleSubNav],\n    );\n\n    const isActiveSubNav = useCallback(\n        (nav: string): boolean => !!activeSubNav && activeSubNav.includes(nav),\n        [activeSubNav],\n    );\n\n    const hasHighlightedMenu = highlightedNavigationItems.length > 0;\n    const numberOfColumns = hasHighlightedMenu ? 2 : 3;\n    const numberPerColumn = items\n        ? Math.ceil(items.length / numberOfColumns)\n        : 1; // Equally distribute the items over three columns\n\n    const itemsPerColumn = [];\n    if (items)\n        for (let i = 0; i < items.length; i += numberPerColumn)\n            itemsPerColumn.push(items.slice(i, i + numberPerColumn));\n    return (\n        <Wrapper id={id}>\n            <NavItemsWrapper $itemsPerColumn={numberPerColumn}>\n                {itemsPerColumn?.map((items, colIndex) => {\n                    return (\n                        <NavItems\n                            key={`${id}-${colIndex}`}\n                            aria-labelledby={`${id}-heading`}\n                        >\n                            {items?.map((item, index) => {\n                                const navId = `${id}-${colIndex}-${index}`;\n                                const subNavId = convertToValidID(\n                                    `${id}-${\n                                        item.displayName ||\n                                        `${colIndex}-${index}`\n                                    }`,\n                                );\n                                const hasChildren =\n                                    item.items && item.items.length > 0;\n\n                                return (\n                                    item?.url && (\n                                        <NavigationMegaItemsLvl2\n                                            key={`NavLvl2-${index}`}\n                                            hasChildren={hasChildren}\n                                            item={item}\n                                            isActiveSubNav={isActiveSubNav}\n                                            toggleSubNav={toggleSubNav}\n                                            navigateHandler={navigateHandler}\n                                            onKeyDown={handleKeyDown}\n                                            navId={navId}\n                                            subNavId={subNavId}\n                                            l18n={l18n}\n                                        />\n                                    )\n                                );\n                            })}\n                        </NavItems>\n                    );\n                })}\n                {hasHighlightedMenu && (\n                    <HighlightedNavigationItems\n                        highlightedNavigation={highlightedNavigation}\n                        parentNavId={id}\n                    />\n                )}\n            </NavItemsWrapper>\n        </Wrapper>\n    );\n};\n\nexport default React.memo(NavigationMegaItems, isEqual);\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","div","Heading","h2","styleHeadingLAlt","NavShortcuts","NavShortcutsItem","li","NavShortcutsLink","styleHeadingM","styleHeadingS","HighlightedNavigationItems","highlightedNavigation","parentNavId","sendDataToGTM","useGTMDispatch","highlightedNavigationItems","items","highlightedNavigationHeading","heading","_jsxs","children","_jsx","id","map","item","index","_item$properties","icon","properties","undefined","to","url","exact","isNavigation","hoverSpan","title","displayName","onClick","handleClick","event","click_text","React","isEqual","FROM_M","NavItems","NavItem","NavItemsWrapper","columnGap","LinkLvl2","LinkLvl3","styleBodyM","Expand","InnerNav","$open","NavigationMegaItemsLvl3","innerSubNavId","isActiveSubNav","navigateHandler","navId","handleNavigate","useCallback","_","tabIndex","NavigationMegaItemsLvl2","hasChildren","toggleSubNav","onKeyDown","subNavId","l18n","_l18n$expand","_item$items","handleKeyPress","expandButton","variant","size","actionTheme","a11y","expand","$hasChildren","_Fragment","convertToValidID","NavigationMegaItems","open","activeSubNav","setIsActiveSubNav","useState","useEffect","length","includes","filter","newState","slice","push","handleKeyDown","key","preventDefault","hasHighlightedMenu","numberOfColumns","numberPerColumn","Math","ceil","itemsPerColumn","i","$itemsPerColumn","colIndex"],"sourceRoot":""}