@blateral/b.kit 2.8.3 → 2.8.4-patch-1.0

package/cjs/{Checkbox-8dccd42f.js → Checkbox-ddc9a87d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./Filter-89286db9.js"),n=require("./Copy-a0bc570d.js"),t=require("react"),i=require("styled-components"),o=require("./LibThemeProvider-69109901.js"),l=require("./styles-13e5d9ac.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,s,d,c,p,u,m=r(t),b=r(i),f=b.default.label.withConfig({displayName:"Checkbox__View",componentId:"sc-ve3szk-0"})(a||(a=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),l.spacings.nudge),g=b.default(n.Copy).withConfig({displayName:"Checkbox__Label",componentId:"sc-ve3szk-1"})(s||(s=e.__makeTemplateObject(["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"],["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"]))),h=b.default.div.withConfig({displayName:"Checkbox__CheckboxContainer",componentId:"sc-ve3szk-2"})(d||(d=e.__makeTemplateObject(["\n    color: ",";\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"],["\n    color: ",";\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).text.inverted}),(function(e){return e.isDisabled?"default":"pointer"}),(function(e){return e.isDisabled?"none":"all"}),(function(e){var n=e.theme,t=e.isInverted;return e.isDisabled?"transparent":t?l.getColors(n).primary.inverted:l.getColors(n).primary.default})),x=b.default.input.withConfig({displayName:"Checkbox__Original",componentId:"sc-ve3szk-3"})(c||(c=e.__makeTemplateObject(["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"],["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"]))),v=b.default.span.withConfig({displayName:"Checkbox__Box",componentId:"sc-ve3szk-4"})(p||(p=e.__makeTemplateObject(["\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ",";\n\n    background-color: ",";\n"],["\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ",";\n\n    background-color: ",";\n"])),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,o=e.theme;return t?i?l.getColors(o).text.subtileInverted:l.getColors(o).text.subtile:n?i?l.getColors(o).primary.inverted:l.getColors(o).primary.default:i?l.getColors(o).elementBg.light:l.getColors(o).elementBg.medium}),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,o=e.theme;return t?i?l.getColors(o).text.subtileInverted:l.getColors(o).text.subtile:n?i?l.getColors(o).primary.inverted:l.getColors(o).primary.default:"transparent"})),C=b.default(e.Check).withConfig({displayName:"Checkbox__StyledCheck",componentId:"sc-ve3szk-5"})(u||(u=e.__makeTemplateObject(["\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n"],["\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n"]))),k=m.default.memo((function(e){var n=e.label,t=e.isDisabled,i=e.isSelected,l=e.isInverted,r=e.onChange,a=e.onBlur,s=e.onClick,d=e.name,c=e.value,p=e.isRequired,u=e.className,b=o.useLibTheme().colors;return m.default.createElement(f,{className:u},m.default.createElement(h,{isDisabled:t,isInverted:l,onClick:s},m.default.createElement(v,{isSelected:i,isInverted:l,isDisabled:t},i&&m.default.createElement(C,null)),m.default.createElement(x,{type:"checkbox",name:"".concat(d,"[]"),value:c,checked:i,required:p,onChange:r,onBlur:a})),n&&m.default.createElement(g,{renderAs:"span",size:"small",type:"copy-b",isInverted:l,textColor:t?l?b.text.subtileInverted:b.text.subtile:void 0,innerHTML:"".concat(n).concat(p?"<span> *</span>":"")}))}),(function(e,n){return!!e.enableMemo&&(e.label===n.label&&(e.isSelected===n.isSelected&&e.value===n.value))}));exports.Checkbox=k;
-//# sourceMappingURL=Checkbox-8dccd42f.js.map
+"use strict";var e=require("./Filter-89286db9.js"),n=require("./Copy-2a9d4b5d.js"),t=require("react"),i=require("styled-components"),o=require("./LibThemeProvider-69109901.js"),l=require("./styles-13e5d9ac.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,s,d,c,p,u,m=r(t),b=r(i),f=b.default.label.withConfig({displayName:"Checkbox__View",componentId:"sc-ve3szk-0"})(a||(a=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),l.spacings.nudge),g=b.default(n.Copy).withConfig({displayName:"Checkbox__Label",componentId:"sc-ve3szk-1"})(s||(s=e.__makeTemplateObject(["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"],["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"]))),h=b.default.div.withConfig({displayName:"Checkbox__CheckboxContainer",componentId:"sc-ve3szk-2"})(d||(d=e.__makeTemplateObject(["\n    color: ",";\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"],["\n    color: ",";\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).text.inverted}),(function(e){return e.isDisabled?"default":"pointer"}),(function(e){return e.isDisabled?"none":"all"}),(function(e){var n=e.theme,t=e.isInverted;return e.isDisabled?"transparent":t?l.getColors(n).primary.inverted:l.getColors(n).primary.default})),x=b.default.input.withConfig({displayName:"Checkbox__Original",componentId:"sc-ve3szk-3"})(c||(c=e.__makeTemplateObject(["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"],["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"]))),v=b.default.span.withConfig({displayName:"Checkbox__Box",componentId:"sc-ve3szk-4"})(p||(p=e.__makeTemplateObject(["\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ",";\n\n    background-color: ",";\n"],["\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    display: block;\n    position: relative;\n\n    border: 2px solid\n        ",";\n\n    background-color: ",";\n"])),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,o=e.theme;return t?i?l.getColors(o).text.subtileInverted:l.getColors(o).text.subtile:n?i?l.getColors(o).primary.inverted:l.getColors(o).primary.default:i?l.getColors(o).elementBg.light:l.getColors(o).elementBg.medium}),(function(e){var n=e.isSelected,t=e.isDisabled,i=e.isInverted,o=e.theme;return t?i?l.getColors(o).text.subtileInverted:l.getColors(o).text.subtile:n?i?l.getColors(o).primary.inverted:l.getColors(o).primary.default:"transparent"})),C=b.default(e.Check).withConfig({displayName:"Checkbox__StyledCheck",componentId:"sc-ve3szk-5"})(u||(u=e.__makeTemplateObject(["\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n"],["\n    width: 80%;\n    height: 80%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n"]))),k=m.default.memo((function(e){var n=e.label,t=e.isDisabled,i=e.isSelected,l=e.isInverted,r=e.onChange,a=e.onBlur,s=e.onClick,d=e.name,c=e.value,p=e.isRequired,u=e.className,b=o.useLibTheme().colors;return m.default.createElement(f,{className:u},m.default.createElement(h,{isDisabled:t,isInverted:l,onClick:s},m.default.createElement(v,{isSelected:i,isInverted:l,isDisabled:t},i&&m.default.createElement(C,null)),m.default.createElement(x,{type:"checkbox",name:"".concat(d,"[]"),value:c,checked:i,required:p,onChange:r,onBlur:a})),n&&m.default.createElement(g,{renderAs:"span",size:"small",type:"copy-b",isInverted:l,textColor:t?l?b.text.subtileInverted:b.text.subtile:void 0,innerHTML:"".concat(n).concat(p?"<span> *</span>":"")}))}),(function(e,n){return!!e.enableMemo&&(e.label===n.label&&(e.isSelected===n.isSelected&&e.value===n.value))}));exports.Checkbox=k;
+//# sourceMappingURL=Checkbox-ddc9a87d.js.map

package/cjs/{Checkbox-8dccd42f.js.map → Checkbox-ddc9a87d.js.map}

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

