@blateral/b.kit 2.4.2 → 2.5.0-beta.1.0

package/cjs/Navigation-ca78100c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation-ca78100c.js","sources":["../src/utils/usePageScroll.ts","../src/utils/useScrollThrottle.ts","../src/components/sections/navigation/skeletons/BarBreadCrumbs.tsx","../src/components/sections/navigation/skeletons/BarColumn.tsx","../src/components/sections/navigation/skeletons/BarLogo.tsx","../src/components/sections/navigation/skeletons/BarMenuToggle.tsx","../src/components/sections/navigation/skeletons/BarNavList.tsx","../src/components/sections/navigation/partials/MenuHeader.tsx","../src/components/sections/navigation/menu/variations/MenuFlyout.tsx","../src/components/sections/navigation/menu/Menu.tsx","../src/components/sections/navigation/NavBar.tsx","../src/components/sections/navigation/Navigation.tsx","../src/utils/menuHooks.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport useScrollThrottle from './useScrollThrottle';\n\nexport enum PageScrollDirection {\n    UP,\n    DOWN,\n}\n\ninterface ScrollSettings {\n    /** Direction state change delay in pixels */\n    directionOffset?: {\n        up?: number;\n        down?: number;\n    };\n    /** Set top offset area */\n    offset?: number;\n    /** On leave top offset callback */\n    onLeftOffset?: (dir: PageScrollDirection) => void;\n    /** Throttle timeout of resize event. Default: 200ms */\n    resizeThrottleTimeout?: number;\n}\n\nconst usePageScroll = (settings?: ScrollSettings) => {\n    const [isTop, setIsTop] = useState<boolean>(true);\n    const [isInOffset, setIsInOffset] = useState<boolean>(true);\n    const [leftOffsetFromTop, setLeftOffsetFromTop] = useState<boolean>(false);\n\n    const lastScrollPos = useRef<number>(0);\n    const pxSinceLastSwitch = useRef<number>(0);\n\n    const [scrollDirection, setScrollDirection] = useState<PageScrollDirection>(\n        PageScrollDirection.DOWN\n    );\n\n    const directionDownOffset = settings?.directionOffset?.down || 0;\n    const directionUpOffset = settings?.directionOffset?.up || 0;\n\n    // Throttle scroll event for perfomance\n    const scrollState = useScrollThrottle(\n        settings?.resizeThrottleTimeout !== undefined\n            ? settings.resizeThrottleTimeout\n            : 200\n    );\n\n    useEffect(() => {\n        if (!scrollState) return;\n        if (typeof window === 'undefined') return;\n\n        const scrollY = scrollState.scrollY;\n        const isTop = scrollY <= 0;\n\n        // check if page is scroll on top\n        setIsTop(isTop);\n\n        // check offset\n        if (settings?.offset && scrollY <= settings.offset) {\n            setIsInOffset(true);\n        } else {\n            setIsInOffset((prev) => {\n                if (prev) {\n                    settings?.onLeftOffset?.(scrollDirection);\n                    setLeftOffsetFromTop(true);\n                }\n                return false;\n            });\n        }\n\n        /**\n         * calculate direction changes\n         */\n\n        // get difference between current and last scrollY position\n        const diff = scrollY - lastScrollPos.current;\n        // get accumulated pixels since last direction change\n        let absAccPx = Math.abs(pxSinceLastSwitch.current);\n\n        // check if direction changed. if not iterate accumulated pixels value\n        if (diff < 0 && pxSinceLastSwitch.current > 0) {\n            pxSinceLastSwitch.current = 0;\n        } else if (diff > 0 && pxSinceLastSwitch.current < 0) {\n            pxSinceLastSwitch.current = 0;\n        } else {\n            pxSinceLastSwitch.current += diff;\n        }\n\n        // set current accumulated value\n        absAccPx = Math.abs(pxSinceLastSwitch.current);\n\n        // set direction states\n        if (isTop) {\n            setScrollDirection(PageScrollDirection.DOWN);\n        } else if (diff < 0 && absAccPx >= directionUpOffset) {\n            setScrollDirection(PageScrollDirection.UP);\n        } else if (diff > 0 && absAccPx >= directionDownOffset) {\n            setScrollDirection(PageScrollDirection.DOWN);\n        }\n\n        // save last scroll position\n        lastScrollPos.current = scrollY;\n    }, [\n        directionDownOffset,\n        directionUpOffset,\n        scrollDirection,\n        scrollState,\n        settings,\n    ]);\n\n    useEffect(() => {\n        // reset left offset flag on top\n        if (isTop) setLeftOffsetFromTop(false);\n    }, [isTop]);\n\n    return {\n        isTop,\n        scrollDirection,\n        isInOffset,\n        leftOffsetFromTop,\n    };\n};\n\nexport default usePageScroll;\n","import { useEffect, useRef, useState } from 'react';\n\nexport interface ScrollState {\n    scrollY: number;\n    scrollX: number;\n}\n\nconst useScrollThrottle = (\n    timeout = 0,\n    callback?: (state: ScrollState) => void\n) => {\n    const [throttledState, setThrottledState] =\n        useState<ScrollState | null>(null);\n\n    const timeoutRef = useRef<number>(-1);\n    const lastState = useRef<ScrollState>({\n        scrollX: 0,\n        scrollY: 0,\n    });\n\n    const updateScrollState = () => {\n        if (typeof window === 'undefined') return;\n\n        lastState.current = {\n            scrollX: window.scrollX,\n            scrollY: window.scrollY,\n        };\n    };\n\n    useEffect(() => {\n        if (typeof window === 'undefined') return;\n\n        const handleScroll = () => {\n            updateScrollState();\n\n            if (timeoutRef.current === -1) {\n                timeoutRef.current = window.setTimeout(() => {\n                    callback?.(lastState.current);\n                    setThrottledState(lastState.current);\n                    timeoutRef.current = -1;\n                }, timeout);\n            }\n        };\n\n        updateScrollState();\n        callback?.(lastState.current);\n        setThrottledState(lastState.current);\n\n        window.addEventListener('scroll', handleScroll);\n\n        return () => {\n            window.removeEventListener('scroll', handleScroll);\n        };\n    }, [callback, timeout]);\n\n    return throttledState;\n};\n\nexport default useScrollThrottle;\n","import React, { FC, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport { NavItem } from '../menu/Menu';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { spacings, getColors as color, mq } from 'utils/styles';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport AngleLeft from 'components/base/icons/AngleLeft';\nimport { getCurrentNavPath } from 'utils/navigation';\n\nconst View = styled.nav`\n    min-width: 0;\n`;\n\nconst List = styled.ul`\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 ${mq.semilarge} {\n        & > li + li {\n            margin-left: ${spacings.nudge}px;\n        }\n    }\n`;\n\nconst ListItem = styled.li<{ isCurrent?: boolean }>`\n    display: ${({ isCurrent }) => (isCurrent ? 'flex' : 'none')};\n    min-width: inherit;\n\n    @media ${mq.semilarge} {\n        display: flex;\n\n        & > * + * {\n            margin-left: ${spacings.nudge}px;\n        }\n    }\n`;\n\nconst NavLink = styled(Link)<{\n    isInverted?: boolean;\n    clamp?: boolean;\n    showOnMobile?: boolean;\n    showOnDesktop?: boolean;\n}>`\n    display: ${({ showOnMobile }) => (showOnMobile ? 'inline-flex' : 'none')};\n    align-items: center;\n    max-width: ${({ clamp }) => clamp && '120px'};\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ${copyStyle('copy', 'small')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: underline;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n        }\n    }\n\n    @media ${mq.semilarge} {\n        display: ${({ showOnDesktop }) =>\n            showOnDesktop ? 'inline-block' : 'none'};\n    }\n`;\n\nconst NavLabel = styled.span<{\n    isInverted?: boolean;\n    clamp?: boolean;\n    showOnMobile?: boolean;\n    showOnDesktop?: boolean;\n}>`\n    display: ${({ showOnMobile }) => (showOnMobile ? 'inline-flex' : 'none')};\n    align-items: center;\n    max-width: ${({ clamp }) => clamp && '120px'};\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    ${copyStyle('copy', 'small')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: none;\n\n    & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    @media ${mq.semilarge} {\n        display: ${({ showOnDesktop }) =>\n            showOnDesktop ? 'inline-block' : 'none'};\n    }\n`;\n\nconst Seperator = styled(Copy)`\n    display: none;\n\n    transition: color 0.2s ease-in-out;\n\n    @media ${mq.semilarge} {\n        display: inline-block;\n    }\n`;\n\nconst BackIconContainer = styled.span`\n    flex: 0 0 auto;\n`;\n\nconst BreadcrumbItem: FC<\n    NavItem & {\n        isInverted?: boolean;\n        showOnMobile?: boolean;\n        showOnDesktop?: boolean;\n        children?: React.ReactNode;\n    }\n> = ({ isInverted, label, link, showOnMobile, showOnDesktop, children }) => {\n    if (link?.href) {\n        return (\n            <NavLink\n                {...link}\n                isInverted={isInverted}\n                showOnMobile={showOnMobile}\n                showOnDesktop={showOnDesktop}\n            >\n                {children || label}\n            </NavLink>\n        );\n    } else {\n        return (\n            <NavLabel\n                isInverted={isInverted}\n                showOnMobile={showOnMobile}\n                showOnDesktop={showOnDesktop}\n            >\n                {children || label}\n            </NavLabel>\n        );\n    }\n};\n\nconst BarBreadcrumbs: FC<{\n    isInverted?: boolean;\n    rootLink?: LinkProps;\n    rootLabel?: string;\n    navItems?: Array<NavItem>;\n    seperator?: (props: { isInverted?: boolean }) => React.ReactNode;\n    back?: (props: { isInverted?: boolean }) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted = false,\n    rootLink,\n    rootLabel,\n    navItems,\n    seperator,\n    back,\n    className,\n}) => {\n    const currentNavPath = useMemo(() => {\n        return getCurrentNavPath(\n            navItems,\n            rootLink?.href ? [rootLink?.href] : []\n        );\n    }, [navItems, rootLink?.href]);\n\n    const rootItem: NavItem = {\n        uid: 'root',\n        label: rootLabel || 'Home',\n        link: rootLink,\n    };\n\n    return (\n        <View aria-label=\"breadcrumbs\" className={className}>\n            <List>\n                <ListItem>\n                    <BreadcrumbItem\n                        showOnDesktop\n                        isInverted={isInverted}\n                        {...rootItem}\n                    />\n                </ListItem>\n\n                {currentNavPath?.map((item, i) => {\n                    const isCurrent = i === currentNavPath.length - 1;\n                    const prev = i - 1 >= 0 ? currentNavPath[i - 1] : rootItem;\n\n                    return (\n                        <ListItem key={i} isCurrent={isCurrent}>\n                            <Seperator size=\"small\" isInverted={isInverted}>\n                                {seperator ? seperator({ isInverted }) : '/'}\n                            </Seperator>\n                            {isCurrent ? (\n                                <>\n                                    {prev && (\n                                        <BreadcrumbItem\n                                            {...prev}\n                                            showOnMobile\n                                            isInverted={isInverted}\n                                        >\n                                            <BackIconContainer>\n                                                {back ? (\n                                                    back({ isInverted })\n                                                ) : (\n                                                    <AngleLeft />\n                                                )}\n                                            </BackIconContainer>\n                                            <span>{prev.label}</span>\n                                        </BreadcrumbItem>\n                                    )}\n                                    <BreadcrumbItem\n                                        {...item}\n                                        link={{}}\n                                        showOnDesktop\n                                        isInverted={isInverted}\n                                    />\n                                </>\n                            ) : (\n                                <BreadcrumbItem\n                                    {...item}\n                                    showOnDesktop\n                                    isInverted={isInverted}\n                                />\n                            )}\n                        </ListItem>\n                    );\n                })}\n            </List>\n        </View>\n    );\n};\n\nexport default BarBreadcrumbs;\n","import styled from 'styled-components';\nimport { spacings, getColors as color } from 'utils/styles';\n\nconst Column = styled.div<{\n    isInverted?: boolean;\n    takeSpace?: boolean;\n    vAlign?: 'top' | 'center' | 'bottom';\n}>`\n    flex: ${({ takeSpace }) => (takeSpace ? 1 : undefined)};\n\n    padding: ${spacings.nudge}px 0;\n    min-width: -webkit-min-content;\n    align-self: ${({ vAlign }) => {\n        switch (vAlign) {\n            case 'center':\n                return 'center';\n\n            case 'bottom':\n                return 'flex-end';\n\n            case 'top':\n                return 'flex-start';\n\n            default:\n                return undefined;\n        }\n    }};\n\n    text-align: center;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.inverted};\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 ${spacings.nudge * 2}px;\n    }\n`;\n\nexport default Column;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link, { LinkProps } from 'components/typography/Link';\nimport Image, { ImageProps } from 'components/blocks/Image';\nimport { getColors } from 'utils/styles';\n\nconst View = styled(Link)`\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 ${({ theme }) => getColors(theme).primary.default};\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Logo = styled(Image)`\n    width: auto;\n    height: 100%;\n    object-fit: contain;\n`;\n\nexport interface Logo {\n    src?: string;\n    alt?: string;\n}\n\nconst BarLogo: FC<{\n    link?: Omit<LinkProps, 'coverSpace' | 'ratios'>;\n    logo?: ImageProps;\n    className?: string;\n}> = ({ link, logo, className }) => {\n    return (\n        <View {...link} className={className}>\n            {logo?.small && (\n                <Logo\n                    {...logo}\n                    coverSpace={false}\n                    ratios={undefined}\n                    showPlaceholder={false}\n                />\n            )}\n        </View>\n    );\n};\n\nexport default BarLogo;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst Toggle = styled.button<{ isInverted?: boolean }>`\n    background: transparent;\n    border: none;\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    padding: ${spacings.nudge}px;\n    margin-left: -${spacings.nudge}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: ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.invertedHover\n                    : color(theme).primary.hover};\n        }\n    }\n\n    &:focus > * {\n        outline: dotted 2px\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 4px;\n\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).primary.invertedHover\n                : color(theme).primary.hover};\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n`;\n\nconst BarMenuToggle: FC<{\n    isInverted?: boolean;\n    isExpanded?: boolean;\n    onClick?: (ev?: React.SyntheticEvent<HTMLButtonElement>) => void;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ isInverted, isExpanded = false, onClick, children, className }) => {\n    return (\n        <Toggle\n            isInverted={isInverted}\n            aria-expanded={isExpanded}\n            aria-label={isExpanded ? 'close menu' : 'open menu'}\n            aria-haspopup=\"true\"\n            aria-controls=\"mainMenu\"\n            onClick={onClick}\n            className={className}\n        >\n            {children}\n        </Toggle>\n    );\n};\n\nexport default BarMenuToggle;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link from 'components/typography/Link';\nimport { spacings, getColors as color } from 'utils/styles';\nimport { copyStyle } from 'components/typography/Copy';\nimport { NavItem } from '../menu/Menu';\n\nconst View = styled.nav<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n\n    margin: 0 -${spacings.nudge}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: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n`;\n\nconst NavLink = styled(Link)<{ isInverted?: boolean; isActive?: boolean }>`\n    display: inline-block;\n    position: relative;\n    padding: 0 ${spacings.nudge}px;\n\n    ${copyStyle('copy', 'medium')}\n    font-weight: ${({ isActive }) => isActive && '700'};\n\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n            text-decoration: underline;\n        }\n    }\n`;\n\nconst BarNavList: FC<{\n    isInverted?: boolean;\n    navLinks?: NavItem[];\n    className?: string;\n}> = ({ isInverted, navLinks, className }) => {\n    return (\n        <View isInverted={isInverted} className={className}>\n            {navLinks?.map((item, i) => (\n                <NavLink\n                    key={i}\n                    {...item.link}\n                    isInverted={isInverted}\n                    isActive={item.isCurrent}\n                >\n                    {item.label}\n                </NavLink>\n            ))}\n        </View>\n    );\n};\n\nexport default BarNavList;\n","import Cross from 'components/base/icons/Cross';\nimport React, { FC } from 'react';\n\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\nimport { NavMenuStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport { isValidArray } from 'utils/arrays';\n\nconst Header = styled.div`\n    display: flex;\n    align-items: center;\n\n    padding: 0 ${spacings.nudge * 2}px;\n    padding-top: ${spacings.nudge * 5}px;\n`;\n\nconst LanguageCol = styled.div`\n    display: block;\n    margin-left: ${spacings.nudge * 3}px;\n    margin-top: 2px;\n`;\n\nconst MenuHeader: FC<{\n    isInverted?: boolean;\n    menuStates?: NavMenuStates;\n    customToggle?: (props: { isInverted?: boolean }) => React.ReactNode;\n    langs?: Language[];\n    action?: (\n        props: { isInverted?: boolean } & NavMenuStates\n    ) => React.ReactNode;\n}> = ({ isInverted, customToggle, menuStates, langs, action }) => {\n    return (\n        <React.Fragment>\n            <Header>\n                <Skeletons.MenuToggle\n                    isInverted={isInverted}\n                    isExpanded={true}\n                    onClick={menuStates?.closeMenu}\n                >\n                    {customToggle ? (\n                        customToggle({ isInverted })\n                    ) : (\n                        <Cross ariaHidden={true} />\n                    )}\n                </Skeletons.MenuToggle>\n                {isValidArray(langs, false) && (\n                    <LanguageCol>\n                        <LanguageSwitcher\n                            isInverted={isInverted}\n                            langs={langs}\n                        />\n                    </LanguageCol>\n                )}\n                {action && action({ isInverted, ...menuStates })}\n            </Header>\n        </React.Fragment>\n    );\n};\n\nexport default MenuHeader;\n","import AngleRight from 'components/base/icons/AngleRight';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport React, {\n    FC,\n    useState,\n    useMemo,\n    useRef,\n    useEffect,\n    forwardRef,\n} from 'react';\nimport styled, { DefaultTheme } from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\nimport { clampValue } from 'utils/clamp';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getCurrentNavItem } from 'utils/navigation';\nimport {\n    mq,\n    spacings,\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    withRange,\n    Fonts,\n} from 'utils/styles';\nimport { NavBarSize } from '../../NavBar';\nimport MenuHeader from '../../partials/MenuHeader';\nimport { MenuBaseProps, NavItem } from '../Menu';\nimport { css } from 'styled-components';\n\ntype NavigationFontType = keyof Fonts['navigation'];\n\nconst navigationStyle = (type: NavigationFontType) => css`\n    font-family: ${({ theme }) => font(theme).navigation[type].family};\n    font-weight: ${({ theme }) => font(theme).navigation[type].weight};\n    font-style: ${({ theme }) => font(theme).navigation[type].style};\n    ${({ theme }) => withRange(font(theme).navigation[type].size, 'font-size')}\n    line-height: ${({ theme }) => font(theme).navigation[type].lineHeight};\n    letter-spacing: ${({ theme }) =>\n        font(theme).navigation[type].letterSpacing};\n    text-transform: ${({ theme }) =>\n        font(theme).navigation[type].textTransform};\n    text-decoration: ${({ theme }) =>\n        font(theme).navigation[type].textDecoration};\n`;\n\nconst Backdrop = styled.div<{ isOpen?: boolean; filter?: string }>`\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: ${({ isOpen }) => (isOpen ? 1 : 0)};\n    pointer-events: ${({ isOpen }) => (isOpen ? 'all' : 'none')};\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: ${({ filter }) => filter};\n    }\n`;\n\nconst Stage = styled.div<{ isOpen?: boolean; clampWidth?: 'content' | 'full' }>`\n    position: fixed;\n    top: 0;\n    left: ${({ isOpen }) => (isOpen ? '50%' : '0px')};\n    height: 100vh;\n    width: 100vw;\n    max-width: ${({ clampWidth }) =>\n        clampWidth === 'content' ? spacings.wrapper : spacings.wrapperLarge}px;\n    pointer-events: none;\n\n    z-index: 102;\n\n    transform: translate(${({ isOpen }) => (isOpen ? '-50%' : '-100%')}, 0px);\n\n    transition: transform 0.4s ease-in-out, left 0.4s ease-in-out;\n    will-change: transform;\n`;\n\nconst Flyout = styled.div<{ isOpen?: boolean }>`\n    display: flex;\n    flex-direction: column;\n    visibility: visible;\n\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background-color: ${({ theme }) => color(theme).elementBg.light};\n\n    pointer-events: ${({ isOpen }) => (isOpen ? 'all' : 'none')};\n\n    /** Animation to disable keyboard tabbing if flyout is closed */\n    animation: ${({ isOpen }) => !isOpen && 'hideAnim 0s ease-in 2s forwards'};\n\n    @media ${mq.medium} {\n        width: 384px;\n    }\n\n    @media ${mq.large} {\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: ${({ theme }) => color(theme).elementBg.light};\n        z-index: -1;\n\n        transform: translateX(-100%);\n    }\n\n    @keyframes hideAnim {\n        to {\n            visibility: hidden;\n        }\n    }\n`;\n\nexport const getMenuHeaderHeights = (\n    theme: DefaultTheme,\n    size?: NavBarSize\n): [number, number] => {\n    const heights =\n        size === 'large'\n            ? global(theme).navigation.menu.headerHeight.large\n            : global(theme).navigation.menu.headerHeight.small;\n\n    // if second value is not defined use first array index value for both\n    return [\n        clampValue(heights[0], 0),\n        clampValue(heights?.[1] === undefined ? heights[0] : heights[1], 0),\n    ];\n};\n\nexport const hasMenuHeader = (theme: DefaultTheme) => {\n    const largeHeights = getMenuHeaderHeights(theme, 'large');\n    const smallHeights = getMenuHeaderHeights(theme, 'small');\n\n    return (\n        largeHeights[0] > 0 ||\n        largeHeights[1] > 0 ||\n        smallHeights[0] > 0 ||\n        smallHeights[1] > 0\n    );\n};\n\nconst Header = styled.div<{ navBarSize?: NavBarSize }>`\n    flex: 0 0\n        ${({ theme, navBarSize }) =>\n            getMenuHeaderHeights(theme, navBarSize)[0]}px;\n    height: ${({ theme, navBarSize }) =>\n        getMenuHeaderHeights(theme, navBarSize)[0]}px;\n\n    @media ${mq.semilarge} {\n        height: ${({ theme, navBarSize }) =>\n            getMenuHeaderHeights(theme, navBarSize)[1]}px;\n        flex: 0 0\n            ${({ theme, navBarSize }) =>\n                getMenuHeaderHeights(theme, navBarSize)[1]}px;\n    }\n`;\n\nconst ScrollContainer = styled.div`\n    display: block;\n    max-height: 100%;\n    min-height: 0;\n`;\n\nconst ScrollArea = styled.div`\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: ${spacings.nudge * 10}px;\n    }\n\n    @media ${mq.medium} {\n        max-width: 100%;\n    }\n`;\n\n//#region NAVIGATION\n//#region NAVIGATION.Containers\nconst NavView = styled.nav``;\n\nconst Navigation: FC<{ children?: React.ReactNode }> = ({ children }) => {\n    return <NavView aria-label=\"menu\">{children}</NavView>;\n};\n\nconst NavList = styled.ul<{ hasNonFeaturedItems?: boolean }>`\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    margin: ${spacings.nudge * 2}px 0;\n\n    border-bottom: ${({ hasNonFeaturedItems, theme }) =>\n        hasNonFeaturedItems && `solid 2px ${color(theme).elementBg.medium}`};\n`;\n\n// #endregion\n// #region NAVIGATION.NavItem\nconst NavItemView = styled.li<{ isActive?: boolean }>`\n    flex: 0 0 80px;\n\n    height: 100%;\n    background-color: ${({ theme, isActive }) =>\n        isActive\n            ? color(theme).elementBg.medium\n            : color(theme).elementBg.light};\n\n    transition: background-color 0.2s ease-in-out;\n\n    li + &:not([data-featured='true']) {\n        border-top: solid 2px ${({ theme }) => color(theme).elementBg.medium};\n    }\n\n    li[data-featured='true'] + &:not([data-featured='true']) {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    &:not([data-featured='true']):first-child {\n        border-top: solid 2px ${({ theme }) => color(theme).elementBg.medium};\n    }\n\n    @media ${mq.semilarge} {\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: ${({ theme }) => color(theme).elementBg.medium};\n        }\n    }\n`;\n\nconst NavItemContent = styled.span<{\n    isCurrent?: boolean;\n    isFeatured?: boolean;\n}>`\n    display: flex;\n    align-items: center;\n    position: relative;\n    min-height: 80px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n\n    ${({ isFeatured }) => navigationStyle(isFeatured ? 'featured' : 'main')}\n    color: ${({ theme, isFeatured }) =>\n        isFeatured\n            ? font(theme).navigation.featured.color\n            : font(theme).navigation.main.color};\n    text-decoration: ${({ isCurrent }) => (isCurrent ? 'underline' : 'none')};\n`;\n\nconst NavItemIcon = styled.span`\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\nconst NavItemLabel = styled.span`\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:not(:first-child) {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst NavItemCollapse = styled.span`\n    display: block;\n    margin-left: auto;\n    padding-left: ${spacings.nudge * 3}px;\n`;\n\nconst NavItemCollapseIcon = styled(AngleRight)<{ isCollapsed?: boolean }>`\n    transform: ${({ isCollapsed }) => !isCollapsed && 'rotate(90deg)'};\n\n    transition: transform 0.2s ease-in-out;\n\n    @media ${mq.semilarge} {\n        transform: rotate(0deg);\n    }\n`;\n\nconst NavItemLink = styled(Link)`\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            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst NavItemButton = styled.button`\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 ${({ theme }) => color(theme).elementBg.light};\n    width: 100%;\n    cursor: pointer;\n    outline: none;\n    border-radius: 0px;\n\n    &:focus {\n        outline: solid 2px ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media ${mq.semilarge} {\n        border-bottom: none;\n    }\n`;\n\nconst SubNavList = styled.ul<{ isActive?: boolean; isIndented?: boolean }>`\n    display: ${({ isActive }) => !isActive && 'none'};\n    position: relative;\n    margin: 0;\n    padding: 0;\n    padding-left: ${({ isIndented }) =>\n        isIndented ? 48 + spacings.nudge * 4 : spacings.nudge * 2}px;\n    padding-right: ${spacings.nudge * 2}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: ${({ theme }) => color(theme).elementBg.medium};\n\n    @media ${mq.semilarge} {\n        position: absolute;\n        top: 0;\n        left: calc(100% - 1px);\n        width: 100vw;\n        height: 100%;\n        max-width: 384px;\n        padding-left: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst NavigationItem = forwardRef<\n    HTMLLIElement,\n    {\n        isCurrent?: boolean;\n        isActive?: boolean;\n        isFeatured?: boolean;\n        label?: string;\n        link?: LinkProps;\n        icon?: React.ReactNode;\n\n        subNavTitle?: string;\n\n        navBarSize?: NavBarSize;\n        onItemClick?: () => void;\n        collapseIcon?: (props: { isCollapsed?: boolean }) => React.ReactNode;\n        canFocus?: boolean;\n        children?: React.ReactNode;\n    }\n>(\n    (\n        {\n            isCurrent,\n            isActive,\n            isFeatured,\n            label,\n            link,\n            icon,\n            subNavTitle,\n            navBarSize,\n            onItemClick,\n            collapseIcon,\n            canFocus,\n            children,\n        },\n        ref\n    ) => {\n        const hasSubItems = !!children && React.Children.count(children) > 0;\n\n        return (\n            <NavItemView\n                ref={ref}\n                isActive={isActive}\n                data-featured={isFeatured}\n            >\n                <NavItemContent isCurrent={isCurrent} isFeatured={isFeatured}>\n                    {icon && <NavItemIcon>{icon}</NavItemIcon>}\n                    {label && <NavItemLabel>{label}</NavItemLabel>}\n                    {hasSubItems && (\n                        <NavItemCollapse>\n                            {collapseIcon ? (\n                                collapseIcon({\n                                    isCollapsed: !isActive,\n                                })\n                            ) : (\n                                <NavItemCollapseIcon\n                                    ariaHidden\n                                    isCollapsed={!isActive}\n                                />\n                            )}\n                        </NavItemCollapse>\n                    )}\n                    {!hasSubItems && link?.href && (\n                        <NavItemLink\n                            {...link}\n                            ariaLabel={label}\n                            tabIndex={!canFocus ? -1 : undefined}\n                        />\n                    )}\n                    {hasSubItems && (\n                        <React.Fragment>\n                            <NavItemButton\n                                aria-label={label}\n                                aria-expanded={isActive}\n                                onClick={onItemClick}\n                                tabIndex={!canFocus ? -1 : undefined}\n                            />\n                        </React.Fragment>\n                    )}\n                </NavItemContent>\n                {hasSubItems && (\n                    <SubNavList isActive={isActive} isIndented={!!icon}>\n                        {link?.href && (\n                            <MenuNav.SubItem\n                                key=\"overview\"\n                                link={link}\n                                label={subNavTitle || 'Overview'}\n                                navBarSize={navBarSize}\n                                canFocus={canFocus}\n                            />\n                        )}\n                        {children}\n                    </SubNavList>\n                )}\n            </NavItemView>\n        );\n    }\n);\n\nNavigationItem.displayName = 'NavigationItem';\n\n//#endregion NAVIGATION.NavItem\n//#region NAVIGATION.SubNavItem\nconst SubNavItem = styled.li<{ navBarSize?: NavBarSize }>`\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    height: 56px;\n\n    ${navigationStyle('main')}\n    color: ${({ theme }) => font(theme).navigation.sub.color};\n\n    @media ${mq.semilarge} {\n        &:first-child {\n            margin-top: ${({ theme, navBarSize }) =>\n                getMenuHeaderHeights(theme, navBarSize)[1] +\n                spacings.nudge * 2}px;\n        }\n\n        &:last-child {\n            margin-bottom: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst SubNavLink = styled(Link)<{ isCurrent?: boolean }>`\n    /* width: 100%; */\n    padding: ${spacings.nudge}px 0;\n    outline-color: ${({ theme }) => color(theme).primary.default};\n    vertical-align: middle;\n\n    ${navigationStyle('sub')}\n    color: ${({ theme }) => font(theme).navigation.sub.color};\n    text-decoration: ${({ isCurrent }) => (isCurrent ? 'underline' : 'none')};\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            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n`;\n\nconst NavigationSubItem = forwardRef<\n    HTMLLIElement,\n    {\n        isCurrent?: boolean;\n        label: string;\n        link?: LinkProps;\n        navBarSize?: NavBarSize;\n        canFocus?: boolean;\n    }\n>(({ isCurrent, label, link, navBarSize, canFocus }, ref) => {\n    return (\n        <SubNavItem ref={ref} navBarSize={navBarSize}>\n            <SubNavLink\n                tabIndex={!canFocus ? -1 : undefined}\n                isCurrent={isCurrent}\n                {...link}\n            >\n                <span>{label}</span>\n            </SubNavLink>\n        </SubNavItem>\n    );\n});\n\nNavigationSubItem.displayName = 'NavigationSubItem';\n//#endregion\n//#region NAVIGATION.SecondaryNavigation\nconst SecondaryNavList = styled.ul`\n    display: block;\n    list-style: none;\n    padding: 0 ${spacings.nudge * 2}px;\n    margin: ${spacings.spacer}px 0;\n\n    li {\n        display: flex;\n        margin: 0;\n        padding: 0;\n    }\n`;\n\nconst SecondaryNavLink = styled(Link)<{ isCurrent?: boolean }>`\n    display: inline-block;\n    padding: ${spacings.nudge * 0.5}px 0;\n    outline-color: ${({ theme }) => color(theme).primary.default};\n    vertical-align: middle;\n\n    ${navigationStyle('secondary')}\n    color: ${({ theme }) => font(theme).navigation.secondary.color};\n    text-decoration: ${({ isCurrent }) => (isCurrent ? 'underline' : 'none')};\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:focus {\n        outline: dashed 2px\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst SecondaryNavigation: FC<{\n    items?: NavItem[];\n    canFocus?: boolean;\n}> = ({ items, canFocus }) => {\n    return items && items.length > 0 ? (\n        <SecondaryNavList>\n            {items\n                ?.filter((n) => n.link?.href)\n                .map((item, i) => (\n                    <li key={i}>\n                        <SecondaryNavLink\n                            isCurrent={item.isCurrent}\n                            href={item.link?.href}\n                            tabIndex={!canFocus ? -1 : undefined}\n                        >\n                            {item.label}\n                        </SecondaryNavLink>\n                    </li>\n                ))}\n        </SecondaryNavList>\n    ) : null;\n};\n//#endregion\n\nconst MenuNav = {\n    View: Navigation,\n    List: NavList,\n    Item: NavigationItem,\n    SubItem: NavigationSubItem,\n    SubList: SecondaryNavigation,\n};\n// #endregion\n\nexport interface FlyoutMenuProps {\n    type: 'flyout';\n    collapseIcon?: (props: { isCollapsed?: boolean }) => React.ReactNode;\n    subNavTitle?: string;\n    backdropFilter?: string;\n}\n\nconst menuFilter = (item: NavItem) =>\n    !item.hideFromMenu && item.uid && item.label;\n\nconst MenuFlyout: FC<MenuBaseProps & FlyoutMenuProps> = ({\n    isOpen,\n    clampWidth,\n    isIndexPage,\n    mainNavigation,\n    subNavigation,\n    navBarSize,\n    subNavTitle,\n    backdropFilter = 'grayscale(1)',\n    header,\n    footer,\n    onClose,\n    collapseIcon,\n    navItemsHeader,\n}) => {\n    const { theme } = useLibTheme();\n    const flyoutRef = useRef<HTMLDivElement>(null);\n    const hasHeader = useMemo(() => hasMenuHeader(theme), [theme]);\n\n    const mainList = useMemo(() => {\n        const featured = mainNavigation?.filter((n) => n.isFeatured) || [];\n        const main = mainNavigation?.filter((n) => !n.isFeatured) || [];\n\n        return [...featured, ...main].filter(menuFilter);\n    }, [mainNavigation]);\n\n    const hasNonFeaturedItems = useMemo(() => {\n        const main = mainNavigation?.filter((n) => !n.isFeatured) || [];\n        return main && main.length > 0;\n    }, [mainNavigation]);\n\n    const subList = useMemo(() => {\n        return subNavigation?.filter(menuFilter);\n    }, [subNavigation]);\n\n    const [activeItems, setActiveItems] = useState<string[]>(() => {\n        const initial = getCurrentNavItem(mainList, true)?.root?.uid;\n        return initial ? [initial] : [''];\n    });\n    const [currentNavEl, setCurrentNavEl] =\n        useState<HTMLLIElement | null>(null);\n    const [currentSubNavEl, setCurrentSubNavEl] =\n        useState<HTMLLIElement | null>(null);\n\n    const toggleActiveItem = (uid: string) => {\n        setActiveItems((prev) => (prev.includes(uid) ? [] : [uid]));\n\n        // if multiple nav items can be selected:\n        // setActiveItems((prev) => {\n        //     const copy = [...prev];\n        //     const activeIndex = activeItems.indexOf(index);\n        //     if (activeIndex !== -1) {\n        //         copy.splice(activeIndex, 1);\n        //     } else {\n        //         copy.push(index);\n        //     }\n        //     return copy;\n        // });\n    };\n\n    // check if flyout lost focus\n    useEffect(() => {\n        const handleFocus = (ev: FocusEvent) => {\n            if (!flyoutRef.current || !ev.target) return;\n            const isFlyoutChild = flyoutRef.current.contains(\n                ev.target as Element\n            );\n\n            if (!isFlyoutChild) onClose && onClose();\n        };\n\n        if (isOpen) {\n            document.addEventListener('focusin', handleFocus);\n        } else {\n            document.removeEventListener('focusin', handleFocus);\n        }\n\n        return () => {\n            document.removeEventListener('focusin', handleFocus);\n        };\n    }, [isOpen, onClose]);\n\n    // scroll to current nav items\n    useEffect(() => {\n        try {\n            currentNavEl?.scrollIntoView({\n                block: 'center',\n                inline: 'start',\n            });\n            currentSubNavEl?.scrollIntoView({\n                block: 'center',\n                inline: 'start',\n            });\n        } catch (e) {\n            // console.log(e);\n        }\n    }, [currentNavEl, currentSubNavEl]);\n\n    return (\n        <React.Fragment>\n            <Backdrop\n                isOpen={isOpen}\n                filter={backdropFilter}\n                onClick={onClose}\n            />\n            <Stage isOpen={isOpen} clampWidth={clampWidth}>\n                <Flyout ref={flyoutRef} isOpen={isOpen}>\n                    {hasHeader && (\n                        <Header navBarSize={navBarSize}>\n                            {header ? (\n                                header({\n                                    isOpen,\n                                    mainNavigation: mainList,\n                                    subNavigation: subList,\n                                    isIndexPage,\n                                    navBarSize,\n                                })\n                            ) : (\n                                <MenuHeader\n                                    menuStates={{\n                                        isOpen,\n                                        mainNavigation,\n                                        subNavigation,\n                                        isIndexPage,\n                                        navBarSize,\n                                    }}\n                                />\n                            )}\n                        </Header>\n                    )}\n\n                    <ScrollContainer>\n                        <ScrollArea>\n                            {navItemsHeader &&\n                                navItemsHeader({\n                                    isOpen,\n                                    mainNavigation: mainList,\n                                    subNavigation: subList,\n                                    isIndexPage,\n                                    navBarSize,\n                                })}\n                            <MenuNav.View>\n                                {isValidArray(mainList, false) && (\n                                    <MenuNav.List\n                                        id=\"mainMenu\"\n                                        hasNonFeaturedItems={\n                                            hasNonFeaturedItems\n                                        }\n                                    >\n                                        {mainList.map((item) => {\n                                            const isActive =\n                                                activeItems.includes(item.uid);\n                                            const hasCurrentSubItem =\n                                                item?.subItems\n                                                    ? item.subItems.findIndex(\n                                                          (n) => n.isCurrent\n                                                      ) >= 0\n                                                    : false;\n\n                                            const isCurrent =\n                                                item.isCurrent ||\n                                                hasCurrentSubItem;\n\n                                            return (\n                                                <MenuNav.Item\n                                                    key={item.uid}\n                                                    {...item}\n                                                    ref={\n                                                        isCurrent\n                                                            ? setCurrentNavEl\n                                                            : undefined\n                                                    }\n                                                    isActive={isActive}\n                                                    isCurrent={isCurrent}\n                                                    subNavTitle={subNavTitle}\n                                                    navBarSize={navBarSize}\n                                                    collapseIcon={collapseIcon}\n                                                    onItemClick={() =>\n                                                        toggleActiveItem(\n                                                            item.uid\n                                                        )\n                                                    }\n                                                    canFocus={isOpen}\n                                                >\n                                                    {item?.subItems\n                                                        ?.filter(menuFilter)\n                                                        .map((subItem) => (\n                                                            <MenuNav.SubItem\n                                                                key={\n                                                                    subItem.uid\n                                                                }\n                                                                ref={\n                                                                    subItem.isCurrent\n                                                                        ? setCurrentSubNavEl\n                                                                        : undefined\n                                                                }\n                                                                {...subItem}\n                                                                navBarSize={\n                                                                    navBarSize\n                                                                }\n                                                                canFocus={\n                                                                    isOpen\n                                                                }\n                                                            />\n                                                        ))}\n                                                </MenuNav.Item>\n                                            );\n                                        })}\n                                    </MenuNav.List>\n                                )}\n                                {isValidArray(subList, false) && (\n                                    <MenuNav.SubList\n                                        items={subList}\n                                        canFocus={isOpen}\n                                    />\n                                )}\n                            </MenuNav.View>\n                            {footer\n                                ? footer({\n                                      isOpen,\n                                      mainNavigation: mainList,\n                                      subNavigation: subList,\n                                      isIndexPage,\n                                  })\n                                : ''}\n                        </ScrollArea>\n                    </ScrollContainer>\n                </Flyout>\n            </Stage>\n        </React.Fragment>\n    );\n};\n\nexport default MenuFlyout;\n","import React, { FC } from 'react';\n\nimport { LinkProps } from 'components/typography/Link';\n\n/** Menu Variations */\nimport MenuFlyout, { FlyoutMenuProps } from './variations/MenuFlyout';\nimport { /* MenuLarge,*/ LargeMenuProps } from './variations/MenuLarge';\nimport { NavBarSize } from '../NavBar';\n\n/** Navigation item types */\n\nexport interface NavItem {\n    uid: string;\n    label: string;\n    link?: LinkProps;\n    isCurrent?: boolean;\n    subItems?: NavItem[];\n    isFeatured?: boolean;\n    icon?: React.ReactNode;\n    hideFromMenu?: boolean;\n}\n\n/** Menu base type */\nexport interface MenuStates {\n    isOpen?: boolean;\n    isIndexPage?: boolean;\n    mainNavigation?: Array<NavItem>;\n    subNavigation?: Array<NavItem>;\n    navBarSize?: NavBarSize;\n}\n\nexport interface MenuBaseProps {\n    isOpen?: boolean;\n    clampWidth?: 'content' | 'full';\n    isIndexPage?: boolean;\n    mainNavigation?: Array<NavItem>;\n    subNavigation?: Array<NavItem>;\n    navBarSize?: NavBarSize;\n    header?: (props: MenuStates) => React.ReactNode;\n    footer?: (props: MenuStates) => React.ReactNode;\n    navItemsHeader?: (menuStates: MenuStates) => React.ReactNode;\n    onClose?: () => void;\n}\n\nexport type MenuTypeProps = FlyoutMenuProps | LargeMenuProps;\n\nconst Menu: FC<MenuBaseProps & { typeSettings?: MenuTypeProps }> = ({\n    isOpen,\n    clampWidth,\n    isIndexPage,\n    mainNavigation,\n    subNavigation,\n    navBarSize,\n    header,\n    footer,\n    navItemsHeader,\n    onClose,\n    typeSettings,\n}) => {\n    if (!typeSettings) {\n        typeSettings = { type: 'flyout' };\n    }\n\n    switch (typeSettings?.type) {\n        // case 'large': {\n        //     return (\n        //         <MenuLarge\n        //             isOpen={isOpen}\n        //             clampWidth={clampWidth}\n        //             isIndexPage={isIndexPage}\n        //             mainNavigation={mainNavigation}\n        //             subNavigation={subNavigation}\n        //             navBarSize={navBarSize}\n        //             header={header}\n        //             footer={footer}\n        //             navItemsHeader={navItemsHeader}\n        //             onClose={onClose}\n        //             {...(typeSettings as LargeMenuProps)}\n        //         />\n        //     );\n        // }\n\n        default:\n        case 'flyout': {\n            return (\n                <MenuFlyout\n                    isOpen={isOpen}\n                    clampWidth={clampWidth}\n                    isIndexPage={isIndexPage}\n                    mainNavigation={mainNavigation}\n                    subNavigation={subNavigation}\n                    navBarSize={navBarSize}\n                    header={header}\n                    footer={footer}\n                    onClose={onClose}\n                    navItemsHeader={navItemsHeader}\n                    {...(typeSettings as FlyoutMenuProps)}\n                />\n            );\n        }\n    }\n};\n\nexport default Menu;\n","import React, { FC, useMemo } from 'react';\nimport styled, { DefaultTheme } from 'styled-components';\nimport {\n    spacings,\n    mq,\n    getGlobals as global,\n    getColors as color,\n} from 'utils/styles';\nimport { clampValue } from 'utils/clamp';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\n\nexport const getTopHeights = (\n    theme: DefaultTheme,\n    size?: NavBarSize\n): [number, number] => {\n    const heights =\n        size === 'large'\n            ? global(theme).navigation.navBar.topHeight.large\n            : global(theme).navigation.navBar.topHeight.small;\n\n    // if second value is not defined use first array index value for both\n    return [\n        clampValue(heights[0], 0),\n        clampValue(heights?.[1] === undefined ? heights[0] : heights[1], 0),\n    ];\n};\n\nexport const hasTopBar = (theme: DefaultTheme) => {\n    const largeHeights = getTopHeights(theme, 'large');\n    const smallHeights = getTopHeights(theme, 'small');\n\n    return (\n        largeHeights[0] > 0 ||\n        largeHeights[1] > 0 ||\n        smallHeights[0] > 0 ||\n        smallHeights[1] > 0\n    );\n};\n\nexport const getMainHeights = (\n    theme: DefaultTheme,\n    size?: NavBarSize\n): [number, number] => {\n    const heights =\n        size === 'large'\n            ? global(theme).navigation.navBar.mainHeight.large\n            : global(theme).navigation.navBar.mainHeight.small;\n\n    // if second value is not defined use first array index value for both\n    return [\n        clampValue(heights[0], 0),\n        clampValue(heights?.[1] === undefined ? heights[0] : heights[1], 0),\n    ];\n};\n\nexport const getBottomHeights = (\n    theme: DefaultTheme,\n    size?: NavBarSize\n): [number, number] => {\n    const heights =\n        size === 'large'\n            ? global(theme).navigation.navBar.bottomHeight.large\n            : global(theme).navigation.navBar.bottomHeight.small;\n\n    // if second value is not defined use first array index value for both\n    return [\n        clampValue(heights[0], 0),\n        clampValue(heights?.[1] === undefined ? heights[0] : heights[1], 0),\n    ];\n};\n\nexport const hasBottomBar = (theme: DefaultTheme) => {\n    const largeHeights = getBottomHeights(theme, 'large');\n    const smallHeights = getBottomHeights(theme, 'small');\n\n    return (\n        largeHeights[0] > 0 ||\n        largeHeights[1] > 0 ||\n        smallHeights[0] > 0 ||\n        smallHeights[1] > 0\n    );\n};\n\nexport type ExcludeType = 'top' | 'main' | 'bottom';\n\n/**\n * Get full height of navigation bar\n * @param theme Theme object\n * @param size Navigation bar size\n * @param exclude Exclude parts of the navbar for height calculation\n * @returns [mobile, desktop]\n */\nexport const getFullHeight = (\n    theme: DefaultTheme,\n    size?: NavBarSize,\n    exclude?: ExcludeType[]\n): [number, number] => {\n    const includeTop = exclude ? exclude.indexOf('top') === -1 : true;\n    const includeMain = exclude ? exclude.indexOf('main') === -1 : true;\n    const includeBottom = exclude ? exclude.indexOf('bottom') === -1 : true;\n\n    const topHeights = includeTop ? getTopHeights(theme, size) : [0, 0];\n    const mainHeights = includeMain ? getMainHeights(theme, size) : [0, 0];\n    const bottomHeights = includeBottom\n        ? getBottomHeights(theme, size)\n        : [0, 0];\n\n    // calculate mobile navbar height\n    const mobile = topHeights[0] + mainHeights[0] + bottomHeights[0];\n\n    // calculate desktop navbar height\n    const desktop = topHeights[1] + mainHeights[1] + bottomHeights[1];\n\n    return [mobile, desktop];\n};\n\nconst View = styled.div<{\n    isOpen?: boolean;\n    isSticky?: boolean;\n    isAnimated?: boolean;\n    bgGradient?: string;\n}>`\n    position: ${({ isSticky }) => (isSticky ? 'fixed' : 'absolute')};\n    top: 0;\n    left: 0;\n    right: 0;\n\n    transform: ${({ isOpen }) => !isOpen && 'translate3d(0, -101%, 0)'};\n\n    margin: 0 auto;\n    /* max-width: ${spacings.wrapperLarge}px; */\n    z-index: 100;\n\n    ${({ isAnimated }) => `transition: ${\n        isAnimated ? 'transform 0.3s ease-in-out, ' : ''\n    }height 0.3s ease-in-out,\n                opacity 0.3s ease-in-out;`}\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: ${({ bgGradient }) => bgGradient || ''};\n        margin: 0 auto;\n        max-width: ${spacings.wrapperLarge}px;\n        z-index: -1;\n    }\n\n    // print version\n    @media print {\n        position: relative;\n    }\n`;\n\nconst Header = styled.div<{ size?: NavBarSize; background?: string }>`\n    opacity: ${({ theme, size }) =>\n        getTopHeights(theme, size)[0] > 0 ? 1 : 0};\n    pointer-events: ${({ theme, size }) =>\n        getTopHeights(theme, size)[0] > 0 ? 'all' : 'none'};\n    overflow: ${({ theme, size }) =>\n        getTopHeights(theme, size)[0] <= 0 && 'hidden'};\n\n    background-color: ${({ background }) => background};\n    color: ${({ theme, background }) =>\n        background ? color(theme).text.default : color(theme).text.inverted};\n\n    transition: background-color 0.2s ease-in-out;\n\n    @media ${mq.semilarge} {\n        opacity: ${({ theme, size }) =>\n            getTopHeights(theme, size)[1] > 0 ? 1 : 0};\n        pointer-events: ${({ theme, size }) =>\n            getTopHeights(theme, size)[1] > 0 ? 'all' : 'none'};\n        overflow: ${({ theme, size }) =>\n            getTopHeights(theme, size)[1] <= 0 && 'hidden'};\n    }\n`;\n\nconst Main = styled.div<{ background?: string }>`\n    background-color: ${({ background }) => background};\n    color: ${({ theme, background }) =>\n        background ? color(theme).text.default : color(theme).text.inverted};\n\n    transition: background-color 0.2s ease-in-out;\n`;\n\nconst Footer = styled.div<{ size?: NavBarSize; background?: string }>`\n    opacity: ${({ theme, size }) =>\n        getBottomHeights(theme, size)[0] > 0 ? 1 : 0};\n    pointer-events: ${({ theme, size }) =>\n        getBottomHeights(theme, size)[0] > 0 ? 'all' : 'none'};\n    overflow: ${({ theme, size }) =>\n        getBottomHeights(theme, size)[0] <= 0 && 'hidden'};\n\n    background-color: ${({ background }) => background};\n    color: ${({ theme, background }) =>\n        background ? color(theme).text.default : color(theme).text.inverted};\n\n    opacity: ${({ theme, size }) =>\n        getBottomHeights(theme, size)[0] > 0 ? 1 : 0};\n\n    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media ${mq.semilarge} {\n        opacity: ${({ theme, size }) =>\n            getBottomHeights(theme, size)[1] > 0 ? 1 : 0};\n        pointer-events: ${({ theme, size }) =>\n            getBottomHeights(theme, size)[1] > 0 ? 'all' : 'none'};\n        overflow: ${({ theme, size }) =>\n            getBottomHeights(theme, size)[1] <= 0 && 'hidden'};\n\n        opacity: ${({ theme, size }) =>\n            getBottomHeights(theme, size)[1] > 0 ? 1 : 0};\n    }\n`;\n\nconst TopContent = styled.div<{ size?: NavBarSize; clamp?: boolean }>`\n    display: flex;\n    justify-content: flex-end;\n    position: relative;\n    max-width: ${({ clamp }) =>\n        clamp ? spacings.wrapper : spacings.wrapperLarge}px;\n    padding: ${({ size, theme }) =>\n        getTopHeights(theme, size)[0] > 0 && `0 ${spacings.nudge * 2}px`};\n    margin: 0 auto;\n\n    height: ${({ theme, size }) => getTopHeights(theme, size)[0]}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 ${mq.semilarge} {\n        height: ${({ theme, size }) => getTopHeights(theme, size)[1]}px;\n        padding: ${({ size, theme }) =>\n            getTopHeights(theme, size)[1] > 0 && `0 ${spacings.nudge * 2}px`};\n    }\n`;\n\nconst Content = styled.div<{ size?: NavBarSize; clamp?: boolean }>`\n    display: flex;\n    position: relative;\n    max-width: ${({ clamp }) =>\n        clamp ? spacings.wrapper : spacings.wrapperLarge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    margin: 0 auto;\n\n    height: ${({ theme, size }) => getMainHeights(theme, size)[0]}px;\n\n    transition: height 0.2s ease-in-out;\n    will-change: height;\n\n    @media ${mq.semilarge} {\n        height: ${({ theme, size }) =>\n            getMainHeights(theme, size)[1] || getMainHeights(theme, size)[0]}px;\n    }\n`;\n\nconst BottomContent = styled.div<{ size?: NavBarSize; clamp?: boolean }>`\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    max-width: ${({ clamp }) =>\n        clamp ? spacings.wrapper : spacings.wrapperLarge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    margin: 0 auto;\n\n    height: ${({ theme, size }) => getBottomHeights(theme, size)[0]}px;\n    transition: 0.2s height ease-in-out;\n\n    @media ${mq.semilarge} {\n        height: ${({ theme, size }) => getBottomHeights(theme, size)[1]}px;\n        padding: 0 ${spacings.nudge * 2}px;\n    }\n`;\n\nconst BarSpacer = styled.div<{ hasHeader?: boolean; hasFooter?: boolean }>`\n    height: ${({ theme, hasHeader, hasFooter }) => {\n        const excludes: ExcludeType[] = [];\n        if (!hasHeader) excludes.push('top');\n        if (!hasFooter) excludes.push('bottom');\n\n        return getFullHeight(theme, 'large', excludes)[0];\n    }}px;\n\n    @media ${mq.semilarge} {\n        height: ${({ theme, hasHeader, hasFooter }) => {\n            const excludes: ExcludeType[] = [];\n            if (!hasHeader) excludes.push('top');\n            if (!hasFooter) excludes.push('bottom');\n\n            return getFullHeight(theme, 'large', excludes)[1];\n        }}px;\n    }\n\n    // print version\n    @media print {\n        display: none;\n    }\n`;\n\nexport type NavBarSize = 'small' | 'large';\n\nexport interface BarStates {\n    size: NavBarSize;\n    isOpen?: boolean;\n    isSticky?: boolean;\n    pageFlow?: PageFlow;\n}\n\nexport type PageFlow = 'overContent' | 'beforeContent';\n\nexport interface NavBarProps {\n    size?: NavBarSize;\n    isOpen?: boolean;\n    isSticky?: boolean;\n    isAnimated?: boolean;\n    clampWidth?: 'content' | 'full';\n    pageFlow?: PageFlow;\n\n    topBg?: string;\n    mainBg?: string;\n    bottomBg?: string;\n    /** Custom background value for NavBar with pageFlow === overContent and large size  */\n    onContentBg?: string;\n\n    topBar?: ((props: BarStates) => React.ReactNode) | null;\n    mainBar?: ((props: BarStates) => React.ReactNode) | null;\n    bottomBar?: ((props: BarStates) => React.ReactNode) | null;\n}\n\nconst NavBar: FC<\n    NavBarProps & {\n        className?: string;\n    }\n> = ({\n    size = 'large',\n    isOpen = false,\n    isSticky = false,\n    isAnimated = false,\n    clampWidth = false,\n    pageFlow = 'beforeContent',\n    topBg,\n    mainBg,\n    bottomBg,\n    onContentBg,\n    topBar,\n    mainBar,\n    bottomBar,\n    className,\n}) => {\n    const { theme, colors } = useLibTheme();\n    const clampContent = clampWidth === 'content';\n    const isOverContent = pageFlow === 'overContent';\n\n    const hasHeader = useMemo(\n        () => hasTopBar(theme) && topBar !== null,\n        [theme, topBar]\n    );\n    const hasFooter = useMemo(\n        () => hasBottomBar(theme) && bottomBar !== null,\n        [bottomBar, theme]\n    );\n    const showBg = useMemo(\n        () => size === 'small' || (size === 'large' && !isOverContent),\n        [isOverContent, size]\n    );\n\n    const topBackground = topBg || colors.elementBg.light;\n    const mainBackground = mainBg || colors.elementBg.light;\n    const bottomBackground = bottomBg || colors.elementBg.light;\n    const onContentBackground =\n        onContentBg ||\n        'linear-gradient(180deg,rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0) 100%)';\n\n    const topBarContent = useMemo(\n        () =>\n            topBar &&\n            topBar({\n                size,\n                isOpen,\n                isSticky,\n                pageFlow,\n            }),\n        [isOpen, isSticky, pageFlow, size, topBar]\n    );\n\n    const mainBarContent = useMemo(\n        () =>\n            mainBar &&\n            mainBar({\n                size,\n                isOpen,\n                isSticky,\n                pageFlow,\n            }),\n        [isOpen, isSticky, mainBar, pageFlow, size]\n    );\n\n    const bottomBarContent = useMemo(\n        () =>\n            bottomBar &&\n            bottomBar({\n                size,\n                isOpen,\n                isSticky,\n                pageFlow,\n            }),\n        [bottomBar, isOpen, isSticky, pageFlow, size]\n    );\n\n    return (\n        <React.Fragment>\n            {pageFlow === 'beforeContent' && (\n                <BarSpacer hasHeader={hasHeader} hasFooter={hasFooter} />\n            )}\n            <View\n                isOpen={isOpen}\n                isSticky={isSticky}\n                isAnimated={isAnimated}\n                bgGradient={\n                    size === 'large' && isOverContent\n                        ? onContentBackground\n                        : undefined\n                }\n                className={className}\n            >\n                {hasHeader && (\n                    <Header\n                        size={size}\n                        background={showBg ? topBackground : undefined}\n                    >\n                        <TopContent size={size} clamp={clampContent}>\n                            {topBarContent ? (\n                                topBarContent\n                            ) : (\n                                <Skeletons.Column isInverted>\n                                    Top Nav\n                                </Skeletons.Column>\n                            )}\n                        </TopContent>\n                    </Header>\n                )}\n                {mainBar !== null && (\n                    <Main background={showBg ? mainBackground : undefined}>\n                        <Content size={size} clamp={clampContent}>\n                            {mainBarContent ? (\n                                mainBarContent\n                            ) : (\n                                <React.Fragment>\n                                    <Skeletons.Column\n                                        takeSpace\n                                        isInverted={\n                                            size === 'large' && isOverContent\n                                        }\n                                    >\n                                        Left\n                                    </Skeletons.Column>\n                                    <Skeletons.Column\n                                        isInverted={\n                                            size === 'large' && isOverContent\n                                        }\n                                    >\n                                        Center\n                                    </Skeletons.Column>\n                                    <Skeletons.Column\n                                        takeSpace\n                                        isInverted={\n                                            size === 'large' && isOverContent\n                                        }\n                                    >\n                                        Right\n                                    </Skeletons.Column>\n                                </React.Fragment>\n                            )}\n                        </Content>\n                    </Main>\n                )}\n                {hasFooter && (\n                    <Footer\n                        size={size}\n                        background={showBg ? bottomBackground : undefined}\n                    >\n                        <BottomContent size={size} clamp={clampContent}>\n                            {bottomBarContent ? bottomBarContent : 'bottom bar'}\n                        </BottomContent>\n                    </Footer>\n                )}\n            </View>\n        </React.Fragment>\n    );\n};\n\nexport default NavBar;\n","import React, { FC, useEffect, useMemo, useState } from 'react';\nimport { DefaultTheme } from 'styled-components';\nimport {\n    LibThemeProvider,\n    ThemeMods,\n    useLibTheme,\n} from 'utils/LibThemeProvider';\nimport { useMediaQueries } from 'utils/useMediaQuery';\nimport { useMenuKeyboard } from 'utils/menuHooks';\nimport usePageScroll, { PageScrollDirection } from 'utils/usePageScroll';\nimport Menu, { MenuStates, MenuTypeProps, NavItem } from './menu/Menu';\n\nimport NavBar, {\n    getFullHeight,\n    NavBarSize,\n    BarStates,\n    hasTopBar,\n    hasBottomBar,\n    ExcludeType,\n    PageFlow,\n} from './NavBar';\n\n/**\n * Checks which navbar parts are defined in navigation.\n * With this values you can calculate each height by the Navbar component functions\n * @param ident Identification string from Navigation component\n * @returns\n */\nexport const getNavbarState = (ident: string) => {\n    const navbarIdent = ident || '';\n\n    let pageFlow: PageFlow | undefined = undefined;\n    switch (true) {\n        case navbarIdent.search('overContent') !== -1: {\n            pageFlow = 'overContent';\n            break;\n        }\n\n        case navbarIdent.search('beforeContent') !== -1: {\n            pageFlow = 'beforeContent';\n            break;\n        }\n    }\n\n    return {\n        hasTop: navbarIdent.search('top') !== -1,\n        hasMain: navbarIdent.search('main') !== -1,\n        hasBottom: navbarIdent.search('bottom') !== -1,\n        pageFlow: pageFlow,\n        isStickable: navbarIdent.search('stickable') !== -1,\n    };\n};\n\n/** Generate Navbar identifier */\nexport const generateNavbarIdent = (props: {\n    hasTop?: boolean;\n    hasMain?: boolean;\n    hasBottom?: boolean;\n    pageFlow?: PageFlow;\n    isStickable?: boolean;\n}): string => {\n    if (!props) return '';\n    const stateArray: string[] = [];\n\n    if (props.hasTop) stateArray.push('top');\n    if (props.hasMain) stateArray.push('main');\n    if (props.hasBottom) stateArray.push('bottom');\n    if (props.isStickable) stateArray.push('stickable');\n    if (props.pageFlow) stateArray.push(props.pageFlow);\n\n    return stateArray.join('-');\n};\n\n/**\n * Get full navbar heights\n * @param theme Theme object\n * @param ident Indentification string from Navigation component\n * @returns\n */\nexport const getFullNavbarHeights = (theme: DefaultTheme, ident: string) => {\n    const { hasTop, hasBottom } = getNavbarState(ident || '');\n    const excludes: ExcludeType[] = [];\n    if (!hasTop) excludes.push('top');\n    if (!hasBottom) excludes.push('bottom');\n\n    return {\n        large: getFullHeight(theme, 'large', excludes),\n        small: getFullHeight(theme, 'small', excludes),\n    };\n};\n\nexport interface NavBarStates extends BarStates {\n    isMenuOpen?: boolean;\n    openMenu?: () => void;\n    closeMenu?: () => void;\n    mainNavigation?: Array<NavItem>;\n    subNavigation?: Array<NavItem>;\n    isOnPageTop?: boolean;\n    isInTopOffset?: boolean;\n}\n\nexport interface NavMenuStates extends MenuStates {\n    isMenuOpen?: boolean;\n    openMenu?: () => void;\n    closeMenu?: () => void;\n    navBarSize?: NavBarSize;\n}\n\nexport interface NavBarSettings {\n    isStickable?: boolean;\n    isCollapsible?: boolean;\n    pageFlow?: 'overContent' | 'beforeContent';\n\n    topBg?: string;\n    mainBg?: string;\n    bottomBg?: string;\n    /** Custom background value for NavBar with pageFlow === overContent and large size  */\n    onContentBg?: string;\n\n    topBar?: ((props: NavBarStates) => React.ReactNode) | null;\n    mainBar?: ((props: NavBarStates) => React.ReactNode) | null;\n    bottomBar?: ((props: NavBarStates) => React.ReactNode) | null;\n    theme?: ThemeMods;\n}\n\nexport interface MenuSettings {\n    isIndexPage?: boolean;\n    mainNavigation?: Array<NavItem>;\n    subNavigation?: Array<NavItem>;\n    header?: (props: NavMenuStates) => React.ReactNode;\n    footer?: (props: NavMenuStates) => React.ReactNode;\n    navItemsHeader?: (props: NavMenuStates) => React.ReactNode;\n    typeSettings: MenuTypeProps;\n\n    theme?: ThemeMods;\n}\n\nexport interface NavigationProps {\n    navBar?: NavBarSettings;\n    menu?: MenuSettings;\n    clampWidth?: 'content' | 'full';\n}\n\nconst Navigation: FC<NavigationProps> = ({\n    clampWidth = 'content',\n    navBar,\n    menu,\n}) => {\n    const isStickable = navBar?.isStickable || false;\n    const isCollapsible = navBar?.isCollapsible || false;\n\n    const mediaQueries = useMediaQueries();\n\n    const { theme } = useLibTheme();\n\n    /** Navigation bar states */\n    const [isNavBarSticky, setIsNavBarSticky] = useState<boolean>(false);\n    const [isNavBarOpen, setNavBarOpen] = useState<boolean>(true);\n    const { isTop, scrollDirection, isInOffset, leftOffsetFromTop } =\n        usePageScroll({\n            directionOffset: { up: 40, down: 40 },\n            offset: getFullHeight(theme, 'large')[\n                mediaQueries.semilarge ? 1 : 0\n            ],\n        });\n\n    const navbarSize = useMemo<NavBarSize>(() => {\n        return isTop || isInOffset || !isStickable ? 'large' : 'small';\n    }, [isTop, isInOffset, isStickable]);\n\n    useEffect(() => {\n        if (isStickable && isCollapsible) {\n            setNavBarOpen(\n                isTop ||\n                    isInOffset ||\n                    scrollDirection === PageScrollDirection.UP\n            );\n        }\n    }, [scrollDirection, isTop, isStickable, isInOffset, isCollapsible]);\n\n    useEffect(() => {\n        if (!isStickable) return;\n        if (\n            !isCollapsible ||\n            (leftOffsetFromTop && scrollDirection === PageScrollDirection.UP)\n        ) {\n            setIsNavBarSticky(true);\n        } else if (isTop) {\n            setIsNavBarSticky(false);\n        }\n    }, [isCollapsible, isStickable, isTop, leftOffsetFromTop, scrollDirection]);\n\n    /** Menu states */\n    const { isMenuOpen, setIsMenuOpen, setRoot } = useMenuKeyboard(false, {});\n\n    const openMenu = () => {\n        setIsMenuOpen(true);\n    };\n\n    const closeMenu = () => {\n        setIsMenuOpen(false);\n    };\n\n    useEffect(() => {\n        document.body.style.overflow = isMenuOpen ? 'hidden' : 'visible';\n    }, [isMenuOpen]);\n\n    const topBar = navBar?.topBar\n        ? (props: BarStates) => {\n              if (!navBar?.topBar) return '';\n              return navBar.topBar({\n                  ...props,\n                  isMenuOpen,\n                  openMenu,\n                  closeMenu,\n                  mainNavigation: menu?.mainNavigation,\n                  subNavigation: menu?.subNavigation,\n                  isOnPageTop: isTop,\n                  isInTopOffset: isInOffset,\n              });\n          }\n        : navBar?.topBar;\n\n    const mainBar = navBar?.mainBar\n        ? (props: BarStates) => {\n              if (!navBar?.mainBar) return '';\n              return navBar.mainBar({\n                  ...props,\n                  isMenuOpen,\n                  openMenu,\n                  closeMenu,\n                  mainNavigation: menu?.mainNavigation,\n                  subNavigation: menu?.subNavigation,\n                  isOnPageTop: isTop,\n                  isInTopOffset: isInOffset,\n              });\n          }\n        : navBar?.mainBar;\n\n    const bottomBar = navBar?.bottomBar\n        ? (props: BarStates) => {\n              if (!navBar?.bottomBar) return '';\n              return navBar.bottomBar({\n                  ...props,\n                  isMenuOpen,\n                  openMenu,\n                  closeMenu,\n                  mainNavigation: menu?.mainNavigation,\n                  subNavigation: menu?.subNavigation,\n                  isOnPageTop: isTop,\n                  isInTopOffset: isInOffset,\n              });\n          }\n        : navBar?.bottomBar;\n\n    const menuHeader = menu?.header\n        ? (props: MenuStates) => {\n              if (!menu?.header) return '';\n              return menu?.header({\n                  ...props,\n                  openMenu,\n                  closeMenu,\n                  mainNavigation: menu?.mainNavigation,\n                  subNavigation: menu?.subNavigation,\n                  navBarSize: navbarSize,\n              });\n          }\n        : undefined;\n\n    const menuFooter = menu?.footer\n        ? (props: MenuStates) => {\n              if (!menu?.footer) return '';\n              return menu?.footer({\n                  ...props,\n                  openMenu,\n                  closeMenu,\n                  mainNavigation: menu?.mainNavigation,\n                  subNavigation: menu?.subNavigation,\n                  navBarSize: navbarSize,\n              });\n          }\n        : undefined;\n\n    const menuNavItemsHeader = menu?.navItemsHeader\n        ? (props: MenuStates) => {\n              if (!menu?.navItemsHeader) return '';\n              return menu?.navItemsHeader({\n                  ...props,\n                  openMenu,\n                  closeMenu,\n                  mainNavigation: menu?.mainNavigation,\n                  subNavigation: menu?.subNavigation,\n                  navBarSize: navbarSize,\n              });\n          }\n        : undefined;\n\n    /**\n     * Get ident string that shows if each navbar section is defined.\n     * @returns Navbar ident string\n     */\n    const getNavBarIdent = (theme: DefaultTheme) => {\n        const ident = generateNavbarIdent({\n            hasTop: topBar !== null && hasTopBar(theme),\n            hasMain: mainBar !== null,\n            hasBottom: bottomBar !== null && hasBottomBar(theme),\n            isStickable: navBar?.isStickable,\n            pageFlow: navBar?.pageFlow,\n        });\n\n        return ident;\n    };\n\n    return (\n        <header ref={setRoot} data-navbar-ident={getNavBarIdent(theme)}>\n            <LibThemeProvider theme={navBar?.theme}>\n                <NavBar\n                    isOpen={isNavBarOpen}\n                    isSticky={isNavBarSticky}\n                    isAnimated\n                    size={navbarSize}\n                    clampWidth={clampWidth}\n                    pageFlow={navBar?.pageFlow}\n                    topBar={topBar}\n                    mainBar={mainBar}\n                    bottomBar={bottomBar}\n                    topBg={navBar?.topBg}\n                    mainBg={navBar?.mainBg}\n                    bottomBg={navBar?.bottomBg}\n                    onContentBg={navBar?.onContentBg}\n                />\n            </LibThemeProvider>\n            <LibThemeProvider theme={menu?.theme}>\n                <Menu\n                    isOpen={isMenuOpen}\n                    clampWidth={clampWidth}\n                    isIndexPage={menu?.isIndexPage}\n                    mainNavigation={menu?.mainNavigation}\n                    subNavigation={menu?.subNavigation}\n                    typeSettings={menu?.typeSettings}\n                    navBarSize={navbarSize}\n                    header={menuHeader}\n                    footer={menuFooter}\n                    navItemsHeader={menuNavItemsHeader}\n                    onClose={closeMenu}\n                />\n            </LibThemeProvider>\n        </header>\n    );\n};\n\nexport default Navigation;\n","import { useEffect, useRef, useState } from 'react';\n\ninterface Settings {\n    openMenuIdent: string;\n    closeMenuIdent: string;\n}\n\n/**\n * Hooks in to menu state to control it with keyboard inputs\n * @param initialMenuState\n * @param settings\n * @returns\n */\nexport const useMenuKeyboard = (\n    initialMenuState: boolean,\n    settings: Partial<Settings>\n) => {\n    const [isMenuOpen, setIsMenuOpen] = useState(initialMenuState);\n    const prevMenuState = useRef<boolean>(false);\n\n    const [root, setRoot] = useState<HTMLElement | null>(null);\n    const openBtnRef = useRef<HTMLButtonElement | null>(null);\n    const closeBtnRef = useRef<HTMLButtonElement | null>(null);\n\n    const defaultSettings: Settings = {\n        openMenuIdent: 'button[aria-label=\"open menu\"]',\n        closeMenuIdent: 'button[aria-label=\"close menu\"]',\n        ...settings,\n    };\n\n    useEffect(() => {\n        if (!root) return;\n\n        // setting up menu toggle button refs\n        if (!openBtnRef.current) {\n            openBtnRef.current = root.querySelector(\n                defaultSettings.openMenuIdent\n            );\n        }\n        if (!closeBtnRef.current) {\n            closeBtnRef.current = root.querySelector(\n                defaultSettings.closeMenuIdent\n            );\n        }\n    }, [\n        defaultSettings.closeMenuIdent,\n        defaultSettings.openMenuIdent,\n        isMenuOpen,\n        root,\n    ]);\n\n    useEffect(() => {\n        const handleKeyDown = (ev: KeyboardEvent) => {\n            if (ev.key === 'Escape' && isMenuOpen) {\n                setIsMenuOpen(false);\n            }\n        };\n\n        // settings focus if menu is open\n        if (isMenuOpen) {\n            closeBtnRef?.current?.focus();\n        } else if (prevMenuState.current) {\n            openBtnRef?.current?.focus();\n        }\n\n        prevMenuState.current = isMenuOpen;\n\n        window.addEventListener('keydown', handleKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [isMenuOpen]);\n\n    return {\n        setRoot,\n        isMenuOpen,\n        setIsMenuOpen,\n    };\n};\n"],"names":["PageScrollDirection","usePageScroll","settings","_c","useState","isTop","setIsTop","_d","isInOffset","setIsInOffset","_e","leftOffsetFromTop","setLeftOffsetFromTop","lastScrollPos","useRef","pxSinceLastSwitch","_f","DOWN","scrollDirection","setScrollDirection","directionDownOffset","_a","directionOffset","down","directionUpOffset","_b","up","scrollState","timeout","callback","throttledState","setThrottledState","timeoutRef","lastState","scrollX","scrollY","updateScrollState","window","current","useEffect","handleScroll","setTimeout","addEventListener","removeEventListener","useScrollThrottle","undefined","resizeThrottleTimeout","offset","prev","onLeftOffset","call","diff","absAccPx","Math","abs","UP","View","styled","nav","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","List","ul","templateObject_2","mq","semilarge","spacings","nudge","ListItem","li","templateObject_3","isCurrent","NavLink","Link","templateObject_4","showOnMobile","clamp","copyStyle","theme","isInverted","color","text","inverted","default","showOnDesktop","NavLabel","span","templateObject_5","Seperator","Copy","templateObject_6","BackIconContainer","templateObject_7","BreadcrumbItem","label","link","children","href","React","__assign","Column","div","takeSpace","vAlign","getColors","primary","Logo","Image","Toggle","button","invertedHover","hover","BarMenuToggle","isExpanded","onClick","className","createElement","isActive","Header","LanguageCol","MenuHeader","customToggle","menuStates","langs","action","Fragment","Skeletons","closeMenu","Cross","ariaHidden","isValidArray","LanguageSwitcher","navigationStyle","type","css","font","navigation","family","weight","style","withRange","getFonts","size","lineHeight","letterSpacing","textTransform","textDecoration","Backdrop","isOpen","filter","Stage","clampWidth","wrapper","wrapperLarge","Flyout","elementBg","light","medium","large","getMenuHeaderHeights","heights","global","getGlobals","menu","headerHeight","small","clampValue","navBarSize","ScrollContainer","ScrollArea","NavView","templateObject_8","NavList","templateObject_9","hasNonFeaturedItems","concat","NavItemView","templateObject_10","spacer","NavItemContent","templateObject_11","isFeatured","featured","main","NavItemIcon","templateObject_12","NavItemLabel","NavItemCollapse","NavItemCollapseIcon","AngleRight","templateObject_15","isCollapsed","NavItemLink","templateObject_16","NavItemButton","templateObject_17","SubNavList","templateObject_18","isIndented","NavigationItem","forwardRef","ref","icon","subNavTitle","onItemClick","collapseIcon","canFocus","hasSubItems","Children","count","ariaLabel","tabIndex","MenuNav","SubItem","key","SubNavItem","sub","SubNavLink","templateObject_20","NavigationSubItem","SecondaryNavList","templateObject_21","SecondaryNavLink","templateObject_22","secondary","Item","SubList","items","length","n","map","item","i","menuFilter","hideFromMenu","uid","MenuFlyout","isIndexPage","mainNavigation","subNavigation","backdropFilter","header","footer","onClose","navItemsHeader","useLibTheme","flyoutRef","hasHeader","useMemo","hasMenuHeader","largeHeights","smallHeights","mainList","__spreadArray","subList","initial","getCurrentNavItem","root","activeItems","setActiveItems","currentNavEl","setCurrentNavEl","currentSubNavEl","setCurrentSubNavEl","handleFocus","ev","target","contains","document","scrollIntoView","block","inline","e","id","includes","hasCurrentSubItem","subItems","findIndex","subItem","Menu","typeSettings","getTopHeights","navBar","topHeight","hasTopBar","getMainHeights","mainHeight","getBottomHeights","bottomHeight","hasBottomBar","getFullHeight","exclude","includeTop","indexOf","includeMain","includeBottom","topHeights","mainHeights","bottomHeights","isSticky","isAnimated","bgGradient","background","Main","Footer","TopContent","Content","BottomContent","BarSpacer","hasFooter","excludes","push","NavBar","_g","pageFlow","topBg","mainBg","bottomBg","onContentBg","topBar","mainBar","bottomBar","_h","colors","clampContent","isOverContent","showBg","topBackground","mainBackground","bottomBackground","onContentBackground","topBarContent","mainBarContent","bottomBarContent","getNavbarState","ident","navbarIdent","search","hasTop","hasMain","hasBottom","isStickable","generateNavbarIdent","props","stateArray","join","rootLink","rootLabel","navItems","seperator","back","currentNavPath","getCurrentNavPath","rootItem","AngleLeft","logo","coverSpace","ratios","showPlaceholder","navLinks","isCollapsible","mediaQueries","useMediaQueries","isNavBarSticky","setIsNavBarSticky","isNavBarOpen","setNavBarOpen","navbarSize","initialMenuState","isMenuOpen","setIsMenuOpen","prevMenuState","setRoot","openBtnRef","closeBtnRef","defaultSettings","openMenuIdent","closeMenuIdent","querySelector","handleKeyDown","focus","useMenuKeyboard","openMenu","body","overflow","isOnPageTop","isInTopOffset","menuHeader","menuFooter","menuNavItemsHeader","getNavBarIdent","LibThemeProvider"],"mappings":"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"}

package/cjs/POICard-e46f9041.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-ea6ab025.js"),a=require("./styles-3a495a2d.js"),l=require("./arrays-c272ed59.js"),r=require("./InfoList-71d3388a.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,s,p,m,c,f,g,u,x,w,b=d(e),y=d(t),v=y.default.div.withConfig({displayName:"POIFacts__View",componentId:"sc-zp61fw-0"})(o||(o=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),a.spacings.nudge,2*a.spacings.nudge,3*a.spacings.nudge),_=y.default.div.withConfig({displayName:"POIFacts__FactsWrapper",componentId:"sc-zp61fw-1"})(s||(s=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),a.spacings.nudge,2*a.spacings.nudge),I=y.default.span.withConfig({displayName:"POIFacts__Fact",componentId:"sc-zp61fw-2"})(p||(p=n.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    ","\n    color: ",";\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n    ","\n    color: ",";\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),i.copyStyle("copy","medium"),(function(n){var e=n.theme;return n.isInverted?a.getColors(e).text.copyInverted:a.getColors(e).text.copy}),.5*a.spacings.nudge),h=function(e){var t=e.facts,i=e.customFact,a=e.isInverted;return b.default.createElement(v,null,t.map((function(e,t){return b.default.createElement(_,{key:"tag_"+t},i?i({key:"headtag-".concat(t),name:e||"",isInverted:a}):b.default.createElement(I,{isInverted:a},b.default.createElement(n.Check,null),b.default.createElement("span",null,e)))})))},k=y.default.div.withConfig({displayName:"POICard__View",componentId:"sc-1l0tnmw-0"})(m||(m=n.__makeTemplateObject(["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ","px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ","px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?a.getColors(e).elementBg.light:a.getColors(e).elementBg.dark}),2*a.spacings.nudge,a.spacings.nudge,3*a.spacings.nudge),C=y.default(i.Copy).withConfig({displayName:"POICard__Title",componentId:"sc-1l0tnmw-1"})(c||(c=n.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*a.spacings.nudge),O=y.default(i.Copy).withConfig({displayName:"POICard__Description",componentId:"sc-1l0tnmw-2"})(f||(f=n.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"]))),j=y.default.div.withConfig({displayName:"POICard__Body",componentId:"sc-1l0tnmw-3"})(g||(g=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media "," {\n        margin-left: -","px;\n        margin-right: -","px;\n\n        & > * + * {\n            border-left: 1px solid\n                ",";\n        }\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media "," {\n        margin-left: -","px;\n        margin-right: -","px;\n\n        & > * + * {\n            border-left: 1px solid\n                ",";\n        }\n    }\n"])),a.mq.semilarge,a.spacings.spacer,a.spacings.spacer,(function(n){var e=n.theme;return n.isInverted?a.getColors(e).elementBg.light:a.getColors(e).elementBg.dark})),E=y.default.div.withConfig({displayName:"POICard__Col",componentId:"sc-1l0tnmw-4"})(u||(u=n.__makeTemplateObject(["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex: 1 0 60%;\n        padding: 0 ","px;\n    }\n\n    @media "," {\n        flex: 1 0 ","%;\n    }\n"],["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex: 1 0 60%;\n        padding: 0 ","px;\n    }\n\n    @media "," {\n        flex: 1 0 ","%;\n    }\n"])),3*a.spacings.nudge,a.mq.semilarge,a.spacings.spacer,a.mq.large,2/3*100),q=y.default(E).withConfig({displayName:"POICard__InfoCol",componentId:"sc-1l0tnmw-5"})(x||(x=n.__makeTemplateObject(["\n    display: none;\n    margin-bottom: ","px;\n\n    @media "," {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media "," {\n        display: block;\n        flex: 1 0 ","%;\n    }\n"],["\n    display: none;\n    margin-bottom: ","px;\n\n    @media "," {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media "," {\n        display: block;\n        flex: 1 0 ","%;\n    }\n"])),2*a.spacings.nudge,a.mq.semilarge,a.mq.large,1/3*100),P=y.default.div.withConfig({displayName:"POICard__Action",componentId:"sc-1l0tnmw-6"})(w||(w=n.__makeTemplateObject([""],[""])));exports.POICard=function(n){var e=n.isInverted,t=n.name,i=n.shortDescription,a=n.facts,d=n.infos,o=n.customFact,s=n.action,p=l.isValidArray(a,!1),m=l.isValidArray(d,!1);return b.default.createElement(k,{isInverted:e},t&&b.default.createElement(C,{type:"copy-b",size:"big",isInverted:e},t),(p||i||m||s)&&b.default.createElement(j,{isInverted:e},b.default.createElement(E,null,l.isValidArray(a,!1)&&b.default.createElement(h,{facts:a,isInverted:e,customFact:o}),i&&b.default.createElement(O,{isInverted:e,innerHTML:i}),s&&b.default.createElement(P,null,s(e))),l.isValidArray(d,!1)&&b.default.createElement(q,null,b.default.createElement(r.InfoList,{isInverted:e,items:[{items:d}]}))))},exports.POIFacts=h;
+//# sourceMappingURL=POICard-e46f9041.js.map

package/cjs/POICard-e46f9041.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"POICard-e46f9041.js","sources":["../src/components/blocks/POIFacts.tsx","../src/components/blocks/POICard.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport { copyStyle } from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge * 2}px;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst FactsWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge * 2}px;\n`;\n\nconst Fact = styled.span<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.copyInverted : color(theme).text.copy};\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 0.5}px;\n    }\n`;\n\nconst POIFacts: React.FC<{\n    facts: string[];\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n    isInverted?: boolean;\n}> = ({ facts, customFact, isInverted }) => {\n    return (\n        <View>\n            {facts.map((fact, i) => (\n                <FactsWrapper key={'tag_' + i}>\n                    {customFact ? (\n                        customFact({\n                            key: `headtag-${i}`,\n                            name: fact || '',\n                            isInverted: isInverted,\n                        })\n                    ) : (\n                        <Fact isInverted={isInverted}>\n                            <Check />\n                            <span>{fact}</span>\n                        </Fact>\n                    )}\n                </FactsWrapper>\n            ))}\n        </View>\n    );\n};\n\nexport default POIFacts;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport POIFacts from 'components/blocks/POIFacts';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport InfoList, { Info } from './InfoList';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    padding: ${spacings.nudge * 2}px;\n    border-radius: ${spacings.nudge}px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Description = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n`;\n\nconst Body = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ${mq.semilarge} {\n        margin-left: -${spacings.spacer}px;\n        margin-right: -${spacings.spacer}px;\n\n        & > * + * {\n            border-left: 1px solid\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? color(theme).elementBg.light\n                        : color(theme).elementBg.dark};\n        }\n    }\n`;\n\nconst Col = styled.div`\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.semilarge} {\n        flex: 1 0 60%;\n        padding: 0 ${spacings.spacer}px;\n    }\n\n    @media ${mq.large} {\n        flex: 1 0 ${(2 / 3) * 100}%;\n    }\n`;\n\nconst InfoCol = styled(Col)`\n    display: none;\n    margin-bottom: ${spacings.nudge * 2}px;\n\n    @media ${mq.semilarge} {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ${mq.large} {\n        display: block;\n        flex: 1 0 ${(1 / 3) * 100}%;\n    }\n`;\n\nconst Action = styled.div``;\n\nexport type POILocation = {\n    address: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    coordinates?: { lat: number; long: number };\n    mail: string;\n    phone: string;\n    web: string;\n};\n\nexport type POIContact = {\n    name: string;\n    position: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    mail: string;\n    phone: string;\n};\n\nexport interface POICardProps {\n    /** Invert text and background for use on dark sections */\n    isInverted?: boolean;\n\n    /** POI name */\n    name: string;\n\n    /** Short POI description text (RichText) */\n    shortDescription?: string;\n\n    /** Array of additional POI informations */\n    infos?: Info[];\n\n    /** Array of POI facts */\n    facts?: string[];\n\n    /** Function to inject custom fact node */\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n\n    /** Function to inject custom action node */\n    action?: (isInverted?: boolean) => React.ReactNode;\n}\n\nconst POICard: React.FC<POICardProps> = ({\n    isInverted,\n    name,\n    shortDescription,\n    facts,\n    infos,\n    customFact,\n    action,\n}) => {\n    const hasFacts = isValidArray(facts, false);\n    const hasInfos = isValidArray(infos, false);\n\n    return (\n        <View isInverted={isInverted}>\n            {name && (\n                <Title type=\"copy-b\" size=\"big\" isInverted={isInverted}>\n                    {name}\n                </Title>\n            )}\n            {(hasFacts || shortDescription || hasInfos || action) && (\n                <Body isInverted={isInverted}>\n                    <Col>\n                        {isValidArray(facts, false) && (\n                            <POIFacts\n                                facts={facts}\n                                isInverted={isInverted}\n                                customFact={customFact}\n                            />\n                        )}\n                        {shortDescription && (\n                            <Description\n                                isInverted={isInverted}\n                                innerHTML={shortDescription}\n                            />\n                        )}\n                        {action && <Action>{action(isInverted)}</Action>}\n                    </Col>\n                    {isValidArray(infos, false) && (\n                        <InfoCol>\n                            <InfoList\n                                isInverted={isInverted}\n                                items={[\n                                    {\n                                        items: infos,\n                                    },\n                                ]}\n                            />\n                        </InfoCol>\n                    )}\n                </Body>\n            )}\n        </View>\n    );\n};\n\nexport default POICard;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","FactsWrapper","templateObject_2","Fact","span","templateObject_3","copyStyle","_a","theme","isInverted","color","text","copyInverted","copy","POIFacts","facts","customFact","React","createElement","map","fact","i","key","concat","name","Check","elementBg","light","dark","Title","Copy","Description","Body","templateObject_4","mq","semilarge","spacer","Col","templateObject_5","large","InfoCol","templateObject_6","Action","templateObject_7","shortDescription","infos","action","hasFacts","isValidArray","hasInfos","type","size","innerHTML","InfoList","items"],"mappings":"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"}

package/cjs/Pointer-fde7b548.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./styles-3a495a2d.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function r(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var a=r(e),l=i(t),c=l.default.a.withConfig({displayName:"Pointer__View",componentId:"sc-1jne5k6-0"})(d||(d=n.__makeTemplateObject(["\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    text-align: center;\n    text-decoration: ",";\n    line-height: 1;\n    letter-spacing: ",";\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ",";\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ",";\n\n    background: none;\n    color: ",";\n\n    & > * {\n        color: ",";\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > :not(:last-child) {\n        padding-right: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n"],["\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    text-align: center;\n    text-decoration: ",";\n    line-height: 1;\n    letter-spacing: ",";\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ",";\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ",";\n\n    background: none;\n    color: ",";\n\n    & > * {\n        color: ",";\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > :not(:last-child) {\n        padding-right: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n"])),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.family}),(function(n){var e=n.theme;return o.withRange(o.getFonts(e).copy.medium.size,"font-size")}),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.weight}),(function(n){var e=n.textDecoration;return e||"underline"}),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.letterSpacing}),(function(n){var e=n.theme;return n.inverted?o.getColors(e).primary.inverted:o.getColors(e).primary.default}),(function(n){return n.disable?"none":"all"}),(function(n){var e=n.theme,t=n.inverted;return n.disable?o.getColors(e).elementBg.medium:t?o.getColors(e).text.copyInverted:o.getColors(e).text.copy}),(function(n){var e=n.theme,t=n.inverted;return n.disable?o.getColors(e).elementBg.medium:t?o.getColors(e).text.copyInverted:o.getColors(e).text.copy}),o.spacings.nudge,o.spacings.nudge,(function(n){var e=n.theme;return o.getColors(e).primary.default})),s=a.forwardRef((function(e,t){var o=e.as,i=e.isInverted,r=e.isDisabled,l=e.onClick,s=e.className,d=e.textDecoration,u=e.children,f=n.__rest(e,["as","isInverted","isDisabled","onClick","className","textDecoration","children"]);return"button"===o?a.createElement(c,n.__assign({textDecoration:d,ref:t,as:o,inverted:i,disable:r,onClick:l,className:s},f),u):a.createElement(c,n.__assign({textDecoration:d,ref:t,as:o,href:f.href,"data-disabled":r,"data-inverted":i,target:f.isExternal?"_blank":void 0,rel:f.isExternal?"noopener noreferrer":void 0,inverted:i,disable:r,onClick:l,className:s},f),u)}));s.displayName="Button";var d,u,f,p=l.default.div.withConfig({displayName:"Pointer__Icon",componentId:"sc-1jne5k6-1"})(u||(u=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    ","[data-inverted='true'] > & {\n        color: ",";\n    }\n\n    ","[data-disabled='true'] > & {\n        color: ",";\n    }\n\n    ",":hover > & {\n        transform: translateX(3px);\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    ","[data-inverted='true'] > & {\n        color: ",";\n    }\n\n    ","[data-disabled='true'] > & {\n        color: ",";\n    }\n\n    ",":hover > & {\n        transform: translateX(3px);\n    }\n"])),(function(n){var e=n.theme;return n.iconColor||o.getColors(e).text.copy}),c,(function(n){var e=n.theme;return n.iconColor||o.getColors(e).text.copyInverted}),c,(function(n){var e=n.theme;return n.iconColor||o.getColors(e).elementBg.medium}),c),m={View:s,Label:l.default.span.withConfig({displayName:"Pointer__Label",componentId:"sc-1jne5k6-2"})(f||(f=n.__makeTemplateObject(["\n    display: inline-block;\n"],["\n    display: inline-block;\n"]))),Icon:p};exports.Pointer=m;
+//# sourceMappingURL=Pointer-fde7b548.js.map

package/cjs/Pointer-fde7b548.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pointer-fde7b548.js","sources":["../src/components/buttons/Pointer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    textDecoration?: 'none' | 'underline';\n}>`\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    text-align: center;\n    text-decoration: ${({ textDecoration }) =>\n        textDecoration ? textDecoration : 'underline'};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ${({ theme, inverted }) =>\n        inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background: none;\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).text.copyInverted\n            : color(theme).text.copy};\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).text.copyInverted\n                : color(theme).text.copy};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n`;\n\ninterface Props {\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    onClick?: () => void;\n    textDecoration?: 'none' | 'underline';\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    isExternal?: boolean;\n};\n\nconst Pointer: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            textDecoration,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    href={(rest as LinkProps).href}\n                    data-disabled={isDisabled}\n                    data-inverted={isInverted}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nPointer.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ${({ theme, iconColor }) => iconColor || color(theme).text.copy};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}[data-inverted='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).text.copyInverted};\n    }\n\n    ${View}[data-disabled='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).elementBg.medium};\n    }\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n`;\n\nexport default { View: Pointer, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","font","getFonts","copy","medium","family","withRange","size","weight","textDecoration","letterSpacing","inverted","color","primary","default","disable","elementBg","text","copyInverted","spacings","nudge","Pointer","React","forwardRef","ref","as","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","Icon","div","templateObject_2","iconColor","getColors","Pointer$1","Label","span","templateObject_3"],"mappings":"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"}

package/cjs/Section-e8e8cf81.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),t=require("react"),e=require("styled-components"),a=require("./concat-f387d848.js"),i=require("./styles-3a495a2d.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=r(t),d=r(e),g=d.default.section.withConfig({displayName:"Section__View",componentId:"sc-14g80mr-0"})(b||(b=n.__makeTemplateObject(["\n    position: relative;\n    overflow: ",";\n\n    // section paddings\n    ","\n\n    // section margins\n    ","\n"],["\n    position: relative;\n    overflow: ",";\n\n    // section paddings\n    ","\n\n    // section margins\n    ","\n"])),(function(n){return"div"===n.as?"visible":"hidden"}),(function(t){var a=t.addSeperation,r=t.isStackable,o=t.bgIdent,d=t.theme,g=i.getGlobals(d).sections.seperation.padding.default,l=i.getGlobals(d).sections.seperation.padding.stackable,s=i.getGlobals(d).sections.seperation.forcePadding;return a?e.css(c||(c=n.__makeTemplateObject(["\n                ","\n                ","\n\n                section[data-stack-ident='true'] + & {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    padding-top: ",";\n\n                    @media "," {\n                        padding-top: ",";\n                    }\n                }\n            "],["\n                ","\n                ","\n\n                section[data-stack-ident='true'] + & {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    padding-top: ",";\n\n                    @media "," {\n                        padding-top: ",";\n                    }\n                }\n            "])),i.withRange(g,"padding-top"),i.withRange(r?l:g,"padding-bottom"),i.withRange(l,"padding-top"),o,o,s?void 0:"0 !important",i.mq.xxlarge,s?void 0:"0 !important"):""}),(function(t){var a=t.addSeperation,r=t.isStackable,o=t.bgIdent,d=t.bgColor,g=t.theme,l=i.getGlobals(g).sections.seperation.margin.default,s=i.getGlobals(g).sections.seperation.margin.stackable,c=d?"__".concat(d):"";return a?e.css(p||(p=n.__makeTemplateObject(["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left","'] {\n                    ",";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right","'] {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-left","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-right","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    margin-top: 0 !important;\n\n                    @media "," {\n                        margin-top: 0 !important;\n                    }\n                }\n            "],["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left","'] {\n                    ",";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right","'] {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-left","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-right","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    margin-top: 0 !important;\n\n                    @media "," {\n                        margin-top: 0 !important;\n                    }\n                }\n            "])),c,i.withRange(l,"margin-top"),c,i.withRange(l,"margin-top"),c,i.withRange(r?s:l,"margin-top"),c,i.withRange(r?s:l,"margin-top"),o,o,i.mq.xxlarge):""})),l=d.default.div.withConfig({displayName:"Section__Back",componentId:"sc-14g80mr-1"})(u||(u=n.__makeTemplateObject(["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ",";\n    background: ",";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media "," {\n        background: ",";\n    }\n\n    @media "," {\n        :before {\n            content: ",";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(100%);\n        }\n    }\n"],["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ",";\n    background: ",";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media "," {\n        background: ",";\n    }\n\n    @media "," {\n        :before {\n            content: ",";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(100%);\n        }\n    }\n"])),(function(n){return n.bgColor?"block":"none"}),(function(n){var t=n.bgMode,e=n.clampSolidBg;return"larger-left"!==t&&"larger-right"!==t?e?"".concat(i.spacings.wrapperLarge,"px"):void 0:"".concat(i.spacings.wrapper,"px")}),(function(n){return n.bgColor||void 0}),i.mq.semilarge,(function(n){var t=n.bgColor,e=n.bgMode;return t&&e?function(n,t){var e=void 0;switch(t){case"full":case"inverted":default:e=n;break;case"larger-left":e="linear-gradient(to left, transparent 40%, ".concat(n," 40%)");break;case"larger-right":e="linear-gradient(to right, transparent 40%, ".concat(n," 40%)")}return e}(t,e):void 0}),i.mq.xlarge,(function(n){return"larger-left"===n.bgMode?'""':void 0}),(i.spacings.wrapperLarge-i.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t}),(function(n){return"larger-right"===n.bgMode?'""':void 0}),(i.spacings.wrapperLarge-i.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t})),s=t.forwardRef((function(n,t){var e=n.anchorId,i=n.renderAs,r=n.bgColor,d=n.bgMode,s=n.clampSolidBg,c=void 0===s||s,p=n.addSeperation,b=void 0!==p&&p,u=n.isStackable,m=void 0!==u&&u,f=n.className,h=n.children;switch(d){case"larger-left":d="larger-left";break;case"larger-right":d="larger-right";break;case"inverted":d="inverted";break;case"full":d="full";break;default:d=void 0}var v=b?"":"nopad",k=r&&d?a.concat(["".concat(d,"__").concat(r),v],"--"):"light";return o.default.createElement(g,{ref:t,id:e||void 0,as:i,"data-bg-ident":k,bgIdent:k,bgColor:r||"",addSeperation:!(i&&(!i||"div"===i))&&b,isStackable:m,"data-stack-ident":m?"true":"false",className:f},r&&o.default.createElement(l,{bgColor:r,bgMode:d,clampSolidBg:c}),h)}));s.displayName="Section";var c,p,b,u;exports.Section=s,exports.mapToBgMode=function(n,t,e){switch(void 0===t&&(t=!1),void 0===e&&(e=!1),n){case"full":return"full";case"inverted":return"inverted";case"splitted":return t?void 0:e?"larger-left":"larger-right";default:return}};
+//# sourceMappingURL=Section-e8e8cf81.js.map

package/cjs/Section-e8e8cf81.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section-e8e8cf81.js","sources":["../src/components/base/Section.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { concat } from 'utils/concat';\nimport { mq, spacings, withRange, getGlobals as global } from 'utils/styles';\n\nexport type BgMode = 'full' | 'larger-left' | 'larger-right' | 'inverted';\n\nconst getBackground = (bgColor: string, mode?: BgMode) => {\n    let bgValue = undefined;\n\n    switch (mode) {\n        case 'full':\n            bgValue = bgColor;\n            break;\n\n        case 'inverted':\n            bgValue = bgColor;\n            break;\n\n        case 'larger-left':\n            bgValue = `linear-gradient(to left, transparent 40%, ${bgColor} 40%)`;\n            break;\n\n        case 'larger-right':\n            bgValue = `linear-gradient(to right, transparent 40%, ${bgColor} 40%)`;\n            break;\n\n        default:\n            bgValue = bgColor;\n            break;\n    }\n    return bgValue;\n};\n\nconst View = styled.section<{\n    as?: SectionType;\n    bgIdent: string;\n    bgColor: string;\n    isStackable?: boolean;\n    addSeperation?: boolean;\n}>`\n    position: relative;\n    overflow: ${({ as }) => (as === 'div' ? 'visible' : 'hidden')};\n\n    // section paddings\n    ${({ addSeperation, isStackable, bgIdent, theme }) => {\n        const padding = global(theme).sections.seperation.padding.default;\n        const paddingStacked =\n            global(theme).sections.seperation.padding.stackable;\n        const forcePadding = global(theme).sections.seperation.forcePadding;\n\n        if (addSeperation) {\n            return css`\n                ${withRange(padding, 'padding-top')}\n                ${withRange(\n                    isStackable ? paddingStacked : padding,\n                    'padding-bottom'\n                )}\n\n                section[data-stack-ident='true'] + & {\n                    ${withRange(paddingStacked, 'padding-top')};\n                }\n\n                section[data-bg-ident='${bgIdent}']\n                    + &[data-bg-ident='${bgIdent}'] {\n                    padding-top: ${forcePadding ? undefined : '0 !important'};\n\n                    @media ${mq.xxlarge} {\n                        padding-top: ${forcePadding\n                            ? undefined\n                            : '0 !important'};\n                    }\n                }\n            `;\n        } else return '';\n    }}\n\n    // section margins\n    ${({ addSeperation, isStackable, bgIdent, bgColor, theme }) => {\n        const margin = global(theme).sections.seperation.margin.default;\n        const marginStacked =\n            global(theme).sections.seperation.margin.stackable;\n\n        const bgColorPart = bgColor ? `__${bgColor}` : '';\n\n        if (addSeperation) {\n            return css`\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left${bgColorPart}'] {\n                    ${withRange(margin, 'margin-top')};\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right${bgColorPart}'] {\n                    ${withRange(margin, 'margin-top')};\n                }\n\n                section[data-bg-ident='larger-left${bgColorPart}']\n                    + &:not([data-bg-ident='light']) {\n                    ${withRange(\n                        isStackable ? marginStacked : margin,\n                        'margin-top'\n                    )};\n                }\n\n                section[data-bg-ident='larger-right${bgColorPart}']\n                    + &:not([data-bg-ident='light']) {\n                    ${withRange(\n                        isStackable ? marginStacked : margin,\n                        'margin-top'\n                    )};\n                }\n\n                section[data-bg-ident='${bgIdent}']\n                    + &[data-bg-ident='${bgIdent}'] {\n                    margin-top: 0 !important;\n\n                    @media ${mq.xxlarge} {\n                        margin-top: 0 !important;\n                    }\n                }\n            `;\n        } else return '';\n    }}\n`;\n\nconst Back = styled.div<{\n    bgColor?: string;\n    bgMode?: BgMode;\n    clampSolidBg?: boolean;\n}>`\n    display: ${({ bgColor }) => (bgColor ? 'block' : 'none')};\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ${({ bgMode, clampSolidBg }) => {\n        if (bgMode !== 'larger-left' && bgMode !== 'larger-right') {\n            return clampSolidBg ? `${spacings.wrapperLarge}px` : undefined;\n        } else {\n            return `${spacings.wrapper}px`;\n        }\n    }};\n    background: ${({ bgColor }) => bgColor || undefined};\n    margin: 0 auto;\n    z-index: -1;\n\n    @media ${mq.semilarge} {\n        background: ${({ bgColor, bgMode }) =>\n            bgColor && bgMode ? getBackground(bgColor, bgMode) : undefined};\n    }\n\n    @media ${mq.xlarge} {\n        :before {\n            content: ${({ bgMode }) =>\n                bgMode === 'larger-left' ? `\"\"` : undefined};\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n            background-color: ${({ bgColor }) => bgColor && bgColor};\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ${({ bgMode }) =>\n                bgMode === 'larger-right' ? `\"\"` : undefined};\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n            background-color: ${({ bgColor }) => bgColor && bgColor};\n            transform: translateX(100%);\n        }\n    }\n`;\n\nexport type SectionType = 'header' | 'footer' | 'div';\n\nexport interface SectionProps {\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Render as specific HTML tag type */\n    renderAs?: SectionType;\n\n    /** Background color */\n    bgColor?: string;\n\n    /** Background mode */\n    bgMode?: BgMode;\n\n    /** Clamp solid backgrounds (full, inverted) to large wrapper width */\n    clampSolidBg?: boolean;\n\n    /** Enable section seperation spacing */\n    addSeperation?: boolean;\n\n    /** Allow stack feature for reduced section spacing to following section */\n    isStackable?: boolean;\n}\n\nconst Section = forwardRef<\n    HTMLElement,\n    SectionProps & {\n        className?: string;\n        children?: React.ReactNode;\n    }\n>(\n    (\n        {\n            anchorId,\n            renderAs,\n            bgColor,\n            bgMode,\n            clampSolidBg = true,\n            addSeperation = false,\n            isStackable = false,\n            className,\n            children,\n        },\n        ref\n    ) => {\n        switch (bgMode) {\n            case 'larger-left':\n                bgMode = 'larger-left';\n                break;\n            case 'larger-right':\n                bgMode = 'larger-right';\n                break;\n            case 'inverted':\n                bgMode = 'inverted';\n                break;\n            case 'full':\n                bgMode = 'full';\n                break;\n            default:\n                bgMode = undefined;\n        }\n\n        const noPadIdent = addSeperation ? '' : 'nopad';\n        const ident =\n            bgColor && bgMode\n                ? concat([`${bgMode}__${bgColor}`, noPadIdent], '--')\n                : 'light';\n\n        return (\n            <View\n                ref={ref}\n                id={anchorId || undefined}\n                as={renderAs}\n                data-bg-ident={ident}\n                bgIdent={ident}\n                bgColor={bgColor || ''}\n                addSeperation={\n                    !renderAs || (renderAs && renderAs !== 'div')\n                        ? addSeperation\n                        : false\n                }\n                isStackable={isStackable}\n                data-stack-ident={isStackable ? 'true' : 'false'}\n                className={className}\n            >\n                {bgColor && (\n                    <Back\n                        bgColor={bgColor}\n                        bgMode={bgMode}\n                        clampSolidBg={clampSolidBg}\n                    />\n                )}\n                {children}\n            </View>\n        );\n    }\n);\n\nSection.displayName = 'Section';\n\nexport default Section;\n\nexport const mapToBgMode = (\n    mode?: 'full' | 'splitted' | 'inverted',\n    preventSplit = false,\n    isMirrored = false\n): BgMode | undefined => {\n    switch (mode) {\n        case 'full':\n            return 'full';\n        case 'inverted':\n            return 'inverted';\n        case 'splitted': {\n            if (!preventSplit)\n                return isMirrored ? 'larger-left' : 'larger-right';\n            else return undefined;\n        }\n\n        default:\n            return undefined;\n    }\n};\n"],"names":["View","styled","section","withConfig","displayName","componentId","templateObject_3","__makeTemplateObject","_a","as","addSeperation","isStackable","bgIdent","theme","padding","global","sections","seperation","default","paddingStacked","stackable","forcePadding","css","templateObject_1","withRange","undefined","mq","xxlarge","bgColor","margin","marginStacked","bgColorPart","concat","templateObject_2","Back","div","templateObject_4","bgMode","clampSolidBg","spacings","wrapperLarge","wrapper","semilarge","mode","bgValue","getBackground","xlarge","Section","forwardRef","ref","anchorId","renderAs","_b","_c","_d","className","children","noPadIdent","ident","React","createElement","id","preventSplit","isMirrored"],"mappings":"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"}

