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

package/cjs/Filter-d6d90b8b.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./ClockFilled-2483aa4a.js"),t=require("react"),r=require("styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i,l=a(t),o=n(r).default.svg.withConfig({displayName:"Filter__SVG",componentId:"sc-noawe1-0"})(i||(i=e.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"])));exports.Filter=function(e){var t=e.iconColor,r=void 0===t?"currentColor":t,n=e.className,a=e.ariaHidden,i=void 0===a||a;return l.createElement(o,{width:"24",height:"24",viewBox:"0 0 24 24",className:n,fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":i},l.createElement("path",{d:"M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z",fill:r}))};
+//# sourceMappingURL=Filter-d6d90b8b.js.map

package/cjs/Filter-d6d90b8b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter-d6d90b8b.js","sources":["../src/components/base/icons/Filter.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst Filter: React.FC<{\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n    <SVG\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        className={className}\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden={ariaHidden}\n    >\n        <path\n            d=\"M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z\"\n            fill={iconColor}\n        />\n    </SVG>\n);\n\nexport default Filter;\n"],"names":["SVG","styled","svg","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","width","height","viewBox","fill","xmlns","d"],"mappings":"8dAGMA,OAAMC,QAAOC,IAAVC,WAAA,CAAAC,YAAA,cAAAC,YAAA,eAAGJ,CAAUK,IAAAA,EAAAC,uBAAA,CAAA,2BAAA,CAAA,6CAQjB,SAACC,GAAE,IAAAC,EAAAD,EAAAE,UAAAA,OAAY,IAAAD,EAAA,iBAAgBE,EAASH,EAAAG,UAAEC,EAAiBJ,EAAAK,WAAjBA,OAAU,IAAAD,GAAOA,EAAO,OACnEE,EAAAC,cAACf,EAAG,CACAgB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRP,UAAWA,EACXQ,KAAK,OACLC,MAAM,6BACOP,cAAAA,GAEbC,EACIC,cAAA,OAAA,CAAAM,EAAE,iDACFF,KAAMT"}

