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

package/cjs/VideoBlock-301997a9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoBlock-301997a9.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/sections/header/HeaderKenBurns.tsx","../src/components/sections/header/HeaderPoster.tsx","../src/components/sections/header/HeaderVideo.tsx","../src/components/blocks/VideoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { spacings, mq, FontOptions } from 'utils/styles';\n\nimport Title, { TitleSize } from 'components/blocks/Title';\nimport Copy, { CopyType } from 'components/typography/Copy';\nimport Actions from 'components/blocks/Actions';\nimport { HeadlineTag } from 'components/typography/Heading';\nimport Image, { ImageProps } from './Image';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ${({ isCentered }) => isCentered && 'center'};\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst Content = styled.div`\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    max-width: 100%;\n\n    @media ${mq.semilarge} {\n        flex: 1 0 66.66%;\n    }\n`;\n\nconst StyledTitle = styled(Title)<{ clamp?: boolean }>`\n    max-width: ${({ clamp }) => clamp && '880px'};\n`;\n\nconst ContentBlock = styled(Copy)<{\n    isCentered?: boolean;\n    clamp?: boolean;\n    maxLines?: number;\n}>`\n    display: block;\n    max-width: ${({ clamp }) => clamp && '880px'};\n    margin-left: ${({ isCentered }) => isCentered && 'auto'};\n    margin-right: ${({ isCentered }) => isCentered && 'auto'};\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    & + & {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst StyledActions = styled(Actions)<{ isCentered?: boolean }>`\n    @media ${mq.medium} {\n        display: block;\n        text-align: ${({ isCentered }) => isCentered && 'center'};\n    }\n`;\n\nconst MobileImageContainer = styled.div<{ isCentered?: boolean }>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.semilarge} {\n        display: ${({ isCentered }) => (isCentered ? 'block' : 'none')};\n    }\n`;\n\nconst DesktopImageContainer = styled.div`\n    display: none;\n    width: 100%;\n\n    @media ${mq.semilarge} {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n`;\n\nconst IntroBlock: React.FC<{\n    /** Define rendered HTML DOM tag of intro container */\n    renderAs?: 'div' | 'figcaption';\n\n    /** Color presets for text and blocks. onImage has always a white text color */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Main title size */\n    titleSize?: TitleSize;\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    /** Intro text underneath the title (richtext) */\n    abstract?: string;\n\n    /** Main intro text (richtext) */\n    text?: string;\n\n    /** Intro image. coverSpace defaults to true */\n    image?: ImageProps;\n\n    /** Copy type of intro text (limits richtext capabilites on textType == copy-b or copy-i) */\n    textType?: CopyType;\n\n    /** Copy size of intro text */\n    textSize?: keyof FontOptions;\n\n    /** Function to inject custom primary button */\n    primaryAction?: (isInverted?: boolean) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (isInverted?: boolean) => React.ReactNode;\n\n    /** Center text and actions */\n    isCentered?: boolean;\n\n    /** Clamp title to max width of 880px */\n    clampTitle?: boolean;\n\n    /** Limit lines of title. Cut of with elipsis */\n    maxTitleLines?: number;\n\n    /** Clamp text to max width of 880px */\n    clampText?: boolean;\n\n    /** Clamp abstract to max width of 880px */\n    clampAbstract?: boolean;\n\n    /** Limit lines of text. Cut of with elipsis */\n    maxTextLines?: number;\n\n    /** Limit lines of abstract text. Cut of with elipsis */\n    maxAbstractLines?: number;\n\n    /** Main title hyphens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    renderAs = 'div',\n    colorMode = 'default',\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    superTitle,\n    superTitleAs,\n    abstract,\n    text,\n    textType = 'copy',\n    textSize = 'medium',\n    primaryAction,\n    secondaryAction,\n    isCentered = false,\n    clampTitle = false,\n    clampAbstract = false,\n    maxTitleLines,\n    maxAbstractLines,\n    clampText = false,\n    maxTextLines,\n    className,\n    titleHyphens,\n    image,\n}) => {\n    const isInverted = colorMode === 'inverted' || colorMode === 'onImage';\n    const coverSpace = image?.coverSpace === false ? false : true;\n\n    return (\n        <View as={renderAs} isCentered={isCentered} className={className}>\n            <Content>\n                {(title || superTitle) && (\n                    <StyledTitle\n                        colorMode={colorMode}\n                        title={title}\n                        titleAs={titleAs}\n                        titleSize={titleSize}\n                        superTitle={superTitle}\n                        superTitleAs={superTitleAs}\n                        isCentered={isCentered}\n                        clamp={clampTitle}\n                        maxLines={maxTitleLines}\n                        titleHyphens={titleHyphens}\n                    />\n                )}\n                {image?.small && (\n                    <MobileImageContainer isCentered={isCentered}>\n                        <Image\n                            {...image}\n                            coverSpace={coverSpace}\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                        />\n                    </MobileImageContainer>\n                )}\n                {abstract && (\n                    <ContentBlock\n                        type=\"copy\"\n                        size=\"big\"\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={abstract}\n                        clamp={clampAbstract}\n                        maxLines={maxAbstractLines}\n                    />\n                )}\n                {text && (\n                    <ContentBlock\n                        type={textType}\n                        size={textSize}\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={text}\n                        clamp={clampText}\n                        maxLines={maxTextLines}\n                    />\n                )}\n                {(primaryAction || secondaryAction) && (\n                    <StyledActions\n                        primary={primaryAction && primaryAction(isInverted)}\n                        secondary={\n                            secondaryAction && secondaryAction(isInverted)\n                        }\n                    />\n                )}\n            </Content>\n\n            {image?.small && !isCentered && (\n                <DesktopImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace={coverSpace}\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                    />\n                </DesktopImageContainer>\n            )}\n        </View>\n    );\n};\n\nexport default IntroBlock;\n","import React, { FC, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { useMediaQuery } from 'utils/useMediaQuery';\nimport Image from 'components/blocks/Image';\nimport { clampValue } from 'utils/clamp';\nimport { HeaderImage } from './Header';\n\nconst AnimationContainer = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n`;\n\nconst PosterImage = styled(Image)`\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n`;\n\nconst AnimationImage = styled.img<{\n    scale?: number;\n    opacity?: number;\n    zoomPoint?: [number, number];\n}>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ${({ scale }) => `2s, ${scale === 1 ? '0s' : '13s'}`};\n    transition-delay: ${({ scale }) =>\n        `${scale === 1 ? '1s' : '0s'}, ${scale === 1 ? '3s' : '0s'}`};\n\n    opacity: ${({ opacity }) => opacity && opacity};\n    transform: scale(${({ scale }) => scale || 1})\n        rotate(${({ scale }) => (scale !== 1 ? 0.04 : 0)}deg);\n    transform-origin: ${({ zoomPoint }) =>\n        zoomPoint ? `${zoomPoint[0] * 100}% ${zoomPoint[1] * 100}%` : 'center'};\n\n    will-change: transform, opacity;\n`;\n\nconst AnimationImages: FC<{\n    zoom?: number;\n    zoomPoint?: [number, number];\n    images: KenBurnsImage[];\n    interval?: number;\n    onChange?: (imgId: number) => void;\n}> = ({\n    zoom = 1.08,\n    zoomPoint = [0.5, 0.5],\n    interval = 10000,\n    images,\n    onChange,\n}) => {\n    const intervalRef = useRef<number | null>();\n    const initialTimeoutRef = useRef<number | null>();\n    const [activeImg, setActiveImg] = useState<number>(-1);\n\n    useEffect(() => {\n        const changeImage = () => {\n            setActiveImg((prev) => {\n                return (prev + 1) % images.length;\n            });\n        };\n\n        // changeImage();\n        initialTimeoutRef.current = window.setTimeout(changeImage, 200);\n        if (intervalRef.current) window.clearInterval(intervalRef.current);\n        intervalRef.current = window.setInterval(changeImage, interval);\n\n        return () => {\n            if (initialTimeoutRef.current)\n                window.clearTimeout(initialTimeoutRef.current);\n            if (intervalRef.current) window.clearInterval(intervalRef.current);\n        };\n    }, [images, interval]);\n\n    useEffect(() => {\n        if (activeImg !== -1) onChange && onChange(activeImg);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [activeImg]);\n\n    return (\n        <React.Fragment>\n            {images.map((img, i) => {\n                let imgZoom = 1;\n                let imgZoomPoint = zoomPoint;\n\n                if (i === activeImg) {\n                    imgZoom = img.zoom !== undefined ? img.zoom : zoom;\n                }\n\n                if (img.zoomPoint) {\n                    imgZoomPoint = getValidZoomPoint(img.zoomPoint);\n                }\n\n                return (\n                    <AnimationImage\n                        key={i}\n                        style={{\n                            zIndex: i === activeImg ? 1 : 0,\n                        }}\n                        src={img.image}\n                        scale={imgZoom}\n                        opacity={i === activeImg ? 1 : 0}\n                        zoomPoint={imgZoomPoint}\n                        alt={img.alt || ''}\n                    />\n                );\n            })}\n        </React.Fragment>\n    );\n};\n\nconst preloadImages = (images: KenBurnsImage[]): Promise<KenBurnsImage>[] => {\n    const loadedImages: Promise<KenBurnsImage>[] = images.map((req) => {\n        return new Promise((resolve) => {\n            const img = new window.Image();\n            img.src = req.image;\n            img.onload = () => resolve(req);\n        });\n    });\n\n    return loadedImages;\n};\n\ntype KenBurnsMq = 'small' | 'medium' | 'large' | 'xlarge';\n\ninterface KenBurnsImage {\n    id: number | string;\n    image: string;\n    alt?: string;\n    zoom?: number;\n    zoomPoint?: [number, number];\n}\n\nconst getValidZoomPoint = (point: [number, number]) => {\n    return [clampValue(point[0], 0, 1), clampValue(point[1], 0, 1)] as [\n        number,\n        number\n    ];\n};\n\nconst HeaderKenBurns: React.FC<{\n    images: HeaderImage[];\n    zoom?: number;\n    zoomPoint?: [number, number];\n    interval?: number;\n    onImageChange?: (currentImg: HeaderImage) => void;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    images,\n    zoom = 1.08,\n    zoomPoint = [0.5, 0.5],\n    interval = 10000,\n    onImageChange,\n    className,\n    children,\n}) => {\n    const mqs: KenBurnsMq[] = ['small', 'medium', 'large', 'xlarge'];\n    const currentMq = useMediaQuery(mqs) as KenBurnsMq | undefined;\n\n    const [loadedImages, setLoadedImages] = useState<{\n        [key: string]: KenBurnsImage[];\n    }>({\n        small: [],\n        medium: [],\n        large: [],\n        xlarge: [],\n    });\n\n    useEffect(() => {\n        if (currentMq) {\n            const loadedForMq = loadedImages[currentMq];\n\n            if (loadedForMq.length < images.length && images.length >= 2) {\n                const requestedImages: KenBurnsImage[] = images.map(\n                    (img, i) => ({\n                        id: i,\n                        image: img[currentMq] as string,\n                        zoom: img.zoom || zoom,\n                        zoomPoint: img.zoomPoint || zoomPoint,\n                        alt: img.alt,\n                    })\n                );\n\n                const resolve = async (\n                    imagePromises: Promise<KenBurnsImage>[]\n                ) => {\n                    for (const promise of imagePromises) {\n                        const loadedImg = await promise;\n\n                        setLoadedImages((prev) => {\n                            // check if image id already exists in array\n                            if (\n                                !prev[currentMq].find(\n                                    (e) => e.id === loadedImg.id\n                                )\n                            ) {\n                                return {\n                                    ...prev,\n                                    [currentMq]: [\n                                        ...prev[currentMq],\n                                        loadedImg,\n                                    ],\n                                };\n                            } else return prev;\n                        });\n                    }\n                };\n\n                resolve(preloadImages(requestedImages));\n            }\n        }\n    }, [currentMq, images, loadedImages, zoom, zoomPoint]);\n\n    return (\n        <AnimationContainer className={className}>\n            <PosterImage {...images[0]} coverSpace ratios={undefined} />\n            {currentMq && loadedImages[currentMq].length >= images.length && (\n                <AnimationImages\n                    zoom={zoom}\n                    zoomPoint={getValidZoomPoint(zoomPoint)}\n                    interval={interval}\n                    images={loadedImages[currentMq]}\n                    onChange={(id) =>\n                        images[id] && onImageChange && onImageChange(images[id])\n                    }\n                />\n            )}\n            {children}\n        </AnimationContainer>\n    );\n};\n\nexport default HeaderKenBurns;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport Image, { ImageProps } from 'components/blocks/Image';\nimport { HeaderFocus } from './Header';\n\nconst PosterView = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n`;\n\nconst BgImage = styled(Image)<{ focus?: HeaderFocus }>`\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ${({ focus }) =>\n            `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\n    }\n`;\n\nconst HeaderPoster: React.FC<{\n    isInverted?: boolean;\n    bgImage?: Omit<ImageProps, 'ratios' | 'coverSpace'>;\n    focus?: HeaderFocus;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ isInverted, bgImage, focus, className, children }) => {\n    return (\n        <PosterView className={className}>\n            {bgImage && (\n                <BgImage\n                    {...bgImage}\n                    coverSpace\n                    ratios={undefined}\n                    isInverted={isInverted}\n                    focus={focus}\n                />\n            )}\n            {children}\n        </PosterView>\n    );\n};\n\nexport default HeaderPoster;\n","import React, { useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { useState, useEffect } from 'react';\nimport Image from 'components/blocks/Image';\nimport { useMediaQuery } from 'utils/useMediaQuery';\nimport { HeaderFocus, HeaderImage } from './Header';\nimport { mq, spacings } from 'utils/styles';\nimport { useObserverSupport } from 'utils/useObserverSupport';\nimport useUpdateEffect from 'utils/useUpdateEffect';\n\nconst PosterView = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n`;\n\nconst PlaceholderImg = styled(Image)<{ focus?: HeaderFocus }>`\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ${({ focus }) =>\n            `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ${spacings.spacer * 2}px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ${spacings.spacer}px;\n            max-width: 880px;\n        }\n    }\n`;\n\nconst AutoplayVideo = styled.video<{\n    isVisible?: boolean;\n    focus?: HeaderFocus;\n}>`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ${({ focus }) =>\n        `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\n    opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n`;\n\ntype HeaderVideoMq = 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge';\n\nconst HeaderVideo: React.FC<{\n    isInverted?: boolean;\n    loadOnMobile?: boolean;\n    placeholderImg?: HeaderImage;\n    focus?: HeaderFocus;\n    videoUrl?: string;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    isInverted,\n    loadOnMobile = true,\n    placeholderImg,\n    focus,\n    videoUrl,\n    className,\n    children,\n}) => {\n    const videoRef = useRef<HTMLVideoElement | null>(null);\n    const viewRef = useRef<HTMLDivElement | null>(null);\n    const [isLoaded, setLoaded] = useState<boolean>(\n        !placeholderImg?.small || false\n    );\n    const isObserverSupported = useObserverSupport();\n    const currentMq = useMediaQuery([\n        'small',\n        'medium',\n        'semilarge',\n        'large',\n        'xlarge',\n    ]) as HeaderVideoMq | undefined;\n\n    const isMobile = currentMq === undefined || currentMq === 'small';\n    const isVideoAllowed = loadOnMobile || !isMobile;\n\n    const [isVideoActive, setVideoActive] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (!isVideoAllowed) setLoaded(false);\n    }, [isMobile, isVideoAllowed, loadOnMobile]);\n\n    useEffect(() => {\n        if (!videoRef.current) return;\n\n        if (videoRef.current.readyState > 3) {\n            setLoaded(true);\n        }\n    }, []);\n\n    useUpdateEffect(() => {\n        if (!isVideoAllowed || !videoUrl || !viewRef.current) return;\n        if (!isObserverSupported) {\n            setVideoActive(true);\n            return;\n        }\n\n        const observer = new IntersectionObserver(\n            (entries, observer) => {\n                const [entry] = entries;\n\n                if (entry.isIntersecting) {\n                    observer.unobserve(entry.target);\n                    setVideoActive(true);\n                }\n            },\n            {\n                rootMargin: '200px 0px 200px 0px',\n            }\n        );\n\n        const viewEl = viewRef.current;\n        observer.observe(viewEl);\n\n        return () => {\n            if (viewEl) observer.unobserve(viewEl);\n        };\n    }, [isObserverSupported, isVideoAllowed]);\n\n    return (\n        <PosterView ref={viewRef} className={className}>\n            {placeholderImg?.small && !isLoaded && (\n                <PlaceholderImg\n                    {...placeholderImg}\n                    coverSpace\n                    ratios={undefined}\n                    isInverted={isInverted}\n                    focus={focus}\n                />\n            )}\n            {videoUrl && isVideoAllowed && (\n                <AutoplayVideo\n                    ref={videoRef}\n                    isVisible={isLoaded}\n                    src={isVideoActive ? videoUrl : undefined}\n                    muted\n                    autoPlay\n                    loop\n                    playsInline\n                    onCanPlayThrough={() => {\n                        setLoaded(true);\n                    }}\n                    focus={focus}\n                />\n            )}\n            {children}\n        </PosterView>\n    );\n};\n\nexport default HeaderVideo;\n","import React, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { getGlobals as global, mq } from 'utils/styles';\n\nconst AspectContainer = styled.div<{\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n}>`\n    position: relative;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) => ratios?.small};\n    width: ${({ ratios }) => ratios?.small && '100%'};\n    max-width: 100%;\n\n    background: ${({ theme, isInverted }) =>\n        isInverted\n            ? global(theme).sections.imagePlaceholderBg.inverted\n            : global(theme).sections.imagePlaceholderBg.default};\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ${({ ratios }) => ratios?.small && 0};\n        padding-top: ${({ ratios }) =>\n            ratios?.small && `calc(100% / ${ratios?.small})`};\n    }\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) => ratios?.medium};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.medium && `calc(100% / ${ratios?.medium})`};\n        }\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.semilarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.semilarge && `calc(100% / ${ratios?.semilarge})`};\n        }\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) => ratios?.large};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.large && `calc(100% / ${ratios?.large})`};\n        }\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.xlarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.xlarge && `calc(100% / ${ratios?.xlarge})`};\n        }\n    }\n\n    ${({ ratios }) =>\n        ratios &&\n        css`\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Video = styled.video`\n    display: block;\n`;\n\nexport interface VideoAspectRatios {\n    small: number;\n    medium?: number;\n    semilarge?: number;\n    large?: number;\n    xlarge?: number;\n}\n\nexport interface VideoProps {\n    urls?: string[];\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n\n    muted?: boolean;\n    autoPlay?: boolean;\n    loop?: boolean;\n    controls?: boolean;\n    playsInline?: boolean;\n    onCanPlayThrough?: () => void;\n}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","mq","semilarge","spacings","spacer","Content","templateObject_2","StyledTitle","Title","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","maxLines","css","nudge","StyledActions","Actions","medium","MobileImageContainer","templateObject_7","DesktopImageContainer","templateObject_8","AnimationContainer","PosterImage","Image","AnimationImage","img","scale","concat","opacity","zoomPoint","AnimationImages","_b","zoom","_c","_d","interval","images","onChange","intervalRef","useRef","initialTimeoutRef","_e","useState","activeImg","setActiveImg","useEffect","changeImage","prev","length","current","window","setTimeout","clearInterval","setInterval","clearTimeout","React","createElement","Fragment","map","i","imgZoom","imgZoomPoint","undefined","getValidZoomPoint","key","style","zIndex","src","image","alt","point","clampValue","PosterView","BgImage","focus","PlaceholderImg","AutoplayVideo","video","isVisible","AspectContainer","theme","global","sections","edgeRadius","ratios","small","isInverted","getGlobals","imagePlaceholderBg","inverted","default","large","xlarge","Video","VideoBlock","forwardRef","ref","urls","muted","autoPlay","loop","controls","_f","playsInline","onCanPlayThrough","className","videoRef","useImperativeHandle","readyState","url","onImageChange","children","currentMq","useMediaQuery","loadedImages","setLoadedImages","imagePromises","requestedImages","id","req","Promise","resolve","onload","preloadImages","__awaiter","promise","loadedImg","sent","find","e","__assign","_i","imagePromises_1","coverSpace","bgImage","loadOnMobile","placeholderImg","videoUrl","viewRef","isLoaded","setLoaded","isObserverSupported","useObserverSupport","isMobile","isVideoAllowed","isVideoActive","setVideoActive","useUpdateEffect","observer","IntersectionObserver","entries","entry","isIntersecting","unobserve","target","rootMargin","viewEl","observe","renderAs","colorMode","title","titleAs","titleSize","superTitle","superTitleAs","abstract","text","textType","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","titleHyphens","as","allowEdgeRadius","type","size","textColor","innerHTML","primary","secondary"],"mappings":"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"}

package/cjs/VideoCard-405b518a.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./styles-0f1a0aea.js"),a=require("./useCookieConsent-0bf94751.js"),i=require("./Copy-e860efe7.js"),r=require("./ButtonGhost-046437c5.js"),l=require("./LibThemeProvider-fb99fd6d.js");function c(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,u,d,m,g,p,b=c(e),f=c(t),v=f.default.div.withConfig({displayName:"VideoCard__View",componentId:"sc-7e1mvm-0"})(s||(s=n.__makeTemplateObject(["\n    text-align: center;\n\n    cursor: ",";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('","');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ",";\n    overflow: hidden;\n\n    @media "," {\n        text-align: left;\n\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    &:before {\n        content: ",";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ",";\n        opacity: ",";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ",";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"],["\n    text-align: center;\n\n    cursor: ",";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('","');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ",";\n    overflow: hidden;\n\n    @media "," {\n        text-align: left;\n\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    &:before {\n        content: ",";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ",";\n        opacity: ",";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ",";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"])),(function(n){return n.onClick&&"pointer"}),(function(n){var e=n.bgImage;return e?e.small:""}),(function(n){var e=n.theme;return o.getGlobals(e).sections.edgeRadius}),o.mq.medium,(function(n){var e=n.bgImage;return(null==e?void 0:e.medium)&&'url("'.concat(e.medium,'")')}),o.mq.semilarge,(function(n){var e=n.bgImage;return(null==e?void 0:e.semilarge)&&'url("'.concat(e.semilarge,'")')}),o.mq.large,(function(n){var e=n.bgImage;return(null==e?void 0:e.large)&&'url("'.concat(e.large,'")')}),o.mq.xlarge,(function(n){var e=n.bgImage;return(null==e?void 0:e.xlarge)&&'url("'.concat(e.xlarge,'")')}),(function(n){var e=n.isActive,t=n.bgImage;return!e&&t&&'""'}),(function(n){var e=n.theme;return o.getColors(e).elementBg.medium}),(function(n){return n.bgImage?"0.3":"0"}),(function(n){var e=n.isActive,t=n.bgImage;return!e&&t&&'""'})),h=f.default.button.withConfig({displayName:"VideoCard__VideoControls",componentId:"sc-7e1mvm-1"})(u||(u=n.__makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ",";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ",";\n    }\n\n    ",":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ",":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ",";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"],["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ",";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ",";\n    }\n\n    ",":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ",":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ",";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"])),(function(n){var e=n.theme;return o.getColors(e).elementBg.light}),(function(n){var e=n.theme;return o.getColors(e).elementBg.dark}),v,v,(function(n){var e=n.theme;return o.getColors(e).primary.default}),(function(n){var e=n.theme;return o.getColors(e).primary.default})),k=f.default.div.withConfig({displayName:"VideoCard__ConsentOverlay",componentId:"sc-7e1mvm-2"})(d||(d=n.__makeTemplateObject(["\n    display: ",";\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ",";\n"],["\n    display: ",";\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ",";\n"])),(function(n){return n.isVisible?"flex":"none"}),(function(n){return n.isVisible?"all":"none"})),y=f.default.div.withConfig({displayName:"VideoCard__ConsentContent",componentId:"sc-7e1mvm-3"})(m||(m=n.__makeTemplateObject(["\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),3*o.spacings.nudge),C=f.default(i.Copy).withConfig({displayName:"VideoCard__ConsentText",componentId:"sc-7e1mvm-4"})(g||(g=n.__makeTemplateObject([""],[""]))),x=f.default.iframe.withConfig({displayName:"VideoCard__Iframe",componentId:"sc-7e1mvm-5"})(p||(p=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n"])));exports.VideoCard=function(t){var o,i=t.bgImage,c=t.embedId,s=t.playIcon,u=t.consentText,d=void 0===u?"Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.":u,m=t.consentAction,g=t.className,p=l.useLibTheme().globals,f=e.useState(!1),_=f[0],w=f[1],I=e.useState(!1),j=I[0],V=I[1],q=function(){V(!1)};return b.default.createElement(v,{onClick:j?void 0:function(){var n=a.getCookie(p.cookie.name),e=p.cookie.videoCookieTypeRestrictions.reduce((function(e,t){var o,a;return e?!(!n||!(null==n?void 0:n.data.types))&&(e=!!(null===(a=null===(o=null==n?void 0:n.data)||void 0===o?void 0:o.types)||void 0===a?void 0:a[t])):e}),!0);e?(w(!0),V(!1)):V(!0)},bgImage:_?void 0:i,isActive:_,className:g},!_&&!j&&b.default.createElement(h,null,s||b.default.createElement(n.Play,{iconColor:"#000"})),_&&b.default.createElement(x,{id:"ytplayer",src:"https://www.youtube.com/embed/".concat(c,"?autoplay=1"),allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"}),b.default.createElement(k,{isVisible:j},b.default.createElement(y,null,d&&b.default.createElement(C,{isInverted:!0},d),m?m({handleClick:q,consentProps:(o={},o[a.selectors.buttons.attribute]="",o)}):b.default.createElement(r.ButtonGhost.View,{as:"button",isInverted:!0,onClick:q,className:a.selectors.buttons.class},b.default.createElement(r.ButtonGhost.Label,null,"Zustimmung ändern")))))};
-//# sourceMappingURL=VideoCard-405b518a.js.map

package/cjs/VideoCard-405b518a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoCard-405b518a.js","sources":["../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n    CookieConsentData,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n    bgImage?: ImageProps;\n    isActive?: boolean;\n    onClick?: () => void;\n}>`\n    text-align: center;\n\n    cursor: ${({ onClick }) => onClick && 'pointer'};\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    @media ${mq.medium} {\n        text-align: left;\n\n        background-image: ${({ bgImage }) =>\n            bgImage?.medium && `url(\"${bgImage.medium}\")`};\n    }\n\n    @media ${mq.semilarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n    }\n\n    @media ${mq.large} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.large && `url(\"${bgImage.large}\")`};\n    }\n\n    @media ${mq.xlarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n    }\n\n    &:before {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n`;\n\nconst VideoControls = styled.button`\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ${({ theme }) => color(theme).elementBg.light};\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ${({ theme }) => color(theme).elementBg.dark};\n    }\n\n    ${View}:hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ${View}:active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ${({ theme }) => color(theme).primary.default};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n    display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n`;\n\nexport interface VideoCardProps {\n    bgImage: ImageProps;\n    embedId: string;\n    playIcon?: React.ReactNode;\n    consentText?: string;\n    consentAction?: (props: {\n        handleClick?: () => void;\n        consentProps: Record<string, string>;\n    }) => React.ReactNode;\n}\n\nconst VideoCard: FC<VideoCardProps & { className?: string }> = ({\n    bgImage,\n    embedId,\n    playIcon,\n    consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\n    consentAction,\n    className,\n}) => {\n    const { globals } = useLibTheme();\n    const [isActive, setIsActive] = useState(false);\n    const [showConsent, setShowConsent] = useState(false);\n\n    const handlePlayClick = () => {\n        const cookie = getCookie(\n            globals.cookie.name\n        ) as Cookie<CookieConsentData>;\n\n        const isAccepted =\n            globals.cookie.videoCookieTypeRestrictions.reduce<boolean>(\n                (acc, current) => {\n                    if (!acc) return acc;\n                    if (!cookie || !cookie?.data.types) return false;\n\n                    // set acc to false if type is not defined or set to false\n                    acc = !!cookie?.data?.types?.[current];\n                    return acc;\n                },\n                true\n            );\n\n        if (isAccepted) {\n            setIsActive(true);\n            setShowConsent(false);\n        } else {\n            setShowConsent(true);\n        }\n    };\n\n    const handleConsentActionClick = () => {\n        setShowConsent(false);\n    };\n\n    return (\n        <View\n            onClick={!showConsent ? handlePlayClick : undefined}\n            bgImage={isActive ? undefined : bgImage}\n            isActive={isActive}\n            className={className}\n        >\n            {!isActive && !showConsent && (\n                <VideoControls>\n                    {playIcon || <Play iconColor=\"#000\" />}\n                </VideoControls>\n            )}\n            {isActive && (\n                <Iframe\n                    id=\"ytplayer\"\n                    src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                />\n            )}\n            <ConsentOverlay isVisible={showConsent}>\n                <ConsentContent>\n                    {consentText && (\n                        <ConsentText isInverted>{consentText}</ConsentText>\n                    )}\n                    {consentAction ? (\n                        consentAction({\n                            handleClick: handleConsentActionClick,\n                            consentProps: {\n                                [selectors.buttons.attribute]: '',\n                            },\n                        })\n                    ) : (\n                        <ButtonGhost.View\n                            as=\"button\"\n                            isInverted\n                            onClick={handleConsentActionClick}\n                            className={selectors.buttons.class}\n                        >\n                            <ButtonGhost.Label>\n                                Zustimmung ändern\n                            </ButtonGhost.Label>\n                        </ButtonGhost.View>\n                    )}\n                </ConsentContent>\n            </ConsentOverlay>\n        </View>\n    );\n};\n\nexport default VideoCard;\n"],"names":["View","styled","div","withConfig","displayName","componentId","_a","onClick","bgImage","small","theme","global","sections","edgeRadius","mq","medium","concat","semilarge","large","xlarge","isActive","color","elementBg","VideoControls","button","templateObject_2","__makeTemplateObject","light","dark","primary","default","ConsentOverlay","templateObject_3","isVisible","ConsentContent","spacings","nudge","ConsentText","Copy","templateObject_5","Iframe","iframe","templateObject_6","embedId","playIcon","_c","consentText","consentAction","className","globals","useLibTheme","_d","useState","setIsActive","_e","showConsent","setShowConsent","handleConsentActionClick","React","createElement","undefined","cookie","getCookie","name","isAccepted","videoCookieTypeRestrictions","reduce","acc","current","data","types","_b","Play","iconColor","id","src","allow","isInverted","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":"iZAoBMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,eAAGJ,0qCAIX,4CAGiD,2FAKyB,+HAKP,0CAG/C,8DAImC,0BAGhC,iCAEsC,0BAG1C,iCAEkC,0BAGjC,iCAEmC,gDAIiB,uIAMF,uBACb,gFAMe,gVAjD5D,SAACK,GAAgBC,OAAPD,EAAAC,SAAkB,aAKb,SAACD,GAAE,IAAAE,EAAOF,EAAAE,QAAO,OAACA,EAAUA,EAAQC,MAAQ,MAKpD,SAACH,GAAE,IAAAI,EAAKJ,EAAAI,MAAO,OAAAC,aAAOD,GAAOE,SAASC,aAG9CC,EAAEA,GAACC,QAGY,SAACT,GAAE,IAAAE,EAAOF,EAAAE,QAC1B,OAAAA,MAAAA,OAAA,EAAAA,EAASO,SAAU,QAAAC,OAAQR,EAAQO,OAAU,QAG5CD,EAAEA,GAACG,WACY,SAACX,GAAE,IAAAE,EAAOF,EAAAE,QAC1B,OAAAA,MAAAA,OAAA,EAAAA,EAASS,YAAa,QAAAD,OAAQR,EAAQS,UAAa,QAGlDH,EAAEA,GAACI,OACY,SAACZ,GAAE,IAAAE,EAAOF,EAAAE,QAC1B,OAAAA,MAAAA,OAAA,EAAAA,EAASU,QAAS,QAAAF,OAAQR,EAAQU,MAAS,QAG1CJ,EAAEA,GAACK,QACY,SAACb,GAAE,IAAAE,EAAOF,EAAAE,QAC1B,OAAAA,MAAAA,OAAA,EAAAA,EAASW,SAAU,QAAAH,OAAQR,EAAQW,OAAU,SAItC,SAACb,OAAEc,EAAQd,EAAAc,SAAEZ,EAAOF,EAAAE,QAAO,OAACY,GAAYZ,GAAW,QAM1C,SAACF,GAAE,IAAAI,EAAKJ,EAAAI,MAAO,OAAAW,YAAMX,GAAOY,UAAUP,UAC/C,SAACT,GAAgB,OAAPA,EAAAE,QAAkB,MAAQ,OAMpC,SAACF,OAAEc,EAAQd,EAAAc,SAAEZ,EAAOF,EAAAE,QAAO,OAACY,GAAYZ,GAAW,QAiBhEe,EAAgBtB,EAAAA,QAAOuB,OAAVrB,WAAA,CAAAC,YAAA,2BAAAC,YAAA,eAAGJ,CAAawB,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,8KAAA,+OAAA,mBAAA,wFAAA,+HAAA,8FAAA,wHAAA,CAAA,8KAQqB,+OAYG,mBAGjD,wFAKA,+HAM8D,8FAKR,2HA/BnD,SAACpB,GAAE,IAAAI,EAAKJ,EAAAI,MAAO,OAAAW,YAAMX,GAAOY,UAAUK,SAYlC,SAACrB,GAAE,IAAAI,EAAKJ,EAAAI,MAAO,OAAAW,YAAMX,GAAOY,UAAUM,OAGjD5B,EAKAA,GAMuB,SAACM,GAAE,IAAAI,EAAKJ,EAAAI,MAAO,OAAAW,YAAMX,GAAOmB,QAAQC,WAK5C,SAACxB,GAAE,IAAAI,EAAKJ,EAAAI,MAAO,OAAAW,YAAMX,GAAOmB,QAAQC,WAUnDC,EAAiB9B,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAGJ,CAAU+B,IAAAA,EAAAN,EAAAA,qBAAA,CAAA,kBAAA,mOAAA,OAAA,CAAyB,kBACK,mOAWM,UAXtD,SAACpB,GAAkB,OAAPA,EAAA2B,UAAoB,OAAS,UAWlC,SAAC3B,GAAkB,OAAPA,EAAA2B,UAAoB,MAAQ,UAGxDC,EAAiBjC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAGJ,4IAAU,4FAKO,kBAAD,EAAjBkC,EAAQA,SAACC,OAIzBC,EAAcpC,EAAM,QAACqC,QAAVnC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAGJ,CAAYsC,IAAAA,EAAAb,uBAAA,CAAA,IAAA,CAAA,OAE1Bc,EAASvC,EAAAA,QAAOwC,OAAVtC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,eAAGJ,CAAayC,IAAAA,EAAAhB,uBAAA,CAAA,oHAAA,CAAA,yIAqBmC,SAACpB,SAC5DE,YACAmC,YACAC,aACAC,EAAAvC,EAAAwC,YAAAA,OAAW,IAAAD,EAAG,wFAAuFA,EACrGE,EAAazC,EAAAyC,cACbC,EAAS1C,EAAA0C,UAEDC,EAAYC,wBACdC,EAA0BC,EAAQA,UAAC,GAAlChC,EAAQ+B,EAAA,GAAEE,EAAWF,EAAA,GACtBG,EAAgCF,EAAQA,UAAC,GAAxCG,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GA4B5BG,EAA2B,WAC7BD,GAAe,IAGnB,OACIE,EAAA,QAAAC,cAAC3D,EAAI,CACDO,QAAUgD,OAAgCK,EAhC1B,WACdC,IAAAA,EAASC,EAASA,UACpBb,EAAQY,OAAOE,MAGbC,EACFf,EAAQY,OAAOI,4BAA4BC,QACvC,SAACC,EAAKC,WACF,OAAKD,KACAN,KAAWA,MAAAA,OAAM,EAANA,EAAQQ,KAAKC,UAG7BH,aAAQI,EAAc,QAAdjE,EAAAuD,MAAAA,SAAAA,EAAQQ,YAAM,IAAA/D,OAAA,EAAAA,EAAAgE,4BAAQF,KAJbD,KAOrB,GAGJH,GACAX,GAAY,GACZG,GAAe,IAEfA,GAAe,IAWfhD,QAASY,OAAWwC,EAAYpD,EAChCY,SAAUA,EACV4B,UAAWA,IAET5B,IAAamC,GACXG,wBAACnC,EAAa,KACTqB,GAAYc,UAAAC,cAACa,EAAAA,KAAK,CAAAC,UAAU,UAGpCrD,GACGsC,UAAAC,cAACnB,EACG,CAAAkC,GAAG,WACHC,IAAK,iCAAA3D,OAAiC2B,EAAoB,eAC1DiC,MAAM,4EAGdlB,EAAAA,QAAAC,cAAC5B,EAAc,CAACE,UAAWsB,GACvBG,EAAA,QAAAC,cAACzB,EAAc,KACVY,GACGY,EAAC,QAAAC,cAAAtB,GAAYwC,YAAU,GAAE/B,GAE5BC,EACGA,EAAc,CACV+B,YAAarB,EACbsB,cAAYR,EAAA,GACRA,EAACS,EAAAA,UAAUC,QAAQC,WAAY,GAClCX,KAGLb,EAAC,QAAAC,cAAAwB,EAAAA,YAAYnF,KACT,CAAAoF,GAAG,SACHP,YAAU,EACVtE,QAASkD,EACTT,UAAWgC,EAAAA,UAAUC,QAAQI,OAE7B3B,EAAC,QAAAC,cAAAwB,cAAYG,MAEO,KAAA"}

package/cjs/Wrapper-91748bdb.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),t=require("react"),e=require("styled-components"),a=require("./concat-f387d848.js"),r=require("./styles-0f1a0aea.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function o(n){if(n&&n.__esModule)return n;var t=Object.create(null);return n&&Object.keys(n).forEach((function(e){if("default"!==e){var a=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:function(){return n[e]}})}})),t.default=n,Object.freeze(t)}var d=i(t),g=o(t),l=i(e),c=l.default.section.withConfig({displayName:"Section__View",componentId:"sc-14g80mr-0"})(m||(m=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,i=t.isStackable,o=t.bgIdent,d=t.theme,g=r.getGlobals(d).sections.seperation.padding.default,l=r.getGlobals(d).sections.seperation.padding.stackable,c=r.getGlobals(d).sections.seperation.forcePadding;return a?e.css(u||(u=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            "])),r.withRange(g,"padding-top"),r.withRange(i?l:g,"padding-bottom"),r.withRange(l,"padding-top"),o,o,c?void 0:"0 !important",r.mq.xxlarge,c?void 0:"0 !important"):""}),(function(t){var a=t.addSeperation,i=t.isStackable,o=t.bgIdent,d=t.bgColor,g=t.theme,l=r.getGlobals(g).sections.seperation.margin.default,c=r.getGlobals(g).sections.seperation.margin.stackable,s=d?"__".concat(d):"";return a?e.css(b||(b=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            "])),s,r.withRange(l,"margin-top"),s,r.withRange(l,"margin-top"),s,r.withRange(i?c:l,"margin-top"),s,r.withRange(i?c:l,"margin-top"),o,o,r.mq.xxlarge):""})),s=l.default.div.withConfig({displayName:"Section__Back",componentId:"sc-14g80mr-1"})(f||(f=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(r.spacings.wrapperLarge,"px"):void 0:"".concat(r.spacings.wrapper,"px")}),(function(n){return n.bgColor||void 0}),r.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}),r.mq.xlarge,(function(n){return"larger-left"===n.bgMode?'""':void 0}),(r.spacings.wrapperLarge-r.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t}),(function(n){return"larger-right"===n.bgMode?'""':void 0}),(r.spacings.wrapperLarge-r.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t})),p=t.forwardRef((function(n,t){var e=n.anchorId,r=n.renderAs,i=n.bgColor,o=n.bgMode,g=n.clampSolidBg,l=void 0===g||g,p=n.addSeperation,u=void 0!==p&&p,b=n.isStackable,m=void 0!==b&&b,f=n.className,h=n.children;switch(o){case"larger-left":o="larger-left";break;case"larger-right":o="larger-right";break;case"inverted":o="inverted";break;case"full":o="full";break;default:o=void 0}var v=u?"":"nopad",w=i&&o?a.concat(["".concat(o,"__").concat(i),v],"--"):"light";return d.default.createElement(c,{ref:t,id:e||void 0,as:r,"data-bg-ident":w,bgIdent:w,bgColor:i||"",addSeperation:!(r&&(!r||"div"===r))&&u,isStackable:m,"data-stack-ident":m?"true":"false",className:f},i&&d.default.createElement(s,{bgColor:i,bgMode:o,clampSolidBg:l}),h)}));p.displayName="Section";var u,b,m,f,h,v=2*r.spacings.nudge,w=l.default.div.withConfig({displayName:"Wrapper__View",componentId:"sc-1ll038z-0"})(h||(h=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    max-width: ",";\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ","px;\n"],["\n    position: relative;\n    width: 100%;\n    max-width: ",";\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ","px;\n"])),(function(n){switch(n.clampWidth){case"large":return"".concat(r.spacings.wrapperLarge,"px");case"small":return"".concat(r.spacings.wrapperSmall,"px");default:return"".concat(r.spacings.wrapper,"px")}}),(function(n){return n.addWhitespace?v:0}));exports.Section=p,exports.Wrapper=function(n){var t=n.addWhitespace,e=void 0!==t&&t,a=n.clampWidth,r=void 0===a?"normal":a,i=n.className,o=n.children;return g.createElement(w,{className:i,addWhitespace:e,clampWidth:r},o)},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}},exports.wrapperWhitespace=v;
-//# sourceMappingURL=Wrapper-91748bdb.js.map

package/cjs/Wrapper-91748bdb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Wrapper-91748bdb.js","sources":["../src/components/base/Section.tsx","../src/components/base/Wrapper.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","import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { spacings } from 'utils/styles';\n\nexport type ClampWidthType = 'small' | 'normal' | 'large';\n\nexport const wrapperWhitespace = spacings.nudge * 2;\n\nconst View = styled.div<{\n    clampWidth?: ClampWidthType;\n    addWhitespace?: boolean;\n}>`\n    position: relative;\n    width: 100%;\n    max-width: ${({ clampWidth }) => {\n        switch (clampWidth) {\n            case 'large':\n                return `${spacings.wrapperLarge}px`;\n\n            case 'small':\n                return `${spacings.wrapperSmall}px`;\n\n            default:\n            case 'normal':\n                return `${spacings.wrapper}px`;\n        }\n    }};\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ${({ addWhitespace }) => (addWhitespace ? wrapperWhitespace : 0)}px;\n`;\n\nconst Wrapper: React.FC<{\n    addWhitespace?: boolean;\n    clampWidth?: ClampWidthType;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    addWhitespace = false,\n    clampWidth = 'normal',\n    className,\n    children,\n}) => {\n    return (\n        <View\n            className={className}\n            addWhitespace={addWhitespace}\n            clampWidth={clampWidth}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport default Wrapper;\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","wrapperWhitespace","nudge","clampWidth","wrapperSmall","addWhitespace","preventSplit","isMirrored"],"mappings":"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"}

package/cjs/arrays-c272ed59.js

@@ -1,2 +0,0 @@
-"use strict";exports.isEmptyArray=function(r){if(r&&Array.isArray(r))return r.length<=0},exports.isValidArray=function(r,t){return void 0===t&&(t=!0),!!r&&(!!Array.isArray(r)&&(!!t||r.length>0))};
-//# sourceMappingURL=arrays-c272ed59.js.map

package/cjs/arrays-c272ed59.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrays-c272ed59.js","sources":["../src/utils/arrays.ts"],"sourcesContent":["export const isEmptyArray = <T>(array?: Array<T>) => {\n    if (!array) return undefined;\n    if (!Array.isArray(array)) return undefined;\n    return array.length <= 0;\n};\n\nexport const isValidArray = <T>(\n    array?: Array<T>,\n    allowEmpty = true\n): array is Array<T> => {\n    if (!array) return false;\n    if (!Array.isArray(array)) return false;\n    return allowEmpty ? true : array.length > 0;\n};\n"],"names":["array","Array","isArray","length","allowEmpty"],"mappings":"kCAA4B,SAAIA,GAC5B,GAAKA,GACAC,MAAMC,QAAQF,GACnB,OAAOA,EAAMG,QAAU,wBAGC,SACxBH,EACAI,GAEA,YAFA,IAAAA,IAAAA,GAAiB,KAEZJ,MACAC,MAAMC,QAAQF,OACZI,GAAoBJ,EAAMG,OAAS"}

package/cjs/base.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Grid-39b12e21.js"),r=require("./Wrapper-91748bdb.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),exports.Grid=e.Grid,exports.getGridWidth=e.getGridWidth,exports.gridSettings=e.gridSettings,exports.Section=r.Section,exports.Wrapper=r.Wrapper,exports.mapToBgMode=r.mapToBgMode,exports.wrapperWhitespace=r.wrapperWhitespace;
-//# sourceMappingURL=base.js.map

package/cjs/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/blocks.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-a5b16e8f.js"),r=require("./Actions-6dd616e0.js"),s=require("./Bdot-d898ba3b.js"),o=require("./VideoBlock-301997a9.js"),t=require("./Image-d9681be0.js"),i=require("./LanguageSwitcher-47e25e95.js"),a=require("./EventBlock-10b9d78d.js"),d=require("./Tag-5c72cc0d.js"),u=require("./POICard-492bf8d0.js"),c=require("./InfoList-577f3c57.js"),l=require("./SocialList-da77e994.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-fb99fd6d.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./Link-70143bb7.js"),require("./useMediaQuery-d4f81f88.js"),require("./useObserverSupport-5ab320dd.js"),require("./useUpdateEffect-4d233e2c.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.HeaderKenBurns=o.HeaderKenBurns,exports.HeaderPoster=o.HeaderPoster,exports.HeaderVideo=o.HeaderVideo,exports.IntroBlock=o.IntroBlock,exports.VideoBlock=o.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=i.LanguageSwitcher,exports.EventBlock=a.EventBlock,exports.Tag=d.Tag,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=c.InfoList,exports.SocialList=l.SocialList;
-//# sourceMappingURL=blocks.js.map

package/cjs/blocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blocks.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/buttons.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button-72747f63.js"),r=require("./ButtonGhost-046437c5.js"),t=require("./Pointer-3588eadf.js"),o=require("./Control-eead1a4c.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),exports.Button=e.Button,exports.ButtonGhost=r.ButtonGhost,exports.Pointer=t.Pointer,exports.Control=o.Control;
-//# sourceMappingURL=buttons.js.map

package/cjs/buttons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttons.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/clamp-bd21d587.js

@@ -1,2 +0,0 @@
-"use strict";exports.clampValue=function(t,a,n){return null!=n?Math.max(a,Math.min(t,n)):Math.max(t,a)};
-//# sourceMappingURL=clamp-bd21d587.js.map

package/cjs/clamp-bd21d587.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clamp-bd21d587.js","sources":["../src/utils/clamp.ts"],"sourcesContent":["export const clampValue = (value: number, min: number, max?: number) => {\n    if (max !== undefined && max !== null) {\n        return Math.max(min, Math.min(value, max));\n    } else {\n        return Math.max(value, min);\n    }\n};\n"],"names":["value","min","max","Math"],"mappings":"gCAA0B,SAACA,EAAeC,EAAaC,GACnD,OAAIA,MAAAA,EACOC,KAAKD,IAAID,EAAKE,KAAKF,IAAID,EAAOE,IAE9BC,KAAKD,IAAIF,EAAOC"}

package/cjs/concat-f387d848.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("./arrays-c272ed59.js");exports.concat=function(e,t){void 0===t&&(t=", ");var n=[];if(!r.isValidArray(e,!1))return"";for(var a=0,o=e;a<o.length;a++){var i=o[a];null!=i&&("string"!=typeof i||""===i?"number"!=typeof i||n.push(i.toString()):n.push(i))}return n.join(t)},exports.printAnchorTag=function(r){if(!(null==r?void 0:r.href))return"";var e="";return"mail"===r.type&&(e="mailto:"),"phone"===r.type&&(e="tel:"),"<a ".concat(r.isExternal?'target="_blank" rel="noopener noreferrer" ':"",'href="').concat(e).concat(r.href,'">').concat(r.label||r.href,"</a>")};
-//# sourceMappingURL=concat-f387d848.js.map

package/cjs/concat-f387d848.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"concat-f387d848.js","sources":["../src/utils/concat.ts"],"sourcesContent":["import { isValidArray } from './arrays';\n\nexport const concat = (\n    values: Array<string | number | undefined>,\n    delimeter = ', '\n): string => {\n    const parts: string[] = [];\n\n    if (!isValidArray(values, false)) {\n        return '';\n    }\n\n    for (const value of values) {\n        if (value === undefined || value === null) continue;\n        if (typeof value === 'string' && value !== '') {\n            parts.push(value);\n            continue;\n        }\n\n        if (typeof value === 'number') {\n            parts.push(value.toString());\n            continue;\n        }\n    }\n\n    return parts.join(delimeter);\n};\n\nexport const printAnchorTag = (props: {\n    href: string;\n    label?: string;\n    isExternal?: boolean;\n    type?: 'mail' | 'phone';\n}) => {\n    if (!props?.href) return '';\n    let pre = '';\n    if (props.type === 'mail') pre = 'mailto:';\n    if (props.type === 'phone') pre = 'tel:';\n\n    return `<a ${\n        props.isExternal ? 'target=\"_blank\" rel=\"noopener noreferrer\" ' : ''\n    }href=\"${pre}${props.href}\">${props.label || props.href}</a>`;\n};\n"],"names":["values","delimeter","parts","isValidArray","values_1","_i","length","value","push","toString","join","props","href","pre","type","concat","isExternal","label"],"mappings":"kEAEsB,SAClBA,EACAC,QAAA,IAAAA,IAAAA,EAAgB,MAEVC,IAAAA,EAAkB,GAExB,IAAKC,EAAYA,aAACH,GAAQ,GACtB,MAAO,GAGX,IAAoB,QAAAI,EAAAJ,EAAAK,EAAMD,EAAAE,OAAND,IAAQ,CAAvB,IAAME,EAAKH,EAAAC,GACRE,MAAAA,IACiB,iBAAVA,GAAgC,KAAVA,EAKZ,iBAAVA,GACPL,EAAMM,KAAKD,EAAME,YALjBP,EAAMM,KAAKD,IAUnB,OAAOL,EAAMQ,KAAKT,2BAGQ,SAACU,GAM3B,KAAKA,MAAAA,OAAA,EAAAA,EAAOC,MAAM,MAAO,GACrBC,IAAAA,EAAM,GAIV,MAHmB,SAAfF,EAAMG,OAAiBD,EAAM,WACd,UAAfF,EAAMG,OAAkBD,EAAM,QAE3B,MAAAE,OACHJ,EAAMK,WAAa,6CAA+C,GAAE,UAAAD,OAC/DF,GAAGE,OAAGJ,EAAMC,KAAI,MAAAG,OAAKJ,EAAMM,OAASN,EAAMC,KAAI"}

package/cjs/cookies.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useCookieConsent-0bf94751.js"),n=require("./ClockFilled-2483aa4a.js"),t=require("./Actions-6dd616e0.js"),o=require("./Checkbox-14000bf0.js"),i=require("./Copy-e860efe7.js"),a=require("react"),l=require("styled-components"),r=require("./hexRgbConverter-91b28aea.js"),s=require("./LibThemeProvider-fb99fd6d.js"),c=require("./statusFormatter-0393122b.js"),d=require("./styles-0f1a0aea.js"),p=require("./useMounted-0bba9869.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./clamp-bd21d587.js");var m,g,f,b,C,x,h,k,_,y,v,w,T,j,E=u(a),I=u(l),N=I.default.div.withConfig({displayName:"CookieConsent__Stage",componentId:"sc-b6420b-0"})(m||(m=n.__makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ",");\n    z-index: ",";\n"],["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ",");\n    z-index: ",";\n"])),(function(e){return e.bgOpacity||.4}),(function(e){return e.zIndex||1e3})),O=I.default.div.withConfig({displayName:"CookieConsent__View",componentId:"sc-b6420b-1"})(g||(g=n.__makeTemplateObject(["\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ","px ","px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ",";\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        padding: ","px;\n\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n\n    @media "," {\n        bottom: ","px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n"],["\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ","px ","px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ",";\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        padding: ","px;\n\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n\n    @media "," {\n        bottom: ","px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n"])),d.spacings.spacer,2*d.spacings.nudge,(function(e){var n=e.theme;return d.getColors(n).elementBg.light}),2*d.spacings.nudge,d.mq.medium,5*d.spacings.nudge,3*d.spacings.nudge,d.mq.semilarge,1.5*d.spacings.spacer),q=I.default(i.Copy).withConfig({displayName:"CookieConsent__Status",componentId:"sc-b6420b-2"})(f||(f=n.__makeTemplateObject(["\n    li > * + * {\n        margin-left: ","px;\n    }\n"],["\n    li > * + * {\n        margin-left: ","px;\n    }\n"])),d.spacings.nudge),A=I.default(n.Check).withConfig({displayName:"CookieConsent__AcceptIcon",componentId:"sc-b6420b-3"})(b||(b=n.__makeTemplateObject(["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"],["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"]))),S=I.default(n.Cross).withConfig({displayName:"CookieConsent__DeclineIcon",componentId:"sc-b6420b-4"})(C||(C=n.__makeTemplateObject(["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"],["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"]))),L=I.default.img.withConfig({displayName:"CookieConsent__CookieIcon",componentId:"sc-b6420b-5"})(x||(x=n.__makeTemplateObject(["\n    display: block;\n    margin: 0 auto;\n"],["\n    display: block;\n    margin: 0 auto;\n"]))),M=I.default(i.Copy).withConfig({displayName:"CookieConsent__TitleView",componentId:"sc-b6420b-6"})(h||(h=n.__makeTemplateObject(["\n    text-align: ",";\n    margin-left: ",";\n    margin-right: auto;\n    max-width: 670px;\n"],["\n    text-align: ",";\n    margin-left: ",";\n    margin-right: auto;\n    max-width: 670px;\n"])),(function(e){return e.isCentered?"center":"left"}),(function(e){return e.isCentered?"auto":"0"})),z=I.default.div.withConfig({displayName:"CookieConsent__TextView",componentId:"sc-b6420b-7"})(k||(k=n.__makeTemplateObject([""],[""]))),F=I.default.div.withConfig({displayName:"CookieConsent__ClampWrapper",componentId:"sc-b6420b-8"})(_||(_=n.__makeTemplateObject(["\n    position: relative;\n    max-height: ",";\n    overflow: hidden;\n\n    &:after {\n        content: ",";\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            "," 0%,\n            "," 25%,\n            "," 100%\n        );\n        pointer-events: none;\n    }\n"],["\n    position: relative;\n    max-height: ",";\n    overflow: hidden;\n\n    &:after {\n        content: ",";\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            "," 0%,\n            "," 25%,\n            "," 100%\n        );\n        pointer-events: none;\n    }\n"])),(function(e){return e.isClamped&&"80px"}),(function(e){return e.isClamped&&"''"}),(function(e){var n=e.theme;return d.getColors(n).elementBg.light}),(function(e){var n=e.theme;return r.hexToRgba(d.getColors(n).elementBg.light,.9)}),(function(e){var n=e.theme;return r.hexToRgba(d.getColors(n).elementBg.light,0)})),H=I.default(i.Copy).withConfig({displayName:"CookieConsent__Text",componentId:"sc-b6420b-9"})(y||(y=n.__makeTemplateObject(["\n    text-align: ",";\n"],["\n    text-align: ",";\n"])),(function(e){return e.isCentered?"center":"left"})),B=I.default.button.withConfig({displayName:"CookieConsent__TextToggle",componentId:"sc-b6420b-10"})(v||(v=n.__makeTemplateObject(["\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ","px ","px;\n"],["\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ","px ","px;\n"])),d.spacings.nudge,2*d.spacings.nudge),D=I.default.div.withConfig({displayName:"CookieConsent__SelectView",componentId:"sc-b6420b-11"})(w||(w=n.__makeTemplateObject(["\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),d.spacings.nudge),P=I.default(i.Copy).withConfig({displayName:"CookieConsent__SelectTitle",componentId:"sc-b6420b-12"})(T||(T=n.__makeTemplateObject(["\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"])),2*d.spacings.nudge),R=I.default(t.Actions).withConfig({displayName:"CookieConsent__CookieActions",componentId:"sc-b6420b-13"})(j||(j=n.__makeTemplateObject(["\n    margin-top: ","px;\n\n    @media "," {\n        margin-top: ","px;\n    }\n"],["\n    margin-top: ","px;\n\n    @media "," {\n        margin-top: ","px;\n    }\n"])),d.spacings.spacer,d.mq.medium,5*d.spacings.nudge);exports.deleteCookie=e.deleteCookie,exports.getCookie=e.getCookie,exports.setCookie=e.setCookie,exports.CookieActions=R,exports.CookieConsent=function(n){var t,o,i=n.urlWhitelist,l=void 0===i?[]:i,r=n.zIndex,d=n.overlayOpacity,u=void 0===d?.4:d,m=n.status,g=n.className,f=n.children,b=n.theme,C=s.useLibTheme().globals,x=a.useCallback((function(e){var n=new Date(e.updatedAt),t=new c.StatusFormatter(e.updatedAt,C.cookie.consentStatusFormat,C.cookie.consentDateFormat(n),C.cookie.consentTimeFormat(n),C.cookie.consentLocaleKey),o=Object.keys(e.state),i=e.state;return E.default.createElement(q,{renderAs:"span"},E.default.createElement("span",null,t.getFormattedStatus()),E.default.createElement("ul",null,null==o?void 0:o.map((function(e,n){return E.default.createElement("li",{key:n},E.default.createElement("span",null,i[e].label),i[e].isAccepted?E.default.createElement(A,null):E.default.createElement(S,null))}))))}),[C.cookie]),h=a.useState(!1),k=h[0],_=h[1],y=e.useCookieConsent({cookieName:C.cookie.name,initialCookieTypes:C.cookie.types,lifetime:C.cookie.lifetime},(function(){return _(!1)}),m||x),v=y.getCookieValue,w=y.cookieTypes,T=y.acceptAll,j=y.acceptSelected,I=y.declineAll,L=y.setConsent,M=p.useMounted();return a.useEffect((function(){M||(e.bindConsentButtons((function(){return _(!0)}),["[".concat(e.selectors.buttons.attribute,"]"),".".concat(e.selectors.buttons.class)]),e.isUrlInWhitelist(window.location.pathname,l)||_(!v()))}),[v,M,l]),a.useEffect((function(){document.body.style.overflow=k?"hidden":"visible"}),[k]),k?E.default.createElement(s.LibThemeProvider,{theme:b},E.default.createElement(N,{zIndex:r,bgOpacity:u},E.default.createElement(O,{className:g},null==f?void 0:f({types:w,acceptAll:T,acceptSelected:j,setConsent:L,declineAll:I,additionalAcceptProps:(t={},t["data-gtm"]="button-cookie-consent-accept",t),additionalDeclineProps:(o={},o["data-gtm"]="button-cookie-consent-decline",o)})))):null},exports.CookieIcon=L,exports.CookieText=function(e){var t=e.isCentered,o=e.innerHTML,i=e.allowClamping,l=void 0===i||i,r=e.toggle,s=e.className,c=e.children,d=a.useState(!0),p=d[0],u=d[1],m=a.useRef(!!l),g=a.useRef(null);a.useEffect((function(){var e;if(m.current){var n=null===(e=g.current)||void 0===e?void 0:e.scrollHeight;void 0!==n&&u(n>130)}}),[l]);var f=function(){u(!1),m.current=!1};return E.default.createElement(z,null,E.default.createElement(F,{ref:g,isClamped:p},E.default.createElement(H,{isCentered:t,innerHTML:o,className:s},c)),p&&(r?r(f):E.default.createElement(B,{onClick:f},E.default.createElement(n.UnfoldMore,null))))},exports.CookieTitle=function(e){var n=e.isCentered,t=e.innerHTML,o=e.className,i=e.children;return E.default.createElement(M,{size:"big",type:"copy-b",innerHTML:t,isCentered:n,className:o},i)},exports.CookieTypeSelect=function(e){var n=e.title,t=e.types,i=e.setConsent;return E.default.createElement(D,null,n&&E.default.createElement(P,{type:"copy-b",innerHTML:n}),t&&Object.keys(t).map((function(e){return E.default.createElement(o.Checkbox,{key:e,label:t[e].label,isSelected:t[e].isAccepted,isDisabled:!t[e].isEditable,onChange:function(){return i(e)}})})))};
-//# sourceMappingURL=cookies.js.map

package/cjs/cookies.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cookies.js","sources":["../src/components/blocks/CookieConsent.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport Cross from 'components/base/icons/Cross';\nimport UnfoldMore from 'components/base/icons/UnfoldMore';\nimport Actions from 'components/blocks/Actions';\nimport Checkbox from 'components/fields/Checkbox';\nimport Copy from 'components/typography/Copy';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n    bindConsentButtons,\n    isUrlInWhitelist,\n} from 'utils/cookie-consent/mutations';\nimport useCookieConsent, {\n    CookieTypes,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { hexToRgba } from 'utils/hexRgbConverter';\nimport {\n    LibThemeProvider,\n    ThemeMods,\n    useLibTheme,\n} from 'utils/LibThemeProvider';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport useMounted from 'utils/useMounted';\n\nconst Stage = styled.div<{ zIndex?: number; bgOpacity?: number }>`\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ${({ bgOpacity }) => bgOpacity || 0.4});\n    z-index: ${({ zIndex }) => zIndex || 1000};\n`;\n\nconst View = styled.div`\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ${spacings.spacer}px ${spacings.nudge * 2}px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ${({ theme }) => color(theme).elementBg.light};\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    @media ${mq.medium} {\n        padding: ${spacings.nudge * 5}px;\n\n        & > * + * {\n            margin-top: ${spacings.nudge * 3}px;\n        }\n    }\n\n    @media ${mq.semilarge} {\n        bottom: ${spacings.spacer * 1.5}px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n`;\n\nconst Status = styled(Copy)`\n    li > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst AcceptIcon = styled(Check)`\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n`;\n\nconst DeclineIcon = styled(Cross)`\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n`;\n\ntype RenderProps = {\n    types: CookieTypes;\n    acceptAll: () => void;\n    acceptSelected: () => void;\n    declineAll: () => void;\n    setConsent: (type: keyof CookieTypes, isAccepted?: boolean) => void;\n    additionalDeclineProps: {\n        ['data-gtm']: string;\n    };\n    additionalAcceptProps: {\n        ['data-gtm']: string;\n    };\n};\n\nexport const CookieConsent: FC<{\n    /** URL's that should be excluded from consent */\n    urlWhitelist?: string[];\n    zIndex?: number;\n    overlayOpacity?: number;\n    status?: (props: {\n        updatedAt: number;\n        state: CookieTypes;\n    }) => React.ReactElement;\n    className?: string;\n    children?: (props: RenderProps) => React.ReactElement;\n    theme?: ThemeMods;\n}> = ({\n    /** URL's that should be excluded from consent */\n    urlWhitelist = [],\n    zIndex,\n    overlayOpacity = 0.4,\n    status,\n    className,\n    children,\n    theme,\n}) => {\n    const { globals } = useLibTheme();\n\n    const statusRenderer = useCallback(\n        (props: { updatedAt: number; state: CookieTypes }) => {\n            const updatedDate = new Date(props.updatedAt);\n\n            const formatter = new StatusFormatter(\n                props.updatedAt,\n                globals.cookie.consentStatusFormat,\n                globals.cookie.consentDateFormat(updatedDate),\n                globals.cookie.consentTimeFormat(updatedDate),\n                globals.cookie.consentLocaleKey\n            );\n            const typeKeys: string[] = Object.keys(props.state);\n            const types: CookieTypes = props.state;\n\n            return (\n                <Status renderAs=\"span\">\n                    <span>{formatter.getFormattedStatus()}</span>\n                    <ul>\n                        {typeKeys?.map((type, i) => (\n                            <li key={i}>\n                                <span>{types[type].label}</span>\n                                {types[type].isAccepted ? (\n                                    <AcceptIcon />\n                                ) : (\n                                    <DeclineIcon />\n                                )}\n                            </li>\n                        ))}\n                    </ul>\n                </Status>\n            );\n        },\n        [globals.cookie]\n    );\n\n    const [isVisible, setIsVisible] = useState(false);\n    const {\n        getCookieValue,\n        cookieTypes,\n        acceptAll,\n        acceptSelected,\n        declineAll,\n        setConsent,\n    } = useCookieConsent(\n        {\n            cookieName: globals.cookie.name,\n            initialCookieTypes: globals.cookie.types,\n            lifetime: globals.cookie.lifetime,\n        },\n        () => setIsVisible(false),\n        status || statusRenderer\n    );\n    const isMounted = useMounted();\n\n    useEffect(() => {\n        if (isMounted) return;\n\n        // bind buttons to open consent\n        bindConsentButtons(\n            () => setIsVisible(true),\n            [`[${selectors.buttons.attribute}]`, `.${selectors.buttons.class}`]\n        );\n\n        // check if consent banner should be open\n        const isInWhitelist = isUrlInWhitelist(\n            window.location.pathname,\n            urlWhitelist\n        );\n        if (!isInWhitelist) setIsVisible(!getCookieValue());\n    }, [getCookieValue, isMounted, urlWhitelist]);\n\n    useEffect(() => {\n        document.body.style.overflow = isVisible ? 'hidden' : 'visible';\n    }, [isVisible]);\n\n    if (!isVisible) return null;\n    return (\n        <LibThemeProvider theme={theme}>\n            <Stage zIndex={zIndex} bgOpacity={overlayOpacity}>\n                <View className={className}>\n                    {children?.({\n                        types: cookieTypes,\n                        acceptAll,\n                        acceptSelected,\n                        setConsent,\n                        declineAll,\n                        additionalAcceptProps: {\n                            ['data-gtm']: 'button-cookie-consent-accept',\n                        },\n                        additionalDeclineProps: {\n                            ['data-gtm']: 'button-cookie-consent-decline',\n                        },\n                    })}\n                </View>\n            </Stage>\n        </LibThemeProvider>\n    );\n};\n\n/** Example Cookie icon */\nexport const CookieIcon = styled.img`\n    display: block;\n    margin: 0 auto;\n`;\n\n/** Example Cookie title */\nconst TitleView = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin-left: ${({ isCentered }) => (isCentered ? 'auto' : '0')};\n    margin-right: auto;\n    max-width: 670px;\n`;\n\nexport const CookieTitle: FC<{\n    isCentered?: boolean;\n    innerHTML?: string;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ isCentered, innerHTML, className, children }) => {\n    return (\n        <TitleView\n            size=\"big\"\n            type=\"copy-b\"\n            innerHTML={innerHTML}\n            isCentered={isCentered}\n            className={className}\n        >\n            {children}\n        </TitleView>\n    );\n};\n\n/** Example Cookie title */\nconst TextView = styled.div``;\n\nconst ClampWrapper = styled.div<{ isClamped?: boolean }>`\n    position: relative;\n    max-height: ${({ isClamped }) => isClamped && '80px'};\n    overflow: hidden;\n\n    &:after {\n        content: ${({ isClamped }) => isClamped && \"''\"};\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            ${({ theme }) => color(theme).elementBg.light} 0%,\n            ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0.9)} 25%,\n            ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0)} 100%\n        );\n        pointer-events: none;\n    }\n`;\n\nconst Text = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n`;\n\nconst TextToggle = styled.button`\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n`;\n\nexport const CookieText: FC<{\n    isCentered?: boolean;\n    innerHTML?: string;\n    allowClamping?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n    toggle?: (handleClick: () => void) => React.ReactNode;\n}> = ({\n    isCentered,\n    innerHTML,\n    allowClamping = true,\n    toggle,\n    className,\n    children,\n}) => {\n    const [isClamped, setIsClamped] = useState<boolean>(true);\n    const canClamp = useRef<boolean>(!!allowClamping);\n    const cRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!canClamp.current) return;\n\n        const height = cRef.current?.scrollHeight;\n        if (height === undefined) return;\n\n        setIsClamped(height > 130);\n    }, [allowClamping]);\n\n    const handleToggleClick = () => {\n        setIsClamped(false);\n        canClamp.current = false;\n    };\n\n    return (\n        <TextView>\n            <ClampWrapper ref={cRef} isClamped={isClamped}>\n                <Text\n                    isCentered={isCentered}\n                    innerHTML={innerHTML}\n                    className={className}\n                >\n                    {children}\n                </Text>\n            </ClampWrapper>\n            {isClamped &&\n                (toggle ? (\n                    toggle(handleToggleClick)\n                ) : (\n                    <TextToggle onClick={handleToggleClick}>\n                        <UnfoldMore />\n                    </TextToggle>\n                ))}\n        </TextView>\n    );\n};\n\nconst SelectView = styled.div`\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectTitle = styled(Copy)`\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ${spacings.nudge * 2}px;\n    }\n`;\n\nexport const CookieTypeSelect: FC<{\n    title?: string;\n    types: CookieTypes;\n    setConsent: (typeName: keyof CookieTypes, isAccepted?: boolean) => void;\n}> = ({ title, types, setConsent }) => (\n    <SelectView>\n        {title && <SelectTitle type=\"copy-b\" innerHTML={title} />}\n        {types &&\n            Object.keys(types).map((key) => (\n                <Checkbox\n                    key={key}\n                    label={types[key].label}\n                    isSelected={types[key].isAccepted}\n                    isDisabled={!types[key].isEditable}\n                    onChange={() => setConsent(key)}\n                />\n            ))}\n    </SelectView>\n);\n\n/** Example Cookie actions */\nexport const CookieActions = styled(Actions)`\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.medium} {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n`;\n\nexport default CookieConsent;\n"],"names":["Stage","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","bgOpacity","zIndex","View","spacings","spacer","nudge","theme","color","elementBg","light","mq","medium","semilarge","Status","Copy","templateObject_3","AcceptIcon","Check","templateObject_4","DeclineIcon","Cross","templateObject_5","CookieIcon","img","templateObject_6","TitleView","templateObject_7","isCentered","TextView","templateObject_8","ClampWrapper","templateObject_9","isClamped","hexToRgba","Text","templateObject_10","TextToggle","button","templateObject_11","SelectView","templateObject_12","SelectTitle","templateObject_13","CookieActions","Actions","templateObject_14","_d","urlWhitelist","_e","overlayOpacity","status","className","children","globals","useLibTheme","statusRenderer","useCallback","props","updatedDate","Date","updatedAt","formatter","StatusFormatter","cookie","consentStatusFormat","consentDateFormat","consentTimeFormat","consentLocaleKey","typeKeys","Object","keys","state","types","React","createElement","renderAs","getFormattedStatus","map","type","i","key","label","isAccepted","_f","useState","isVisible","setIsVisible","_g","useCookieConsent","cookieName","name","initialCookieTypes","lifetime","getCookieValue","cookieTypes","acceptAll","acceptSelected","declineAll","setConsent","isMounted","useMounted","useEffect","bindConsentButtons","concat","selectors","buttons","attribute","class","isUrlInWhitelist","window","location","pathname","document","body","style","overflow","LibThemeProvider","additionalAcceptProps","_b","additionalDeclineProps","_c","innerHTML","allowClamping","toggle","setIsClamped","canClamp","useRef","cRef","current","height","scrollHeight","undefined","handleToggleClick","ref","onClick","UnfoldMore","size","title","Checkbox","isSelected","isDisabled","isEditable","onChange"],"mappings":"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"}

package/cjs/escape-1ef8dd83.js

@@ -1,2 +0,0 @@
-"use strict";exports.escapeRegExp=function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")};
-//# sourceMappingURL=escape-1ef8dd83.js.map

package/cjs/escape-1ef8dd83.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"escape-1ef8dd83.js","sources":["../src/utils/escape.ts"],"sourcesContent":["export const escapeRegExp = (value: string) => {\n    return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n};\n"],"names":["value","replace"],"mappings":"kCAA4B,SAACA,GAClBA,OAAAA,EAAMC,QAAQ,sBAAuB"}

package/cjs/fields.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),o=require("styled-components"),t=require("./LibThemeProvider-fb99fd6d.js"),r=require("./styles-0f1a0aea.js"),i=require("./FilterField-cf9e2f16.js"),a=require("./FileUpload-ece8bb07.js"),l=require("./Checkbox-14000bf0.js");function c(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./useLazyInput-f71c221b.js"),require("./useLeafletMap-2e608b01.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./ButtonGhost-046437c5.js"),require("./hexRgbConverter-91b28aea.js"),require("./Button-72747f63.js"),require("react-datepicker"),require("./useMounted-0bba9869.js"),require("./arrays-c272ed59.js");var s,u,d,p,f,m,h,g,b=c(e),x=c(o),v=x.default.form.withConfig({displayName:"CompactForm__View",componentId:"sc-v44fzp-0"})(s||(s=n.__makeTemplateObject(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ",";\n\n    @media "," {\n        flex-direction: row;\n    }\n"],["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ",";\n\n    @media "," {\n        flex-direction: row;\n    }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),r.mq.medium),w=x.default.input.withConfig({displayName:"CompactForm__InputField",componentId:"sc-v44fzp-1"})(u||(u=n.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ","px ","px;\n    color: inherit;\n\n    background-color: ",";\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: ",";\n    ","\n    line-height: ",";\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n"],["\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ","px ","px;\n    color: inherit;\n\n    background-color: ",";\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: ",";\n    ","\n    line-height: ",";\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n"])),r.spacings.nudge,3*r.spacings.nudge,(function(n){var e=n.backColor;return e&&e}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.weight}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.lineHeight}),(function(n){var e=n.theme;return"2px solid ".concat(r.getColors(e).primary.default)})),y=x.default.button.withConfig({displayName:"CompactForm__SubmitBtn",componentId:"sc-v44fzp-2"})(d||(d=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ","px;\n\n    background-color: ",";\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media "," {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ","px;\n\n    background-color: ",";\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media "," {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),.5*r.spacings.spacer,(function(n){var e=n.theme;return r.getColors(e).primary.default}),(function(n){var e=n.theme;return r.getColors(e).text.inverted}),r.mq.medium),k=x.default.div.withConfig({displayName:"SearchInput__View",componentId:"sc-21j67n-0"})(p||(p=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ",";\n\n    background-color: ",";\n"],["\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ",";\n\n    background-color: ",";\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).elementBg.light:r.getColors(e).elementBg.medium})),C=x.default.input.withConfig({displayName:"SearchInput__InputField",componentId:"sc-21j67n-1"})(f||(f=n.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ","px ","px;\n    padding-left: ",";\n    padding-right: ",";\n    color: inherit;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: 400;\n    ","\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ","px ","px;\n    padding-left: ",";\n    padding-right: ",";\n    color: inherit;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: 400;\n    ","\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),3*r.spacings.nudge,3.5*r.spacings.nudge,(function(n){return n.hasLeftIcon&&2.5*r.spacings.spacer+"px"}),(function(n){return n.hasRightIcon&&2.5*r.spacings.spacer+"px"}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return"1px solid ".concat(r.getColors(e).primary.default)})),j=x.default.button.withConfig({displayName:"SearchInput__ControlBtn",componentId:"sc-21j67n-2"})(m||(m=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default})),_=x.default(j).withConfig({displayName:"SearchInput__SubmitBtn",componentId:"sc-21j67n-3"})(h||(h=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n"]))),F=x.default(j).withConfig({displayName:"SearchInput__ClearBtn",componentId:"sc-21j67n-4"})(g||(g=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n"])));exports.FilterField=i.FilterField,exports.Datepicker=a.DatepickerCmp,exports.FileUpload=a.FileUploadCmp,exports.FormField=a.FieldWrapper,exports.LocationField=a.LocationField,exports.Radio=a.RadioButton,exports.SelectDropdown=a.SelectDropdown,exports.Textarea=a.Textarea,exports.Textfield=a.Textfield,exports.Checkbox=l.Checkbox,exports.CompactForm=function(n){var e=n.mode,o=void 0===e?"default":e,r=n.value,i=n.placeholder,a=n.method,l=n.action,c=n.buttonIcon,s=n.onSubmit,u=n.onClick,d=n.onBlur,p=n.onFocus,f=n.className,m=t.useLibTheme().colors,h="default"===o?m.elementBg.medium:m.elementBg.light;return b.default.createElement(v,{onSubmit:s,method:a,action:l,className:f},b.default.createElement(w,{placeholder:i,value:r,onClick:u,onBlur:d,onFocus:p,backColor:h}),c&&b.default.createElement(y,{isInverted:"onDark"===o},c))},exports.SearchInput=function(n){var e=n.isInverted,o=void 0!==e&&e,t=n.value,r=n.placeholder,i=n.submitIcon,a=n.clearIcon,l=n.onSubmit,c=n.onClick,s=n.onClear,u=n.onBlur,d=n.onFocus,p=n.className;return b.default.createElement(k,{isInverted:o,className:p},i&&b.default.createElement(_,{isInverted:o,onClick:function(){return l&&l()}},i),b.default.createElement(C,{hasLeftIcon:void 0!==i,hasRightIcon:void 0!==a,placeholder:r,value:t,onClick:c,onBlur:u,onFocus:d,onKeyDown:function(n){13===n.keyCode&&(l&&l(),n.preventDefault())}}),a&&b.default.createElement(F,{isInverted:o,onClick:function(){return s&&s()}},a))};
-//# sourceMappingURL=fields.js.map

