@blateral/b.kit 2.3.0-beta.1.2 → 2.3.0-beta.1.4

package/cjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../src/utils/useScroll.ts","../src/utils/usePoster.ts","../src/utils/useTouch.ts","../src/utils/useParams.ts","../src/utils/backgroundImage.ts","../src/utils/getLinkIcon.ts","../src/utils/fontLoading.tsx","../src/utils/useArray.ts","../src/utils/useImgPreload.ts","../src/utils/useInterval.ts","../src/utils/useItemHeight.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport enum ScrollDirection {\n    UP,\n    DOWN,\n}\n\nexport const useScroll = ({\n    initialTopOffset = 0,\n    onLeftOffset,\n    onEnterOffset,\n}: {\n    initialTopOffset?: number;\n    onLeftOffset?: () => void;\n    onEnterOffset?: () => void;\n}) => {\n    const [topOffset, setTopOffset] = useState<number>(initialTopOffset);\n    const [isTop, setIsTop] = useState<boolean>(true);\n    const [isInOffset, setIsInOffset] = useState<boolean>(true);\n    const [scrollDirection, setScrollDirection] = useState<ScrollDirection>(\n        ScrollDirection.DOWN\n    );\n    const lastScrollPos = useRef<number>(0);\n\n    useEffect(() => {\n        if (typeof window === 'undefined') return;\n        const handleScroll = () => {\n            setIsTop(window.pageYOffset <= 1);\n            setIsInOffset(window.pageYOffset <= 1 + topOffset);\n\n            if (lastScrollPos.current) {\n                // check if top offset is left\n                if (\n                    window.pageYOffset > 1 + topOffset &&\n                    lastScrollPos.current <= 1 + topOffset\n                ) {\n                    onLeftOffset && onLeftOffset();\n                }\n\n                // check if top offset was joined\n                if (\n                    window.pageYOffset <= 1 + topOffset &&\n                    lastScrollPos.current > 1 + topOffset\n                ) {\n                    onEnterOffset && onEnterOffset();\n                }\n\n                setScrollDirection((prev) => {\n                    if (window.pageYOffset <= 1) return ScrollDirection.DOWN;\n                    return window.pageYOffset > lastScrollPos.current\n                        ? ScrollDirection.DOWN\n                        : window.pageYOffset < lastScrollPos.current\n                        ? ScrollDirection.UP\n                        : prev;\n                });\n            }\n            lastScrollPos.current = window.pageYOffset;\n        };\n\n        handleScroll();\n        window.addEventListener('scroll', handleScroll);\n\n        return () => {\n            window.removeEventListener('scroll', handleScroll);\n        };\n    }, [\n        lastScrollPos,\n        onLeftOffset,\n        onEnterOffset,\n        scrollDirection,\n        topOffset,\n    ]);\n\n    return {\n        isTop,\n        isInOffset,\n        scrollDirection,\n        setTopOffset,\n        topOffset,\n    };\n};\n","import { useEffect, useState } from 'react';\nimport { isBrowser, useMediaQuery } from './useMediaQuery';\n\n// *****************\n// usePoster\n// *****************\n\ninterface PosterImage {\n    small: string;\n    medium?: string;\n    semilarge?: string;\n    large?: string;\n    xlarge?: string;\n}\n\nexport const canUseWebP = () => {\n    if (!isBrowser) return false;\n\n    const elem = document.createElement('canvas');\n\n    if (!(elem.getContext && elem.getContext('2d'))) {\n        // was able or not to get WebP representation\n        return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;\n    }\n\n    // very old browser like IE 8, canvas not supported\n    return false;\n};\n\nexport type PosterMq = 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge';\n\nexport const usePoster = (\n    posterImage: PosterImage & {\n        webp?: PosterImage;\n    },\n    mqs?: PosterMq[]\n) => {\n    const [currentImage, setCurrentImage] = useState<string | undefined>();\n\n    const workingImage =\n        posterImage.webp && canUseWebP() ? posterImage.webp : posterImage;\n    const currentMq = useMediaQuery(\n        mqs || ['small', 'medium', 'semilarge', 'large', 'xlarge']\n    ) as PosterMq | undefined;\n\n    useEffect(() => {\n        if (\n            currentMq &&\n            workingImage[currentMq] &&\n            workingImage[currentMq] !== currentImage\n        ) {\n            setCurrentImage(workingImage[currentMq]);\n        }\n    }, [currentImage, currentMq, workingImage]);\n\n    return currentImage;\n};\n","import { useState, useEffect } from 'react';\n\nconst useTouch = () => {\n    const [canTouch, setCanTouch] = useState(false);\n\n    useEffect(() => {\n        setCanTouch(\n            'ontouchstart' in window ||\n                navigator.maxTouchPoints > 0 ||\n                (navigator as any).msMaxTouchPoints > 0\n        );\n    }, []);\n    return canTouch;\n};\n\nexport default useTouch;\n","import { useCallback, useEffect, useState } from 'react';\n\nconst isSupported =\n    typeof window !== 'undefined' && 'URLSearchParams' in window;\n\nconst getParamsObj = (params?: URLSearchParams) => {\n    const obj: Record<string, string> = {};\n\n    const paramsObj = Object.fromEntries(\n        params || new URLSearchParams(window.location.search)\n    );\n\n    for (const param in paramsObj) {\n        let value = paramsObj[param];\n        if (typeof value === 'string') {\n            value = decodeURIComponent(value);\n        }\n        obj[param] = value;\n    }\n\n    return obj;\n};\n\nconst useParams = () => {\n    const [params, setParams] = useState<Record<string, string>>({});\n\n    useEffect(() => {\n        if (!isSupported) return;\n\n        setParams(getParamsObj());\n    }, []);\n\n    const update = useCallback(\n        (key: string, value: string) => {\n            if (!isSupported) return;\n\n            const newParams = { ...params };\n            newParams[key] = value;\n\n            const currentParams = new URLSearchParams(window.location.search);\n            for (const param in newParams) {\n                currentParams.set(param, encodeURIComponent(newParams[param]));\n            }\n\n            setParams(getParamsObj(currentParams));\n\n            window.history.replaceState(\n                {},\n                '',\n                `${location.pathname}?${\n                    currentParams.toString() + location.hash\n                }`\n            );\n        },\n        [params]\n    );\n\n    return { params, update };\n};\n\nexport default useParams;\n","export const getBgImage = (\n    bgImage: {\n        small: string;\n        medium?: string;\n        semilarge?: string;\n        large?: string;\n        xlarge?: string;\n    },\n    mq?: 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge'\n): string => {\n    switch (mq) {\n        default:\n        case 'small':\n            return bgImage.small;\n\n        case 'medium':\n            return (\n                bgImage.medium ||\n                bgImage.semilarge ||\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.small\n            );\n\n        case 'semilarge':\n            return (\n                bgImage.semilarge ||\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n\n        case 'large':\n            return (\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.semilarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n\n        case 'xlarge':\n            return (\n                bgImage.xlarge ||\n                bgImage.large ||\n                bgImage.semilarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n    }\n};\n","import { DefaultTheme } from 'styled-components';\nimport { getGlobals as global } from 'utils/styles';\n\nexport const getLinkIcon = (\n    theme: DefaultTheme,\n    href: string,\n    isInverted?: boolean\n): string => {\n    const linkIcons = global(theme).icons.linkIcons;\n\n    const fileExtension = `.${href?.split('.').pop() || ''}`;\n    const result = linkIcons.find((icon) => {\n        return icon.patterns?.find((pattern) => pattern.match(fileExtension));\n    });\n\n    return result?.iconChar || result?.iconUrl?.(isInverted) || '';\n};\n","import React from 'react';\n\ninterface FontFallback {\n    name: string;\n    altFont: string;\n    sizeAdjust: string;\n}\n\nexport interface Font {\n    rootPath: string;\n    sourcePath: string;\n    fallbacks?: FontFallback[];\n}\n\nexport const importFonts = (fonts: Font[]) => {\n    return (\n        <React.Fragment>\n            {fonts && fonts.length > 0 && (\n                <style\n                    dangerouslySetInnerHTML={{\n                        __html: fonts?.reduce((acc, current) => {\n                            if (current?.fallbacks) {\n                                acc += current?.fallbacks?.reduce(\n                                    (fallAcc, f) => {\n                                        fallAcc += `@font-face { font-family: '${f.name}'; size-adjust: ${f.sizeAdjust}; src: local('${f.altFont}'); } `;\n                                        return fallAcc;\n                                    },\n\n                                    ''\n                                );\n                                return acc;\n                            } else return acc;\n                        }, ''),\n                    }}\n                />\n            )}\n\n            {fonts?.map((font, i) => (\n                <link\n                    key={i}\n                    rel=\"preconnect\"\n                    href={font.rootPath}\n                    crossOrigin=\"true\"\n                />\n            ))}\n            {fonts?.map((font, i) => (\n                <link key={i} rel=\"preload\" as=\"style\" href={font.sourcePath} />\n            ))}\n\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: `</style>${fonts?.reduce<string>(\n                        (prev, current) => {\n                            return (prev += `\n                                <link rel=\"stylesheet\" href=\"${current.sourcePath}\" media=\"print\" onload=\"this.media='all'\" />`);\n                        },\n                        ''\n                    )}<style>`,\n                }}\n            />\n\n            <noscript>\n                {fonts?.map((font, i) => (\n                    <link key={i} rel=\"stylesheet\" href={font.sourcePath} />\n                ))}\n            </noscript>\n        </React.Fragment>\n    );\n};\n","import { useState } from 'react';\n\nconst useArray = <T>(defaultValue?: Array<T>) => {\n    const [array, setArray] = useState<Array<T>>(defaultValue || []);\n\n    const push = (element: T | T[]) => {\n        if (Array.isArray(element)) {\n            setArray((prev) => [...prev, ...element]);\n        } else {\n            setArray((prev) => [...prev, element]);\n        }\n    };\n\n    const pop = () => {\n        let lastEl: T | undefined;\n\n        setArray((prev) => {\n            const copy = [...prev];\n            lastEl = copy.pop();\n            return copy;\n        });\n        return lastEl;\n    };\n\n    const filter = (\n        callback: (value: T, index: number, array: T[]) => void\n    ) => {\n        setArray((prev) => prev.filter(callback));\n    };\n\n    const update = (index: number, newEl: T) => {\n        setArray((prev) => [\n            ...prev.slice(0, index),\n            newEl,\n            ...prev.slice(index + 1, prev.length),\n        ]);\n    };\n\n    const remove = (index: number) => {\n        setArray((prev) => [\n            ...prev.slice(0, index),\n            ...prev.slice(index + 1, prev.length),\n        ]);\n    };\n\n    const clear = () => {\n        setArray([]);\n    };\n\n    return {\n        array,\n        set: setArray,\n        push,\n        filter,\n        update,\n        remove,\n        clear,\n        pop,\n    };\n};\n\nexport default useArray;\n","import { ImageProps } from 'components/blocks/Image';\nimport { useEffect, useState } from 'react';\nimport { MediaQueryType } from './styles';\nimport { useMediaQuery } from './useMediaQuery';\n\nexport const useImgPreload = (\n    imageUrls: ImageProps[],\n    mqs: MediaQueryType[] = ['semilarge', 'large']\n) => {\n    const [isReady, setReady] = useState(false);\n    const [isLoaded, setLoaded] = useState(false);\n    const currentMq = useMediaQuery(mqs as MediaQueryType[]);\n    const [loadedImages, setLoadedImages] = useState<{\n        [key: string]: { id: number | string; image: string }[];\n    }>({\n        small: [],\n        medium: [],\n        semilarge: [],\n        large: [],\n        xlarge: [],\n        xxlarge: [],\n        xxxLarge: [],\n    });\n\n    const preloadImages = (imageUrls: (string | undefined)[]) => {\n        const images = (imageUrls.filter((img) => img) as string[]).map(\n            (src, i) => {\n                return new Promise((res) => {\n                    const img = new window.Image();\n                    img.src = src;\n                    img.onload = () => res({ url: src, i });\n                });\n            }\n        );\n\n        return images;\n    };\n\n    useEffect(() => {\n        if (isReady && loadedImages && currentMq) {\n            const loadedForMq = loadedImages[currentMq];\n\n            if (loadedForMq.length < imageUrls.length && imageUrls.length > 0) {\n                const requestedImages = imageUrls.map((img) => img[currentMq]);\n\n                const resolve = async (items: any) => {\n                    for (const item of items) {\n                        const x = await item;\n\n                        setLoadedImages((prev) => {\n                            // check if image id already exists in array\n                            if (!prev[currentMq].find((e) => e.id === x.i)) {\n                                return {\n                                    ...prev,\n                                    [currentMq]: [\n                                        ...prev[currentMq],\n                                        {\n                                            id: x.i,\n                                            image: x.url,\n                                        },\n                                    ],\n                                };\n                            } else return prev;\n                        });\n                    }\n                };\n\n                resolve(preloadImages(requestedImages));\n            }\n        }\n    }, [currentMq, imageUrls, isReady, loadedImages]);\n\n    useEffect(() => {\n        if (loadedImages && currentMq) {\n            const imgCount = imageUrls.filter((img) => img[currentMq]).length;\n            setLoaded(loadedImages[currentMq].length >= imgCount);\n        }\n    }, [currentMq, imageUrls, loadedImages]);\n\n    return {\n        loadedImages: currentMq && loadedImages[currentMq],\n        isLoaded,\n        setReady,\n    };\n};\n","import { useCallback, useEffect, useRef } from 'react';\n\nexport default function useInterval(callback: () => void, delay: number) {\n    const callbackRef = useRef(callback);\n    const intervalRef = useRef<number>();\n\n    // Remember the latest callback.\n    useEffect(() => {\n        callbackRef.current = callback;\n    }, [callback]);\n\n    const set = useCallback(() => {\n        intervalRef.current = window.setInterval(\n            () => callbackRef.current?.(),\n            delay\n        );\n    }, [delay]);\n\n    const clear = useCallback(() => {\n        intervalRef.current && window.clearTimeout(intervalRef.current);\n    }, []);\n\n    useEffect(() => {\n        set();\n        return clear;\n    }, [delay, set, clear]);\n\n    const reset = useCallback(() => {\n        clear();\n        set();\n    }, [clear, set]);\n\n    return { clear, reset };\n}\n","import { useEffect, useState } from 'react';\n\nexport const useItemHeight = () => {\n    const [element, setElement] = useState<HTMLElement | null>(null);\n    const [height, setHeight] = useState<number>(0);\n\n    useEffect(() => {\n        const calcHeight = () => {\n            if (element) setHeight(element.offsetHeight);\n        };\n\n        if (element) {\n            calcHeight();\n            window.addEventListener('resize', calcHeight);\n        }\n\n        return () => {\n            window.removeEventListener('resize', calcHeight);\n        };\n    }, [element]);\n\n    return {\n        setElement,\n        height,\n    };\n};\n"],"names":["ScrollDirection","useScroll","canUseWebP","isBrowser","elem","document","createElement","getContext","toDataURL","indexOf","useTouch","isSupported","window","getParamsObj","params","obj","paramsObj","Object","fromEntries","URLSearchParams","location","search","param","value","decodeURIComponent","bgImage","mq","small","medium","semilarge","large","xlarge","theme","href","isInverted","linkIcons","global","getGlobals","icons","fileExtension","concat","split","pop","result","find","icon","_a","patterns","pattern","match","iconChar","iconUrl","call","fonts","React","Fragment","length","dangerouslySetInnerHTML","__html","reduce","acc","current","fallbacks","fallAcc","f","name","sizeAdjust","altFont","map","font","i","key","rel","rootPath","crossOrigin","as","sourcePath","prev","defaultValue","useState","array","setArray","set","push","element","Array","isArray","__spreadArray","filter","callback","update","index","newEl","slice","remove","clear","lastEl","copy","imageUrls","mqs","isReady","setReady","_b","isLoaded","setLoaded","currentMq","useMediaQuery","_c","xxlarge","xxxLarge","loadedImages","setLoadedImages","useEffect","items","requestedImages","img","src","Promise","res","Image","onload","url","preloadImages","__awaiter","item","x","sent","e","id","__assign","image","_i","items_1","imgCount","delay","callbackRef","useRef","intervalRef","useCallback","setInterval","clearTimeout","reset","setElement","height","setHeight","calcHeight","offsetHeight","addEventListener","removeEventListener","setParams","newParams","currentParams","encodeURIComponent","history","replaceState","pathname","toString","hash","posterImage","currentImage","setCurrentImage","workingImage","webp","initialTopOffset","onLeftOffset","onEnterOffset","topOffset","setTopOffset","_d","isTop","setIsTop","_e","isInOffset","setIsInOffset","_f","DOWN","scrollDirection","setScrollDirection","lastScrollPos","handleScroll","pageYOffset","UP","canTouch","setCanTouch","navigator","maxTouchPoints","msMaxTouchPoints"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../src/utils/useScroll.ts","../src/utils/usePoster.ts","../src/utils/useTouch.ts","../src/utils/useParams.ts","../src/utils/backgroundImage.ts","../src/utils/getLinkIcon.ts","../src/utils/fontLoading.tsx","../src/utils/useArray.ts","../src/utils/useImgPreload.ts","../src/utils/useInterval.ts","../src/utils/useItemHeight.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport enum ScrollDirection {\n    UP,\n    DOWN,\n}\n\nexport const useScroll = ({\n    initialTopOffset = 0,\n    onLeftOffset,\n    onEnterOffset,\n}: {\n    initialTopOffset?: number;\n    onLeftOffset?: () => void;\n    onEnterOffset?: () => void;\n}) => {\n    const [topOffset, setTopOffset] = useState<number>(initialTopOffset);\n    const [isTop, setIsTop] = useState<boolean>(true);\n    const [isInOffset, setIsInOffset] = useState<boolean>(true);\n    const [scrollDirection, setScrollDirection] = useState<ScrollDirection>(\n        ScrollDirection.DOWN\n    );\n    const lastScrollPos = useRef<number>(0);\n\n    useEffect(() => {\n        if (typeof window === 'undefined') return;\n        const handleScroll = () => {\n            setIsTop(window.pageYOffset <= 1);\n            setIsInOffset(window.pageYOffset <= 1 + topOffset);\n\n            if (lastScrollPos.current) {\n                // check if top offset is left\n                if (\n                    window.pageYOffset > 1 + topOffset &&\n                    lastScrollPos.current <= 1 + topOffset\n                ) {\n                    onLeftOffset && onLeftOffset();\n                }\n\n                // check if top offset was joined\n                if (\n                    window.pageYOffset <= 1 + topOffset &&\n                    lastScrollPos.current > 1 + topOffset\n                ) {\n                    onEnterOffset && onEnterOffset();\n                }\n\n                setScrollDirection((prev) => {\n                    if (window.pageYOffset <= 1) return ScrollDirection.DOWN;\n                    return window.pageYOffset > lastScrollPos.current\n                        ? ScrollDirection.DOWN\n                        : window.pageYOffset < lastScrollPos.current\n                        ? ScrollDirection.UP\n                        : prev;\n                });\n            }\n            lastScrollPos.current = window.pageYOffset;\n        };\n\n        handleScroll();\n        window.addEventListener('scroll', handleScroll);\n\n        return () => {\n            window.removeEventListener('scroll', handleScroll);\n        };\n    }, [\n        lastScrollPos,\n        onLeftOffset,\n        onEnterOffset,\n        scrollDirection,\n        topOffset,\n    ]);\n\n    return {\n        isTop,\n        isInOffset,\n        scrollDirection,\n        setTopOffset,\n        topOffset,\n    };\n};\n","import { useEffect, useState } from 'react';\nimport { isBrowser, useMediaQuery } from './useMediaQuery';\n\n// *****************\n// usePoster\n// *****************\n\ninterface PosterImage {\n    small: string;\n    medium?: string;\n    semilarge?: string;\n    large?: string;\n    xlarge?: string;\n}\n\nexport const canUseWebP = () => {\n    if (!isBrowser) return false;\n\n    const elem = document.createElement('canvas');\n\n    if (!(elem.getContext && elem.getContext('2d'))) {\n        // was able or not to get WebP representation\n        return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;\n    }\n\n    // very old browser like IE 8, canvas not supported\n    return false;\n};\n\nexport type PosterMq = 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge';\n\nexport const usePoster = (\n    posterImage: PosterImage & {\n        webp?: PosterImage;\n    },\n    mqs?: PosterMq[]\n) => {\n    const [currentImage, setCurrentImage] = useState<string | undefined>();\n\n    const workingImage =\n        posterImage.webp && canUseWebP() ? posterImage.webp : posterImage;\n    const currentMq = useMediaQuery(\n        mqs || ['small', 'medium', 'semilarge', 'large', 'xlarge']\n    ) as PosterMq | undefined;\n\n    useEffect(() => {\n        if (\n            currentMq &&\n            workingImage[currentMq] &&\n            workingImage[currentMq] !== currentImage\n        ) {\n            setCurrentImage(workingImage[currentMq]);\n        }\n    }, [currentImage, currentMq, workingImage]);\n\n    return currentImage;\n};\n","import { useState, useEffect } from 'react';\n\nconst useTouch = () => {\n    const [canTouch, setCanTouch] = useState(false);\n\n    useEffect(() => {\n        setCanTouch(\n            'ontouchstart' in window ||\n                navigator.maxTouchPoints > 0 ||\n                (navigator as any).msMaxTouchPoints > 0\n        );\n    }, []);\n    return canTouch;\n};\n\nexport default useTouch;\n","import { useCallback, useEffect, useState } from 'react';\n\nconst isSupported =\n    typeof window !== 'undefined' && 'URLSearchParams' in window;\n\nconst getParamsObj = (params?: URLSearchParams) => {\n    const obj: Record<string, string> = {};\n\n    const paramsObj = Object.fromEntries(\n        params || new URLSearchParams(window.location.search)\n    );\n\n    for (const param in paramsObj) {\n        let value = paramsObj[param];\n        if (typeof value === 'string') {\n            value = decodeURIComponent(value);\n        }\n        obj[param] = value;\n    }\n\n    return obj;\n};\n\nconst useParams = () => {\n    const [params, setParams] = useState<Record<string, string>>({});\n\n    useEffect(() => {\n        if (!isSupported) return;\n\n        setParams(getParamsObj());\n    }, []);\n\n    const update = useCallback(\n        (key: string, value: string) => {\n            if (!isSupported) return;\n\n            const newParams = { ...params };\n            newParams[key] = value;\n\n            const currentParams = new URLSearchParams(window.location.search);\n            for (const param in newParams) {\n                currentParams.set(param, encodeURIComponent(newParams[param]));\n            }\n\n            setParams(getParamsObj(currentParams));\n\n            window.history.replaceState(\n                {},\n                '',\n                `${location.pathname}?${\n                    currentParams.toString() + location.hash\n                }`\n            );\n        },\n        [params]\n    );\n\n    return { params, update };\n};\n\nexport default useParams;\n","export const getBgImage = (\n    bgImage: {\n        small: string;\n        medium?: string;\n        semilarge?: string;\n        large?: string;\n        xlarge?: string;\n    },\n    mq?: 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge'\n): string => {\n    switch (mq) {\n        default:\n        case 'small':\n            return bgImage.small;\n\n        case 'medium':\n            return (\n                bgImage.medium ||\n                bgImage.semilarge ||\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.small\n            );\n\n        case 'semilarge':\n            return (\n                bgImage.semilarge ||\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n\n        case 'large':\n            return (\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.semilarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n\n        case 'xlarge':\n            return (\n                bgImage.xlarge ||\n                bgImage.large ||\n                bgImage.semilarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n    }\n};\n","import { DefaultTheme } from 'styled-components';\nimport { getGlobals as global } from 'utils/styles';\n\nexport const getLinkIcon = (\n    theme: DefaultTheme,\n    href: string,\n    isInverted?: boolean\n): string => {\n    const linkIcons = global(theme).icons.linkIcons;\n\n    const fileExtension = `.${href?.split('.').pop() || ''}`;\n    const result = linkIcons.find((icon) => {\n        return icon.patterns?.find((pattern) => pattern.match(fileExtension));\n    });\n\n    return result?.iconChar || result?.iconUrl?.(isInverted) || '';\n};\n","import React from 'react';\n\ninterface FontFallback {\n    name: string;\n    altFont: string;\n    sizeAdjust: string;\n}\n\nexport interface Font {\n    rootPath: string;\n    sourcePath: string;\n    fallbacks?: FontFallback[];\n}\n\nexport const importFonts = (fonts: Font[]) => {\n    return (\n        <React.Fragment>\n            {fonts && fonts.length > 0 && (\n                <style\n                    dangerouslySetInnerHTML={{\n                        __html: fonts?.reduce((acc, current) => {\n                            if (current?.fallbacks) {\n                                acc += current?.fallbacks?.reduce(\n                                    (fallAcc, f) => {\n                                        fallAcc += `@font-face { font-family: '${f.name}'; size-adjust: ${f.sizeAdjust}; src: local('${f.altFont}'); } `;\n                                        return fallAcc;\n                                    },\n\n                                    ''\n                                );\n                                return acc;\n                            } else return acc;\n                        }, ''),\n                    }}\n                />\n            )}\n\n            {fonts?.map((font, i) => (\n                <link\n                    key={i}\n                    rel=\"preconnect\"\n                    href={font.rootPath}\n                    crossOrigin=\"true\"\n                />\n            ))}\n            {fonts?.map((font, i) => (\n                <link key={i} rel=\"preload\" as=\"style\" href={font.sourcePath} />\n            ))}\n\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: `</style>${fonts?.reduce<string>(\n                        (prev, current) => {\n                            return (prev += `\n                                <link rel=\"stylesheet\" href=\"${current.sourcePath}\" media=\"print\" onload=\"this.media='all'\" />`);\n                        },\n                        ''\n                    )}<style>`,\n                }}\n            />\n\n            <noscript>\n                {fonts?.map((font, i) => (\n                    <link key={i} rel=\"stylesheet\" href={font.sourcePath} />\n                ))}\n            </noscript>\n        </React.Fragment>\n    );\n};\n","import { useState } from 'react';\n\nconst useArray = <T>(defaultValue?: Array<T>) => {\n    const [array, setArray] = useState<Array<T>>(defaultValue || []);\n\n    const push = (element: T | T[]) => {\n        if (Array.isArray(element)) {\n            setArray((prev) => [...prev, ...element]);\n        } else {\n            setArray((prev) => [...prev, element]);\n        }\n    };\n\n    const pop = () => {\n        let lastEl: T | undefined;\n\n        setArray((prev) => {\n            const copy = [...prev];\n            lastEl = copy.pop();\n            return copy;\n        });\n        return lastEl;\n    };\n\n    const filter = (\n        callback: (value: T, index: number, array: T[]) => void\n    ) => {\n        setArray((prev) => prev.filter(callback));\n    };\n\n    const update = (index: number, newEl: T) => {\n        setArray((prev) => [\n            ...prev.slice(0, index),\n            newEl,\n            ...prev.slice(index + 1, prev.length),\n        ]);\n    };\n\n    const remove = (index: number) => {\n        setArray((prev) => [\n            ...prev.slice(0, index),\n            ...prev.slice(index + 1, prev.length),\n        ]);\n    };\n\n    const clear = () => {\n        setArray([]);\n    };\n\n    return {\n        array,\n        set: setArray,\n        push,\n        filter,\n        update,\n        remove,\n        clear,\n        pop,\n    };\n};\n\nexport default useArray;\n","import { ImageProps } from 'components/blocks/Image';\nimport { useEffect, useState } from 'react';\nimport { MediaQueryType } from './styles';\nimport { useMediaQuery } from './useMediaQuery';\n\nexport const useImgPreload = (\n    imageUrls: ImageProps[],\n    mqs: MediaQueryType[] = ['semilarge', 'large']\n) => {\n    const [isReady, setReady] = useState(false);\n    const [isLoaded, setLoaded] = useState(false);\n    const currentMq = useMediaQuery(mqs as MediaQueryType[]);\n    const [loadedImages, setLoadedImages] = useState<{\n        [key: string]: { id: number | string; image: string }[];\n    }>({\n        small: [],\n        medium: [],\n        semilarge: [],\n        large: [],\n        xlarge: [],\n        xxlarge: [],\n        xxxLarge: [],\n    });\n\n    const preloadImages = (imageUrls: (string | undefined)[]) => {\n        const images = (imageUrls.filter((img) => img) as string[]).map(\n            (src, i) => {\n                return new Promise((res) => {\n                    const img = new window.Image();\n                    img.src = src;\n                    img.onload = () => res({ url: src, i });\n                });\n            }\n        );\n\n        return images;\n    };\n\n    useEffect(() => {\n        if (isReady && loadedImages && currentMq) {\n            const loadedForMq = loadedImages[currentMq];\n\n            if (loadedForMq.length < imageUrls.length && imageUrls.length > 0) {\n                const requestedImages = imageUrls.map((img) => img[currentMq]);\n\n                const resolve = async (items: any) => {\n                    for (const item of items) {\n                        const x = await item;\n\n                        setLoadedImages((prev) => {\n                            // check if image id already exists in array\n                            if (!prev[currentMq].find((e) => e.id === x.i)) {\n                                return {\n                                    ...prev,\n                                    [currentMq]: [\n                                        ...prev[currentMq],\n                                        {\n                                            id: x.i,\n                                            image: x.url,\n                                        },\n                                    ],\n                                };\n                            } else return prev;\n                        });\n                    }\n                };\n\n                resolve(preloadImages(requestedImages));\n            }\n        }\n    }, [currentMq, imageUrls, isReady, loadedImages]);\n\n    useEffect(() => {\n        if (loadedImages && currentMq) {\n            const imgCount = imageUrls.filter((img) => img[currentMq]).length;\n            setLoaded(loadedImages[currentMq].length >= imgCount);\n        }\n    }, [currentMq, imageUrls, loadedImages]);\n\n    return {\n        loadedImages: currentMq && loadedImages[currentMq],\n        isLoaded,\n        setReady,\n    };\n};\n","import { useCallback, useEffect, useRef } from 'react';\n\nexport default function useInterval(callback: () => void, delay: number) {\n    const callbackRef = useRef(callback);\n    const intervalRef = useRef<number>();\n\n    // Remember the latest callback.\n    useEffect(() => {\n        callbackRef.current = callback;\n    }, [callback]);\n\n    const set = useCallback(() => {\n        intervalRef.current = window.setInterval(\n            () => callbackRef.current?.(),\n            delay\n        );\n    }, [delay]);\n\n    const clear = useCallback(() => {\n        intervalRef.current && window.clearTimeout(intervalRef.current);\n    }, []);\n\n    useEffect(() => {\n        set();\n        return clear;\n    }, [delay, set, clear]);\n\n    const reset = useCallback(() => {\n        clear();\n        set();\n    }, [clear, set]);\n\n    return { clear, reset };\n}\n","import { useEffect, useState } from 'react';\n\nexport const useItemHeight = () => {\n    const [element, setElement] = useState<HTMLElement | null>(null);\n    const [height, setHeight] = useState<number>(0);\n\n    useEffect(() => {\n        const calcHeight = () => {\n            if (element) setHeight(element.offsetHeight);\n        };\n\n        if (element) {\n            calcHeight();\n            window.addEventListener('resize', calcHeight);\n        }\n\n        return () => {\n            window.removeEventListener('resize', calcHeight);\n        };\n    }, [element]);\n\n    return {\n        setElement,\n        height,\n    };\n};\n"],"names":["ScrollDirection","useScroll","canUseWebP","isBrowser","elem","document","createElement","getContext","toDataURL","indexOf","useTouch","isSupported","window","getParamsObj","params","obj","paramsObj","Object","fromEntries","URLSearchParams","location","search","param","value","decodeURIComponent","bgImage","mq","small","medium","semilarge","large","xlarge","theme","href","isInverted","linkIcons","global","getGlobals","icons","fileExtension","concat","split","pop","result","find","icon","_a","patterns","pattern","match","iconChar","iconUrl","call","fonts","React","Fragment","length","dangerouslySetInnerHTML","__html","reduce","acc","current","fallbacks","fallAcc","f","name","sizeAdjust","altFont","map","font","i","key","rel","rootPath","crossOrigin","as","sourcePath","prev","defaultValue","useState","array","setArray","set","push","element","Array","isArray","__spreadArray","filter","callback","update","index","newEl","slice","remove","clear","lastEl","copy","imageUrls","mqs","isReady","setReady","_b","isLoaded","setLoaded","currentMq","useMediaQuery","_c","xxlarge","xxxLarge","loadedImages","setLoadedImages","useEffect","items","requestedImages","img","src","Promise","res","Image","onload","url","preloadImages","__awaiter","item","x","sent","e","id","__assign","image","_i","items_1","imgCount","delay","callbackRef","useRef","intervalRef","useCallback","setInterval","clearTimeout","reset","setElement","height","setHeight","calcHeight","offsetHeight","addEventListener","removeEventListener","setParams","newParams","currentParams","encodeURIComponent","history","replaceState","pathname","toString","hash","posterImage","currentImage","setCurrentImage","workingImage","webp","initialTopOffset","onLeftOffset","onEnterOffset","topOffset","setTopOffset","_d","isTop","setIsTop","_e","isInOffset","setIsInOffset","_f","DOWN","scrollDirection","setScrollDirection","lastScrollPos","handleScroll","pageYOffset","UP","canTouch","setCanTouch","navigator","maxTouchPoints","msMaxTouchPoints"],"mappings":"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"}

package/cjs/navigation.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-ebb27a9b.js"),n=require("./ClockFilled-2483aa4a.js"),a=require("react"),t=require("styled-components"),l=require("./styles-0f1a0aea.js"),i=require("./SocialList-79ddf9d6.js"),r=require("./arrays-c272ed59.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./LibThemeProvider-fb99fd6d.js"),require("./useMediaQuery-d4f81f88.js"),require("./navigation-bf154e6e.js"),require("./Link-70143bb7.js"),require("./clamp-bd21d587.js"),require("./Copy-e860efe7.js"),require("react-dom/server");var d,s,u,p,g,m,c,v=o(a),f=o(t),x=Object.freeze({__proto__:null,Breadcrumbs:e.BarBreadcrumbs,Column:e.Column,Logo:e.BarLogo,MenuToggle:e.BarMenuToggle,NavList:e.BarNavList}),_=f.default.div.withConfig({displayName:"MenuFooter__Footer",componentId:"sc-1skniyq-0"})(d||(d=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n\n    padding: ","px;\n    margin-top: auto;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n\n    padding: ","px;\n    margin-top: auto;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),2*l.spacings.nudge,l.spacings.spacer),y=function(e){var n=e.isInverted,a=e.langs,t=e.socials,l=r.isValidArray(t,!1),o=r.isValidArray(a,!1);return v.default.createElement(v.default.Fragment,null,(l||o)&&v.default.createElement(_,null,l&&v.default.createElement(i.SocialList,{isInverted:n,items:t}),o&&v.default.createElement(i.LanguageSwitcher,{isInverted:n,langs:a})))},b=function(n){var a=n.rootLink,t=n.rootLabel,l=n.navStates,i="large"===(null==l?void 0:l.size)&&"overContent"===(null==l?void 0:l.pageFlow);return v.default.createElement(e.BarBreadcrumbs,{isInverted:i,rootLink:a,rootLabel:t,navItems:l.mainNavigation})},N=f.default(e.Column).withConfig({displayName:"NavBarMain__ToggleColumn",componentId:"sc-4gwp8g-0"})(s||(s=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n"]))),k=f.default(e.Column).withConfig({displayName:"NavBarMain__LogoColumn",componentId:"sc-4gwp8g-1"})(u||(u=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding: ","px 0;\n"],["\n    display: flex;\n    align-items: center;\n    padding: ","px 0;\n"])),l.spacings.nudge),B=f.default(e.Column).withConfig({displayName:"NavBarMain__ActionsColumn",componentId:"sc-4gwp8g-2"})(p||(p=n.__makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),l.spacings.nudge,l.mq.medium,2*l.spacings.nudge),I=f.default.div.withConfig({displayName:"NavBarMain__LanguageWrapper",componentId:"sc-4gwp8g-3"})(g||(g=n.__makeTemplateObject(["\n    display: none;\n\n    @media "," {\n        display: block;\n        margin-left: ","px;\n        margin-top: 2px;\n    }\n"],["\n    display: none;\n\n    @media "," {\n        display: block;\n        margin-left: ","px;\n        margin-top: 2px;\n    }\n"])),l.mq.semilarge,3*l.spacings.nudge),j=function(a){var t,l,o,d,s,u,p=a.isInverted,g=a.logo,m=a.navStates,c=a.customToggle,f=a.langs,x=a.primaryAction,_=a.secondaryAction,y=void 0!==p?p:"large"===(null==m?void 0:m.size)&&"overContent"===(null==m?void 0:m.pageFlow);return v.default.createElement(v.default.Fragment,null,v.default.createElement(N,{takeSpace:!0,vAlign:"center",isInverted:y},v.default.createElement(e.BarMenuToggle,{isInverted:y,isExpanded:null==m?void 0:m.isMenuOpen,onClick:null==m?void 0:m.openMenu},c?c({isInverted:y}):v.default.createElement(n.MenuBurger,{ariaHidden:!0})),r.isValidArray(f,!1)&&v.default.createElement(I,null,v.default.createElement(i.LanguageSwitcher,{isInverted:y,langs:f}))),(null===(t=null==g?void 0:g.desktop)||void 0===t?void 0:t.src)&&v.default.createElement(k,{isInverted:y},v.default.createElement(e.BarLogo,{link:g.link,logo:{small:y?(null===(l=null==g?void 0:g.mobileInverted)||void 0===l?void 0:l.src)||"":(null===(o=null==g?void 0:g.mobile)||void 0===o?void 0:o.src)||"",semilarge:y?(null===(d=null==g?void 0:g.desktopInverted)||void 0===d?void 0:d.src)||"":(null===(s=null==g?void 0:g.desktop)||void 0===s?void 0:s.src)||"",alt:null===(u=null==g?void 0:g.desktop)||void 0===u?void 0:u.alt}})),v.default.createElement(B,{takeSpace:!0,vAlign:"center"},_?_(n.__assign({isInverted:y},m)):void 0,x?x(n.__assign({isInverted:y},m)):void 0))},C=f.default(e.Column).withConfig({displayName:"NavBarTop__StyledCol",componentId:"sc-144no7d-0"})(m||(m=n.__makeTemplateObject(["\n    &:not(:first-child) {\n        margin-left: ","px;\n    }\n"],["\n    &:not(:first-child) {\n        margin-left: ","px;\n    }\n"])),l.spacings.spacer),L=f.default(e.BarNavList).withConfig({displayName:"NavBarTop__StyledNavList",componentId:"sc-144no7d-1"})(c||(c=n.__makeTemplateObject(["\n    display: none;\n\n    @media "," {\n        display: inline-flex;\n    }\n"],["\n    display: none;\n\n    @media "," {\n        display: inline-flex;\n    }\n"])),l.mq.semilarge),M=function(e){var n=e.navLinks,a=e.languages,t=e.navStates,l="large"===(null==t?void 0:t.size)&&"overContent"===(null==t?void 0:t.pageFlow);return v.default.createElement(v.default.Fragment,null,v.default.createElement(C,null,v.default.createElement(L,{isInverted:l,navLinks:n})),v.default.createElement(C,null,v.default.createElement(i.LanguageSwitcher,{isInverted:l,langs:a})))},E=Object.freeze({__proto__:null,MenuFooter:y,MenuHeader:e.MenuHeader,NavBarBottom:b,NavBarMain:j,NavBarTop:M});exports.MenuHeaderPartial=e.MenuHeader,exports.Navigation=e.Navigation,exports.generateNavbarIdent=e.generateNavbarIdent,exports.getFullNavbarHeights=e.getFullNavbarHeights,exports.getNavbarState=e.getNavbarState,exports.MenuFooterPartial=y,exports.NavBarBottomPartial=b,exports.NavBarMainPartial=j,exports.NavBarTopPartial=M,exports.NavPartials=E,exports.NavSkeletons=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-3f5d6088.js"),n=require("./ClockFilled-2483aa4a.js"),a=require("react"),t=require("styled-components"),l=require("./styles-0f1a0aea.js"),i=require("./SocialList-da77e994.js"),r=require("./LanguageSwitcher-47e25e95.js"),o=require("./arrays-c272ed59.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./LibThemeProvider-fb99fd6d.js"),require("./useMediaQuery-d4f81f88.js"),require("./navigation-bf154e6e.js"),require("./Link-70143bb7.js"),require("./clamp-bd21d587.js"),require("./Copy-e860efe7.js"),require("./Image-d9681be0.js"),require("react-dom/server");var s,u,g,p,m,c,v,f=d(a),x=d(t),_=Object.freeze({__proto__:null,Breadcrumbs:e.BarBreadcrumbs,Column:e.Column,Logo:e.BarLogo,MenuToggle:e.BarMenuToggle,NavList:e.BarNavList}),y=x.default.div.withConfig({displayName:"MenuFooter__Footer",componentId:"sc-1skniyq-0"})(s||(s=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n\n    padding: ","px;\n    margin-top: auto;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n\n    padding: ","px;\n    margin-top: auto;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),2*l.spacings.nudge,l.spacings.spacer),N=function(e){var n=e.isInverted,a=e.langs,t=e.socials,l=o.isValidArray(t,!1),d=o.isValidArray(a,!1);return f.default.createElement(f.default.Fragment,null,(l||d)&&f.default.createElement(y,null,l&&f.default.createElement(i.SocialList,{isInverted:n,items:t}),d&&f.default.createElement(r.LanguageSwitcher,{isInverted:n,langs:a})))},b=function(n){var a=n.rootLink,t=n.rootLabel,l=n.navStates,i="large"===(null==l?void 0:l.size)&&"overContent"===(null==l?void 0:l.pageFlow);return f.default.createElement(e.BarBreadcrumbs,{isInverted:i,rootLink:a,rootLabel:t,navItems:l.mainNavigation})},I=x.default(e.Column).withConfig({displayName:"NavBarMain__ToggleColumn",componentId:"sc-4gwp8g-0"})(u||(u=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n"]))),j=x.default(e.Column).withConfig({displayName:"NavBarMain__LogoColumn",componentId:"sc-4gwp8g-1"})(g||(g=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding: ","px 0;\n"],["\n    display: flex;\n    align-items: center;\n    padding: ","px 0;\n"])),l.spacings.nudge),k=x.default(e.Column).withConfig({displayName:"NavBarMain__ActionsColumn",componentId:"sc-4gwp8g-2"})(p||(p=n.__makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),l.spacings.nudge,l.mq.medium,2*l.spacings.nudge),B=x.default.div.withConfig({displayName:"NavBarMain__LanguageWrapper",componentId:"sc-4gwp8g-3"})(m||(m=n.__makeTemplateObject(["\n    display: none;\n\n    @media "," {\n        display: block;\n        margin-left: ","px;\n        margin-top: 2px;\n    }\n"],["\n    display: none;\n\n    @media "," {\n        display: block;\n        margin-left: ","px;\n        margin-top: 2px;\n    }\n"])),l.mq.semilarge,3*l.spacings.nudge),C=function(a){var t,l,i,d,s,u,g=a.isInverted,p=a.logo,m=a.navStates,c=a.customToggle,v=a.langs,x=a.primaryAction,_=a.secondaryAction,y=void 0!==g?g:"large"===(null==m?void 0:m.size)&&"overContent"===(null==m?void 0:m.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(I,{takeSpace:!0,vAlign:"center",isInverted:y},f.default.createElement(e.BarMenuToggle,{isInverted:y,isExpanded:null==m?void 0:m.isMenuOpen,onClick:null==m?void 0:m.openMenu},c?c({isInverted:y}):f.default.createElement(n.MenuBurger,{ariaHidden:!0})),o.isValidArray(v,!1)&&f.default.createElement(B,null,f.default.createElement(r.LanguageSwitcher,{isInverted:y,langs:v}))),(null===(t=null==p?void 0:p.desktop)||void 0===t?void 0:t.src)&&f.default.createElement(j,{isInverted:y},f.default.createElement(e.BarLogo,{link:p.link,logo:{small:y?(null===(l=null==p?void 0:p.mobileInverted)||void 0===l?void 0:l.src)||"":(null===(i=null==p?void 0:p.mobile)||void 0===i?void 0:i.src)||"",semilarge:y?(null===(d=null==p?void 0:p.desktopInverted)||void 0===d?void 0:d.src)||"":(null===(s=null==p?void 0:p.desktop)||void 0===s?void 0:s.src)||"",alt:null===(u=null==p?void 0:p.desktop)||void 0===u?void 0:u.alt}})),f.default.createElement(k,{takeSpace:!0,vAlign:"center"},_?_(n.__assign({isInverted:y},m)):void 0,x?x(n.__assign({isInverted:y},m)):void 0))},L=x.default(e.Column).withConfig({displayName:"NavBarTop__StyledCol",componentId:"sc-144no7d-0"})(c||(c=n.__makeTemplateObject(["\n    &:not(:first-child) {\n        margin-left: ","px;\n    }\n"],["\n    &:not(:first-child) {\n        margin-left: ","px;\n    }\n"])),l.spacings.spacer),M=x.default(e.BarNavList).withConfig({displayName:"NavBarTop__StyledNavList",componentId:"sc-144no7d-1"})(v||(v=n.__makeTemplateObject(["\n    display: none;\n\n    @media "," {\n        display: inline-flex;\n    }\n"],["\n    display: none;\n\n    @media "," {\n        display: inline-flex;\n    }\n"])),l.mq.semilarge),q=function(e){var n=e.navLinks,a=e.languages,t=e.navStates,l="large"===(null==t?void 0:t.size)&&"overContent"===(null==t?void 0:t.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(L,null,f.default.createElement(M,{isInverted:l,navLinks:n})),f.default.createElement(L,null,f.default.createElement(r.LanguageSwitcher,{isInverted:l,langs:a})))},w=Object.freeze({__proto__:null,MenuFooter:N,MenuHeader:e.MenuHeader,NavBarBottom:b,NavBarMain:C,NavBarTop:q});exports.MenuHeaderPartial=e.MenuHeader,exports.Navigation=e.Navigation,exports.generateNavbarIdent=e.generateNavbarIdent,exports.getFullNavbarHeights=e.getFullNavbarHeights,exports.getNavbarState=e.getNavbarState,exports.MenuFooterPartial=N,exports.NavBarBottomPartial=b,exports.NavBarMainPartial=C,exports.NavBarTopPartial=q,exports.NavPartials=w,exports.NavSkeletons=_;
 //# sourceMappingURL=navigation.js.map

