@blateral/b.kit 2.8.4 → 3.0.1

package/cjs/FilterBar-238c2290.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-1b9e33ba.js"),l=require("./styles-271afb02.js"),a=require("./arrays-c272ed59.js"),r=require("./InfoList-b4f39949.js"),o=require("./FilterField-c8dc9450.js"),s=require("./MultiselectDropdown-54cd988f.js");require("./useScroll-2f086e7f.js"),require("react-dom/server");var d=require("react-dom"),c=require("./Pointer-b8875387.js"),m=require("./LibThemeProvider-878ed68c.js"),p=require("./formFieldText-fcf0452b.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g,b,x,h,w,y,v,_,I,k,C,F,j,O,E,B,T,N,q,P,S,z,L,A,V,M=u(e),D=u(t),R=D.default.ul.withConfig({displayName:"POIFacts__View",componentId:"sc-zp61fw-0"})(f||(f=n.__makeTemplateObject(["\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    row-gap: ","px;\n    column-gap: ","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    row-gap: ","px;\n    column-gap: ","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.li.withConfig({displayName:"POIFacts__FactsWrapper",componentId:"sc-zp61fw-1"})(g||(g=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"],["\n    display: flex;\n    align-items: center;\n"]))),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,a=e.ariaLabel;return M.default.createElement(R,{"aria-label":a||"POI Facts"},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.h3.withConfig({displayName:"POICard__Title",componentId:"sc-1l0tnmw-1"})(h||(h=n.__makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n    ",";\n    color: ",";\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\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n"],["\n    margin: 0;\n    padding: 0;\n    ",";\n    color: ",";\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\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n"])),i.copyStyle("copy-b","big"),(function(n){var e=n.theme;return n.isInverted?l.getFonts(e).copy.big.colorInverted:l.getFonts(e).copy.big.color}),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"})(I||(I=n.__makeTemplateObject([""],[""]))),Z=function(n){var t=n.isVisible,i=n.root,l=n.children,a=e.useRef(null);return e.useEffect((function(){a.current=i||document.body}),[i]),t&&a.current?d.createPortal(l,a.current):null},nn=function n(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var i,l,a;if(Array.isArray(e)){if((i=e.length)!=t.length)return!1;for(l=i;0!=l--;)if(!n(e[l],t[l]))return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if((i=(a=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(l=i;0!=l--;)if(!Object.prototype.hasOwnProperty.call(t,a[l]))return!1;for(l=i;0!=l--;){var r=a[l];if(("_owner"!==r||!e.$$typeof)&&!n(e[r],t[r]))return!1}return!0}return e!=e&&t!=t},en=D.default.div.withConfig({displayName:"FilterBar__FilterView",componentId:"sc-xnsmbb-0"})(k||(k=n.__makeTemplateObject(["\n    display: inline-block;\n"],["\n    display: inline-block;\n"]))),tn=D.default(o.FilterField).withConfig({displayName:"FilterBar__TextFilter",componentId:"sc-xnsmbb-1"})(C||(C=n.__makeTemplateObject(["\n    min-height: 45px;\n    height: 45px;\n    background: ",";\n    border: ",";\n"],["\n    min-height: 45px;\n    height: 45px;\n    background: ",";\n    border: ",";\n"])),(function(n){var e=n.theme;return l.getColors(e).elementBg.light}),(function(n){return n.hasBorders?void 0:"none"})),ln=D.default(s.MultiselectDropdown).withConfig({displayName:"FilterBar__Select",componentId:"sc-xnsmbb-2"})(F||(F=n.__makeTemplateObject(["\n    min-width: 220px;\n    min-height: 45px;\n\n    button,\n    ul {\n        border: ",";\n        background: ",";\n    }\n"],["\n    min-width: 220px;\n    min-height: 45px;\n\n    button,\n    ul {\n        border: ",";\n        background: ",";\n    }\n"])),(function(n){return n.hasBorders?void 0:"none"}),(function(n){var e=n.theme;return l.getColors(e).elementBg.light})),an=D.default.button.withConfig({displayName:"FilterBar__OverlayToggleView",componentId:"sc-xnsmbb-3"})(j||(j=n.__makeTemplateObject(["\n    width: 250px;\n    height: 45px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ","px;\n    background: ",";\n\n    ","\n    line-height: normal;\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    border: none;\n    outline: none;\n    border-radius: ",";\n    cursor: pointer;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n\n    &:focus {\n        text-decoration: underline;\n        box-shadow: 0px 8px 16px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n        box-shadow: none;\n    }\n"],["\n    width: 250px;\n    height: 45px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ","px;\n    background: ",";\n\n    ","\n    line-height: normal;\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    border: none;\n    outline: none;\n    border-radius: ",";\n    cursor: pointer;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n\n    &:focus {\n        text-decoration: underline;\n        box-shadow: 0px 8px 16px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n        box-shadow: none;\n    }\n"])),l.spacings.nudge,(function(n){var e=n.theme;return l.getColors(e).elementBg.light}),i.copyStyle("copy","small"),(function(n){var e=n.theme;return l.withRange(p.getFormFieldTextSize(e),"font-size")}),(function(n){var e=n.theme;return l.getGlobals(e).sections.edgeRadius}),l.spacings.nudge,l.mq.medium,(function(n){return n.isInverted?"rgba(255, 255, 255, 0.25)":"rgba(0, 0, 0, 0.25)"})),rn=D.default(i.Copy).withConfig({displayName:"FilterBar__Counter",componentId:"sc-xnsmbb-4"})(O||(O=n.__makeTemplateObject(["\n    position: relative;\n    background: ",";\n    color: ",";\n    line-height: normal;\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    margin-left: ","px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"],["\n    position: relative;\n    background: ",";\n    color: ",";\n    line-height: normal;\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    margin-left: ","px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n"])),(function(n){var e=n.theme;return l.getColors(e).text.default}),(function(n){var e=n.theme;return l.getColors(e).text.inverted}),2*l.spacings.nudge),on=D.default.span.withConfig({displayName:"FilterBar__Indicator",componentId:"sc-xnsmbb-5"})(E||(E=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),l.spacings.nudge),sn=D.default.div.withConfig({displayName:"FilterBar__Icon",componentId:"sc-xnsmbb-6"})(B||(B=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"],["\n    display: flex;\n    align-items: center;\n    padding-left: ","px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])),l.spacings.nudge),dn=D.default.span.withConfig({displayName:"FilterBar__Label",componentId:"sc-xnsmbb-7"})(T||(T=n.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),l.spacings.nudge),cn=function(e){var t=e.isInverted,i=e.label,l=e.selected,a=e.onClick,r=e.icon,o=e.indicator,s=e.className,d=null==r?void 0:r(t),c=m.useLibTheme().colors;return M.default.createElement(an,{isInverted:t,onClick:a,className:s},M.default.createElement(dn,null,d&&M.default.createElement(sn,null,d),M.default.createElement("span",null,i)),M.default.createElement(on,null,l?M.default.createElement(rn,{size:"small"},M.default.createElement("span",null,l||0)):null,null==o?void 0:o(),!o&&M.default.createElement(n.AngleDown,{iconColor:c.elementBg.dark})))},mn=D.default.div.withConfig({displayName:"FilterBar__DesktopFilters",componentId:"sc-xnsmbb-8"})(N||(N=n.__makeTemplateObject(["\n    display: none;\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: none;\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n\n        & > * {\n            width: 220px;\n        }\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),l.mq.medium,l.spacings.nudge),pn=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"})(A||(A=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"})(V||(V=n.__makeTemplateObject(["\n    width: auto;\n    margin-right: auto;\n    margin-top: ","px;\n"],["\n    width: auto;\n    margin-right: auto;\n    margin-top: ","px;\n"])),3*l.spacings.nudge);exports.FilterBar=function(t){var l,r=t.isInverted,d=t.hasBorders,m=t.value,p=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(m||{textFilter:"",categoryFilter:[]}),I=_[0],k=_[1],C=e.useRef(I),F=e.useState(!1),j=F[0],O=F[1],E=e.useState(I.textFilter||""),B=E[0],T=E[1],N=e.useState(I.categoryFilter||[]),q=N[0],P=N[1],S=function(){O(!1),P(I.categoryFilter||[]),T(I.textFilter||"")};e.useEffect((function(){P(I.categoryFilter||[]),T(I.textFilter||"")}),[I]),e.useEffect((function(){nn(I,m)||null==p||p(I)}),[I,p,m]),e.useEffect((function(){m&&!nn(m,C.current)&&(k(m),C.current=m)}),[m]);var z=((null===(l=null==I?void 0:I.categoryFilter)||void 0===l?void 0:l.length)||0)+(I.textFilter?1:0),L=(null==h?void 0:h(r))||M.default.createElement(n.Cross,{width:32,height:32});return M.default.createElement(e.Fragment,null,M.default.createElement(en,{className:v},M.default.createElement(cn,{label:g||"",selected:z,onClick:function(){return O((function(n){return!n}))},icon:w,indicator:y?function(){return y({isOpen:!1,isDisabled:!1})}:void 0}),M.default.createElement(mn,null,b&&a.isValidArray(null==b?void 0:b.items,!1)&&M.default.createElement(ln,{isInverted:r,items:b.items,placeholder:b.label,icon:w,indicator:y,resetLabel:b.resetLabel,onChange:function(e){return k((function(t){return n.__assign(n.__assign({},t),{categoryFilter:e})}))},selectedItems:I.categoryFilter,hasBorders:d}),x&&M.default.createElement(tn,{isInverted:r,icon:x.icon,submitIcon:x.submitIcon,clearIcon:x.clearIcon,placeholder:x.placeholder,value:I.textFilter,onSubmit:function(e){k((function(t){return n.__assign(n.__assign({},t),{textFilter:e})}))},hasBorders:d}))),M.default.createElement(Z,{isVisible:j},M.default.createElement(pn,null,M.default.createElement(un,{onClick:S}),M.default.createElement(fn,null,M.default.createElement(gn,null,M.default.createElement(i.Copy,{type:"copy-b",size:"big"},g),L&&M.default.createElement(bn,{onClick:S},L)),M.default.createElement(xn,null,x&&M.default.createElement(o.FilterField,{icon:x.icon,submitIcon:x.submitIcon,clearIcon:x.clearIcon,placeholder:x.placeholder,value:B,onSubmit:T}),b&&a.isValidArray(null==b?void 0:b.items,!1)&&M.default.createElement(s.MultiselectDropdown,{inlined:!0,items:b.items,placeholder:b.label,icon:w,indicator:y,resetLabel:b.resetLabel,selectedItems:q,onChange:P}),f&&M.default.createElement(hn,{onClick:function(){O(!1),k({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 t=n.renderAs,i=void 0===t?"div":t,l=n.isInverted,o=n.name,s=n.shortDescription,d=n.facts,c=n.infos,m=n.customFact,p=n.action,u=a.isValidArray(d,!1),f=a.isValidArray(c,!1),g=e.useId();return M.default.createElement(W,{as:i,isInverted:l,"aria-labelledby":g},o&&M.default.createElement(J,{id:g,isInverted:l},o),(u||s||f||p)&&M.default.createElement(Q,{isInverted:l},M.default.createElement(U,null,a.isValidArray(d,!1)&&M.default.createElement($,{facts:d,isInverted:l,customFact:m}),s&&M.default.createElement(K,{isInverted:l,innerHTML:s}),p&&M.default.createElement(Y,null,p({isInverted:l,name:o}))),a.isValidArray(c,!1)&&M.default.createElement(X,null,M.default.createElement(r.InfoList,{isInverted:l,items:[{items:c}]}))))},exports.POIFacts=$;
+//# sourceMappingURL=FilterBar-238c2290.js.map

package/cjs/FilterBar-238c2290.js.map

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

package/cjs/FilterField-c8dc9450.js

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

package/cjs/{FilterField-d204feb1.js.map → FilterField-c8dc9450.js.map}

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

package/cjs/Grid-dab3343f.js

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

package/cjs/Grid-dab3343f.js.map

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

package/cjs/Image-14b2cb93.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),e=require("./Copy-1b9e33ba.js"),t=require("react"),o=require("styled-components"),i=require("./LibThemeProvider-878ed68c.js"),r=require("./styles-271afb02.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,d,c,u,p,m,v=l(t),f=a(o),g=function(n,e){if(n&&e&&!isNaN(n)&&!isNaN(e))return n/e},w=function(n){return!!(n&&(null==n?void 0:n.w)&&(null==n?void 0:n.h))},h=function(e){return o.css(s||(s=n.__makeTemplateObject(["\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n"],["\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n"])),w(e)&&0,w(e)&&"calc(100% / ".concat(g(null==e?void 0:e.w,null==e?void 0:e.h),")"))},b=f.default.div.withConfig({displayName:"Image__AspectContainer",componentId:"sc-10qjgzr-0"})(u||(u=n.__makeTemplateObject(["\n    display: inline-block;\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n\n    width: ",";\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ","\n\n    // fallback if browsers do not support aspect-ratio\n    ","\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    ","\n"],["\n    display: inline-block;\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n\n    width: ",";\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ","\n\n    // fallback if browsers do not support aspect-ratio\n    ","\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ","\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return n.allowEdgeRadius&&r.getGlobals(e).sections.edgeRadius}),(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.small)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.small)||void 0===t?void 0:t.h)}),(function(n){var e,t,o=n.ratios;return!n.coverSpace&&(null===(e=null==o?void 0:o.small)||void 0===e?void 0:e.w)?"".concat(null===(t=null==o?void 0:o.small)||void 0===t?void 0:t.w,"px"):""}),(function(e){return e.coverSpace&&o.css(d||(d=n.__makeTemplateObject(["\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        "],["\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        "])))}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.small)}),r.mq.medium,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.medium)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.medium)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.medium)}),r.mq.semilarge,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.semilarge)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.semilarge)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.semilarge)}),r.mq.large,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.large)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.large)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.large)}),r.mq.xlarge,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.xlarge)||void 0===e?void 0:e.w,null===(t=null==o?void 0:o.xlarge)||void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&h(null==e?void 0:e.xlarge)}),(function(e){var t=e.ratios,i=e.coverSpace;return t&&o.css(c||(c=n.__makeTemplateObject(["\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ",";\n\n                @supports not (aspect-ratio: auto) {\n                    position: ",";\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "],["\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ",";\n\n                @supports not (aspect-ratio: auto) {\n                    position: ",";\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "])),i?"cover":"contain",i&&"absolute")})),k=f.default.img.withConfig({displayName:"Image__Img",componentId:"sc-10qjgzr-1"})(p||(p=n.__makeTemplateObject(["\n    display: block;\n    color: ",";\n\n    &[data-img-loaded='false'] {\n        background: ",";\n    }\n"],["\n    display: block;\n    color: ",";\n\n    &[data-img-loaded='false'] {\n        background: ",";\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).text.inverted:r.getColors(e).text.default}),(function(n){var e=n.theme,t=n.isInverted;return n.showPlaceholder?t?r.getGlobals(e).sections.imagePlaceholderBg.inverted:r.getGlobals(e).sections.imagePlaceholderBg.default:void 0})),y=f.default(e.Copy).withConfig({displayName:"Image__Copyright",componentId:"sc-10qjgzr-2"})(m||(m=n.__makeTemplateObject(["\n    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ","px ","px;\n\n    pointer-events: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -ms-writing-mode: tb-rl;\n    writing-mode: vertical-rl;\n    text-orientation: sideways-right;\n    transform: rotate(180deg);\n"],["\n    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ","px ","px;\n\n    pointer-events: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -ms-writing-mode: tb-rl;\n    writing-mode: vertical-rl;\n    text-orientation: sideways-right;\n    transform: rotate(180deg);\n"])),2*r.spacings.nudge,r.spacings.nudge);exports.Image=function(n){var e=n.className,o=n.small,a=n.medium,l=n.semilarge,s=n.large,d=n.xlarge,c=n.alt,u=n.ratios,p=n.coverSpace,m=n.onClick,f=n.isInverted,g=n.showPlaceholder,w=void 0===g||g,h=n.allowEdgeRadius,j=n.copyright,x=n.isDecorative,O=void 0!==x&&x,_=n.ariaDescribedBy,E=i.useLibTheme().colors,q=t.useRef(null),S=t.useState(!1),C=S[0],I=S[1];return t.useEffect((function(){if(q.current){var n=q.current,e=function(){I(!0)},t=function(){I(!1)};return n.complete?(n.removeEventListener("load",e),n.removeEventListener("error",t),e()):(n.addEventListener("load",e),n.addEventListener("error",t)),function(){n.removeEventListener("load",e),n.removeEventListener("error",t)}}}),[]),v.createElement(b,{ratios:u,coverSpace:p,allowEdgeRadius:h,className:e},v.createElement("picture",{onClick:m},d&&v.createElement("source",{srcSet:d,media:r.mq.xlarge}),s&&v.createElement("source",{srcSet:s,media:r.mq.large}),l&&v.createElement("source",{srcSet:l,media:r.mq.semilarge}),a&&v.createElement("source",{srcSet:a,media:r.mq.medium}),v.createElement(k,{ref:q,"data-img-loaded":C,showPlaceholder:w,isInverted:f,srcSet:o,alt:c||"",loading:"lazy",role:O?"presentation":void 0,"aria-describedby":_})),j&&v.createElement(y,{size:"small",textColor:E.text.inverted,innerHTML:"© ".concat(j),renderAs:"span"}))};
+//# sourceMappingURL=Image-14b2cb93.js.map

package/cjs/Image-14b2cb93.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image-14b2cb93.js","sources":["../src/components/blocks/Image.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\n\nexport interface ImageAspectRatios {\n    small: { w: number; h: number };\n    medium?: { w: number; h: number };\n    semilarge?: { w: number; h: number };\n    large?: { w: number; h: number };\n    xlarge?: { w: number; h: number };\n}\n\nexport interface ImageProps {\n    /** Alternative text if image cannot be loaded */\n    alt?: string;\n\n    /** Image URL for small breakpoint */\n    small: string;\n    /** Image URL for medium breakpoint */\n    medium?: string;\n    /** Image URL for semilarge breakpoint */\n    semilarge?: string;\n    /** Image URL for large breakpoint */\n    large?: string;\n    /** Image URL for xlarge breakpoint */\n    xlarge?: string;\n\n    /** Cover full width of parent container */\n    coverSpace?: boolean;\n\n    /**\n     * Image ratios for each breakpoint to avoid layout shifting.\n     * Only works if coverSpace = true!\n     * */\n    ratios?: ImageAspectRatios;\n\n    /** Show image placeholder background */\n    showPlaceholder?: boolean;\n\n    /** Image copyright text (richtext)  */\n    copyright?: string;\n}\n\nconst getAspectRatio = (width?: number, height?: number) => {\n    if (!width || !height) return undefined;\n    if (isNaN(width) || isNaN(height)) return undefined;\n\n    return width / height;\n};\n\nconst isValid = (ratio?: { w?: number; h?: number }) => {\n    return ratio && ratio?.w && ratio?.h ? true : false;\n};\n\nconst aspectFallback = (ratio?: { w?: number; h?: number }) => css`\n    @supports not (aspect-ratio: auto) {\n        height: ${isValid(ratio) && 0};\n        padding-top: ${isValid(ratio) &&\n        `calc(100% / ${getAspectRatio(ratio?.w, ratio?.h)})`};\n    }\n`;\n\nconst AspectContainer = styled.div<{\n    ratios?: ImageAspectRatios;\n    coverSpace?: boolean;\n    allowEdgeRadius?: boolean;\n}>`\n    display: inline-block;\n    position: relative;\n    border-radius: ${({ theme, allowEdgeRadius }) =>\n        allowEdgeRadius && global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) =>\n        getAspectRatio(ratios?.small?.w, ratios?.small?.h)};\n\n    width: ${({ ratios, coverSpace }) =>\n        !coverSpace && ratios?.small?.w ? `${ratios?.small?.w}px` : ''};\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ${({ coverSpace }) =>\n        coverSpace &&\n        css`\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        `}\n\n    // fallback if browsers do not support aspect-ratio\n    ${({ ratios, coverSpace }) => coverSpace && aspectFallback(ratios?.small)}\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.medium?.w, ratios?.medium?.h)};\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.medium)}\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.semilarge?.w, ratios?.semilarge?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.semilarge)}\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.large?.w, ratios?.large?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.large)}\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.xlarge?.w, ratios?.xlarge?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.xlarge)}\n    }\n\n    ${({ ratios, coverSpace }) =>\n        ratios &&\n        css`\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ${coverSpace ? 'cover' : 'contain'};\n\n                @supports not (aspect-ratio: auto) {\n                    position: ${coverSpace && 'absolute'};\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Img = styled.img<{ isInverted?: boolean; showPlaceholder?: boolean }>`\n    display: block;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    &[data-img-loaded='false'] {\n        background: ${({ theme, isInverted, showPlaceholder }) =>\n            showPlaceholder\n                ? isInverted\n                    ? global(theme).sections.imagePlaceholderBg.inverted\n                    : global(theme).sections.imagePlaceholderBg.default\n                : undefined};\n    }\n`;\n\nconst Copyright = styled(Copy)`\n    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ${spacings.nudge * 2}px ${spacings.nudge}px;\n\n    pointer-events: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -ms-writing-mode: tb-rl;\n    writing-mode: vertical-rl;\n    text-orientation: sideways-right;\n    transform: rotate(180deg);\n`;\n\nconst Image: React.FC<\n    {\n        className?: string;\n\n        /** Click handler */\n        onClick?: () => void;\n\n        /** Show inverted image placeholder background */\n        isInverted?: boolean;\n\n        /** Allow edge radius defined by theme settings */\n        allowEdgeRadius?: boolean;\n\n        isDecorative?: boolean;\n        ariaDescribedBy?: string;\n    } & ImageProps\n> = ({\n    className,\n    small,\n    medium,\n    semilarge,\n    large,\n    xlarge,\n    alt,\n    ratios,\n    coverSpace,\n    onClick,\n    isInverted,\n    showPlaceholder = true,\n    allowEdgeRadius,\n    copyright,\n    isDecorative = false,\n    ariaDescribedBy,\n}) => {\n    const { colors } = useLibTheme();\n    const imgRef = useRef<HTMLImageElement>(null);\n    const [isLoaded, setIsLoaded] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (!imgRef.current) return;\n        const ref = imgRef.current;\n\n        const handleLoad = () => {\n            setIsLoaded(true);\n        };\n\n        const handleError = () => {\n            setIsLoaded(false);\n        };\n\n        if (!ref.complete) {\n            ref.addEventListener('load', handleLoad);\n            ref.addEventListener('error', handleError);\n        } else {\n            ref.removeEventListener('load', handleLoad);\n            ref.removeEventListener('error', handleError);\n            handleLoad();\n        }\n\n        return () => {\n            ref.removeEventListener('load', handleLoad);\n            ref.removeEventListener('error', handleError);\n        };\n    }, []);\n\n    return (\n        <AspectContainer\n            ratios={ratios}\n            coverSpace={coverSpace}\n            allowEdgeRadius={allowEdgeRadius}\n            className={className}\n        >\n            <picture onClick={onClick}>\n                {xlarge && <source srcSet={xlarge} media={mq.xlarge} />}\n                {large && <source srcSet={large} media={mq.large} />}\n                {semilarge && (\n                    <source srcSet={semilarge} media={mq.semilarge} />\n                )}\n                {medium && <source srcSet={medium} media={mq.medium} />}\n                <Img\n                    ref={imgRef}\n                    data-img-loaded={isLoaded}\n                    showPlaceholder={showPlaceholder}\n                    isInverted={isInverted}\n                    srcSet={small}\n                    alt={alt || ''}\n                    loading=\"lazy\"\n                    role={isDecorative ? 'presentation' : undefined}\n                    aria-describedby={ariaDescribedBy}\n                />\n            </picture>\n            {copyright && (\n                <Copyright\n                    size=\"small\"\n                    textColor={colors.text.inverted}\n                    innerHTML={`&copy; ${copyright}`}\n                    renderAs=\"span\"\n                />\n            )}\n        </AspectContainer>\n    );\n};\n\nexport default Image;\n"],"names":["getAspectRatio","width","height","isNaN","isValid","ratio","w","h","aspectFallback","css","templateObject_1","__makeTemplateObject","concat","AspectContainer","styled","div","withConfig","displayName","componentId","templateObject_4","_a","theme","allowEdgeRadius","global","getGlobals","sections","edgeRadius","ratios","_b","small","_c","coverSpace","templateObject_2","mq","medium","semilarge","large","xlarge","templateObject_3","Img","img","templateObject_5","isInverted","color","text","inverted","default","showPlaceholder","imagePlaceholderBg","undefined","Copyright","Copy","templateObject_6","spacings","nudge","className","alt","onClick","copyright","isDecorative","ariaDescribedBy","colors","useLibTheme","imgRef","useRef","_d","useState","isLoaded","setIsLoaded","useEffect","current","ref","handleLoad","handleError","complete","removeEventListener","addEventListener","React","createElement","srcSet","media","loading","role","size","textColor","innerHTML","renderAs"],"mappings":"4lBAmDMA,EAAiB,SAACC,EAAgBC,GACpC,GAAKD,GAAUC,IACXC,MAAMF,KAAUE,MAAMD,GAEnBD,OAAAA,EAAQC,GAGbE,EAAU,SAACC,GACb,SAAOA,IAASA,MAAAA,OAAA,EAAAA,EAAOC,KAAKD,MAAAA,OAAK,EAALA,EAAOE,KAGjCC,EAAiB,SAACH,GAAuC,OAAAI,EAAGA,IAAAC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,+DAAA,2BAAA,cAAA,CAAA,+DAE7B,2BAEuB,gBAF1CP,EAAQC,IAAU,EACbD,EAAQC,IACvB,eAAeO,OAAAZ,EAAeK,MAAAA,OAAA,EAAAA,EAAOC,EAAGD,MAAAA,SAAAA,EAAOE,GAAE,OAInDM,EAAkBC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGJ,CAItBK,IAAAA,EAAAR,EAAAA,qBAAA,CAAA,6EAAA,iDAAA,mBAAA,8GAAA,oEAAA,kBAAA,6BAAA,6GAAA,yBAAA,6BAAA,4GAAA,yBAAA,6BAAA,4GAAA,yBAAA,6BAAA,4GAAA,kBAAA,MAAA,CAAA,6EAI0D,iDAIF,mBAGY,8GAkB7D,oEAGoE,kBAEvD,6BAE0C,6GAIR,yBAG/B,6BAE6C,4GAIX,yBAGtC,6BAEyC,4GAIP,yBAGjC,6BAE0C,4GAIR,kBAkB/C,SAlFY,SAACS,OAAEC,EAAKD,EAAAC,MACrBC,OADsCF,EAAAE,iBACnBC,EAAMC,WAACH,GAAOI,SAASC,cAG9B,SAACN,WAAEO,EAAMP,EAAAO,OACrB,OAAA3B,EAA8B,QAAf4B,EAAAD,MAAAA,OAAA,EAAAA,EAAQE,aAAO,IAAAD,OAAA,EAAAA,EAAAtB,EAAgB,QAAbwB,EAAAH,MAAAA,OAAA,EAAAA,EAAQE,aAAK,IAAAC,OAAA,EAAAA,EAAEvB,MAE3C,SAACa,WAAEO,EAAMP,EAAAO,OACd,OAD0BP,EAAAW,aACI,QAAfH,EAAAD,MAAAA,OAAA,EAAAA,EAAQE,aAAO,IAAAD,OAAA,EAAAA,EAAAtB,GAAI,GAAAM,OAAgB,QAAbkB,EAAAH,MAAAA,SAAAA,EAAQE,aAAK,IAAAC,OAAA,EAAAA,EAAExB,EAAK,MAAG,MAU9D,SAACc,GACC,OADWA,EAAAW,YAEXtB,EAAAA,IAAGuB,IAAAA,EAAArB,EAAAA,qBAAA,CAAA,gHAAA,CAAA,sHASL,SAACS,OAAEO,EAAMP,EAAAO,OAAmB,OAAPP,EAAAW,YAAqBvB,EAAemB,MAAAA,OAAA,EAAAA,EAAQE,SAE1DI,EAAEA,GAACC,QACQ,SAACd,WAAEO,EAAMP,EAAAO,OACrB,OAAA3B,EAA+B,QAAhB4B,EAAAD,MAAAA,OAAA,EAAAA,EAAQO,cAAQ,IAAAN,OAAA,EAAAA,EAAAtB,EAAiB,QAAdwB,EAAAH,MAAAA,OAAA,EAAAA,EAAQO,cAAM,IAAAJ,OAAA,EAAAA,EAAEvB,MAGpD,SAACa,OAAEO,EAAMP,EAAAO,OACP,OADmBP,EAAAW,YACLvB,EAAemB,MAAAA,OAAA,EAAAA,EAAQO,UAGpCD,EAAEA,GAACE,WACQ,SAACf,WAAEO,EAAMP,EAAAO,OACrB,OAAA3B,EAAkC,QAAnB4B,EAAAD,MAAAA,OAAA,EAAAA,EAAQQ,iBAAW,IAAAP,OAAA,EAAAA,EAAAtB,EAAoB,QAAjBwB,EAAAH,MAAAA,OAAA,EAAAA,EAAQQ,iBAAS,IAAAL,OAAA,EAAAA,EAAEvB,MAG1D,SAACa,OAAEO,EAAMP,EAAAO,OACP,OADmBP,EAAAW,YACLvB,EAAemB,MAAAA,OAAA,EAAAA,EAAQQ,aAGpCF,EAAEA,GAACG,OACQ,SAAChB,WAAEO,EAAMP,EAAAO,OACrB,OAAA3B,EAA8B,QAAf4B,EAAAD,MAAAA,OAAA,EAAAA,EAAQS,aAAO,IAAAR,OAAA,EAAAA,EAAAtB,EAAgB,QAAbwB,EAAAH,MAAAA,OAAA,EAAAA,EAAQS,aAAK,IAAAN,OAAA,EAAAA,EAAEvB,MAGlD,SAACa,OAAEO,EAAMP,EAAAO,OACP,OADmBP,EAAAW,YACLvB,EAAemB,MAAAA,OAAA,EAAAA,EAAQS,SAGpCH,EAAEA,GAACI,QACQ,SAACjB,WAAEO,EAAMP,EAAAO,OACrB,OAAA3B,EAA+B,QAAhB4B,EAAAD,MAAAA,OAAA,EAAAA,EAAQU,cAAQ,IAAAT,OAAA,EAAAA,EAAAtB,EAAiB,QAAdwB,EAAAH,MAAAA,OAAA,EAAAA,EAAQU,cAAM,IAAAP,OAAA,EAAAA,EAAEvB,MAGpD,SAACa,OAAEO,EAAMP,EAAAO,OACP,OADmBP,EAAAW,YACLvB,EAAemB,MAAAA,OAAA,EAAAA,EAAQU,WAG3C,SAACjB,OAAEO,EAAMP,EAAAO,OAAEI,EAAUX,EAAAW,WACnB,OAAAJ,GACAlB,EAAGA,IAAA6B,IAAAA,EAAA3B,EAAAA,qBAAA,CAAA,iHAAA,4FAAA,2IAAA,CAAA,iHAImD,4FAGN,6IAH1BoB,EAAa,QAAU,UAGrBA,GAAc,eASxCQ,EAAMzB,EAAAA,QAAO0B,IAAVxB,WAAA,CAAAC,YAAA,aAAAC,YAAA,gBAAGJ,CAAU2B,IAAAA,EAAA9B,EAAAA,qBAAA,CAAA,qCAAA,8DAAA,cAAA,CAAqD,qCAGA,8DAQhD,iBATd,SAACS,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAsB,WACZC,EAAAA,UAAMtB,GAAOuB,KAAKC,SAAWF,EAAAA,UAAMtB,GAAOuB,KAAKE,WAG9C,SAAC1B,GAAE,IAAAC,UAAOqB,EAAUtB,EAAAsB,WAC9BK,OAD+C3B,EAAA2B,gBAEzCL,EACInB,EAAAA,WAAOF,GAAOI,SAASuB,mBAAmBH,SAC1CtB,EAAMC,WAACH,GAAOI,SAASuB,mBAAmBF,aAC9CG,KAIZC,EAAYpC,EAAM,QAACqC,QAAVnC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGJ,CAAYsC,IAAAA,EAAAzC,EAAAA,qBAAA,CAAA,+HAAA,MAAA,4PAAA,CAAA,+HAOG,MAAoB,8PAArB,EAAjB0C,EAAQA,SAACC,MAAeD,EAAAA,SAASC,qBA6B5C,SAAClC,OACDmC,EAASnC,EAAAmC,UACT1B,EAAKT,EAAAS,MACLK,EAAMd,EAAAc,OACNC,EAASf,EAAAe,UACTC,UACAC,EAAMjB,EAAAiB,OACNmB,EAAGpC,EAAAoC,IACH7B,EAAMP,EAAAO,OACNI,EAAUX,EAAAW,WACV0B,EAAOrC,EAAAqC,QACPf,EAAUtB,EAAAsB,WACVd,EAAAR,EAAA2B,gBAAAA,OAAe,IAAAnB,GAAOA,EACtBN,oBACAoC,EAAStC,EAAAsC,UACT5B,EAAoBV,EAAAuC,aAApBA,OAAY,IAAA7B,GAAQA,EACpB8B,EAAexC,EAAAwC,gBAEPC,EAAWC,uBACbC,EAASC,SAAyB,MAClCC,EAA0BC,EAAQA,UAAU,GAA3CC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GA6B5B,OA3BAI,EAAAA,WAAU,WACN,GAAKN,EAAOO,QAAZ,CACA,IAAMC,EAAMR,EAAOO,QAEbE,EAAa,WACfJ,GAAY,IAGVK,EAAc,WAChBL,GAAY,IAYhB,OATKG,EAAIG,UAILH,EAAII,oBAAoB,OAAQH,GAChCD,EAAII,oBAAoB,QAASF,GACjCD,MALAD,EAAIK,iBAAiB,OAAQJ,GAC7BD,EAAIK,iBAAiB,QAASH,IAO3B,WACHF,EAAII,oBAAoB,OAAQH,GAChCD,EAAII,oBAAoB,QAASF,OAEtC,IAGCI,EAACC,cAAAjE,GACGc,OAAQA,EACRI,WAAYA,EACZT,gBAAiBA,EACjBiC,UAAWA,GAEXsB,EAASC,cAAA,UAAA,CAAArB,QAASA,GACbpB,GAAUwC,EAAQC,cAAA,SAAA,CAAAC,OAAQ1C,EAAQ2C,MAAO/C,EAAEA,GAACI,SAC5CD,GAASyC,EAAQC,cAAA,SAAA,CAAAC,OAAQ3C,EAAO4C,MAAO/C,EAAEA,GAACG,QAC1CD,GACG0C,EAAQC,cAAA,SAAA,CAAAC,OAAQ5C,EAAW6C,MAAO/C,EAAEA,GAACE,YAExCD,GAAU2C,EAAQC,cAAA,SAAA,CAAAC,OAAQ7C,EAAQ8C,MAAO/C,EAAEA,GAACC,SAC7C2C,EAACC,cAAAvC,GACGgC,IAAKR,EACY,kBAAAI,EACjBpB,gBAAiBA,EACjBL,WAAYA,EACZqC,OAAQlD,EACR2B,IAAKA,GAAO,GACZyB,QAAQ,OACRC,KAAMvB,EAAe,oBAAiBV,EACpBW,mBAAAA,KAGzBF,GACGmB,EAACC,cAAA5B,EACG,CAAAiC,KAAK,QACLC,UAAWvB,EAAOjB,KAAKC,SACvBwC,UAAW,UAAUzE,OAAA8C,GACrB4B,SAAS"}

package/cjs/InfoList-b4f39949.js

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

package/cjs/InfoList-b4f39949.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoList-b4f39949.js","sources":["../src/components/blocks/InfoList.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div``;\n\nconst Container = styled.ul`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -${spacings.spacer}px;\n    margin-top: -${spacings.nudge * 5}px;\n    list-style: none;\n`;\n\nconst Item = styled.li`\n    flex: 1 1 100%;\n    padding-left: ${spacings.spacer}px;\n    padding-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.medium} {\n        flex: 1 1 300px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    display: block;\n    margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst Infos = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: 0;\n`;\n\nconst Content = styled.li`\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Icon = styled(Copy)`\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nexport interface InfoGroup {\n    title?: string;\n    items: Info[];\n}\n\nexport interface Info {\n    /** icon injection function */\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    /** info text (richtText) */\n    text?: string;\n}\n\nexport interface InfoListProps {\n    /** Invert text and icon color for dark backgrounds */\n    isInverted?: boolean;\n\n    /** Array of info groups */\n    items?: InfoGroup[];\n\n    /** Optional aria-label for the list */\n    ariaLabel?: string;\n}\n\nconst InfoList: FC<\n    InfoListProps & {\n        className?: string;\n    }\n> = ({ isInverted, items, ariaLabel, className }) => {\n    return (\n        <View className={className}>\n            <Container aria-label={ariaLabel || 'Information List'}>\n                {items?.map((group, i) => {\n                    const groupItems =\n                        group?.items?.filter((item) => item.text) || [];\n                    const hasItems = isValidArray(groupItems, false);\n\n                    return (\n                        <Item key={i}>\n                            {group.title && (\n                                <Title\n                                    size=\"small\"\n                                    type=\"copy-b\"\n                                    renderAs=\"span\"\n                                    isInverted={isInverted}\n                                    ariaLevel={3}\n                                    ariaRole=\"heading\"\n                                >\n                                    {group.title}\n                                </Title>\n                            )}\n                            {hasItems && (\n                                <Infos aria-label={group.title}>\n                                    {groupItems.map((info, ii) => (\n                                        <Content key={ii}>\n                                            <Icon isInverted={isInverted}>\n                                                {info.icon &&\n                                                    info.icon(isInverted)}\n                                            </Icon>\n                                            {info.text && (\n                                                <Copy\n                                                    size=\"small\"\n                                                    isInverted={isInverted}\n                                                    innerHTML={info.text}\n                                                    allowLinkIcons={false}\n                                                />\n                                            )}\n                                        </Content>\n                                    ))}\n                                </Infos>\n                            )}\n                        </Item>\n                    );\n                })}\n            </Container>\n        </View>\n    );\n};\n\nexport default InfoList;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","Container","ul","templateObject_2","spacings","spacer","nudge","Item","li","templateObject_3","mq","medium","Title","Copy","templateObject_4","Infos","templateObject_5","Content","Icon","templateObject_7","_a","isInverted","items","ariaLabel","className","React","createElement","map","group","i","groupItems","filter","item","text","hasItems","isValidArray","key","title","size","type","renderAs","ariaLevel","ariaRole","info","ii","icon","innerHTML","allowLinkIcons"],"mappings":"qTAMMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAAUK,IAAAA,EAAAC,uBAAA,CAAA,IAAA,CAAA,OAEjBC,EAAYP,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,sBAAAC,YAAA,gBAAGJ,CAASS,IAAAA,EAAAH,EAAAA,qBAAA,CAAA,8HAAA,yBAAA,gCAAA,CAAA,8HAOQ,yBACE,kCADjBI,EAAQA,SAACC,OACO,EAAjBD,WAASE,OAItBC,EAAOb,EAAAA,QAAOc,GAAVZ,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAASe,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,4CAAA,yBAAA,qBAAA,yCAAA,CAAA,4CAEa,yBACE,qBAEf,2CAHFI,EAAAA,SAASC,OACO,EAAjBD,WAASE,MAEfI,KAAGC,QAKVC,EAAQlB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAYoB,IAAAA,EAAAd,EAAAA,qBAAA,CAAA,6CAAA,SAAA,CAAA,6CAEa,WAAD,EAAjBI,EAAQA,SAACE,OAGxBS,EAAQrB,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAASsB,IAAAA,EAAAhB,uBAAA,CAAA,8DAAA,CAAA,iEAMjBiB,EAAUvB,EAAAA,QAAOc,GAAVZ,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAGJ,6WAAS,sQAWe,uDAIC,kBAJF,EAAjBU,WAASE,MAIS,EAAjBF,EAAQA,SAACE,OAI1BY,EAAOxB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAAYyB,IAAAA,EAAAnB,uBAAA,CAAA,8GAAA,CAAA,kIAqCrB,SAACoB,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MAAEC,EAASH,EAAAG,UAAEC,EAASJ,EAAAI,UAC1C,OACIC,EAAC,QAAAC,cAAAjC,EAAK,CAAA+B,UAAWA,GACbC,EAAA,QAAAC,cAACzB,EAAsB,CAAA,aAAAsB,GAAa,oBAC/BD,MAAAA,OAAK,EAALA,EAAOK,KAAI,SAACC,EAAOC,SACVC,GACY,QAAdV,EAAAQ,MAAAA,OAAA,EAAAA,EAAON,aAAO,IAAAF,OAAA,EAAAA,EAAAW,QAAO,SAACC,GAASA,OAAAA,EAAKC,UAAS,GAC3CC,EAAWC,EAAAA,aAAaL,GAAY,GAE1C,OACIL,EAAC,QAAAC,cAAAnB,EAAK,CAAA6B,IAAKP,GACND,EAAMS,OACHZ,wBAACb,EAAK,CACF0B,KAAK,QACLC,KAAK,SACLC,SAAS,OACTnB,WAAYA,EACZoB,UAAW,EACXC,SAAS,WAERd,EAAMS,OAGdH,GACGT,EAAA,QAAAC,cAACX,EAAK,CAAA,aAAaa,EAAMS,OACpBP,EAAWH,KAAI,SAACgB,EAAMC,GAAO,OAC1BnB,EAAA,QAAAC,cAACT,EAAO,CAACmB,IAAKQ,GACVnB,EAAC,QAAAC,cAAAR,GAAKG,WAAYA,GACbsB,EAAKE,MACFF,EAAKE,KAAKxB,IAEjBsB,EAAKV,MACFR,wBAACZ,EAAAA,KAAI,CACDyB,KAAK,QACLjB,WAAYA,EACZyB,UAAWH,EAAKV,KAChBc,gBAAgB"}

package/cjs/LanguageSwitcher-3ee77117.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),e=require("react"),t=require("styled-components"),i=require("./Link-6e728957.js"),o=require("./styles-271afb02.js"),r=require("./Copy-1b9e33ba.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var l,c,d,s,u=a(e),g=a(t),p=g.default.div.withConfig({displayName:"LanguageSwitcher__View",componentId:"sc-16ygxbi-0"})(l||(l=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),o.spacings.nudge/2),f=g.default.div.withConfig({displayName:"LanguageSwitcher__Icon",componentId:"sc-16ygxbi-1"})(c||(c=n.__makeTemplateObject(["\n    color: ",";\n\n    & > * {\n        margin-right: ","px;\n    }\n"],["\n    color: ",";\n\n    & > * {\n        margin-right: ","px;\n    }\n"])),(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).text.inverted:o.getColors(t).text.default}),o.spacings.nudge),m=g.default.div.withConfig({displayName:"LanguageSwitcher__SelectView",componentId:"sc-16ygxbi-2"})(d||(d=n.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    margin: 0 -","px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ",";\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n    margin: 0 -","px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ",";\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n"])),o.spacings.nudge,(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).text.inverted:o.getColors(t).text.default})),v=g.default(i.Link).withConfig({displayName:"LanguageSwitcher__LanguageLink",componentId:"sc-16ygxbi-3"})(s||(s=n.__makeTemplateObject(["\n    display: inline-block;\n    position: relative;\n    padding: 0 ","px;\n\n    ","\n    font-weight: ",";\n\n    color: ",";\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n            text-decoration: underline;\n        }\n    }\n"],["\n    display: inline-block;\n    position: relative;\n    padding: 0 ","px;\n\n    ","\n    font-weight: ",";\n\n    color: ",";\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n            text-decoration: underline;\n        }\n    }\n"])),o.spacings.nudge,(function(n){var e=n.size;return r.copyStyle("copy",e||"medium")}),(function(n){return n.isActive&&"700"}),(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).text.inverted:o.getColors(t).text.default}),(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).text.inverted:o.getColors(t).text.default}));exports.LanguageSwitcher=function(e){var t=e.langs,i=e.isInverted,o=e.languageIcon,r=e.textSize,a=void 0===r?"medium":r;return u.default.createElement(p,null,o&&u.default.createElement(f,{isInverted:i},o(i)),u.default.createElement(m,{isInverted:i},null==t?void 0:t.map((function(e,t){return u.default.createElement(v,n.__assign({key:t},e.link,{isInverted:i,isActive:e.isActive,size:a}),e.label)}))))};
+//# sourceMappingURL=LanguageSwitcher-3ee77117.js.map

package/cjs/{LanguageSwitcher-c6fd04df.js.map → LanguageSwitcher-3ee77117.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcher-c6fd04df.js","sources":["../src/components/blocks/LanguageSwitcher.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { spacings, getColors as color, FontOptions } from 'utils/styles';\nimport { copyStyle } from 'components/typography/Copy';\n\nconst View = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge / 2}px;\n    }\n`;\n\nconst Icon = styled.div<{ isInverted?: boolean }>`\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    & > * {\n        margin-right: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectView = styled.div<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    margin: 0 -${spacings.nudge}px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n`;\n\nconst LanguageLink = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    size?: keyof FontOptions;\n}>`\n    display: inline-block;\n    position: relative;\n    padding: 0 ${spacings.nudge}px;\n\n    ${({ size }) => copyStyle('copy', size || 'medium')}\n    font-weight: ${({ isActive }) => isActive && '700'};\n\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n            text-decoration: underline;\n        }\n    }\n`;\n\nexport interface Language {\n    isActive?: boolean;\n    label: string;\n    link: LinkProps;\n}\n\nconst LanguageSwitcher: FC<{\n    langs?: Language[];\n    isInverted?: boolean;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    textSize?: keyof FontOptions;\n}> = ({ langs, isInverted, languageIcon, textSize = 'medium' }) => {\n    return (\n        <View>\n            {languageIcon && (\n                <Icon isInverted={isInverted}>{languageIcon(isInverted)}</Icon>\n            )}\n            <SelectView isInverted={isInverted}>\n                {langs?.map((lang, i) => (\n                    <LanguageLink\n                        key={i}\n                        {...lang.link}\n                        isInverted={isInverted}\n                        isActive={lang.isActive}\n                        size={textSize}\n                    >\n                        {lang.label}\n                    </LanguageLink>\n                ))}\n            </SelectView>\n        </View>\n    );\n};\n\nexport default LanguageSwitcher;\n"],"names":["View","styled","div","withConfig","displayName","componentId","spacings","nudge","Icon","templateObject_2","__makeTemplateObject","_a","isInverted","theme","color","text","inverted","default","SelectView","LanguageLink","Link","templateObject_4","size","copyStyle","isActive","langs","languageIcon","_b","textSize","React","createElement","map","lang","i","__assign","key","link","label"],"mappings":"ySAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGJ,qKAAU,qHAMkB,kBAAlBK,EAAQA,SAACC,MAAQ,GAIlCC,EAAOP,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGJ,CAAUQ,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gBAAA,2CAAA,gBAAA,CAA0B,gBAE0B,2CAGrC,mBAJzB,SAACC,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EAAaE,EAAAA,UAAMD,GAAOE,KAAKC,SAAWF,EAAAA,UAAMD,GAAOE,KAAKE,UAG5CX,EAAAA,SAASC,OAI3BW,EAAajB,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,gBAAGJ,qcAAoC,yEAGxB,qQAcgB,yFAd9BK,EAAAA,SAASC,OAWM,SAACI,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACpC,OAAAD,EACME,EAAAA,UAAMD,GAAOE,KAAKC,SAClBF,EAAAA,UAAMD,GAAOE,KAAKE,WAOlCE,EAAelB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,iCAAAC,YAAA,gBAAGJ,CAInBoB,IAAAA,EAAAX,EAAAA,qBAAA,CAAA,yEAAA,cAAA,sBAAA,mBAAA,2HAAA,kEAAA,CAAA,yEAG6B,cAEwB,sBACD,mBAGqB,2HAQ5B,oEAd9BJ,EAAQA,SAACC,OAEpB,SAACI,GAAE,IAAAW,EAAIX,EAAAW,KAAO,OAAAC,YAAU,OAAQD,GAAQ,aAC3B,SAACX,GAAiBa,OAAPb,EAAAa,UAAmB,SAEpC,SAACb,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EAAaE,EAAAA,UAAMD,GAAOE,KAAKC,SAAWF,EAAAA,UAAMD,GAAOE,KAAKE,WAK/C,SAACN,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EACME,EAAAA,UAAMD,GAAOE,KAAKC,SAClBF,EAAAA,UAAMD,GAAOE,KAAKE,oCAiBnC,SAACN,GAAE,IAAAc,EAAKd,EAAAc,MAAEb,EAAUD,EAAAC,WAAEc,EAAYf,EAAAe,aAAEC,EAAmBhB,EAAAiB,SAAnBA,OAAQ,IAAAD,EAAG,SAAQA,EACxD,OACIE,wBAAC7B,EAAI,KACA0B,GACGG,EAAC,QAAAC,cAAAtB,GAAKI,WAAYA,GAAac,EAAad,IAEhDiB,EAAAA,QAACC,cAAAZ,EAAW,CAAAN,WAAYA,GACnBa,MAAAA,OAAA,EAAAA,EAAOM,KAAI,SAACC,EAAMC,GAAM,OACrBJ,UAAAC,cAACX,EAAYe,WAAA,CACTC,IAAKF,GACDD,EAAKI,KACT,CAAAxB,WAAYA,EACZY,SAAUQ,EAAKR,SACfF,KAAMM,IAELI,EAAKK"}
+{"version":3,"file":"LanguageSwitcher-3ee77117.js","sources":["../src/components/blocks/LanguageSwitcher.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { spacings, getColors as color, FontOptions } from 'utils/styles';\nimport { copyStyle } from 'components/typography/Copy';\n\nconst View = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge / 2}px;\n    }\n`;\n\nconst Icon = styled.div<{ isInverted?: boolean }>`\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    & > * {\n        margin-right: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectView = styled.div<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    margin: 0 -${spacings.nudge}px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n`;\n\nconst LanguageLink = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    size?: keyof FontOptions;\n}>`\n    display: inline-block;\n    position: relative;\n    padding: 0 ${spacings.nudge}px;\n\n    ${({ size }) => copyStyle('copy', size || 'medium')}\n    font-weight: ${({ isActive }) => isActive && '700'};\n\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n            text-decoration: underline;\n        }\n    }\n`;\n\nexport interface Language {\n    isActive?: boolean;\n    label: string;\n    link: LinkProps;\n}\n\nconst LanguageSwitcher: FC<{\n    langs?: Language[];\n    isInverted?: boolean;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    textSize?: keyof FontOptions;\n}> = ({ langs, isInverted, languageIcon, textSize = 'medium' }) => {\n    return (\n        <View>\n            {languageIcon && (\n                <Icon isInverted={isInverted}>{languageIcon(isInverted)}</Icon>\n            )}\n            <SelectView isInverted={isInverted}>\n                {langs?.map((lang, i) => (\n                    <LanguageLink\n                        key={i}\n                        {...lang.link}\n                        isInverted={isInverted}\n                        isActive={lang.isActive}\n                        size={textSize}\n                    >\n                        {lang.label}\n                    </LanguageLink>\n                ))}\n            </SelectView>\n        </View>\n    );\n};\n\nexport default LanguageSwitcher;\n"],"names":["View","styled","div","withConfig","displayName","componentId","spacings","nudge","Icon","templateObject_2","__makeTemplateObject","_a","isInverted","theme","color","text","inverted","default","SelectView","LanguageLink","Link","templateObject_4","size","copyStyle","isActive","langs","languageIcon","_b","textSize","React","createElement","map","lang","i","__assign","key","link","label"],"mappings":"6SAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGJ,qKAAU,qHAMkB,kBAAlBK,EAAQA,SAACC,MAAQ,GAIlCC,EAAOP,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGJ,CAAUQ,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gBAAA,2CAAA,gBAAA,CAA0B,gBAE0B,2CAGrC,mBAJzB,SAACC,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EAAaE,EAAAA,UAAMD,GAAOE,KAAKC,SAAWF,EAAAA,UAAMD,GAAOE,KAAKE,UAG5CX,EAAAA,SAASC,OAI3BW,EAAajB,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,gBAAGJ,qcAAoC,yEAGxB,qQAcgB,yFAd9BK,EAAAA,SAASC,OAWM,SAACI,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACpC,OAAAD,EACME,EAAAA,UAAMD,GAAOE,KAAKC,SAClBF,EAAAA,UAAMD,GAAOE,KAAKE,WAOlCE,EAAelB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,iCAAAC,YAAA,gBAAGJ,CAInBoB,IAAAA,EAAAX,EAAAA,qBAAA,CAAA,yEAAA,cAAA,sBAAA,mBAAA,2HAAA,kEAAA,CAAA,yEAG6B,cAEwB,sBACD,mBAGqB,2HAQ5B,oEAd9BJ,EAAQA,SAACC,OAEpB,SAACI,GAAE,IAAAW,EAAIX,EAAAW,KAAO,OAAAC,YAAU,OAAQD,GAAQ,aAC3B,SAACX,GAAiBa,OAAPb,EAAAa,UAAmB,SAEpC,SAACb,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EAAaE,EAAAA,UAAMD,GAAOE,KAAKC,SAAWF,EAAAA,UAAMD,GAAOE,KAAKE,WAK/C,SAACN,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EACME,EAAAA,UAAMD,GAAOE,KAAKC,SAClBF,EAAAA,UAAMD,GAAOE,KAAKE,oCAiBnC,SAACN,GAAE,IAAAc,EAAKd,EAAAc,MAAEb,EAAUD,EAAAC,WAAEc,EAAYf,EAAAe,aAAEC,EAAmBhB,EAAAiB,SAAnBA,OAAQ,IAAAD,EAAG,SAAQA,EACxD,OACIE,wBAAC7B,EAAI,KACA0B,GACGG,EAAC,QAAAC,cAAAtB,GAAKI,WAAYA,GAAac,EAAad,IAEhDiB,EAAAA,QAACC,cAAAZ,EAAW,CAAAN,WAAYA,GACnBa,MAAAA,OAAA,EAAAA,EAAOM,KAAI,SAACC,EAAMC,GAAM,OACrBJ,UAAAC,cAACX,EAAYe,WAAA,CACTC,IAAKF,GACDD,EAAKI,KACT,CAAAxB,WAAYA,EACZY,SAAUQ,EAAKR,SACfF,KAAMM,IAELI,EAAKK"}