package/cjs/fields.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fields.js","sources":["../src/components/fields/CompactForm.tsx","../src/components/fields/SearchInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.form`\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    @media ${mq.medium} {\n        flex-direction: row;\n    }\n`;\n\nconst InputField = styled.input<{ backColor?: string }>`\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ${spacings.nudge}px ${spacings.nudge * 3}px;\n    color: inherit;\n\n    background-color: ${({ backColor }) => backColor && backColor};\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ${({ theme }) => font(theme).copy.small.family};\n    font-weight: ${({ theme }) => font(theme).copy.small.weight};\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    line-height: ${({ theme }) => font(theme).copy.small.lineHeight};\n\n    &:focus {\n        outline: ${({ theme }) => `2px solid ${color(theme).primary.default}`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n`;\n\nconst SubmitBtn = styled.button<{ isInverted?: boolean }>`\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ${spacings.spacer * 0.5}px;\n\n    background-color: ${({ theme }) => color(theme).primary.default};\n    color: ${({ theme }) => color(theme).text.inverted};\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media ${mq.medium} {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n`;\n\nconst CompactForm: FC<{\n    mode?: 'onSoft' | 'onDark' | 'default';\n    value?: string;\n    placeholder?: string;\n    method?: string;\n    action?: string;\n    buttonIcon?: React.ReactNode;\n    onSubmit?: (ev: React.SyntheticEvent<HTMLFormElement>) => void;\n    onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    className?: string;\n}> = ({\n    mode = 'default',\n    value,\n    placeholder,\n    method,\n    action,\n    buttonIcon,\n    onSubmit,\n    onClick,\n    onBlur,\n    onFocus,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n    const bgColor =\n        mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;\n\n    return (\n        <View\n            onSubmit={onSubmit}\n            method={method}\n            action={action}\n            className={className}\n        >\n            <InputField\n                placeholder={placeholder}\n                value={value}\n                onClick={onClick}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                backColor={bgColor}\n            />\n            {buttonIcon && (\n                <SubmitBtn isInverted={mode === 'onDark'}>\n                    {buttonIcon}\n                </SubmitBtn>\n            )}\n        </View>\n    );\n};\n\nexport default CompactForm;\n","import React, { FC } 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.div<{ isInverted?: boolean }>`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.light\n            : color(theme).elementBg.medium};\n`;\n\nconst InputField = styled.input<{\n    hasLeftIcon?: boolean;\n    hasRightIcon?: boolean;\n}>`\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ${spacings.nudge * 3}px ${spacings.nudge * 3.5}px;\n    padding-left: ${({ hasLeftIcon }) =>\n        hasLeftIcon && spacings.spacer * 2.5 + 'px'};\n    padding-right: ${({ hasRightIcon }) =>\n        hasRightIcon && spacings.spacer * 2.5 + 'px'};\n    color: inherit;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ${({ theme }) => font(theme).copy.small.family};\n    font-weight: 400;\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ${({ theme }) => `1px solid ${color(theme).primary.default}`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst ControlBtn = styled.button<{ isInverted?: boolean }>`\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ${({ theme }) => color(theme).text.default};\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n`;\n\nconst SubmitBtn = styled(ControlBtn)`\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n`;\n\nconst ClearBtn = styled(ControlBtn)`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n`;\n\nconst SearchInput: FC<{\n    isInverted?: boolean;\n    value?: string;\n    placeholder?: string;\n    submitIcon?: React.ReactNode;\n    clearIcon?: React.ReactNode;\n    onSubmit?: () => void;\n    onClear?: () => void;\n    onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    className?: string;\n}> = ({\n    isInverted = false,\n    value,\n    placeholder,\n    submitIcon,\n    clearIcon,\n    onSubmit,\n    onClick,\n    onClear,\n    onBlur,\n    onFocus,\n    className,\n}) => {\n    const handleKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n        if (ev.keyCode === 13) {\n            onSubmit && onSubmit();\n            ev.preventDefault();\n        }\n    };\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            {submitIcon && (\n                <SubmitBtn\n                    isInverted={isInverted}\n                    onClick={() => onSubmit && onSubmit()}\n                >\n                    {submitIcon}\n                </SubmitBtn>\n            )}\n            <InputField\n                hasLeftIcon={submitIcon !== undefined}\n                hasRightIcon={clearIcon !== undefined}\n                placeholder={placeholder}\n                value={value}\n                onClick={onClick}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                onKeyDown={handleKeyDown}\n            />\n            {clearIcon && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    onClick={() => onClear && onClear()}\n                >\n                    {clearIcon}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default SearchInput;\n"],"names":["View","styled","form","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","getFonts","copy","small","family","weight","withRange","size","lineHeight","concat","getColors","primary","SubmitBtn","button","templateObject_3","spacer","inverted","div","isInverted","elementBg","light","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","React","createElement","submitIcon","clearIcon","onClear","undefined","onKeyDown","ev","keyCode","preventDefault"],"mappings":"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"}

package/cjs/footer.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("./Grid-39b12e21.js"),t=require("./Wrapper-91748bdb.js"),a=require("./Copy-e860efe7.js"),i=require("./Link-70143bb7.js"),o=require("react"),l=require("styled-components"),r=require("./LibThemeProvider-fb99fd6d.js"),s=require("./styles-0f1a0aea.js"),d=require("./LanguageSwitcher-47e25e95.js"),m=require("./Bdot-d898ba3b.js"),c=require("./arrays-c272ed59.js"),p=require("./SocialList-da77e994.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./clamp-bd21d587.js"),require("./concat-f387d848.js"),require("react-dom/server");var g,f,_,x,b,y,k,v,I,L,h,w,j,C,E=u(o),q=u(l),F=q.default.div.withConfig({displayName:"FooterBottomGrid__View",componentId:"sc-k4buhx-0"})(g||(g=e.__makeTemplateObject(["\n    border-top: 1px solid ",";\n    padding: ","px 0;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"],["\n    border-top: 1px solid ",";\n    padding: ","px 0;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"])),(function(e){var n=e.theme;return s.getColors(n).elementBg.medium}),2*s.spacings.nudge,2*s.spacings.nudge,s.mq.semilarge,2*s.spacings.nudge),N=q.default.ul.withConfig({displayName:"FooterBottomGrid__LinkListView",componentId:"sc-k4buhx-1"})(f||(f=e.__makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -","px;\n"],["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -","px;\n"])),s.spacings.nudge),T=q.default.li.withConfig({displayName:"FooterBottomGrid__BottomLinkItem",componentId:"sc-k4buhx-2"})(_||(_=e.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    padding-left: ","px;\n"],["\n    display: flex;\n    align-items: center;\n\n    padding-left: ","px;\n"])),s.spacings.nudge),B=q.default(i.Link).withConfig({displayName:"FooterBottomGrid__StyledLink",componentId:"sc-k4buhx-3"})(x||(x=e.__makeTemplateObject(["\n    display: block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"],["\n    display: block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"])),a.copyStyle("copy","small"),(function(e){var n=e.theme;return e.isInverted?s.getColors(n).text.inverted:s.getColors(n).text.default})),O={View:function(e){var n=e.className,t=e.children;return E.default.createElement(F,{className:n},t)},LinkList:function(n){var t=n.isInverted,a=n.links,i=n.brandIcon,l=n.className,r=o.useMemo((function(){return null==i?void 0:i(t)}),[i,t]);return E.default.createElement(N,{className:l},null==a?void 0:a.map((function(n,a){return E.default.createElement(T,{key:a},E.default.createElement(B,e.__assign({},n.link,{isInverted:t}),n.label))})),null!==r&&E.default.createElement(T,null,r||E.default.createElement(m.Bdot,null)))}},S=q.default.div.withConfig({displayName:"FooterBottomBar__LeftWrapper",componentId:"sc-bymlk0-0"})(b||(b=e.__makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -","px;\n\n    & > * {\n        padding-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -","px;\n\n    & > * {\n        padding-left: ","px;\n    }\n"])),s.spacings.spacer,s.spacings.spacer),M=function(n){var t=n.isInverted,a=n.languages,i=n.linksLeft,o=n.linksRight,l=n.brandIcon,r=n.languageIcon,s=n.className;return E.default.createElement(O.View,{className:s},E.default.createElement(S,null,a&&E.default.createElement(d.LanguageSwitcher,{isInverted:t,langs:a,languageIcon:r||function(){return E.default.createElement(e.LanguageIcon,null)},textSize:"small"}),c.isValidArray(i,!1)&&E.default.createElement(O.LinkList,{links:i,isInverted:t,brandIcon:function(){return null}})),c.isValidArray(o)&&E.default.createElement(O.LinkList,{links:o,isInverted:t,brandIcon:l}))},V=q.default(t.Section).withConfig({displayName:"Footer__FooterSection",componentId:"sc-9q145o-0"})(y||(y=e.__makeTemplateObject(["\n    ","\n    ","\n"],["\n    ","\n    ","\n"])),s.withRange([0],"padding-bottom"),s.withRange([0],"margin-bottom")),G=q.default.div.withConfig({displayName:"Footer__MainView",componentId:"sc-9q145o-1"})(k||(k=e.__makeTemplateObject(["\n    & > * {\n        margin-bottom: ","px;\n    }\n"],["\n    & > * {\n        margin-bottom: ","px;\n    }\n"])),2*s.spacings.nudge),R=q.default(a.Copy).withConfig({displayName:"Footer__ColTitle",componentId:"sc-9q145o-2"})(v||(v=e.__makeTemplateObject(["\n    margin-bottom: ","px;\n"],["\n    margin-bottom: ","px;\n"])),2*s.spacings.nudge),A=q.default(i.Link).withConfig({displayName:"Footer__StyledLink",componentId:"sc-9q145o-3"})(I||(I=e.__makeTemplateObject(["\n    display: inline-block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"],["\n    display: inline-block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"])),a.copyStyle("copy","medium"),(function(e){var n=e.theme;return e.isInverted?s.getColors(n).text.inverted:s.getColors(n).text.default})),z=q.default.ul.withConfig({displayName:"Footer__LinkList",componentId:"sc-9q145o-4"})(L||(L=e.__makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"],["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"]))),W=q.default.li.withConfig({displayName:"Footer__LinkItem",componentId:"sc-9q145o-5"})(h||(h=e.__makeTemplateObject(["\n    & + & {\n        margin-top: ","px;\n    }\n"],["\n    & + & {\n        margin-top: ","px;\n    }\n"])),s.spacings.nudge),P=q.default.div.withConfig({displayName:"Footer__CustomCol",componentId:"sc-9q145o-6"})(w||(w=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"])),5*s.spacings.nudge,s.mq.semilarge,s.spacings.spacer),H=q.default(a.Copy).withConfig({displayName:"Footer__FootNote",componentId:"sc-9q145o-7"})(j||(j=e.__makeTemplateObject(["\n    margin-top: ","px;\n\n    @media "," {\n        margin-top: ","px;\n    }\n"],["\n    margin-top: ","px;\n\n    @media "," {\n        margin-top: ","px;\n    }\n"])),5*s.spacings.nudge,s.mq.semilarge,s.spacings.spacer),D=r.withLibTheme((function(a){var i=a.bgMode,l=a.siteLinks,d=a.customColumn,m=a.footNote,p=a.bottomBar,u=a.bottomLinksLeft,g=a.bottomLinksRight,f=a.languages,_=r.useLibTheme().colors,x="inverted"===i,b=o.useMemo((function(){return d?d({isInverted:x,siteLinks:l,languages:f,bottomLinksLeft:u,bottomLinksRight:g}):void 0}),[u,g,d,x,f,l]),y=o.useMemo((function(){return p?p({isInverted:x,siteLinks:l,languages:f,bottomLinksLeft:u,bottomLinksRight:g}):void 0}),[p,u,g,x,f,l]),k=o.useMemo((function(){return null!==p&&(!!y||null!==y&&(c.isValidArray(f,!1)||c.isValidArray(u,!1)||c.isValidArray(g,!1)))}),[y,p,u,g,f]);return E.default.createElement(V,{addSeperation:!0,renderAs:"footer",clampSolidBg:!1,bgMode:t.mapToBgMode(i,!0),bgColor:x?_.sectionBg.dark:i?_.sectionBg.medium:_.sectionBg.light},E.default.createElement(t.Wrapper,{addWhitespace:!0},E.default.createElement(G,null,E.default.createElement(n.Grid.Row,{gutter:5*s.spacings.nudge,medium:{gutter:s.spacings.spacer}},null==l?void 0:l.map((function(t,a){var i=t.title,o=t.links;return E.default.createElement(n.Grid.Col,{key:a,medium:{span:.5},semilarge:{span:4/12},large:{span:.25},valign:"top"},E.default.createElement(R,{type:"copy-b",isInverted:x},i),E.default.createElement(z,null,null==o?void 0:o.map((function(n,t){var a=n.link,i=n.label;return E.default.createElement(W,{key:t},E.default.createElement(A,e.__assign({},a,{isInverted:x}),i))}))))})),b&&E.default.createElement(n.Grid.Col,{large:{span:.25},toRight:!0,valign:"top"},E.default.createElement(P,null,b))),m&&E.default.createElement(H,{size:"small",isInverted:x,innerHTML:m})),y||(k?E.default.createElement(M,{isInverted:x,linksLeft:u,linksRight:g,languages:f}):null)))})),J=q.default.div.withConfig({displayName:"FooterArticle__View",componentId:"sc-apxyjh-0"})(C||(C=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),2*s.spacings.nudge),K=function(e){var n=e.isInverted,t=e.title,i=e.text,o=e.action,l=e.className;return E.default.createElement(J,{className:l},t&&E.default.createElement(a.Copy,{type:"copy-b",isInverted:n},t),i&&E.default.createElement(a.Copy,{size:"small",isInverted:n,innerHTML:i}),o&&o({isInverted:n}))},Q=Object.freeze({__proto__:null,FooterColumn:function(e){var n=e.isInverted,t=e.title,a=e.text,i=e.action,o=e.socialTitle,l=e.socials;return E.default.createElement(E.default.Fragment,null,(t||a||i)&&E.default.createElement(K,{isInverted:n,title:t,text:a,action:i}),l&&l.length>0&&E.default.createElement(p.SocialList,{isInverted:n,title:o,items:l}))},FooterBottomBar:M}),U=Object.freeze({__proto__:null,FooterArticle:K,FooterBottomGrid:O});exports.Footer=D,exports.FooterPartials=Q,exports.FooterSkeletons=U;
-//# sourceMappingURL=footer.js.map

package/cjs/footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer.js","sources":["../src/components/sections/footer/skeletons/FooterBottomGrid.tsx","../src/components/sections/footer/partials/FooterBottomBar.tsx","../src/components/sections/footer/Footer.tsx","../src/components/sections/footer/skeletons/FooterArticle.tsx","../src/components/sections/footer/partials/FooterColumn.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Bdot from 'components/blocks/Bdot';\nimport { copyStyle } from 'components/typography/Copy';\nimport Link from 'components/typography/Link';\n\nimport { spacings, getColors as color, mq } from 'utils/styles';\nimport { BottomLink } from '../Footer';\n\nconst View = styled.div`\n    border-top: 1px solid ${({ theme }) => color(theme).elementBg.medium};\n    padding: ${spacings.nudge * 2}px 0;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ${spacings.nudge * 2}px;\n        }\n    }\n`;\n\nconst LinkListView = styled.ul`\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -${spacings.nudge}px;\n`;\n\nconst BottomLinkItem = styled.li`\n    display: flex;\n    align-items: center;\n\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n    display: block;\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList: FC<{\n    isInverted?: boolean;\n    links?: BottomLink[];\n    brandIcon?: (isInverted?: boolean) => React.ReactNode | null;\n    className?: string;\n}> = ({ isInverted, links, brandIcon, className }) => {\n    const brand = useMemo(\n        () => brandIcon?.(isInverted),\n        [brandIcon, isInverted]\n    );\n\n    return (\n        <LinkListView className={className}>\n            {links?.map((item, i) => (\n                <BottomLinkItem key={i}>\n                    <StyledLink {...item.link} isInverted={isInverted}>\n                        {item.label}\n                    </StyledLink>\n                </BottomLinkItem>\n            ))}\n            {brand !== null && (\n                <BottomLinkItem>{brand || <Bdot />}</BottomLinkItem>\n            )}\n        </LinkListView>\n    );\n};\n\nconst FooterBottomGrid: FC<{\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ className, children }) => {\n    return <View className={className}>{children}</View>;\n};\n\nexport default {\n    View: FooterBottomGrid,\n    LinkList: LinkList,\n};\n","import React, { FC } from 'react';\n\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport FooterBottomGrid from '../skeletons/FooterBottomGrid';\nimport { BottomLink } from '../Footer';\nimport * as Icons from 'icons';\nimport { isValidArray } from 'utils/arrays';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nconst LeftWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -${spacings.spacer}px;\n\n    & > * {\n        padding-left: ${spacings.spacer}px;\n    }\n`;\n\nconst FooterBottomBar: FC<{\n    isInverted?: boolean;\n    languages?: Language[];\n    linksLeft?: BottomLink[];\n    linksRight?: BottomLink[];\n    brandIcon?: (isInverted?: boolean) => React.ReactNode;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    languages,\n    linksLeft,\n    linksRight,\n    brandIcon,\n    languageIcon,\n    className,\n}) => {\n    return (\n        <FooterBottomGrid.View className={className}>\n            <LeftWrapper>\n                {languages && (\n                    <LanguageSwitcher\n                        isInverted={isInverted}\n                        langs={languages}\n                        languageIcon={\n                            languageIcon\n                                ? languageIcon\n                                : () => <Icons.Language />\n                        }\n                        textSize=\"small\"\n                    />\n                )}\n                {isValidArray(linksLeft, false) && (\n                    <FooterBottomGrid.LinkList\n                        links={linksLeft}\n                        isInverted={isInverted}\n                        brandIcon={() => null}\n                    />\n                )}\n            </LeftWrapper>\n            {isValidArray(linksRight) && (\n                <FooterBottomGrid.LinkList\n                    links={linksRight}\n                    isInverted={isInverted}\n                    brandIcon={brandIcon}\n                />\n            )}\n        </FooterBottomGrid.View>\n    );\n};\n\nexport default FooterBottomBar;\n","import Grid from 'components/base/Grid';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { Language } from 'components/blocks/LanguageSwitcher';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, mq, spacings, withRange } from 'utils/styles';\nimport { withLibTheme } from 'utils/LibThemeProvider';\nimport FooterBottomBar from './partials/FooterBottomBar';\nimport { isValidArray } from 'utils/arrays';\n\nconst FooterSection = styled(Section)`\n    ${withRange([0], 'padding-bottom')}\n    ${withRange([0], 'margin-bottom')}\n`;\n\nconst MainView = styled.div`\n    & > * {\n        margin-bottom: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst ColTitle = styled(Copy)`\n    margin-bottom: ${spacings.nudge * 2}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n    display: inline-block;\n    text-decoration: none;\n\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList = styled.ul`\n    padding: 0;\n    margin: 0;\n    list-style: none;\n`;\n\nconst LinkItem = styled.li`\n    & + & {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst CustomCol = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n\n    @media ${mq.semilarge} {\n        & > * + * {\n            margin-top: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst FootNote = styled(Copy)`\n    margin-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.semilarge} {\n        margin-top: ${spacings.spacer}px;\n    }\n`;\n\nexport interface SiteLinkGroup {\n    title?: string;\n    links?: Array<{ label?: string; link?: LinkProps }>;\n}\n\nexport interface FooterState {\n    isInverted?: boolean;\n    siteLinks?: SiteLinkGroup[];\n    bottomLinksLeft?: BottomLink[];\n    bottomLinksRight?: BottomLink[];\n    languages?: Language[];\n}\n\nexport interface BottomLink {\n    label?: string;\n    link?: LinkProps;\n}\n\nconst Footer: React.FC<{\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Section background */\n    bgMode?: 'full' | 'inverted';\n\n    /** Array of sitelink groups */\n    siteLinks?: SiteLinkGroup[];\n\n    /** Function to inject custom footer column content */\n    customColumn?: (props: FooterState) => React.ReactNode;\n\n    /** Footnote text of main section (richtext) */\n    footNote?: string;\n\n    /** Link list in left bottom bar */\n    bottomLinksLeft?: BottomLink[];\n\n    /** Link list in right bottom bar */\n    bottomLinksRight?: BottomLink[];\n\n    /** Language toggler settings */\n    languages?: Language[];\n\n    /** Inject function to suppress bottom bar or define a custom definition */\n    bottomBar?: ((props: FooterState) => React.ReactNode | null) | null;\n}> = ({\n    bgMode,\n    siteLinks,\n    customColumn,\n    footNote,\n    bottomBar,\n    bottomLinksLeft,\n    bottomLinksRight,\n    languages,\n}) => {\n    const { colors } = useLibTheme();\n    const isInverted = bgMode === 'inverted';\n\n    const customCol = useMemo(() => {\n        return customColumn\n            ? customColumn({\n                  isInverted,\n                  siteLinks,\n                  languages,\n                  bottomLinksLeft,\n                  bottomLinksRight,\n              })\n            : undefined;\n    }, [\n        bottomLinksLeft,\n        bottomLinksRight,\n        customColumn,\n        isInverted,\n        languages,\n        siteLinks,\n    ]);\n\n    const bottom = useMemo(() => {\n        return bottomBar\n            ? bottomBar({\n                  isInverted,\n                  siteLinks,\n                  languages,\n                  bottomLinksLeft,\n                  bottomLinksRight,\n              })\n            : undefined;\n    }, [\n        bottomBar,\n        bottomLinksLeft,\n        bottomLinksRight,\n        isInverted,\n        languages,\n        siteLinks,\n    ]);\n\n    const hasBottomBar = useMemo(() => {\n        if (bottomBar === null) return false;\n        if (bottom) return true;\n        if (bottom === null) return false;\n\n        return (\n            isValidArray(languages, false) ||\n            isValidArray(bottomLinksLeft, false) ||\n            isValidArray(bottomLinksRight, false)\n        );\n    }, [bottom, bottomBar, bottomLinksLeft, bottomLinksRight, languages]);\n\n    return (\n        <FooterSection\n            addSeperation\n            renderAs=\"footer\"\n            clampSolidBg={false}\n            bgMode={mapToBgMode(bgMode, true)}\n            bgColor={\n                isInverted\n                    ? colors.sectionBg.dark\n                    : bgMode\n                    ? colors.sectionBg.medium\n                    : colors.sectionBg.light\n            }\n        >\n            <Wrapper addWhitespace>\n                <MainView>\n                    <Grid.Row\n                        gutter={spacings.nudge * 5}\n                        medium={{ gutter: spacings.spacer }}\n                    >\n                        {siteLinks?.map(({ title, links }, i) => {\n                            return (\n                                <Grid.Col\n                                    key={i}\n                                    medium={{ span: 6 / 12 }}\n                                    semilarge={{ span: 4 / 12 }}\n                                    large={{ span: 3 / 12 }}\n                                    valign=\"top\"\n                                >\n                                    <ColTitle\n                                        type=\"copy-b\"\n                                        isInverted={isInverted}\n                                    >\n                                        {title}\n                                    </ColTitle>\n                                    <LinkList>\n                                        {links?.map(({ link, label }, ii) => (\n                                            <LinkItem key={ii}>\n                                                <StyledLink\n                                                    {...link}\n                                                    isInverted={isInverted}\n                                                >\n                                                    {label}\n                                                </StyledLink>\n                                            </LinkItem>\n                                        ))}\n                                    </LinkList>\n                                </Grid.Col>\n                            );\n                        })}\n                        {customCol && (\n                            <Grid.Col\n                                large={{ span: 3 / 12 }}\n                                toRight\n                                valign=\"top\"\n                            >\n                                <CustomCol>{customCol}</CustomCol>\n                            </Grid.Col>\n                        )}\n                    </Grid.Row>\n                    {footNote && (\n                        <FootNote\n                            size=\"small\"\n                            isInverted={isInverted}\n                            innerHTML={footNote}\n                        />\n                    )}\n                </MainView>\n                {bottom ? (\n                    bottom\n                ) : hasBottomBar ? (\n                    <FooterBottomBar\n                        isInverted={isInverted}\n                        linksLeft={bottomLinksLeft}\n                        linksRight={bottomLinksRight}\n                        languages={languages}\n                    />\n                ) : null}\n            </Wrapper>\n        </FooterSection>\n    );\n};\n\nexport const FooterComponent = Footer;\nexport default withLibTheme(Footer);\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst FooterArticle: FC<{\n    isInverted?: boolean;\n    title?: string;\n    text?: string;\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n    className?: string;\n}> = ({ isInverted, title, text, action, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            {text && (\n                <Copy size=\"small\" isInverted={isInverted} innerHTML={text} />\n            )}\n            {action && action({ isInverted })}\n        </View>\n    );\n};\n\nexport default FooterArticle;\n","import SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport React, { FC } from 'react';\nimport FooterArticle from '../skeletons/FooterArticle';\n\nconst FooterColumn: FC<{\n    isInverted?: boolean;\n    title?: string;\n    text?: string;\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n    socialTitle?: string;\n    socials?: SocialItem[];\n}> = ({ isInverted, title, text, action, socialTitle, socials }) => {\n    return (\n        <React.Fragment>\n            {(title || text || action) && (\n                <FooterArticle\n                    isInverted={isInverted}\n                    title={title}\n                    text={text}\n                    action={action}\n                />\n            )}\n            {socials && socials.length > 0 && (\n                <SocialList\n                    isInverted={isInverted}\n                    title={socialTitle}\n                    items={socials}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default FooterColumn;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","elementBg","medium","spacings","nudge","mq","semilarge","LinkListView","ul","templateObject_2","BottomLinkItem","li","templateObject_3","StyledLink","Link","templateObject_4","copyStyle","isInverted","text","inverted","default","FooterBottomGrid$1","className","children","React","createElement","LinkList","links","brandIcon","brand","useMemo","map","item","i","key","__assign","link","label","Bdot","LeftWrapper","spacer","FooterBottomBar","languages","linksLeft","linksRight","languageIcon","FooterBottomGrid","LanguageSwitcher","langs","Icons","LanguageIcon","textSize","isValidArray","FooterSection","Section","withRange","MainView","ColTitle","Copy","templateObject_5","LinkItem","templateObject_6","CustomCol","templateObject_7","FootNote","templateObject_8","Footer$1","withLibTheme","bgMode","siteLinks","customColumn","footNote","bottomBar","bottomLinksLeft","bottomLinksRight","colors","useLibTheme","customCol","undefined","bottom","hasBottomBar","addSeperation","renderAs","clampSolidBg","mapToBgMode","bgColor","sectionBg","dark","light","Wrapper","addWhitespace","Grid","Row","gutter","title","Col","span","large","valign","type","ii","toRight","size","innerHTML","FooterArticle","action","socialTitle","socials","Fragment","length","SocialList","items"],"mappings":"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"}

package/cjs/hexRgbConverter-91b28aea.js

@@ -1,2 +0,0 @@
-"use strict";var a=require("./clamp-bd21d587.js");exports.hexToRgba=function(n,t){var r;void 0===t&&(t=1);var i=function(a){if(a)return a.length>=6?a:a.split("").map((function(a){return"#"===a?a:a+a})).join("")}(n);if(i){var c=null===(r=i.match(/\w\w/g))||void 0===r?void 0:r.map((function(a){return parseInt(a,16)}));if(c&&c[0]&&!isNaN(c[0])&&c[1]&&!isNaN(c[1])&&c[2]&&!isNaN(c[2]))return"rgba(".concat(c[0],",").concat(c[1],",").concat(c[2],",").concat(a.clampValue(t,0,1),")")}};
-//# sourceMappingURL=hexRgbConverter-91b28aea.js.map

package/cjs/hexRgbConverter-91b28aea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hexRgbConverter-91b28aea.js","sources":["../src/utils/hexRgbConverter.ts"],"sourcesContent":["import { clampValue } from './clamp';\n\n/** Convert hex string to full 6 digit hex */\nconst toFullHex = (hex: string) => {\n    if (!hex) return undefined;\n    if (hex.length >= 6) return hex;\n\n    const chars = hex.split('').map((char) => {\n        if (char === '#') return char;\n        return char + char;\n    });\n    return chars.join('');\n};\n\n// converting 6 character hex color code to rgba string\nexport const hexToRgba = (hex: string, alpha = 1) => {\n    const fullHex = toFullHex(hex);\n    if (!fullHex) return undefined;\n\n    const rgb = fullHex.match(/\\w\\w/g)?.map((x) => parseInt(x, 16));\n    if (!rgb) return undefined;\n    if (!rgb[0] || isNaN(rgb[0])) return undefined;\n    if (!rgb[1] || isNaN(rgb[1])) return undefined;\n    if (!rgb[2] || isNaN(rgb[2])) return undefined;\n\n    return `rgba(${rgb[0]},${rgb[1]},${rgb[2]},${clampValue(alpha, 0, 1)})`;\n};\n"],"names":["hex","alpha","fullHex","length","split","map","char","join","toFullHex","rgb","_a","match","x","parseInt","isNaN","concat","clampValue"],"mappings":"oEAeyB,SAACA,EAAaC,cAAA,IAAAA,IAAAA,EAAS,GAC5C,IAAMC,EAbQ,SAACF,GACf,GAAKA,EACL,OAAIA,EAAIG,QAAU,EAAUH,EAEdA,EAAII,MAAM,IAAIC,KAAI,SAACC,GAC7B,MAAa,MAATA,EAAqBA,EAClBA,EAAOA,KAELC,KAAK,IAKFC,CAAUR,GAC1B,GAAKE,EAAL,CAEA,IAAMO,EAA4B,QAAtBC,EAAAR,EAAQS,MAAM,gBAAQ,IAAAD,OAAA,EAAAA,EAAEL,KAAI,SAACO,GAAM,OAAAC,SAASD,EAAG,OAC3D,GAAKH,GACAA,EAAI,KAAMK,MAAML,EAAI,KACpBA,EAAI,KAAMK,MAAML,EAAI,KACpBA,EAAI,KAAMK,MAAML,EAAI,IAEzB,MAAO,QAAAM,OAAQN,EAAI,eAAMA,EAAI,GAAM,KAAAM,OAAAN,EAAI,GAAM,KAAAM,OAAAC,aAAWf,EAAO,EAAG,GAAE"}