package/cjs/Copy-2a9d4b5d.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./clamp-bd21d587.js"),o=require("./LibThemeProvider-69109901.js"),r=require("./styles-13e5d9ac.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 i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,h,c,d,m=l(e),g=a(t),p=t.css(h||(h=n.__makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    ","\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ","\n\n    text-shadow: ",";\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n"],["\n    display: block;\n    margin: 0;\n    padding: 0;\n    ","\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ","\n\n    text-shadow: ",";\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n"])),(function(n){var e=n.textColor,t=n.textGradient;return r.styleTextColor(e,t)}),(function(e){return!e.hyphens&&t.css(s||(s=n.__makeTemplateObject(["\n            @media "," {\n                hyphens: none;\n            }\n        "],["\n            @media "," {\n                hyphens: none;\n            }\n        "])),r.mq.large)}),(function(n){return n.hasShadow&&"1px 2px 8px rgba(0, 0, 0, 0.25)"})),f=function(e){return t.css(c||(c=n.__makeTemplateObject(["\n    ",";\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"],["\n    ",";\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"])),p,(function(n){var t=n.theme;return r.getFonts(t)[e].family}),(function(n){var t=n.theme;return r.getFonts(t)[e].weight}),(function(n){var t=n.theme;return r.getFonts(t)[e].style}),(function(n){var t=n.theme;return r.withRange(r.getFonts(t)[e].size,"font-size")}),(function(n){var t=n.theme;return r.getFonts(t)[e].lineHeight}),(function(n){var t=n.theme;return r.getFonts(t)[e].letterSpacing}),(function(n){var t=n.theme;return r.getFonts(t)[e].textTransform}),(function(n){var t=n.theme;return r.getFonts(t)[e].textDecoration}))},u=g.default.h1.withConfig({displayName:"Heading__View",componentId:"sc-11qy171-0"})(d||(d=n.__makeTemplateObject(["\n    ","\n"],["\n    ","\n"])),(function(n){var e=n.headingType;return f(e)})),v=function(e){var t=e.renderAs,i=e.isInverted,r=e.className,a=e.size,l=void 0===a?"heading-2":a,s=e.textColor,h=e.textGradient,c=e.hyphens,d=void 0!==c&&c,g=e.hasShadow,p=void 0!==g&&g,f=e.innerHTML,v=e.children,x=n.__rest(e,["renderAs","isInverted","className","size","textColor","textGradient","hyphens","hasShadow","innerHTML","children"]),y=o.useLibTheme().fonts,b="h2";switch(l){default:case"heading-1":b="h1";break;case"heading-2":b="h2";break;case"heading-3":b="h3";break;case"heading-4":b="h4";break;case"super":b="div"}var k=null==y?void 0:y[l];return m.createElement(u,n.__assign({as:t||b,headingType:l,textColor:s||(i?k.colorInverted:k.color),textGradient:h||(s?void 0:i?k.colorGradientInverted:k.colorGradient),hyphens:d,hasShadow:p,dangerouslySetInnerHTML:f&&!v?{__html:f}:void 0,className:r},x),v)};v.defaultProps={renderAs:"h2",size:"heading-2"};var x,y,b,k,w,_=function(e,i){return void 0===i&&(i="medium"),t.css(x||(x=n.__makeTemplateObject(["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"],["\n    font-family: ",";\n    font-weight: ",";\n    font-style: ",";\n    ","\n    line-height: ",";\n    letter-spacing: ",";\n    text-transform: ",";\n    text-decoration: ",";\n"])),(function(n){var t=n.theme;return r.getFonts(t)[e][i].family}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].weight}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].style}),(function(n){var t=n.theme;return r.withRange(r.getFonts(t)[e][i].size,"font-size")}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].lineHeight}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].letterSpacing}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].textTransform}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].textDecoration}))},T=t.css(k||(k=n.__makeTemplateObject(["\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ","\n\n    /* @media "," {\n        hyphens: none;\n    } */\n\n    a {\n        color: ",";\n        text-transform: ",";\n        text-decoration: ",";\n\n        transition: color 0.2s ease-in-out;\n        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ",";\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ",";\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ",";\n\n    h2 {\n        ","\n    }\n\n    h3 {\n        ","\n    }\n\n    h4 {\n        ","\n    }\n\n    h5 {\n        ","\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    h2 {\n        margin-bottom: ","px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ","px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -","px;\n    }\n\n    b,\n    strong {\n        font-weight: bold;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    ol,\n    ul {\n        padding-left: ","px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ","px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ","\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ","\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ","\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ","px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n"],["\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ","\n\n    /* @media "," {\n        hyphens: none;\n    } */\n\n    a {\n        color: ",";\n        text-transform: ",";\n        text-decoration: ",";\n\n        transition: color 0.2s ease-in-out;\n        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ",";\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ",";\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ",";\n\n    h2 {\n        ","\n    }\n\n    h3 {\n        ","\n    }\n\n    h4 {\n        ","\n    }\n\n    h5 {\n        ","\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    h2 {\n        margin-bottom: ","px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ","px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -","px;\n    }\n\n    b,\n    strong {\n        font-weight: bold;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ","px;\n        margin-bottom: ","px;\n    }\n\n    ol,\n    ul {\n        padding-left: ","px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ","px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ","\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ","\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ","\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ","px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n"])),(function(n){var e=n.textColor,t=n.textGradient;return r.styleTextColor(e,t)}),r.mq.medium,(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorInverted:r.getFonts(e).link.color}),(function(n){var e=n.theme;return r.getFonts(e).link.textTransform}),(function(n){var e=n.theme;return r.getFonts(e).link.textDecoration}),(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorHoverInverted:r.getFonts(e).link.colorHover}),(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorInverted:r.getFonts(e).link.color}),(function(e){return e.columns&&t.css(y||(y=n.__makeTemplateObject(["\n            columns: 350px 2;\n            column-gap: ","px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        "],["\n            columns: 350px 2;\n            column-gap: ","px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        "])),r.spacings.spacer)}),f("heading-2"),f("heading-3"),f("heading-4"),f("super"),3*r.spacings.nudge,3*r.spacings.nudge,r.spacings.spacer,5*r.spacings.nudge,1.5*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge,2*r.spacings.nudge,(function(e){var o=e.theme,a=e.isInverted,l=e.copyType,s=e.size;return e.allowLinkIcons?r.getGlobals(o).icons.linkIcons.map((function(e){var o,r,h,c=parseInt(e.iconChar),d=e.iconFont,m=null===(r=(o=e).iconUrl)||void 0===r?void 0:r.call(o,a),g=i.clampValue((null===(h=e.scale)||void 0===h?void 0:h.call(e,{type:l,size:s}))||1,0),p=e.patterns,f=!!c&&!!d,u=!(!c||isNaN(c)),v=e.vAlign||(f?"text-top":"top"),x=e.isExternal?'[target="_blank"]':"",y=p.filter((function(n){return n})).map((function(n){return"a[href*='".concat(n,"']").concat(x)})).join(", ")||"a".concat(x),k=p.filter((function(n){return n})).map((function(n){return"a[href*='".concat(n,"']").concat(x,":after")})).join(", ")||"a".concat(x,":after"),w="";return(c||m)&&(w=u?'"'.concat(String.fromCharCode(c),'"'):'url("'.concat(m,'")')),y&&k?t.css(b||(b=n.__makeTemplateObject(["\n                      "," {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      "," {\n                          content: ",";\n\n                          display: inline-block;\n                          font-family: "," !important;\n                          font-size: ",";\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ",";\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ",";\n\n                          max-height: ",";\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  "],["\n                      "," {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      "," {\n                          content: ",";\n\n                          display: inline-block;\n                          font-family: "," !important;\n                          font-size: ",";\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ",";\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ",";\n\n                          max-height: ",";\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  "])),y,k,w||void 0,d||"inherit",f&&"".concat(g,"em"),v,!d&&m?"scale(".concat(g,")"):void 0,!f&&"1em"):""})):""}),_("copy","medium"),2*r.spacings.nudge,_("copy","big"),3*r.spacings.nudge),F=g.default.div.withConfig({displayName:"Copy__View",componentId:"sc-15rk6xr-0"})(w||(w=n.__makeTemplateObject(["\n    ","\n    ","\n"],["\n    ","\n    ","\n"])),T,(function(n){var e=n.copyType,t=n.size;return _(e,t)})),I=function(e){var t,i=e.renderAs,r=e.isInverted,a=e.type,l=void 0===a?"copy":a,s=e.size,h=void 0===s?"medium":s,c=e.textColor,d=e.textGradient,g=e.columns,p=void 0!==g&&g,f=e.innerHTML,u=e.allowLinkIcons,v=void 0===u||u,x=e.onClick,y=e.className,b=e.children,k=n.__rest(e,["renderAs","isInverted","type","size","textColor","textGradient","columns","innerHTML","allowLinkIcons","onClick","className","children"]),w=o.useLibTheme().fonts,_=null===(t=null==w?void 0:w[l])||void 0===t?void 0:t[h];return m.createElement(F,n.__assign({as:i,copyType:l,size:h,textColor:c||(r?_.colorInverted:_.color),textGradient:d||(c?void 0:r?_.colorGradientInverted:_.colorGradient),isInverted:r,columns:p,allowLinkIcons:v,dangerouslySetInnerHTML:f&&!b?{__html:f}:void 0,onClick:x,className:y},k),b)};I.defaultProps={type:"copy",size:"medium"},exports.Copy=I,exports.Heading=v,exports.copyStyle=_;
+//# sourceMappingURL=Copy-2a9d4b5d.js.map

package/cjs/Copy-2a9d4b5d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copy-2a9d4b5d.js","sources":["../src/components/typography/Heading.tsx","../src/components/typography/Copy.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    styleTextColor,\n    FontType,\n    getFonts as font,\n    mq,\n    withRange,\n    FontProps,\n} from 'utils/styles';\n\ntype HeadingType = Extract<\n    FontType,\n    'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'super'\n>;\n\nconst base = css<{\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n}>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    hyphens: auto;\n    /* overflow-wrap: break-word; */\n    width: 100%;\n\n    ${(props: { hyphens?: boolean }) =>\n        !props.hyphens &&\n        css`\n            @media ${mq.large} {\n                hyphens: none;\n            }\n        `}\n\n    text-shadow: ${({ hasShadow }) =>\n        hasShadow && '1px 2px 8px rgba(0, 0, 0, 0.25)'};\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n`;\n\nexport const headingStyle = (type: HeadingType) => css`\n    ${base};\n    font-family: ${({ theme }) => (font(theme)[type] as FontProps).family};\n    font-weight: ${({ theme }) => (font(theme)[type] as FontProps).weight};\n    font-style: ${({ theme }) => (font(theme)[type] as FontProps).style};\n    ${({ theme }) =>\n        withRange((font(theme)[type] as FontProps).size, 'font-size')}\n    line-height: ${({ theme }) => (font(theme)[type] as FontProps).lineHeight};\n    letter-spacing: ${({ theme }) =>\n        (font(theme)[type] as FontProps).letterSpacing};\n    text-transform: ${({ theme }) =>\n        (font(theme)[type] as FontProps).textTransform};\n    text-decoration: ${({ theme }) =>\n        (font(theme)[type] as FontProps).textDecoration};\n`;\n\nconst View = styled.h1<{\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    textColor?: string;\n    textGradient?: string;\n    headingType: HeadingType;\n}>`\n    ${({ headingType }) => headingStyle(headingType)}\n`;\n\nexport type HeadlineTag =\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'span'\n    | 'div'\n    | 'blockquote';\n\nconst Heading: React.FC<{\n    renderAs?: HeadlineTag;\n    isInverted?: boolean;\n    size?: HeadingType;\n    textColor?: string;\n    textGradient?: string;\n    hyphens?: boolean;\n    hasShadow?: boolean;\n    innerHTML?: string;\n\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    renderAs,\n    isInverted,\n    className,\n    size = 'heading-2',\n    textColor,\n    textGradient,\n    hyphens = false,\n    hasShadow = false,\n    innerHTML,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    let tag: HeadlineTag = 'h2';\n\n    switch (size) {\n        default:\n        case 'heading-1':\n            tag = 'h1';\n            break;\n        case 'heading-2':\n            tag = 'h2';\n            break;\n        case 'heading-3':\n            tag = 'h3';\n            break;\n        case 'heading-4':\n            tag = 'h4';\n            break;\n        case 'super':\n            tag = 'div';\n            break;\n    }\n\n    // get font settings from global context\n    const fontSettings = fonts?.[size] as FontProps;\n\n    return (\n        <View\n            as={renderAs || tag}\n            headingType={size}\n            textColor={\n                textColor ||\n                (isInverted ? fontSettings.colorInverted : fontSettings.color)\n            }\n            textGradient={\n                textGradient ||\n                (!textColor\n                    ? isInverted\n                        ? fontSettings.colorGradientInverted\n                        : fontSettings.colorGradient\n                    : undefined)\n            }\n            hyphens={hyphens}\n            hasShadow={hasShadow}\n            dangerouslySetInnerHTML={\n                innerHTML && !children ? { __html: innerHTML } : undefined\n            }\n            className={className}\n            {...rest}\n        >\n            {children}\n        </View>\n    );\n};\n\nHeading.defaultProps = {\n    renderAs: 'h2',\n    size: 'heading-2',\n};\n\nexport default Heading;\n","import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { clampValue } from 'utils/clamp';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    FontType,\n    mq,\n    spacings,\n    withRange,\n    FontOptionType,\n    getFonts as font,\n    getGlobals as global,\n    styleTextColor,\n    FontOptions,\n    LinkUrlIcon,\n    LinkFontIcon,\n} from 'utils/styles';\nimport { headingStyle } from './Heading';\n\nexport type CopyType = Extract<FontType, 'copy-b' | 'copy-i' | 'copy'>;\n\nexport const copyStyle = (\n    type: CopyType,\n    size: keyof FontOptions = 'medium'\n) => css`\n    font-family: ${({ theme }) => font(theme)[type][size].family};\n    font-weight: ${({ theme }) => font(theme)[type][size].weight};\n    font-style: ${({ theme }) => font(theme)[type][size].style};\n    ${({ theme }) => withRange(font(theme)[type][size].size, 'font-size')}\n    line-height: ${({ theme }) => font(theme)[type][size].lineHeight};\n    letter-spacing: ${({ theme }) => font(theme)[type][size].letterSpacing};\n    text-transform: ${({ theme }) => font(theme)[type][size].textTransform};\n    text-decoration: ${({ theme }) => font(theme)[type][size].textDecoration};\n`;\n\nconst base = css<{\n    textColor?: string;\n    textGradient?: string;\n    columns?: boolean;\n    isInverted?: boolean;\n    copyType: CopyType;\n    size: FontOptionType;\n    allowLinkIcons?: boolean;\n}>`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        font-weight: inherit;\n        font-style: inherit;\n        font-size: 100%;\n        font-family: inherit;\n        vertical-align: baseline;\n    }\n\n    hyphens: auto;\n    ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n    /* @media ${mq.medium} {\n        hyphens: none;\n    } */\n\n    a {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? font(theme).link.colorInverted\n                : font(theme).link.color};\n        text-transform: ${({ theme }) => font(theme).link.textTransform};\n        text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n        transition: color 0.2s ease-in-out;\n        outline: none;\n\n        @media (hover: hover) and (pointer: fine) {\n            &:hover {\n                color: ${({ theme, isInverted }) =>\n                    isInverted\n                        ? font(theme).link.colorHoverInverted\n                        : font(theme).link.colorHover};\n            }\n        }\n\n        &:focus {\n            outline: 1px dashed\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? font(theme).link.colorInverted\n                        : font(theme).link.color};\n            outline-offset: 1px;\n        }\n\n        &:focus:not(:focus-visible) {\n            outline: none;\n        }\n    }\n\n    & > p {\n        margin-right: 0;\n        margin-left: 0;\n        padding: 0;\n    }\n\n    ${({ columns }) =>\n        columns &&\n        css`\n            columns: 350px 2;\n            column-gap: ${spacings.spacer}px;\n\n            li {\n                break-inside: avoid;\n            }\n\n            blockquote {\n                break-inside: avoid;\n            }\n        `};\n\n    h2 {\n        ${headingStyle('heading-2')}\n    }\n\n    h3 {\n        ${headingStyle('heading-3')}\n    }\n\n    h4 {\n        ${headingStyle('heading-4')}\n    }\n\n    h5 {\n        ${headingStyle('super')}\n    }\n\n    h2,\n    h3,\n    h4,\n    h5 {\n        margin-top: ${spacings.nudge * 3}px;\n        margin-bottom: ${spacings.nudge * 3}px;\n    }\n\n    h2 {\n        margin-bottom: ${spacings.spacer}px;\n    }\n\n    *:not(h2, h3, h4, h5) + h2,\n    *:not(h2, h3, h4, h5) + h3,\n    *:not(h2, h3, h4, h5) + h4,\n    *:not(h2, h3, h4, h5) + h5 {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n\n    *:is(h3, h4, h5) + h2 {\n        margin-top: -${spacings.nudge * 1.5}px;\n    }\n\n    b,\n    strong {\n        font-weight: bold;\n    }\n\n    p,\n    blockquote,\n    ol,\n    ul {\n        margin-top: ${spacings.nudge * 3}px;\n        margin-bottom: ${spacings.nudge * 3}px;\n    }\n\n    ol,\n    ul {\n        padding-left: ${spacings.nudge * 3}px;\n    }\n\n    li {\n        & > * {\n            vertical-align: top;\n        }\n    }\n\n    ul ul li {\n        list-style-type: disc;\n    }\n\n    ol ol li {\n        list-style-type: lower-latin;\n    }\n\n    ol ol ol li {\n        list-style-type: lower-roman;\n    }\n\n    // classes for richtext\n    a {\n        display: inline-block;\n    }\n\n    a[href] + br + a[href] {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    /** add icons to anchor tags with matching href value */\n    ${({ theme, isInverted, copyType, size, allowLinkIcons }) => {\n        if (!allowLinkIcons) return '';\n        return global(theme).icons.linkIcons.map((item) => {\n            const iconChar = parseInt((item as LinkFontIcon).iconChar);\n            const iconFont = (item as LinkFontIcon).iconFont;\n            const iconUrl = (item as LinkUrlIcon).iconUrl?.(isInverted);\n            const iconScale = clampValue(\n                item.scale?.({ type: copyType, size }) || 1,\n                0\n            );\n            const patterns = item.patterns;\n            const isFontIcon = !!iconChar && !!iconFont;\n            const isValidIconChar = iconChar && !isNaN(iconChar) ? true : false;\n            const vAlign = item.vAlign || (isFontIcon ? 'text-top' : 'top');\n\n            const externalFilter = item.isExternal ? '[target=\"_blank\"]' : '';\n\n            const selectors =\n                patterns\n                    .filter((p) => p)\n                    .map((p) => `a[href*='${p}']${externalFilter}`)\n                    .join(', ') || `a${externalFilter}`;\n            const pseudoSelectors =\n                patterns\n                    .filter((p) => p)\n                    .map((p) => `a[href*='${p}']${externalFilter}:after`)\n                    .join(', ') || `a${externalFilter}:after`;\n\n            let content = '';\n            if (iconChar || iconUrl) {\n                content = isValidIconChar\n                    ? `\"${String.fromCharCode(iconChar)}\"`\n                    : `url(\"${iconUrl}\")`;\n            }\n\n            return selectors && pseudoSelectors\n                ? css`\n                      ${selectors} {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      ${pseudoSelectors} {\n                          content: ${content || undefined};\n\n                          display: inline-block;\n                          font-family: ${iconFont || 'inherit'} !important;\n                          font-size: ${isFontIcon && `${iconScale}em`};\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ${vAlign};\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ${!iconFont && iconUrl\n                              ? `scale(${iconScale})`\n                              : undefined};\n\n                          max-height: ${!isFontIcon && '1em'};\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  `\n                : '';\n        });\n    }}\n\n    /** DOM element with icon and/or label */\n    .icon-label {\n        display: inline-flex;\n        align-items: center;\n        margin: 0;\n        ${copyStyle('copy', 'medium')}\n        vertical-align: middle;\n\n        & > a:after {\n            content: none;\n        }\n\n        & > * + * {\n            margin-left: ${spacings.nudge * 2}px;\n        }\n\n        svg {\n            max-width: 30px;\n            fill: currentColor;\n        }\n    }\n\n    .icon-label--big {\n        ${copyStyle('copy', 'big')}\n    }\n\n    .icon-label--list {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n\n    .icon-label--list + .icon-label--list {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    *:first-child {\n        margin-top: 0;\n    }\n\n    *:last-child {\n        margin-bottom: 0;\n    }\n`;\n\nconst View = styled.div<{\n    copyType: CopyType;\n    size: FontOptionType;\n    textColor?: string;\n    textGradient?: string;\n    isInverted?: boolean;\n    columns?: boolean;\n    allowLinkIcons?: boolean;\n}>`\n    ${base}\n    ${({ copyType, size }) => copyStyle(copyType, size)}\n`;\n\nexport type CopyTag =\n    | 'label'\n    | 'span'\n    | 'div'\n    | 'legend'\n    | 'th'\n    | 'td'\n    | 'li'\n    | 'p'\n    | 'caption'\n    | 'figcaption';\n\nconst Copy: React.FC<{\n    renderAs?: CopyTag;\n    isInverted?: boolean;\n    textColor?: string;\n    textGradient?: string;\n    type?: CopyType;\n    size?: FontOptionType;\n    columns?: boolean;\n    innerHTML?: string;\n    allowLinkIcons?: boolean;\n    onClick?: (ev: React.SyntheticEvent<HTMLElement>) => void;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    renderAs,\n    isInverted,\n    type = 'copy',\n    size = 'medium',\n    textColor,\n    textGradient,\n    columns = false,\n    innerHTML,\n    allowLinkIcons = true,\n    onClick,\n    className,\n    children,\n    ...rest\n}) => {\n    const { fonts } = useLibTheme();\n    const fontSettings = fonts?.[type]?.[size];\n\n    return (\n        <View\n            as={renderAs}\n            copyType={type}\n            size={size}\n            textColor={\n                textColor ||\n                (isInverted ? fontSettings.colorInverted : fontSettings.color)\n            }\n            textGradient={\n                textGradient ||\n                (!textColor\n                    ? isInverted\n                        ? fontSettings.colorGradientInverted\n                        : fontSettings.colorGradient\n                    : undefined)\n            }\n            isInverted={isInverted}\n            columns={columns}\n            allowLinkIcons={allowLinkIcons}\n            dangerouslySetInnerHTML={\n                innerHTML && !children ? { __html: innerHTML } : undefined\n            }\n            onClick={onClick}\n            className={className}\n            {...rest}\n        >\n            {children}\n        </View>\n    );\n};\n\nCopy.defaultProps = { type: 'copy', size: 'medium' };\n\nexport default Copy;\n"],"names":["base","css","templateObject_2","__makeTemplateObject","_a","textColor","textGradient","styleTextColor","props","hyphens","templateObject_1","mq","large","hasShadow","headingStyle","type","templateObject_3","theme","font","getFonts","family","weight","style","withRange","size","lineHeight","letterSpacing","textTransform","textDecoration","View","styled","h1","withConfig","displayName","componentId","templateObject_4","headingType","Heading","renderAs","isInverted","className","_b","_c","_d","innerHTML","children","rest","__rest","fonts","useLibTheme","tag","fontSettings","React","createElement","__assign","as","colorInverted","color","undefined","colorGradientInverted","colorGradient","dangerouslySetInnerHTML","__html","defaultProps","copyStyle","medium","link","colorHoverInverted","colorHover","columns","spacings","spacer","nudge","copyType","allowLinkIcons","global","icons","linkIcons","map","item","iconChar","parseInt","iconFont","iconUrl","call","iconScale","clampValue","scale","patterns","isFontIcon","isValidIconChar","isNaN","vAlign","externalFilter","isExternal","selectors","filter","p","concat","join","pseudoSelectors","content","String","fromCharCode","div","templateObject_5","Copy","_e","_f","onClick"],"mappings":"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"}

package/cjs/{EventBlock-4e406696.js → EventBlock-0b0f0dd3.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./Tag-937849ad.js"),a=require("./Copy-a0bc570d.js"),l=require("./styles-13e5d9ac.js"),o=require("./statusFormatter-0393122b.js"),d=require("./LibThemeProvider-69109901.js"),r=require("./Image-94820dfd.js"),c=require("./Link-8951180c.js"),m=require("./arrays-c272ed59.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,g,f,u,x,k,b,y,h,v=p(e),w=p(t),_=w.default.div.withConfig({displayName:"EventBlock__View",componentId:"sc-1nnq189-0"})(s||(s=n.__makeTemplateObject(["\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"],["\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"])),(function(n){var e=n.theme;return n.hasBg?l.getColors(e).elementBg.light:l.getColors(e).elementBg.medium}),l.spacings.nudge,l.mq.large,l.spacings.spacer),q=w.default(c.Link).withConfig({displayName:"EventBlock__ImageLink",componentId:"sc-1nnq189-1"})(g||(g=n.__makeTemplateObject(["\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 30%;\n    }\n"],["\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 30%;\n    }\n"])),l.spacings.nudge,l.mq.medium,l.mq.large,l.mq.xlarge),E=w.default(r.Image).withConfig({displayName:"EventBlock__CardImage",componentId:"sc-1nnq189-2"})(f||(f=n.__makeTemplateObject(["\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media "," {\n        max-width: 50%;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"],["\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media "," {\n        max-width: 50%;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"])),l.mq.medium,l.mq.large),T=w.default.div.withConfig({displayName:"EventBlock__MainContent",componentId:"sc-1nnq189-3"})(u||(u=n.__makeTemplateObject(["\n    flex: 0 1 70%;\n    padding: ","px;\n    padding-bottom: ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n        padding: ","px;\n    }\n"],["\n    flex: 0 1 70%;\n    padding: ","px;\n    padding-bottom: ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n        padding: ","px;\n    }\n"])),2*l.spacings.nudge,3*l.spacings.nudge,3*l.spacings.nudge,l.mq.large,3*l.spacings.nudge),j=w.default.div.withConfig({displayName:"EventBlock__TagContainer",componentId:"sc-1nnq189-4"})(x||(x=n.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])),l.spacings.nudge,l.spacings.nudge),C=w.default.div.withConfig({displayName:"EventBlock__TextWrapper",componentId:"sc-1nnq189-5"})(k||(k=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),l.spacings.nudge),I=w.default.div.withConfig({displayName:"EventBlock__TagWrapper",componentId:"sc-1nnq189-6"})(b||(b=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),l.spacings.nudge,l.spacings.nudge),B=w.default(c.Link).withConfig({displayName:"EventBlock__TitleLink",componentId:"sc-1nnq189-7"})(y||(y=n.__makeTemplateObject(["\n    display: inline-block;\n    ","\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ",";\n    text-decoration: none;\n"],["\n    display: inline-block;\n    ","\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ",";\n    text-decoration: none;\n"])),a.copyStyle("copy-b","big"),(function(n){var e=n.theme;return n.isInverted?l.getFonts(e)["copy-b"].big.colorInverted:l.getFonts(e)["copy-b"].big.color})),L=w.default(a.Copy).withConfig({displayName:"EventBlock__Text",componentId:"sc-1nnq189-8"})(h||(h=n.__makeTemplateObject(["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"],["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"])));exports.EventBlock=function(t){var l=t.customTag,r=t.onTagClick,c=t.title,p=t.images,s=t.date,g=t.text,f=t.link,u=t.tags,x=t.isInverted,k=t.action,b=t.hasBg,y=d.useLibTheme().globals,h="";s&&(h=new o.StatusFormatter(s.getTime(),"",y.sections.eventDateFormat(s),y.sections.eventTimeFormat(s),y.sections.eventLocaleKey).getFormattedDate());var w=function(n){return r?function(e){null==e||e.preventDefault(),r(n)}:void 0},N=e.useMemo((function(){return null==u?void 0:u.filter((function(n){return n.name}))}),[u]),O=e.useMemo((function(){var n;return null===(n=null==p?void 0:p.slice(0,2))||void 0===n?void 0:n.filter((function(n){return n.small}))}),[p]);return v.default.createElement(_,{hasBg:b},m.isValidArray(O,!1)&&v.default.createElement(q,n.__assign({},f),O.map((function(e,t){return v.default.createElement(E,n.__assign({},e,{key:t,coverSpace:!0,allowEdgeRadius:!0,isInverted:x,ratios:{small:{w:4,h:3}}}))}))),v.default.createElement(T,null,m.isValidArray(N,!1)&&v.default.createElement(j,null,N.map((function(n,e){return n&&v.default.createElement(I,{key:"tag_"+e},l?l({key:"tag_"+e,name:n.name||"",isActive:!1,link:n.link||{},clickHandler:w(n)}):v.default.createElement(i.Tag,{name:n.name,link:n.link,onClick:w(n)}))}))),c&&v.default.createElement(B,n.__assign({},f),c),v.default.createElement(C,null,s&&v.default.createElement(a.Copy,{size:"medium",type:"copy-b"},h),g&&v.default.createElement(L,{size:"small",innerHTML:g})),k&&v.default.createElement("div",null," ",k({isInverted:!1})," ")))};
-//# sourceMappingURL=EventBlock-4e406696.js.map
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./Tag-232f7aa9.js"),a=require("./Copy-2a9d4b5d.js"),l=require("./styles-13e5d9ac.js"),o=require("./statusFormatter-0393122b.js"),d=require("./LibThemeProvider-69109901.js"),r=require("./Image-69a9c116.js"),c=require("./Link-8951180c.js"),m=require("./arrays-c272ed59.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,g,f,u,x,k,b,y,h,v=p(e),w=p(t),_=w.default.div.withConfig({displayName:"EventBlock__View",componentId:"sc-1nnq189-0"})(s||(s=n.__makeTemplateObject(["\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"],["\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"])),(function(n){var e=n.theme;return n.hasBg?l.getColors(e).elementBg.light:l.getColors(e).elementBg.medium}),l.spacings.nudge,l.mq.large,l.spacings.spacer),q=w.default(c.Link).withConfig({displayName:"EventBlock__ImageLink",componentId:"sc-1nnq189-1"})(g||(g=n.__makeTemplateObject(["\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 30%;\n    }\n"],["\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media "," {\n        flex: 0 1 30%;\n    }\n"])),l.spacings.nudge,l.mq.medium,l.mq.large,l.mq.xlarge),E=w.default(r.Image).withConfig({displayName:"EventBlock__CardImage",componentId:"sc-1nnq189-2"})(f||(f=n.__makeTemplateObject(["\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media "," {\n        max-width: 50%;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"],["\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media "," {\n        max-width: 50%;\n    }\n\n    @media "," {\n        max-width: 100%;\n    }\n"])),l.mq.medium,l.mq.large),T=w.default.div.withConfig({displayName:"EventBlock__MainContent",componentId:"sc-1nnq189-3"})(u||(u=n.__makeTemplateObject(["\n    flex: 0 1 70%;\n    padding: ","px;\n    padding-bottom: ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n        padding: ","px;\n    }\n"],["\n    flex: 0 1 70%;\n    padding: ","px;\n    padding-bottom: ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n        padding: ","px;\n    }\n"])),2*l.spacings.nudge,3*l.spacings.nudge,3*l.spacings.nudge,l.mq.large,3*l.spacings.nudge),j=w.default.div.withConfig({displayName:"EventBlock__TagContainer",componentId:"sc-1nnq189-4"})(x||(x=n.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])),l.spacings.nudge,l.spacings.nudge),C=w.default.div.withConfig({displayName:"EventBlock__TextWrapper",componentId:"sc-1nnq189-5"})(k||(k=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),l.spacings.nudge),I=w.default.div.withConfig({displayName:"EventBlock__TagWrapper",componentId:"sc-1nnq189-6"})(b||(b=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),l.spacings.nudge,l.spacings.nudge),B=w.default(c.Link).withConfig({displayName:"EventBlock__TitleLink",componentId:"sc-1nnq189-7"})(y||(y=n.__makeTemplateObject(["\n    display: inline-block;\n    ","\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ",";\n    text-decoration: none;\n"],["\n    display: inline-block;\n    ","\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ",";\n    text-decoration: none;\n"])),a.copyStyle("copy-b","big"),(function(n){var e=n.theme;return n.isInverted?l.getFonts(e)["copy-b"].big.colorInverted:l.getFonts(e)["copy-b"].big.color})),L=w.default(a.Copy).withConfig({displayName:"EventBlock__Text",componentId:"sc-1nnq189-8"})(h||(h=n.__makeTemplateObject(["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"],["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"])));exports.EventBlock=function(t){var l=t.customTag,r=t.onTagClick,c=t.title,p=t.images,s=t.date,g=t.text,f=t.link,u=t.tags,x=t.isInverted,k=t.action,b=t.hasBg,y=d.useLibTheme().globals,h="";s&&(h=new o.StatusFormatter(s.getTime(),"",y.sections.eventDateFormat(s),y.sections.eventTimeFormat(s),y.sections.eventLocaleKey).getFormattedDate());var w=function(n){return r?function(e){null==e||e.preventDefault(),r(n)}:void 0},N=e.useMemo((function(){return null==u?void 0:u.filter((function(n){return n.name}))}),[u]),O=e.useMemo((function(){var n;return null===(n=null==p?void 0:p.slice(0,2))||void 0===n?void 0:n.filter((function(n){return n.small}))}),[p]);return v.default.createElement(_,{hasBg:b},m.isValidArray(O,!1)&&v.default.createElement(q,n.__assign({},f),O.map((function(e,t){return v.default.createElement(E,n.__assign({},e,{key:t,coverSpace:!0,allowEdgeRadius:!0,isInverted:x,ratios:{small:{w:4,h:3}}}))}))),v.default.createElement(T,null,m.isValidArray(N,!1)&&v.default.createElement(j,null,N.map((function(n,e){return n&&v.default.createElement(I,{key:"tag_"+e},l?l({key:"tag_"+e,name:n.name||"",isActive:!1,link:n.link||{},clickHandler:w(n)}):v.default.createElement(i.Tag,{name:n.name,link:n.link,onClick:w(n)}))}))),c&&v.default.createElement(B,n.__assign({},f),c),v.default.createElement(C,null,s&&v.default.createElement(a.Copy,{size:"medium",type:"copy-b"},h),g&&v.default.createElement(L,{size:"small",innerHTML:g})),k&&v.default.createElement("div",null," ",k({isInverted:!1})," ")))};
+//# sourceMappingURL=EventBlock-0b0f0dd3.js.map

package/cjs/{EventBlock-4e406696.js.map → EventBlock-0b0f0dd3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EventBlock-4e406696.js","sources":["../src/components/blocks/EventBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Tag, { TagProps } from './Tag';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { spacings, mq, getFonts as font, getColors } from 'utils/styles';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport Image, { ImageProps } from './Image';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\n\nconst View = styled.div<{ hasBg?: boolean }>`\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ${({ theme, hasBg }) =>\n        hasBg\n            ? getColors(theme).elementBg.light\n            : getColors(theme).elementBg.medium};\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n\n    @media ${mq.large} {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst ImageLink = styled(Link)`\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media ${mq.large} {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media ${mq.xlarge} {\n        flex: 0 1 30%;\n    }\n`;\n\nconst CardImage = styled(Image)`\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media ${mq.medium} {\n        max-width: 50%;\n    }\n\n    @media ${mq.large} {\n        max-width: 100%;\n    }\n`;\n\nconst MainContent = styled.div`\n    flex: 0 1 70%;\n    padding: ${spacings.nudge * 2}px;\n    padding-bottom: ${spacings.nudge * 3}px;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        max-width: 830px;\n        padding: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst TagContainer = styled.div`\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge}px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n`;\n\nconst TextWrapper = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst TagWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst TitleLink = styled(Link)`\n    display: inline-block;\n    ${copyStyle('copy-b', 'big')}\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme)['copy-b'].big.colorInverted\n            : font(theme)['copy-b'].big.color};\n    text-decoration: none;\n`;\n\nconst Text = styled(Copy)`\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n\nexport interface EventProps {\n    /** Array of tag item settings */\n    tags?: TagProps[];\n\n    /** Active tags that are highlighted in this event */\n    activeTags?: string[];\n\n    /** Event image */\n    images?: Array<Omit<ImageProps, 'coverSpace' | 'ratios'>>;\n\n    /** Event title */\n    title?: string;\n\n    /** Event publish date */\n    date?: Date;\n\n    /** Event duration in seconds  */\n    duration?: number;\n\n    /** Event text (richtext) */\n    text?: string;\n\n    /** Invert color and background for darker themes */\n    isInverted?: boolean;\n\n    /** Event link settings */\n    link?: LinkProps;\n\n    /** Function to inject action elements */\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n\n    /** Function to inject custom tag node */\n    customTag?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n        isActive?: boolean;\n        link: LinkProps;\n        clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n    }) => React.ReactNode;\n\n    /** Callback function if tag in news iten has been clicked */\n    onTagClick?: (tag: TagProps) => void;\n}\n\nconst EventBlock: React.FC<EventProps & { hasBg?: boolean }> = ({\n    customTag,\n    onTagClick,\n    title,\n    images,\n    date,\n    text,\n    link,\n    tags,\n    isInverted,\n    action,\n    hasBg,\n}) => {\n    const { globals } = useLibTheme();\n\n    let publishedAt = '';\n    if (date) {\n        const formatter = new StatusFormatter(\n            date.getTime(),\n            '',\n            globals.sections.eventDateFormat(date),\n            globals.sections.eventTimeFormat(date),\n            globals.sections.eventLocaleKey\n        );\n        publishedAt = formatter.getFormattedDate();\n    }\n\n    const handleTagClick = (tag: TagProps) =>\n        onTagClick\n            ? (ev?: React.SyntheticEvent<HTMLElement>) => {\n                  ev?.preventDefault();\n                  onTagClick(tag);\n              }\n            : undefined;\n\n    const filteredTags = useMemo(() => {\n        return tags?.filter((tag) => tag.name);\n    }, [tags]);\n\n    const cardImages = useMemo(\n        () => images?.slice(0, 2)?.filter((img) => img.small),\n        [images]\n    );\n\n    return (\n        <View hasBg={hasBg}>\n            {isValidArray(cardImages, false) && (\n                <ImageLink {...link}>\n                    {cardImages.map((img, i) => (\n                        <CardImage\n                            {...img}\n                            key={i}\n                            coverSpace\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                            ratios={{\n                                small: { w: 4, h: 3 },\n                            }}\n                        />\n                    ))}\n                </ImageLink>\n            )}\n            <MainContent>\n                {isValidArray(filteredTags, false) && (\n                    <TagContainer>\n                        {filteredTags.map(\n                            (tag, i) =>\n                                tag && (\n                                    <TagWrapper key={'tag_' + i}>\n                                        {customTag ? (\n                                            customTag({\n                                                key: 'tag_' + i,\n                                                name: tag.name || '',\n                                                isActive: false,\n                                                link: tag.link || {},\n                                                clickHandler:\n                                                    handleTagClick(tag),\n                                            })\n                                        ) : (\n                                            <Tag\n                                                name={tag.name}\n                                                link={tag.link}\n                                                onClick={handleTagClick(tag)}\n                                            />\n                                        )}\n                                    </TagWrapper>\n                                )\n                        )}\n                    </TagContainer>\n                )}\n                {title && <TitleLink {...link}>{title}</TitleLink>}\n                <TextWrapper>\n                    {date && (\n                        <Copy size=\"medium\" type=\"copy-b\">\n                            {publishedAt}\n                        </Copy>\n                    )}\n                    {text && <Text size=\"small\" innerHTML={text} />}\n                </TextWrapper>\n                {action && <div> {action({ isInverted: false })} </div>}\n            </MainContent>\n        </View>\n    );\n};\n\nexport default EventBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","_a","theme","hasBg","getColors","elementBg","light","medium","spacings","nudge","mq","large","spacer","ImageLink","Link","templateObject_2","__makeTemplateObject","xlarge","CardImage","Image","templateObject_3","MainContent","templateObject_4","TagContainer","templateObject_5","TextWrapper","templateObject_6","TagWrapper","templateObject_7","TitleLink","templateObject_8","copyStyle","isInverted","font","getFonts","big","colorInverted","color","Text","Copy","templateObject_9","customTag","onTagClick","title","images","date","text","link","tags","action","globals","useLibTheme","publishedAt","StatusFormatter","getTime","sections","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedDate","handleTagClick","tag","ev","preventDefault","undefined","filteredTags","useMemo","filter","name","cardImages","slice","img","small","React","createElement","isValidArray","__assign","map","i","key","coverSpace","allowEdgeRadius","ratios","w","h","isActive","clickHandler","Tag","onClick","size","type","innerHTML"],"mappings":"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"}
+{"version":3,"file":"EventBlock-0b0f0dd3.js","sources":["../src/components/blocks/EventBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Tag, { TagProps } from './Tag';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { spacings, mq, getFonts as font, getColors } from 'utils/styles';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport Image, { ImageProps } from './Image';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\n\nconst View = styled.div<{ hasBg?: boolean }>`\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ${({ theme, hasBg }) =>\n        hasBg\n            ? getColors(theme).elementBg.light\n            : getColors(theme).elementBg.medium};\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n\n    @media ${mq.large} {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst ImageLink = styled(Link)`\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media ${mq.large} {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media ${mq.xlarge} {\n        flex: 0 1 30%;\n    }\n`;\n\nconst CardImage = styled(Image)`\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media ${mq.medium} {\n        max-width: 50%;\n    }\n\n    @media ${mq.large} {\n        max-width: 100%;\n    }\n`;\n\nconst MainContent = styled.div`\n    flex: 0 1 70%;\n    padding: ${spacings.nudge * 2}px;\n    padding-bottom: ${spacings.nudge * 3}px;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        max-width: 830px;\n        padding: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst TagContainer = styled.div`\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge}px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n`;\n\nconst TextWrapper = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst TagWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst TitleLink = styled(Link)`\n    display: inline-block;\n    ${copyStyle('copy-b', 'big')}\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme)['copy-b'].big.colorInverted\n            : font(theme)['copy-b'].big.color};\n    text-decoration: none;\n`;\n\nconst Text = styled(Copy)`\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n\nexport interface EventProps {\n    /** Array of tag item settings */\n    tags?: TagProps[];\n\n    /** Active tags that are highlighted in this event */\n    activeTags?: string[];\n\n    /** Event image */\n    images?: Array<Omit<ImageProps, 'coverSpace' | 'ratios'>>;\n\n    /** Event title */\n    title?: string;\n\n    /** Event publish date */\n    date?: Date;\n\n    /** Event duration in seconds  */\n    duration?: number;\n\n    /** Event text (richtext) */\n    text?: string;\n\n    /** Invert color and background for darker themes */\n    isInverted?: boolean;\n\n    /** Event link settings */\n    link?: LinkProps;\n\n    /** Function to inject action elements */\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n\n    /** Function to inject custom tag node */\n    customTag?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n        isActive?: boolean;\n        link: LinkProps;\n        clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n    }) => React.ReactNode;\n\n    /** Callback function if tag in news iten has been clicked */\n    onTagClick?: (tag: TagProps) => void;\n}\n\nconst EventBlock: React.FC<EventProps & { hasBg?: boolean }> = ({\n    customTag,\n    onTagClick,\n    title,\n    images,\n    date,\n    text,\n    link,\n    tags,\n    isInverted,\n    action,\n    hasBg,\n}) => {\n    const { globals } = useLibTheme();\n\n    let publishedAt = '';\n    if (date) {\n        const formatter = new StatusFormatter(\n            date.getTime(),\n            '',\n            globals.sections.eventDateFormat(date),\n            globals.sections.eventTimeFormat(date),\n            globals.sections.eventLocaleKey\n        );\n        publishedAt = formatter.getFormattedDate();\n    }\n\n    const handleTagClick = (tag: TagProps) =>\n        onTagClick\n            ? (ev?: React.SyntheticEvent<HTMLElement>) => {\n                  ev?.preventDefault();\n                  onTagClick(tag);\n              }\n            : undefined;\n\n    const filteredTags = useMemo(() => {\n        return tags?.filter((tag) => tag.name);\n    }, [tags]);\n\n    const cardImages = useMemo(\n        () => images?.slice(0, 2)?.filter((img) => img.small),\n        [images]\n    );\n\n    return (\n        <View hasBg={hasBg}>\n            {isValidArray(cardImages, false) && (\n                <ImageLink {...link}>\n                    {cardImages.map((img, i) => (\n                        <CardImage\n                            {...img}\n                            key={i}\n                            coverSpace\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                            ratios={{\n                                small: { w: 4, h: 3 },\n                            }}\n                        />\n                    ))}\n                </ImageLink>\n            )}\n            <MainContent>\n                {isValidArray(filteredTags, false) && (\n                    <TagContainer>\n                        {filteredTags.map(\n                            (tag, i) =>\n                                tag && (\n                                    <TagWrapper key={'tag_' + i}>\n                                        {customTag ? (\n                                            customTag({\n                                                key: 'tag_' + i,\n                                                name: tag.name || '',\n                                                isActive: false,\n                                                link: tag.link || {},\n                                                clickHandler:\n                                                    handleTagClick(tag),\n                                            })\n                                        ) : (\n                                            <Tag\n                                                name={tag.name}\n                                                link={tag.link}\n                                                onClick={handleTagClick(tag)}\n                                            />\n                                        )}\n                                    </TagWrapper>\n                                )\n                        )}\n                    </TagContainer>\n                )}\n                {title && <TitleLink {...link}>{title}</TitleLink>}\n                <TextWrapper>\n                    {date && (\n                        <Copy size=\"medium\" type=\"copy-b\">\n                            {publishedAt}\n                        </Copy>\n                    )}\n                    {text && <Text size=\"small\" innerHTML={text} />}\n                </TextWrapper>\n                {action && <div> {action({ isInverted: false })} </div>}\n            </MainContent>\n        </View>\n    );\n};\n\nexport default EventBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","_a","theme","hasBg","getColors","elementBg","light","medium","spacings","nudge","mq","large","spacer","ImageLink","Link","templateObject_2","__makeTemplateObject","xlarge","CardImage","Image","templateObject_3","MainContent","templateObject_4","TagContainer","templateObject_5","TextWrapper","templateObject_6","TagWrapper","templateObject_7","TitleLink","templateObject_8","copyStyle","isInverted","font","getFonts","big","colorInverted","color","Text","Copy","templateObject_9","customTag","onTagClick","title","images","date","text","link","tags","action","globals","useLibTheme","publishedAt","StatusFormatter","getTime","sections","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedDate","handleTagClick","tag","ev","preventDefault","undefined","filteredTags","useMemo","filter","name","cardImages","slice","img","small","React","createElement","isValidArray","__assign","map","i","key","coverSpace","allowEdgeRadius","ratios","w","h","isActive","clickHandler","Tag","onClick","size","type","innerHTML"],"mappings":"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"}

package/cjs/{FilterBar-0cb49472.js → FilterBar-bfd9db6e.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-a0bc570d.js"),l=require("./styles-13e5d9ac.js"),a=require("./arrays-c272ed59.js"),r=require("./InfoList-e416058c.js"),o=require("./FilterField-0ba59002.js"),s=require("./MultiselectDropdown-07d543dc.js");require("./useScroll-2f086e7f.js"),require("react-dom/server");var d=require("react-dom"),c=require("./Pointer-0f69256f.js"),p=require("./LibThemeProvider-69109901.js"),m=require("./formFieldText-046fcbf4.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g,b,x,h,w,y,v,_,k,I,C,F,j,O,E,B,T,N,q,P,S,z,L,V,A,M=u(e),D=u(t),R=D.default.div.withConfig({displayName:"POIFacts__View",componentId:"sc-zp61fw-0"})(f||(f=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"])),l.spacings.nudge,2*l.spacings.nudge,3*l.spacings.nudge),G=D.default.div.withConfig({displayName:"POIFacts__FactsWrapper",componentId:"sc-zp61fw-1"})(g||(g=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),l.spacings.nudge,2*l.spacings.nudge),H=D.default.span.withConfig({displayName:"POIFacts__Fact",componentId:"sc-zp61fw-2"})(b||(b=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?l.getColors(e).text.copyInverted:l.getColors(e).text.copy}),.5*l.spacings.nudge),$=function(e){var t=e.facts,i=e.customFact,l=e.isInverted;return M.default.createElement(R,null,t.map((function(e,t){return M.default.createElement(G,{key:"tag_"+t},i?i({key:"headtag-".concat(t),name:e||"",isInverted:l}):M.default.createElement(H,{isInverted:l},M.default.createElement(n.Check,null),M.default.createElement("span",null,e)))})))},W=D.default.div.withConfig({displayName:"POICard__View",componentId:"sc-1l0tnmw-0"})(x||(x=n.__makeTemplateObject(["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ",";\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ",";\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?l.getColors(e).elementBg.light:l.getColors(e).elementBg.dark}),2*l.spacings.nudge,(function(n){var e=n.theme;return l.getGlobals(e).sections.edgeRadius}),3*l.spacings.nudge),J=D.default(i.Copy).withConfig({displayName:"POICard__Title",componentId:"sc-1l0tnmw-1"})(h||(h=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*l.spacings.nudge),K=D.default(i.Copy).withConfig({displayName:"POICard__Description",componentId:"sc-1l0tnmw-2"})(w||(w=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"]))),Q=D.default.div.withConfig({displayName:"POICard__Body",componentId:"sc-1l0tnmw-3"})(y||(y=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"])),l.mq.semilarge,l.spacings.spacer,l.spacings.spacer,(function(n){var e=n.theme;return n.isInverted?l.getColors(e).elementBg.light:l.getColors(e).elementBg.dark})),U=D.default.div.withConfig({displayName:"POICard__Col",componentId:"sc-1l0tnmw-4"})(v||(v=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*l.spacings.nudge,l.mq.semilarge,l.spacings.spacer,l.mq.large,2/3*100),X=D.default(U).withConfig({displayName:"POICard__InfoCol",componentId:"sc-1l0tnmw-5"})(_||(_=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*l.spacings.nudge,l.mq.semilarge,l.mq.large,1/3*100),Y=D.default.div.withConfig({displayName:"POICard__Action",componentId:"sc-1l0tnmw-6"})(k||(k=n.__makeTemplateObject([""],[""]))),Z=function(n){var t=n.isVisible,i=n.root,l=n.children,a=e.useRef(null);return e.useEffect((function(){a.current=i||document.body}),[i]),t&&a.current?d.createPortal(l,a.current):null},nn=function n(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var i,l,a;if(Array.isArray(e)){if((i=e.length)!=t.length)return!1;for(l=i;0!=l--;)if(!n(e[l],t[l]))return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if((i=(a=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(l=i;0!=l--;)if(!Object.prototype.hasOwnProperty.call(t,a[l]))return!1;for(l=i;0!=l--;){var r=a[l];if(("_owner"!==r||!e.$$typeof)&&!n(e[r],t[r]))return!1}return!0}return e!=e&&t!=t},en=D.default.div.withConfig({displayName:"FilterBar__FilterView",componentId:"sc-xnsmbb-0"})(I||(I=n.__makeTemplateObject(["\n    display: inline-block;\n"],["\n    display: inline-block;\n"]))),tn=D.default(o.FilterField).withConfig({displayName:"FilterBar__TextFilter",componentId:"sc-xnsmbb-1"})(C||(C=n.__makeTemplateObject(["\n    min-height: 45px;\n    height: 45px;\n    background: ",";\n    border: ",";\n"],["\n    min-height: 45px;\n    height: 45px;\n    background: ",";\n    border: ",";\n"])),(function(n){var e=n.theme;return l.getColors(e).elementBg.light}),(function(n){return n.hasBorders?void 0:"none"})),ln=D.default(s.MultiselectDropdown).withConfig({displayName:"FilterBar__Select",componentId:"sc-xnsmbb-2"})(F||(F=n.__makeTemplateObject(["\n    min-width: 220px;\n    min-height: 45px;\n\n    button,\n    ul {\n        border: ",";\n        background: ",";\n    }\n"],["\n    min-width: 220px;\n    min-height: 45px;\n\n    button,\n    ul {\n        border: ",";\n        background: ",";\n    }\n"])),(function(n){return n.hasBorders?void 0:"none"}),(function(n){var e=n.theme;return l.getColors(e).elementBg.light})),an=D.default.button.withConfig({displayName:"FilterBar__OverlayToggleView",componentId:"sc-xnsmbb-3"})(j||(j=n.__makeTemplateObject(["\n    width: 250px;\n    height: 45px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ","px;\n    background: ",";\n\n    ","\n    line-height: normal;\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    border: none;\n    outline: none;\n    border-radius: ",";\n    cursor: pointer;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n\n    &:focus {\n        text-decoration: underline;\n        box-shadow: 0px 8px 16px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n        box-shadow: none;\n    }\n"],["\n    width: 250px;\n    height: 45px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ","px;\n    background: ",";\n\n    ","\n    line-height: normal;\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    border: none;\n    outline: none;\n    border-radius: ",";\n    cursor: pointer;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n\n    &:focus {\n        text-decoration: underline;\n        box-shadow: 0px 8px 16px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n        box-shadow: none;\n    }\n"])),l.spacings.nudge,(function(n){var e=n.theme;return l.getColors(e).elementBg.light}),i.copyStyle("copy","small"),(function(n){var e=n.theme;return l.withRange(m.getFormFieldTextSize(e),"font-size")}),(function(n){var e=n.theme;return l.getGlobals(e).sections.edgeRadius}),l.spacings.nudge,l.mq.medium,(function(n){return n.isInverted?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.25)"})),rn=D.default(i.Copy).withConfig({displayName:"FilterBar__Counter",componentId:"sc-xnsmbb-4"})(O||(O=n.__makeTemplateObject(["\n    position: relative;\n    background: ",";\n    color: ",";\n    line-height: normal;\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    margin-left: ","px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"],["\n    position: relative;\n    background: ",";\n    color: ",";\n    line-height: normal;\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    margin-left: ","px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"])),(function(n){var e=n.theme;return l.getColors(e).text.default}),(function(n){var e=n.theme;return l.getColors(e).text.inverted}),2*l.spacings.nudge),on=D.default.span.withConfig({displayName:"FilterBar__Indicator",componentId:"sc-xnsmbb-5"})(E||(E=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),l.spacings.nudge),sn=D.default.div.withConfig({displayName:"FilterBar__Icon",componentId:"sc-xnsmbb-6"})(B||(B=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),l.spacings.nudge),dn=D.default.span.withConfig({displayName:"FilterBar__Label",componentId:"sc-xnsmbb-7"})(T||(T=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),l.spacings.nudge),cn=function(e){var t=e.isInverted,i=e.label,l=e.selected,a=e.onClick,r=e.icon,o=e.indicator,s=e.className,d=null==r?void 0:r(t),c=p.useLibTheme().colors;return M.default.createElement(an,{isInverted:t,onClick:a,className:s},M.default.createElement(dn,null,d&&M.default.createElement(sn,null,d),M.default.createElement("span",null,i)),M.default.createElement(on,null,l?M.default.createElement(rn,{size:"small"},M.default.createElement("span",null,l||0)):null,null==o?void 0:o(),!o&&M.default.createElement(n.AngleDown,{iconColor:c.elementBg.dark})))},pn=D.default.div.withConfig({displayName:"FilterBar__DesktopFilters",componentId:"sc-xnsmbb-8"})(N||(N=n.__makeTemplateObject(["\n    display: none;\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: none;\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),l.mq.medium,l.spacings.nudge),mn=D.default.div.withConfig({displayName:"FilterBar__MobileBarStage",componentId:"sc-xnsmbb-9"})(q||(q=n.__makeTemplateObject(["\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    height: 100vh;\n    width: 100vw;\n"],["\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    height: 100vh;\n    width: 100vw;\n"]))),un=D.default.div.withConfig({displayName:"FilterBar__MobileBarBackdrop",componentId:"sc-xnsmbb-10"})(P||(P=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    background-color: ",";\n    opacity: 0.8;\n    z-index: 0;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    background-color: ",";\n    opacity: 0.8;\n    z-index: 0;\n"])),(function(n){var e=n.theme;return l.getColors(e).elementBg.light})),fn=D.default.div.withConfig({displayName:"FilterBar__MobileBarContent",componentId:"sc-xnsmbb-11"})(S||(S=n.__makeTemplateObject(["\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    max-height: 90vh;\n    z-index: 0;\n    overflow-y: auto;\n\n    padding: ","px;\n    background-color: ",";\n    border-radius: ",";\n"],["\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    max-height: 90vh;\n    z-index: 0;\n    overflow-y: auto;\n\n    padding: ","px;\n    background-color: ",";\n    border-radius: ",";\n"])),2*l.spacings.nudge,(function(n){var e=n.theme;return l.getColors(e).elementBg.light}),(function(n){var e=n.theme;return l.getGlobals(e).sections.edgeRadius})),gn=D.default(i.Copy).withConfig({displayName:"FilterBar__FilterBarHead",componentId:"sc-xnsmbb-12"})(z||(z=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: ","px;\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: ","px;\n"])),3*l.spacings.nudge),bn=D.default.button.withConfig({displayName:"FilterBar__FilterBarCloseBtn",componentId:"sc-xnsmbb-13"})(L||(L=n.__makeTemplateObject(["\n    flex: 0 0 auto;\n\n    display: inline-block;\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n\n    cursor: pointer;\n"],["\n    flex: 0 0 auto;\n\n    display: inline-block;\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n\n    cursor: pointer;\n"]))),xn=D.default.div.withConfig({displayName:"FilterBar__MobileBarMain",componentId:"sc-xnsmbb-14"})(V||(V=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n\n    & > * {\n        width: 100%;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n\n    & > * {\n        width: 100%;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),3*l.spacings.nudge),hn=D.default(c.Pointer.View).withConfig({displayName:"FilterBar__MobileBarSubmitPointer",componentId:"sc-xnsmbb-15"})(A||(A=n.__makeTemplateObject(["\n    width: auto;\n    margin-right: auto;\n    margin-top: ","px;\n"],["\n    width: auto;\n    margin-right: auto;\n    margin-top: ","px;\n"])),3*l.spacings.nudge);exports.FilterBar=function(t){var l,r=t.isInverted,d=t.hasBorders,p=t.value,m=t.onChange,u=t.mobileSubmitLabel,f=void 0===u?"Apply filters":u,g=t.toggleLabel,b=t.categoryFilter,x=t.textFilter,h=t.closeIcon,w=t.filterIcon,y=t.indicator,v=t.className,_=e.useState(p||{textFilter:"",categoryFilter:[]}),k=_[0],I=_[1],C=e.useRef(k),F=e.useState(!1),j=F[0],O=F[1],E=e.useState(k.textFilter||""),B=E[0],T=E[1],N=e.useState(k.categoryFilter||[]),q=N[0],P=N[1],S=function(){O(!1),P(k.categoryFilter||[]),T(k.textFilter||"")};e.useEffect((function(){P(k.categoryFilter||[]),T(k.textFilter||"")}),[k]),e.useEffect((function(){nn(k,p)||null==m||m(k)}),[k,m,p]),e.useEffect((function(){p&&!nn(p,C.current)&&(I(p),C.current=p)}),[p]);var z=((null===(l=null==k?void 0:k.categoryFilter)||void 0===l?void 0:l.length)||0)+(k.textFilter?1:0),L=(null==h?void 0:h(r))||M.default.createElement(n.Cross,{width:32,height:32});return M.default.createElement(e.Fragment,null,M.default.createElement(en,{className:v},M.default.createElement(cn,{label:g||"",selected:z,onClick:function(){return O((function(n){return!n}))},icon:w,indicator:y?function(){return y({isOpen:!1,isDisabled:!1})}:void 0}),M.default.createElement(pn,null,b&&a.isValidArray(null==b?void 0:b.items,!1)&&M.default.createElement(ln,{isInverted:r,items:b.items,placeholder:b.label,icon:w,indicator:y,resetLabel:b.resetLabel,onChange:function(e){return I((function(t){return n.__assign(n.__assign({},t),{categoryFilter:e})}))},selectedItems:k.categoryFilter,hasBorders:d}),x&&M.default.createElement(tn,{isInverted:r,icon:x.icon,submitIcon:x.submitIcon,clearIcon:x.clearIcon,placeholder:x.placeholder,value:k.textFilter,onSubmit:function(e){I((function(t){return n.__assign(n.__assign({},t),{textFilter:e})}))},hasBorders:d}))),M.default.createElement(Z,{isVisible:j},M.default.createElement(mn,null,M.default.createElement(un,{onClick:S}),M.default.createElement(fn,null,M.default.createElement(gn,null,M.default.createElement(i.Copy,{type:"copy-b",size:"big"},g),L&&M.default.createElement(bn,{onClick:S},L)),M.default.createElement(xn,null,x&&M.default.createElement(o.FilterField,{icon:x.icon,submitIcon:x.submitIcon,clearIcon:x.clearIcon,placeholder:x.placeholder,value:B,onSubmit:T}),b&&a.isValidArray(null==b?void 0:b.items,!1)&&M.default.createElement(s.MultiselectDropdown,{inlined:!0,items:b.items,placeholder:b.label,icon:w,indicator:y,resetLabel:b.resetLabel,selectedItems:q,onChange:P}),f&&M.default.createElement(hn,{onClick:function(){O(!1),I({textFilter:B,categoryFilter:q})}},M.default.createElement(c.Pointer.Label,null,f),M.default.createElement(c.Pointer.Icon,null,M.default.createElement(n.AngleRight,null))))))))},exports.POICard=function(n){var e=n.isInverted,t=n.name,i=n.shortDescription,l=n.facts,o=n.infos,s=n.customFact,d=n.action,c=a.isValidArray(l,!1),p=a.isValidArray(o,!1);return M.default.createElement(W,{isInverted:e},t&&M.default.createElement(J,{type:"copy-b",size:"big",isInverted:e},t),(c||i||p||d)&&M.default.createElement(Q,{isInverted:e},M.default.createElement(U,null,a.isValidArray(l,!1)&&M.default.createElement($,{facts:l,isInverted:e,customFact:s}),i&&M.default.createElement(K,{isInverted:e,innerHTML:i}),d&&M.default.createElement(Y,null,d(e))),a.isValidArray(o,!1)&&M.default.createElement(X,null,M.default.createElement(r.InfoList,{isInverted:e,items:[{items:o}]}))))},exports.POIFacts=$;
-//# sourceMappingURL=FilterBar-0cb49472.js.map
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-2a9d4b5d.js"),l=require("./styles-13e5d9ac.js"),a=require("./arrays-c272ed59.js"),r=require("./InfoList-f040b8fb.js"),o=require("./FilterField-d204feb1.js"),s=require("./MultiselectDropdown-d46ae36f.js");require("./useScroll-2f086e7f.js"),require("react-dom/server");var d=require("react-dom"),c=require("./Pointer-0f69256f.js"),p=require("./LibThemeProvider-69109901.js"),m=require("./formFieldText-21f5f620.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g,b,x,h,w,y,v,_,k,I,C,F,j,O,E,B,T,N,q,P,S,z,L,V,A,M=u(e),D=u(t),R=D.default.div.withConfig({displayName:"POIFacts__View",componentId:"sc-zp61fw-0"})(f||(f=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"])),l.spacings.nudge,2*l.spacings.nudge,3*l.spacings.nudge),G=D.default.div.withConfig({displayName:"POIFacts__FactsWrapper",componentId:"sc-zp61fw-1"})(g||(g=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),l.spacings.nudge,2*l.spacings.nudge),H=D.default.span.withConfig({displayName:"POIFacts__Fact",componentId:"sc-zp61fw-2"})(b||(b=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?l.getColors(e).text.copyInverted:l.getColors(e).text.copy}),.5*l.spacings.nudge),$=function(e){var t=e.facts,i=e.customFact,l=e.isInverted;return M.default.createElement(R,null,t.map((function(e,t){return M.default.createElement(G,{key:"tag_"+t},i?i({key:"headtag-".concat(t),name:e||"",isInverted:l}):M.default.createElement(H,{isInverted:l},M.default.createElement(n.Check,null),M.default.createElement("span",null,e)))})))},W=D.default.div.withConfig({displayName:"POICard__View",componentId:"sc-1l0tnmw-0"})(x||(x=n.__makeTemplateObject(["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ",";\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ",";\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?l.getColors(e).elementBg.light:l.getColors(e).elementBg.dark}),2*l.spacings.nudge,(function(n){var e=n.theme;return l.getGlobals(e).sections.edgeRadius}),3*l.spacings.nudge),J=D.default(i.Copy).withConfig({displayName:"POICard__Title",componentId:"sc-1l0tnmw-1"})(h||(h=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*l.spacings.nudge),K=D.default(i.Copy).withConfig({displayName:"POICard__Description",componentId:"sc-1l0tnmw-2"})(w||(w=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"]))),Q=D.default.div.withConfig({displayName:"POICard__Body",componentId:"sc-1l0tnmw-3"})(y||(y=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"])),l.mq.semilarge,l.spacings.spacer,l.spacings.spacer,(function(n){var e=n.theme;return n.isInverted?l.getColors(e).elementBg.light:l.getColors(e).elementBg.dark})),U=D.default.div.withConfig({displayName:"POICard__Col",componentId:"sc-1l0tnmw-4"})(v||(v=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*l.spacings.nudge,l.mq.semilarge,l.spacings.spacer,l.mq.large,2/3*100),X=D.default(U).withConfig({displayName:"POICard__InfoCol",componentId:"sc-1l0tnmw-5"})(_||(_=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*l.spacings.nudge,l.mq.semilarge,l.mq.large,1/3*100),Y=D.default.div.withConfig({displayName:"POICard__Action",componentId:"sc-1l0tnmw-6"})(k||(k=n.__makeTemplateObject([""],[""]))),Z=function(n){var t=n.isVisible,i=n.root,l=n.children,a=e.useRef(null);return e.useEffect((function(){a.current=i||document.body}),[i]),t&&a.current?d.createPortal(l,a.current):null},nn=function n(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var i,l,a;if(Array.isArray(e)){if((i=e.length)!=t.length)return!1;for(l=i;0!=l--;)if(!n(e[l],t[l]))return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if((i=(a=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(l=i;0!=l--;)if(!Object.prototype.hasOwnProperty.call(t,a[l]))return!1;for(l=i;0!=l--;){var r=a[l];if(("_owner"!==r||!e.$$typeof)&&!n(e[r],t[r]))return!1}return!0}return e!=e&&t!=t},en=D.default.div.withConfig({displayName:"FilterBar__FilterView",componentId:"sc-xnsmbb-0"})(I||(I=n.__makeTemplateObject(["\n    display: inline-block;\n"],["\n    display: inline-block;\n"]))),tn=D.default(o.FilterField).withConfig({displayName:"FilterBar__TextFilter",componentId:"sc-xnsmbb-1"})(C||(C=n.__makeTemplateObject(["\n    min-height: 45px;\n    height: 45px;\n    background: ",";\n    border: ",";\n"],["\n    min-height: 45px;\n    height: 45px;\n    background: ",";\n    border: ",";\n"])),(function(n){var e=n.theme;return l.getColors(e).elementBg.light}),(function(n){return n.hasBorders?void 0:"none"})),ln=D.default(s.MultiselectDropdown).withConfig({displayName:"FilterBar__Select",componentId:"sc-xnsmbb-2"})(F||(F=n.__makeTemplateObject(["\n    min-width: 220px;\n    min-height: 45px;\n\n    button,\n    ul {\n        border: ",";\n        background: ",";\n    }\n"],["\n    min-width: 220px;\n    min-height: 45px;\n\n    button,\n    ul {\n        border: ",";\n        background: ",";\n    }\n"])),(function(n){return n.hasBorders?void 0:"none"}),(function(n){var e=n.theme;return l.getColors(e).elementBg.light})),an=D.default.button.withConfig({displayName:"FilterBar__OverlayToggleView",componentId:"sc-xnsmbb-3"})(j||(j=n.__makeTemplateObject(["\n    width: 250px;\n    height: 45px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ","px;\n    background: ",";\n\n    ","\n    line-height: normal;\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    border: none;\n    outline: none;\n    border-radius: ",";\n    cursor: pointer;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n\n    &:focus {\n        text-decoration: underline;\n        box-shadow: 0px 8px 16px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n        box-shadow: none;\n    }\n"],["\n    width: 250px;\n    height: 45px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ","px;\n    background: ",";\n\n    ","\n    line-height: normal;\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    border: none;\n    outline: none;\n    border-radius: ",";\n    cursor: pointer;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n\n    &:focus {\n        text-decoration: underline;\n        box-shadow: 0px 8px 16px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n        box-shadow: none;\n    }\n"])),l.spacings.nudge,(function(n){var e=n.theme;return l.getColors(e).elementBg.light}),i.copyStyle("copy","small"),(function(n){var e=n.theme;return l.withRange(m.getFormFieldTextSize(e),"font-size")}),(function(n){var e=n.theme;return l.getGlobals(e).sections.edgeRadius}),l.spacings.nudge,l.mq.medium,(function(n){return n.isInverted?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.25)"})),rn=D.default(i.Copy).withConfig({displayName:"FilterBar__Counter",componentId:"sc-xnsmbb-4"})(O||(O=n.__makeTemplateObject(["\n    position: relative;\n    background: ",";\n    color: ",";\n    line-height: normal;\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    margin-left: ","px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"],["\n    position: relative;\n    background: ",";\n    color: ",";\n    line-height: normal;\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    margin-left: ","px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"])),(function(n){var e=n.theme;return l.getColors(e).text.default}),(function(n){var e=n.theme;return l.getColors(e).text.inverted}),2*l.spacings.nudge),on=D.default.span.withConfig({displayName:"FilterBar__Indicator",componentId:"sc-xnsmbb-5"})(E||(E=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),l.spacings.nudge),sn=D.default.div.withConfig({displayName:"FilterBar__Icon",componentId:"sc-xnsmbb-6"})(B||(B=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),l.spacings.nudge),dn=D.default.span.withConfig({displayName:"FilterBar__Label",componentId:"sc-xnsmbb-7"})(T||(T=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),l.spacings.nudge),cn=function(e){var t=e.isInverted,i=e.label,l=e.selected,a=e.onClick,r=e.icon,o=e.indicator,s=e.className,d=null==r?void 0:r(t),c=p.useLibTheme().colors;return M.default.createElement(an,{isInverted:t,onClick:a,className:s},M.default.createElement(dn,null,d&&M.default.createElement(sn,null,d),M.default.createElement("span",null,i)),M.default.createElement(on,null,l?M.default.createElement(rn,{size:"small"},M.default.createElement("span",null,l||0)):null,null==o?void 0:o(),!o&&M.default.createElement(n.AngleDown,{iconColor:c.elementBg.dark})))},pn=D.default.div.withConfig({displayName:"FilterBar__DesktopFilters",componentId:"sc-xnsmbb-8"})(N||(N=n.__makeTemplateObject(["\n    display: none;\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: none;\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),l.mq.medium,l.spacings.nudge),mn=D.default.div.withConfig({displayName:"FilterBar__MobileBarStage",componentId:"sc-xnsmbb-9"})(q||(q=n.__makeTemplateObject(["\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    height: 100vh;\n    width: 100vw;\n"],["\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    height: 100vh;\n    width: 100vw;\n"]))),un=D.default.div.withConfig({displayName:"FilterBar__MobileBarBackdrop",componentId:"sc-xnsmbb-10"})(P||(P=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    background-color: ",";\n    opacity: 0.8;\n    z-index: 0;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    background-color: ",";\n    opacity: 0.8;\n    z-index: 0;\n"])),(function(n){var e=n.theme;return l.getColors(e).elementBg.light})),fn=D.default.div.withConfig({displayName:"FilterBar__MobileBarContent",componentId:"sc-xnsmbb-11"})(S||(S=n.__makeTemplateObject(["\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    max-height: 90vh;\n    z-index: 0;\n    overflow-y: auto;\n\n    padding: ","px;\n    background-color: ",";\n    border-radius: ",";\n"],["\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    max-height: 90vh;\n    z-index: 0;\n    overflow-y: auto;\n\n    padding: ","px;\n    background-color: ",";\n    border-radius: ",";\n"])),2*l.spacings.nudge,(function(n){var e=n.theme;return l.getColors(e).elementBg.light}),(function(n){var e=n.theme;return l.getGlobals(e).sections.edgeRadius})),gn=D.default(i.Copy).withConfig({displayName:"FilterBar__FilterBarHead",componentId:"sc-xnsmbb-12"})(z||(z=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: ","px;\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: ","px;\n"])),3*l.spacings.nudge),bn=D.default.button.withConfig({displayName:"FilterBar__FilterBarCloseBtn",componentId:"sc-xnsmbb-13"})(L||(L=n.__makeTemplateObject(["\n    flex: 0 0 auto;\n\n    display: inline-block;\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n\n    cursor: pointer;\n"],["\n    flex: 0 0 auto;\n\n    display: inline-block;\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n\n    cursor: pointer;\n"]))),xn=D.default.div.withConfig({displayName:"FilterBar__MobileBarMain",componentId:"sc-xnsmbb-14"})(V||(V=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n\n    & > * {\n        width: 100%;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n\n    & > * {\n        width: 100%;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),3*l.spacings.nudge),hn=D.default(c.Pointer.View).withConfig({displayName:"FilterBar__MobileBarSubmitPointer",componentId:"sc-xnsmbb-15"})(A||(A=n.__makeTemplateObject(["\n    width: auto;\n    margin-right: auto;\n    margin-top: ","px;\n"],["\n    width: auto;\n    margin-right: auto;\n    margin-top: ","px;\n"])),3*l.spacings.nudge);exports.FilterBar=function(t){var l,r=t.isInverted,d=t.hasBorders,p=t.value,m=t.onChange,u=t.mobileSubmitLabel,f=void 0===u?"Apply filters":u,g=t.toggleLabel,b=t.categoryFilter,x=t.textFilter,h=t.closeIcon,w=t.filterIcon,y=t.indicator,v=t.className,_=e.useState(p||{textFilter:"",categoryFilter:[]}),k=_[0],I=_[1],C=e.useRef(k),F=e.useState(!1),j=F[0],O=F[1],E=e.useState(k.textFilter||""),B=E[0],T=E[1],N=e.useState(k.categoryFilter||[]),q=N[0],P=N[1],S=function(){O(!1),P(k.categoryFilter||[]),T(k.textFilter||"")};e.useEffect((function(){P(k.categoryFilter||[]),T(k.textFilter||"")}),[k]),e.useEffect((function(){nn(k,p)||null==m||m(k)}),[k,m,p]),e.useEffect((function(){p&&!nn(p,C.current)&&(I(p),C.current=p)}),[p]);var z=((null===(l=null==k?void 0:k.categoryFilter)||void 0===l?void 0:l.length)||0)+(k.textFilter?1:0),L=(null==h?void 0:h(r))||M.default.createElement(n.Cross,{width:32,height:32});return M.default.createElement(e.Fragment,null,M.default.createElement(en,{className:v},M.default.createElement(cn,{label:g||"",selected:z,onClick:function(){return O((function(n){return!n}))},icon:w,indicator:y?function(){return y({isOpen:!1,isDisabled:!1})}:void 0}),M.default.createElement(pn,null,b&&a.isValidArray(null==b?void 0:b.items,!1)&&M.default.createElement(ln,{isInverted:r,items:b.items,placeholder:b.label,icon:w,indicator:y,resetLabel:b.resetLabel,onChange:function(e){return I((function(t){return n.__assign(n.__assign({},t),{categoryFilter:e})}))},selectedItems:k.categoryFilter,hasBorders:d}),x&&M.default.createElement(tn,{isInverted:r,icon:x.icon,submitIcon:x.submitIcon,clearIcon:x.clearIcon,placeholder:x.placeholder,value:k.textFilter,onSubmit:function(e){I((function(t){return n.__assign(n.__assign({},t),{textFilter:e})}))},hasBorders:d}))),M.default.createElement(Z,{isVisible:j},M.default.createElement(mn,null,M.default.createElement(un,{onClick:S}),M.default.createElement(fn,null,M.default.createElement(gn,null,M.default.createElement(i.Copy,{type:"copy-b",size:"big"},g),L&&M.default.createElement(bn,{onClick:S},L)),M.default.createElement(xn,null,x&&M.default.createElement(o.FilterField,{icon:x.icon,submitIcon:x.submitIcon,clearIcon:x.clearIcon,placeholder:x.placeholder,value:B,onSubmit:T}),b&&a.isValidArray(null==b?void 0:b.items,!1)&&M.default.createElement(s.MultiselectDropdown,{inlined:!0,items:b.items,placeholder:b.label,icon:w,indicator:y,resetLabel:b.resetLabel,selectedItems:q,onChange:P}),f&&M.default.createElement(hn,{onClick:function(){O(!1),I({textFilter:B,categoryFilter:q})}},M.default.createElement(c.Pointer.Label,null,f),M.default.createElement(c.Pointer.Icon,null,M.default.createElement(n.AngleRight,null))))))))},exports.POICard=function(n){var e=n.isInverted,t=n.name,i=n.shortDescription,l=n.facts,o=n.infos,s=n.customFact,d=n.action,c=a.isValidArray(l,!1),p=a.isValidArray(o,!1);return M.default.createElement(W,{isInverted:e},t&&M.default.createElement(J,{type:"copy-b",size:"big",isInverted:e},t),(c||i||p||d)&&M.default.createElement(Q,{isInverted:e},M.default.createElement(U,null,a.isValidArray(l,!1)&&M.default.createElement($,{facts:l,isInverted:e,customFact:s}),i&&M.default.createElement(K,{isInverted:e,innerHTML:i}),d&&M.default.createElement(Y,null,d(e))),a.isValidArray(o,!1)&&M.default.createElement(X,null,M.default.createElement(r.InfoList,{isInverted:e,items:[{items:o}]}))))},exports.POIFacts=$;
+//# sourceMappingURL=FilterBar-bfd9db6e.js.map