package/cjs/SocialList-1d5f75a8.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-3a495a2d.js"),a=require("./Link-5a6f1633.js"),l=require("./Copy-ea6ab025.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,r,c,d,u=o(e),p=o(t),f=p.default.div.withConfig({displayName:"SocialList__View",componentId:"sc-w600sr-0"})(s||(s=n.__makeTemplateObject(["\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),2*i.spacings.nudge),m=p.default.ul.withConfig({displayName:"SocialList__List",componentId:"sc-w600sr-1"})(r||(r=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),3*i.spacings.nudge),g=p.default.li.withConfig({displayName:"SocialList__IconContainer",componentId:"sc-w600sr-2"})(c||(c=n.__makeTemplateObject(["\n    display: block;\n    padding: 0;\n"],["\n    display: block;\n    padding: 0;\n"]))),x=p.default(a.Link).withConfig({displayName:"SocialList__StyledLink",componentId:"sc-w600sr-3"})(d||(d=n.__makeTemplateObject(["\n    display: block;\n    padding: ","px ","px;\n    margin: -","px -","px;\n    color: ",";\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"],["\n    display: block;\n    padding: ","px ","px;\n    margin: -","px -","px;\n    color: ",";\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"])),2*i.spacings.nudge,1.5*i.spacings.nudge,2*i.spacings.nudge,1.5*i.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?i.getColors(e).text.inverted:i.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).primary.inverted:i.getColors(e).primary.default}));exports.SocialList=function(n){var e=n.isInverted,t=void 0!==e&&e,i=n.title,a=n.items,o=n.className;return u.default.createElement(f,{className:o},i&&u.default.createElement(l.Copy,{type:"copy-b",isInverted:t},i),u.default.createElement(m,null,null==a?void 0:a.map((function(n,e){return u.default.createElement(g,{key:e},u.default.createElement(x,{isExternal:!0,href:n.href,isInverted:t,ariaLabel:n.title||"social_".concat(e)},n.icon&&n.icon({isInverted:t,title:n.title})))}))))};
+//# sourceMappingURL=SocialList-1d5f75a8.js.map

package/cjs/SocialList-1d5f75a8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialList-1d5f75a8.js","sources":["../src/components/blocks/SocialList.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\nimport Link from 'components/typography/Link';\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst List = styled.ul`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst IconContainer = styled.li`\n    display: block;\n    padding: 0;\n`;\n\nconst StyledLink = styled(Link)`\n    display: block;\n    padding: ${spacings.nudge * 2}px ${spacings.nudge * 1.5}px;\n    margin: -${spacings.nudge * 2}px -${spacings.nudge * 1.5}px;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n`;\n\nexport interface SocialItem {\n    href: string;\n    icon: (props: { isInverted?: boolean; title?: string }) => React.ReactNode;\n    title?: string;\n}\n\nconst SocialList: FC<{\n    isInverted?: boolean;\n    title?: string;\n    items?: SocialItem[];\n    className?: string;\n}> = ({ isInverted = false, title, items, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            <List>\n                {items?.map((item, i) => (\n                    <IconContainer key={i}>\n                        <StyledLink\n                            isExternal\n                            href={item.href}\n                            isInverted={isInverted}\n                            ariaLabel={item.title || `social_${i}`}\n                        >\n                            {item.icon &&\n                                item.icon({ isInverted, title: item.title })}\n                        </StyledLink>\n                    </IconContainer>\n                ))}\n            </List>\n        </View>\n    );\n};\n\nexport default SocialList;\n"],"names":["View","styled","div","withConfig","displayName","componentId","spacings","nudge","List","ul","IconContainer","li","templateObject_3","__makeTemplateObject","StyledLink","Link","templateObject_4","_a","theme","isInverted","color","text","inverted","default","primary","_b","title","items","className","React","createElement","Copy","type","map","item","i","key","isExternal","href","ariaLabel","concat","icon"],"mappings":"8SAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,yJAAU,yGAOiB,kBAAD,EAAjBK,EAAQA,SAACC,OAIzBC,EAAOP,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,mMAAS,mJAOmB,kBAAD,EAAjBK,EAAQA,SAACC,OAI1BG,EAAgBT,EAAAA,QAAOU,GAAVR,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAGJ,CAASW,IAAAA,EAAAC,uBAAA,CAAA,4CAAA,CAAA,+CAKzBC,EAAab,EAAM,QAACc,QAAVZ,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAGJ,CAAYe,IAAAA,EAAAH,EAAAA,qBAAA,CAAA,uCAAA,MAAA,qBAAA,OAAA,mBAAA,gLAAA,oHAAA,CAAA,uCAEE,MAA0B,qBAC1B,OAA2B,mBAEe,gLAczB,sHAjBlB,EAAjBP,EAAAA,SAASC,MAAgC,IAAjBD,EAAAA,SAASC,MAChB,EAAjBD,EAAQA,SAACC,MAAiC,IAAjBD,EAAAA,SAASC,OACpC,SAACU,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WACZC,EAAAA,UAAMF,GAAOG,KAAKC,SAAWF,EAAAA,UAAMF,GAAOG,KAAKE,WAWtD,SAACN,OAAEC,EAAKD,EAAAC,MACN,OADkBD,EAAAE,WAEZC,EAAAA,UAAMF,GAAOM,QAAQF,SACrBF,EAAAA,UAAMF,GAAOM,QAAQD,8BAoBtC,SAACN,GAAE,IAAAQ,EAAAR,EAAAE,WAAAA,OAAa,IAAAM,GAAKA,EAAEC,EAAKT,EAAAS,MAAEC,EAAKV,EAAAU,MAAEC,EAASX,EAAAW,UAC/C,OACIC,EAAC,QAAAC,cAAA9B,EAAK,CAAA4B,UAAWA,GACZF,GACGG,EAAAA,QAACC,cAAAC,QAAKC,KAAK,SAASb,WAAYA,GAC3BO,GAGTG,UAACC,cAAAtB,OACImB,MAAAA,OAAA,EAAAA,EAAOM,KAAI,SAACC,EAAMC,GAAM,OACrBN,wBAACnB,EAAa,CAAC0B,IAAKD,GAChBN,EAAC,QAAAC,cAAAhB,EACG,CAAAuB,YACA,EAAAC,KAAMJ,EAAKI,KACXnB,WAAYA,EACZoB,UAAWL,EAAKR,OAAS,UAAUc,OAAAL,IAElCD,EAAKO,MACFP,EAAKO,KAAK,CAAEtB,WAAUA,EAAEO,MAAOQ,EAAKR"}

package/cjs/TableBlock-007f8e34.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),i=require("./Copy-ea6ab025.js"),l=require("./styles-3a495a2d.js"),o=require("./LibThemeProvider-4823de57.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,d,s,c,p,m,u,g,b,f,h=a(n),x=a(t),w=x.default.div.withConfig({displayName:"Title__View",componentId:"sc-1pyc768-0"})(r||(r=e.__makeTemplateObject(["\n    display: block;\n    text-align: ",";\n    margin: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    text-align: ",";\n    margin: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(e){return e.isCentered?"center":"left"}),(function(e){return e.isCentered&&"0 auto"}),2*l.spacings.nudge),v=x.default(i.Heading).withConfig({displayName:"Title__SuperTitle",componentId:"sc-1pyc768-1"})(d||(d=e.__makeTemplateObject(["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"],["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"]))),k=x.default(i.Heading).withConfig({displayName:"Title__MainTitle",componentId:"sc-1pyc768-2"})(c||(c=e.__makeTemplateObject(["\n    display: block;\n\n    ","\n"],["\n    display: block;\n\n    ","\n"])),(function(n){var i=n.maxLines;return i&&i>0&&t.css(s||(s=e.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)})),y=x.default.div.withConfig({displayName:"TableBlock__View",componentId:"sc-1n2im8m-0"})(p||(p=e.__makeTemplateObject(["\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).primary.default})),_=x.default(i.Copy).withConfig({displayName:"TableBlock__Caption",componentId:"sc-1n2im8m-1"})(m||(m=e.__makeTemplateObject(["\n    margin-bottom: ","px;\n    padding: 0 ","px;\n    text-align: left;\n"],["\n    margin-bottom: ","px;\n    padding: 0 ","px;\n    text-align: left;\n"])),l.spacings.nudge,2*l.spacings.nudge),T=x.default.div.withConfig({displayName:"TableBlock__TableContainer",componentId:"sc-1n2im8m-2"})(u||(u=e.__makeTemplateObject(["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"],["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).primary.default})),C=x.default.table.withConfig({displayName:"TableBlock__TableBody",componentId:"sc-1n2im8m-3"})(g||(g=e.__makeTemplateObject(["\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ","px;\n\n    padding: 0 ","px;\n"],["\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ","px;\n\n    padding: 0 ","px;\n"])),.5*l.spacings.nudge,2*l.spacings.nudge),I=x.default(i.Copy).withConfig({displayName:"TableBlock__TableHead",componentId:"sc-1n2im8m-4"})(b||(b=e.__makeTemplateObject(["\n    text-align: left;\n    color: ",";\n    background-color: ",";\n\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ","px;\n        text-align: ",";\n    }\n"],["\n    text-align: left;\n    color: ",";\n    background-color: ",";\n\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ","px;\n        text-align: ",";\n    }\n"])),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).text.inverted:l.getColors(n).text.default}),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).elementBg.dark:l.getColors(n).elementBg.medium}),3*l.spacings.nudge,2.5*l.spacings.spacer,(function(e){return e.alignRight?"right":"left"})),B=x.default(i.Copy).withConfig({displayName:"TableBlock__TableData",componentId:"sc-1n2im8m-5"})(f||(f=e.__makeTemplateObject(["\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ",";\n\n    :last-child {\n        text-align: ",";\n        padding-right: ","px;\n    }\n"],["\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ",";\n\n    :last-child {\n        text-align: ",";\n        padding-right: ","px;\n    }\n"])),3*l.spacings.nudge,(function(e){var n=e.hasBack,t=e.theme;return n?l.getColors(t).elementBg.light:l.getColors(t).elementBg.medium}),(function(e){return e.alignRight?"right":"left"}),2.5*l.spacings.spacer),j=n.forwardRef((function(e,n){var t=e.row,i=e.tableTitle,l=e.rowTitle,o=e.isInverted,a=void 0!==o&&o,r=e.hasBack,d=void 0!==r&&r,s=e.lastCol,c=void 0===s?"left":s;return h.default.createElement(y,{ref:n},h.default.createElement(T,{tabIndex:1},h.default.createElement(C,null,i&&h.default.createElement(_,{renderAs:"caption",type:"copy-b",isInverted:a},i),l&&h.default.createElement("thead",null,h.default.createElement("tr",null,l.map((function(e,n){return h.default.createElement(I,{key:n,type:"copy-b",renderAs:"th",isInverted:!a,alignRight:"right"===c},e)})))),h.default.createElement("tbody",null,t.map((function(e,n){var t=e.cols;return h.default.createElement("tr",{key:n},t.map((function(e,n){return h.default.createElement(B,{key:n,renderAs:"td",hasBack:d,alignRight:"right"===c,innerHTML:e})})))}))))))}));j.displayName="TableBlock",exports.TableBlock=j,exports.Title=function(e){var n=e.colorMode,t=void 0===n?"default":n,i=e.superTitle,l=e.superTitleAs,a=e.title,r=e.titleAs,d=e.titleSize,s=void 0===d?"heading-2":d,c=e.maxLines,p=e.isCentered,m=void 0!==p&&p,u=e.titleHyphens,g=e.className,b=o.useLibTheme().colors;return h.default.createElement(w,{isCentered:m,className:g},i&&h.default.createElement(v,{renderAs:l||"div",size:"super",textColor:"onImage"===t?b.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:i}),a&&h.default.createElement(k,{renderAs:r||"h2",size:"heading-1"===s?"heading-1":"heading-2",hyphens:u,textColor:"onImage"===t?b.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:a,maxLines:c}))};
+//# sourceMappingURL=TableBlock-007f8e34.js.map

package/cjs/TableBlock-007f8e34.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlock-007f8e34.js","sources":["../src/components/blocks/Title.tsx","../src/components/blocks/TableBlock.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Heading, { HeadlineTag } from 'components/typography/Heading';\nimport { FontType, spacings } from 'utils/styles';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin: ${({ isCentered }) => isCentered && '0 auto'};\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst SuperTitle = styled(Heading)`\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n`;\n\nconst MainTitle = styled(Heading)<{ maxLines?: number }>`\n    display: block;\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n`;\n\nexport type TitleSize = Extract<FontType, 'heading-1' | 'heading-2'>;\n\nconst Title: FC<{\n    /**\n     * Text color mode mostly background dependent.\n     * The value onImage is used if the title is placed on an underlying image\n     * */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Style type of main title */\n    titleSize?: TitleSize;\n\n    /** Clamp lines of text to specific number */\n    maxLines?: number;\n\n    /** Center texts */\n    isCentered?: boolean;\n\n    /** Enable titel text hypens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    colorMode = 'default',\n    superTitle,\n    superTitleAs,\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    maxLines,\n    isCentered = false,\n    titleHyphens,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View isCentered={isCentered} className={className}>\n            {superTitle && (\n                <SuperTitle\n                    renderAs={superTitleAs || 'div'}\n                    size=\"super\"\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={superTitle}\n                />\n            )}\n            {title && (\n                <MainTitle\n                    renderAs={titleAs || 'h2'}\n                    size={titleSize === 'heading-1' ? 'heading-1' : 'heading-2'}\n                    hyphens={titleHyphens}\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={title}\n                    maxLines={maxLines}\n                />\n            )}\n        </View>\n    );\n};\n\nexport default Title;\n","import Copy from 'components/typography/Copy';\nimport React, { forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    &:focus {\n        outline: 1px dashed ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Caption = styled(Copy)`\n    margin-bottom: ${spacings.nudge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    text-align: left;\n`;\n\nconst TableContainer = styled.div`\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n`;\n\nconst TableBody = styled.table`\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ${spacings.nudge * 0.5}px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n`;\n\nconst TableHead = styled(Copy)<{\n    isInverted?: boolean;\n    alignRight?: boolean;\n}>`\n    text-align: left;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.dark\n            : color(theme).elementBg.medium};\n\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ${spacings.spacer * 2.5}px;\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n    }\n`;\n\nconst TableData = styled(Copy)<{\n    hasBack?: boolean;\n    alignRight?: boolean;\n}>`\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ${({ hasBack, theme }) =>\n        hasBack ? color(theme).elementBg.light : color(theme).elementBg.medium};\n\n    :last-child {\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n        padding-right: ${spacings.spacer * 2.5}px;\n    }\n`;\n\nexport interface TableProps {\n    tableTitle?: string;\n    rowTitle?: string[];\n    row: Array<{\n        cols: string[];\n    }>;\n    isInverted?: boolean;\n    hasBack?: boolean;\n    lastCol?: 'left' | 'right';\n}\n\nconst TableBlock = forwardRef<HTMLDivElement, TableProps>(\n    (\n        {\n            row,\n            tableTitle,\n            rowTitle,\n            isInverted = false,\n            hasBack = false,\n            lastCol = 'left',\n        },\n        ref\n    ) => {\n        return (\n            <View ref={ref}>\n                <TableContainer tabIndex={1}>\n                    <TableBody>\n                        {tableTitle && (\n                            <Caption\n                                renderAs=\"caption\"\n                                type=\"copy-b\"\n                                isInverted={isInverted}\n                            >\n                                {tableTitle}\n                            </Caption>\n                        )}\n                        {rowTitle && (\n                            <thead>\n                                <tr>\n                                    {rowTitle.map((item, ii) => (\n                                        <TableHead\n                                            key={ii}\n                                            type=\"copy-b\"\n                                            renderAs=\"th\"\n                                            isInverted={!isInverted}\n                                            alignRight={lastCol === 'right'}\n                                        >\n                                            {item}\n                                        </TableHead>\n                                    ))}\n                                </tr>\n                            </thead>\n                        )}\n                        <tbody>\n                            {row.map(({ cols }, i) => (\n                                <tr key={i}>\n                                    {cols.map((itemText, ii) => {\n                                        return (\n                                            <TableData\n                                                key={ii}\n                                                renderAs=\"td\"\n                                                hasBack={hasBack}\n                                                alignRight={lastCol === 'right'}\n                                                innerHTML={itemText}\n                                            />\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </TableBody>\n                </TableContainer>\n            </View>\n        );\n    }\n);\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","MainTitle","templateObject_4","maxLines","css","theme","color","primary","default","Caption","Copy","TableContainer","templateObject_3","TableBody","table","TableHead","templateObject_5","isInverted","text","inverted","elementBg","dark","medium","spacer","alignRight","TableData","templateObject_6","hasBack","light","TableBlock","forwardRef","ref","row","tableTitle","rowTitle","_b","_c","_d","lastCol","React","createElement","tabIndex","renderAs","type","map","item","ii","key","i","cols","itemText","innerHTML","colorMode","superTitle","superTitleAs","title","titleAs","titleSize","titleHyphens","className","colors","useLibTheme","size","textColor","undefined","hyphens"],"mappings":"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"}

package/cjs/Tag-9238cf0c.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),o=require("styled-components"),r=require("./Copy-ea6ab025.js"),i=require("./Link-5a6f1633.js"),t=require("./styles-3a495a2d.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,c,s=d(e),l=d(o).default(i.Link).withConfig({displayName:"Tag__View",componentId:"sc-1mw8uhi-0"})(c||(c=n.__makeTemplateObject(["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus {\n        /* background-color: ",";\n        color: ","; */\n        outline: 2px solid\n            ",";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"],["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus {\n        /* background-color: ",";\n        color: ","; */\n        outline: 2px solid\n            ",";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"])),(function(n){return n.isInverted?"#dddddd":"#444444"}),t.spacings.nudge,r.copyStyle("copy","small"),(function(n){var e=n.isActive,o=n.isInverted;return e&&(o?"#dddddd":"#444444")}),(function(n){var e=n.isActive,o=n.isInverted;return e?o?"#444444":"#ffff":o?"#dddddd":"#444444"}),(function(n){return n.isClickable?"pointer":"default"}),(function(e){var r=e.isClickable,i=e.isInverted;return r&&o.css(a||(a=n.__makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "],["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "])),i?"#dddddd":"#444444",i?"#444444":"#ffff")}),(function(n){return n.isInverted?"#dddddd":"#444444"}),(function(n){return n.isInverted?"#444444":"#ffff"}),(function(n){var e=n.isInverted,o=n.theme;return e?t.getColors(o).primary.inverted:t.getColors(o).primary.default}));exports.Tag=function(e){var o=e.name,r=e.link,i=e.isInverted,t=e.isActive,d=e.onClick,a=e.className,c=e.children,u=(null==r?void 0:r.href)?"a":d?"button":"span";return s.default.createElement(l,n.__assign({as:u,isInverted:i,isActive:t,onClick:d,isClickable:!!d||!(!r||!r.href),className:a},r),o||c)};
+//# sourceMappingURL=Tag-9238cf0c.js.map