@blateral/b.kit 2.3.0-beta.1.0 → 2.3.0-beta.1.1

package/base/package.json

@@ -1,7 +1,7 @@
 {
     "internal": true,
-    "main": "../lib/esm/base.js",
-    "jsnext:main": "../lib/esm/base.js",
-    "module": "../lib/esm/base.js",
-    "types": "../lib/types/base.d.ts"
+    "main": "../esm/base.js",
+    "jsnext:main": "../esm/base.js",
+    "module": "../esm/base.js",
+    "types": "../types/base.d.ts"
 }

package/blocks/package.json

@@ -1,7 +1,7 @@
 {
     "internal": true,
-    "main": "../lib/esm/blocks.js",
-    "jsnext:main": "../lib/esm/blocks.js",
-    "module": "../lib/esm/blocks.js",
-    "types": "../lib/types/blocks.d.ts"
+    "main": "../esm/blocks.js",
+    "jsnext:main": "../esm/blocks.js",
+    "module": "../esm/blocks.js",
+    "types": "../types/blocks.d.ts"
 }

package/buttons/package.json

@@ -1,7 +1,7 @@
 {
     "internal": true,
-    "main": "../lib/esm/buttons.js",
-    "jsnext:main": "../lib/esm/buttons.js",
-    "module": "../lib/esm/buttons.js",
-    "types": "../lib/types/buttons.d.ts"
+    "main": "../esm/buttons.js",
+    "jsnext:main": "../esm/buttons.js",
+    "module": "../esm/buttons.js",
+    "types": "../types/buttons.d.ts"
 }