package/cjs/LibThemeProvider-878ed68c.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./ButtonLeft-7e1f216a.js"),t=require("react"),r=require("styled-components"),n=require("./styles-271afb02.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),u=function(e,t){if(!t)return e;var r=function(e,t,n){return Object.keys(e).forEach((function(o){e[o]&&"object"==typeof e[o]&&!Array.isArray(e[o])?e[o]=r(e[o],t,n):t===o&&(e[o]=n)})),e};return Object.keys(t).forEach((function(n){t[n]&&(e.fonts.types=r(e.fonts.types,n,t[n]))})),e},a=function(t,r){var n=e.__assign({},t);return r?(Object.keys(r).forEach((function(o){var s=r[o],u=t[o];u&&s&&"object"==typeof u&&"object"==typeof s?Array.isArray(s)?n[o]=e.__spreadArray([],s,!0):n[o]=a(u,s):s&&(n[o]=s)})),n):n},i=function(e,t){var r,o,s=u(n.baseTheme,null===(r=null==e?void 0:e.fonts)||void 0===r?void 0:r.base),i=e?a(s,e):s,f=i;return t&&(f=u(i,null===(o=null==t?void 0:t.fonts)||void 0===o?void 0:o.base),f=a(f,t)),f};exports.LibThemeProvider=function(e){var t=e.theme,n=e.children,o=r.useTheme();if(t){var u=i(o,t);return s.default.createElement(r.ThemeProvider,{theme:u},n)}return s.default.createElement(s.default.Fragment,null,n)},exports.assignTo=a,exports.modifyTheme=i,exports.useLibTheme=function(){var e=r.useTheme();return{colors:n.getColors(e),fonts:n.getFonts(e),globals:n.getGlobals(e),theme:n.getTheme(e)}},exports.withLibTheme=function(t){return function(n){var o=n.theme,u=e.__rest(n,["theme"]),a=r.useTheme(),f=i(a,o);return s.default.createElement(r.ThemeProvider,{theme:f},s.default.createElement(t,e.__assign({},u)))}};
+//# sourceMappingURL=LibThemeProvider-878ed68c.js.map