package/cjs/FilterField-cf9e2f16.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./Copy-e860efe7.js"),i=require("./styles-0f1a0aea.js"),r=require("./useLazyInput-f71c221b.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,d,c,u,p,f=l(e),m=a(e),g=a(t),h=g.default.svg.withConfig({displayName:"Magnifier__SVG",componentId:"sc-1i44xjf-0"})(s||(s=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),x=function(n){var e=n.iconColor,t=void 0===e?"currentColor":e,o=n.className,i=n.ariaHidden,r=void 0===i||i;return f.createElement(h,{viewBox:"0 0 18 18",width:"18",height:"18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":r,className:o},f.createElement("path",{d:"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z",fill:t}))},v=g.default.div.withConfig({displayName:"FilterField__View",componentId:"sc-1reb7yx-0"})(d||(d=n.__makeTemplateObject(["\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"],["\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).elementBg.light:i.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return n.isInverted?i.getFonts(e).copy.medium.colorInverted:i.getFonts(e).copy.medium.color}),(function(n){var e=n.theme,t=n.isInverted;return"1px solid ".concat(t?i.getColors(e).primary.inverted:i.getColors(e).primary.default)}),i.mq.medium),b=g.default.input.withConfig({displayName:"FilterField__Field",componentId:"sc-1reb7yx-1"})(c||(c=n.__makeTemplateObject(["\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px;\n    padding-right: ","px;\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px;\n    padding-right: ","px;\n\n    &::placeholder {\n        color: ",";\n    }\n"])),o.copyStyle("copy","medium"),2*i.spacings.nudge,i.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?i.getColors(e).text.subtileInverted:i.getColors(e).text.subtile})),y=g.default.div.withConfig({displayName:"FilterField__SearchIcon",componentId:"sc-1reb7yx-2"})(u||(u=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),2*i.spacings.nudge,2*i.spacings.nudge),w=g.default.button.withConfig({displayName:"FilterField__ClearBtn",componentId:"sc-1reb7yx-3"})(p||(p=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])),2*i.spacings.nudge,2*i.spacings.nudge,(function(n){var e=n.theme,t=n.isInverted;return"2px solid ".concat(t?i.getColors(e).primary.inverted:i.getColors(e).primary.default)}));exports.FilterField=function(t){var o=t.isInverted,i=t.value,a=t.initialValue,l=t.placeholder,s=t.onSubmit,d=t.onBlur,c=t.submitIcon,u=t.clearIcon,p=t.className,f=r.useLazyInput((function(n){null==s||s(n)}),a||""),g=f.update,h=f.value,C=f.forceUpdate;return e.useEffect((function(){void 0!==i&&g(i)}),[g,i]),m.default.createElement(v,{isInverted:o,className:p},m.default.createElement(b,{type:"text",isInverted:o,value:h,placeholder:l,onChange:function(n){var e,t=null===(e=null==n?void 0:n.currentTarget)||void 0===e?void 0:e.value;void 0!==t&&g(t,""===t)},onBlur:d,onKeyDown:function(n){"Enter"===n.key&&C()}}),""===h&&m.default.createElement(y,null,c?c(o):m.default.createElement(x,null)),""!==h&&m.default.createElement(w,{isInverted:o,"aria-label":"clear filter",onClick:function(){g("",!0)}},u?u(o):m.default.createElement(n.Cross,null)))};
+//# sourceMappingURL=FilterField-cf9e2f16.js.map

package/cjs/FilterField-cf9e2f16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterField-cf9e2f16.js","sources":["../src/components/base/icons/Magnifier.tsx","../src/components/fields/FilterField.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst Magnifier: React.FC<{\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n    <SVG\n        viewBox=\"0 0 18 18\"\n        width=\"18\"\n        height=\"18\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden={ariaHidden}\n        className={className}\n    >\n        <path\n            d=\"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z\"\n            fill={iconColor}\n        />\n    </SVG>\n);\n\nexport default Magnifier;\n","import React, { FC, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    spacings,\n    getColors as color,\n    getFonts as font,\n    mq,\n} from 'utils/styles';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport useLazyInput from 'utils/useLazyInput';\nimport Cross from 'components/base/icons/Cross';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme).copy.medium.colorInverted\n            : font(theme).copy.medium.color};\n\n    &:focus-within {\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-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media ${mq.medium} {\n        max-width: 400px;\n    }\n`;\n\nconst Field = styled.input<{ isInverted?: boolean }>`\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ${copyStyle('copy', 'medium')}\n    line-height: 1;\n\n    padding: ${spacings.nudge * 2}px;\n    padding-right: ${spacings.nudge}px;\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nconst SearchIcon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-right: ${spacings.nudge * 2}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n`;\n\nconst ClearBtn = styled.button<{ isInverted?: boolean }>`\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ${spacings.nudge * 2}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ${({ theme, isInverted }) =>\n            `2px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nconst FilterField: FC<{\n    isInverted?: boolean;\n    value?: string;\n    initialValue?: string;\n    placeholder?: string;\n    onSubmit?: (value: string) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    submitIcon?: (isInverted?: boolean) => React.ReactNode;\n    clearIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    value,\n    initialValue,\n    placeholder,\n    onSubmit,\n    onBlur,\n    submitIcon,\n    clearIcon,\n    className,\n}) => {\n    const {\n        update,\n        value: getValue,\n        forceUpdate,\n    } = useLazyInput((value) => {\n        onSubmit?.(value);\n    }, initialValue || '');\n\n    useEffect(() => {\n        if (value !== undefined) {\n            update(value);\n        }\n    }, [update, value]);\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            <Field\n                type=\"text\"\n                isInverted={isInverted}\n                value={getValue}\n                placeholder={placeholder}\n                onChange={(ev) => {\n                    const newValue = ev?.currentTarget?.value;\n                    if (newValue !== undefined) {\n                        update(newValue, newValue === '');\n                    }\n                }}\n                onBlur={onBlur}\n                onKeyDown={(ev) => {\n                    if (ev.key === 'Enter') {\n                        forceUpdate();\n                    }\n                }}\n            />\n            {getValue === '' && (\n                <SearchIcon>\n                    {submitIcon ? submitIcon(isInverted) : <Magnifier />}\n                </SearchIcon>\n            )}\n            {getValue !== '' && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    aria-label=\"clear filter\"\n                    onClick={() => {\n                        update('', true);\n                    }}\n                >\n                    {clearIcon ? clearIcon(isInverted) : <Cross />}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default FilterField;\n"],"names":["SVG","styled","svg","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","Magnifier","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","viewBox","width","height","fill","xmlns","d","View","div","theme","isInverted","color","elementBg","light","dark","font","getFonts","copy","medium","colorInverted","primary","inverted","default","mq","Field","input","templateObject_2","copyStyle","spacings","nudge","text","subtileInverted","subtile","SearchIcon","ClearBtn","button","templateObject_4","value","initialValue","placeholder","onSubmit","onBlur","submitIcon","clearIcon","useLazyInput","update","getValue","forceUpdate","useEffect","undefined","type","onChange","ev","newValue","currentTarget","onKeyDown","key","onClick","Cross"],"mappings":"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"}

package/cjs/Grid-39b12e21.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),i=require("styled-components"),t=require("./clamp-bd21d587.js"),l=require("./styles-0f1a0aea.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function d(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(i){if("default"!==i){var t=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(e,i,t.get?t:{enumerable:!0,get:function(){return n[i]}})}})),e.default=n,Object.freeze(e)}var o=d(e),r=a(i),m={cols:12,gutter:l.spacings.spacer},u=function(n,e,i){return null==n?n:n!==t.clampValue(n,e,i)?void 0:n},v=function(e){return function(t){var a,d,o,r,m=u(t.gutter,0)||0,v=u(null===(a=null==t?void 0:t.medium)||void 0===a?void 0:a.gutter,0),s=u(null===(d=null==t?void 0:t.semilarge)||void 0===d?void 0:d.gutter,0),c=u(null===(o=null==t?void 0:t.large)||void 0===o?void 0:o.gutter,0),g=u(null===(r=null==t?void 0:t.xlarge)||void 0===r?void 0:r.gutter,0),p="grid"===e?"margin-top: -":"padding-top: ",_="grid"===e?"margin-left: -":"padding-left: ";return i.css(F||(F=n.__makeTemplateObject(["\n        ","","px;\n        ","","px;\n\n        ","\n\n        ","\n        \n        ","\n\n        ","\n    "],["\n        ","","px;\n        ","","px;\n\n        ","\n\n        ","\n        \n        ","\n\n        ","\n    "])),p,m,_,m,void 0!==v&&i.css(G||(G=n.__makeTemplateObject(["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "],["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "])),l.mq.medium,p,v,_,v),void 0!==s&&i.css(E||(E=n.__makeTemplateObject(["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "],["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "])),l.mq.semilarge,p,s,_,s),void 0!==c&&i.css(P||(P=n.__makeTemplateObject(["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "],["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "])),l.mq.large,p,c,_,c),void 0!==g&&i.css(S||(S=n.__makeTemplateObject(["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "],["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "])),l.mq.xlarge,p,g,_,g))}},s=function(n){switch(n){case"top":return"flex-start";case"center":return"center";case"bottom":return"flex-end";default:return}},c=function(e){return function(t){var a,d,o,r,m=s(t.valign),u=s(null===(a=null==t?void 0:t.medium)||void 0===a?void 0:a.valign),v=s(null===(d=null==t?void 0:t.semilarge)||void 0===d?void 0:d.valign),c=s(null===(o=null==t?void 0:t.large)||void 0===o?void 0:o.valign),g=s(null===(r=null==t?void 0:t.xlarge)||void 0===r?void 0:r.valign),p=e?"align-self: ":"align-items: ";return i.css(B||(B=n.__makeTemplateObject(["\n            ","",";\n\n            ","\n\n            ","\n\n        ","\n\n        ","\n        "],["\n            ","",";\n\n            ","\n\n            ","\n\n        ","\n\n        ","\n        "])),p,m||void 0,void 0!==u&&i.css(D||(D=n.__makeTemplateObject(["\n                @media "," {\n                    ","",";\n                }\n            "],["\n                @media "," {\n                    ","",";\n                }\n            "])),l.mq.medium,p,u),void 0!==v&&i.css(L||(L=n.__makeTemplateObject(["\n                @media "," {\n                    ","",";\n                }\n            "],["\n                @media "," {\n                    ","",";\n                }\n            "])),l.mq.semilarge,p,v),void 0!==c&&i.css(M||(M=n.__makeTemplateObject(["\n                @media "," {\n                    ","",";\n                }\n            "],["\n                @media "," {\n                    ","",";\n                }\n            "])),l.mq.large,p,c),void 0!==g&&i.css(V||(V=n.__makeTemplateObject(["\n                @media "," {\n                    ","",";\n                }\n            "],["\n                @media "," {\n                    ","",";\n                }\n            "])),l.mq.xlarge,p,g))}},g=function(n){switch(n){case"left":return"flex-start";case"center":return"center";case"right":return"flex-end";default:return}},p=r.default.div.withConfig({displayName:"Grid__StyledCol",componentId:"sc-cwn14w-0"})(Z||(Z=n.__makeTemplateObject(["\n    ",";\n    ",";\n    ","\n    display: inline-grid;\n    grid-template-columns: 100%;\n    position: relative;\n\n    ","\n    ","\n    ","\n        ","\n"],["\n    ",";\n    ",";\n    ","\n    display: inline-grid;\n    grid-template-columns: 100%;\n    position: relative;\n\n    ","\n    ","\n    ","\n        ","\n"])),(function(e){var t,a,d,o,r=u(e.span,0,1),m=u(null===(t=e.medium)||void 0===t?void 0:t.span,0,1),v=u(null===(a=e.semilarge)||void 0===a?void 0:a.span,0,1),s=u(null===(d=e.large)||void 0===d?void 0:d.span,0,1),c=u(null===(o=e.xlarge)||void 0===o?void 0:o.span,0,1);return i.css(T||(T=n.__makeTemplateObject(["\n        width: ","%;\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "],["\n        width: ","%;\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "])),100*(r||1),m&&i.css(b||(b=n.__makeTemplateObject(["\n            @media "," {\n                width: ","%;\n            }\n        "],["\n            @media "," {\n                width: ","%;\n            }\n        "])),l.mq.medium,100*(m||1)),v&&i.css(h||(h=n.__makeTemplateObject(["\n            @media "," {\n                width: ","%;\n            }\n        "],["\n            @media "," {\n                width: ","%;\n            }\n        "])),l.mq.semilarge,100*(v||1)),s&&i.css(O||(O=n.__makeTemplateObject(["\n            @media "," {\n                width: ","%;\n            }\n        "],["\n            @media "," {\n                width: ","%;\n            }\n        "])),l.mq.large,100*(s||1)),c&&i.css(k||(k=n.__makeTemplateObject(["\n            @media "," {\n                width: ","%;\n            }\n        "],["\n            @media "," {\n                width: ","%;\n            }\n        "])),l.mq.xlarge,100*(c||1)))}),(function(e){var t,a,d,o,r=null===(t=null==e?void 0:e.medium)||void 0===t?void 0:t.move,m=null===(a=null==e?void 0:e.semilarge)||void 0===a?void 0:a.move,u=null===(d=null==e?void 0:e.large)||void 0===d?void 0:d.move,v=null===(o=null==e?void 0:e.xlarge)||void 0===o?void 0:o.move;return i.css(A||(A=n.__makeTemplateObject(["\n        left: ",";\n        right: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "],["\n        left: ",";\n        right: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "])),(null==e?void 0:e.move)&&(null==e?void 0:e.move)>0?100*(null==e?void 0:e.move)+"%":"auto",(null==e?void 0:e.move)&&(null==e?void 0:e.move)<0?-100*(null==e?void 0:e.move)+"%":"auto",void 0!==r&&i.css(q||(q=n.__makeTemplateObject(["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "],["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "])),l.mq.medium,r&&r>0?100*r+"%":"auto",r&&r<0?-100*r+"%":"auto"),void 0!==m&&i.css(w||(w=n.__makeTemplateObject(["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "],["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "])),l.mq.semilarge,m&&m>0?100*m+"%":"auto",m&&m<0?-100*m+"%":"auto"),void 0!==u&&i.css(y||(y=n.__makeTemplateObject(["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "],["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "])),l.mq.large,u&&u>0?100*u+"%":"auto",u&&u<0?-100*u+"%":"auto"),void 0!==v&&i.css(C||(C=n.__makeTemplateObject(["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "],["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "])),l.mq.xlarge,v&&v>0?100*v+"%":"auto",v&&v<0?-100*v+"%":"auto"))}),v("col"),(function(e){var t,a,d,o,r=null===(t=null==e?void 0:e.medium)||void 0===t?void 0:t.textAlign,m=null===(a=null==e?void 0:e.semilarge)||void 0===a?void 0:a.textAlign,u=null===(d=null==e?void 0:e.large)||void 0===d?void 0:d.textAlign,v=null===(o=null==e?void 0:e.xlarge)||void 0===o?void 0:o.textAlign;return i.css(z||(z=n.__makeTemplateObject(["\n        text-align: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "],["\n        text-align: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "])),(null==e?void 0:e.textAlign)||void 0,void 0!==r&&i.css(I||(I=n.__makeTemplateObject(["\n            @media "," {\n                text-align: ",";\n            }\n        "],["\n            @media "," {\n                text-align: ",";\n            }\n        "])),l.mq.medium,r),void 0!==m&&i.css(N||(N=n.__makeTemplateObject(["\n            @media "," {\n                text-align: ",";\n            }\n        "],["\n            @media "," {\n                text-align: ",";\n            }\n        "])),l.mq.semilarge,m),void 0!==u&&i.css(R||(R=n.__makeTemplateObject(["\n            @media "," {\n                text-align: ",";\n            }\n        "],["\n            @media "," {\n                text-align: ",";\n            }\n        "])),l.mq.large,u),void 0!==v&&i.css(W||(W=n.__makeTemplateObject(["\n            @media "," {\n                text-align: ",";\n            }\n        "],["\n            @media "," {\n                text-align: ",";\n            }\n        "])),l.mq.xlarge,v))}),c(!0),(function(e){return e.toRight&&i.css(X||(X=n.__makeTemplateObject(["\n            margin-left: auto;\n        "],["\n            margin-left: auto;\n        "])))}),(function(e){return e.toLeft&&i.css(Y||(Y=n.__makeTemplateObject(["\n            margin-right: auto;\n        "],["\n            margin-right: auto;\n        "])))})),_=r.default.div.withConfig({displayName:"Grid__StyledGrid",componentId:"sc-cwn14w-1"})($||($=n.__makeTemplateObject(["\n    ","\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    ","\n    ","\n"],["\n    ","\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    ","\n    ","\n"])),v("grid"),c(),(function(e){var t,a,d,o,r=g(e.halign),m=g(null===(t=null==e?void 0:e.medium)||void 0===t?void 0:t.halign),u=g(null===(a=null==e?void 0:e.semilarge)||void 0===a?void 0:a.halign),v=g(null===(d=null==e?void 0:e.large)||void 0===d?void 0:d.halign),s=g(null===(o=null==e?void 0:e.xlarge)||void 0===o?void 0:o.halign);return i.css(U||(U=n.__makeTemplateObject(["\n        justify-content: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "],["\n        justify-content: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "])),r||void 0,void 0!==m&&i.css(H||(H=n.__makeTemplateObject(["\n            @media "," {\n                justify-content: ",";\n            }\n        "],["\n            @media "," {\n                justify-content: ",";\n            }\n        "])),l.mq.medium,m),void 0!==u&&i.css(J||(J=n.__makeTemplateObject(["\n            @media "," {\n                justify-content: ",";\n            }\n        "],["\n            @media "," {\n                justify-content: ",";\n            }\n        "])),l.mq.semilarge,u),void 0!==v&&i.css(K||(K=n.__makeTemplateObject(["\n            @media "," {\n                justify-content: ",";\n            }\n        "],["\n            @media "," {\n                justify-content: ",";\n            }\n        "])),l.mq.large,v),void 0!==s&&i.css(Q||(Q=n.__makeTemplateObject(["\n            @media "," {\n                justify-content: ",";\n            }\n        "],["\n            @media "," {\n                justify-content: ",";\n            }\n        "])),l.mq.xlarge,s))})),f=function(e,i){return void 0===e?i:i?n.__assign(n.__assign({},i),{gutter:e}):{gutter:e}},x=function(e){var i=e.gutter,t=e.valign,l=e.children,a=e.halign,d=e.medium,r=e.semilarge,m=e.large,u=e.xlarge;return o.createElement(_,{gutter:i,valign:t,halign:a,medium:d,semilarge:r,large:m,xlarge:u},o.Children.map(l,(function(e){var t,l,a,v;return e?o.createElement(p,n.__assign({},null==e?void 0:e.props,{gutter:i,medium:f(null==d?void 0:d.gutter,null===(t=null==e?void 0:e.props)||void 0===t?void 0:t.medium),semilarge:f(null==r?void 0:r.gutter,null===(l=null==e?void 0:e.props)||void 0===l?void 0:l.semilarge),large:f(null==m?void 0:m.gutter,null===(a=null==e?void 0:e.props)||void 0===a?void 0:a.large),xlarge:f(null==u?void 0:u.gutter,null===(v=null==e?void 0:e.props)||void 0===v?void 0:v.xlarge)})):void 0})))};x.defaultProps={gutter:m.gutter};var j,b,h,O,k,T,q,w,y,C,A,G,E,P,S,F,I,N,R,W,z,D,L,M,V,B,H,J,K,Q,U,X,Y,Z,$,nn={Row:x,Col:function(n){return o.createElement(o.Fragment,null,null==n?void 0:n.children)}};exports.Grid=nn,exports.getGridWidth=function(e){var t=(null==e?void 0:e.cols)||m.cols,l=(null==e?void 0:e.gridWidth)||"100%",a=void 0!==(null==e?void 0:e.gutter)?e.gutter:m.gutter,d=m.cols;return i.css(j||(j=n.__makeTemplateObject(["\n        calc((("," - ","px) / ",") * "," + ","px)\n    "],["\n        calc((("," - ","px) / ",") * "," + ","px)\n    "])),l,(d-1)*a,d,t,(t-1)*a)},exports.gridSettings=m;
+//# sourceMappingURL=Grid-39b12e21.js.map

package/cjs/Grid-39b12e21.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid-39b12e21.js","sources":["../src/components/base/Grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { clampValue } from 'utils/clamp';\nimport { spacings, mq } from 'utils/styles';\n\nexport interface ColPropsSettings {\n    /** Normalisierte Werte zwischen 0 und 1: z.B.  12 von 28 Spalten (12 / 28) */\n    span?: number;\n    /** Normalisierte Werte zwischen -1 und 1: z.B. -12 von 28 Spalten (-12 / 28) */\n    move?: number;\n    /** Vertical alignment of column content */\n    valign?: VerticalAlign;\n    /** Text alignment of column content  */\n    textAlign?: TextAlign;\n}\n\ntype VerticalAlign = 'top' | 'center' | 'bottom';\ntype HorizontalAlign = 'left' | 'center' | 'right';\ntype TextAlign = 'left' | 'center' | 'right';\n\ninterface ColProps extends ColPropsSettings {\n    medium?: ColPropsSettings;\n    semilarge?: ColPropsSettings;\n    large?: ColPropsSettings;\n    xlarge?: ColPropsSettings;\n    /** force column to the right */\n    toRight?: boolean;\n    /** force column to the left */\n    toLeft?: boolean;\n}\n\nexport const gridSettings = {\n    cols: 12,\n    gutter: spacings.spacer,\n};\n\n/** Get width of grid cols incl. gutter (relative to container element)  */\nexport const getGridWidth = (props?: {\n    cols?: number;\n    gutter?: number;\n    gridWidth?: string;\n}) => {\n    const columns = props?.cols || gridSettings.cols;\n\n    const width = props?.gridWidth || '100%';\n    const gridGutter =\n        props?.gutter !== undefined ? props.gutter : gridSettings.gutter;\n    const gridCols = gridSettings.cols;\n\n    return css`\n        calc(((${width} - ${\n        (gridCols - 1) * gridGutter\n    }px) / ${gridCols}) * ${columns} + ${(columns - 1) * gridGutter}px)\n    `;\n};\n\nconst validateValue = (\n    value: number | undefined,\n    min: number,\n    max?: number\n) => {\n    if (value === undefined || value === null) return value;\n    return value !== clampValue(value, min, max) ? undefined : value;\n};\n\nconst getWidth = (props: ColProps) => {\n    const span = validateValue(props.span, 0, 1);\n    const mediumSpan = validateValue(props.medium?.span, 0, 1);\n    const semilargeSpan = validateValue(props.semilarge?.span, 0, 1);\n    const largeSpan = validateValue(props.large?.span, 0, 1);\n    const xlargeSpan = validateValue(props.xlarge?.span, 0, 1);\n\n    return css`\n        width: ${(span || 1) * 100}%;\n\n        ${mediumSpan &&\n        css`\n            @media ${mq.medium} {\n                width: ${(mediumSpan || 1) * 100}%;\n            }\n        `}\n\n        ${semilargeSpan &&\n        css`\n            @media ${mq.semilarge} {\n                width: ${(semilargeSpan || 1) * 100}%;\n            }\n        `}\n\n        ${largeSpan &&\n        css`\n            @media ${mq.large} {\n                width: ${(largeSpan || 1) * 100}%;\n            }\n        `}\n\n        ${xlargeSpan &&\n        css`\n            @media ${mq.xlarge} {\n                width: ${(xlargeSpan || 1) * 100}%;\n            }\n        `}\n    `;\n};\n\nconst getLeftRight = (props: ColProps) => {\n    const mediumMove = props?.medium?.move;\n    const semilargeMove = props?.semilarge?.move;\n    const largeMove = props?.large?.move;\n    const xlargeMove = props?.xlarge?.move;\n\n    return css`\n        left: ${props?.move && props?.move > 0\n            ? props?.move * 100 + '%'\n            : 'auto'};\n        right: ${props?.move && props?.move < 0\n            ? props?.move * -100 + '%'\n            : 'auto'};\n\n        ${mediumMove !== undefined &&\n        css`\n            @media ${mq.medium} {\n                left: ${mediumMove && mediumMove > 0\n                    ? mediumMove * 100 + '%'\n                    : 'auto'};\n                right: ${mediumMove && mediumMove < 0\n                    ? mediumMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${semilargeMove !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                left: ${semilargeMove && semilargeMove > 0\n                    ? semilargeMove * 100 + '%'\n                    : 'auto'};\n                right: ${semilargeMove && semilargeMove < 0\n                    ? semilargeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${largeMove !== undefined &&\n        css`\n            @media ${mq.large} {\n                left: ${largeMove && largeMove > 0\n                    ? largeMove * 100 + '%'\n                    : 'auto'};\n                right: ${largeMove && largeMove < 0\n                    ? largeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${xlargeMove !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                left: ${xlargeMove && xlargeMove > 0\n                    ? xlargeMove * 100 + '%'\n                    : 'auto'};\n                right: ${xlargeMove && xlargeMove < 0\n                    ? xlargeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n    `;\n};\n\nconst getGutter = (mode: 'grid' | 'col') => (props: GridProps) => {\n    const gutter = validateValue(props.gutter, 0) || 0;\n    const mediumGutter = validateValue(props?.medium?.gutter, 0);\n    const semilargeGutter = validateValue(props?.semilarge?.gutter, 0);\n    const largeGutter = validateValue(props?.large?.gutter, 0);\n    const xlargeGutter = validateValue(props?.xlarge?.gutter, 0);\n\n    const propertyTop = mode === 'grid' ? 'margin-top: -' : 'padding-top: ';\n    const propertyLeft = mode === 'grid' ? 'margin-left: -' : 'padding-left: ';\n\n    return css`\n        ${propertyTop}${gutter}px;\n        ${propertyLeft}${gutter}px;\n\n        ${mediumGutter !== undefined &&\n        css`\n            @media ${mq.medium} {\n                ${propertyTop}${mediumGutter}px;\n                ${propertyLeft}${mediumGutter}px;\n            }\n        `}\n\n        ${semilargeGutter !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                ${propertyTop}${semilargeGutter}px;\n                ${propertyLeft}${semilargeGutter}px;\n            }\n        `}\n        \n        ${largeGutter !== undefined &&\n        css`\n            @media ${mq.large} {\n                ${propertyTop}${largeGutter}px;\n                ${propertyLeft}${largeGutter}px;\n            }\n        `}\n\n        ${xlargeGutter !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                ${propertyTop}${xlargeGutter}px;\n                ${propertyLeft}${xlargeGutter}px;\n            }\n        `}\n    `;\n};\n\nconst getTextAlign = (props: ColProps) => {\n    const mediumTextAlign = props?.medium?.textAlign;\n    const semilargeTextAlign = props?.semilarge?.textAlign;\n    const largeTextAlign = props?.large?.textAlign;\n    const xlargeTextAlign = props?.xlarge?.textAlign;\n\n    return css`\n        text-align: ${props?.textAlign || undefined};\n\n        ${mediumTextAlign !== undefined &&\n        css`\n            @media ${mq.medium} {\n                text-align: ${mediumTextAlign};\n            }\n        `}\n\n        ${semilargeTextAlign !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                text-align: ${semilargeTextAlign};\n            }\n        `}\n\n        ${largeTextAlign !== undefined &&\n        css`\n            @media ${mq.large} {\n                text-align: ${largeTextAlign};\n            }\n        `}\n\n        ${xlargeTextAlign !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                text-align: ${xlargeTextAlign};\n            }\n        `}\n    `;\n};\n\nconst mapVerticalAlign = (alignMode?: VerticalAlign) => {\n    switch (alignMode) {\n        case 'top':\n            return 'flex-start';\n        case 'center':\n            return 'center';\n        case 'bottom':\n            return 'flex-end';\n        default:\n            return undefined;\n    }\n};\n\nconst getVerticalAlign =\n    (selfAlign?: boolean) => (props: ColProps & GridProps) => {\n        const vAlign = mapVerticalAlign(props.valign);\n        const mediumAlign = mapVerticalAlign(props?.medium?.valign);\n        const semilargelAlign = mapVerticalAlign(props?.semilarge?.valign);\n        const largeAlign = mapVerticalAlign(props?.large?.valign);\n        const xlargeAlign = mapVerticalAlign(props?.xlarge?.valign);\n\n        const property = selfAlign ? 'align-self: ' : 'align-items: ';\n\n        return css`\n            ${property}${vAlign || undefined};\n\n            ${mediumAlign !== undefined &&\n            css`\n                @media ${mq.medium} {\n                    ${property}${mediumAlign};\n                }\n            `}\n\n            ${semilargelAlign !== undefined &&\n            css`\n                @media ${mq.semilarge} {\n                    ${property}${semilargelAlign};\n                }\n            `}\n\n        ${largeAlign !== undefined &&\n            css`\n                @media ${mq.large} {\n                    ${property}${largeAlign};\n                }\n            `}\n\n        ${xlargeAlign !== undefined &&\n            css`\n                @media ${mq.xlarge} {\n                    ${property}${xlargeAlign};\n                }\n            `}\n        `;\n    };\n\nconst mapHorizontalAlign = (alignMode?: HorizontalAlign) => {\n    switch (alignMode) {\n        case 'left':\n            return 'flex-start';\n        case 'center':\n            return 'center';\n        case 'right':\n            return 'flex-end';\n        default:\n            return undefined;\n    }\n};\n\nconst getHorinzontalAlign = (props: GridProps) => {\n    const hAlign = mapHorizontalAlign(props.halign);\n    const mediumAlign = mapHorizontalAlign(props?.medium?.halign);\n    const semilargelAlign = mapHorizontalAlign(props?.semilarge?.halign);\n    const largeAlign = mapHorizontalAlign(props?.large?.halign);\n    const xlargeAlign = mapHorizontalAlign(props?.xlarge?.halign);\n\n    return css`\n        justify-content: ${hAlign || undefined};\n\n        ${mediumAlign !== undefined &&\n        css`\n            @media ${mq.medium} {\n                justify-content: ${mediumAlign};\n            }\n        `}\n\n        ${semilargelAlign !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                justify-content: ${semilargelAlign};\n            }\n        `}\n\n        ${largeAlign !== undefined &&\n        css`\n            @media ${mq.large} {\n                justify-content: ${largeAlign};\n            }\n        `}\n\n        ${xlargeAlign !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                justify-content: ${xlargeAlign};\n            }\n        `}\n    `;\n};\n\nconst StyledCol = styled.div<GridProps & ColProps>`\n    ${getWidth};\n    ${getLeftRight};\n    ${getGutter('col')}\n    display: inline-grid;\n    grid-template-columns: 100%;\n    position: relative;\n\n    ${getTextAlign}\n    ${getVerticalAlign(true)}\n    ${({ toRight }) =>\n        toRight &&\n        css`\n            margin-left: auto;\n        `}\n        ${({ toLeft }) =>\n        toLeft &&\n        css`\n            margin-right: auto;\n        `}\n`;\n\nconst Col: React.FC<ColProps & { children?: React.ReactNode }> = (props) => {\n    return <React.Fragment>{props?.children}</React.Fragment>;\n};\n\ninterface GridPropsSettings {\n    gutter?: number;\n    valign?: VerticalAlign;\n    halign?: HorizontalAlign;\n}\n\ninterface GridProps extends GridPropsSettings {\n    medium?: GridPropsSettings;\n    semilarge?: GridPropsSettings;\n    large?: GridPropsSettings;\n    xlarge?: GridPropsSettings;\n}\n\nconst StyledGrid = styled.div<GridProps>`\n    ${getGutter('grid')}\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    ${getVerticalAlign()}\n    ${getHorinzontalAlign}\n`;\n\nconst mapGutterToCol = (gutter?: number, colSettings?: any) => {\n    if (gutter === undefined) return colSettings;\n    if (colSettings) {\n        return {\n            ...colSettings,\n            gutter,\n        };\n    } else {\n        return {\n            gutter,\n        };\n    }\n};\n\nconst Grid: React.FC<GridProps & { children?: React.ReactNode }> = ({\n    gutter,\n    valign,\n    children,\n    halign,\n    medium,\n    semilarge,\n    large,\n    xlarge,\n}) => {\n    return (\n        <StyledGrid\n            gutter={gutter}\n            valign={valign}\n            halign={halign}\n            medium={medium}\n            semilarge={semilarge}\n            large={large}\n            xlarge={xlarge}\n        >\n            {React.Children.map(children, (comp: any) => {\n                return comp ? (\n                    <StyledCol\n                        {...comp?.props}\n                        gutter={gutter}\n                        medium={mapGutterToCol(\n                            medium?.gutter,\n                            comp?.props?.medium\n                        )}\n                        semilarge={mapGutterToCol(\n                            semilarge?.gutter,\n                            comp?.props?.semilarge\n                        )}\n                        large={mapGutterToCol(\n                            large?.gutter,\n                            comp?.props?.large\n                        )}\n                        xlarge={mapGutterToCol(\n                            xlarge?.gutter,\n                            comp?.props?.xlarge\n                        )}\n                    />\n                ) : undefined;\n            })}\n        </StyledGrid>\n    );\n};\n\nGrid.defaultProps = {\n    gutter: gridSettings.gutter,\n};\n\nexport default {\n    Row: Grid,\n    Col,\n};\n"],"names":["gridSettings","cols","gutter","spacings","spacer","validateValue","value","min","max","clampValue","undefined","getGutter","mode","props","mediumGutter","_a","medium","semilargeGutter","_b","semilarge","largeGutter","_c","large","xlargeGutter","_d","xlarge","propertyTop","propertyLeft","css","templateObject_16","__makeTemplateObject","mq","templateObject_13","templateObject_14","templateObject_15","mapVerticalAlign","alignMode","getVerticalAlign","selfAlign","vAlign","valign","mediumAlign","semilargelAlign","largeAlign","xlargeAlign","property","templateObject_26","templateObject_23","templateObject_24","templateObject_25","mapHorizontalAlign","StyledCol","styled","div","withConfig","displayName","componentId","span","mediumSpan","semilargeSpan","largeSpan","xlargeSpan","templateObject_6","templateObject_2","templateObject_3","templateObject_4","templateObject_5","mediumMove","move","semilargeMove","largeMove","xlargeMove","templateObject_11","templateObject_7","templateObject_8","templateObject_9","templateObject_10","mediumTextAlign","textAlign","semilargeTextAlign","largeTextAlign","xlargeTextAlign","templateObject_18","templateObject_19","templateObject_20","toRight","templateObject_32","toLeft","templateObject_33","StyledGrid","hAlign","halign","templateObject_27","templateObject_28","templateObject_30","mapGutterToCol","colSettings","__assign","Grid","children","React","createElement","Children","map","comp","defaultProps","Grid$1","Row","Col","Fragment","columns","width","gridWidth","gridGutter","gridCols","templateObject_1"],"mappings":"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"}

package/cjs/InfoList-577f3c57.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("./Copy-e860efe7.js"),t=require("react"),i=require("styled-components"),a=require("./arrays-c272ed59.js"),l=require("./styles-0f1a0aea.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,s,d,p,m,g,c,f=o(t),u=o(i),x=u.default.div.withConfig({displayName:"InfoList__View",componentId:"sc-1bggeo0-0"})(r||(r=n.__makeTemplateObject([""],[""]))),y=u.default.ul.withConfig({displayName:"InfoList__Container",componentId:"sc-1bggeo0-1"})(s||(s=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -","px;\n    margin-top: -","px;\n    list-style: none;\n"],["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -","px;\n    margin-top: -","px;\n    list-style: none;\n"])),l.spacings.spacer,5*l.spacings.nudge),_=u.default.li.withConfig({displayName:"InfoList__Item",componentId:"sc-1bggeo0-2"})(d||(d=n.__makeTemplateObject(["\n    flex: 1 1 100%;\n    padding-left: ","px;\n    padding-top: ","px;\n\n    @media "," {\n        flex: 1 1 300px;\n    }\n"],["\n    flex: 1 1 100%;\n    padding-left: ","px;\n    padding-top: ","px;\n\n    @media "," {\n        flex: 1 1 300px;\n    }\n"])),l.spacings.spacer,5*l.spacings.nudge,l.mq.medium),w=u.default(e.Copy).withConfig({displayName:"InfoList__Title",componentId:"sc-1bggeo0-3"})(p||(p=n.__makeTemplateObject(["\n    display: block;\n    margin-bottom: ","px;\n"],["\n    display: block;\n    margin-bottom: ","px;\n"])),3*l.spacings.nudge),I=u.default.ul.withConfig({displayName:"InfoList__Infos",componentId:"sc-1bggeo0-4"})(m||(m=n.__makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"],["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"]))),b=u.default.li.withConfig({displayName:"InfoList__Content",componentId:"sc-1bggeo0-5"})(g||(g=n.__makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ","px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ","px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),2*l.spacings.nudge,2*l.spacings.nudge),h=u.default(e.Copy).withConfig({displayName:"InfoList__Icon",componentId:"sc-1bggeo0-6"})(c||(c=n.__makeTemplateObject(["\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"],["\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])));exports.InfoList=function(n){var t=n.isInverted,i=n.items,l=n.className;return f.default.createElement(x,{className:l},f.default.createElement(y,null,null==i?void 0:i.map((function(n,i){var l,o=(null===(l=null==n?void 0:n.items)||void 0===l?void 0:l.filter((function(n){return n.text})))||[],r=a.isValidArray(o,!1);return f.default.createElement(_,{key:i},n.title&&f.default.createElement(w,{size:"small",type:"copy-b",renderAs:"span",isInverted:t},n.title),r&&f.default.createElement(I,null,o.map((function(n,i){return f.default.createElement(b,{key:i},f.default.createElement(h,{isInverted:t},n.icon&&n.icon(t)),n.text&&f.default.createElement(e.Copy,{size:"small",isInverted:t,innerHTML:n.text,allowLinkIcons:!1}))}))))}))))};
+//# sourceMappingURL=InfoList-577f3c57.js.map

package/cjs/InfoList-577f3c57.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoList-577f3c57.js","sources":["../src/components/blocks/InfoList.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div``;\n\nconst Container = styled.ul`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -${spacings.spacer}px;\n    margin-top: -${spacings.nudge * 5}px;\n    list-style: none;\n`;\n\nconst Item = styled.li`\n    flex: 1 1 100%;\n    padding-left: ${spacings.spacer}px;\n    padding-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.medium} {\n        flex: 1 1 300px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    display: block;\n    margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst Infos = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: 0;\n`;\n\nconst Content = styled.li`\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Icon = styled(Copy)`\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nexport interface InfoGroup {\n    title?: string;\n    items: Info[];\n}\n\nexport interface Info {\n    /** icon injection function */\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    /** info text (richtText) */\n    text?: string;\n}\n\nconst InfoList: FC<{\n    /** Invert text and icon color for dark backgrounds */\n    isInverted?: boolean;\n\n    /** Array of info groups */\n    items?: InfoGroup[];\n\n    className?: string;\n}> = ({ isInverted, items, className }) => {\n    return (\n        <View className={className}>\n            <Container>\n                {items?.map((group, i) => {\n                    const groupItems =\n                        group?.items?.filter((item) => item.text) || [];\n                    const hasItems = isValidArray(groupItems, false);\n\n                    return (\n                        <Item key={i}>\n                            {group.title && (\n                                <Title\n                                    size=\"small\"\n                                    type=\"copy-b\"\n                                    renderAs=\"span\"\n                                    isInverted={isInverted}\n                                >\n                                    {group.title}\n                                </Title>\n                            )}\n                            {hasItems && (\n                                <Infos>\n                                    {groupItems.map((info, ii) => (\n                                        <Content key={ii}>\n                                            <Icon isInverted={isInverted}>\n                                                {info.icon &&\n                                                    info.icon(isInverted)}\n                                            </Icon>\n                                            {info.text && (\n                                                <Copy\n                                                    size=\"small\"\n                                                    isInverted={isInverted}\n                                                    innerHTML={info.text}\n                                                    allowLinkIcons={false}\n                                                />\n                                            )}\n                                        </Content>\n                                    ))}\n                                </Infos>\n                            )}\n                        </Item>\n                    );\n                })}\n            </Container>\n        </View>\n    );\n};\n\nexport default InfoList;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","Container","ul","templateObject_2","spacings","spacer","nudge","Item","li","templateObject_3","mq","medium","Title","Copy","templateObject_4","Infos","templateObject_5","Content","Icon","templateObject_7","_a","isInverted","items","className","React","createElement","map","group","i","groupItems","filter","item","text","hasItems","isValidArray","key","title","size","type","renderAs","info","ii","icon","innerHTML","allowLinkIcons"],"mappings":"sTAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAAUK,IAAAA,EAAAC,uBAAA,CAAA,IAAA,CAAA,OAEjBC,EAAYP,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,sBAAAC,YAAA,gBAAGJ,CAASS,IAAAA,EAAAH,EAAAA,qBAAA,CAAA,8HAAA,yBAAA,gCAAA,CAAA,8HAOQ,yBACE,kCADjBI,EAAQA,SAACC,OACO,EAAjBD,WAASE,OAItBC,EAAOb,EAAAA,QAAOc,GAAVZ,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAASe,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,4CAAA,yBAAA,qBAAA,yCAAA,CAAA,4CAEa,yBACE,qBAEf,2CAHFI,EAAAA,SAASC,OACO,EAAjBD,WAASE,MAEfI,KAAGC,QAKVC,EAAQlB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAYoB,IAAAA,EAAAd,EAAAA,qBAAA,CAAA,6CAAA,SAAA,CAAA,6CAEa,WAAD,EAAjBI,EAAQA,SAACE,OAGxBS,EAAQrB,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAASsB,IAAAA,EAAAhB,uBAAA,CAAA,8DAAA,CAAA,iEAMjBiB,EAAUvB,EAAAA,QAAOc,GAAVZ,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAGJ,6WAAS,sQAWe,uDAIC,kBAJF,EAAjBU,WAASE,MAIS,EAAjBF,EAAQA,SAACE,OAI1BY,EAAOxB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAAYyB,IAAAA,EAAAnB,uBAAA,CAAA,8GAAA,CAAA,kIA8BpB,SAACoB,GAAE,IAAAC,eAAYC,EAAKF,EAAAE,MAAEC,EAASH,EAAAG,UAChC,OACIC,EAAC,QAAAC,cAAAhC,EAAK,CAAA8B,UAAWA,GACbC,EAAAA,QAAAC,cAACxB,EAAS,KACLqB,MAAAA,OAAK,EAALA,EAAOI,KAAI,SAACC,EAAOC,SACVC,GACY,QAAdT,EAAAO,MAAAA,OAAA,EAAAA,EAAOL,aAAO,IAAAF,OAAA,EAAAA,EAAAU,QAAO,SAACC,GAASA,OAAAA,EAAKC,UAAS,GAC3CC,EAAWC,EAAAA,aAAaL,GAAY,GAE1C,OACIL,EAAC,QAAAC,cAAAlB,EAAK,CAAA4B,IAAKP,GACND,EAAMS,OACHZ,UAAAC,cAACb,EAAK,CACFyB,KAAK,QACLC,KAAK,SACLC,SAAS,OACTlB,WAAYA,GAEXM,EAAMS,OAGdH,GACGT,EAAC,QAAAC,cAAAV,OACIc,EAAWH,KAAI,SAACc,EAAMC,GAAO,OAC1BjB,wBAACP,EAAO,CAACkB,IAAKM,GACVjB,EAAC,QAAAC,cAAAP,GAAKG,WAAYA,GACbmB,EAAKE,MACFF,EAAKE,KAAKrB,IAEjBmB,EAAKR,MACFR,wBAACX,EAAAA,KAAI,CACDwB,KAAK,QACLhB,WAAYA,EACZsB,UAAWH,EAAKR,KAChBY,gBAAgB"}

package/cjs/POICard-492bf8d0.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-e860efe7.js"),a=require("./styles-0f1a0aea.js"),l=require("./arrays-c272ed59.js"),r=require("./InfoList-577f3c57.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,s,p,m,c,f,g,u,x,w,b=d(e),y=d(t),v=y.default.div.withConfig({displayName:"POIFacts__View",componentId:"sc-zp61fw-0"})(o||(o=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),a.spacings.nudge,2*a.spacings.nudge,3*a.spacings.nudge),_=y.default.div.withConfig({displayName:"POIFacts__FactsWrapper",componentId:"sc-zp61fw-1"})(s||(s=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),a.spacings.nudge,2*a.spacings.nudge),I=y.default.span.withConfig({displayName:"POIFacts__Fact",componentId:"sc-zp61fw-2"})(p||(p=n.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    ","\n    color: ",";\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n    ","\n    color: ",";\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),i.copyStyle("copy","medium"),(function(n){var e=n.theme;return n.isInverted?a.getColors(e).text.copyInverted:a.getColors(e).text.copy}),.5*a.spacings.nudge),h=function(e){var t=e.facts,i=e.customFact,a=e.isInverted;return b.default.createElement(v,null,t.map((function(e,t){return b.default.createElement(_,{key:"tag_"+t},i?i({key:"headtag-".concat(t),name:e||"",isInverted:a}):b.default.createElement(I,{isInverted:a},b.default.createElement(n.Check,null),b.default.createElement("span",null,e)))})))},k=y.default.div.withConfig({displayName:"POICard__View",componentId:"sc-1l0tnmw-0"})(m||(m=n.__makeTemplateObject(["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ","px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ","px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?a.getColors(e).elementBg.light:a.getColors(e).elementBg.dark}),2*a.spacings.nudge,a.spacings.nudge,3*a.spacings.nudge),C=y.default(i.Copy).withConfig({displayName:"POICard__Title",componentId:"sc-1l0tnmw-1"})(c||(c=n.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*a.spacings.nudge),O=y.default(i.Copy).withConfig({displayName:"POICard__Description",componentId:"sc-1l0tnmw-2"})(f||(f=n.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"]))),j=y.default.div.withConfig({displayName:"POICard__Body",componentId:"sc-1l0tnmw-3"})(g||(g=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media "," {\n        margin-left: -","px;\n        margin-right: -","px;\n\n        & > * + * {\n            border-left: 1px solid\n                ",";\n        }\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media "," {\n        margin-left: -","px;\n        margin-right: -","px;\n\n        & > * + * {\n            border-left: 1px solid\n                ",";\n        }\n    }\n"])),a.mq.semilarge,a.spacings.spacer,a.spacings.spacer,(function(n){var e=n.theme;return n.isInverted?a.getColors(e).elementBg.light:a.getColors(e).elementBg.dark})),E=y.default.div.withConfig({displayName:"POICard__Col",componentId:"sc-1l0tnmw-4"})(u||(u=n.__makeTemplateObject(["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex: 1 0 60%;\n        padding: 0 ","px;\n    }\n\n    @media "," {\n        flex: 1 0 ","%;\n    }\n"],["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex: 1 0 60%;\n        padding: 0 ","px;\n    }\n\n    @media "," {\n        flex: 1 0 ","%;\n    }\n"])),3*a.spacings.nudge,a.mq.semilarge,a.spacings.spacer,a.mq.large,2/3*100),q=y.default(E).withConfig({displayName:"POICard__InfoCol",componentId:"sc-1l0tnmw-5"})(x||(x=n.__makeTemplateObject(["\n    display: none;\n    margin-bottom: ","px;\n\n    @media "," {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media "," {\n        display: block;\n        flex: 1 0 ","%;\n    }\n"],["\n    display: none;\n    margin-bottom: ","px;\n\n    @media "," {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media "," {\n        display: block;\n        flex: 1 0 ","%;\n    }\n"])),2*a.spacings.nudge,a.mq.semilarge,a.mq.large,1/3*100),P=y.default.div.withConfig({displayName:"POICard__Action",componentId:"sc-1l0tnmw-6"})(w||(w=n.__makeTemplateObject([""],[""])));exports.POICard=function(n){var e=n.isInverted,t=n.name,i=n.shortDescription,a=n.facts,d=n.infos,o=n.customFact,s=n.action,p=l.isValidArray(a,!1),m=l.isValidArray(d,!1);return b.default.createElement(k,{isInverted:e},t&&b.default.createElement(C,{type:"copy-b",size:"big",isInverted:e},t),(p||i||m||s)&&b.default.createElement(j,{isInverted:e},b.default.createElement(E,null,l.isValidArray(a,!1)&&b.default.createElement(h,{facts:a,isInverted:e,customFact:o}),i&&b.default.createElement(O,{isInverted:e,innerHTML:i}),s&&b.default.createElement(P,null,s(e))),l.isValidArray(d,!1)&&b.default.createElement(q,null,b.default.createElement(r.InfoList,{isInverted:e,items:[{items:d}]}))))},exports.POIFacts=h;
+//# sourceMappingURL=POICard-492bf8d0.js.map

package/cjs/POICard-492bf8d0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"POICard-492bf8d0.js","sources":["../src/components/blocks/POIFacts.tsx","../src/components/blocks/POICard.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport { copyStyle } from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge * 2}px;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst FactsWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge * 2}px;\n`;\n\nconst Fact = styled.span<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.copyInverted : color(theme).text.copy};\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 0.5}px;\n    }\n`;\n\nconst POIFacts: React.FC<{\n    facts: string[];\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n    isInverted?: boolean;\n}> = ({ facts, customFact, isInverted }) => {\n    return (\n        <View>\n            {facts.map((fact, i) => (\n                <FactsWrapper key={'tag_' + i}>\n                    {customFact ? (\n                        customFact({\n                            key: `headtag-${i}`,\n                            name: fact || '',\n                            isInverted: isInverted,\n                        })\n                    ) : (\n                        <Fact isInverted={isInverted}>\n                            <Check />\n                            <span>{fact}</span>\n                        </Fact>\n                    )}\n                </FactsWrapper>\n            ))}\n        </View>\n    );\n};\n\nexport default POIFacts;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport POIFacts from 'components/blocks/POIFacts';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport InfoList, { Info } from './InfoList';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    padding: ${spacings.nudge * 2}px;\n    border-radius: ${spacings.nudge}px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Description = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n`;\n\nconst Body = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ${mq.semilarge} {\n        margin-left: -${spacings.spacer}px;\n        margin-right: -${spacings.spacer}px;\n\n        & > * + * {\n            border-left: 1px solid\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? color(theme).elementBg.light\n                        : color(theme).elementBg.dark};\n        }\n    }\n`;\n\nconst Col = styled.div`\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.semilarge} {\n        flex: 1 0 60%;\n        padding: 0 ${spacings.spacer}px;\n    }\n\n    @media ${mq.large} {\n        flex: 1 0 ${(2 / 3) * 100}%;\n    }\n`;\n\nconst InfoCol = styled(Col)`\n    display: none;\n    margin-bottom: ${spacings.nudge * 2}px;\n\n    @media ${mq.semilarge} {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ${mq.large} {\n        display: block;\n        flex: 1 0 ${(1 / 3) * 100}%;\n    }\n`;\n\nconst Action = styled.div``;\n\nexport type POILocation = {\n    address: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    coordinates?: { lat: number; long: number };\n    mail: string;\n    phone: string;\n    web: string;\n};\n\nexport type POIContact = {\n    name: string;\n    position: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    mail: string;\n    phone: string;\n};\n\nexport interface POICardProps {\n    /** Invert text and background for use on dark sections */\n    isInverted?: boolean;\n\n    /** POI name */\n    name: string;\n\n    /** Short POI description text (RichText) */\n    shortDescription?: string;\n\n    /** Array of additional POI informations */\n    infos?: Info[];\n\n    /** Array of POI facts */\n    facts?: string[];\n\n    /** Function to inject custom fact node */\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n\n    /** Function to inject custom action node */\n    action?: (isInverted?: boolean) => React.ReactNode;\n}\n\nconst POICard: React.FC<POICardProps> = ({\n    isInverted,\n    name,\n    shortDescription,\n    facts,\n    infos,\n    customFact,\n    action,\n}) => {\n    const hasFacts = isValidArray(facts, false);\n    const hasInfos = isValidArray(infos, false);\n\n    return (\n        <View isInverted={isInverted}>\n            {name && (\n                <Title type=\"copy-b\" size=\"big\" isInverted={isInverted}>\n                    {name}\n                </Title>\n            )}\n            {(hasFacts || shortDescription || hasInfos || action) && (\n                <Body isInverted={isInverted}>\n                    <Col>\n                        {isValidArray(facts, false) && (\n                            <POIFacts\n                                facts={facts}\n                                isInverted={isInverted}\n                                customFact={customFact}\n                            />\n                        )}\n                        {shortDescription && (\n                            <Description\n                                isInverted={isInverted}\n                                innerHTML={shortDescription}\n                            />\n                        )}\n                        {action && <Action>{action(isInverted)}</Action>}\n                    </Col>\n                    {isValidArray(infos, false) && (\n                        <InfoCol>\n                            <InfoList\n                                isInverted={isInverted}\n                                items={[\n                                    {\n                                        items: infos,\n                                    },\n                                ]}\n                            />\n                        </InfoCol>\n                    )}\n                </Body>\n            )}\n        </View>\n    );\n};\n\nexport default POICard;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","FactsWrapper","templateObject_2","Fact","span","templateObject_3","copyStyle","_a","theme","isInverted","color","text","copyInverted","copy","POIFacts","facts","customFact","React","createElement","map","fact","i","key","concat","name","Check","elementBg","light","dark","Title","Copy","Description","Body","templateObject_4","mq","semilarge","spacer","Col","templateObject_5","large","InfoCol","templateObject_6","Action","templateObject_7","shortDescription","infos","action","hasFacts","isValidArray","hasInfos","type","size","innerHTML","InfoList","items"],"mappings":"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"}

package/cjs/TableBlock-a5b16e8f.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),i=require("./Copy-e860efe7.js"),l=require("./styles-0f1a0aea.js"),o=require("./LibThemeProvider-fb99fd6d.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,d,s,c,p,m,u,g,f,b,h=a(n),x=a(t),w=x.default.div.withConfig({displayName:"Title__View",componentId:"sc-1pyc768-0"})(r||(r=e.__makeTemplateObject(["\n    display: block;\n    text-align: ",";\n    margin: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    text-align: ",";\n    margin: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(e){return e.isCentered?"center":"left"}),(function(e){return e.isCentered&&"0 auto"}),2*l.spacings.nudge),v=x.default(i.Heading).withConfig({displayName:"Title__SuperTitle",componentId:"sc-1pyc768-1"})(d||(d=e.__makeTemplateObject(["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"],["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"]))),k=x.default(i.Heading).withConfig({displayName:"Title__MainTitle",componentId:"sc-1pyc768-2"})(c||(c=e.__makeTemplateObject(["\n    display: block;\n\n    ","\n"],["\n    display: block;\n\n    ","\n"])),(function(n){var i=n.maxLines;return i&&i>0&&t.css(s||(s=e.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)})),y=x.default.div.withConfig({displayName:"TableBlock__View",componentId:"sc-1n2im8m-0"})(p||(p=e.__makeTemplateObject(["\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).primary.default})),_=x.default(i.Copy).withConfig({displayName:"TableBlock__Caption",componentId:"sc-1n2im8m-1"})(m||(m=e.__makeTemplateObject(["\n    margin-bottom: ","px;\n    padding: 0 ","px;\n    text-align: left;\n"],["\n    margin-bottom: ","px;\n    padding: 0 ","px;\n    text-align: left;\n"])),l.spacings.nudge,2*l.spacings.nudge),T=x.default.div.withConfig({displayName:"TableBlock__TableContainer",componentId:"sc-1n2im8m-2"})(u||(u=e.__makeTemplateObject(["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"],["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).primary.default})),C=x.default.table.withConfig({displayName:"TableBlock__TableBody",componentId:"sc-1n2im8m-3"})(g||(g=e.__makeTemplateObject(["\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ","px;\n\n    padding: 0 ","px;\n"],["\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ","px;\n\n    padding: 0 ","px;\n"])),.5*l.spacings.nudge,2*l.spacings.nudge),I=x.default(i.Copy).withConfig({displayName:"TableBlock__TableHead",componentId:"sc-1n2im8m-4"})(f||(f=e.__makeTemplateObject(["\n    text-align: left;\n    color: ",";\n    background-color: ",";\n\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ","px;\n        text-align: ",";\n    }\n"],["\n    text-align: left;\n    color: ",";\n    background-color: ",";\n\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ","px;\n        text-align: ",";\n    }\n"])),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).text.inverted:l.getColors(n).text.default}),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).elementBg.dark:l.getColors(n).elementBg.medium}),3*l.spacings.nudge,2.5*l.spacings.spacer,(function(e){return e.alignRight?"right":"left"})),B=x.default(i.Copy).withConfig({displayName:"TableBlock__TableData",componentId:"sc-1n2im8m-5"})(b||(b=e.__makeTemplateObject(["\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ",";\n\n    :last-child {\n        text-align: ",";\n        padding-right: ","px;\n    }\n"],["\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ",";\n\n    :last-child {\n        text-align: ",";\n        padding-right: ","px;\n    }\n"])),3*l.spacings.nudge,(function(e){var n=e.hasBack,t=e.theme;return n?l.getColors(t).elementBg.light:l.getColors(t).elementBg.medium}),(function(e){return e.alignRight?"right":"left"}),2.5*l.spacings.spacer),j=n.forwardRef((function(e,n){var t=e.row,i=e.tableTitle,l=e.rowTitle,o=e.isInverted,a=void 0!==o&&o,r=e.hasBack,d=void 0!==r&&r,s=e.lastCol,c=void 0===s?"left":s;return h.default.createElement(y,{ref:n},h.default.createElement(T,{tabIndex:1},h.default.createElement(C,null,i&&h.default.createElement(_,{renderAs:"caption",type:"copy-b",isInverted:a},i),l&&h.default.createElement("thead",null,h.default.createElement("tr",null,l.map((function(e,n){return h.default.createElement(I,{key:n,type:"copy-b",renderAs:"th",isInverted:!a,alignRight:"right"===c},e)})))),h.default.createElement("tbody",null,t.map((function(e,n){var t=e.cols;return h.default.createElement("tr",{key:n},t.map((function(e,n){return h.default.createElement(B,{key:n,renderAs:"td",hasBack:d,alignRight:"right"===c,innerHTML:e})})))}))))))}));j.displayName="TableBlock",exports.TableBlock=j,exports.Title=function(e){var n=e.colorMode,t=void 0===n?"default":n,i=e.superTitle,l=e.superTitleAs,a=e.title,r=e.titleAs,d=e.titleSize,s=void 0===d?"heading-2":d,c=e.maxLines,p=e.isCentered,m=void 0!==p&&p,u=e.titleHyphens,g=e.className,f=o.useLibTheme().colors;return h.default.createElement(w,{isCentered:m,className:g},i&&h.default.createElement(v,{renderAs:l||"div",size:"super",textColor:"onImage"===t?f.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:i}),a&&h.default.createElement(k,{renderAs:r||"h2",size:"heading-1"===s?"heading-1":"heading-2",hyphens:u,textColor:"onImage"===t?f.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:a,maxLines:c}))};
+//# sourceMappingURL=TableBlock-a5b16e8f.js.map

package/cjs/TableBlock-a5b16e8f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlock-a5b16e8f.js","sources":["../src/components/blocks/Title.tsx","../src/components/blocks/TableBlock.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Heading, { HeadlineTag } from 'components/typography/Heading';\nimport { FontType, spacings } from 'utils/styles';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin: ${({ isCentered }) => isCentered && '0 auto'};\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst SuperTitle = styled(Heading)`\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n`;\n\nconst MainTitle = styled(Heading)<{ maxLines?: number }>`\n    display: block;\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n`;\n\nexport type TitleSize = Extract<FontType, 'heading-1' | 'heading-2'>;\n\nconst Title: FC<{\n    /**\n     * Text color mode mostly background dependent.\n     * The value onImage is used if the title is placed on an underlying image\n     * */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Style type of main title */\n    titleSize?: TitleSize;\n\n    /** Clamp lines of text to specific number */\n    maxLines?: number;\n\n    /** Center texts */\n    isCentered?: boolean;\n\n    /** Enable titel text hypens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    colorMode = 'default',\n    superTitle,\n    superTitleAs,\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    maxLines,\n    isCentered = false,\n    titleHyphens,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View isCentered={isCentered} className={className}>\n            {superTitle && (\n                <SuperTitle\n                    renderAs={superTitleAs || 'div'}\n                    size=\"super\"\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={superTitle}\n                />\n            )}\n            {title && (\n                <MainTitle\n                    renderAs={titleAs || 'h2'}\n                    size={titleSize === 'heading-1' ? 'heading-1' : 'heading-2'}\n                    hyphens={titleHyphens}\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={title}\n                    maxLines={maxLines}\n                />\n            )}\n        </View>\n    );\n};\n\nexport default Title;\n","import Copy from 'components/typography/Copy';\nimport React, { forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    &:focus {\n        outline: 1px dashed ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Caption = styled(Copy)`\n    margin-bottom: ${spacings.nudge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    text-align: left;\n`;\n\nconst TableContainer = styled.div`\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n`;\n\nconst TableBody = styled.table`\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ${spacings.nudge * 0.5}px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n`;\n\nconst TableHead = styled(Copy)<{\n    isInverted?: boolean;\n    alignRight?: boolean;\n}>`\n    text-align: left;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.dark\n            : color(theme).elementBg.medium};\n\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ${spacings.spacer * 2.5}px;\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n    }\n`;\n\nconst TableData = styled(Copy)<{\n    hasBack?: boolean;\n    alignRight?: boolean;\n}>`\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ${({ hasBack, theme }) =>\n        hasBack ? color(theme).elementBg.light : color(theme).elementBg.medium};\n\n    :last-child {\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n        padding-right: ${spacings.spacer * 2.5}px;\n    }\n`;\n\nexport interface TableProps {\n    tableTitle?: string;\n    rowTitle?: string[];\n    row: Array<{\n        cols: string[];\n    }>;\n    isInverted?: boolean;\n    hasBack?: boolean;\n    lastCol?: 'left' | 'right';\n}\n\nconst TableBlock = forwardRef<HTMLDivElement, TableProps>(\n    (\n        {\n            row,\n            tableTitle,\n            rowTitle,\n            isInverted = false,\n            hasBack = false,\n            lastCol = 'left',\n        },\n        ref\n    ) => {\n        return (\n            <View ref={ref}>\n                <TableContainer tabIndex={1}>\n                    <TableBody>\n                        {tableTitle && (\n                            <Caption\n                                renderAs=\"caption\"\n                                type=\"copy-b\"\n                                isInverted={isInverted}\n                            >\n                                {tableTitle}\n                            </Caption>\n                        )}\n                        {rowTitle && (\n                            <thead>\n                                <tr>\n                                    {rowTitle.map((item, ii) => (\n                                        <TableHead\n                                            key={ii}\n                                            type=\"copy-b\"\n                                            renderAs=\"th\"\n                                            isInverted={!isInverted}\n                                            alignRight={lastCol === 'right'}\n                                        >\n                                            {item}\n                                        </TableHead>\n                                    ))}\n                                </tr>\n                            </thead>\n                        )}\n                        <tbody>\n                            {row.map(({ cols }, i) => (\n                                <tr key={i}>\n                                    {cols.map((itemText, ii) => {\n                                        return (\n                                            <TableData\n                                                key={ii}\n                                                renderAs=\"td\"\n                                                hasBack={hasBack}\n                                                alignRight={lastCol === 'right'}\n                                                innerHTML={itemText}\n                                            />\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </TableBody>\n                </TableContainer>\n            </View>\n        );\n    }\n);\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","MainTitle","templateObject_4","maxLines","css","theme","color","primary","default","Caption","Copy","TableContainer","templateObject_3","TableBody","table","TableHead","templateObject_5","isInverted","text","inverted","elementBg","dark","medium","spacer","alignRight","TableData","templateObject_6","hasBack","light","TableBlock","forwardRef","ref","row","tableTitle","rowTitle","_b","_c","_d","lastCol","React","createElement","tabIndex","renderAs","type","map","item","ii","key","i","cols","itemText","innerHTML","colorMode","superTitle","superTitleAs","title","titleAs","titleSize","titleHyphens","className","colors","useLibTheme","size","textColor","undefined","hyphens"],"mappings":"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"}

package/cjs/Tag-5c72cc0d.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),o=require("styled-components"),r=require("./Copy-e860efe7.js"),i=require("./Link-70143bb7.js"),t=require("./styles-0f1a0aea.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,c,s=d(e),l=d(o).default(i.Link).withConfig({displayName:"Tag__View",componentId:"sc-1mw8uhi-0"})(c||(c=n.__makeTemplateObject(["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus {\n        /* background-color: ",";\n        color: ","; */\n        outline: 2px solid\n            ",";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"],["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus {\n        /* background-color: ",";\n        color: ","; */\n        outline: 2px solid\n            ",";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"])),(function(n){return n.isInverted?"#dddddd":"#444444"}),t.spacings.nudge,r.copyStyle("copy","small"),(function(n){var e=n.isActive,o=n.isInverted;return e&&(o?"#dddddd":"#444444")}),(function(n){var e=n.isActive,o=n.isInverted;return e?o?"#444444":"#ffff":o?"#dddddd":"#444444"}),(function(n){return n.isClickable?"pointer":"default"}),(function(e){var r=e.isClickable,i=e.isInverted;return r&&o.css(a||(a=n.__makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "],["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "])),i?"#dddddd":"#444444",i?"#444444":"#ffff")}),(function(n){return n.isInverted?"#dddddd":"#444444"}),(function(n){return n.isInverted?"#444444":"#ffff"}),(function(n){var e=n.isInverted,o=n.theme;return e?t.getColors(o).primary.inverted:t.getColors(o).primary.default}));exports.Tag=function(e){var o=e.name,r=e.link,i=e.isInverted,t=e.isActive,d=e.onClick,a=e.className,c=e.children,u=(null==r?void 0:r.href)?"a":d?"button":"span";return s.default.createElement(l,n.__assign({as:u,isInverted:i,isActive:t,onClick:d,isClickable:!!d||!(!r||!r.href),className:a},r),o||c)};
+//# sourceMappingURL=Tag-5c72cc0d.js.map

package/cjs/Tag-5c72cc0d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag-5c72cc0d.js","sources":["../src/components/blocks/Tag.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { getColors, spacings } from 'utils/styles';\n\nconst View = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    isClickable?: boolean;\n}>`\n    display: inline-block;\n    border: 1px solid\n        ${({ isInverted }) => (isInverted ? '#dddddd' : '#444444')};\n    border-radius: 8px;\n\n    padding: 1px ${spacings.nudge}px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n\n    background: none;\n\n    && {\n        background-color: ${({ isActive, isInverted }) =>\n            isActive && (isInverted ? '#dddddd' : '#444444')};\n        color: ${({ isActive, isInverted }) => {\n            if (isActive) {\n                return isInverted ? '#444444' : '#ffff';\n            } else {\n                return isInverted ? '#dddddd' : '#444444';\n            }\n        }};\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ${({ isClickable }) => (isClickable ? 'pointer' : 'default')};\n\n    ${({ isClickable, isInverted }) =>\n        isClickable &&\n        css`\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ${isInverted ? '#dddddd' : '#444444'};\n                    color: ${isInverted ? '#444444' : '#ffff'};\n                }\n            }\n        `}\n\n    &:focus {\n        /* background-color: ${({ isInverted }) =>\n            isInverted ? '#dddddd' : '#444444'};\n        color: ${({ isInverted }) => (isInverted ? '#444444' : '#ffff')}; */\n        outline: 2px solid\n            ${({ isInverted, theme }) =>\n                isInverted\n                    ? getColors(theme).primary.inverted\n                    : getColors(theme).primary.default};\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n`;\n\nexport interface TagProps {\n    name?: string;\n    link?: LinkProps;\n}\n\nconst Tag: FC<\n    TagProps & {\n        /** Invert colors to use on dark background */\n        isInverted?: boolean;\n\n        /** Highlight tag if active */\n        isActive?: boolean;\n\n        /** Click callback */\n        onClick?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n> = ({ name, link, isInverted, isActive, onClick, className, children }) => {\n    const tag = link?.href ? 'a' : onClick ? 'button' : 'span';\n\n    return (\n        <View\n            as={tag}\n            isInverted={isInverted}\n            isActive={isActive}\n            onClick={onClick}\n            isClickable={!!onClick || !!(link && link.href)}\n            className={className}\n            {...link}\n        >\n            {name || children}\n        </View>\n    );\n};\n\nexport default Tag;\n"],"names":["View","Link","withConfig","displayName","componentId","styled","templateObject_2","__makeTemplateObject","_a","isInverted","spacings","nudge","copyStyle","isActive","isClickable","css","templateObject_1","theme","getColors","primary","inverted","default","name","link","onClick","className","children","tag","href","React","__assign","as"],"mappings":"mSAOMA,OAAa,QAACC,QAAVC,WAAA,CAAAC,YAAA,YAAAC,YAAA,gBAAGC,CAIXC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gEAAA,kDAAA,2NAAA,oEAAA,qBAAA,6GAAA,YAAA,mDAAA,qBAAA,iDAAA,sLAAA,CAAA,gEAGgE,kDAGjC,2NAYD,oEAM4B,qBAOnD,6GAK+D,YAW/D,mDAIqC,qBACyB,iDAKjB,yLAtD5C,SAACC,GAAmB,OAAPA,EAAAC,WAAqB,UAAY,YAGrCC,EAAAA,SAASC,MAYtBC,EAASA,UAAC,OAAQ,UAKI,SAACJ,OAAEK,EAAQL,EAAAK,SAAEJ,EAAUD,EAAAC,WACvC,OAAAI,IAAaJ,EAAa,UAAY,cACjC,SAACD,OAAEK,EAAQL,EAAAK,SAAEJ,EAAUD,EAAAC,WAC5B,OAAII,EACOJ,EAAa,UAAY,QAEzBA,EAAa,UAAY,aAOlC,SAACD,GAAoB,OAAPA,EAAAM,YAAsB,UAAY,aAExD,SAACN,OAAEM,EAAWN,EAAAM,YAAEL,EAAUD,EAAAC,WACxB,OAAAK,GACAC,MAAGC,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,gIAAA,iCAAA,iDAAA,CAAA,gIAG+D,iCACb,mDADrBE,EAAa,UAAY,UACpCA,EAAa,UAAY,YAMvB,SAACD,GACpB,OADgCA,EAAAC,WACnB,UAAY,aACpB,SAACD,GAAmB,OAAPA,EAAAC,WAAqB,UAAY,WAEjD,SAACD,OAAEC,EAAUD,EAAAC,WAAEQ,EAAKT,EAAAS,MAClB,OAAAR,EACMS,EAAAA,UAAUD,GAAOE,QAAQC,SACzBF,EAAAA,UAAUD,GAAOE,QAAQE,uBA6B3C,SAACb,GAAE,IAAAc,SAAMC,SAAMd,eAAYI,EAAQL,EAAAK,SAAEW,EAAOhB,EAAAgB,QAAEC,EAASjB,EAAAiB,UAAEC,EAAQlB,EAAAkB,SAC3DC,GAAMJ,MAAAA,OAAI,EAAJA,EAAMK,MAAO,IAAMJ,EAAU,SAAW,OAEpD,OACIK,wBAAC7B,EAAI8B,WAAA,CACDC,GAAIJ,EACJlB,WAAYA,EACZI,SAAUA,EACVW,QAASA,EACTV,cAAeU,MAAcD,IAAQA,EAAKK,MAC1CH,UAAWA,GACPF,GAEHD,GAAQI"}

package/cjs/VideoBlock-301997a9.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-0f1a0aea.js"),o=require("./TableBlock-a5b16e8f.js"),a=require("./Copy-e860efe7.js"),r=require("./Actions-6dd616e0.js"),l=require("./Image-d9681be0.js"),s=require("./useMediaQuery-d4f81f88.js"),c=require("./clamp-bd21d587.js"),d=require("./useObserverSupport-5ab320dd.js"),u=require("./useUpdateEffect-4d233e2c.js");function m(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,f,g,v,h,b,w,x,_,y,I,k,j,C,T,E,z,N,P,O=m(e),q=m(t),B=q.default.div.withConfig({displayName:"IntroBlock__View",componentId:"sc-w71lok-0"})(p||(p=n.__makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.semilarge,i.spacings.spacer),S=q.default.div.withConfig({displayName:"IntroBlock__Content",componentId:"sc-w71lok-1"})(f||(f=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"])),i.spacings.spacer,i.mq.semilarge),A=q.default(o.Title).withConfig({displayName:"IntroBlock__StyledTitle",componentId:"sc-w71lok-2"})(g||(g=n.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(n){return n.clamp&&"880px"})),V=q.default(a.Copy).withConfig({displayName:"IntroBlock__ContentBlock",componentId:"sc-w71lok-3"})(h||(h=n.__makeTemplateObject(["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"])),(function(n){return n.clamp&&"880px"}),(function(n){return n.isCentered&&"auto"}),(function(n){return n.isCentered&&"auto"}),(function(e){var i=e.maxLines;return i&&i>0&&t.css(v||(v=n.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)}),3*i.spacings.nudge),H=q.default(r.Actions).withConfig({displayName:"IntroBlock__StyledActions",componentId:"sc-w71lok-4"})(b||(b=n.__makeTemplateObject(["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"],["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"])),i.mq.medium,(function(n){return n.isCentered&&"center"})),M=q.default.div.withConfig({displayName:"IntroBlock__MobileImageContainer",componentId:"sc-w71lok-5"})(w||(w=n.__makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"])),i.spacings.spacer,i.mq.semilarge,(function(n){return n.isCentered?"block":"none"})),L=q.default.div.withConfig({displayName:"IntroBlock__DesktopImageContainer",componentId:"sc-w71lok-6"})(x||(x=n.__makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"],["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"])),i.mq.semilarge),R=q.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(_||(_=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"]))),K=q.default(l.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(y||(y=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"]))),G=q.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(I||(I=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ",";\n    transition-delay: ",";\n\n    opacity: ",";\n    transform: scale(",")\n        rotate(","deg);\n    transform-origin: ",";\n\n    will-change: transform, opacity;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ",";\n    transition-delay: ",";\n\n    opacity: ",";\n    transform: scale(",")\n        rotate(","deg);\n    transform-origin: ",";\n\n    will-change: transform, opacity;\n"])),(function(n){var e=n.scale;return"2s, ".concat(1===e?"0s":"13s")}),(function(n){var e=n.scale;return"".concat(1===e?"1s":"0s",", ").concat(1===e?"3s":"0s")}),(function(n){var e=n.opacity;return e&&e}),(function(n){return n.scale||1}),(function(n){return 1!==n.scale?.04:0}),(function(n){var e=n.zoomPoint;return e?"".concat(100*e[0],"% ").concat(100*e[1],"%"):"center"})),Q=function(n){var t=n.zoom,i=void 0===t?1.08:t,o=n.zoomPoint,a=void 0===o?[.5,.5]:o,r=n.interval,l=void 0===r?1e4:r,s=n.images,c=n.onChange,d=e.useRef(),u=e.useRef(),m=e.useState(-1),p=m[0],f=m[1];return e.useEffect((function(){var n=function(){f((function(n){return(n+1)%s.length}))};return u.current=window.setTimeout(n,200),d.current&&window.clearInterval(d.current),d.current=window.setInterval(n,l),function(){u.current&&window.clearTimeout(u.current),d.current&&window.clearInterval(d.current)}}),[s,l]),e.useEffect((function(){-1!==p&&c&&c(p)}),[p]),O.default.createElement(O.default.Fragment,null,s.map((function(n,e){var t=1,o=a;return e===p&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(o=U(n.zoomPoint)),O.default.createElement(G,{key:e,style:{zIndex:e===p?1:0},src:n.image,scale:t,opacity:e===p?1:0,zoomPoint:o,alt:n.alt||""})})))},U=function(n){return[c.clampValue(n[0],0,1),c.clampValue(n[1],0,1)]},F=q.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(k||(k=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),D=q.default(l.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(j||(j=n.__makeTemplateObject(["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ",";\n    }\n"],["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ",";\n    }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")})),J=q.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(C||(C=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),W=q.default(l.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(T||(T=n.__makeTemplateObject(["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ",";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"],["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ",";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),i.mq.medium,2*i.spacings.spacer,i.spacings.spacer),X=q.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(E||(E=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ",";\n    opacity: ",";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ",";\n    opacity: ",";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),(function(n){return n.isVisible?1:0})),Y=q.default.div.withConfig({displayName:"VideoBlock__AspectContainer",componentId:"sc-160aafd-0"})(N||(N=n.__makeTemplateObject(["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"],["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.ratios;return null==e?void 0:e.small}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"100%"}),(function(n){var e=n.theme;return n.isInverted?i.getGlobals(e).sections.imagePlaceholderBg.inverted:i.getGlobals(e).sections.imagePlaceholderBg.default}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&0}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"calc(100% / ".concat(null==e?void 0:e.small,")")}),i.mq.medium,(function(n){var e=n.ratios;return null==e?void 0:e.medium}),(function(n){var e=n.ratios;return(null==e?void 0:e.medium)&&"calc(100% / ".concat(null==e?void 0:e.medium,")")}),i.mq.semilarge,(function(n){var e=n.ratios;return null==e?void 0:e.semilarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.semilarge)&&"calc(100% / ".concat(null==e?void 0:e.semilarge,")")}),i.mq.large,(function(n){var e=n.ratios;return null==e?void 0:e.large}),(function(n){var e=n.ratios;return(null==e?void 0:e.large)&&"calc(100% / ".concat(null==e?void 0:e.large,")")}),i.mq.xlarge,(function(n){var e=n.ratios;return null==e?void 0:e.xlarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.xlarge)&&"calc(100% / ".concat(null==e?void 0:e.xlarge,")")}),(function(e){return e.ratios&&t.css(z||(z=n.__makeTemplateObject(["\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            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        "])))})),Z=q.default.video.withConfig({displayName:"VideoBlock__Video",componentId:"sc-160aafd-1"})(P||(P=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),$=e.forwardRef((function(n,t){var i=n.urls,o=n.ratios,a=n.isInverted,r=n.muted,l=void 0!==r&&r,s=n.autoPlay,c=void 0!==s&&s,d=n.loop,u=void 0!==d&&d,m=n.controls,p=void 0!==m&&m,f=n.playsInline,g=void 0===f||f,v=n.onCanPlayThrough,h=n.className,b=e.useRef(null);return e.useImperativeHandle(t,(function(){return b.current})),e.useEffect((function(){b.current&&b.current.readyState>3&&(null==v||v())}),[v]),O.default.createElement(Y,{ratios:o,isInverted:a,className:h},O.default.createElement(Z,{ref:b,muted:l,autoPlay:c,loop:u,controls:p,onCanPlayThrough:v,playsInline:g},null==i?void 0:i.map((function(n,e){return O.default.createElement("source",{src:n,key:e})}))))}));$.displayName="VideoBlock",exports.HeaderKenBurns=function(t){var i=t.images,o=t.zoom,a=void 0===o?1.08:o,r=t.zoomPoint,l=void 0===r?[.5,.5]:r,c=t.interval,d=void 0===c?1e4:c,u=t.onImageChange,m=t.className,p=t.children,f=s.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),v=g[0],h=g[1];return e.useEffect((function(){var e;if(f&&(v[f].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[f],zoom:n.zoom||a,zoomPoint:n.zoomPoint||l,alt:n.alt}}));e=function(n){return n.map((function(n){return new Promise((function(e){var t=new window.Image;t.src=n.image,t.onload=function(){return e(n)}}))}))}(t),n.__awaiter(void 0,void 0,void 0,(function(){var t,i,o,a;return n.__generator(this,(function(r){switch(r.label){case 0:t=function(e){var t;return n.__generator(this,(function(i){switch(i.label){case 0:return[4,e];case 1:return t=i.sent(),h((function(e){var i;return e[f].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[f]=n.__spreadArray(n.__spreadArray([],e[f],!0),[t],!1),i))})),[2]}}))},i=0,o=e,r.label=1;case 1:return i<o.length?(a=o[i],[5,t(a)]):[3,4];case 2:r.sent(),r.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[f,i,v,a,l]),O.default.createElement(R,{className:m},O.default.createElement(K,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),f&&v[f].length>=i.length&&O.default.createElement(Q,{zoom:a,zoomPoint:U(l),interval:d,images:v[f],onChange:function(n){return i[n]&&u&&u(i[n])}}),p)},exports.HeaderPoster=function(e){var t=e.isInverted,i=e.bgImage,o=e.focus,a=e.className,r=e.children;return O.default.createElement(F,{className:a},i&&O.default.createElement(D,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:o})),r)},exports.HeaderVideo=function(t){var i=t.isInverted,o=t.loadOnMobile,a=void 0===o||o,r=t.placeholderImg,l=t.focus,c=t.videoUrl,m=t.className,p=t.children,f=e.useRef(null),g=e.useRef(null),v=e.useState(!(null==r?void 0:r.small)||!1),h=v[0],b=v[1],w=d.useObserverSupport(),x=s.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===x||"small"===x,y=a||!_,I=e.useState(!1),k=I[0],j=I[1];return e.useEffect((function(){y||b(!1)}),[_,y,a]),e.useEffect((function(){f.current&&f.current.readyState>3&&b(!0)}),[]),u.useUpdateEffect((function(){if(y&&c&&g.current){if(w){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),j(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=g.current;return n.observe(e),function(){e&&n.unobserve(e)}}j(!0)}}),[w,y]),O.default.createElement(J,{ref:g,className:m},(null==r?void 0:r.small)&&!h&&O.default.createElement(W,n.__assign({},r,{coverSpace:!0,ratios:void 0,isInverted:i,focus:l})),c&&y&&O.default.createElement(X,{ref:f,isVisible:h,src:k?c:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){b(!0)},focus:l}),p)},exports.IntroBlock=function(e){var t=e.renderAs,i=void 0===t?"div":t,o=e.colorMode,a=void 0===o?"default":o,r=e.title,s=e.titleAs,c=e.titleSize,d=void 0===c?"heading-2":c,u=e.superTitle,m=e.superTitleAs,p=e.abstract,f=e.text,g=e.textType,v=void 0===g?"copy":g,h=e.textSize,b=void 0===h?"medium":h,w=e.primaryAction,x=e.secondaryAction,_=e.isCentered,y=void 0!==_&&_,I=e.clampTitle,k=void 0!==I&&I,j=e.clampAbstract,C=void 0!==j&&j,T=e.maxTitleLines,E=e.maxAbstractLines,z=e.clampText,N=void 0!==z&&z,P=e.maxTextLines,q=e.className,R=e.titleHyphens,K=e.image,G="inverted"===a||"onImage"===a,Q=!1!==(null==K?void 0:K.coverSpace);return O.default.createElement(B,{as:i,isCentered:y,className:q},O.default.createElement(S,null,(r||u)&&O.default.createElement(A,{colorMode:a,title:r,titleAs:s,titleSize:d,superTitle:u,superTitleAs:m,isCentered:y,clamp:k,maxLines:T,titleHyphens:R}),(null==K?void 0:K.small)&&O.default.createElement(M,{isCentered:y},O.default.createElement(l.Image,n.__assign({},K,{coverSpace:Q,allowEdgeRadius:!0,isInverted:G}))),p&&O.default.createElement(V,{type:"copy",size:"big",textColor:"onImage"===a?"#fff":void 0,isInverted:G,isCentered:y,innerHTML:p,clamp:C,maxLines:E}),f&&O.default.createElement(V,{type:v,size:b,textColor:"onImage"===a?"#fff":void 0,isInverted:G,isCentered:y,innerHTML:f,clamp:N,maxLines:P}),(w||x)&&O.default.createElement(H,{primary:w&&w(G),secondary:x&&x(G)})),(null==K?void 0:K.small)&&!y&&O.default.createElement(L,null,O.default.createElement(l.Image,n.__assign({},K,{coverSpace:Q,allowEdgeRadius:!0,isInverted:G}))))},exports.VideoBlock=$;
+//# sourceMappingURL=VideoBlock-301997a9.js.map

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

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

package/cjs/VideoCard-405b518a.js

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

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

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