@blateral/b.kit 2.7.5 → 2.8.1

package/esm/{Textfield-d2f201a9.js → Textfield-99d91b4e.js}

@@ -1,96 +1,9 @@
-import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
+import { a as __makeTemplateObject } from './Filter-19220970.js';
 import React__default from 'react';
 import styled from 'styled-components';
-import { C as Copy, c as copyStyle } from './Copy-a28aeb61.js';
-import { s as spacings, a as getFonts, g as getColors, c as getGlobals, w as withRange } from './styles-da982973.js';
-import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
-import { c as clampValue } from './clamp-12d37b65.js';
-
-var View = styled.label.withConfig({
-  displayName: "FormField__View",
-  componentId: "sc-1rjz0eq-0"
-})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: block;\n    text-align: left;\n\n    pointer-events: ", ";\n    user-select: ", ";\n    opacity: ", ";\n"], ["\n    display: block;\n    text-align: left;\n\n    pointer-events: ", ";\n    user-select: ", ";\n    opacity: ", ";\n"])), function (_a) {
-  var isDisabled = _a.isDisabled;
-  return isDisabled && 'none';
-}, function (_a) {
-  var isDisabled = _a.isDisabled;
-  return isDisabled && 'none';
-}, function (_a) {
-  var isDisabled = _a.isDisabled;
-  return isDisabled ? 0.3 : 1;
-});
-var FieldHead = styled(Copy).withConfig({
-  displayName: "FormField__FieldHead",
-  componentId: "sc-1rjz0eq-1"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ", "px;\n"], ["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ", "px;\n"])), spacings.nudge);
-var FieldMessage = styled(Copy).withConfig({
-  displayName: "FormField__FieldMessage",
-  componentId: "sc-1rjz0eq-2"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.nudge);
-
-var FieldWrapper = function (_a) {
-  var isDisabled = _a.isDisabled,
-      onClick = _a.onClick,
-      className = _a.className,
-      children = _a.children;
-  return React__default.createElement(View, {
-    onClick: onClick,
-    isDisabled: isDisabled,
-    className: className
-  }, children);
-};
-
-var Head = function (_a) {
-  var label = _a.label,
-      isRequired = _a.isRequired,
-      isInverted = _a.isInverted,
-      className = _a.className;
-  if (!label) return null;
-  return React__default.createElement(FieldHead, {
-    renderAs: "span",
-    isInverted: isInverted,
-    size: "small",
-    type: "copy-b",
-    className: className
-  }, "".concat(label).concat(isRequired ? ' *' : ''));
-};
-
-var Messages = function (_a) {
-  var errorMessage = _a.errorMessage,
-      infoMessage = _a.infoMessage,
-      isInverted = _a.isInverted;
-  var colors = useLibTheme().colors;
-  return React__default.createElement(React__default.Fragment, null, infoMessage && React__default.createElement(FieldMessage, {
-    size: "small",
-    type: "copy",
-    isInverted: isInverted
-  }, infoMessage), errorMessage && React__default.createElement(FieldMessage, {
-    size: "small",
-    type: "copy",
-    textColor: isInverted ? colors.text.errorInverted : colors.text.error
-  }, errorMessage ? errorMessage : 'Bitte geben Sie einen gültigen Text ein'));
-};
-
-var Content = function (_a) {
-  var children = _a.children;
-  var addWrapper = typeof children === 'string' || children instanceof String;
-  if (addWrapper) return React__default.createElement("span", null, children);
-  return React__default.createElement(React__default.Fragment, null, children);
-};
-
-var FieldWrapper$1 = {
-  View: FieldWrapper,
-  Head: Head,
-  Messages: Messages,
-  Content: Content
-};
-var templateObject_1$1, templateObject_2, templateObject_3;
-
-var getFormFieldTextSize = function (theme) {
-  var min = clampValue(getFonts(theme).copy.small.size[0], 16);
-  var max = getFonts(theme).copy.small.size[1];
-  return [min, max];
-};
+import { c as copyStyle } from './Copy-c6786949.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-f4188e55.js';
 
 var InputField = styled.input.withConfig({
   displayName: "Textfield__InputField",
@@ -154,13 +67,13 @@ var Textfield = function (_a) {
     errorMessage = '';
   }
 
-  return React__default.createElement(FieldWrapper$1.View, {
+  return React__default.createElement(FieldWrapper.View, {
     isDisabled: isDisabled
-  }, React__default.createElement(FieldWrapper$1.Head, {
+  }, React__default.createElement(FieldWrapper.Head, {
     label: label,
     isRequired: isRequired,
     isInverted: isInverted
-  }), React__default.createElement(FieldWrapper$1.Content, null, React__default.createElement(InputField, {
+  }), React__default.createElement(FieldWrapper.Content, null, React__default.createElement(InputField, {
     placeholder: placeholder,
     hasError: !!errorMessage,
     type: type,
@@ -170,7 +83,7 @@ var Textfield = function (_a) {
     required: isRequired,
     onChange: onChange,
     onBlur: onBlur
-  })), React__default.createElement(FieldWrapper$1.Messages, {
+  })), React__default.createElement(FieldWrapper.Messages, {
     infoMessage: infoMessage,
     errorMessage: errorMessage,
     isInverted: isInverted
@@ -198,5 +111,5 @@ var areEqual = function (prev, next) {
 var Textfield$1 = React__default.memo(Textfield, areEqual);
 var templateObject_1;
 
-export { FieldWrapper$1 as F, Textfield$1 as T, getFormFieldTextSize as g };
-//# sourceMappingURL=Textfield-d2f201a9.js.map
+export { Textfield$1 as T };
+//# sourceMappingURL=Textfield-99d91b4e.js.map

package/esm/Textfield-99d91b4e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield-99d91b4e.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    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled}>\n            <FieldWrapper.Head\n                label={label}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <InputField\n                    placeholder={placeholder}\n                    hasError={!!errorMessage}\n                    type={type}\n                    isInverted={isInverted}\n                    name={name}\n                    value={value}\n                    required={isRequired}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                />\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMessage={infoMessage}\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","React","FieldWrapper","View","createElement","Head","Content","required","Messages","areEqual","prev","next","enableMemo","memo"],"mappings":"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"}

package/esm/{VideoBlock-b227ae6e.js → VideoBlock-474e0aa4.js}

@@ -1,11 +1,11 @@
-import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-62515a8f.js';
+import { a as __makeTemplateObject, _ as __assign } from './Filter-19220970.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-da982973.js';
-import { T as Title } from './TableBlock-67fe2385.js';
-import { C as Copy } from './Copy-a28aeb61.js';
-import { A as Actions } from './Actions-21372b3a.js';
-import { I as Image } from './Image-dc2b33c1.js';
+import { m as mq, s as spacings, c as getGlobals } from './styles-1f1841ef.js';
+import { T as Title } from './TableBlock-1ddfd539.js';
+import { C as Copy } from './Copy-c6786949.js';
+import { A as Actions } from './Actions-e29b5e75.js';
+import { I as Image } from './Image-b26692a9.js';
 
 var View = styled.div.withConfig({
   displayName: "IntroBlock__View",
@@ -257,4 +257,4 @@ VideoBlock.displayName = 'VideoBlock';
 var templateObject_1, templateObject_2, templateObject_3;
 
 export { IntroBlock as I, VideoBlock as V };
-//# sourceMappingURL=VideoBlock-b227ae6e.js.map
+//# sourceMappingURL=VideoBlock-474e0aa4.js.map

package/esm/{VideoBlock-b227ae6e.js.map → VideoBlock-474e0aa4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VideoBlock-b227ae6e.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}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","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","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","map","url","i","src","key","displayName"],"mappings":"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"}
+{"version":3,"file":"VideoBlock-474e0aa4.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}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","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","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","map","url","i","src","key","displayName"],"mappings":"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"}

package/esm/{VideoCard-2c6e26d1.js → VideoCard-91438667.js}

@@ -1,11 +1,11 @@
-import { a as __makeTemplateObject, J as Play, h as __awaiter, i as __generator } from './ClockFilled-62515a8f.js';
+import { a as __makeTemplateObject, K as Play, k as __awaiter, l as __generator } from './Filter-19220970.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-da982973.js';
-import { s as selectors, g as getCookie } from './useCookieConsent-6b2d4d93.js';
-import { C as Copy } from './Copy-a28aeb61.js';
-import { B as ButtonGhost } from './ButtonGhost-ae2e97a2.js';
-import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
+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-c6786949.js';
+import { B as ButtonGhost } from './ButtonGhost-fc9e7a75.js';
+import { u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
 
 var View = styled.div.withConfig({
   displayName: "VideoCard__View",
@@ -187,4 +187,4 @@ var VideoCard = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 export { VideoCard as V };
-//# sourceMappingURL=VideoCard-2c6e26d1.js.map
+//# sourceMappingURL=VideoCard-91438667.js.map

package/esm/{VideoCard-2c6e26d1.js.map → VideoCard-91438667.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VideoCard-2c6e26d1.js","sources":["../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n    CookieConsentData,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n    bgImage?: ImageProps;\n    isActive?: boolean;\n    onClick?: () => void;\n}>`\n    text-align: center;\n\n    cursor: ${({ onClick }) => onClick && 'pointer'};\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    @media ${mq.medium} {\n        text-align: left;\n\n        background-image: ${({ bgImage }) =>\n            bgImage?.medium && `url(\"${bgImage.medium}\")`};\n    }\n\n    @media ${mq.semilarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n    }\n\n    @media ${mq.large} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.large && `url(\"${bgImage.large}\")`};\n    }\n\n    @media ${mq.xlarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n    }\n\n    &:before {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n`;\n\nconst VideoControls = styled.button`\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ${({ theme }) => color(theme).elementBg.light};\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ${({ theme }) => color(theme).elementBg.dark};\n    }\n\n    ${View}:hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ${View}:active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ${({ theme }) => color(theme).primary.default};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n    display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n`;\n\nexport interface VideoCardProps {\n    bgImage: ImageProps;\n    embedId: string;\n    playIcon?: React.ReactNode;\n    consentText?: string;\n    consentAction?: (props: {\n        handleClick?: () => void;\n        consentProps: Record<string, string>;\n    }) => React.ReactNode;\n    /**\n     * 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    playIcon,\n    consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\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            onClick={!showConsent ? handlePlayClick : undefined}\n            bgImage={isActive ? undefined : bgImage}\n            isActive={isActive}\n            className={className}\n        >\n            {!isActive && !showConsent && (\n                <VideoControls>\n                    {playIcon || <Play iconColor=\"#000\" />}\n                </VideoControls>\n            )}\n            {isActive && (\n                <Iframe\n                    id=\"ytplayer\"\n                    src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                />\n            )}\n            <ConsentOverlay isVisible={showConsent}>\n                <ConsentContent>\n                    {consentText && (\n                        <ConsentText isInverted>{consentText}</ConsentText>\n                    )}\n                    {consentAction ? (\n                        consentAction({\n                            handleClick: handleConsentActionClick,\n                            consentProps: {\n                                [selectors.buttons.attribute]: '',\n                            },\n                        })\n                    ) : (\n                        <ButtonGhost.View\n                            as=\"button\"\n                            isInverted\n                            onClick={handleConsentActionClick}\n                            className={selectors.buttons.class}\n                        >\n                            <ButtonGhost.Label>\n                                Zustimmung ändern\n                            </ButtonGhost.Label>\n                        </ButtonGhost.View>\n                    )}\n                </ConsentContent>\n            </ConsentOverlay>\n        </View>\n    );\n};\n\nexport default VideoCard;\n"],"names":["View","styled","div","_a","onClick","bgImage","small","theme","global","sections","edgeRadius","mq","medium","concat","semilarge","large","xlarge","isActive","color","elementBg","VideoControls","button","templateObject_2","__makeTemplateObject","light","dark","primary","default","ConsentOverlay","templateObject_3","isVisible","ConsentContent","spacings","nudge","ConsentText","Copy","templateObject_5","Iframe","iframe","templateObject_6","VideoCard","embedId","playIcon","_c","consentText","consentAction","onPlayClick","className","globals","useLibTheme","_d","useState","setIsActive","_e","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","isInverted","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":";;;;;;;;;AAoBA,IAAMA,IAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iBAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,0tCAIR,6CAGiD,4FAKyB,gIAKP,2CAG/C,+DAImC,2BAGhC,kCAEsC,2BAG1C,kCAEkC,2BAGjC,kCAEmC,iDAIiB,wIAMF,wBACb,iFAMe,8UAxDhE,EAOI,UAACC,EAAD,EAAY;AAAT,EAAA,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAP,CAAA;AAAc,EAAAA,OAAAA,OAAO,IAAI,SAAX,CAAA;AAAoB,CAPzC,EAYmB,UAACD,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AAAc,EAAA,OAACA,OAAO,GAAGA,OAAO,CAACC,KAAX,GAAmB,EAA3B,CAAA;AAA8B,CAZlE,EAiBW,UAACH,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAC,UAAM,CAACD,KAAD,CAAN,CAAcE,QAAd,CAAuBC,UAAvB,CAAA;AAAiC,CAjB3D,EAoBGC,EAAE,CAACC,MApBN,EAuBkB,UAACT,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AACnB,EAAA,OAAA,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,MAAT,KAAmB,QAAAC,CAAAA,MAAA,CAAQR,OAAO,CAACO,MAAhB,EAA0B,KAA1B,CAAnB,CAAA;AAA6C,CAxB/C,EA2BGD,EAAE,CAACG,SA3BN,EA4BkB,UAACX,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AACnB,EAAA,OAAA,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAES,SAAT,KAAsB,QAAAD,CAAAA,MAAA,CAAQR,OAAO,CAACS,SAAhB,EAA6B,KAA7B,CAAtB,CAAA;AAAmD,CA7BrD,EAgCGH,EAAE,CAACI,KAhCN,EAiCkB,UAACZ,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AACnB,EAAA,OAAA,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEU,KAAT,KAAkB,QAAAF,CAAAA,MAAA,CAAQR,OAAO,CAACU,KAAhB,EAAyB,KAAzB,CAAlB,CAAA;AAA2C,CAlC7C,EAqCGJ,EAAE,CAACK,MArCN,EAsCkB,UAACb,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AACnB,EAAA,OAAA,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEW,MAAT,KAAmB,QAAAH,CAAAA,MAAA,CAAQR,OAAO,CAACW,MAAhB,EAA0B,KAA1B,CAAnB,CAAA;AAA6C,CAvC/C,EA2CS,UAACb,EAAD,EAAsB;MAAnBc,QAAQ,GAAAd,EAAA,CAAAc;MAAEZ,OAAO,GAAAF,EAAA,CAAAE;AAAO,EAAA,OAAA,CAACY,QAAD,IAAaZ,OAAb,IAAwB,IAAxB,CAAA;AAA4B,CA3ChE,EAiDkB,UAACF,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAaY,SAAb,CAAuBP,MAAvB,CAAA;AAA6B,CAjD9D,EAkDS,UAACT,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AAAc,EAAA,OAACA,OAAO,GAAG,KAAH,GAAW,GAAnB,CAAA;AAAuB,CAlDjD,EAwDS,UAACF,EAAD,EAAsB;MAAnBc,QAAQ,GAAAd,EAAA,CAAAc;MAAEZ,OAAO,GAAAF,EAAA,CAAAE;AAAO,EAAA,OAAA,CAACY,QAAD,IAAaZ,OAAb,IAAwB,IAAxB,CAAA;AAA4B,CAxDhE,CAAV,CAAA;AAyEA,IAAMe,aAAa,GAAGnB,MAAM,CAACoB,MAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,0BAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAgBC,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,6KAAA,EAAA,8OAAA,EAAA,kBAAA,EAAA,uFAAA,EAAA,8HAAA,EAAA,6FAAA,EAAA,sHAAA,CAAA,EAAA,CAAA,6KAAA,EAQqB,8OARrB,EAoBwB,kBApBxB,EAuBzB,uFAvByB,EA4BzB,8HA5ByB,EAkCqC,6FAlCrC,EAuC6B,sHAvC7B,CAAA,CAAA,CAAhB,EAQN,UAACpB,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAaY,SAAb,CAAuBK,KAAvB,CAAA;AAA4B,CARrC,EAoBF,UAACrB,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAaY,SAAb,CAAuBM,IAAvB,CAAA;AAA2B,CApBxC,EAuBbzB,IAvBa,EA4BbA,IA5Ba,EAkCU,UAACG,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAamB,OAAb,CAAqBC,OAArB,CAAA;AAA4B,CAlCrD,EAuCE,UAACxB,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAamB,OAAb,CAAqBC,OAArB,CAAA;AAA4B,CAvC7C,CAAnB,CAAA;AAiDA,IAAMC,cAAc,GAAG3B,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,2BAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAa2B,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAN,oBAAA,CAAA,CAAA,iBAAA,EAAA,kOAAA,EAAA,KAAA,CAAA,EAAA,CAAyB,iBAAzB,EAC8B,kOAD9B,EAYoC,KAZpC,CAAA,CAAA,CAAb,EACL,UAACpB,EAAD,EAAc;AAAX,EAAA,IAAA2B,SAAS,GAAA3B,EAAA,CAAA2B,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,MAAH,GAAY,MAAtB,CAAA;AAA6B,CAD3C,EAYE,UAAC3B,EAAD,EAAc;AAAX,EAAA,IAAA2B,SAAS,GAAA3B,EAAA,CAAA2B,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,KAAH,GAAW,MAArB,CAAA;AAA4B,CAZjD,CAApB,CAAA;AAeA,IAAMC,cAAc,GAAG9B,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,2BAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,gLAAa,6FAKO,iBALpB,EAKE8B,QAAQ,CAACC,KAAT,GAAiB,CALnB,CAApB,CAAA;AASA,IAAMC,WAAW,GAAGjC,MAAM,CAACkC,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,wBAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAeC,gBAAA,KAAAA,gBAAA,GAAAb,oBAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAf,CAAjB,CAAA;AAEA,IAAMc,MAAM,GAAGpC,MAAM,CAACqC,MAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,mBAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAgBC,gBAAA,KAAAA,gBAAA,GAAAhB,oBAAA,CAAA,CAAA,kHAAA,CAAA,EAAA,CAAA,kHAAA,CAAA,CAAA,CAAhB,CAAZ,CAAA;;AA0BA,IAAMiB,SAAS,GAAgD,UAACrC,EAAD,EAQ9D;;;MAPGE,OAAO,GAAAF,EAAA,CAAAE;MACPoC,OAAO,GAAAtC,EAAA,CAAAsC;MACPC,QAAQ,GAAAvC,EAAA,CAAAuC;MACRC,EAAA,GAAAxC,EAAA,CAAAyC;MAAAA,WAAW,mBAAG,0FAAuFD;MACrGE,aAAa,GAAA1C,EAAA,CAAA0C;MACbC,WAAW,GAAA3C,EAAA,CAAA2C;MACXC,SAAS,GAAA5C,EAAA,CAAA4C;AAED,EAAA,IAAAC,OAAO,GAAKC,WAAW,EAAA,QAAvB,CAAA;;AACF,EAAA,IAAAC,EAAA,GAA0BC,QAAQ,CAAC,KAAD,CAAlC;AAAA,MAAClC,QAAQ,GAAAiC,EAAA,CAAA,CAAA,CAAT;AAAA,MAAWE,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAtB,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAgCF,QAAQ,CAAC,KAAD,CAAxC;AAAA,MAACG,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAZ;AAAA,MAAcE,cAAc,GAAAF,EAAA,CAAA,CAAA,CAA5B,CAAA;;AAEN,EAAMG,IAAAA,eAAe,GAAG,YAAA;AAAA,IAAAC,OAAAA,SAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,YAAA;;;;;AAChBC,YAAAA,UAAU,GAAG,KAAb,CAAA;AAEA,YAAA,IAAA,CAAAZ,WAAA,EAAA,OAAW,CAAA,CAAA;AAAA;AAAA,cAAA,CAAA,CAAX,CAAA;AACa,YAAA,OAAM,CAAA,CAAA;AAAA;AAAA,cAAAA,WAAW,EAAX,CAAN,CAAA;;;AAAbY,YAAAA,UAAU,GAAGvD,OAAA,EAAb,CAAA;;;;;;AAEMwD,YAAAA,QAAS,GAAAC,SAAS,CACpBZ,OAAO,CAACa,MAAR,CAAeC,IADK,CAAlB,CAAA;AAINJ,YAAAA,UAAU,GACNV,OAAO,CAACa,MAAR,CAAeE,2BAAf,CAA2CC,MAA3C,CACI,UAACC,GAAD,EAAMC,OAAN,EAAa;;;AACT,cAAA,IAAI,CAACD,GAAL,EAAU,OAAOA,GAAP,CAAA;AACV,cAAI,IAAA,CAACN,QAAD,IAAW,EAACA,QAAM,KAAA,IAAN,IAAAA,QAAM,KAAA,KAAA,CAAN,GAAM,KAAA,CAAN,GAAAA,QAAM,CAAEQ,IAAR,CAAaC,KAAd,CAAf,EAAoC,OAAO,KAAP,CAF3B;;AAKTH,cAAAA,GAAG,GAAG,CAAC,EAAC,CAAAI,EAAA,GAAA,CAAAlE,EAAA,GAAAwD,QAAM,KAAN,IAAA,IAAAA,QAAM,WAAN,SAAA,GAAAA,QAAM,CAAEQ,IAAR,MAAc,IAAd,IAAchE,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAcA,EAAA,CAAAiE,KAAd,UAAA,iBAAA,SAAA,MAAsBF,QAAvB,CAAP,CAAA;AACA,cAAA,OAAOD,GAAP,CAAA;AACH,aARL,EASI,IATJ,CADJ,CAAA;;;;AAcJ,YAAA,IAAIP,UAAJ,EAAgB;AACZN,cAAAA,WAAW,CAAC,IAAD,CAAX,CAAA;AACAG,cAAAA,cAAc,CAAC,KAAD,CAAd,CAAA;AACH,aAHD,MAGO;AACHA,cAAAA,cAAc,CAAC,IAAD,CAAd,CAAA;AACH,aAAA;;;;;;;KA7BmB,CAAA,CAAA;AA8BvB,GA9BD,CAAA;;AAgCA,EAAMe,IAAAA,wBAAwB,GAAG,YAAA;AAC7Bf,IAAAA,cAAc,CAAC,KAAD,CAAd,CAAA;AACH,GAFD,CAAA;;AAIA,EAAA,OACIgB,cAAA,CAAAC,aAAA,CAACxE,IAAD,EAAK;AACDI,IAAAA,OAAO,EAAE,CAACkD,WAAD,GAAeE,eAAf,GAAiCiB,SADzC;AAEDpE,IAAAA,OAAO,EAAEY,QAAQ,GAAGwD,SAAH,GAAepE,OAF/B;AAGDY,IAAAA,QAAQ,EAAEA,QAHT;AAID8B,IAAAA,SAAS,EAAEA,SAAAA;AAJV,GAAL,EAMK,CAAC9B,QAAD,IAAa,CAACqC,WAAd,IACGiB,4BAAA,CAACnD,aAAD,EAAc,IAAd,EACKsB,QAAQ,IAAI6B,cAAA,CAAAC,aAAA,CAACE,IAAD,EAAM;AAAAC,IAAAA,SAAS,EAAC,MAAA;AAAV,GAAN,CADjB,CAPR,EAWK1D,QAAQ,IACLsD,cAAA,CAAAC,aAAA,CAACnC,MAAD,EACI;AAAAuC,IAAAA,EAAE,EAAC,UAAH;AACAC,IAAAA,GAAG,EAAE,gCAAAhE,CAAAA,MAAA,CAAiC4B,OAAjC,EAAqD,aAArD,CADL;AAEAqC,IAAAA,KAAK,EAAC,yEAAA;AAFN,GADJ,CAZR,EAkBIP,cAAA,CAAAC,aAAA,CAAC5C,cAAD,EAAe;AAACE,IAAAA,SAAS,EAAEwB,WAAAA;AAAZ,GAAf,EACIiB,cAAA,CAAAC,aAAA,CAACzC,cAAD,EAAe,IAAf,EACKa,WAAW,IACR2B,cAAC,CAAAC,aAAD,CAACtC,WAAD;AAAa6C,IAAAA,UAAU,EAAA,IAAA;GAAvB,EAAyBnC,WAAzB,CAFR,EAIKC,aAAa,GACVA,aAAa,CAAC;AACVmC,IAAAA,WAAW,EAAEV,wBADH;AAEVW,IAAAA,YAAY,GAAAZ,EAAA,GAAA,EAAA,EACRA,EAAA,CAACa,SAAS,CAACC,OAAV,CAAkBC,SAAnB,CAAA,GAA+B,EADvB,EAEXf,EAFW,CAAA;AAFF,GAAD,CADH,GAQVE,cAAC,CAAAC,aAAD,CAACa,WAAW,CAACrF,IAAb,EACI;AAAAsF,IAAAA,EAAE,EAAC,QAAH;AACAP,IAAAA,UAAU,EAAA,IADV;AAEA3E,IAAAA,OAAO,EAAEkE,wBAFT;AAGAvB,IAAAA,SAAS,EAAEmC,SAAS,CAACC,OAAV,CAAkBI,KAAAA;AAH7B,GADJ,EAMIhB,cAAC,CAAAC,aAAD,CAACa,WAAW,CAACG,KAAb,EAEoB,IAFpB,EAEoB,wBAFpB,CANJ,CAZR,CADJ,CAlBJ,CADJ,CAAA;AA+CH,EAhGD;;;;;"}
+{"version":3,"file":"VideoCard-91438667.js","sources":["../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n    CookieConsentData,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n    bgImage?: ImageProps;\n    isActive?: boolean;\n    onClick?: () => void;\n}>`\n    text-align: center;\n\n    cursor: ${({ onClick }) => onClick && 'pointer'};\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    @media ${mq.medium} {\n        text-align: left;\n\n        background-image: ${({ bgImage }) =>\n            bgImage?.medium && `url(\"${bgImage.medium}\")`};\n    }\n\n    @media ${mq.semilarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n    }\n\n    @media ${mq.large} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.large && `url(\"${bgImage.large}\")`};\n    }\n\n    @media ${mq.xlarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n    }\n\n    &:before {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n`;\n\nconst VideoControls = styled.button`\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ${({ theme }) => color(theme).elementBg.light};\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ${({ theme }) => color(theme).elementBg.dark};\n    }\n\n    ${View}:hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ${View}:active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ${({ theme }) => color(theme).primary.default};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n    display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n`;\n\nexport interface VideoCardProps {\n    bgImage: ImageProps;\n    embedId: string;\n    playIcon?: React.ReactNode;\n    consentText?: string;\n    consentAction?: (props: {\n        handleClick?: () => void;\n        consentProps: Record<string, string>;\n    }) => React.ReactNode;\n    /**\n     * 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    playIcon,\n    consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\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            onClick={!showConsent ? handlePlayClick : undefined}\n            bgImage={isActive ? undefined : bgImage}\n            isActive={isActive}\n            className={className}\n        >\n            {!isActive && !showConsent && (\n                <VideoControls>\n                    {playIcon || <Play iconColor=\"#000\" />}\n                </VideoControls>\n            )}\n            {isActive && (\n                <Iframe\n                    id=\"ytplayer\"\n                    src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                />\n            )}\n            <ConsentOverlay isVisible={showConsent}>\n                <ConsentContent>\n                    {consentText && (\n                        <ConsentText isInverted>{consentText}</ConsentText>\n                    )}\n                    {consentAction ? (\n                        consentAction({\n                            handleClick: handleConsentActionClick,\n                            consentProps: {\n                                [selectors.buttons.attribute]: '',\n                            },\n                        })\n                    ) : (\n                        <ButtonGhost.View\n                            as=\"button\"\n                            isInverted\n                            onClick={handleConsentActionClick}\n                            className={selectors.buttons.class}\n                        >\n                            <ButtonGhost.Label>\n                                Zustimmung ändern\n                            </ButtonGhost.Label>\n                        </ButtonGhost.View>\n                    )}\n                </ConsentContent>\n            </ConsentOverlay>\n        </View>\n    );\n};\n\nexport default VideoCard;\n"],"names":["View","styled","div","_a","onClick","bgImage","small","theme","global","sections","edgeRadius","mq","medium","concat","semilarge","large","xlarge","isActive","color","elementBg","VideoControls","button","templateObject_2","__makeTemplateObject","light","dark","primary","default","ConsentOverlay","templateObject_3","isVisible","ConsentContent","spacings","nudge","ConsentText","Copy","templateObject_5","Iframe","iframe","templateObject_6","VideoCard","embedId","playIcon","_c","consentText","consentAction","onPlayClick","className","globals","useLibTheme","_d","useState","setIsActive","_e","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","isInverted","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":";;;;;;;;;AAoBA,IAAMA,IAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iBAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,0tCAIR,6CAGiD,4FAKyB,gIAKP,2CAG/C,+DAImC,2BAGhC,kCAEsC,2BAG1C,kCAEkC,2BAGjC,kCAEmC,iDAIiB,wIAMF,wBACb,iFAMe,8UAxDhE,EAOI,UAACC,EAAD,EAAY;AAAT,EAAA,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAP,CAAA;AAAc,EAAAA,OAAAA,OAAO,IAAI,SAAX,CAAA;AAAoB,CAPzC,EAYmB,UAACD,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AAAc,EAAA,OAACA,OAAO,GAAGA,OAAO,CAACC,KAAX,GAAmB,EAA3B,CAAA;AAA8B,CAZlE,EAiBW,UAACH,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAC,UAAM,CAACD,KAAD,CAAN,CAAcE,QAAd,CAAuBC,UAAvB,CAAA;AAAiC,CAjB3D,EAoBGC,EAAE,CAACC,MApBN,EAuBkB,UAACT,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AACnB,EAAA,OAAA,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,MAAT,KAAmB,QAAAC,CAAAA,MAAA,CAAQR,OAAO,CAACO,MAAhB,EAA0B,KAA1B,CAAnB,CAAA;AAA6C,CAxB/C,EA2BGD,EAAE,CAACG,SA3BN,EA4BkB,UAACX,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AACnB,EAAA,OAAA,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAES,SAAT,KAAsB,QAAAD,CAAAA,MAAA,CAAQR,OAAO,CAACS,SAAhB,EAA6B,KAA7B,CAAtB,CAAA;AAAmD,CA7BrD,EAgCGH,EAAE,CAACI,KAhCN,EAiCkB,UAACZ,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AACnB,EAAA,OAAA,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEU,KAAT,KAAkB,QAAAF,CAAAA,MAAA,CAAQR,OAAO,CAACU,KAAhB,EAAyB,KAAzB,CAAlB,CAAA;AAA2C,CAlC7C,EAqCGJ,EAAE,CAACK,MArCN,EAsCkB,UAACb,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AACnB,EAAA,OAAA,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEW,MAAT,KAAmB,QAAAH,CAAAA,MAAA,CAAQR,OAAO,CAACW,MAAhB,EAA0B,KAA1B,CAAnB,CAAA;AAA6C,CAvC/C,EA2CS,UAACb,EAAD,EAAsB;MAAnBc,QAAQ,GAAAd,EAAA,CAAAc;MAAEZ,OAAO,GAAAF,EAAA,CAAAE;AAAO,EAAA,OAAA,CAACY,QAAD,IAAaZ,OAAb,IAAwB,IAAxB,CAAA;AAA4B,CA3ChE,EAiDkB,UAACF,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAaY,SAAb,CAAuBP,MAAvB,CAAA;AAA6B,CAjD9D,EAkDS,UAACT,EAAD,EAAY;AAAT,EAAA,IAAAE,OAAO,GAAAF,EAAA,CAAAE,OAAP,CAAA;AAAc,EAAA,OAACA,OAAO,GAAG,KAAH,GAAW,GAAnB,CAAA;AAAuB,CAlDjD,EAwDS,UAACF,EAAD,EAAsB;MAAnBc,QAAQ,GAAAd,EAAA,CAAAc;MAAEZ,OAAO,GAAAF,EAAA,CAAAE;AAAO,EAAA,OAAA,CAACY,QAAD,IAAaZ,OAAb,IAAwB,IAAxB,CAAA;AAA4B,CAxDhE,CAAV,CAAA;AAyEA,IAAMe,aAAa,GAAGnB,MAAM,CAACoB,MAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,0BAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAgBC,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,6KAAA,EAAA,8OAAA,EAAA,kBAAA,EAAA,uFAAA,EAAA,8HAAA,EAAA,6FAAA,EAAA,sHAAA,CAAA,EAAA,CAAA,6KAAA,EAQqB,8OARrB,EAoBwB,kBApBxB,EAuBzB,uFAvByB,EA4BzB,8HA5ByB,EAkCqC,6FAlCrC,EAuC6B,sHAvC7B,CAAA,CAAA,CAAhB,EAQN,UAACpB,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAaY,SAAb,CAAuBK,KAAvB,CAAA;AAA4B,CARrC,EAoBF,UAACrB,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAaY,SAAb,CAAuBM,IAAvB,CAAA;AAA2B,CApBxC,EAuBbzB,IAvBa,EA4BbA,IA5Ba,EAkCU,UAACG,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAamB,OAAb,CAAqBC,OAArB,CAAA;AAA4B,CAlCrD,EAuCE,UAACxB,EAAD,EAAU;AAAP,EAAA,IAAAI,KAAK,GAAAJ,EAAA,CAAAI,KAAL,CAAA;AAAY,EAAA,OAAAW,SAAK,CAACX,KAAD,CAAL,CAAamB,OAAb,CAAqBC,OAArB,CAAA;AAA4B,CAvC7C,CAAnB,CAAA;AAiDA,IAAMC,cAAc,GAAG3B,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,2BAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAa2B,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAN,oBAAA,CAAA,CAAA,iBAAA,EAAA,kOAAA,EAAA,KAAA,CAAA,EAAA,CAAyB,iBAAzB,EAC8B,kOAD9B,EAYoC,KAZpC,CAAA,CAAA,CAAb,EACL,UAACpB,EAAD,EAAc;AAAX,EAAA,IAAA2B,SAAS,GAAA3B,EAAA,CAAA2B,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,MAAH,GAAY,MAAtB,CAAA;AAA6B,CAD3C,EAYE,UAAC3B,EAAD,EAAc;AAAX,EAAA,IAAA2B,SAAS,GAAA3B,EAAA,CAAA2B,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,KAAH,GAAW,MAArB,CAAA;AAA4B,CAZjD,CAApB,CAAA;AAeA,IAAMC,cAAc,GAAG9B,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,2BAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,gLAAa,6FAKO,iBALpB,EAKE8B,QAAQ,CAACC,KAAT,GAAiB,CALnB,CAApB,CAAA;AASA,IAAMC,WAAW,GAAGjC,MAAM,CAACkC,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,wBAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAeC,gBAAA,KAAAA,gBAAA,GAAAb,oBAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAf,CAAjB,CAAA;AAEA,IAAMc,MAAM,GAAGpC,MAAM,CAACqC,MAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,mBAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAgBC,gBAAA,KAAAA,gBAAA,GAAAhB,oBAAA,CAAA,CAAA,kHAAA,CAAA,EAAA,CAAA,kHAAA,CAAA,CAAA,CAAhB,CAAZ,CAAA;;AA0BA,IAAMiB,SAAS,GAAgD,UAACrC,EAAD,EAQ9D;;;MAPGE,OAAO,GAAAF,EAAA,CAAAE;MACPoC,OAAO,GAAAtC,EAAA,CAAAsC;MACPC,QAAQ,GAAAvC,EAAA,CAAAuC;MACRC,EAAA,GAAAxC,EAAA,CAAAyC;MAAAA,WAAW,mBAAG,0FAAuFD;MACrGE,aAAa,GAAA1C,EAAA,CAAA0C;MACbC,WAAW,GAAA3C,EAAA,CAAA2C;MACXC,SAAS,GAAA5C,EAAA,CAAA4C;AAED,EAAA,IAAAC,OAAO,GAAKC,WAAW,EAAA,QAAvB,CAAA;;AACF,EAAA,IAAAC,EAAA,GAA0BC,QAAQ,CAAC,KAAD,CAAlC;AAAA,MAAClC,QAAQ,GAAAiC,EAAA,CAAA,CAAA,CAAT;AAAA,MAAWE,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAtB,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAgCF,QAAQ,CAAC,KAAD,CAAxC;AAAA,MAACG,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAZ;AAAA,MAAcE,cAAc,GAAAF,EAAA,CAAA,CAAA,CAA5B,CAAA;;AAEN,EAAMG,IAAAA,eAAe,GAAG,YAAA;AAAA,IAAAC,OAAAA,SAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,YAAA;;;;;AAChBC,YAAAA,UAAU,GAAG,KAAb,CAAA;AAEA,YAAA,IAAA,CAAAZ,WAAA,EAAA,OAAW,CAAA,CAAA;AAAA;AAAA,cAAA,CAAA,CAAX,CAAA;AACa,YAAA,OAAM,CAAA,CAAA;AAAA;AAAA,cAAAA,WAAW,EAAX,CAAN,CAAA;;;AAAbY,YAAAA,UAAU,GAAGvD,OAAA,EAAb,CAAA;;;;;;AAEMwD,YAAAA,QAAS,GAAAC,SAAS,CACpBZ,OAAO,CAACa,MAAR,CAAeC,IADK,CAAlB,CAAA;AAINJ,YAAAA,UAAU,GACNV,OAAO,CAACa,MAAR,CAAeE,2BAAf,CAA2CC,MAA3C,CACI,UAACC,GAAD,EAAMC,OAAN,EAAa;;;AACT,cAAA,IAAI,CAACD,GAAL,EAAU,OAAOA,GAAP,CAAA;AACV,cAAI,IAAA,CAACN,QAAD,IAAW,EAACA,QAAM,KAAA,IAAN,IAAAA,QAAM,KAAA,KAAA,CAAN,GAAM,KAAA,CAAN,GAAAA,QAAM,CAAEQ,IAAR,CAAaC,KAAd,CAAf,EAAoC,OAAO,KAAP,CAF3B;;AAKTH,cAAAA,GAAG,GAAG,CAAC,EAAC,CAAAI,EAAA,GAAA,CAAAlE,EAAA,GAAAwD,QAAM,KAAN,IAAA,IAAAA,QAAM,WAAN,SAAA,GAAAA,QAAM,CAAEQ,IAAR,MAAc,IAAd,IAAchE,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAcA,EAAA,CAAAiE,KAAd,UAAA,iBAAA,SAAA,MAAsBF,QAAvB,CAAP,CAAA;AACA,cAAA,OAAOD,GAAP,CAAA;AACH,aARL,EASI,IATJ,CADJ,CAAA;;;;AAcJ,YAAA,IAAIP,UAAJ,EAAgB;AACZN,cAAAA,WAAW,CAAC,IAAD,CAAX,CAAA;AACAG,cAAAA,cAAc,CAAC,KAAD,CAAd,CAAA;AACH,aAHD,MAGO;AACHA,cAAAA,cAAc,CAAC,IAAD,CAAd,CAAA;AACH,aAAA;;;;;;;KA7BmB,CAAA,CAAA;AA8BvB,GA9BD,CAAA;;AAgCA,EAAMe,IAAAA,wBAAwB,GAAG,YAAA;AAC7Bf,IAAAA,cAAc,CAAC,KAAD,CAAd,CAAA;AACH,GAFD,CAAA;;AAIA,EAAA,OACIgB,cAAA,CAAAC,aAAA,CAACxE,IAAD,EAAK;AACDI,IAAAA,OAAO,EAAE,CAACkD,WAAD,GAAeE,eAAf,GAAiCiB,SADzC;AAEDpE,IAAAA,OAAO,EAAEY,QAAQ,GAAGwD,SAAH,GAAepE,OAF/B;AAGDY,IAAAA,QAAQ,EAAEA,QAHT;AAID8B,IAAAA,SAAS,EAAEA,SAAAA;AAJV,GAAL,EAMK,CAAC9B,QAAD,IAAa,CAACqC,WAAd,IACGiB,4BAAA,CAACnD,aAAD,EAAc,IAAd,EACKsB,QAAQ,IAAI6B,cAAA,CAAAC,aAAA,CAACE,IAAD,EAAM;AAAAC,IAAAA,SAAS,EAAC,MAAA;AAAV,GAAN,CADjB,CAPR,EAWK1D,QAAQ,IACLsD,cAAA,CAAAC,aAAA,CAACnC,MAAD,EACI;AAAAuC,IAAAA,EAAE,EAAC,UAAH;AACAC,IAAAA,GAAG,EAAE,gCAAAhE,CAAAA,MAAA,CAAiC4B,OAAjC,EAAqD,aAArD,CADL;AAEAqC,IAAAA,KAAK,EAAC,yEAAA;AAFN,GADJ,CAZR,EAkBIP,cAAA,CAAAC,aAAA,CAAC5C,cAAD,EAAe;AAACE,IAAAA,SAAS,EAAEwB,WAAAA;AAAZ,GAAf,EACIiB,cAAA,CAAAC,aAAA,CAACzC,cAAD,EAAe,IAAf,EACKa,WAAW,IACR2B,cAAC,CAAAC,aAAD,CAACtC,WAAD;AAAa6C,IAAAA,UAAU,EAAA,IAAA;GAAvB,EAAyBnC,WAAzB,CAFR,EAIKC,aAAa,GACVA,aAAa,CAAC;AACVmC,IAAAA,WAAW,EAAEV,wBADH;AAEVW,IAAAA,YAAY,GAAAZ,EAAA,GAAA,EAAA,EACRA,EAAA,CAACa,SAAS,CAACC,OAAV,CAAkBC,SAAnB,CAAA,GAA+B,EADvB,EAEXf,EAFW,CAAA;AAFF,GAAD,CADH,GAQVE,cAAC,CAAAC,aAAD,CAACa,WAAW,CAACrF,IAAb,EACI;AAAAsF,IAAAA,EAAE,EAAC,QAAH;AACAP,IAAAA,UAAU,EAAA,IADV;AAEA3E,IAAAA,OAAO,EAAEkE,wBAFT;AAGAvB,IAAAA,SAAS,EAAEmC,SAAS,CAACC,OAAV,CAAkBI,KAAAA;AAH7B,GADJ,EAMIhB,cAAC,CAAAC,aAAD,CAACa,WAAW,CAACG,KAAb,EAEoB,IAFpB,EAEoB,wBAFpB,CANJ,CAZR,CADJ,CAlBJ,CADJ,CAAA;AA+CH,EAhGD;;;;;"}

package/esm/{Wrapper-90dccc89.js → Wrapper-95108115.js}

@@ -1,7 +1,7 @@
-import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
+import { a as __makeTemplateObject } from './Filter-19220970.js';
 import * as React from 'react';
 import styled from 'styled-components';
-import { s as spacings } from './styles-da982973.js';
+import { s as spacings } from './styles-1f1841ef.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-90dccc89.js.map
+//# sourceMappingURL=Wrapper-95108115.js.map

package/esm/{Wrapper-90dccc89.js.map → Wrapper-95108115.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Wrapper-90dccc89.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-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;;;;;"}

package/esm/base.js

@@ -1,11 +1,11 @@
-export { G as Grid, a as getGridWidth, g as gridSettings } from './Grid-5eec127f.js';
-export { S as Section, m as mapToBgMode } from './Section-b76e6909.js';
-export { W as Wrapper, w as wrapperWhitespace } from './Wrapper-90dccc89.js';
-import './ClockFilled-62515a8f.js';
+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';
 import 'react';
 import 'styled-components';
 import './clamp-12d37b65.js';
-import './styles-da982973.js';
+import './styles-1f1841ef.js';
 import 'react-dom/server';
 import './concat-ab3c66f2.js';
 import './arrays-65b644ef.js';

package/esm/blocks.js

@@ -1,23 +1,32 @@
-export { a as TableBlock, T as Title } from './TableBlock-67fe2385.js';
-export { A as Actions } from './Actions-21372b3a.js';
-export { B as Bdot } from './Bdot-4db38753.js';
-export { I as IntroBlock, V as VideoBlock } from './VideoBlock-b227ae6e.js';
-export { I as Image } from './Image-dc2b33c1.js';
-export { L as LanguageSwitcher } from './LanguageSwitcher-3fa20077.js';
-export { E as EventBlock } from './EventBlock-b9204a0d.js';
-export { T as Tag } from './Tag-ac51e916.js';
-export { a as POICard, P as POIFacts } from './POICard-96ec71d8.js';
-export { I as InfoList } from './InfoList-5c4586ed.js';
-export { S as SocialList } from './SocialList-402b8f20.js';
-import './ClockFilled-62515a8f.js';
+export { a as TableBlock, T as Title } from './TableBlock-1ddfd539.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-474e0aa4.js';
+export { I as Image } from './Image-b26692a9.js';
+export { L as LanguageSwitcher } from './LanguageSwitcher-f9218fdc.js';
+export { E as EventBlock } from './EventBlock-8e130f6b.js';
+export { T as Tag } from './Tag-c3bd6b7f.js';
+export { F as FilterBar, a as POICard, P as POIFacts } from './FilterBar-2a2a09b7.js';
+export { I as InfoList } from './InfoList-b6980a42.js';
+export { S as SocialList } from './SocialList-336b7f6d.js';
+import './Filter-19220970.js';
 import 'react';
 import 'styled-components';
-import './Copy-a28aeb61.js';
+import './Copy-c6786949.js';
 import './clamp-12d37b65.js';
-import './LibThemeProvider-52555ac9.js';
-import './styles-da982973.js';
+import './LibThemeProvider-fb1d35ac.js';
+import './styles-1f1841ef.js';
 import 'react-dom/server';
-import './Link-3fd9c9b8.js';
+import './Link-6067a27f.js';
 import './statusFormatter-9be0fbff.js';
 import './arrays-65b644ef.js';
+import './FilterField-bec061bc.js';
+import './useLazyInput-0b6932aa.js';
+import './MultiselectDropdown-a97be6bc.js';
+import './formFieldText-f4188e55.js';
+import './useMounted-1e4cc87b.js';
+import './Checkbox-1957067a.js';
+import './useScroll-881c7b04.js';
+import 'react-dom';
+import './Pointer-b4abee91.js';
 //# sourceMappingURL=blocks.js.map

package/esm/blocks.js.map

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

package/esm/buttons.js

@@ -1,12 +1,12 @@
-export { B as Button } from './Button-f9279013.js';
-export { B as ButtonGhost } from './ButtonGhost-ae2e97a2.js';
-export { P as Pointer } from './Pointer-5c77b1f1.js';
-export { C as Control } from './Control-2d605e12.js';
-import './ClockFilled-62515a8f.js';
+export { B as Button } from './Button-9a0dd9aa.js';
+export { B as ButtonGhost } from './ButtonGhost-fc9e7a75.js';
+export { P as Pointer } from './Pointer-b4abee91.js';
+export { C as Control } from './Control-56ec7872.js';
+import './Filter-19220970.js';
 import 'react';
 import 'styled-components';
 import './hexRgbConverter-edb91624.js';
 import './clamp-12d37b65.js';
-import './styles-da982973.js';
+import './styles-1f1841ef.js';
 import 'react-dom/server';
 //# sourceMappingURL=buttons.js.map

package/esm/cookies.js

@@ -1,14 +1,14 @@
-import { a as __makeTemplateObject, C as Check, f as Cross, U as UnfoldMore } from './ClockFilled-62515a8f.js';
-import { A as Actions } from './Actions-21372b3a.js';
-import { C as Checkbox } from './Checkbox-dd12facd.js';
-import { C as Copy } from './Copy-a28aeb61.js';
+import { a as __makeTemplateObject, C as Check, f as Cross, U as UnfoldMore } from './Filter-19220970.js';
+import { A as Actions } from './Actions-e29b5e75.js';
+import { C as Checkbox } from './Checkbox-1957067a.js';
+import { C as Copy } from './Copy-c6786949.js';
 import React__default, { useCallback, useState, useEffect, useRef } from 'react';
 import styled from 'styled-components';
-import { u as useCookieConsent, b as bindConsentButtons, s as selectors, i as isUrlInWhitelist } from './useCookieConsent-6b2d4d93.js';
+import { u as useCookieConsent, b as bindConsentButtons, s as selectors, i as isUrlInWhitelist } from './useCookieConsent-6661d419.js';
 import { h as hexToRgba } from './hexRgbConverter-edb91624.js';
-import { u as useLibTheme, L as LibThemeProvider } from './LibThemeProvider-52555ac9.js';
+import { u as useLibTheme, L as LibThemeProvider } from './LibThemeProvider-fb1d35ac.js';
 import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
-import { s as spacings, g as getColors, m as mq } from './styles-da982973.js';
+import { s as spacings, g as getColors, m as mq } from './styles-1f1841ef.js';
 import { u as useMounted } from './useMounted-1e4cc87b.js';
 import './clamp-12d37b65.js';
 import 'react-dom/server';