package/cjs/{LibThemeProvider-69109901.js.map → LibThemeProvider-878ed68c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LibThemeProvider-69109901.js","sources":["../src/utils/LibThemeProvider.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { FC } from 'react';\nimport { DefaultTheme, ThemeProvider, useTheme } from 'styled-components';\nimport {\n    FontBase,\n    baseTheme,\n    getColors,\n    getFonts,\n    getGlobals,\n    getTheme,\n} from 'utils/styles';\nimport { RecursivePartial } from './types';\n\nexport type ThemeMods = RecursivePartial<DefaultTheme>;\n\n/**\n * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values\n * @param target Combined result object\n * @param source FontBase object with properties that should by overritten.\n */\nconst assignFontBase = (\n    target: DefaultTheme,\n    source?: RecursivePartial<FontBase>\n) => {\n    if (!source) return target;\n\n    // deep iterate through target and search matching key\n    const assign = (target: any, key: string, value: string) => {\n        Object.keys(target).forEach((tKey) => {\n            // check if target value is an object and no array\n            if (\n                target[tKey] &&\n                typeof target[tKey] === 'object' &&\n                !Array.isArray(target[tKey])\n            ) {\n                target[tKey] = assign(target[tKey], key, value);\n            } else if (key === tKey) {\n                target[tKey] = value;\n            }\n        });\n        return target;\n    };\n\n    // search each base key and replace values\n    Object.keys(source).forEach((sKey) => {\n        if (source[sKey])\n            target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);\n    });\n    return target;\n};\n\n/**\n * Combining Theme objects\n * @param target Result theme object\n * @param source Theme object that should be assigned to target\n */\nexport const assignTo = <T extends ThemeMods | DefaultTheme>(\n    target: T,\n    source?: ThemeMods\n) => {\n    const output = { ...target };\n    if (!source) return output as T;\n\n    Object.keys(source).forEach((key) => {\n        const sourceVal = source[key];\n        const targetVal = target[key];\n\n        if (\n            targetVal &&\n            sourceVal &&\n            typeof targetVal === 'object' &&\n            typeof sourceVal === 'object'\n        ) {\n            // console.log(key, sourceVal, targetVal);\n            if (Array.isArray(sourceVal)) {\n                output[key] = [...sourceVal];\n            } else {\n                output[key] = assignTo(targetVal, sourceVal);\n            }\n        } else if (sourceVal) {\n            output[key] = sourceVal;\n        }\n    });\n    return output as T;\n};\n\nexport const LibThemeProvider: FC<{\n    theme?: ThemeMods;\n    children?: React.ReactNode;\n}> = ({ theme, children }) => {\n    const ctx = useTheme();\n\n    if (theme) {\n        const newTheme = modifyTheme(ctx, theme);\n\n        return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n    } else {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n};\n\ninterface WithLibThemeProps {\n    theme?: ThemeMods;\n}\n\nexport const modifyTheme = (\n    activeTheme?: DefaultTheme,\n    modifications?: ThemeMods\n) => {\n    // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme\n    const combinedBaseTheme = assignFontBase(\n        baseTheme,\n        activeTheme?.fonts?.base\n    );\n\n    // adding base theme to active theme context if possible\n    const combinedTheme = activeTheme\n        ? assignTo(combinedBaseTheme, activeTheme)\n        : combinedBaseTheme;\n\n    // adding additional base font styles and other settings to theme\n    let newTheme = combinedTheme;\n    if (modifications) {\n        newTheme = assignFontBase(combinedTheme, modifications?.fonts?.base);\n        newTheme = assignTo(newTheme, modifications);\n    }\n\n    return newTheme;\n};\n\nexport const useLibTheme = () => {\n    const theme = useTheme();\n\n    return {\n        colors: getColors(theme),\n        fonts: getFonts(theme),\n        globals: getGlobals(theme),\n        theme: getTheme(theme),\n    };\n};\n\nexport const withLibTheme =\n    <P extends Record<string, unknown>>(\n        Component: React.ComponentType<P>\n    ): React.FC<\n        P & {\n            /** Component specific theme properties that overrides global theme settings */\n            theme?: ThemeMods;\n        }\n    > =>\n    ({ theme, ...props }: WithLibThemeProps) => {\n        const ctx = useTheme();\n        const newTheme = modifyTheme(ctx, theme);\n\n        return (\n            <ThemeProvider theme={newTheme}>\n                <Component {...(props as P)} />\n            </ThemeProvider>\n        );\n    };\n"],"names":["assignFontBase","target","source","assign","key","value","Object","keys","forEach","tKey","Array","isArray","sKey","fonts","types","assignTo","output","__assign","sourceVal","targetVal","__spreadArray","modifyTheme","activeTheme","modifications","combinedBaseTheme","baseTheme","_a","base","combinedTheme","newTheme","_b","theme","children","ctx","useTheme","React","createElement","ThemeProvider","Fragment","colors","getColors","getFonts","globals","getGlobals","getTheme","Component","props","__rest"],"mappings":"0NAoBMA,EAAiB,SACnBC,EACAC,GAEA,IAAKA,EAAQ,OAAOD,EAGdE,IAAAA,EAAS,SAACF,EAAaG,EAAaC,GAatC,OAZAC,OAAOC,KAAKN,GAAQO,SAAQ,SAACC,GAGrBR,EAAOQ,IACiB,iBAAjBR,EAAOQ,KACbC,MAAMC,QAAQV,EAAOQ,IAEtBR,EAAOQ,GAAQN,EAAOF,EAAOQ,GAAOL,EAAKC,GAClCD,IAAQK,IACfR,EAAOQ,GAAQJ,MAGhBJ,GAQX,OAJAK,OAAOC,KAAKL,GAAQM,SAAQ,SAACI,GACrBV,EAAOU,KACPX,EAAOY,MAAMC,MAAQX,EAAOF,EAAOY,MAAMC,MAAOF,EAAMV,EAAOU,QAE9DX,GAQEc,EAAW,SACpBd,EACAC,GAEA,IAAMc,EAAMC,EAAAA,SAAA,GAAQhB,GACpB,OAAKC,GAELI,OAAOC,KAAKL,GAAQM,SAAQ,SAACJ,GACzB,IAAMc,EAAYhB,EAAOE,GACnBe,EAAYlB,EAAOG,GAGrBe,GACAD,GACqB,iBAAdC,GACc,iBAAdD,EAGHR,MAAMC,QAAQO,GACdF,EAAOZ,GAAWgB,EAAAA,cAAA,GAAAF,MAElBF,EAAOZ,GAAOW,EAASI,EAAWD,GAE/BA,IACPF,EAAOZ,GAAOc,MAGfF,GAtBaA,GA4CXK,EAAc,SACvBC,EACAC,WAGMC,EAAoBxB,EACtByB,EAAAA,UACoB,QAApBC,EAAAJ,MAAAA,SAAAA,EAAaT,aAAO,IAAAa,OAAA,EAAAA,EAAAC,MAIlBC,EAAgBN,EAChBP,EAASS,EAAmBF,GAC5BE,EAGFK,EAAWD,EAMf,OALIL,IACAM,EAAW7B,EAAe4B,EAAqC,UAAtBL,MAAAA,OAAa,EAAbA,EAAeV,aAAO,IAAAiB,OAAA,EAAAA,EAAAH,MAC/DE,EAAWd,EAASc,EAAUN,IAG3BM,4BAtCN,SAACH,OAAEK,EAAKL,EAAAK,MAAEC,EAAQN,EAAAM,SACbC,EAAMC,EAAAA,WAEZ,GAAIH,EAAO,CACP,IAAMF,EAAWR,EAAYY,EAAKF,GAElC,OAAOI,EAAA,QAAAC,cAACC,gBAAc,CAAAN,MAAOF,GAAWG,GAEjCG,OAAAA,EAAAA,sBAACA,EAAAA,QAAMG,SAAU,KAAAN,iEAiCL,WACjBD,IAAAA,EAAQG,EAAAA,WAEP,MAAA,CACHK,OAAQC,EAASA,UAACT,GAClBlB,MAAO4B,EAAQA,SAACV,GAChBW,QAASC,EAAUA,WAACZ,GACpBA,MAAOa,EAAQA,SAACb,0BAKpB,SACIc,GAOJ,OAAA,SAACnB,GAAE,IAAAK,EAAKL,EAAAK,MAAKe,EAAKC,EAAAA,OAAArB,EAAjB,WACSO,EAAMC,EAAAA,WACNL,EAAWR,EAAYY,EAAKF,GAElC,OACII,EAAC,QAAAC,cAAAC,gBAAc,CAAAN,MAAOF,GAClBM,EAAAA,QAAAC,cAACS,EAAe5B,EAAAA,SAAA,GAAA6B"}
+{"version":3,"file":"LibThemeProvider-878ed68c.js","sources":["../src/utils/LibThemeProvider.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { FC } from 'react';\nimport { DefaultTheme, ThemeProvider, useTheme } from 'styled-components';\nimport {\n    FontBase,\n    baseTheme,\n    getColors,\n    getFonts,\n    getGlobals,\n    getTheme,\n} from 'utils/styles';\nimport { RecursivePartial } from './types';\n\nexport type ThemeMods = RecursivePartial<DefaultTheme>;\n\n/**\n * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values\n * @param target Combined result object\n * @param source FontBase object with properties that should by overritten.\n */\nconst assignFontBase = (\n    target: DefaultTheme,\n    source?: RecursivePartial<FontBase>\n) => {\n    if (!source) return target;\n\n    // deep iterate through target and search matching key\n    const assign = (target: any, key: string, value: string) => {\n        Object.keys(target).forEach((tKey) => {\n            // check if target value is an object and no array\n            if (\n                target[tKey] &&\n                typeof target[tKey] === 'object' &&\n                !Array.isArray(target[tKey])\n            ) {\n                target[tKey] = assign(target[tKey], key, value);\n            } else if (key === tKey) {\n                target[tKey] = value;\n            }\n        });\n        return target;\n    };\n\n    // search each base key and replace values\n    Object.keys(source).forEach((sKey) => {\n        if (source[sKey])\n            target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);\n    });\n    return target;\n};\n\n/**\n * Combining Theme objects\n * @param target Result theme object\n * @param source Theme object that should be assigned to target\n */\nexport const assignTo = <T extends ThemeMods | DefaultTheme>(\n    target: T,\n    source?: ThemeMods\n) => {\n    const output = { ...target };\n    if (!source) return output as T;\n\n    Object.keys(source).forEach((key) => {\n        const sourceVal = source[key];\n        const targetVal = target[key];\n\n        if (\n            targetVal &&\n            sourceVal &&\n            typeof targetVal === 'object' &&\n            typeof sourceVal === 'object'\n        ) {\n            // console.log(key, sourceVal, targetVal);\n            if (Array.isArray(sourceVal)) {\n                output[key] = [...sourceVal];\n            } else {\n                output[key] = assignTo(targetVal, sourceVal);\n            }\n        } else if (sourceVal) {\n            output[key] = sourceVal;\n        }\n    });\n    return output as T;\n};\n\nexport const LibThemeProvider: FC<{\n    theme?: ThemeMods;\n    children?: React.ReactNode;\n}> = ({ theme, children }) => {\n    const ctx = useTheme();\n\n    if (theme) {\n        const newTheme = modifyTheme(ctx, theme);\n\n        return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n    } else {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n};\n\ninterface WithLibThemeProps {\n    theme?: ThemeMods;\n}\n\nexport const modifyTheme = (\n    activeTheme?: DefaultTheme,\n    modifications?: ThemeMods\n) => {\n    // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme\n    const combinedBaseTheme = assignFontBase(\n        baseTheme,\n        activeTheme?.fonts?.base\n    );\n\n    // adding base theme to active theme context if possible\n    const combinedTheme = activeTheme\n        ? assignTo(combinedBaseTheme, activeTheme)\n        : combinedBaseTheme;\n\n    // adding additional base font styles and other settings to theme\n    let newTheme = combinedTheme;\n    if (modifications) {\n        newTheme = assignFontBase(combinedTheme, modifications?.fonts?.base);\n        newTheme = assignTo(newTheme, modifications);\n    }\n\n    return newTheme;\n};\n\nexport const useLibTheme = () => {\n    const theme = useTheme();\n\n    return {\n        colors: getColors(theme),\n        fonts: getFonts(theme),\n        globals: getGlobals(theme),\n        theme: getTheme(theme),\n    };\n};\n\nexport const withLibTheme =\n    <P extends Record<string, unknown>>(\n        Component: React.ComponentType<P>\n    ): React.FC<\n        P & {\n            /** Component specific theme properties that overrides global theme settings */\n            theme?: ThemeMods;\n        }\n    > =>\n    ({ theme, ...props }: WithLibThemeProps) => {\n        const ctx = useTheme();\n        const newTheme = modifyTheme(ctx, theme);\n\n        return (\n            <ThemeProvider theme={newTheme}>\n                <Component {...(props as P)} />\n            </ThemeProvider>\n        );\n    };\n"],"names":["assignFontBase","target","source","assign","key","value","Object","keys","forEach","tKey","Array","isArray","sKey","fonts","types","assignTo","output","__assign","sourceVal","targetVal","__spreadArray","modifyTheme","activeTheme","modifications","combinedBaseTheme","baseTheme","_a","base","combinedTheme","newTheme","_b","theme","children","ctx","useTheme","React","createElement","ThemeProvider","Fragment","colors","getColors","getFonts","globals","getGlobals","getTheme","Component","props","__rest"],"mappings":"8NAoBMA,EAAiB,SACnBC,EACAC,GAEA,IAAKA,EAAQ,OAAOD,EAGdE,IAAAA,EAAS,SAACF,EAAaG,EAAaC,GAatC,OAZAC,OAAOC,KAAKN,GAAQO,SAAQ,SAACC,GAGrBR,EAAOQ,IACiB,iBAAjBR,EAAOQ,KACbC,MAAMC,QAAQV,EAAOQ,IAEtBR,EAAOQ,GAAQN,EAAOF,EAAOQ,GAAOL,EAAKC,GAClCD,IAAQK,IACfR,EAAOQ,GAAQJ,MAGhBJ,GAQX,OAJAK,OAAOC,KAAKL,GAAQM,SAAQ,SAACI,GACrBV,EAAOU,KACPX,EAAOY,MAAMC,MAAQX,EAAOF,EAAOY,MAAMC,MAAOF,EAAMV,EAAOU,QAE9DX,GAQEc,EAAW,SACpBd,EACAC,GAEA,IAAMc,EAAMC,EAAAA,SAAA,GAAQhB,GACpB,OAAKC,GAELI,OAAOC,KAAKL,GAAQM,SAAQ,SAACJ,GACzB,IAAMc,EAAYhB,EAAOE,GACnBe,EAAYlB,EAAOG,GAGrBe,GACAD,GACqB,iBAAdC,GACc,iBAAdD,EAGHR,MAAMC,QAAQO,GACdF,EAAOZ,GAAWgB,EAAAA,cAAA,GAAAF,MAElBF,EAAOZ,GAAOW,EAASI,EAAWD,GAE/BA,IACPF,EAAOZ,GAAOc,MAGfF,GAtBaA,GA4CXK,EAAc,SACvBC,EACAC,WAGMC,EAAoBxB,EACtByB,EAAAA,UACoB,QAApBC,EAAAJ,MAAAA,SAAAA,EAAaT,aAAO,IAAAa,OAAA,EAAAA,EAAAC,MAIlBC,EAAgBN,EAChBP,EAASS,EAAmBF,GAC5BE,EAGFK,EAAWD,EAMf,OALIL,IACAM,EAAW7B,EAAe4B,EAAqC,UAAtBL,MAAAA,OAAa,EAAbA,EAAeV,aAAO,IAAAiB,OAAA,EAAAA,EAAAH,MAC/DE,EAAWd,EAASc,EAAUN,IAG3BM,4BAtCN,SAACH,OAAEK,EAAKL,EAAAK,MAAEC,EAAQN,EAAAM,SACbC,EAAMC,EAAAA,WAEZ,GAAIH,EAAO,CACP,IAAMF,EAAWR,EAAYY,EAAKF,GAElC,OAAOI,EAAA,QAAAC,cAACC,gBAAc,CAAAN,MAAOF,GAAWG,GAEjCG,OAAAA,EAAAA,sBAACA,EAAAA,QAAMG,SAAU,KAAAN,iEAiCL,WACjBD,IAAAA,EAAQG,EAAAA,WAEP,MAAA,CACHK,OAAQC,EAASA,UAACT,GAClBlB,MAAO4B,EAAQA,SAACV,GAChBW,QAASC,EAAUA,WAACZ,GACpBA,MAAOa,EAAQA,SAACb,0BAKpB,SACIc,GAOJ,OAAA,SAACnB,GAAE,IAAAK,EAAKL,EAAAK,MAAKe,EAAKC,EAAAA,OAAArB,EAAjB,WACSO,EAAMC,EAAAA,WACNL,EAAWR,EAAYY,EAAKF,GAElC,OACII,EAAC,QAAAC,cAAAC,gBAAc,CAAAN,MAAOF,GAClBM,EAAAA,QAAAC,cAACS,EAAe5B,EAAAA,SAAA,GAAA6B"}

package/cjs/Link-6e728957.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),e=require("react"),t=require("styled-components"),o=require("./styles-271afb02.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a,l=r(e),s=r(t).default.a.withConfig({displayName:"Link__View",componentId:"sc-63jgey-0"})(a||(a=n.__makeTemplateObject(["\n    ",";\n"],["\n    ",";\n"])),(function(e){return function(e){return t.css(i||(i=n.__makeTemplateObject(["\n    color: ",";\n    text-transform: ",";\n    text-decoration: ",";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &[href]:hover {\n            color: ",";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px dotted\n            ",";\n        outline-offset: 2px;\n    }\n"],["\n    color: ",";\n    text-transform: ",";\n    text-decoration: ",";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &[href]:hover {\n            color: ",";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px dotted\n            ",";\n        outline-offset: 2px;\n    }\n"])),(function(n){var t=n.theme;return e?o.getFonts(t).link.colorInverted:o.getFonts(t).link.color}),(function(n){var e=n.theme;return o.getFonts(e).link.textTransform}),(function(n){var e=n.theme;return o.getFonts(e).link.textDecoration}),(function(n){var t=n.theme;return e?o.getFonts(t).link.colorHoverInverted:o.getFonts(t).link.colorHover}),(function(n){var t=n.theme;return e?o.getFonts(t).link.colorInverted:o.getFonts(t).link.color}))}(e.isInverted)})),c=e.forwardRef((function(n,e){var t=n.id,o=n.isInverted,r=void 0!==o&&o,i=n.isExternal,a=void 0!==i&&i,c=n.onClick,d=n.href,u=n.ariaLabel,f=n.tabIndex,v=n.dataSheet,m=n.dataIdent,h=n.children,k=n.className,p=n.ariaHidden,x=void 0!==p&&p;return l.default.createElement(s,{ref:e,id:t,href:d,target:a?"_blank":void 0,rel:a?"noopener":void 0,isInverted:r,"aria-label":u,tabIndex:f,"data-sheet":v,"data-ident":m,onClick:c,className:k,"aria-hidden":x},h)}));c.displayName="Link",exports.Link=c;
+//# sourceMappingURL=Link-6e728957.js.map

package/cjs/Link-6e728957.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-6e728957.js","sources":["../src/components/typography/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\n\nexport interface LinkProps {\n    isExternal?: boolean;\n    href?: string;\n}\n\nexport const linkStyles = (isInverted?: boolean) => css`\n    color: ${({ theme }) =>\n        isInverted ? font(theme).link.colorInverted : font(theme).link.color};\n    text-transform: ${({ theme }) => font(theme).link.textTransform};\n    text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &[href]:hover {\n            color: ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorHoverInverted\n                    : font(theme).link.colorHover};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px dotted\n            ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorInverted\n                    : font(theme).link.color};\n        outline-offset: 2px;\n    }\n`;\n\nconst View = styled.a<{ isInverted?: boolean }>`\n    ${({ isInverted }) => linkStyles(isInverted)};\n`;\n\nconst Link = forwardRef<\n    HTMLAnchorElement,\n    LinkProps & {\n        id?: string;\n        ariaLabel?: string;\n        tabIndex?: number;\n        dataSheet?: string;\n        dataIdent?: string;\n        isInverted?: boolean;\n        onClick?: (ev?: React.SyntheticEvent<HTMLAnchorElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n        ariaHidden?: boolean;\n    }\n>(\n    (\n        {\n            id,\n            isInverted = false,\n            isExternal = false,\n            onClick,\n            href,\n            ariaLabel,\n            tabIndex,\n            dataSheet,\n            dataIdent,\n            children,\n            className,\n            ariaHidden = false,\n        },\n        ref\n    ) => {\n        return (\n            <View\n                ref={ref}\n                id={id}\n                href={href}\n                target={isExternal ? '_blank' : undefined}\n                rel={isExternal ? 'noopener' : undefined}\n                isInverted={isInverted}\n                aria-label={ariaLabel}\n                tabIndex={tabIndex}\n                data-sheet={dataSheet}\n                data-ident={dataIdent}\n                onClick={onClick}\n                className={className}\n                aria-hidden={ariaHidden}\n            >\n                {children}\n            </View>\n        );\n    }\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["View","styled","a","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","linkStyles","isInverted","css","templateObject_1","theme","font","link","colorInverted","color","textTransform","textDecoration","colorHoverInverted","colorHover","Link","forwardRef","ref","id","_b","_c","isExternal","onClick","href","ariaLabel","tabIndex","dataSheet","dataIdent","children","className","_d","ariaHidden","React","createElement","target","undefined","rel"],"mappings":"kOA4CMA,OAAOC,QAAOC,EAAVC,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAAGJ,CAAkCK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,SAAA,OAAA,CAAA,SACC,UAA1C,SAACC,GAAmBC,OAlCA,SAACC,GAAyB,OAAAC,EAAGA,IAAAC,IAAAA,EAAAL,EAAAA,qBAAA,CAAA,gBAAA,0BAAA,2BAAA,sKAAA,8JAAA,4CAAA,CAAA,gBAEqB,0BACT,2BACE,sKAWpB,8JAaL,+CA3B/B,SAACC,GAAE,IAAAK,EAAKL,EAAAK,MACb,OAAAH,EAAaI,EAAAA,SAAKD,GAAOE,KAAKC,cAAgBF,EAAAA,SAAKD,GAAOE,KAAKE,SACjD,SAACT,GAAE,IAAAK,EAAKL,EAAAK,MAAO,OAAAC,WAAKD,GAAOE,KAAKG,iBAC/B,SAACV,GAAE,IAAAK,EAAKL,EAAAK,MAAO,OAAAC,WAAKD,GAAOE,KAAKI,kBAQlC,SAACX,GAAE,IAAAK,EAAKL,EAAAK,MACb,OAAAH,EACMI,EAAAA,SAAKD,GAAOE,KAAKK,mBACjBN,EAAAA,SAAKD,GAAOE,KAAKM,cAUzB,SAACb,GAAE,IAAAK,EAAKL,EAAAK,MACN,OAAAH,EACMI,EAAAA,SAAKD,GAAOE,KAAKC,cACjBF,EAAAA,SAAKD,GAAOE,KAAKE,SAMbR,CAAPD,EAAAE,eAGbY,EAAOC,EAAUA,YAenB,SACIf,EAcAgB,OAbIC,EAAEjB,EAAAiB,GACFC,EAAkBlB,EAAAE,WAAlBA,OAAa,IAAAgB,KACbC,EAAAnB,EAAAoB,WAAAA,OAAU,IAAAD,GAAQA,EAClBE,EAAOrB,EAAAqB,QACPC,EAAItB,EAAAsB,KACJC,EAASvB,EAAAuB,UACTC,EAAQxB,EAAAwB,SACRC,EAASzB,EAAAyB,UACTC,EAAS1B,EAAA0B,UACTC,EAAQ3B,EAAA2B,SACRC,EAAS5B,EAAA4B,UACTC,eAAAC,OAAa,IAAAD,GAAKA,EAItB,OACIE,EAAA,QAAAC,cAACxC,EAAI,CACDwB,IAAKA,EACLC,GAAIA,EACJK,KAAMA,EACNW,OAAQb,EAAa,cAAWc,EAChCC,IAAKf,EAAa,gBAAac,EAC/BhC,WAAYA,EAAU,aACVqB,EACZC,SAAUA,EACE,aAAAC,EACA,aAAAC,EACZL,QAASA,EACTO,UAAWA,EACEE,cAAAA,GAEZH,MAMjBb,EAAKlB,YAAc"}