@blateral/b.kit 2.8.2 → 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-0781490f.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"),r=require("./arrays-c272ed59.js"),a=require("./InfoList-e416058c.js"),o=require("./FilterField-7efcacb7.js"),s=require("./MultiselectDropdown-a16ea1c9.js");require("./useScroll-2f086e7f.js"),require("react-dom/server");var d=require("react-dom"),c=require("./Pointer-331140b6.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,r=e.useRef(null);return e.useEffect((function(){r.current=i||document.body}),[i]),t&&r.current?d.createPortal(l,r.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,r;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=(r=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(l=i;0!=l--;)if(!Object.prototype.hasOwnProperty.call(t,r[l]))return!1;for(l=i;0!=l--;){var a=r[l];if(("_owner"!==a||!e.$$typeof)&&!n(e[a],t[a]))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})),rn=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)"})),an=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,r=e.onClick,a=e.icon,o=e.indicator,s=e.className,d=null==a?void 0:a(t),c=p.useLibTheme().colors;return M.default.createElement(rn,{isInverted:t,onClick:r,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,M.default.createElement(an,{size:"small"},M.default.createElement("span",null,l||0)),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-reverse;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-right: ","px;\n        }\n    }\n"],["\n    display: none;\n\n    @media "," {\n        display: flex;\n        flex-direction: row-reverse;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-right: ","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,a=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(a))||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,x&&M.default.createElement(tn,{isInverted:a,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}),b&&r.isValidArray(null==b?void 0:b.items,!1)&&M.default.createElement(ln,{isInverted:a,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}))),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&&r.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=r.isValidArray(l,!1),p=r.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,r.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))),r.isValidArray(o,!1)&&M.default.createElement(X,null,M.default.createElement(a.InfoList,{isInverted:e,items:[{items:o}]}))))},exports.POIFacts=$;
-//# sourceMappingURL=FilterBar-0781490f.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

package/cjs/FilterBar-bfd9db6e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar-bfd9db6e.js","sources":["../src/components/blocks/POIFacts.tsx","../src/components/blocks/POICard.tsx","../src/components/blocks/Portal.tsx","../node_modules/fast-deep-equal/react.js","../src/components/blocks/FilterBar.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport { copyStyle } from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge * 2}px;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst FactsWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge * 2}px;\n`;\n\nconst Fact = styled.span<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.copyInverted : color(theme).text.copy};\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 0.5}px;\n    }\n`;\n\nconst POIFacts: React.FC<{\n    facts: string[];\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n    isInverted?: boolean;\n}> = ({ facts, customFact, isInverted }) => {\n    return (\n        <View>\n            {facts.map((fact, i) => (\n                <FactsWrapper key={'tag_' + i}>\n                    {customFact ? (\n                        customFact({\n                            key: `headtag-${i}`,\n                            name: fact || '',\n                            isInverted: isInverted,\n                        })\n                    ) : (\n                        <Fact isInverted={isInverted}>\n                            <Check />\n                            <span>{fact}</span>\n                        </Fact>\n                    )}\n                </FactsWrapper>\n            ))}\n        </View>\n    );\n};\n\nexport default POIFacts;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport POIFacts from 'components/blocks/POIFacts';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport {\n    getColors as color,\n    getGlobals as global,\n    mq,\n    spacings,\n} from 'utils/styles';\nimport InfoList, { Info } from './InfoList';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    padding: ${spacings.nudge * 2}px;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Description = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n`;\n\nconst Body = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ${mq.semilarge} {\n        margin-left: -${spacings.spacer}px;\n        margin-right: -${spacings.spacer}px;\n\n        & > * + * {\n            border-left: 1px solid\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? color(theme).elementBg.light\n                        : color(theme).elementBg.dark};\n        }\n    }\n`;\n\nconst Col = styled.div`\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.semilarge} {\n        flex: 1 0 60%;\n        padding: 0 ${spacings.spacer}px;\n    }\n\n    @media ${mq.large} {\n        flex: 1 0 ${(2 / 3) * 100}%;\n    }\n`;\n\nconst InfoCol = styled(Col)`\n    display: none;\n    margin-bottom: ${spacings.nudge * 2}px;\n\n    @media ${mq.semilarge} {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ${mq.large} {\n        display: block;\n        flex: 1 0 ${(1 / 3) * 100}%;\n    }\n`;\n\nconst Action = styled.div``;\n\nexport type POILocation = {\n    address: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    coordinates?: { lat: number; long: number };\n    mail: string;\n    phone: string;\n    web: string;\n};\n\nexport type POIContact = {\n    name: string;\n    position: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    mail: string;\n    phone: string;\n};\n\nexport interface POICardProps {\n    /** Invert text and background for use on dark sections */\n    isInverted?: boolean;\n\n    /** POI name */\n    name: string;\n\n    /** Short POI description text (RichText) */\n    shortDescription?: string;\n\n    /** Array of additional POI informations */\n    infos?: Info[];\n\n    /** Array of POI facts */\n    facts?: string[];\n\n    /** Function to inject custom fact node */\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n\n    /** Function to inject custom action node */\n    action?: (isInverted?: boolean) => React.ReactNode;\n}\n\nconst POICard: React.FC<POICardProps> = ({\n    isInverted,\n    name,\n    shortDescription,\n    facts,\n    infos,\n    customFact,\n    action,\n}) => {\n    const hasFacts = isValidArray(facts, false);\n    const hasInfos = isValidArray(infos, false);\n\n    return (\n        <View isInverted={isInverted}>\n            {name && (\n                <Title type=\"copy-b\" size=\"big\" isInverted={isInverted}>\n                    {name}\n                </Title>\n            )}\n            {(hasFacts || shortDescription || hasInfos || action) && (\n                <Body isInverted={isInverted}>\n                    <Col>\n                        {isValidArray(facts, false) && (\n                            <POIFacts\n                                facts={facts}\n                                isInverted={isInverted}\n                                customFact={customFact}\n                            />\n                        )}\n                        {shortDescription && (\n                            <Description\n                                isInverted={isInverted}\n                                innerHTML={shortDescription}\n                            />\n                        )}\n                        {action && <Action>{action(isInverted)}</Action>}\n                    </Col>\n                    {isValidArray(infos, false) && (\n                        <InfoCol>\n                            <InfoList\n                                isInverted={isInverted}\n                                items={[\n                                    {\n                                        items: infos,\n                                    },\n                                ]}\n                            />\n                        </InfoCol>\n                    )}\n                </Body>\n            )}\n        </View>\n    );\n};\n\nexport default POICard;\n","import { FC, ReactNode, useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nconst Portal: FC<{\n    isVisible?: boolean;\n    root?: HTMLElement;\n    children?: ReactNode;\n}> = ({ isVisible, root, children }) => {\n    const rootRef = useRef<HTMLElement | null>(null);\n\n    useEffect(() => {\n        rootRef.current = root || document.body;\n    }, [root]);\n\n    return isVisible && rootRef.current\n        ? createPortal(children, rootRef.current)\n        : null;\n};\nexport default Portal;\n","'use strict';\n\n// do not edit .js files directly - edit src/index.jst\n\n\n\nmodule.exports = function equal(a, b) {\n  if (a === b) return true;\n\n  if (a && b && typeof a == 'object' && typeof b == 'object') {\n    if (a.constructor !== b.constructor) return false;\n\n    var length, i, keys;\n    if (Array.isArray(a)) {\n      length = a.length;\n      if (length != b.length) return false;\n      for (i = length; i-- !== 0;)\n        if (!equal(a[i], b[i])) return false;\n      return true;\n    }\n\n\n\n    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n    keys = Object.keys(a);\n    length = keys.length;\n    if (length !== Object.keys(b).length) return false;\n\n    for (i = length; i-- !== 0;)\n      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n    for (i = length; i-- !== 0;) {\n      var key = keys[i];\n\n      if (key === '_owner' && a.$$typeof) {\n        // React-specific: avoid traversing React elements' _owner.\n        //  _owner contains circular references\n        // and is not needed when comparing the actual elements (and not their owners)\n        continue;\n      }\n\n      if (!equal(a[key], b[key])) return false;\n    }\n\n    return true;\n  }\n\n  // true if both NaN, false otherwise\n  return a!==a && b!==b;\n};\n","import * as Icons from 'components/base/icons/Icons';\nimport FilterField from 'components/fields/FilterField';\nimport MultiselectDropdown from 'components/fields/MultiselectDropdown';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { isValidArray } from 'hooks';\nimport React, {\n    FC,\n    Fragment,\n    ReactNode,\n    SyntheticEvent,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport styled from 'styled-components';\nimport {\n    mq,\n    spacings,\n    getColors as color,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport Portal from './Portal';\nimport Pointer from 'components/buttons/Pointer';\nimport equal from 'fast-deep-equal/react';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\n\nconst FilterView = styled.div`\n    display: inline-block;\n`;\n\nconst TextFilter = styled(FilterField)<{ hasBorders?: boolean }>`\n    min-height: 45px;\n    height: 45px;\n    background: ${({ theme }) => color(theme).elementBg.light};\n    border: ${({ hasBorders }) => (!hasBorders ? 'none' : undefined)};\n`;\n\nconst Select = styled(MultiselectDropdown)<{ hasBorders?: boolean }>`\n    min-width: 220px;\n    min-height: 45px;\n\n    button,\n    ul {\n        border: ${({ hasBorders }) => (!hasBorders ? 'none' : undefined)};\n        background: ${({ theme }) => color(theme).elementBg.light};\n    }\n`;\n\nconst OverlayToggleView = styled.button<{ isInverted?: boolean }>`\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: ${spacings.nudge}px;\n    background: ${({ theme }) => color(theme).elementBg.light};\n\n    ${copyStyle('copy', 'small')}\n    line-height: normal;\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n\n    border: none;\n    outline: none;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    cursor: pointer;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    @media ${mq.medium} {\n        display: none;\n    }\n\n    &:focus {\n        text-decoration: underline;\n        box-shadow: 0px 8px 16px\n            ${({ isInverted }) =>\n                isInverted\n                    ? 'rgba(255, 255, 255, 0.25)'\n                    : 'rgba(0, 0, 0, 0.25)'};\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n        box-shadow: none;\n    }\n`;\n\nconst Counter = styled(Copy)`\n    position: relative;\n    background: ${({ theme }) => color(theme).text.default};\n    color: ${({ theme }) => color(theme).text.inverted};\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: ${spacings.nudge * 2}px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n`;\n\nconst Indicator = styled.span`\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Icon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-left: ${spacings.nudge}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n`;\n\nconst Label = styled.span`\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: ${spacings.nudge}px;\n    }\n`;\n\nconst OverlayToggle: FC<{\n    isInverted?: boolean;\n    label: string;\n    onClick?: (ev: SyntheticEvent<HTMLButtonElement>) => void;\n    icon?: (isInverted?: boolean) => ReactNode;\n    indicator?: () => ReactNode;\n    selected?: number;\n    className?: string;\n}> = ({ isInverted, label, selected, onClick, icon, indicator, className }) => {\n    const iconElement = icon?.(isInverted);\n    const { colors } = useLibTheme();\n\n    return (\n        <OverlayToggleView\n            isInverted={isInverted}\n            onClick={onClick}\n            className={className}\n        >\n            <Label>\n                {iconElement && <Icon>{iconElement}</Icon>}\n                <span>{label}</span>\n            </Label>\n\n            <Indicator>\n                {selected ? (\n                    <Counter size=\"small\">\n                        <span>{selected || 0}</span>\n                    </Counter>\n                ) : null}\n                {indicator?.()}\n                {!indicator && (\n                    <Icons.AngleDown iconColor={colors.elementBg.dark} />\n                )}\n            </Indicator>\n        </OverlayToggleView>\n    );\n};\n\nconst DesktopFilters = styled.div`\n    display: none;\n\n    @media ${mq.medium} {\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: ${spacings.nudge}px;\n        }\n    }\n`;\n\nconst MobileBarStage = styled.div`\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    height: 100vh;\n    width: 100vw;\n`;\n\nconst MobileBarBackdrop = styled.div`\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: ${({ theme }) => color(theme).elementBg.light};\n    opacity: 0.8;\n    z-index: 0;\n`;\n\nconst MobileBarContent = styled.div`\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: ${spacings.nudge * 2}px;\n    background-color: ${({ theme }) => color(theme).elementBg.light};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n`;\n\nconst FilterBarHead = styled(Copy)`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst FilterBarCloseBtn = styled.button`\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\nconst MobileBarMain = styled.div`\n    display: flex;\n    flex-direction: column;\n\n    & > * {\n        width: 100%;\n    }\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst MobileBarSubmitPointer = styled(Pointer.View)`\n    width: auto;\n    margin-right: auto;\n    margin-top: ${spacings.nudge * 3}px;\n`;\n\nexport interface FilterBarProps {\n    isInverted?: boolean;\n    hasBorders?: boolean;\n    value?: FilterState;\n    onChange?: (filters: FilterState) => void;\n    toggleLabel?: string;\n    mobileSubmitLabel?: string;\n    categoryFilter?: {\n        label?: string;\n        resetLabel?: string;\n        items?: Array<{\n            value: string;\n            label: string;\n        }>;\n    };\n    textFilter?: {\n        placeholder?: string;\n        icon?: (isInverted?: boolean) => React.ReactNode;\n        submitIcon?: (isInverted?: boolean) => React.ReactNode;\n        clearIcon?: (isInverted?: boolean) => React.ReactNode;\n    };\n    closeIcon?: (isInverted?: boolean) => React.ReactNode;\n    filterIcon?: (isInverted?: boolean) => React.ReactNode;\n    indicator?: (props: {\n        isOpen: boolean;\n        isDisabled?: boolean;\n    }) => React.ReactNode;\n}\n\nexport interface FilterState {\n    textFilter?: string;\n    categoryFilter?: string[];\n}\n\nconst FilterBar: FC<FilterBarProps & { className?: string }> = ({\n    isInverted,\n    hasBorders,\n    value,\n    onChange,\n    mobileSubmitLabel = 'Apply filters',\n    toggleLabel,\n    categoryFilter,\n    textFilter,\n    closeIcon,\n    filterIcon,\n    indicator,\n    className,\n}) => {\n    const [filters, setFilters] = useState<FilterState>(\n        value || {\n            textFilter: '',\n            categoryFilter: [],\n        }\n    );\n    const lastFilters = useRef<FilterState>(filters);\n\n    const [isMobileBarOpen, setIsMobileBarOpen] = useState(false);\n    const [mobileTextFilter, setMobileTextFilter] = useState(\n        filters.textFilter || ''\n    );\n    const [mobileCategoryFilter, setMobileCategoryFilter] = useState(\n        filters.categoryFilter || []\n    );\n\n    const handleMobileBarSubmit = () => {\n        setIsMobileBarOpen(false);\n        setFilters({\n            textFilter: mobileTextFilter,\n            categoryFilter: mobileCategoryFilter,\n        });\n    };\n\n    const handleMobileBarClose = () => {\n        setIsMobileBarOpen(false);\n        setMobileCategoryFilter(filters.categoryFilter || []);\n        setMobileTextFilter(filters.textFilter || '');\n    };\n\n    useEffect(() => {\n        setMobileCategoryFilter(filters.categoryFilter || []);\n        setMobileTextFilter(filters.textFilter || '');\n    }, [filters]);\n\n    useEffect(() => {\n        if (!equal(filters, value)) {\n            onChange?.(filters);\n        }\n    }, [filters, onChange, value]);\n\n    useEffect(() => {\n        if (value && !equal(value, lastFilters.current)) {\n            setFilters(value);\n            lastFilters.current = value;\n        }\n    }, [value]);\n\n    const overallSelected =\n        (filters?.categoryFilter?.length || 0) + (filters.textFilter ? 1 : 0);\n\n    const closeIconElement = closeIcon?.(isInverted) || (\n        <Icons.Cross width={32} height={32} />\n    );\n\n    return (\n        <Fragment>\n            <FilterView className={className}>\n                <OverlayToggle\n                    label={toggleLabel || ''}\n                    selected={overallSelected}\n                    onClick={() => setIsMobileBarOpen((prev) => !prev)}\n                    icon={filterIcon}\n                    indicator={\n                        indicator\n                            ? () =>\n                                  indicator({\n                                      isOpen: false,\n                                      isDisabled: false,\n                                  })\n                            : undefined\n                    }\n                />\n                <DesktopFilters>\n                    {categoryFilter &&\n                        isValidArray(categoryFilter?.items, false) && (\n                            <Select\n                                isInverted={isInverted}\n                                items={categoryFilter.items}\n                                placeholder={categoryFilter.label}\n                                icon={filterIcon}\n                                indicator={indicator}\n                                resetLabel={categoryFilter.resetLabel}\n                                onChange={(value) =>\n                                    setFilters((prev) => ({\n                                        ...prev,\n                                        categoryFilter: value,\n                                    }))\n                                }\n                                selectedItems={filters.categoryFilter}\n                                hasBorders={hasBorders}\n                            />\n                        )}\n                    {textFilter && (\n                        <TextFilter\n                            isInverted={isInverted}\n                            icon={textFilter.icon}\n                            submitIcon={textFilter.submitIcon}\n                            clearIcon={textFilter.clearIcon}\n                            placeholder={textFilter.placeholder}\n                            value={filters.textFilter}\n                            onSubmit={(value) => {\n                                setFilters((prev) => ({\n                                    ...prev,\n                                    textFilter: value,\n                                }));\n                            }}\n                            hasBorders={hasBorders}\n                        />\n                    )}\n                </DesktopFilters>\n            </FilterView>\n            <Portal isVisible={isMobileBarOpen}>\n                <MobileBarStage>\n                    <MobileBarBackdrop onClick={handleMobileBarClose} />\n                    <MobileBarContent>\n                        <FilterBarHead>\n                            <Copy type=\"copy-b\" size=\"big\">\n                                {toggleLabel}\n                            </Copy>\n                            {closeIconElement && (\n                                <FilterBarCloseBtn\n                                    onClick={handleMobileBarClose}\n                                >\n                                    {closeIconElement}\n                                </FilterBarCloseBtn>\n                            )}\n                        </FilterBarHead>\n                        <MobileBarMain>\n                            {textFilter && (\n                                <FilterField\n                                    icon={textFilter.icon}\n                                    submitIcon={textFilter.submitIcon}\n                                    clearIcon={textFilter.clearIcon}\n                                    placeholder={textFilter.placeholder}\n                                    value={mobileTextFilter}\n                                    onSubmit={setMobileTextFilter}\n                                />\n                            )}\n                            {categoryFilter &&\n                                isValidArray(categoryFilter?.items, false) && (\n                                    <MultiselectDropdown\n                                        inlined\n                                        items={categoryFilter.items}\n                                        placeholder={categoryFilter.label}\n                                        icon={filterIcon}\n                                        indicator={indicator}\n                                        resetLabel={categoryFilter.resetLabel}\n                                        selectedItems={mobileCategoryFilter}\n                                        onChange={setMobileCategoryFilter}\n                                    />\n                                )}\n                            {mobileSubmitLabel && (\n                                <MobileBarSubmitPointer\n                                    onClick={handleMobileBarSubmit}\n                                >\n                                    <Pointer.Label>\n                                        {mobileSubmitLabel}\n                                    </Pointer.Label>\n                                    <Pointer.Icon>\n                                        <Icons.AngleRight />\n                                    </Pointer.Icon>\n                                </MobileBarSubmitPointer>\n                            )}\n                        </MobileBarMain>\n                    </MobileBarContent>\n                </MobileBarStage>\n            </Portal>\n        </Fragment>\n    );\n};\n\nexport default FilterBar;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","FactsWrapper","templateObject_2","Fact","span","templateObject_3","copyStyle","_a","theme","isInverted","color","text","copyInverted","copy","POIFacts","facts","customFact","React","createElement","map","fact","i","key","concat","name","Check","elementBg","light","dark","global","sections","edgeRadius","Title","Copy","Description","Body","templateObject_4","mq","semilarge","spacer","Col","templateObject_5","large","InfoCol","templateObject_6","Action","templateObject_7","Portal","isVisible","root","children","rootRef","useRef","useEffect","current","document","body","createPortal","react","equal","a","b","constructor","length","keys","Array","isArray","RegExp","source","flags","valueOf","Object","prototype","toString","hasOwnProperty","call","$$typeof","FilterView","TextFilter","FilterField","hasBorders","undefined","Select","MultiselectDropdown","OverlayToggleView","button","withRange","getFormFieldTextSize","medium","Counter","default","inverted","Indicator","Icon","Label","templateObject_8","OverlayToggle","label","selected","onClick","icon","indicator","className","iconElement","colors","useLibTheme","size","Icons","iconColor","DesktopFilters","templateObject_9","MobileBarStage","templateObject_10","MobileBarBackdrop","templateObject_11","MobileBarContent","templateObject_12","FilterBarHead","templateObject_13","FilterBarCloseBtn","templateObject_14","MobileBarMain","MobileBarSubmitPointer","Pointer","templateObject_16","value","onChange","_c","mobileSubmitLabel","toggleLabel","categoryFilter","textFilter","closeIcon","filterIcon","_d","useState","filters","setFilters","lastFilters","_e","isMobileBarOpen","setIsMobileBarOpen","_f","mobileTextFilter","setMobileTextFilter","_g","mobileCategoryFilter","setMobileCategoryFilter","handleMobileBarClose","overallSelected","_b","closeIconElement","width","height","Fragment","prev","isOpen","isDisabled","isValidArray","items","placeholder","resetLabel","__assign","selectedItems","submitIcon","clearIcon","onSubmit","type","inlined","AngleRight","shortDescription","infos","action","hasFacts","hasInfos","innerHTML","InfoList"],"mappings":"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"}

package/cjs/{FilterField-7efcacb7.js → FilterField-d204feb1.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"),o=require("./styles-13e5d9ac.js"),r=require("./useLazyInput-911b8eda.js");function l(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,d,s,u,c=l(e),p=l(t),f=p.default.div.withConfig({displayName:"FilterField__View",componentId:"sc-1reb7yx-0"})(a||(a=n.__makeTemplateObject(["\n    display: flex;\n    height: 45px;\n    border: solid 1px\n        ",";\n    border-radius: ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: flex;\n    height: 45px;\n    border: solid 1px\n        ",";\n    border-radius: ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?o.getColors(e).elementBg.light:o.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return o.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.theme;return n.isInverted?o.getFonts(e).copy.medium.colorInverted:o.getFonts(e).copy.medium.color}),(function(n){var e=n.theme,t=n.isInverted;return"1px solid ".concat(t?o.getColors(e).primary.inverted:o.getColors(e).primary.default)})),g=p.default.input.withConfig({displayName:"FilterField__Field",componentId:"sc-1reb7yx-1"})(d||(d=n.__makeTemplateObject(["\n    flex: 1 1 auto;\n    min-width: 20%;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px ","px;\n\n    &:not(:first-child) {\n        padding-left: 0px;\n    }\n\n    &:not(:last-child) {\n        padding-right: 0px;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    flex: 1 1 auto;\n    min-width: 20%;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px ","px;\n\n    &:not(:first-child) {\n        padding-left: 0px;\n    }\n\n    &:not(:last-child) {\n        padding-right: 0px;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"])),i.copyStyle("copy","medium"),2*o.spacings.nudge,o.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?o.getColors(e).text.subtileInverted:o.getColors(e).text.subtile})),h=p.default.div.withConfig({displayName:"FilterField__Icon",componentId:"sc-1reb7yx-2"})(s||(s=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),o.spacings.nudge,2*o.spacings.nudge),m=p.default.button.withConfig({displayName:"FilterField__ClearBtn",componentId:"sc-1reb7yx-3"})(u||(u=n.__makeTemplateObject(["\n    flex: 0 0 auto;\n\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"],["\n    flex: 0 0 auto;\n\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])),o.spacings.nudge,2*o.spacings.nudge,(function(n){var e=n.theme,t=n.isInverted;return"2px solid ".concat(t?o.getColors(e).primary.inverted:o.getColors(e).primary.default)}));exports.FilterField=function(t){var i=t.isInverted,o=t.value,l=t.initialValue,a=t.placeholder,d=t.onSubmit,s=t.onBlur,u=t.icon,p=t.submitIcon,x=t.clearIcon,b=t.className,v=r.useLazyInput((function(n){null==d||d(n)}),l||""),y=v.update,w=v.value,I=v.forceUpdate;e.useEffect((function(){void 0!==o&&y(o)}),[y,o]);var C=u?u(i):null,_=p?p(i):c.default.createElement(n.Magnifier,{width:20,height:20}),F=x?x(i):c.default.createElement(n.Cross,{width:20,height:20});return c.default.createElement(f,{isInverted:i,className:b},C&&c.default.createElement(h,null,C),c.default.createElement(g,{type:"text",isInverted:i,value:w,placeholder:a,onChange:function(n){var e,t=null===(e=null==n?void 0:n.currentTarget)||void 0===e?void 0:e.value;void 0!==t&&y(t,""===t)},onBlur:s,onKeyDown:function(n){"Enter"===n.key&&I()}}),""===w&&_&&c.default.createElement(h,null,_),""!==w&&F&&c.default.createElement(m,{isInverted:i,"aria-label":"clear filter",onClick:function(){y("",!0)}},F))};
-//# sourceMappingURL=FilterField-7efcacb7.js.map
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-2a9d4b5d.js"),o=require("./styles-13e5d9ac.js"),r=require("./useLazyInput-911b8eda.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var l,d,s,u,c=a(e),p=a(t),f=p.default.div.withConfig({displayName:"FilterField__View",componentId:"sc-1reb7yx-0"})(l||(l=n.__makeTemplateObject(["\n    display: flex;\n    height: 45px;\n    border: solid 1px\n        ",";\n    border-radius: ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: flex;\n    height: 45px;\n    border: solid 1px\n        ",";\n    border-radius: ",";\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?o.getColors(e).elementBg.light:o.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return o.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.theme;return n.isInverted?o.getFonts(e).copy.medium.colorInverted:o.getFonts(e).copy.medium.color}),(function(n){var e=n.theme,t=n.isInverted;return"1px solid ".concat(t?o.getColors(e).primary.inverted:o.getColors(e).primary.default)})),g=p.default.input.withConfig({displayName:"FilterField__Field",componentId:"sc-1reb7yx-1"})(d||(d=n.__makeTemplateObject(["\n    flex: 1 1 auto;\n    min-width: 20%;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px ","px;\n\n    &:not(:first-child) {\n        padding-left: 0px;\n    }\n\n    &:not(:last-child) {\n        padding-right: 0px;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    flex: 1 1 auto;\n    min-width: 20%;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ","\n    line-height: 1;\n\n    padding: ","px ","px;\n\n    &:not(:first-child) {\n        padding-left: 0px;\n    }\n\n    &:not(:last-child) {\n        padding-right: 0px;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"])),i.copyStyle("copy","medium"),2*o.spacings.nudge,o.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?o.getColors(e).text.subtileInverted:o.getColors(e).text.subtile})),h=p.default.div.withConfig({displayName:"FilterField__Icon",componentId:"sc-1reb7yx-2"})(s||(s=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-right: ","px;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),o.spacings.nudge,2*o.spacings.nudge),m=p.default.button.withConfig({displayName:"FilterField__ClearBtn",componentId:"sc-1reb7yx-3"})(u||(u=n.__makeTemplateObject(["\n    flex: 0 0 auto;\n\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    margin-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.8;\n        }\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"],["\n    flex: 0 0 auto;\n\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ","px;\n    padding-left: ","px;\n    margin-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.8;\n        }\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ",";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])),o.spacings.nudge,o.spacings.nudge,o.spacings.nudge,(function(n){var e=n.theme,t=n.isInverted;return"2px solid ".concat(t?o.getColors(e).primary.inverted:o.getColors(e).primary.default)}));exports.FilterField=function(t){var i=t.isInverted,o=t.value,a=t.initialValue,l=t.placeholder,d=t.onSubmit,s=t.onBlur,u=t.icon,p=t.submitIcon,x=t.clearIcon,v=t.className,b=r.useLazyInput((function(n){null==d||d(n)}),a||""),y=b.update,w=b.value,I=b.forceUpdate;e.useEffect((function(){void 0!==o&&y(o)}),[y,o]);var C=u?u(i):null,_=p?p(i):c.default.createElement(n.Magnifier,{width:20,height:20}),F=x?x(i):c.default.createElement(n.Cross,{width:20,height:20});return c.default.createElement(f,{isInverted:i,className:v},C&&c.default.createElement(h,null,C),c.default.createElement(g,{type:"text",isInverted:i,value:w,placeholder:l,onChange:function(n){var e,t=null===(e=null==n?void 0:n.currentTarget)||void 0===e?void 0:e.value;void 0!==t&&y(t,""===t)},onBlur:s,onKeyDown:function(n){"Enter"===n.key&&I()}}),""===w&&_&&c.default.createElement(h,null,_),""!==w&&F&&c.default.createElement(m,{isInverted:i,"aria-label":"clear filter",onClick:function(){y("",!0)}},F))};
+//# sourceMappingURL=FilterField-d204feb1.js.map

package/cjs/FilterField-d204feb1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterField-d204feb1.js","sources":["../src/components/fields/FilterField.tsx"],"sourcesContent":["import React, { FC, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    spacings,\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n} from 'utils/styles';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport useLazyInput from 'utils/useLazyInput';\nimport Cross from 'components/base/icons/Cross';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    height: 45px;\n    border: solid 1px\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme).copy.medium.colorInverted\n            : font(theme).copy.medium.color};\n\n    &:focus-within {\n        outline: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Field = styled.input<{ isInverted?: boolean }>`\n    flex: 1 1 auto;\n    min-width: 20%;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ${copyStyle('copy', 'medium')}\n    line-height: 1;\n\n    padding: ${spacings.nudge * 2}px ${spacings.nudge}px;\n\n    &:not(:first-child) {\n        padding-left: 0px;\n    }\n\n    &:not(:last-child) {\n        padding-right: 0px;\n    }\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nconst Icon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-right: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n`;\n\nconst ClearBtn = styled.button<{ isInverted?: boolean }>`\n    flex: 0 0 auto;\n\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n    margin-left: ${spacings.nudge}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.8;\n        }\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ${({ theme, isInverted }) =>\n            `2px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nconst FilterField: FC<{\n    isInverted?: boolean;\n    value?: string;\n    initialValue?: string;\n    placeholder?: string;\n    onSubmit?: (value: string) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    submitIcon?: (isInverted?: boolean) => React.ReactNode;\n    clearIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    value,\n    initialValue,\n    placeholder,\n    onSubmit,\n    onBlur,\n    icon,\n    submitIcon,\n    clearIcon,\n    className,\n}) => {\n    const {\n        update,\n        value: getValue,\n        forceUpdate,\n    } = useLazyInput((value) => {\n        onSubmit?.(value);\n    }, initialValue || '');\n\n    useEffect(() => {\n        if (value !== undefined) {\n            update(value);\n        }\n    }, [update, value]);\n\n    const iconElement = icon ? icon(isInverted) : null;\n    const submitIconElement = submitIcon ? (\n        submitIcon(isInverted)\n    ) : (\n        <Magnifier width={20} height={20} />\n    );\n    const clearIconElement = clearIcon ? (\n        clearIcon(isInverted)\n    ) : (\n        <Cross width={20} height={20} />\n    );\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            {iconElement && <Icon>{iconElement}</Icon>}\n            <Field\n                type=\"text\"\n                isInverted={isInverted}\n                value={getValue}\n                placeholder={placeholder}\n                onChange={(ev) => {\n                    const newValue = ev?.currentTarget?.value;\n                    if (newValue !== undefined) {\n                        update(newValue, newValue === '');\n                    }\n                }}\n                onBlur={onBlur}\n                onKeyDown={(ev) => {\n                    if (ev.key === 'Enter') {\n                        forceUpdate();\n                    }\n                }}\n            />\n            {getValue === '' && submitIconElement && (\n                <Icon>{submitIconElement}</Icon>\n            )}\n            {getValue !== '' && clearIconElement && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    aria-label=\"clear filter\"\n                    onClick={() => {\n                        update('', true);\n                    }}\n                >\n                    {clearIconElement}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default FilterField;\n"],"names":["View","styled","div","withConfig","displayName","componentId","_a","theme","isInverted","color","elementBg","light","dark","global","sections","edgeRadius","font","getFonts","copy","medium","colorInverted","primary","inverted","default","Field","input","templateObject_2","__makeTemplateObject","copyStyle","spacings","nudge","text","subtileInverted","subtile","Icon","templateObject_3","ClearBtn","button","templateObject_4","value","initialValue","placeholder","onSubmit","onBlur","icon","submitIcon","clearIcon","className","_b","useLazyInput","update","getValue","forceUpdate","useEffect","undefined","iconElement","submitIconElement","React","createElement","Magnifier","width","height","clearIconElement","Cross","type","onChange","ev","newValue","currentTarget","onKeyDown","key","onClick"],"mappings":"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"}