package/cjs/Actions-487104b2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions-487104b2.js","sources":["../src/utils/statusFormatter.ts","../src/components/blocks/Actions.tsx"],"sourcesContent":["interface DateReplacementHolder {\n    [key: string]: () => string;\n}\n\nexport default class StatusFormatter {\n    private timestamp: number;\n    private input: string;\n    private dateFormat: string;\n    private timeFormat: string;\n\n    private localeKey: string;\n    private date: Date;\n\n    constructor(\n        timestamp: number,\n        input: string,\n        dateFormat: string,\n        timeFormat: string,\n        localeKey?: string\n    ) {\n        this.timestamp = timestamp;\n        this.input = input;\n        this.dateFormat = dateFormat;\n        this.timeFormat = timeFormat;\n\n        this.localeKey = localeKey ? localeKey : 'de';\n        this.date = new Date(this.timestamp);\n    }\n\n    private dateReplacements: DateReplacementHolder = {\n        dddd: () => {\n            return weekDays[this.localeKey].long[this.date.getDay()];\n        },\n        DDDD: () => {\n            return weekDays[this.localeKey].long[this.date.getDay()];\n        },\n        ddd: () => {\n            return weekDays[this.localeKey].short[this.date.getDay()];\n        },\n        DDD: () => {\n            return weekDays[this.localeKey].short[this.date.getDay()];\n        },\n        dd: () => {\n            return this.getDay();\n        },\n        DD: () => {\n            return this.getDay();\n        },\n        MMMM: () => {\n            return monthNames[this.localeKey].long[this.date.getMonth()];\n        },\n        mmmm: () => {\n            return monthNames[this.localeKey].long[this.date.getMonth()];\n        },\n        MMM: () => {\n            return monthNames[this.localeKey].short[this.date.getMonth()];\n        },\n        mmm: () => {\n            return monthNames[this.localeKey].short[this.date.getMonth()];\n        },\n        mm: () => {\n            return this.getMonth();\n        },\n        MM: () => {\n            return this.getMonth();\n        },\n        yyyy: () => {\n            return this.getYear();\n        },\n        YYYY: () => {\n            return this.getYear();\n        },\n        yy: () => {\n            return this.getYear().substr(-2);\n        },\n        YY: () => {\n            return this.getYear().substr(-2);\n        },\n    };\n\n    private timeReplacements: DateReplacementHolder = {\n        hh: () => {\n            return this.getHours();\n        },\n        HH: () => {\n            return this.getHours();\n        },\n        hs: () => {\n            return this.getHours12h();\n        },\n        HS: () => {\n            return this.getHours12h();\n        },\n        mm: () => {\n            return this.getMinutes();\n        },\n        MM: () => {\n            return this.getMinutes();\n        },\n        ss: () => {\n            return this.getSeconds();\n        },\n        SS: () => {\n            return this.getSeconds();\n        },\n        ap: () => {\n            const hours = this.date.getHours();\n            return hours >= 12 ? 'pm' : 'am';\n        },\n        AP: () => {\n            const hours = this.date.getHours();\n            return hours >= 12 ? 'PM' : 'AM';\n        },\n    };\n\n    public setDate(timestamp: number) {\n        this.date = new Date(timestamp);\n    }\n\n    public setLocale(localeKey: string) {\n        this.localeKey = localeKey;\n    }\n\n    public getFormattedStatus() {\n        const placeholders: {\n            [key: string]: any;\n        } = {\n            '<DATE>': this.getFormattedDate(),\n            '<TIME>': this.getFormattedTime(),\n        };\n\n        const formattedInput = this.input.replace(/<\\w+>/g, (foundString) => {\n            return placeholders[foundString] || foundString;\n        });\n        return formattedInput;\n    }\n\n    public getFormattedDate() {\n        // replace placeholders with values from dateReplacements object\n        const dataKeys = Object.keys(this.dateReplacements);\n        let formattedDate = this.dateFormat;\n        for (let i = 0; i < dataKeys.length; i++) {\n            formattedDate = formattedDate.replace(\n                new RegExp(dataKeys[i], 'g'),\n                (foundString) => {\n                    return this.dateReplacements[foundString].call(this);\n                }\n            );\n        }\n        return formattedDate;\n    }\n\n    public getFormattedTime() {\n        // replace placeholders with values from timeReplacements object\n        const dataKeys = Object.keys(this.timeReplacements);\n        let formattedTime = this.timeFormat;\n        for (let i = 0; i < dataKeys.length; i++) {\n            formattedTime = formattedTime.replace(\n                new RegExp(dataKeys[i], 'g'),\n                (foundString) => {\n                    return this.timeReplacements[foundString].call(this);\n                }\n            );\n        }\n        return formattedTime;\n    }\n\n    public areOnSameDay(first: Date, second: Date) {\n        return (\n            first.getFullYear() === second.getFullYear() &&\n            first.getMonth() === second.getMonth() &&\n            first.getDate() === second.getDate()\n        );\n    }\n\n    /**\n     * Get formatted string of timespan from current date + duration in seconds\n     * @param duration Duration in seconds. Added to current date\n     * @returns\n     */\n    public getFormattedTimespan(\n        format = '',\n        duration?: number,\n        seperator = ' - '\n    ) {\n        const startTime = this.getFormattedTime();\n        let endTime = '';\n\n        if (duration === undefined) return '';\n\n        // create endDate\n        if (duration > 0) {\n            const endDate = new Date(this.date);\n            endDate.setSeconds(this.date.getSeconds() + duration);\n\n            const endTimeFormatter = new StatusFormatter(\n                endDate.getTime(),\n                this.input,\n                this.dateFormat,\n                this.timeFormat,\n                this.localeKey\n            );\n\n            endTime = endTimeFormatter.getFormattedTime();\n        }\n\n        // concatenate timespan string\n        const placeholders: {\n            [key: string]: any;\n        } = {\n            '<START>': startTime,\n            '<END>': endTime,\n            '<SEP>': seperator,\n        };\n\n        const formattedTimespan = format.replace(/<\\w+>/g, (foundString) => {\n            if (foundString === '<SEP>' && !(startTime && endTime)) return '';\n            if (foundString === '<END>' && !endTime) return '';\n\n            return placeholders[foundString] || foundString;\n        });\n\n        return formattedTimespan;\n    }\n\n    private getDoubleDigitString(value: number) {\n        return value < 10 ? '0' + value.toString() : value.toString();\n    }\n\n    private getDay() {\n        return this.getDoubleDigitString(this.date.getDate());\n    }\n\n    private getMonth() {\n        return this.getDoubleDigitString(this.date.getMonth() + 1);\n    }\n\n    private getYear() {\n        return this.date.getFullYear().toString();\n    }\n\n    private getHours() {\n        return this.getDoubleDigitString(this.date.getHours());\n    }\n\n    private getHours12h() {\n        let hours = this.date.getHours();\n        hours = hours % 12;\n        hours = hours === 0 ? 12 : hours;\n        return this.getDoubleDigitString(hours);\n    }\n\n    private getMinutes() {\n        return this.getDoubleDigitString(this.date.getMinutes());\n    }\n\n    private getSeconds() {\n        return this.getDoubleDigitString(this.date.getSeconds());\n    }\n}\n\ninterface WeekDays {\n    [key: string]: {\n        long: string[];\n        short: string[];\n    };\n}\n\ninterface MonthNames {\n    [key: string]: {\n        long: string[];\n        short: string[];\n    };\n}\n\nconst weekDays: WeekDays = {\n    de: {\n        long: [\n            'Sonntag',\n            'Montag',\n            'Dienstag',\n            'Mittwoch',\n            'Donnerstag',\n            'Freitag',\n            'Samstag',\n        ],\n        short: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],\n    },\n    en: {\n        long: [\n            'Sunday',\n            'Monday',\n            'Tuesday',\n            'Wednesday',\n            'Thursday',\n            'Friday',\n            'Saturday',\n        ],\n        short: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n    },\n};\n\nconst monthNames: MonthNames = {\n    de: {\n        long: [\n            'Januar',\n            'Februar',\n            'März',\n            'April',\n            'Mai',\n            'Juni',\n            'Juli',\n            'August',\n            'September',\n            'Oktober',\n            'November',\n            'Dezember',\n        ],\n        short: [\n            'Jan.',\n            'Febr.',\n            'März',\n            'Apr.',\n            'Mai',\n            'Juni',\n            'Juli',\n            'Aug.',\n            'Sept.',\n            'Okt.',\n            'Nov.',\n            'Dez',\n        ],\n    },\n    en: {\n        long: [\n            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December',\n        ],\n        short: [\n            'Jan.',\n            'Feb.',\n            'Mar.',\n            'Apr.',\n            'May',\n            'June',\n            'July',\n            'Aug.',\n            'Sept.',\n            'Oct.',\n            'Nov.',\n            'Dec.',\n        ],\n    },\n};\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div<{ isCovered?: boolean }>`\n    display: block;\n\n    @media ${mq.medium} {\n        display: ${({ isCovered }) => (isCovered ? 'block' : 'inline-block')};\n    }\n`;\n\nconst Content = styled.div<{\n    isMirrored?: boolean;\n    isCovered?: boolean;\n}>`\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: ${({ isMirrored }) =>\n        isMirrored ? 'column-reverse' : 'column'};\n\n    margin-top: -${spacings.nudge * 2}px;\n    margin-left: -${spacings.spacer}px;\n\n    &&& > * {\n        /* flex: 1 1 ${({ isCovered }) => (isCovered ? '100%' : '0px')}; */\n        margin-top: ${spacings.nudge * 2}px;\n        margin-left: ${spacings.spacer}px;\n\n        /* min-width: ${({ isCovered }) => isCovered && '0px'}; */\n    }\n\n    @media ${mq.medium} {\n        display: ${({ isCovered }) => (isCovered ? 'flex' : 'inline-flex')};\n        flex-direction: ${({ isMirrored }) =>\n            isMirrored ? 'row-reverse' : 'row'};\n        align-items: stretch;\n        width: auto;\n    }\n`;\n\nconst TertiaryWrapper = styled.div`\n    align-self: flex-start;\n\n    @media ${mq.medium} {\n        align-self: center;\n    }\n`;\n\nexport type ActionMode = 'wrap' | 'cover';\n\nconst Actions: FC<{\n    /** Behaviour of content wrapping. If set to cover the action container always tries to fill full width */\n    mode?: ActionMode;\n    /** Switch order of primary and secondary action */\n    isMirrored?: boolean;\n    /** React node of primary action */\n    primary?: React.ReactNode;\n    /** React node of secondary action */\n    secondary?: React.ReactNode;\n    /** React node of tertiary action */\n    tertiary?: React.ReactNode;\n    className?: string;\n}> = ({\n    mode = 'wrap',\n    isMirrored = false,\n    primary,\n    secondary,\n    tertiary,\n    className,\n}) => {\n    return (\n        <View isCovered={mode === 'cover'} className={className}>\n            <Content isCovered={mode === 'cover'} isMirrored={isMirrored}>\n                {primary && primary}\n                {secondary && secondary}\n                {tertiary && <TertiaryWrapper>{tertiary}</TertiaryWrapper>}\n            </Content>\n        </View>\n    );\n};\n\nexport default Actions;\n"],"names":["StatusFormatter","timestamp","input","dateFormat","timeFormat","localeKey","_this","this","dateReplacements","dddd","weekDays","long","date","getDay","DDDD","ddd","short","DDD","dd","DD","MMMM","monthNames","getMonth","mmmm","MMM","mmm","mm","MM","yyyy","getYear","YYYY","yy","substr","YY","timeReplacements","hh","getHours","HH","hs","getHours12h","HS","getMinutes","ss","getSeconds","SS","ap","AP","Date","prototype","setDate","setLocale","getFormattedStatus","placeholders","getFormattedDate","getFormattedTime","replace","foundString","dataKeys","Object","keys","formattedDate","i","length","RegExp","call","formattedTime","areOnSameDay","first","second","getFullYear","getDate","getFormattedTimespan","format","duration","seperator","startTime","endTime","undefined","endDate","setSeconds","endTimeFormatter","getTime","getDoubleDigitString","value","toString","hours","de","en","View","styled","div","withConfig","displayName","componentId","mq","medium","_a","isCovered","Content","templateObject_2","__makeTemplateObject","isMirrored","spacings","nudge","spacer","TertiaryWrapper","templateObject_3","_b","mode","_c","primary","secondary","tertiary","className","React","createElement"],"mappings":"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"}

package/cjs/Bdot-760e0e3a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bdot-760e0e3a.js","sources":["../src/components/blocks/Title.tsx","../src/components/blocks/IntroBlock.tsx","../src/components/blocks/Tag.tsx","../src/components/blocks/EventBlock.tsx","../src/components/blocks/InfoList.tsx","../src/components/sections/header/HeaderKenBurns.tsx","../src/components/sections/header/HeaderPoster.tsx","../src/components/sections/header/HeaderVideo.tsx","../src/components/blocks/TableBlock.tsx","../src/components/blocks/VideoBlock.tsx","../src/components/blocks/POIFacts.tsx","../src/components/blocks/POICard.tsx","../src/components/blocks/Bdot.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Heading, { HeadlineTag } from 'components/typography/Heading';\nimport { FontType, spacings } from 'utils/styles';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin: ${({ isCentered }) => isCentered && '0 auto'};\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst SuperTitle = styled(Heading)`\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n`;\n\nconst MainTitle = styled(Heading)<{ maxLines?: number }>`\n    display: block;\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n`;\n\nexport type TitleSize = Extract<FontType, 'heading-1' | 'heading-2'>;\n\nconst Title: FC<{\n    /**\n     * Text color mode mostly background dependent.\n     * The value onImage is used if the title is placed on an underlying image\n     * */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Style type of main title */\n    titleSize?: TitleSize;\n\n    /** Clamp lines of text to specific number */\n    maxLines?: number;\n\n    /** Center texts */\n    isCentered?: boolean;\n\n    /** Enable titel text hypens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    colorMode = 'default',\n    superTitle,\n    superTitleAs,\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    maxLines,\n    isCentered = false,\n    titleHyphens,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View isCentered={isCentered} className={className}>\n            {superTitle && (\n                <SuperTitle\n                    renderAs={superTitleAs || 'div'}\n                    size=\"super\"\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={superTitle}\n                />\n            )}\n            {title && (\n                <MainTitle\n                    renderAs={titleAs || 'h2'}\n                    size={titleSize === 'heading-1' ? 'heading-1' : 'heading-2'}\n                    hyphens={titleHyphens}\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={title}\n                    maxLines={maxLines}\n                />\n            )}\n        </View>\n    );\n};\n\nexport default Title;\n","import 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 } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { getColors, spacings } from 'utils/styles';\n\nconst View = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    isClickable?: boolean;\n}>`\n    display: inline-block;\n    border: 1px solid\n        ${({ isInverted }) => (isInverted ? '#dddddd' : '#444444')};\n    border-radius: 8px;\n\n    padding: 1px ${spacings.nudge}px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n\n    background: none;\n\n    && {\n        background-color: ${({ isActive, isInverted }) =>\n            isActive && (isInverted ? '#dddddd' : '#444444')};\n        color: ${({ isActive, isInverted }) => {\n            if (isActive) {\n                return isInverted ? '#444444' : '#ffff';\n            } else {\n                return isInverted ? '#dddddd' : '#444444';\n            }\n        }};\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ${({ isClickable }) => (isClickable ? 'pointer' : 'default')};\n\n    ${({ isClickable, isInverted }) =>\n        isClickable &&\n        css`\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ${isInverted ? '#dddddd' : '#444444'};\n                    color: ${isInverted ? '#444444' : '#ffff'};\n                }\n            }\n        `}\n\n    &:focus {\n        /* background-color: ${({ isInverted }) =>\n            isInverted ? '#dddddd' : '#444444'};\n        color: ${({ isInverted }) => (isInverted ? '#444444' : '#ffff')}; */\n        outline: 2px solid\n            ${({ isInverted, theme }) =>\n                isInverted\n                    ? getColors(theme).primary.inverted\n                    : getColors(theme).primary.default};\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n`;\n\nexport interface TagProps {\n    name?: string;\n    link?: LinkProps;\n}\n\nconst Tag: FC<\n    TagProps & {\n        /** Invert colors to use on dark background */\n        isInverted?: boolean;\n\n        /** Highlight tag if active */\n        isActive?: boolean;\n\n        /** Click callback */\n        onClick?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n> = ({ name, link, isInverted, isActive, onClick, className, children }) => {\n    const tag = link?.href ? 'a' : onClick ? 'button' : 'span';\n\n    return (\n        <View\n            as={tag}\n            isInverted={isInverted}\n            isActive={isActive}\n            onClick={onClick}\n            isClickable={!!onClick || !!(link && link.href)}\n            className={className}\n            {...link}\n        >\n            {name || children}\n        </View>\n    );\n};\n\nexport default Tag;\n","import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Tag, { TagProps } from './Tag';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { spacings, mq, getFonts as font } from 'utils/styles';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport Image, { ImageProps } from './Image';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\n\nconst View = styled.div`\n    text-decoration: none;\n    color: inherit;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst ImageContainer = styled.div`\n    flex: 0 1 30%;\n    margin-left: auto;\n`;\n\nconst MainContent = styled.div`\n    flex: 0 1 70%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        max-width: 830px;\n    }\n`;\n\nconst TagContainer = styled.div`\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge}px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n`;\n\nconst TitleWrapper = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst TagWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst TitleLink = styled(Link)`\n    display: inline-block;\n    ${copyStyle('copy-b', 'big')}\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme)['copy-b'].big.colorInverted\n            : font(theme)['copy-b'].big.color};\n    text-decoration: none;\n`;\n\nconst Text = styled(Copy)`\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n\nexport interface EventProps {\n    /** Array of tag item settings */\n    tags?: TagProps[];\n\n    /** Active tags that are highlighted in this event */\n    activeTags?: string[];\n\n    /** Event image */\n    image?: Omit<ImageProps, 'coverSpace' | 'ratios'>;\n\n    /** Event title */\n    title?: string;\n\n    /** Event publish date */\n    date?: Date;\n\n    /** Event duration in seconds  */\n    duration?: number;\n\n    /** Event text (richtext) */\n    text?: string;\n\n    /** Invert color and background for darker themes */\n    isInverted?: boolean;\n\n    /** Event link settings */\n    link?: LinkProps;\n\n    /** Function to inject action elements */\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n\n    /** Function to inject custom tag node */\n    customTag?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n        isActive?: boolean;\n        link: LinkProps;\n        clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n    }) => React.ReactNode;\n\n    /** Callback function if tag in news iten has been clicked */\n    onTagClick?: (tag: TagProps) => void;\n}\n\nconst EventBlock: React.FC<EventProps> = ({\n    customTag,\n    onTagClick,\n    title,\n    image,\n    date,\n    text,\n    link,\n    tags,\n    isInverted,\n    action,\n}) => {\n    const { globals } = useLibTheme();\n\n    let publishedAt = '';\n    if (date) {\n        const formatter = new StatusFormatter(\n            date.getTime(),\n            '',\n            globals.sections.eventDateFormat(date),\n            globals.sections.eventTimeFormat(date),\n            globals.sections.eventLocaleKey\n        );\n        publishedAt = formatter.getFormattedDate();\n    }\n\n    const handleTagClick = (tag: TagProps) =>\n        onTagClick\n            ? (ev?: React.SyntheticEvent<HTMLElement>) => {\n                  ev?.preventDefault();\n                  onTagClick(tag);\n              }\n            : undefined;\n\n    const filteredTags = useMemo(() => {\n        return tags?.filter((tag) => tag.name);\n    }, [tags]);\n\n    return (\n        <View>\n            {image?.small && (\n                <ImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                        ratios={{\n                            small: { w: 640, h: 320 },\n                            medium: { w: 752, h: 276 },\n                            large: { w: 375, h: 250 },\n                        }}\n                    />\n                </ImageContainer>\n            )}\n            <MainContent>\n                {isValidArray(filteredTags, false) && (\n                    <TagContainer>\n                        {filteredTags.map(\n                            (tag, i) =>\n                                tag && (\n                                    <TagWrapper key={'tag_' + i}>\n                                        {customTag ? (\n                                            customTag({\n                                                key: 'tag_' + i,\n                                                name: tag.name || '',\n                                                isInverted: isInverted,\n                                                isActive: false,\n                                                link: tag.link || {},\n                                                clickHandler:\n                                                    handleTagClick(tag),\n                                            })\n                                        ) : (\n                                            <Tag\n                                                isInverted={isInverted}\n                                                name={tag.name}\n                                                link={tag.link}\n                                                onClick={handleTagClick(tag)}\n                                            />\n                                        )}\n                                    </TagWrapper>\n                                )\n                        )}\n                    </TagContainer>\n                )}\n                <TitleWrapper>\n                    {date && (\n                        <Copy isInverted={isInverted} size=\"medium\" type=\"copy\">\n                            {publishedAt}\n                        </Copy>\n                    )}\n                    {title && (\n                        <TitleLink {...link} isInverted={isInverted}>\n                            {title}\n                        </TitleLink>\n                    )}\n                </TitleWrapper>\n                {text && (\n                    <Text\n                        size=\"small\"\n                        isInverted={isInverted}\n                        innerHTML={text}\n                    />\n                )}\n                {action && <div> {action({ isInverted })} </div>}\n            </MainContent>\n        </View>\n    );\n};\n\nexport default EventBlock;\n","import Copy from 'components/typography/Copy';\nimport React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div``;\n\nconst Container = styled.ul`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -${spacings.spacer}px;\n    margin-top: -${spacings.nudge * 5}px;\n    list-style: none;\n`;\n\nconst Item = styled.li`\n    flex: 1 1 100%;\n    padding-left: ${spacings.spacer}px;\n    padding-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.medium} {\n        flex: 1 1 300px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    display: block;\n    margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst Infos = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: 0;\n`;\n\nconst Content = styled.li`\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Icon = styled(Copy)`\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nexport interface InfoGroup {\n    title?: string;\n    items: Info[];\n}\n\nexport interface Info {\n    /** icon injection function */\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    /** info text (richtText) */\n    text?: string;\n}\n\nconst InfoList: FC<{\n    /** Invert text and icon color for dark backgrounds */\n    isInverted?: boolean;\n\n    /** Array of info groups */\n    items?: InfoGroup[];\n\n    className?: string;\n}> = ({ isInverted, items, className }) => {\n    return (\n        <View className={className}>\n            <Container>\n                {items?.map((group, i) => {\n                    const groupItems =\n                        group?.items?.filter((item) => item.text) || [];\n                    const hasItems = isValidArray(groupItems, false);\n\n                    return (\n                        <Item key={i}>\n                            {group.title && (\n                                <Title\n                                    size=\"small\"\n                                    type=\"copy-b\"\n                                    renderAs=\"span\"\n                                    isInverted={isInverted}\n                                >\n                                    {group.title}\n                                </Title>\n                            )}\n                            {hasItems && (\n                                <Infos>\n                                    {groupItems.map((info, ii) => (\n                                        <Content key={ii}>\n                                            <Icon isInverted={isInverted}>\n                                                {info.icon &&\n                                                    info.icon(isInverted)}\n                                            </Icon>\n                                            {info.text && (\n                                                <Copy\n                                                    size=\"small\"\n                                                    isInverted={isInverted}\n                                                    innerHTML={info.text}\n                                                    allowLinkIcons={false}\n                                                />\n                                            )}\n                                        </Content>\n                                    ))}\n                                </Infos>\n                            )}\n                        </Item>\n                    );\n                })}\n            </Container>\n        </View>\n    );\n};\n\nexport default InfoList;\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 Copy from 'components/typography/Copy';\nimport React, { forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    &:focus {\n        outline: 1px dashed ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Caption = styled(Copy)`\n    margin-bottom: ${spacings.nudge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    text-align: left;\n`;\n\nconst TableContainer = styled.div`\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n`;\n\nconst TableBody = styled.table`\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ${spacings.nudge * 0.5}px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n`;\n\nconst TableHead = styled(Copy)<{\n    isInverted?: boolean;\n    alignRight?: boolean;\n}>`\n    text-align: left;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.dark\n            : color(theme).elementBg.medium};\n\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ${spacings.spacer * 2.5}px;\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n    }\n`;\n\nconst TableData = styled(Copy)<{\n    hasBack?: boolean;\n    alignRight?: boolean;\n}>`\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ${({ hasBack, theme }) =>\n        hasBack ? color(theme).elementBg.light : color(theme).elementBg.medium};\n\n    :last-child {\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n        padding-right: ${spacings.spacer * 2.5}px;\n    }\n`;\n\nexport interface TableProps {\n    tableTitle?: string;\n    rowTitle?: string[];\n    row: Array<{\n        cols: string[];\n    }>;\n    isInverted?: boolean;\n    hasBack?: boolean;\n    lastCol?: 'left' | 'right';\n}\n\nconst TableBlock = forwardRef<HTMLDivElement, TableProps>(\n    (\n        {\n            row,\n            tableTitle,\n            rowTitle,\n            isInverted = false,\n            hasBack = false,\n            lastCol = 'left',\n        },\n        ref\n    ) => {\n        return (\n            <View ref={ref}>\n                <TableContainer tabIndex={1}>\n                    <TableBody>\n                        {tableTitle && (\n                            <Caption\n                                renderAs=\"caption\"\n                                type=\"copy-b\"\n                                isInverted={isInverted}\n                            >\n                                {tableTitle}\n                            </Caption>\n                        )}\n                        {rowTitle && (\n                            <thead>\n                                <tr>\n                                    {rowTitle.map((item, ii) => (\n                                        <TableHead\n                                            key={ii}\n                                            type=\"copy-b\"\n                                            renderAs=\"th\"\n                                            isInverted={!isInverted}\n                                            alignRight={lastCol === 'right'}\n                                        >\n                                            {item}\n                                        </TableHead>\n                                    ))}\n                                </tr>\n                            </thead>\n                        )}\n                        <tbody>\n                            {row.map(({ cols }, i) => (\n                                <tr key={i}>\n                                    {cols.map((itemText, ii) => {\n                                        return (\n                                            <TableData\n                                                key={ii}\n                                                renderAs=\"td\"\n                                                hasBack={hasBack}\n                                                alignRight={lastCol === 'right'}\n                                                innerHTML={itemText}\n                                            />\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </TableBody>\n                </TableContainer>\n            </View>\n        );\n    }\n);\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n","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","import Check from 'components/base/icons/Check';\nimport { copyStyle } from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge * 2}px;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst FactsWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge * 2}px;\n`;\n\nconst Fact = styled.span<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.copyInverted : color(theme).text.copy};\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 0.5}px;\n    }\n`;\n\nconst POIFacts: React.FC<{\n    facts: string[];\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n    isInverted?: boolean;\n}> = ({ facts, customFact, isInverted }) => {\n    return (\n        <View>\n            {facts.map((fact, i) => (\n                <FactsWrapper key={'tag_' + i}>\n                    {customFact ? (\n                        customFact({\n                            key: `headtag-${i}`,\n                            name: fact || '',\n                            isInverted: isInverted,\n                        })\n                    ) : (\n                        <Fact isInverted={isInverted}>\n                            <Check />\n                            <span>{fact}</span>\n                        </Fact>\n                    )}\n                </FactsWrapper>\n            ))}\n        </View>\n    );\n};\n\nexport default POIFacts;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport POIFacts from 'components/blocks/POIFacts';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport InfoList, { Info } from './InfoList';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    padding: ${spacings.nudge * 2}px;\n    border-radius: ${spacings.nudge}px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Description = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n`;\n\nconst Body = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ${mq.semilarge} {\n        margin-left: -${spacings.spacer}px;\n        margin-right: -${spacings.spacer}px;\n\n        & > * + * {\n            border-left: 1px solid\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? color(theme).elementBg.light\n                        : color(theme).elementBg.dark};\n        }\n    }\n`;\n\nconst Col = styled.div`\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.semilarge} {\n        flex: 1 0 60%;\n        padding: 0 ${spacings.spacer}px;\n    }\n\n    @media ${mq.large} {\n        flex: 1 0 ${(2 / 3) * 100}%;\n    }\n`;\n\nconst InfoCol = styled(Col)`\n    display: none;\n    margin-bottom: ${spacings.nudge * 2}px;\n\n    @media ${mq.semilarge} {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ${mq.large} {\n        display: block;\n        flex: 1 0 ${(1 / 3) * 100}%;\n    }\n`;\n\nconst Action = styled.div``;\n\nexport type POILocation = {\n    address: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    coordinates?: { lat: number; long: number };\n    mail: string;\n    phone: string;\n    web: string;\n};\n\nexport type POIContact = {\n    name: string;\n    position: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    mail: string;\n    phone: string;\n};\n\nexport interface POICardProps {\n    /** Invert text and background for use on dark sections */\n    isInverted?: boolean;\n\n    /** POI name */\n    name: string;\n\n    /** Short POI description text (RichText) */\n    shortDescription?: string;\n\n    /** Array of additional POI informations */\n    infos?: Info[];\n\n    /** Array of POI facts */\n    facts?: string[];\n\n    /** Function to inject custom fact node */\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n\n    /** Function to inject custom action node */\n    action?: (isInverted?: boolean) => React.ReactNode;\n}\n\nconst POICard: React.FC<POICardProps> = ({\n    isInverted,\n    name,\n    shortDescription,\n    facts,\n    infos,\n    customFact,\n    action,\n}) => {\n    const hasFacts = isValidArray(facts, false);\n    const hasInfos = isValidArray(infos, false);\n\n    return (\n        <View isInverted={isInverted}>\n            {name && (\n                <Title type=\"copy-b\" size=\"big\" isInverted={isInverted}>\n                    {name}\n                </Title>\n            )}\n            {(hasFacts || shortDescription || hasInfos || action) && (\n                <Body isInverted={isInverted}>\n                    <Col>\n                        {isValidArray(facts, false) && (\n                            <POIFacts\n                                facts={facts}\n                                isInverted={isInverted}\n                                customFact={customFact}\n                            />\n                        )}\n                        {shortDescription && (\n                            <Description\n                                isInverted={isInverted}\n                                innerHTML={shortDescription}\n                            />\n                        )}\n                        {action && <Action>{action(isInverted)}</Action>}\n                    </Col>\n                    {isValidArray(infos, false) && (\n                        <InfoCol>\n                            <InfoList\n                                isInverted={isInverted}\n                                items={[\n                                    {\n                                        items: infos,\n                                    },\n                                ]}\n                            />\n                        </InfoCol>\n                    )}\n                </Body>\n            )}\n        </View>\n    );\n};\n\nexport default POICard;\n","import * as React from 'react';\nimport styled from 'styled-components';\nimport Link from 'components/typography/Link';\n\nconst bdotColor = '#1fc2f4';\n\nconst Dot = styled(Link)`\n    width: 14px;\n    height: 14px;\n\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: 50%;\n\n    background: ${bdotColor};\n    color: ${bdotColor};\n    text-decoration: none;\n\n    span {\n        visibility: hidden;\n        font-size: 0;\n        color: transparent;\n    }\n`;\n\nconst Bdot: React.FC<{ className?: string }> = ({ className }) => {\n    return (\n        <Dot\n            ariaLabel=\"b.lateral - creative agency\"\n            className={className}\n            href=\"https://blateral.com\"\n            isExternal\n        >\n            <span>b.lateral - creative agency</span>\n        </Dot>\n    );\n};\n\nexport default Bdot;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","MainTitle","templateObject_4","maxLines","css","Title","_b","colorMode","superTitle","superTitleAs","title","titleAs","_c","titleSize","_d","titleHyphens","className","colors","useLibTheme","React","createElement","renderAs","size","textColor","text","inverted","undefined","isInverted","innerHTML","hyphens","mq","semilarge","spacer","Content","StyledTitle","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","StyledActions","Actions","medium","MobileImageContainer","templateObject_7","DesktopImageContainer","templateObject_8","Link","copyStyle","isActive","isClickable","theme","getColors","primary","default","Tag","name","link","onClick","children","tag","href","__assign","as","large","ImageContainer","MainContent","TagContainer","TitleWrapper","TagWrapper","templateObject_6","TitleLink","font","getFonts","big","colorInverted","color","Text","Container","ul","Item","li","Infos","Icon","InfoList","items","map","group","i","groupItems","filter","item","hasItems","isValidArray","key","type","info","ii","icon","allowLinkIcons","AnimationContainer","PosterImage","Image","AnimationImage","img","scale","concat","opacity","zoomPoint","AnimationImages","zoom","interval","images","onChange","intervalRef","useRef","initialTimeoutRef","_e","useState","activeImg","setActiveImg","useEffect","changeImage","prev","length","current","window","setTimeout","clearInterval","setInterval","clearTimeout","Fragment","imgZoom","imgZoomPoint","getValidZoomPoint","style","zIndex","src","image","alt","point","clampValue","PosterView","BgImage","focus","PlaceholderImg","AutoplayVideo","video","isVisible","Caption","TableContainer","TableBody","table","TableHead","elementBg","dark","alignRight","TableData","hasBack","light","TableBlock","forwardRef","ref","row","tableTitle","rowTitle","lastCol","tabIndex","cols","itemText","AspectContainer","global","sections","edgeRadius","ratios","small","getGlobals","imagePlaceholderBg","xlarge","Video","VideoBlock","urls","muted","autoPlay","loop","controls","_f","playsInline","onCanPlayThrough","videoRef","useImperativeHandle","readyState","url","FactsWrapper","Fact","span","copyInverted","copy","POIFacts","facts","customFact","fact","Check","Description","Body","Col","InfoCol","Action","Dot","ariaLabel","isExternal","customTag","onTagClick","date","tags","action","globals","publishedAt","StatusFormatter","getTime","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedDate","handleTagClick","ev","preventDefault","filteredTags","useMemo","coverSpace","allowEdgeRadius","w","h","clickHandler","onImageChange","currentMq","useMediaQuery","loadedImages","setLoadedImages","imagePromises","requestedImages","id","req","Promise","resolve","onload","preloadImages","__awaiter","promise","loadedImg","sent","find","e","_i","imagePromises_1","bgImage","loadOnMobile","placeholderImg","videoUrl","viewRef","isLoaded","setLoaded","isObserverSupported","useObserverSupport","isMobile","isVideoAllowed","isVideoActive","setVideoActive","useUpdateEffect","observer","IntersectionObserver","entries","entry","isIntersecting","unobserve","target","rootMargin","viewEl","observe","abstract","textType","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","secondary","shortDescription","infos","hasFacts","hasInfos"],"mappings":"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"}

package/cjs/ButtonGhost-e9644acd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGhost-e9644acd.js","sources":["../src/components/buttons/Button.tsx","../src/components/buttons/ButtonGhost.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background-color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? hexToRgba(color(theme).text.default, 0.4)\n            : !inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n    text-align: left;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? hexToRgba(color(theme).text.default, 0.4)\n                : !inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ disable, inverted }) =>\n            !disable &&\n            css`\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.25)'};\n                }\n            `}\n    }\n\n    ${({ disable, inverted }) =>\n        !disable &&\n        css`\n            &:focus {\n                text-decoration: underline;\n                box-shadow: 0px 8px 16px\n                    ${inverted\n                        ? 'rgba(255, 255, 255, 0.25)'\n                        : 'rgba(0, 0, 0, 0.25)'};\n            }\n\n            &:focus:not(:focus-visible) {\n                text-decoration: none;\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ${inverted\n                        ? 'rgba(255, 255, 255, 0.25)'\n                        : 'rgba(0, 0, 0, 0.3)'};\n            }\n        `}\n\n    @media ${mq.semilarge} {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nconst Button: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            size = 'default',\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    size={size}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    aria-disabled={isDisabled}\n                    size={size}\n                    href={(rest as LinkProps).href}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nButton.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: Button, Label: Label, Icon: Icon };\n","import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    box-shadow: none;\n    border: solid 1px\n        ${({ inverted, disable, theme }) =>\n            disable\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background-color: transparent;\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? inverted\n                ? hexToRgba(color(theme).text.inverted, 0.6)\n                : hexToRgba(color(theme).text.default, 0.6)\n            : inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? inverted\n                    ? hexToRgba(color(theme).text.inverted, 0.6)\n                    : hexToRgba(color(theme).text.default, 0.6)\n                : inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ disable, inverted, theme }) =>\n            !disable &&\n            css`\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.25)'};\n                }\n\n                &:focus {\n                    outline: 1px solid\n                        ${inverted\n                            ? color(theme).primary.inverted\n                            : color(theme).primary.default};\n                    outline-offset: 0;\n                    box-shadow: 0px 2px 6px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.3)'};\n                }\n\n                &:focus:not(:focus-visible) {\n                    outline: none;\n                    box-shadow: none;\n                }\n\n                &:active {\n                    box-shadow: 0px 2px 6px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.3)'};\n                }\n            `}\n    }\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nconst ButtonGhost: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            size = 'default',\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    size={size}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    aria-disabled={isDisabled}\n                    size={size}\n                    href={(rest as LinkProps).href}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nButtonGhost.displayName = 'Button Ghost';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: ButtonGhost, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","withConfig","displayName","componentId","templateObject_3","__makeTemplateObject","_a","size","spacings","spacer","theme","font","getFonts","copy","medium","family","withRange","weight","letterSpacing","global","sections","edgeRadius","disable","inverted","color","elementBg","primary","default","hexToRgba","text","nudge","css","templateObject_2","mq","semilarge","Button","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","Icon","div","templateObject_4","iconColor","Button$1","Label","span","templateObject_5","light","dark","getColors","ButtonGhost","ButtonGhost$1"],"mappings":"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"}

package/cjs/Callout-2713f870.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout-2713f870.js","sources":["../src/components/typography/Callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    FontOptionType,\n    getFonts as font,\n    mq,\n    styleTextColor,\n    withRange,\n} from 'utils/styles';\n\n// Styles\nconst BaseStyles = styled.h1<{\n    size: FontOptionType;\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n}>`\n    margin: 0;\n    padding: 0;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    hyphens: auto;\n    /* -webkit-hyphens: auto; */\n    /* overflow-wrap: break-word; */\n\n    ${(props: { hyphens?: boolean }) =>\n        !props.hyphens &&\n        css`\n            @media ${mq.large} {\n                hyphens: none;\n            }\n        `}\n\n    text-shadow: ${({ hasShadow }) =>\n        hasShadow && '1px 2px 8px rgba(0, 0, 0, 0.25)'};\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n`;\n\nconst View = styled(BaseStyles)`\n    font-family: ${({ theme, size }) => font(theme).callout[size].family};\n    font-weight: ${({ theme, size }) => font(theme).callout[size].weight};\n    font-style: ${({ theme, size }) => font(theme).callout[size].style};\n    ${({ theme, size }) =>\n        withRange(font(theme).callout[size].size, 'font-size')}\n    line-height: ${({ theme, size }) => font(theme).callout[size].lineHeight};\n    letter-spacing: ${({ theme, size }) =>\n        font(theme).callout[size].letterSpacing};\n    text-transform: ${({ theme, size }) =>\n        font(theme).callout[size].textTransform};\n    text-decoration: ${({ theme, size }) =>\n        font(theme).callout[size].textDecoration};\n`;\n\nexport type CalloutTag =\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'span'\n    | 'div'\n    | 'blockquote';\n\nconst Callout: React.FC<{\n    isInverted?: boolean;\n    renderAs?: CalloutTag;\n    size?: FontOptionType;\n    textColor?: string;\n    textGradient?: string;\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    innerHTML?: string;\n\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    isInverted,\n    renderAs = 'h2',\n    className,\n    size = 'medium',\n    textColor,\n    textGradient,\n    hyphens = false,\n    hasShadow = false,\n    innerHTML,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    const fontSettings = fonts?.callout?.[size];\n\n    return (\n        <View\n            as={renderAs}\n            size={size}\n            textColor={\n                textColor ||\n                (isInverted ? fontSettings.colorInverted : fontSettings.color)\n            }\n            textGradient={\n                textGradient ||\n                (!textColor\n                    ? isInverted\n                        ? fontSettings.colorGradientInverted\n                        : fontSettings.colorGradient\n                    : undefined)\n            }\n            hyphens={hyphens}\n            hasShadow={hasShadow}\n            dangerouslySetInnerHTML={\n                innerHTML && !children ? { __html: innerHTML } : undefined\n            }\n            className={className}\n            {...rest}\n        >\n            {children}\n        </View>\n    );\n};\n\nCallout.defaultProps = {\n    renderAs: 'h1',\n    size: 'medium',\n};\n\nexport default Callout;\n"],"names":["BaseStyles","styled","h1","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","textColor","textGradient","styleTextColor","props","hyphens","css","templateObject_1","mq","large","hasShadow","View","templateObject_3","theme","size","font","callout","family","weight","style","withRange","getFonts","lineHeight","letterSpacing","textTransform","textDecoration","Callout","isInverted","_c","renderAs","className","_d","_e","_f","innerHTML","children","rest","__rest","fonts","useLibTheme","fontSettings","_b","React","createElement","__assign","as","colorInverted","color","undefined","colorGradientInverted","colorGradient","dangerouslySetInnerHTML","__html","defaultProps"],"mappings":"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"}

package/cjs/Checkbox-14000bf0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-14000bf0.js","sources":["../src/components/fields/Checkbox.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport Copy from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.label`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Label = styled(Copy)`\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n`;\n\nconst CheckboxContainer = styled.div<{\n    isDisabled?: boolean;\n    isInverted?: boolean;\n}>`\n    color: ${({ theme }) => color(theme).text.inverted};\n    cursor: ${({ isDisabled }) => (isDisabled ? 'default' : 'pointer')};\n    pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : 'all')};\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ${({ theme, isInverted, isDisabled }) =>\n                isDisabled\n                    ? 'transparent'\n                    : isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 0;\n    }\n`;\n\nconst Original = styled.input`\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n`;\n\nconst Box = styled.span<{\n    isSelected?: boolean;\n    isInverted?: boolean;\n    isDisabled?: boolean;\n}>`\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ${({ isSelected, isDisabled, isInverted, theme }) => {\n            if (isDisabled) {\n                return isInverted\n                    ? color(theme).text.subtileInverted\n                    : color(theme).text.subtile;\n            }\n            if (isSelected) {\n                return isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default;\n            }\n            return isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.medium;\n        }};\n\n    background-color: ${({ isSelected, isDisabled, isInverted, theme }) => {\n        if (isDisabled) {\n            return isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile;\n        }\n        if (isSelected) {\n            return isInverted\n                ? color(theme).primary.inverted\n                : color(theme).primary.default;\n        }\n        return 'transparent';\n    }};\n`;\n\nconst StyledCheck = styled(Check)`\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n`;\n\nexport interface CheckboxProps {\n    enableMemo?: boolean;\n    label?: string;\n\n    onChange?: (e: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => void;\n    onClick?: () => void;\n\n    name?: string;\n    value?: string;\n\n    isDisabled?: boolean;\n    isSelected?: boolean;\n    isInverted?: boolean;\n    isRequired?: boolean;\n}\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n    label,\n    isDisabled,\n    isSelected,\n    isInverted,\n    onChange,\n    onBlur,\n    onClick,\n    name,\n    value,\n    isRequired,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View>\n            <CheckboxContainer\n                isDisabled={isDisabled}\n                isInverted={isInverted}\n                onClick={onClick}\n            >\n                <Box\n                    isSelected={isSelected}\n                    isInverted={isInverted}\n                    isDisabled={isDisabled}\n                >\n                    {isSelected && <StyledCheck />}\n                </Box>\n                <Original\n                    type=\"checkbox\"\n                    name={`${name}[]`}\n                    value={value}\n                    checked={isSelected}\n                    required={isRequired}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                />\n            </CheckboxContainer>\n            {label && (\n                <Label\n                    renderAs=\"span\"\n                    size=\"small\"\n                    type=\"copy-b\"\n                    isInverted={isInverted}\n                    textColor={\n                        isDisabled\n                            ? isInverted\n                                ? colors.text.subtileInverted\n                                : colors.text.subtile\n                            : undefined\n                    }\n                    innerHTML={`${label}${isRequired ? '<span> *</span>' : ''}`}\n                />\n            )}\n        </View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (prev: CheckboxProps, next: CheckboxProps) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.label !== next.label) return false;\n    if (prev.isSelected !== next.isSelected) return false;\n    if (prev.value !== next.value) return false;\n\n    return true;\n};\n\nexport default React.memo(Checkbox, areEqual);\n"],"names":["View","styled","label","withConfig","displayName","componentId","spacings","nudge","Label","Copy","templateObject_2","__makeTemplateObject","CheckboxContainer","div","_a","theme","color","text","inverted","isDisabled","isInverted","primary","default","Original","input","templateObject_4","Box","span","templateObject_5","isSelected","subtileInverted","subtile","elementBg","light","medium","StyledCheck","Check","templateObject_6","React","memo","onChange","onBlur","onClick","name","value","isRequired","colors","useLibTheme","createElement","type","concat","checked","required","renderAs","size","textColor","undefined","innerHTML","prev","next","enableMemo"],"mappings":"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"}