@blateral/b.kit 2.8.0 → 2.8.1

package/cjs/{FilterBar-2266ee4d.js → FilterBar-0781490f.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-ce2084d6.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-2266ee4d.js.map
+"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

package/cjs/{FilterBar-2266ee4d.js.map → FilterBar-0781490f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FilterBar-2266ee4d.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                <Counter size=\"small\">\n                    <span>{selected || 0}</span>\n                </Counter>\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-reverse;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-right: ${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                    {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                    {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                </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","submitIcon","clearIcon","placeholder","onSubmit","__assign","isValidArray","items","resetLabel","selectedItems","type","inlined","AngleRight","shortDescription","infos","action","hasFacts","hasInfos","innerHTML","InfoList"],"mappings":"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"}
+{"version":3,"file":"FilterBar-0781490f.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                <Counter size=\"small\">\n                    <span>{selected || 0}</span>\n                </Counter>\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-reverse;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-right: ${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                    {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                    {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                </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","submitIcon","clearIcon","placeholder","onSubmit","__assign","isValidArray","items","resetLabel","selectedItems","type","inlined","AngleRight","shortDescription","infos","action","hasFacts","hasInfos","innerHTML","InfoList"],"mappings":"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"}

package/cjs/MultiselectDropdown-a16ea1c9.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),r=require("./Copy-a0bc570d.js"),i=require("./LibThemeProvider-69109901.js"),o=require("./styles-13e5d9ac.js"),l=require("./formFieldText-046fcbf4.js"),a=require("./useMounted-0bba9869.js"),s=require("./Checkbox-8dccd42f.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,c,p,f,m,g,b,h,x,w,v=d(n),y=d(t),_=y.default.button.withConfig({displayName:"MultiselectDropdown__Select",componentId:"sc-rrwdl0-0"})(u||(u=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ",";\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n    line-height: normal;\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ",";\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n    line-height: normal;\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),(function(e){return e.inlined?"default":"pointer"}),o.spacings.nudge,(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?o.getColors(n).errorInverted:o.getColors(n).elementBg.light:r?o.getColors(n).error:o.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return o.getGlobals(n).sections.edgeRadius}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return o.withRange(l.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?o.getColors(n).text.errorInverted:o.getFonts(n).copy.small.colorInverted:r?o.getColors(n).text.error:o.getFonts(n).copy.small.color}),(function(e){var n=e.theme,t=e.isInverted,r=e.isOpen;return"1px solid ".concat(r?"transparent":t?o.getColors(n).primary.inverted:o.getColors(n).primary.default)}),o.spacings.nudge),k=y.default(r.Copy).withConfig({displayName:"MultiselectDropdown__SelectMain",componentId:"sc-rrwdl0-1"})(c||(c=e.__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"])),o.spacings.nudge),C=y.default.span.withConfig({displayName:"MultiselectDropdown__Indicator",componentId:"sc-rrwdl0-2"})(p||(p=e.__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"])),o.spacings.nudge),I=y.default.ul.withConfig({displayName:"MultiselectDropdown__Flyout",componentId:"sc-rrwdl0-3"})(f||(f=e.__makeTemplateObject(["\n    list-style: none;\n    padding: ","px ","px;\n    margin: 0;\n    margin-top: ",";\n\n    position: ",";\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ",";\n    background: ",";\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ",";\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n"],["\n    list-style: none;\n    padding: ","px ","px;\n    margin: 0;\n    margin-top: ",";\n\n    position: ",";\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ",";\n    background: ",";\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ",";\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n"])),o.spacings.nudge,2*o.spacings.nudge,(function(e){return e.inlined&&"3px"}),(function(e){return e.inlined?"relative":"absolute"}),(function(e){return e.isVisible?"block":"none"}),(function(e){var n=e.theme;return o.getColors(n).elementBg.light}),(function(e){var n=e.theme;return e.isInverted?o.getColors(n).elementBg.light:o.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return o.getGlobals(n).sections.edgeRadius}),(function(e){var n=e.theme;return o.getColors(n).elementBg.medium})),E=y.default.li.withConfig({displayName:"MultiselectDropdown__ItemStyle",componentId:"sc-rrwdl0-4"})(m||(m=e.__makeTemplateObject(["\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n"],["\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n"]))),M=y.default(s.Checkbox).withConfig({displayName:"MultiselectDropdown__ItemCheckbox",componentId:"sc-rrwdl0-5"})(g||(g=e.__makeTemplateObject(["\n    width: 100%;\n"],["\n    width: 100%;\n"]))),j=y.default.div.withConfig({displayName:"MultiselectDropdown__Container",componentId:"sc-rrwdl0-6"})(b||(b=e.__makeTemplateObject(["\n    position: relative;\n    outline: none;\n"],["\n    position: relative;\n    outline: none;\n"]))),D=y.default(r.Copy).withConfig({displayName:"MultiselectDropdown__Counter",componentId:"sc-rrwdl0-7"})(h||(h=e.__makeTemplateObject(["\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ",";\n\n    line-height: normal;\n    color: ",";\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"],["\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ",";\n\n    line-height: normal;\n    color: ",";\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"])),(function(e){var n=e.theme;return o.getColors(n).text.default}),(function(e){var n=e.theme;return o.getColors(n).text.inverted})),T=y.default.button.withConfig({displayName:"MultiselectDropdown__Reset",componentId:"sc-rrwdl0-8"})(x||(x=e.__makeTemplateObject(["\n    background: none;\n    border: none;\n    padding: 0;\n\n    ",";\n    margin-top: ","px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    background: none;\n    border: none;\n    padding: 0;\n\n    ",";\n    margin-top: ","px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ",";\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),r.copyStyle("copy","small"),2*o.spacings.nudge,(function(e){var n=e.theme;return o.getFonts(n).link.color})),O=y.default.div.withConfig({displayName:"MultiselectDropdown__Icon",componentId:"sc-rrwdl0-9"})(w||(w=e.__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"])),o.spacings.nudge),B=v.default.memo((function(t){var r=t.label,o=t.isRequired,s=t.errorMessage,d=t.infoMessage,u=t.isDisabled,c=t.isInverted,p=t.items,f=t.name,m=t.selectedItems,g=t.placeholder,b=t.resetLabel,h=t.inlined,x=t.icon,w=t.onChange,y=t.onBlur,B=t.indicator,F=t.className,N=i.useLibTheme().colors,q=n.useState(h||!1),z=q[0],R=q[1],S=n.useState(m||[]),L=S[0],A=S[1],V=n.useRef(null),W=n.useRef(null),G=a.useMounted(),H=n.useRef(!1);n.useEffect((function(){m&&A(m)}),[m]),n.useEffect((function(){G&&(null==w||w(L))}),[L]),u&&(s="");var P=null==x?void 0:x(c);return v.default.createElement(l.FieldWrapper.View,{isDisabled:u,className:F},v.default.createElement(l.FieldWrapper.Head,{label:r,isRequired:o,isInverted:c}),v.default.createElement(l.FieldWrapper.Content,null,v.default.createElement(j,{ref:W,onBlur:function(e){var n;h||(null===(n=W.current)||void 0===n?void 0:n.contains(e.relatedTarget))||H.current||(R(!1),null==y||y())}},v.default.createElement(_,{ref:V,type:"button",isOpen:z,inlined:h,isInverted:c,hasError:!!s,onClick:function(){h||R((function(e){return!e}))},"aria-expanded":z},v.default.createElement(k,null,P&&v.default.createElement(O,null,P),v.default.createElement("span",null,g)),v.default.createElement(C,null,v.default.createElement(D,{size:"small"},v.default.createElement("span",null,L.length)),B&&B({isOpen:z,isDisabled:u}),!B&&(z?v.default.createElement(e.AngleUp,{iconColor:u?N.elementBg.medium:N.elementBg.dark}):v.default.createElement(e.AngleDown,{iconColor:u?N.elementBg.medium:N.elementBg.dark})))),v.default.createElement(I,{isVisible:z,inlined:h},p.map((function(n,t){var r=L.includes(n.value);return v.default.createElement(E,{key:"key_".concat(t+1),onMouseDown:function(){H.current=!0}},v.default.createElement(M,{isSelected:r,value:n.value,onChange:function(){var t;t=n.value,L.includes(t)?A((function(e){return e.filter((function(e){return e!==t}))})):A((function(n){return e.__spreadArray(e.__spreadArray([],n,!0),[t],!1)})),H.current=!1},label:n.label}))})),b&&v.default.createElement(T,{onClick:function(){return A([])}},b))),v.default.createElement("select",{name:f,multiple:!0,hidden:!0,defaultValue:L},p.map((function(e,n){return v.default.createElement("option",{key:"key_".concat(n),value:e.value},e.label)})))),v.default.createElement(l.FieldWrapper.Messages,{infoMessage:d,errorMessage:s,isInverted:c}))}),(function(e,n){if(!e.enableMemo)return!1;if(e.selectedItems!==n.selectedItems)return!1;if(e.errorMessage!==n.errorMessage)return!1;if(e.infoMessage!==n.infoMessage)return!1;if(e.label!==n.label)return!1;if(e.placeholder!==n.placeholder)return!1;if(e.resetLabel!==n.resetLabel)return!1;if(e.isInverted!==n.isInverted)return!1;if(e.isDisabled!==n.isDisabled)return!1;if(e.inlined!==n.inlined)return!1;if(e.items.length!==n.items.length)return!1;for(var t=0;t<e.items.length;t++)if(e.items[t].label!==n.items[t].label||e.items[t].value!==n.items[t].value)return!1;return!0}));exports.MultiselectDropdown=B;
+//# sourceMappingURL=MultiselectDropdown-a16ea1c9.js.map

package/cjs/MultiselectDropdown-a16ea1c9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiselectDropdown-a16ea1c9.js","sources":["../src/components/fields/MultiselectDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\nimport AngleDown from 'components/base/icons/AngleDown';\nimport AngleUp from 'components/base/icons/AngleUp';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper from './FormField';\nimport { FormProps } from './Textfield';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\nimport useMounted from 'utils/useMounted';\nimport Checkbox from './Checkbox';\n\nconst Select = styled.button<{\n    hasError?: boolean;\n    isOpen?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ${({ inlined }) => (inlined ? 'default' : 'pointer')};\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n    \n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n    line-height: normal;\n\n    &:focus {\n        outline: ${({ theme, isInverted, isOpen }) =>\n            `1px solid ${\n                isOpen\n                    ? 'transparent'\n                    : isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectMain = styled(Copy)`\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 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 Flyout = styled.ul<{\n    isVisible?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    list-style: none;\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n    margin: 0;\n    margin-top: ${({ inlined }) => inlined && '3px'};\n\n    position: ${({ inlined }) => (inlined ? 'relative' : 'absolute')};\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ${({ isVisible }) => (isVisible ? 'block' : 'none')};\n    background: ${({ theme }) => color(theme).elementBg.light};\n    border: 1px solid\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    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n`;\n\nconst ItemStyle = styled.li`\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n`;\n\nconst ItemCheckbox = styled(Checkbox)`\n    width: 100%;\n`;\n\nconst Container = styled.div`\n    position: relative;\n    outline: none;\n`;\n\nconst Counter = styled(Copy)`\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ${({ theme }) => color(theme).text.default};\n\n    line-height: normal;\n    color: ${({ theme }) => color(theme).text.inverted};\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n`;\n\nconst Reset = styled.button`\n    background: none;\n    border: none;\n    padding: 0;\n\n    ${copyStyle('copy', 'small')};\n    margin-top: ${spacings.nudge * 2}px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ${({ theme }) => font(theme).link.color};\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\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\ninterface FilterItem {\n    value: string;\n    label: string;\n}\n\nexport type MultiselectDropdownProps = Omit<FormProps, 'value'> & {\n    enableMemo?: boolean;\n    inlined?: boolean;\n    placeholder?: string;\n    name?: string;\n    selectedItems?: string[];\n    items: FilterItem[];\n    resetLabel?: string;\n\n    onChange?: (values: string[]) => void;\n    onBlur?: () => void;\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    indicator?: (props: {\n        isOpen: boolean;\n        isDisabled?: boolean;\n    }) => React.ReactNode;\n};\n\nconst MultiselectDropdown: React.FC<\n    MultiselectDropdownProps & { className?: string }\n> = ({\n    label,\n    isRequired,\n    errorMessage,\n    infoMessage,\n    isDisabled,\n    isInverted,\n    items,\n    name,\n    selectedItems,\n    placeholder,\n    resetLabel,\n    inlined,\n    icon,\n    onChange,\n    onBlur,\n    indicator,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n    const [isOpen, setIsOpen] = useState(inlined || false);\n    const [selected, setSelected] = useState<string[]>(selectedItems || []);\n\n    const selectBtnRef = useRef<HTMLButtonElement>(null);\n    const selectContainerRef = useRef<HTMLDivElement>(null);\n    const isMounted = useMounted();\n    const itemHasBeenClicked = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (selectedItems) {\n            setSelected(selectedItems);\n        }\n    }, [selectedItems]);\n\n    useEffect(() => {\n        if (isMounted) {\n            onChange?.(selected);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selected]);\n\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    const toggleSelected = (value: string) => {\n        if (selected.includes(value)) {\n            setSelected((prev) => prev.filter((v) => v !== value));\n            return;\n        }\n\n        setSelected((prev) => [...prev, value]);\n    };\n\n    const iconElement = icon?.(isInverted);\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled} className={className}>\n            <FieldWrapper.Head\n                label={label}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <Container\n                    ref={selectContainerRef}\n                    onBlur={(ev) => {\n                        if (\n                            !inlined &&\n                            !selectContainerRef.current?.contains(\n                                ev.relatedTarget\n                            ) &&\n                            !itemHasBeenClicked.current\n                        ) {\n                            setIsOpen(false);\n                            onBlur?.();\n                        }\n                    }}\n                >\n                    <Select\n                        ref={selectBtnRef}\n                        type=\"button\"\n                        isOpen={isOpen}\n                        inlined={inlined}\n                        isInverted={isInverted}\n                        hasError={!!errorMessage}\n                        onClick={() => {\n                            if (inlined) return;\n                            setIsOpen((prev) => !prev);\n                        }}\n                        aria-expanded={isOpen}\n                    >\n                        <SelectMain>\n                            {iconElement && <Icon>{iconElement}</Icon>}\n                            <span>{placeholder}</span>\n                        </SelectMain>\n                        <Indicator>\n                            <Counter size=\"small\">\n                                <span>{selected.length}</span>\n                            </Counter>\n                            {indicator &&\n                                indicator({ isOpen, isDisabled: isDisabled })}\n                            {!indicator &&\n                                (isOpen ? (\n                                    <AngleUp\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ) : (\n                                    <AngleDown\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ))}\n                        </Indicator>\n                    </Select>\n                    <Flyout isVisible={isOpen} inlined={inlined}>\n                        {items.map((item, i) => {\n                            const isSelected = selected.includes(item.value);\n\n                            return (\n                                <ItemStyle\n                                    key={`key_${i + 1}`}\n                                    onMouseDown={() => {\n                                        itemHasBeenClicked.current = true;\n                                    }}\n                                >\n                                    <ItemCheckbox\n                                        isSelected={isSelected}\n                                        value={item.value}\n                                        onChange={() => {\n                                            toggleSelected(item.value);\n                                            itemHasBeenClicked.current = false;\n                                        }}\n                                        label={item.label}\n                                    />\n                                </ItemStyle>\n                            );\n                        })}\n                        {resetLabel && (\n                            <Reset onClick={() => setSelected([])}>\n                                {resetLabel}\n                            </Reset>\n                        )}\n                    </Flyout>\n                </Container>\n                <select name={name} multiple hidden defaultValue={selected}>\n                    {items.map((item, i) => {\n                        return (\n                            <option key={`key_${i}`} value={item.value}>\n                                {item.label}\n                            </option>\n                        );\n                    })}\n                </select>\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMessage={infoMessage}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (\n    prev: MultiselectDropdownProps,\n    next: MultiselectDropdownProps\n) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.selectedItems !== next.selectedItems) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n    if (prev.resetLabel !== next.resetLabel) return false;\n    if (prev.isInverted !== next.isInverted) return false;\n    if (prev.isDisabled !== next.isDisabled) return false;\n    if (prev.inlined !== next.inlined) return false;\n\n    // compare items\n    if (prev.items.length !== next.items.length) return false;\n    for (let i = 0; i < prev.items.length; i++) {\n        if (\n            prev.items[i].label !== next.items[i].label ||\n            prev.items[i].value !== next.items[i].value\n        ) {\n            return false;\n        }\n    }\n\n    return true;\n};\n\nexport default React.memo(MultiselectDropdown, areEqual);\n"],"names":["Select","styled","button","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","inlined","spacings","nudge","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","getFonts","copy","small","colorInverted","isOpen","primary","inverted","getColors","default","SelectMain","Copy","templateObject_2","Indicator","span","templateObject_3","Flyout","ul","isVisible","medium","ItemStyle","li","templateObject_5","ItemCheckbox","Checkbox","templateObject_6","Container","div","templateObject_7","Counter","templateObject_8","Reset","templateObject_9","link","Icon","templateObject_10","React","memo","label","isRequired","errorMessage","infoMessage","isDisabled","items","name","selectedItems","placeholder","resetLabel","icon","onChange","onBlur","indicator","className","colors","useLibTheme","_b","useState","setIsOpen","_c","selected","setSelected","selectBtnRef","useRef","selectContainerRef","isMounted","useMounted","itemHasBeenClicked","useEffect","iconElement","createElement","FieldWrapper","View","Head","Content","ref","ev","current","contains","relatedTarget","type","onClick","prev","size","length","AngleUp","iconColor","AngleDown","map","item","i","isSelected","includes","value","key","concat","onMouseDown","filter","v","__spreadArray","multiple","hidden","defaultValue","Messages","next","enableMemo"],"mappings":"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"}

package/cjs/blocks.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-c545ca8d.js"),r=require("./Actions-c52a14e4.js"),s=require("./Bdot-62c8e349.js"),i=require("./VideoBlock-1fbf598b.js"),t=require("./Image-94820dfd.js"),o=require("./LanguageSwitcher-aa96cc7d.js"),c=require("./EventBlock-4e406696.js"),a=require("./Tag-937849ad.js"),u=require("./FilterBar-2266ee4d.js"),l=require("./InfoList-e416058c.js"),d=require("./SocialList-aec9a5c2.js");require("./Filter-89286db9.js"),require("react"),require("styled-components"),require("./Copy-a0bc570d.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-69109901.js"),require("./styles-13e5d9ac.js"),require("react-dom/server"),require("./Link-8951180c.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),require("./FilterField-7efcacb7.js"),require("./useLazyInput-911b8eda.js"),require("./MultiselectDropdown-ce2084d6.js"),require("./formFieldText-046fcbf4.js"),require("./useMounted-0bba9869.js"),require("./Checkbox-8dccd42f.js"),require("./useScroll-2f086e7f.js"),require("react-dom"),require("./Pointer-331140b6.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.IntroBlock=i.IntroBlock,exports.VideoBlock=i.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=o.LanguageSwitcher,exports.EventBlock=c.EventBlock,exports.Tag=a.Tag,exports.FilterBar=u.FilterBar,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=l.InfoList,exports.SocialList=d.SocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-c545ca8d.js"),r=require("./Actions-c52a14e4.js"),s=require("./Bdot-62c8e349.js"),i=require("./VideoBlock-1fbf598b.js"),t=require("./Image-94820dfd.js"),o=require("./LanguageSwitcher-aa96cc7d.js"),c=require("./EventBlock-4e406696.js"),a=require("./Tag-937849ad.js"),u=require("./FilterBar-0781490f.js"),l=require("./InfoList-e416058c.js"),d=require("./SocialList-aec9a5c2.js");require("./Filter-89286db9.js"),require("react"),require("styled-components"),require("./Copy-a0bc570d.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-69109901.js"),require("./styles-13e5d9ac.js"),require("react-dom/server"),require("./Link-8951180c.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),require("./FilterField-7efcacb7.js"),require("./useLazyInput-911b8eda.js"),require("./MultiselectDropdown-a16ea1c9.js"),require("./formFieldText-046fcbf4.js"),require("./useMounted-0bba9869.js"),require("./Checkbox-8dccd42f.js"),require("./useScroll-2f086e7f.js"),require("react-dom"),require("./Pointer-331140b6.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.IntroBlock=i.IntroBlock,exports.VideoBlock=i.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=o.LanguageSwitcher,exports.EventBlock=c.EventBlock,exports.Tag=a.Tag,exports.FilterBar=u.FilterBar,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=l.InfoList,exports.SocialList=d.SocialList;
 //# sourceMappingURL=blocks.js.map

package/cjs/fields.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),o=require("./LibThemeProvider-69109901.js"),r=require("./styles-13e5d9ac.js"),i=require("./FilterField-7efcacb7.js"),a=require("./formFieldText-046fcbf4.js"),l=require("./Textarea-599e94a4.js"),c=require("./Checkbox-8dccd42f.js"),s=require("./MultiselectDropdown-ce2084d6.js"),u=require("./Textfield-24f468be.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./Copy-a0bc570d.js"),require("./clamp-bd21d587.js"),require("./useLazyInput-911b8eda.js"),require("./ButtonGhost-fbab8769.js"),require("./hexRgbConverter-91b28aea.js"),require("./Button-1adf99b8.js"),require("react-datepicker"),require("./useLeafletMap-514304b6.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js"),require("./arrays-c272ed59.js");var p,f,m,h,g,b,x,v,w=d(e),y=d(t),k=y.default.form.withConfig({displayName:"CompactForm__View",componentId:"sc-v44fzp-0"})(p||(p=n.__makeTemplateObject(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ",";\n\n    @media "," {\n        flex-direction: row;\n    }\n"],["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ",";\n\n    @media "," {\n        flex-direction: row;\n    }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),r.mq.medium),C=y.default.input.withConfig({displayName:"CompactForm__InputField",componentId:"sc-v44fzp-1"})(f||(f=n.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ","px ","px;\n    color: inherit;\n\n    background-color: ",";\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: ",";\n    ","\n    line-height: ",";\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n"],["\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ","px ","px;\n    color: inherit;\n\n    background-color: ",";\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: ",";\n    ","\n    line-height: ",";\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n"])),r.spacings.nudge,3*r.spacings.nudge,(function(n){var e=n.backColor;return e&&e}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.weight}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.lineHeight}),(function(n){var e=n.theme;return"2px solid ".concat(r.getColors(e).primary.default)})),j=y.default.button.withConfig({displayName:"CompactForm__SubmitBtn",componentId:"sc-v44fzp-2"})(m||(m=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ","px;\n\n    background-color: ",";\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media "," {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ","px;\n\n    background-color: ",";\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media "," {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),.5*r.spacings.spacer,(function(n){var e=n.theme;return r.getColors(e).primary.default}),(function(n){var e=n.theme;return r.getColors(e).text.inverted}),r.mq.medium),_=y.default.div.withConfig({displayName:"SearchInput__View",componentId:"sc-21j67n-0"})(h||(h=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ",";\n\n    background-color: ",";\n"],["\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ",";\n\n    background-color: ",";\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).elementBg.light:r.getColors(e).elementBg.medium})),F=y.default.input.withConfig({displayName:"SearchInput__InputField",componentId:"sc-21j67n-1"})(g||(g=n.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ","px ","px;\n    padding-left: ",";\n    padding-right: ",";\n    color: inherit;\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\n    font-family: ",";\n    font-weight: 400;\n    ","\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ","px ","px;\n    padding-left: ",";\n    padding-right: ",";\n    color: inherit;\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\n    font-family: ",";\n    font-weight: 400;\n    ","\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),3*r.spacings.nudge,3.5*r.spacings.nudge,(function(n){return n.hasLeftIcon&&2.5*r.spacings.spacer+"px"}),(function(n){return n.hasRightIcon&&2.5*r.spacings.spacer+"px"}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return"1px solid ".concat(r.getColors(e).primary.default)})),I=y.default.button.withConfig({displayName:"SearchInput__ControlBtn",componentId:"sc-21j67n-2"})(b||(b=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default})),q=y.default(I).withConfig({displayName:"SearchInput__SubmitBtn",componentId:"sc-21j67n-3"})(x||(x=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n"]))),T=y.default(I).withConfig({displayName:"SearchInput__ClearBtn",componentId:"sc-21j67n-4"})(v||(v=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n"])));exports.FilterField=i.FilterField,exports.FormField=a.FieldWrapper,exports.Datepicker=l.DatepickerCmp,exports.FileUpload=l.FileUploadCmp,exports.LocationField=l.LocationField,exports.Radio=l.RadioButton,exports.SelectDropdown=l.SelectDropdown,exports.Textarea=l.Textarea,exports.Checkbox=c.Checkbox,exports.MultiselectDropdown=s.MultiselectDropdown,exports.Textfield=u.Textfield,exports.CompactForm=function(n){var e=n.mode,t=void 0===e?"default":e,r=n.value,i=n.placeholder,a=n.method,l=n.action,c=n.buttonIcon,s=n.onSubmit,u=n.onClick,d=n.onBlur,p=n.onFocus,f=n.className,m=o.useLibTheme().colors,h="default"===t?m.elementBg.medium:m.elementBg.light;return w.default.createElement(k,{onSubmit:s,method:a,action:l,className:f},w.default.createElement(C,{placeholder:i,value:r,onClick:u,onBlur:d,onFocus:p,backColor:h}),c&&w.default.createElement(j,{isInverted:"onDark"===t},c))},exports.SearchInput=function(n){var e=n.isInverted,t=void 0!==e&&e,o=n.value,r=n.placeholder,i=n.submitIcon,a=n.clearIcon,l=n.onSubmit,c=n.onClick,s=n.onClear,u=n.onBlur,d=n.onFocus,p=n.className;return w.default.createElement(_,{isInverted:t,className:p},i&&w.default.createElement(q,{isInverted:t,onClick:function(){return l&&l()}},i),w.default.createElement(F,{hasLeftIcon:void 0!==i,hasRightIcon:void 0!==a,placeholder:r,value:o,onClick:c,onBlur:u,onFocus:d,onKeyDown:function(n){13===n.keyCode&&(l&&l(),n.preventDefault())}}),a&&w.default.createElement(T,{isInverted:t,onClick:function(){return s&&s()}},a))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),o=require("./LibThemeProvider-69109901.js"),r=require("./styles-13e5d9ac.js"),i=require("./FilterField-7efcacb7.js"),a=require("./formFieldText-046fcbf4.js"),l=require("./Textarea-599e94a4.js"),c=require("./Checkbox-8dccd42f.js"),s=require("./MultiselectDropdown-a16ea1c9.js"),u=require("./Textfield-24f468be.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./Copy-a0bc570d.js"),require("./clamp-bd21d587.js"),require("./useLazyInput-911b8eda.js"),require("./ButtonGhost-fbab8769.js"),require("./hexRgbConverter-91b28aea.js"),require("./Button-1adf99b8.js"),require("react-datepicker"),require("./useLeafletMap-514304b6.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js"),require("./arrays-c272ed59.js");var p,f,m,h,g,b,x,v,w=d(e),y=d(t),k=y.default.form.withConfig({displayName:"CompactForm__View",componentId:"sc-v44fzp-0"})(p||(p=n.__makeTemplateObject(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ",";\n\n    @media "," {\n        flex-direction: row;\n    }\n"],["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ",";\n\n    @media "," {\n        flex-direction: row;\n    }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),r.mq.medium),C=y.default.input.withConfig({displayName:"CompactForm__InputField",componentId:"sc-v44fzp-1"})(f||(f=n.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ","px ","px;\n    color: inherit;\n\n    background-color: ",";\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: ",";\n    ","\n    line-height: ",";\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n"],["\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ","px ","px;\n    color: inherit;\n\n    background-color: ",";\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: ",";\n    ","\n    line-height: ",";\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n"])),r.spacings.nudge,3*r.spacings.nudge,(function(n){var e=n.backColor;return e&&e}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.weight}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.lineHeight}),(function(n){var e=n.theme;return"2px solid ".concat(r.getColors(e).primary.default)})),j=y.default.button.withConfig({displayName:"CompactForm__SubmitBtn",componentId:"sc-v44fzp-2"})(m||(m=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ","px;\n\n    background-color: ",";\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media "," {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ","px;\n\n    background-color: ",";\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media "," {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),.5*r.spacings.spacer,(function(n){var e=n.theme;return r.getColors(e).primary.default}),(function(n){var e=n.theme;return r.getColors(e).text.inverted}),r.mq.medium),_=y.default.div.withConfig({displayName:"SearchInput__View",componentId:"sc-21j67n-0"})(h||(h=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ",";\n\n    background-color: ",";\n"],["\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ",";\n\n    background-color: ",";\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).elementBg.light:r.getColors(e).elementBg.medium})),F=y.default.input.withConfig({displayName:"SearchInput__InputField",componentId:"sc-21j67n-1"})(g||(g=n.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ","px ","px;\n    padding-left: ",";\n    padding-right: ",";\n    color: inherit;\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\n    font-family: ",";\n    font-weight: 400;\n    ","\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ","px ","px;\n    padding-left: ",";\n    padding-right: ",";\n    color: inherit;\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\n    font-family: ",";\n    font-weight: 400;\n    ","\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),3*r.spacings.nudge,3.5*r.spacings.nudge,(function(n){return n.hasLeftIcon&&2.5*r.spacings.spacer+"px"}),(function(n){return n.hasRightIcon&&2.5*r.spacings.spacer+"px"}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return"1px solid ".concat(r.getColors(e).primary.default)})),I=y.default.button.withConfig({displayName:"SearchInput__ControlBtn",componentId:"sc-21j67n-2"})(b||(b=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default})),q=y.default(I).withConfig({displayName:"SearchInput__SubmitBtn",componentId:"sc-21j67n-3"})(x||(x=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n"]))),T=y.default(I).withConfig({displayName:"SearchInput__ClearBtn",componentId:"sc-21j67n-4"})(v||(v=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n"])));exports.FilterField=i.FilterField,exports.FormField=a.FieldWrapper,exports.Datepicker=l.DatepickerCmp,exports.FileUpload=l.FileUploadCmp,exports.LocationField=l.LocationField,exports.Radio=l.RadioButton,exports.SelectDropdown=l.SelectDropdown,exports.Textarea=l.Textarea,exports.Checkbox=c.Checkbox,exports.MultiselectDropdown=s.MultiselectDropdown,exports.Textfield=u.Textfield,exports.CompactForm=function(n){var e=n.mode,t=void 0===e?"default":e,r=n.value,i=n.placeholder,a=n.method,l=n.action,c=n.buttonIcon,s=n.onSubmit,u=n.onClick,d=n.onBlur,p=n.onFocus,f=n.className,m=o.useLibTheme().colors,h="default"===t?m.elementBg.medium:m.elementBg.light;return w.default.createElement(k,{onSubmit:s,method:a,action:l,className:f},w.default.createElement(C,{placeholder:i,value:r,onClick:u,onBlur:d,onFocus:p,backColor:h}),c&&w.default.createElement(j,{isInverted:"onDark"===t},c))},exports.SearchInput=function(n){var e=n.isInverted,t=void 0!==e&&e,o=n.value,r=n.placeholder,i=n.submitIcon,a=n.clearIcon,l=n.onSubmit,c=n.onClick,s=n.onClear,u=n.onBlur,d=n.onFocus,p=n.className;return w.default.createElement(_,{isInverted:t,className:p},i&&w.default.createElement(q,{isInverted:t,onClick:function(){return l&&l()}},i),w.default.createElement(F,{hasLeftIcon:void 0!==i,hasRightIcon:void 0!==a,placeholder:r,value:o,onClick:c,onBlur:u,onFocus:d,onKeyDown:function(n){13===n.keyCode&&(l&&l(),n.preventDefault())}}),a&&w.default.createElement(T,{isInverted:t,onClick:function(){return s&&s()}},a))};
 //# sourceMappingURL=fields.js.map