@blateral/b.kit 2.8.4 → 3.0.1

package/esm/{Textfield-e8f48b5f.js → Textfield-1f1ae077.js}

@@ -1,9 +1,9 @@
-import { a as __makeTemplateObject } from './Filter-19220970.js';
+import { a as __makeTemplateObject } from './ButtonLeft-a9a132f5.js';
 import React__default from 'react';
 import styled from 'styled-components';
-import { c as copyStyle } from './Copy-fd9e25c0.js';
-import { s as spacings, g as getColors, c as getGlobals, w as withRange, a as getFonts } from './styles-1f1841ef.js';
-import { g as getFormFieldTextSize, F as FieldWrapper } from './formFieldText-c6fcd370.js';
+import { c as copyStyle } from './Copy-5a18e01f.js';
+import { s as spacings, g as getColors, c as getGlobals, w as withRange, a as getFonts } from './styles-f3ba5bae.js';
+import { g as getFormFieldTextSize, F as FieldWrapper } from './formFieldText-af2106f9.js';
 
 var InputField = styled.input.withConfig({
   displayName: "Textfield__InputField",
@@ -62,6 +62,10 @@ var Textfield = function (_a) {
       name = _a.name,
       onChange = _a.onChange,
       onBlur = _a.onBlur;
+  var id = React__default.useId();
+  var fieldId = "textfield-".concat(id);
+  var msgId = "textfield-message-".concat(id);
+  var errorMsgId = "textfield-error-".concat(id);
 
   if (isDisabled) {
     errorMessage = '';
@@ -71,9 +75,11 @@ var Textfield = function (_a) {
     isDisabled: isDisabled
   }, React__default.createElement(FieldWrapper.Head, {
     label: label,
+    htmlFor: fieldId,
     isRequired: isRequired,
     isInverted: isInverted
   }), React__default.createElement(FieldWrapper.Content, null, React__default.createElement(InputField, {
+    id: fieldId,
     placeholder: placeholder,
     hasError: !!errorMessage,
     type: type,
@@ -81,10 +87,16 @@ var Textfield = function (_a) {
     name: name,
     value: value,
     required: isRequired,
+    disabled: isDisabled,
     onChange: onChange,
-    onBlur: onBlur
+    onBlur: onBlur,
+    "aria-invalid": !!errorMessage,
+    "aria-errormessage": errorMessage && errorMsgId,
+    "aria-describedby": infoMessage && msgId
   })), React__default.createElement(FieldWrapper.Messages, {
+    infoMsgId: msgId,
     infoMessage: infoMessage,
+    errorMsgId: errorMsgId,
     errorMessage: errorMessage,
     isInverted: isInverted
   }));
@@ -112,4 +124,4 @@ var Textfield$1 = React__default.memo(Textfield, areEqual);
 var templateObject_1;
 
 export { Textfield$1 as T };
-//# sourceMappingURL=Textfield-e8f48b5f.js.map
+//# sourceMappingURL=Textfield-1f1ae077.js.map

package/esm/Textfield-1f1ae077.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield-1f1ae077.js","sources":["../src/components/fields/Textfield.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper, { FieldProps } from './FormField';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\n\nconst InputField = styled.input<{\n    isInverted?: boolean;\n    hasError?: boolean;\n}>`\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n\n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n\n    &:active {\n        border: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n    }\n\n    &:focus {\n        outline: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nexport type FormProps = FieldProps & {\n    value?: string;\n    name?: string;\n    placeholder?: string;\n};\n\nexport type TextfieldProps = FormProps & {\n    enableMemo?: boolean;\n    type?: 'number' | 'text' | 'tel' | 'email' | 'password';\n    isInverted?: boolean;\n    onChange?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n};\n\nconst Textfield: React.FC<TextfieldProps> = ({\n    type = 'text',\n    label,\n    errorMessage,\n    infoMessage,\n    isRequired,\n    isDisabled,\n    isInverted,\n    placeholder,\n    value,\n    name,\n    onChange,\n    onBlur,\n}) => {\n    const id = React.useId();\n    const fieldId = `textfield-${id}`;\n    const msgId = `textfield-message-${id}`;\n    const errorMsgId = `textfield-error-${id}`;\n\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled}>\n            <FieldWrapper.Head\n                label={label}\n                htmlFor={fieldId}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <InputField\n                    id={fieldId}\n                    placeholder={placeholder}\n                    hasError={!!errorMessage}\n                    type={type}\n                    isInverted={isInverted}\n                    name={name}\n                    value={value}\n                    required={isRequired}\n                    disabled={isDisabled}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                    aria-invalid={!!errorMessage}\n                    aria-errormessage={errorMessage && errorMsgId}\n                    aria-describedby={infoMessage && msgId}\n                />\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMsgId={msgId}\n                infoMessage={infoMessage}\n                errorMsgId={errorMsgId}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.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: TextfieldProps, next: TextfieldProps) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.value !== next.value) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n\n    return true;\n};\n\nexport default React.memo(Textfield, areEqual);\n"],"names":["InputField","styled","input","templateObject_1","__makeTemplateObject","spacings","nudge","_a","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","copy","small","colorInverted","primary","inverted","default","subtileInverted","subtile","Textfield","_b","type","label","errorMessage","infoMessage","isRequired","isDisabled","placeholder","value","name","onChange","onBlur","id","React","useId","fieldId","concat","msgId","errorMsgId","FieldWrapper","View","createElement","Head","htmlFor","Content","required","disabled","Messages","infoMsgId","areEqual","prev","next","enableMemo","memo"],"mappings":"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"}

package/esm/{VideoBlock-3f150172.js → VideoBlock-3c99c5fc.js}

@@ -1,11 +1,11 @@
-import { a as __makeTemplateObject, _ as __assign } from './Filter-19220970.js';
+import { a as __makeTemplateObject, _ as __assign } from './ButtonLeft-a9a132f5.js';
 import React__default, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
 import styled, { css } from 'styled-components';
-import { m as mq, s as spacings, c as getGlobals } from './styles-1f1841ef.js';
-import { T as Title } from './TableBlock-a65315ca.js';
-import { C as Copy } from './Copy-fd9e25c0.js';
-import { A as Actions } from './Actions-e29b5e75.js';
-import { I as Image } from './Image-c67870d4.js';
+import { m as mq, s as spacings, c as getGlobals } from './styles-f3ba5bae.js';
+import { T as Title } from './TableBlock-5aad5dd2.js';
+import { C as Copy } from './Copy-5a18e01f.js';
+import { A as Actions } from './Actions-6859c932.js';
+import { I as Image } from './Image-e2018d39.js';
 
 var View = styled.div.withConfig({
   displayName: "IntroBlock__View",
@@ -224,6 +224,8 @@ var VideoBlock = forwardRef(function (_a, ref) {
       _f = _a.playsInline,
       playsInline = _f === void 0 ? true : _f,
       onCanPlayThrough = _a.onCanPlayThrough,
+      ariaLabel = _a.ariaLabel,
+      ariaDescribedBy = _a.ariaDescribedBy,
       className = _a.className;
   var videoRef = useRef(null);
   useImperativeHandle(ref, function () {
@@ -245,7 +247,9 @@ var VideoBlock = forwardRef(function (_a, ref) {
     loop: loop,
     controls: controls,
     onCanPlayThrough: onCanPlayThrough,
-    playsInline: playsInline
+    playsInline: playsInline,
+    "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedBy
   }, urls === null || urls === void 0 ? void 0 : urls.map(function (url, i) {
     return React__default.createElement("source", {
       src: url,
@@ -257,4 +261,4 @@ VideoBlock.displayName = 'VideoBlock';
 var templateObject_1, templateObject_2, templateObject_3;
 
 export { IntroBlock as I, VideoBlock as V };
-//# sourceMappingURL=VideoBlock-3f150172.js.map
+//# sourceMappingURL=VideoBlock-3c99c5fc.js.map

package/esm/VideoBlock-3c99c5fc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoBlock-3c99c5fc.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/blocks/VideoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { spacings, mq, FontOptions } from 'utils/styles';\n\nimport Title, { TitleSize } from 'components/blocks/Title';\nimport Copy, { CopyType } from 'components/typography/Copy';\nimport Actions from 'components/blocks/Actions';\nimport { HeadlineTag } from 'components/typography/Heading';\nimport Image, { ImageProps } from './Image';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ${({ isCentered }) => isCentered && 'center'};\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst Content = styled.div`\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    max-width: 100%;\n\n    @media ${mq.semilarge} {\n        flex: 1 0 66.66%;\n    }\n`;\n\nconst StyledTitle = styled(Title)<{ clamp?: boolean }>`\n    max-width: ${({ clamp }) => clamp && '880px'};\n`;\n\nconst ContentBlock = styled(Copy)<{\n    isCentered?: boolean;\n    clamp?: boolean;\n    maxLines?: number;\n}>`\n    display: block;\n    max-width: ${({ clamp }) => clamp && '880px'};\n    margin-left: ${({ isCentered }) => isCentered && 'auto'};\n    margin-right: ${({ isCentered }) => isCentered && 'auto'};\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n\n    & + & {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst StyledActions = styled(Actions)<{ isCentered?: boolean }>`\n    @media ${mq.medium} {\n        display: block;\n        text-align: ${({ isCentered }) => isCentered && 'center'};\n    }\n`;\n\nconst MobileImageContainer = styled.div<{\n    isCentered?: boolean;\n    coverSpace?: boolean;\n}>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ${({ coverSpace }) => coverSpace && '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\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ${spacings.spacer}px);\n    }\n`;\n\nexport interface IntroActionProps {\n    isInverted?: boolean;\n    isTextCentered?: boolean;\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?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (props: IntroActionProps) => 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\n                        isCentered={isCentered}\n                        coverSpace={coverSpace}\n                    >\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={\n                            primaryAction &&\n                            primaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                        secondary={\n                            secondaryAction &&\n                            secondaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\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, {\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    ariaLabel?: string;\n    ariaDescribedBy?: string;\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            ariaLabel,\n            ariaDescribedBy,\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                    aria-label={ariaLabel}\n                    aria-describedby={ariaDescribedBy}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","_a","isCentered","mq","semilarge","spacings","spacer","Content","templateObject_2","StyledTitle","Title","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","maxLines","css","nudge","StyledActions","Actions","medium","MobileImageContainer","coverSpace","DesktopImageContainer","templateObject_8","IntroBlock","_b","renderAs","_c","colorMode","title","titleAs","_d","titleSize","superTitle","superTitleAs","abstract","text","_e","textType","_f","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","className","titleHyphens","image","isInverted","React","createElement","as","small","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary","AspectContainer","theme","global","sections","edgeRadius","ratios","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","muted","autoPlay","loop","controls","playsInline","onCanPlayThrough","ariaLabel","ariaDescribedBy","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","map","url","i","src","key","displayName"],"mappings":"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"}

package/esm/{VideoCard-aa60fbe5.js → VideoCard-dc103fce.js}

@@ -1,16 +1,16 @@
-import { a as __makeTemplateObject, K as Play, k as __awaiter, l as __generator } from './Filter-19220970.js';
+import { a as __makeTemplateObject, O as Play, m as __awaiter, n as __generator } from './ButtonLeft-a9a132f5.js';
 import React__default, { useState } from 'react';
 import styled from 'styled-components';
-import { c as getGlobals, m as mq, g as getColors, s as spacings } from './styles-1f1841ef.js';
-import { s as selectors, g as getCookie } from './useCookieConsent-6661d419.js';
-import { C as Copy } from './Copy-fd9e25c0.js';
-import { B as ButtonGhost } from './ButtonGhost-fc9e7a75.js';
-import { u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
+import { c as getGlobals, m as mq, g as getColors, s as spacings } from './styles-f3ba5bae.js';
+import { s as selectors, g as getCookie } from './useCookieConsent-4b667d40.js';
+import { C as Copy } from './Copy-5a18e01f.js';
+import { B as ButtonGhost } from './ButtonGhost-476c3826.js';
+import { u as useLibTheme } from './LibThemeProvider-48cad3e8.js';
 
 var View = styled.div.withConfig({
   displayName: "VideoCard__View",
   componentId: "sc-7e1mvm-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    text-align: center;\n\n    cursor: ", ";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('", "');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:before {\n        content: ", ";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ", ";\n        opacity: ", ";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"], ["\n    text-align: center;\n\n    cursor: ", ";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('", "');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:before {\n        content: ", ";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ", ";\n        opacity: ", ";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"])), function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    text-align: center;\n\n    cursor: ", ";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('", "');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:before {\n        content: ", ";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ", ";\n        opacity: ", ";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n\n    &:has(*[data-play]:focus-visible) {\n        outline: solid 2px\n            ", ";\n        outline-offset: 4px;\n    }\n"], ["\n    text-align: center;\n\n    cursor: ", ";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('", "');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:before {\n        content: ", ";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ", ";\n        opacity: ", ";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n\n    &:has(*[data-play]:focus-visible) {\n        outline: solid 2px\n            ", ";\n        outline-offset: 4px;\n    }\n"])), function (_a) {
   var onClick = _a.onClick;
   return onClick && 'pointer';
 }, function (_a) {
@@ -45,23 +45,21 @@ var View = styled.div.withConfig({
   var isActive = _a.isActive,
       bgImage = _a.bgImage;
   return !isActive && bgImage && '""';
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
 });
 var VideoControls = styled.button.withConfig({
   displayName: "VideoCard__VideoControls",
   componentId: "sc-7e1mvm-1"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"], ["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"])), function (_a) {
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n    outline: none;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n"], ["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n    outline: none;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getColors(theme).elementBg.light;
 }, function (_a) {
   var theme = _a.theme;
   return getColors(theme).elementBg.dark;
-}, View, View, function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).primary.default;
-}, function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).primary.default;
-});
+}, View, View);
 var ConsentOverlay = styled.div.withConfig({
   displayName: "VideoCard__ConsentOverlay",
   componentId: "sc-7e1mvm-2"
@@ -90,21 +88,24 @@ var VideoCard = function (_a) {
 
   var bgImage = _a.bgImage,
       embedId = _a.embedId,
+      isInverted = _a.isInverted,
       playIcon = _a.playIcon,
       _c = _a.consentText,
       consentText = _c === void 0 ? 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.' : _c,
+      _d = _a.playBtnAriaLabel,
+      playBtnAriaLabel = _d === void 0 ? 'Play video' : _d,
       consentAction = _a.consentAction,
       onPlayClick = _a.onPlayClick,
       className = _a.className;
   var globals = useLibTheme().globals;
 
-  var _d = useState(false),
-      isActive = _d[0],
-      setIsActive = _d[1];
-
   var _e = useState(false),
-      showConsent = _e[0],
-      setShowConsent = _e[1];
+      isActive = _e[0],
+      setIsActive = _e[1];
+
+  var _f = useState(false),
+      showConsent = _f[0],
+      setShowConsent = _f[1];
 
   var handlePlayClick = function () {
     return __awaiter(void 0, void 0, void 0, function () {
@@ -160,11 +161,15 @@ var VideoCard = function (_a) {
   };
 
   return React__default.createElement(View, {
-    onClick: !showConsent ? handlePlayClick : undefined,
+    isInverted: isInverted,
     bgImage: isActive ? undefined : bgImage,
     isActive: isActive,
+    onClick: !showConsent ? handlePlayClick : undefined,
     className: className
-  }, !isActive && !showConsent && React__default.createElement(VideoControls, null, playIcon || React__default.createElement(Play, {
+  }, !isActive && !showConsent && React__default.createElement(VideoControls, {
+    "data-play": true,
+    "aria-label": playBtnAriaLabel
+  }, playIcon || React__default.createElement(Play, {
     iconColor: "#000"
   })), isActive && React__default.createElement(Iframe, {
     id: "ytplayer",
@@ -187,4 +192,4 @@ var VideoCard = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 export { VideoCard as V };
-//# sourceMappingURL=VideoCard-aa60fbe5.js.map
+//# sourceMappingURL=VideoCard-dc103fce.js.map

package/esm/VideoCard-dc103fce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoCard-dc103fce.js","sources":["../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n    CookieConsentData,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n    bgImage?: ImageProps;\n    isActive?: boolean;\n    isInverted?: boolean;\n    onClick?: () => void;\n}>`\n    text-align: center;\n\n    cursor: ${({ onClick }) => onClick && 'pointer'};\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    @media ${mq.medium} {\n        text-align: left;\n\n        background-image: ${({ bgImage }) =>\n            bgImage?.medium && `url(\"${bgImage.medium}\")`};\n    }\n\n    @media ${mq.semilarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n    }\n\n    @media ${mq.large} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.large && `url(\"${bgImage.large}\")`};\n    }\n\n    @media ${mq.xlarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n    }\n\n    &:before {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n\n    &:has(*[data-play]:focus-visible) {\n        outline: solid 2px\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 4px;\n    }\n`;\n\nconst VideoControls = styled.button`\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ${({ theme }) => color(theme).elementBg.light};\n    z-index: 1;\n    padding: 0;\n    outline: none;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ${({ theme }) => color(theme).elementBg.dark};\n    }\n\n    ${View}:hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ${View}:active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n    display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n`;\n\nexport interface VideoCardProps {\n    bgImage: ImageProps;\n    embedId: string;\n    isInverted?: boolean;\n    playIcon?: React.ReactNode;\n    consentText?: string;\n    playBtnAriaLabel?: string;\n    consentAction?: (props: {\n        handleClick?: () => void;\n        consentProps: Record<string, string>;\n    }) => React.ReactNode;\n    /**\n     * Custom handler for play button click\n     * @returns true if video should be played\n     */\n    onPlayClick?: () => Promise<boolean>;\n}\n\nconst VideoCard: FC<VideoCardProps & { className?: string }> = ({\n    bgImage,\n    embedId,\n    isInverted,\n    playIcon,\n    consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\n    playBtnAriaLabel = 'Play video',\n    consentAction,\n    onPlayClick,\n    className,\n}) => {\n    const { globals } = useLibTheme();\n    const [isActive, setIsActive] = useState(false);\n    const [showConsent, setShowConsent] = useState(false);\n\n    const handlePlayClick = async () => {\n        let isAccepted = false;\n\n        if (onPlayClick) {\n            isAccepted = await onPlayClick();\n        } else {\n            const cookie = getCookie(\n                globals.cookie.name\n            ) as Cookie<CookieConsentData>;\n\n            isAccepted =\n                globals.cookie.videoCookieTypeRestrictions.reduce<boolean>(\n                    (acc, current) => {\n                        if (!acc) return acc;\n                        if (!cookie || !cookie?.data.types) return false;\n\n                        // set acc to false if type is not defined or set to false\n                        acc = !!cookie?.data?.types?.[current];\n                        return acc;\n                    },\n                    true\n                );\n        }\n\n        if (isAccepted) {\n            setIsActive(true);\n            setShowConsent(false);\n        } else {\n            setShowConsent(true);\n        }\n    };\n\n    const handleConsentActionClick = () => {\n        setShowConsent(false);\n    };\n\n    return (\n        <View\n            isInverted={isInverted}\n            bgImage={isActive ? undefined : bgImage}\n            isActive={isActive}\n            onClick={!showConsent ? handlePlayClick : undefined}\n            className={className}\n        >\n            {!isActive && !showConsent && (\n                <VideoControls data-play aria-label={playBtnAriaLabel}>\n                    {playIcon || <Play iconColor=\"#000\" />}\n                </VideoControls>\n            )}\n\n            {isActive && (\n                <Iframe\n                    id=\"ytplayer\"\n                    src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                />\n            )}\n            <ConsentOverlay isVisible={showConsent}>\n                <ConsentContent>\n                    {consentText && (\n                        <ConsentText isInverted>{consentText}</ConsentText>\n                    )}\n                    {consentAction ? (\n                        consentAction({\n                            handleClick: handleConsentActionClick,\n                            consentProps: {\n                                [selectors.buttons.attribute]: '',\n                            },\n                        })\n                    ) : (\n                        <ButtonGhost.View\n                            as=\"button\"\n                            isInverted\n                            onClick={handleConsentActionClick}\n                            className={selectors.buttons.class}\n                        >\n                            <ButtonGhost.Label>\n                                Zustimmung ändern\n                            </ButtonGhost.Label>\n                        </ButtonGhost.View>\n                    )}\n                </ConsentContent>\n            </ConsentOverlay>\n        </View>\n    );\n};\n\nexport default VideoCard;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","_a","onClick","bgImage","small","theme","global","sections","edgeRadius","mq","medium","concat","semilarge","large","xlarge","isActive","color","elementBg","isInverted","primary","inverted","default","VideoControls","button","light","dark","ConsentOverlay","templateObject_3","isVisible","ConsentContent","spacings","nudge","ConsentText","Copy","templateObject_5","Iframe","iframe","templateObject_6","VideoCard","embedId","playIcon","_c","consentText","_d","playBtnAriaLabel","consentAction","onPlayClick","className","globals","useLibTheme","_e","useState","setIsActive","_f","showConsent","setShowConsent","handlePlayClick","__awaiter","isAccepted","cookie_1","getCookie","cookie","name","videoCookieTypeRestrictions","reduce","acc","current","data","types","_b","handleConsentActionClick","React","createElement","undefined","Play","iconColor","id","src","allow","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":"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"}

package/esm/{Wrapper-95108115.js → Wrapper-06db8e79.js}

@@ -1,7 +1,7 @@
-import { a as __makeTemplateObject } from './Filter-19220970.js';
+import { a as __makeTemplateObject } from './ButtonLeft-a9a132f5.js';
 import * as React from 'react';
 import styled from 'styled-components';
-import { s as spacings } from './styles-1f1841ef.js';
+import { s as spacings } from './styles-f3ba5bae.js';
 
 var wrapperWhitespace = spacings.nudge * 2;
 var View = styled.div.withConfig({
@@ -42,4 +42,4 @@ var Wrapper = function (_a) {
 var templateObject_1;
 
 export { Wrapper as W, wrapperWhitespace as w };
-//# sourceMappingURL=Wrapper-95108115.js.map
+//# sourceMappingURL=Wrapper-06db8e79.js.map

package/esm/{Wrapper-95108115.js.map → Wrapper-06db8e79.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Wrapper-95108115.js","sources":["../src/components/base/Wrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { spacings } from 'utils/styles';\n\nexport type ClampWidthType = 'small' | 'normal' | 'large';\n\nexport const wrapperWhitespace = spacings.nudge * 2;\n\nconst View = styled.div<{\n    clampWidth?: ClampWidthType;\n    addWhitespace?: boolean;\n}>`\n    position: relative;\n    width: 100%;\n    max-width: ${({ clampWidth }) => {\n        switch (clampWidth) {\n            case 'large':\n                return `${spacings.wrapperLarge}px`;\n\n            case 'small':\n                return `${spacings.wrapperSmall}px`;\n\n            default:\n            case 'normal':\n                return `${spacings.wrapper}px`;\n        }\n    }};\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ${({ addWhitespace }) => (addWhitespace ? wrapperWhitespace : 0)}px;\n`;\n\nconst Wrapper: React.FC<{\n    addWhitespace?: boolean;\n    clampWidth?: ClampWidthType;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    addWhitespace = false,\n    clampWidth = 'normal',\n    className,\n    children,\n}) => {\n    return (\n        <View\n            className={className}\n            addWhitespace={addWhitespace}\n            clampWidth={clampWidth}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport default Wrapper;\n"],"names":["wrapperWhitespace","spacings","nudge","View","styled","div","templateObject_1","__makeTemplateObject","_a","clampWidth","concat","wrapperLarge","wrapperSmall","wrapper","addWhitespace","Wrapper","_b","_c","className","children","React","createElement"],"mappings":";;;;;IAOaA,iBAAiB,GAAGC,QAAQ,CAACC,KAAT,GAAiB,EAA3C;AAEP,IAAMC,IAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,eAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,8DAAA,EAAA,8EAAA,EAAA,OAAA,CAAA,EAAA,CAGrB,8DAHqB,EAkBlB,8EAlBkB,EAsBiD,OAtBjD,CAAA,CAAA,CAAb,EAMO,UAACC,EAAD,EAAe;AAAZ,EAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;;AACZ,EAAA,QAAQA,UAAR;AACI,IAAA,KAAK,OAAL;AACI,MAAO,OAAA,EAAA,CAAGC,MAAH,CAAGT,QAAQ,CAACU,YAAZ,MAAA,CAAP,CAAA;;AAEJ,IAAA,KAAK,OAAL;AACI,MAAO,OAAA,EAAA,CAAGD,MAAH,CAAGT,QAAQ,CAACW,YAAZ,MAAA,CAAP,CAAA;;AAEJ,IAAA,QAAA;AACA,IAAA,KAAK,QAAL;AACI,MAAO,OAAA,EAAA,CAAGF,MAAH,CAAGT,QAAQ,CAACY,OAAZ,MAAA,CAAP,CAAA;AATR,GAAA;AAWH,CAlBK,EAsBA,UAACL,EAAD,EAAkB;AAAf,EAAA,IAAAM,aAAa,GAAAN,EAAA,CAAAM,aAAb,CAAA;AAAoB,EAAA,OAACA,aAAa,GAAGd,iBAAH,GAAuB,CAArC,CAAA;AAAuC,CAtB9D,CAAV,CAAA;;AAyBA,IAAMe,OAAO,GAKR,UAACP,EAAD,EAKJ;AAJG,EAAA,IAAAQ,EAAA,GAAAR,EAAA,CAAAM,aAAA;AAAA,MAAAA,aAAa,GAAAE,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA,EAArB;AAAA,MACAC,EAAqB,GAAAT,EAAA,CAAAC,UADrB;AAAA,MACAA,UAAU,GAAAQ,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAWA,EADrB;AAAA,MAEAC,SAAS,GAAAV,EAAA,CAAAU,SAFT;AAAA,MAGAC,QAAQ,GAAAX,EAAA,CAAAW,QAHR,CAAA;AAKA,EAAA,OACIC,KAAC,CAAAC,aAAD,CAAClB,IAAD;AACIe,IAAAA,SAAS,EAAEA;AACXJ,IAAAA,aAAa,EAAEA;AACfL,IAAAA,UAAU,EAAEA,UAAAA;GAHhB,EAKKU,QALL,CADJ,CAAA;AASH,EApBD;;;;;"}
+{"version":3,"file":"Wrapper-06db8e79.js","sources":["../src/components/base/Wrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { spacings } from 'utils/styles';\n\nexport type ClampWidthType = 'small' | 'normal' | 'large';\n\nexport const wrapperWhitespace = spacings.nudge * 2;\n\nconst View = styled.div<{\n    clampWidth?: ClampWidthType;\n    addWhitespace?: boolean;\n}>`\n    position: relative;\n    width: 100%;\n    max-width: ${({ clampWidth }) => {\n        switch (clampWidth) {\n            case 'large':\n                return `${spacings.wrapperLarge}px`;\n\n            case 'small':\n                return `${spacings.wrapperSmall}px`;\n\n            default:\n            case 'normal':\n                return `${spacings.wrapper}px`;\n        }\n    }};\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ${({ addWhitespace }) => (addWhitespace ? wrapperWhitespace : 0)}px;\n`;\n\nconst Wrapper: React.FC<{\n    addWhitespace?: boolean;\n    clampWidth?: ClampWidthType;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    addWhitespace = false,\n    clampWidth = 'normal',\n    className,\n    children,\n}) => {\n    return (\n        <View\n            className={className}\n            addWhitespace={addWhitespace}\n            clampWidth={clampWidth}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport default Wrapper;\n"],"names":["wrapperWhitespace","spacings","nudge","View","styled","div","templateObject_1","__makeTemplateObject","_a","clampWidth","concat","wrapperLarge","wrapperSmall","wrapper","addWhitespace","Wrapper","_b","_c","className","children","React","createElement"],"mappings":";;;;;IAOaA,iBAAiB,GAAGC,QAAQ,CAACC,KAAT,GAAiB,EAA3C;AAEP,IAAMC,IAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,eAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,8DAAA,EAAA,8EAAA,EAAA,OAAA,CAAA,EAAA,CAGrB,8DAHqB,EAkBlB,8EAlBkB,EAsBiD,OAtBjD,CAAA,CAAA,CAAb,EAMO,UAACC,EAAD,EAAe;AAAZ,EAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;;AACZ,EAAA,QAAQA,UAAR;AACI,IAAA,KAAK,OAAL;AACI,MAAO,OAAA,EAAA,CAAGC,MAAH,CAAGT,QAAQ,CAACU,YAAZ,MAAA,CAAP,CAAA;;AAEJ,IAAA,KAAK,OAAL;AACI,MAAO,OAAA,EAAA,CAAGD,MAAH,CAAGT,QAAQ,CAACW,YAAZ,MAAA,CAAP,CAAA;;AAEJ,IAAA,QAAA;AACA,IAAA,KAAK,QAAL;AACI,MAAO,OAAA,EAAA,CAAGF,MAAH,CAAGT,QAAQ,CAACY,OAAZ,MAAA,CAAP,CAAA;AATR,GAAA;AAWH,CAlBK,EAsBA,UAACL,EAAD,EAAkB;AAAf,EAAA,IAAAM,aAAa,GAAAN,EAAA,CAAAM,aAAb,CAAA;AAAoB,EAAA,OAACA,aAAa,GAAGd,iBAAH,GAAuB,CAArC,CAAA;AAAuC,CAtB9D,CAAV,CAAA;;AAyBA,IAAMe,OAAO,GAKR,UAACP,EAAD,EAKJ;AAJG,EAAA,IAAAQ,EAAA,GAAAR,EAAA,CAAAM,aAAA;AAAA,MAAAA,aAAa,GAAAE,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA,EAArB;AAAA,MACAC,EAAqB,GAAAT,EAAA,CAAAC,UADrB;AAAA,MACAA,UAAU,GAAAQ,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAWA,EADrB;AAAA,MAEAC,SAAS,GAAAV,EAAA,CAAAU,SAFT;AAAA,MAGAC,QAAQ,GAAAX,EAAA,CAAAW,QAHR,CAAA;AAKA,EAAA,OACIC,KAAC,CAAAC,aAAD,CAAClB,IAAD;AACIe,IAAAA,SAAS,EAAEA;AACXJ,IAAAA,aAAa,EAAEA;AACfL,IAAAA,UAAU,EAAEA,UAAAA;GAHhB,EAKKU,QALL,CADJ,CAAA;AASH,EApBD;;;;;"}

package/esm/base.js

@@ -1,12 +1,12 @@
-export { G as Grid, a as getGridWidth, g as gridSettings } from './Grid-7b33e271.js';
-export { S as Section, m as mapToBgMode } from './Section-bd61eb2f.js';
-export { W as Wrapper, w as wrapperWhitespace } from './Wrapper-95108115.js';
-import './Filter-19220970.js';
+export { G as Grid, a as getGridWidth, g as gridSettings } from './Grid-cbd5e68c.js';
+export { S as Section, m as mapToBgMode } from './Section-ca6daed2.js';
+export { W as Wrapper, w as wrapperWhitespace } from './Wrapper-06db8e79.js';
+import './ButtonLeft-a9a132f5.js';
 import 'react';
 import 'styled-components';
 import './clamp-12d37b65.js';
-import './styles-1f1841ef.js';
+import './styles-f3ba5bae.js';
 import 'react-dom/server';
-import './concat-ab3c66f2.js';
+import './concat-b6d6d978.js';
 import './arrays-65b644ef.js';
 //# sourceMappingURL=base.js.map

package/esm/blocks.js

@@ -1,32 +1,32 @@
-export { a as TableBlock, T as Title } from './TableBlock-a65315ca.js';
-export { A as Actions } from './Actions-e29b5e75.js';
-export { B as Bdot } from './Bdot-5e798e7e.js';
-export { I as IntroBlock, V as VideoBlock } from './VideoBlock-3f150172.js';
-export { I as Image } from './Image-c67870d4.js';
-export { L as LanguageSwitcher } from './LanguageSwitcher-c9aa594a.js';
-export { E as EventBlock } from './EventBlock-12361860.js';
-export { T as Tag } from './Tag-217cd89b.js';
-export { F as FilterBar, a as POICard, P as POIFacts } from './FilterBar-8c258534.js';
-export { I as InfoList } from './InfoList-d853db58.js';
-export { S as SocialList } from './SocialList-abaf970d.js';
-import './Filter-19220970.js';
+export { a as TableBlock, T as Title } from './TableBlock-5aad5dd2.js';
+export { A as Actions } from './Actions-6859c932.js';
+export { B as Bdot } from './Bdot-9e215df7.js';
+export { I as IntroBlock, V as VideoBlock } from './VideoBlock-3c99c5fc.js';
+export { I as Image } from './Image-e2018d39.js';
+export { L as LanguageSwitcher } from './LanguageSwitcher-19482399.js';
+export { E as EventBlock } from './EventBlock-0d010725.js';
+export { T as Tag } from './Tag-f3f23d9b.js';
+export { F as FilterBar, a as POICard, P as POIFacts } from './FilterBar-d6c1ef40.js';
+export { I as InfoList } from './InfoList-1be2ff46.js';
+export { S as SocialList } from './SocialList-d5adb772.js';
+import './ButtonLeft-a9a132f5.js';
 import 'react';
 import 'styled-components';
-import './Copy-fd9e25c0.js';
+import './Copy-5a18e01f.js';
 import './clamp-12d37b65.js';
-import './LibThemeProvider-fb1d35ac.js';
-import './styles-1f1841ef.js';
+import './LibThemeProvider-48cad3e8.js';
+import './styles-f3ba5bae.js';
 import 'react-dom/server';
-import './Link-6067a27f.js';
+import './Link-d4a291af.js';
 import './statusFormatter-9be0fbff.js';
 import './arrays-65b644ef.js';
-import './FilterField-8e64b355.js';
-import './useLazyInput-0b6932aa.js';
-import './MultiselectDropdown-61a5a1a6.js';
-import './formFieldText-c6fcd370.js';
+import './FilterField-251b4dad.js';
+import './useLazyInput-08ee63f4.js';
+import './MultiselectDropdown-20b33522.js';
+import './formFieldText-af2106f9.js';
 import './useMounted-1e4cc87b.js';
-import './Checkbox-962fea67.js';
+import './Checkbox-e7fc7d28.js';
 import './useScroll-881c7b04.js';
 import 'react-dom';
-import './Pointer-3e965d7b.js';
+import './Pointer-41c10bba.js';
 //# sourceMappingURL=blocks.js.map

package/esm/buttons.js

@@ -1,12 +1,13 @@
-export { B as Button } from './Button-9a0dd9aa.js';
-export { B as ButtonGhost } from './ButtonGhost-fc9e7a75.js';
-export { P as Pointer } from './Pointer-3e965d7b.js';
-export { C as Control } from './Control-56ec7872.js';
-import './Filter-19220970.js';
+export { B as Button } from './Button-1f634865.js';
+export { B as ButtonGhost } from './ButtonGhost-476c3826.js';
+export { P as Pointer } from './Pointer-41c10bba.js';
+export { P as PickerAction } from './PickerAction-704f2992.js';
+export { C as Control } from './Control-84268468.js';
+import './ButtonLeft-a9a132f5.js';
 import 'react';
 import 'styled-components';
 import './hexRgbConverter-edb91624.js';
 import './clamp-12d37b65.js';
-import './styles-1f1841ef.js';
+import './styles-f3ba5bae.js';
 import 'react-dom/server';
 //# sourceMappingURL=buttons.js.map

package/esm/buttons.js.map

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

package/esm/{concat-ab3c66f2.js → concat-b6d6d978.js}

@@ -33,8 +33,8 @@ var printAnchorTag = function (props) {
   var pre = '';
   if (props.type === 'mail') pre = 'mailto:';
   if (props.type === 'phone') pre = 'tel:';
-  return "<a ".concat(props.isExternal ? 'target="_blank" rel="noopener noreferrer" ' : '', "href=\"").concat(pre).concat(props.href, "\">").concat(props.label || props.href, "</a>");
+  return "<a ".concat(props.isExternal ? 'target="_blank" rel="noopener" ' : '', "href=\"").concat(pre).concat(props.href, "\">").concat(props.label || props.href, "</a>");
 };
 
 export { concat as c, printAnchorTag as p };
-//# sourceMappingURL=concat-ab3c66f2.js.map
+//# sourceMappingURL=concat-b6d6d978.js.map

package/esm/concat-b6d6d978.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"concat-b6d6d978.js","sources":["../src/utils/concat.ts"],"sourcesContent":["import { isValidArray } from './arrays';\n\nexport const concat = (\n    values: Array<string | number | undefined>,\n    delimeter = ', '\n): string => {\n    const parts: string[] = [];\n\n    if (!isValidArray(values, false)) {\n        return '';\n    }\n\n    for (const value of values) {\n        if (value === undefined || value === null) continue;\n        if (typeof value === 'string' && value !== '') {\n            parts.push(value);\n            continue;\n        }\n\n        if (typeof value === 'number') {\n            parts.push(value.toString());\n            continue;\n        }\n    }\n\n    return parts.join(delimeter);\n};\n\nexport const printAnchorTag = (props: {\n    href: string;\n    label?: string;\n    isExternal?: boolean;\n    type?: 'mail' | 'phone';\n}) => {\n    if (!props?.href) return '';\n    let pre = '';\n    if (props.type === 'mail') pre = 'mailto:';\n    if (props.type === 'phone') pre = 'tel:';\n\n    return `<a ${\n        props.isExternal ? 'target=\"_blank\" rel=\"noopener\" ' : ''\n    }href=\"${pre}${props.href}\">${props.label || props.href}</a>`;\n};\n"],"names":["concat","values","delimeter","parts","isValidArray","values_1","_i","length","value","undefined","push","toString","join","printAnchorTag","props","href","pre","type","isExternal","label"],"mappings":";;IAEaA,MAAM,GAAG,UAClBC,MADkB,EAElBC,SAFkB,EAEF;AAAhB,EAAA,IAAAA,SAAA,KAAA,KAAA,CAAA,EAAA;AAAAA,IAAAA,SAAgB,GAAA,IAAhB,CAAA;AAAgB,GAAA;;AAEhB,EAAMC,IAAAA,KAAK,GAAa,EAAxB,CAAA;;AAEA,EAAA,IAAI,CAACC,YAAY,CAACH,MAAD,EAAS,KAAT,CAAjB,EAAkC;AAC9B,IAAA,OAAO,EAAP,CAAA;AACH,GAAA;;AAED,EAAA,KAAoB,UAAA,EAAAI,QAAA,GAAAJ,MAApB,EAAoBK,EAAM,GAAAD,QAAA,CAAAE,MAA1B,EAAoBD,IAApB,EAA4B;AAAvB,IAAA,IAAME,KAAK,GAAAH,QAAA,CAAAC,EAAA,CAAX,CAAA;AACD,IAAA,IAAIE,KAAK,KAAKC,SAAV,IAAuBD,KAAK,KAAK,IAArC,EAA2C,SAAA;;AAC3C,IAAI,IAAA,OAAOA,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,KAAK,EAA3C,EAA+C;AAC3CL,MAAAA,KAAK,CAACO,IAAN,CAAWF,KAAX,CAAA,CAAA;AACA,MAAA,SAAA;AACH,KAAA;;AAED,IAAA,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;AAC3BL,MAAAA,KAAK,CAACO,IAAN,CAAWF,KAAK,CAACG,QAAN,EAAX,CAAA,CAAA;AACA,MAAA,SAAA;AACH,KAAA;AACJ,GAAA;;AAED,EAAA,OAAOR,KAAK,CAACS,IAAN,CAAWV,SAAX,CAAP,CAAA;AACH,EAxBM;AA0BMW,IAAAA,cAAc,GAAG,UAACC,KAAD,EAK7B;AACG,EAAA,IAAI,EAACA,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEC,IAAR,CAAJ,EAAkB,OAAO,EAAP,CAAA;AAClB,EAAIC,IAAAA,GAAG,GAAG,EAAV,CAAA;AACA,EAAIF,IAAAA,KAAK,CAACG,IAAN,KAAe,MAAnB,EAA2BD,GAAG,GAAG,SAAN,CAAA;AAC3B,EAAIF,IAAAA,KAAK,CAACG,IAAN,KAAe,OAAnB,EAA4BD,GAAG,GAAG,MAAN,CAAA;AAE5B,EAAA,OAAO,MAAAhB,MAAA,CACHc,KAAK,CAACI,UAAN,GAAmB,iCAAnB,GAAuD,EADpD,EACsD,SADtD,CAAA,CACsDlB,MADtD,CAEEgB,GAFF,CAEKhB,CAAAA,MAFL,CAEQc,KAAK,CAACC,IAFd,EAEkB,KAFlB,CAAA,CAEkBf,MAFlB,CAEuBc,KAAK,CAACK,KAAN,IAAeL,KAAK,CAACC,IAF5C,EAEgD,MAFhD,CAAP,CAAA;AAGH;;;;"}