package/cjs/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sources":["../src/components/sections/navigation/partials/MenuFooter.tsx","../src/components/sections/navigation/partials/NavBarBottom.tsx","../src/components/sections/navigation/partials/NavBarMain.tsx","../src/components/sections/navigation/partials/NavBarTop.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\nimport { NavMenuStates } from '../Navigation';\n\nimport SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport { isValidArray } from 'utils/arrays';\n\nconst Footer = styled.div`\n    display: flex;\n    flex-direction: column;\n\n    padding: ${spacings.nudge * 2}px;\n    margin-top: auto;\n\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n`;\n\nconst MenuFooter: FC<{\n    isInverted?: boolean;\n    langs?: Language[];\n    socials?: SocialItem[];\n    menuStates?: NavMenuStates;\n}> = ({ isInverted, langs, socials }) => {\n    const hasSocials = isValidArray(socials, false);\n    const hasLangs = isValidArray(langs, false);\n\n    return (\n        <React.Fragment>\n            {(hasSocials || hasLangs) && (\n                <Footer>\n                    {hasSocials && (\n                        <SocialList isInverted={isInverted} items={socials} />\n                    )}\n                    {hasLangs && (\n                        <LanguageSwitcher\n                            isInverted={isInverted}\n                            langs={langs}\n                        />\n                    )}\n                </Footer>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default MenuFooter;\n","import React, { FC } from 'react';\n\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { LinkProps } from 'components/typography/Link';\n\nconst NavBarBottom: FC<{\n    rootLink?: LinkProps;\n    rootLabel?: string;\n    navStates: NavBarStates;\n}> = ({ rootLink, rootLabel, navStates }) => {\n    const isInverted =\n        navStates?.size === 'large' && navStates?.pageFlow === 'overContent';\n\n    return (\n        <Skeletons.Breadcrumbs\n            isInverted={isInverted}\n            rootLink={rootLink}\n            rootLabel={rootLabel}\n            navItems={navStates.mainNavigation}\n        />\n    );\n};\n\nexport default NavBarBottom;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport MenuBurger from 'components/base/icons/MenuBurger';\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { spacings, mq } from 'utils/styles';\nimport { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\n\nconst ToggleColumn = styled(Skeletons.Column)`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nconst LogoColumn = styled(Skeletons.Column)`\n    display: flex;\n    align-items: center;\n    padding: ${spacings.nudge}px 0;\n`;\n\nconst ActionsColumn = styled(Skeletons.Column)`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    @media ${mq.medium} {\n        & > * + * {\n            margin-left: ${spacings.nudge * 2}px;\n        }\n    }\n`;\n\nconst LanguageWrapper = styled.div`\n    display: none;\n\n    @media ${mq.semilarge} {\n        display: block;\n        margin-left: ${spacings.nudge * 3}px;\n        margin-top: 2px;\n    }\n`;\n\nconst NavBarMain: FC<{\n    isInverted?: boolean;\n    logo?: {\n        desktop?: { src: string; alt?: string };\n        desktopInverted?: { src: string; alt?: string };\n        mobile?: { src: string; alt?: string };\n        mobileInverted?: { src: string; alt?: string };\n        link?: Omit<LinkProps, 'coverSpace' | 'ratios'>;\n    };\n    customToggle?: (props: { isInverted?: boolean }) => React.ReactNode;\n    langs?: Language[];\n    primaryAction?: (\n        props: { isInverted?: boolean } & NavBarStates\n    ) => React.ReactNode;\n    secondaryAction?: (\n        props: { isInverted?: boolean } & NavBarStates\n    ) => React.ReactNode;\n    navStates: NavBarStates;\n}> = ({\n    isInverted,\n    logo,\n    navStates,\n    customToggle,\n    langs,\n    primaryAction,\n    secondaryAction,\n}) => {\n    const inverted =\n        isInverted !== undefined\n            ? isInverted\n            : navStates?.size === 'large' &&\n              navStates?.pageFlow === 'overContent';\n\n    return (\n        <React.Fragment>\n            <ToggleColumn takeSpace vAlign=\"center\" isInverted={inverted}>\n                <Skeletons.MenuToggle\n                    isInverted={inverted}\n                    isExpanded={navStates?.isMenuOpen}\n                    onClick={navStates?.openMenu}\n                >\n                    {customToggle ? (\n                        customToggle({ isInverted: inverted })\n                    ) : (\n                        <MenuBurger ariaHidden={true} />\n                    )}\n                </Skeletons.MenuToggle>\n                {isValidArray(langs, false) && (\n                    <LanguageWrapper>\n                        <LanguageSwitcher isInverted={inverted} langs={langs} />\n                    </LanguageWrapper>\n                )}\n            </ToggleColumn>\n            {logo?.desktop?.src && (\n                <LogoColumn isInverted={inverted}>\n                    <Skeletons.Logo\n                        link={logo.link}\n                        logo={{\n                            small: inverted\n                                ? logo?.mobileInverted?.src || ''\n                                : logo?.mobile?.src || '',\n                            semilarge: inverted\n                                ? logo?.desktopInverted?.src || ''\n                                : logo?.desktop?.src || '',\n                            alt: logo?.desktop?.alt,\n                        }}\n                    />\n                </LogoColumn>\n            )}\n            <ActionsColumn takeSpace vAlign=\"center\">\n                {secondaryAction\n                    ? secondaryAction({\n                          isInverted: inverted,\n                          ...navStates,\n                      })\n                    : undefined}\n                {primaryAction\n                    ? primaryAction({\n                          isInverted: inverted,\n                          ...navStates,\n                      })\n                    : undefined}\n            </ActionsColumn>\n        </React.Fragment>\n    );\n};\n\nexport default NavBarMain;\n","import styled from 'styled-components';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport React, { FC } from 'react';\nimport { mq, spacings } from 'utils/styles';\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { NavItem } from '../menu/Menu';\n\nconst StyledCol = styled(Skeletons.Column)`\n    &:not(:first-child) {\n        margin-left: ${spacings.spacer}px;\n    }\n`;\n\nconst StyledNavList = styled(Skeletons.NavList)`\n    display: none;\n\n    @media ${mq.semilarge} {\n        display: inline-flex;\n    }\n`;\n\nconst NavBarTop: FC<{\n    navLinks?: Array<NavItem>;\n    languages?: Array<Language>;\n    navStates: NavBarStates;\n}> = ({ navLinks, languages, navStates }) => {\n    const isInverted =\n        navStates?.size === 'large' && navStates?.pageFlow === 'overContent';\n\n    return (\n        <React.Fragment>\n            <StyledCol>\n                <StyledNavList isInverted={isInverted} navLinks={navLinks} />\n            </StyledCol>\n            <StyledCol>\n                <LanguageSwitcher isInverted={isInverted} langs={languages} />\n            </StyledCol>\n        </React.Fragment>\n    );\n};\n\nexport default NavBarTop;\n"],"names":["Footer","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","spacer","MenuFooter","_a","isInverted","langs","socials","hasSocials","isValidArray","hasLangs","React","createElement","Fragment","SocialList","items","LanguageSwitcher","NavBarBottom","rootLink","rootLabel","navStates","size","pageFlow","Skeletons","navItems","mainNavigation","ToggleColumn","LogoColumn","templateObject_2","ActionsColumn","templateObject_3","mq","medium","LanguageWrapper","templateObject_4","semilarge","NavBarMain","logo","customToggle","primaryAction","secondaryAction","inverted","undefined","takeSpace","vAlign","isExpanded","isMenuOpen","onClick","openMenu","MenuBurger","ariaHidden","desktop","_b","src","link","small","_c","mobileInverted","_d","mobile","_e","desktopInverted","_f","alt","_g","__assign","StyledCol","StyledNavList","NavBarTop","navLinks","languages"],"mappings":"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"}
+{"version":3,"file":"navigation.js","sources":["../src/components/sections/navigation/partials/MenuFooter.tsx","../src/components/sections/navigation/partials/NavBarBottom.tsx","../src/components/sections/navigation/partials/NavBarMain.tsx","../src/components/sections/navigation/partials/NavBarTop.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\nimport { NavMenuStates } from '../Navigation';\n\nimport SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport { isValidArray } from 'utils/arrays';\n\nconst Footer = styled.div`\n    display: flex;\n    flex-direction: column;\n\n    padding: ${spacings.nudge * 2}px;\n    margin-top: auto;\n\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n`;\n\nconst MenuFooter: FC<{\n    isInverted?: boolean;\n    langs?: Language[];\n    socials?: SocialItem[];\n    menuStates?: NavMenuStates;\n}> = ({ isInverted, langs, socials }) => {\n    const hasSocials = isValidArray(socials, false);\n    const hasLangs = isValidArray(langs, false);\n\n    return (\n        <React.Fragment>\n            {(hasSocials || hasLangs) && (\n                <Footer>\n                    {hasSocials && (\n                        <SocialList isInverted={isInverted} items={socials} />\n                    )}\n                    {hasLangs && (\n                        <LanguageSwitcher\n                            isInverted={isInverted}\n                            langs={langs}\n                        />\n                    )}\n                </Footer>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default MenuFooter;\n","import React, { FC } from 'react';\n\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { LinkProps } from 'components/typography/Link';\n\nconst NavBarBottom: FC<{\n    rootLink?: LinkProps;\n    rootLabel?: string;\n    navStates: NavBarStates;\n}> = ({ rootLink, rootLabel, navStates }) => {\n    const isInverted =\n        navStates?.size === 'large' && navStates?.pageFlow === 'overContent';\n\n    return (\n        <Skeletons.Breadcrumbs\n            isInverted={isInverted}\n            rootLink={rootLink}\n            rootLabel={rootLabel}\n            navItems={navStates.mainNavigation}\n        />\n    );\n};\n\nexport default NavBarBottom;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport MenuBurger from 'components/base/icons/MenuBurger';\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { spacings, mq } from 'utils/styles';\nimport { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\n\nconst ToggleColumn = styled(Skeletons.Column)`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nconst LogoColumn = styled(Skeletons.Column)`\n    display: flex;\n    align-items: center;\n    padding: ${spacings.nudge}px 0;\n`;\n\nconst ActionsColumn = styled(Skeletons.Column)`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    @media ${mq.medium} {\n        & > * + * {\n            margin-left: ${spacings.nudge * 2}px;\n        }\n    }\n`;\n\nconst LanguageWrapper = styled.div`\n    display: none;\n\n    @media ${mq.semilarge} {\n        display: block;\n        margin-left: ${spacings.nudge * 3}px;\n        margin-top: 2px;\n    }\n`;\n\nconst NavBarMain: FC<{\n    isInverted?: boolean;\n    logo?: {\n        desktop?: { src: string; alt?: string };\n        desktopInverted?: { src: string; alt?: string };\n        mobile?: { src: string; alt?: string };\n        mobileInverted?: { src: string; alt?: string };\n        link?: Omit<LinkProps, 'coverSpace' | 'ratios'>;\n    };\n    customToggle?: (props: { isInverted?: boolean }) => React.ReactNode;\n    langs?: Language[];\n    primaryAction?: (\n        props: { isInverted?: boolean } & NavBarStates\n    ) => React.ReactNode;\n    secondaryAction?: (\n        props: { isInverted?: boolean } & NavBarStates\n    ) => React.ReactNode;\n    navStates: NavBarStates;\n}> = ({\n    isInverted,\n    logo,\n    navStates,\n    customToggle,\n    langs,\n    primaryAction,\n    secondaryAction,\n}) => {\n    const inverted =\n        isInverted !== undefined\n            ? isInverted\n            : navStates?.size === 'large' &&\n              navStates?.pageFlow === 'overContent';\n\n    return (\n        <React.Fragment>\n            <ToggleColumn takeSpace vAlign=\"center\" isInverted={inverted}>\n                <Skeletons.MenuToggle\n                    isInverted={inverted}\n                    isExpanded={navStates?.isMenuOpen}\n                    onClick={navStates?.openMenu}\n                >\n                    {customToggle ? (\n                        customToggle({ isInverted: inverted })\n                    ) : (\n                        <MenuBurger ariaHidden={true} />\n                    )}\n                </Skeletons.MenuToggle>\n                {isValidArray(langs, false) && (\n                    <LanguageWrapper>\n                        <LanguageSwitcher isInverted={inverted} langs={langs} />\n                    </LanguageWrapper>\n                )}\n            </ToggleColumn>\n            {logo?.desktop?.src && (\n                <LogoColumn isInverted={inverted}>\n                    <Skeletons.Logo\n                        link={logo.link}\n                        logo={{\n                            small: inverted\n                                ? logo?.mobileInverted?.src || ''\n                                : logo?.mobile?.src || '',\n                            semilarge: inverted\n                                ? logo?.desktopInverted?.src || ''\n                                : logo?.desktop?.src || '',\n                            alt: logo?.desktop?.alt,\n                        }}\n                    />\n                </LogoColumn>\n            )}\n            <ActionsColumn takeSpace vAlign=\"center\">\n                {secondaryAction\n                    ? secondaryAction({\n                          isInverted: inverted,\n                          ...navStates,\n                      })\n                    : undefined}\n                {primaryAction\n                    ? primaryAction({\n                          isInverted: inverted,\n                          ...navStates,\n                      })\n                    : undefined}\n            </ActionsColumn>\n        </React.Fragment>\n    );\n};\n\nexport default NavBarMain;\n","import styled from 'styled-components';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport React, { FC } from 'react';\nimport { mq, spacings } from 'utils/styles';\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { NavItem } from '../menu/Menu';\n\nconst StyledCol = styled(Skeletons.Column)`\n    &:not(:first-child) {\n        margin-left: ${spacings.spacer}px;\n    }\n`;\n\nconst StyledNavList = styled(Skeletons.NavList)`\n    display: none;\n\n    @media ${mq.semilarge} {\n        display: inline-flex;\n    }\n`;\n\nconst NavBarTop: FC<{\n    navLinks?: Array<NavItem>;\n    languages?: Array<Language>;\n    navStates: NavBarStates;\n}> = ({ navLinks, languages, navStates }) => {\n    const isInverted =\n        navStates?.size === 'large' && navStates?.pageFlow === 'overContent';\n\n    return (\n        <React.Fragment>\n            <StyledCol>\n                <StyledNavList isInverted={isInverted} navLinks={navLinks} />\n            </StyledCol>\n            <StyledCol>\n                <LanguageSwitcher isInverted={isInverted} langs={languages} />\n            </StyledCol>\n        </React.Fragment>\n    );\n};\n\nexport default NavBarTop;\n"],"names":["Footer","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","spacer","MenuFooter","_a","isInverted","langs","socials","hasSocials","isValidArray","hasLangs","React","createElement","Fragment","SocialList","items","LanguageSwitcher","NavBarBottom","rootLink","rootLabel","navStates","size","pageFlow","Skeletons","navItems","mainNavigation","ToggleColumn","LogoColumn","templateObject_2","ActionsColumn","templateObject_3","mq","medium","LanguageWrapper","templateObject_4","semilarge","NavBarMain","logo","customToggle","primaryAction","secondaryAction","inverted","undefined","takeSpace","vAlign","isExpanded","isMenuOpen","onClick","openMenu","MenuBurger","ariaHidden","desktop","_b","src","link","small","_c","mobileInverted","_d","mobile","_e","desktopInverted","_f","alt","_g","__assign","StyledCol","StyledNavList","NavBarTop","navLinks","languages"],"mappings":"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"}