@blateral/b.kit 2.7.2 → 2.7.3-patch1.0

package/cjs/sections.pois.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),i=require("./Section-e8e8cf81.js"),a=require("./Wrapper-ff6854d7.js"),r=require("./Image-c72f7a80.js"),o=require("./Copy-ea6ab025.js"),l=require("./styles-3a495a2d.js"),s=require("./LibThemeProvider-4823de57.js"),c=require("./Grid-6f4f99bc.js"),d=require("./InfoList-71d3388a.js"),u=require("./POICard-e46f9041.js"),p=require("./arrays-c272ed59.js"),m=require("./FilterField-cce38ffb.js"),f=require("./useUpdateEffect-4d233e2c.js"),g=require("./escape-1ef8dd83.js"),h=require("./useMounted-0bba9869.js"),v=require("./urlParams-7525f638.js"),b=require("./useLeafletMap-2e608b01.js"),x=require("./Navigation-d205ed34.js"),w=require("./useGeolocation-d8946470.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./clamp-bd21d587.js"),require("react-dom/server"),require("./useLazyInput-f71c221b.js"),require("./useMediaQuery-3d1054e5.js"),require("./navigation-bf154e6e.js"),require("./Link-5a6f1633.js"),require("./LanguageSwitcher-8fdd22ba.js");var _,C,I,k,E,j,M,O,P,T,q,L,z,F,N,S,A=y(n),V=y(t),B=V.default(r.Image).withConfig({displayName:"PointOfInterestDetail__StyledImage",componentId:"sc-hksryh-0"})(_||(_=e.__makeTemplateObject(["\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"])),l.spacings.spacer),R=V.default(u.POIFacts).withConfig({displayName:"PointOfInterestDetail__Facts",componentId:"sc-hksryh-1"})(C||(C=e.__makeTemplateObject(["\n    max-width: 880px;\n"],["\n    max-width: 880px;\n"]))),D=V.default(o.Heading).withConfig({displayName:"PointOfInterestDetail__PoiTitle",componentId:"sc-hksryh-2"})(I||(I=e.__makeTemplateObject(["\n    max-width: 880px;\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    max-width: 880px;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*l.spacings.nudge),G=V.default(o.Copy).withConfig({displayName:"PointOfInterestDetail__PoiText",componentId:"sc-hksryh-3"})(k||(k=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*l.spacings.nudge),H=s.withLibTheme((function(t){var r=t.anchorId,o=t.image,u=t.title,m=t.intro,f=t.text,g=t.facts,h=t.infos,v=t.bgMode,b=t.customFact,x=s.useLibTheme().colors,w="inverted"===v,y="full"===v,_=n.useMemo((function(){return p.isValidArray(null==h?void 0:h.filter((function(e){return p.isValidArray(e.items,!1)})),!1)}),[h]);return A.default.createElement(i.Section,{addSeperation:!0,anchorId:r,bgColor:w?x.sectionBg.dark:y?x.sectionBg.medium:x.sectionBg.light,bgMode:i.mapToBgMode(v,!0)},A.default.createElement(a.Wrapper,{addWhitespace:!0},(null==o?void 0:o.small)&&A.default.createElement(B,e.__assign({},o,{coverSpace:!0,allowEdgeRadius:!0,isInverted:w})),A.default.createElement(c.Grid.Row,{gutter:5*l.spacings.nudge,semilarge:{gutter:l.spacings.spacer}},A.default.createElement(c.Grid.Col,{semilarge:{span:_?5.7/8:1}},u&&A.default.createElement(D,{size:"heading-2",isInverted:w},u),p.isValidArray(g,!1)&&A.default.createElement(R,{isInverted:w,facts:g,customFact:b}),m&&A.default.createElement(G,{size:"medium",type:"copy-b",isInverted:w,innerHTML:m}),f&&A.default.createElement(G,{size:"medium",isInverted:w,innerHTML:f})),_&&A.default.createElement(c.Grid.Col,{semilarge:{span:2.3/8}},A.default.createElement(d.InfoList,{isInverted:w,items:h})))))})),U=V.default.div.withConfig({displayName:"PointOfInterestOverview__Content",componentId:"sc-epctuk-0"})(E||(E=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"])),5*l.spacings.nudge,l.mq.large,3*l.spacings.nudge),W=V.default(m.FilterField).withConfig({displayName:"PointOfInterestOverview__Filter",componentId:"sc-epctuk-1"})(j||(j=e.__makeTemplateObject(["\n    // margin to show prevent section overflow outline\n    margin-top: 2px;\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    // margin to show prevent section overflow outline\n    margin-top: 2px;\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"])),5*l.spacings.nudge),Z=function(e,n){return n?null==n?void 0:n.filter((function(n){return!e.find((function(e){return e.item.id===n.id}))})):[]},Q=function(e,n){var t=[];if(!p.isValidArray(null==n?void 0:n.filter((function(e){return void 0!==e.id})),!1))return t;var i=null==n?void 0:n.filter(function(e){return function(n){return new RegExp(e).test(n.name)}}(e));p.isValidArray(i,!1)&&t.push.apply(t,i.map((function(e){return{item:e,priority:1}})));var a=Z(t,null==n?void 0:n.filter(function(e){return function(n){var t=e.toLowerCase().replace(/\s/g,""),i=n.name.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(e)));p.isValidArray(a,!1)&&t.push.apply(t,a.map((function(e){return{item:e,priority:2}})));var r=Z(t,null==n?void 0:n.filter(function(e){return function(n){if(!p.isValidArray(n.facts,!1))return!1;var t=e.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!n.facts.find((function(e){var n=e.toLowerCase().replace(/\s/g,"");return i.test(n)}))}}(e)));p.isValidArray(r,!1)&&t.push.apply(t,r.map((function(e){return{item:e,priority:3}})));var o=Z(t,null==n?void 0:n.filter(function(e){return function(n){if(!p.isValidArray(null==n?void 0:n.infos,!1))return!1;var t=e.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!n.infos.find((function(e){if(!e.text)return!1;var n=e.text.toLowerCase().replace(/\s/g,"");return i.test(n)}))}}(e)));p.isValidArray(o,!1)&&t.push.apply(t,o.map((function(e){return{item:e,priority:4}})));var l=Z(t,null==n?void 0:n.filter(function(e){return function(n){if(!n.shortDescription)return!1;var t=e.toLowerCase().replace(/\s/g,""),i=n.shortDescription.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(e)));return p.isValidArray(l,!1)&&t.push.apply(t,l.map((function(e){return{item:e,priority:5}}))),t},J=s.withLibTheme((function(t){var r,o=t.anchorId,l=t.bgMode,c=t.pois,d=t.enableFiltering,p=t.initialFilterQuery,m=t.filterPlaceholder,b=void 0===m?"Filter":m,x=t.filterSubmitIcon,w=t.filterClearIcon,y=s.useLibTheme(),_=y.colors,C=y.globals.sections.poiFilterName,I="inverted"===l,k="full"===l,E=n.useState(p||""),j=E[0],M=E[1],O=h.useMounted(),P=A.default.useMemo((function(){for(var n=j.split(" ").map((function(e){return e.trim()})),t=[],i=0,a=n;i<a.length;i++)for(var r=a[i],o=function(e){var n=t.findIndex((function(n){return n.match.item.id===e.item.id}));-1!==n?t[n].intersections+=1:t.push({match:e,intersections:1})},l=0,s=Q(g.escapeRegExp(r),c||[]);l<s.length;l++){o(s[l])}return t.filter((function(e){return e.intersections>=n.length})).map((function(n){return e.__assign({},n.match)}))}),[j,c]),T=n.useCallback((function(){return v.getUrlParams()[C]}),[C]);return n.useEffect((function(){var e=T();null!=e&&"string"==typeof e&&M(e)}),[T]),n.useEffect((function(){O||(j?v.setUrlParam(C,j):v.deleteUrlParam(C))}),[C,j,O]),f.useUpdateEffect((function(){j?v.setUrlParam(C,j):v.deleteUrlParam(C)}),[j]),A.default.createElement(i.Section,{addSeperation:!0,anchorId:o,bgColor:I?_.sectionBg.dark:k?_.sectionBg.medium:_.sectionBg.light,bgMode:i.mapToBgMode(l,!0)},A.default.createElement(a.Wrapper,{addWhitespace:!0},d&&A.default.createElement(W,{value:j,initialValue:p,placeholder:b,onSubmit:M,submitIcon:x,clearIcon:w,isInverted:I}),A.default.createElement(U,null,null===(r=null==P?void 0:P.sort((function(e,n){return e.priority-n.priority})))||void 0===r?void 0:r.map((function(n,t){return A.default.createElement(u.POICard,e.__assign({key:t},n.item,{isInverted:I}))})))))})),K=V.default(i.Section).withConfig({displayName:"PointOfInterestMap__PoiMapSection",componentId:"sc-1ke8oz0-0"})(P||(P=e.__makeTemplateObject(["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"],["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"])),(function(n){return n.isLarge&&t.css(O||(O=e.__makeTemplateObject(["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ","\n"],["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ","\n"])),(function(n){var i=n.theme,a=x.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),r=x.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),o=x.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),s=x.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),c=x.getFullNavbarHeights(i,a).large,d=x.getFullNavbarHeights(i,r).large,u=x.getFullNavbarHeights(i,o).large,p=x.getFullNavbarHeights(i,s).large,m=function(e){return e.map((function(e){return"[data-navbar-ident*='".concat(e,"']")})).join("")},f="100vh";return t.css(M||(M=e.__makeTemplateObject(["\n            "," {\n                height: ",";\n            }\n\n            // with main navbar element\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and top navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with all navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            @media "," {\n                // with main navbar element\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc(\n                            "," - ","px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n            }\n        "],["\n            "," {\n                height: ",";\n            }\n\n            // with main navbar element\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and top navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with all navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            @media "," {\n                // with main navbar element\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc(\n                            "," - ","px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n            }\n        "])),Y,f,m(a.split("-")),Y,f,c[0],m(r.split("-")),Y,f,d[0],m(o.split("-")),Y,f,u[0],m(s.split("-")),Y,f,p[0],l.mq.semilarge,m(a.split("-")),Y,f,c[1],m(r.split("-")),Y,f,d[1],m(o.split("-")),Y,f,u[1],m(s.split("-")),Y,f,p[1])}))}),l.withRange([0],"padding-top"),l.withRange([0],"margin-top")),X=V.default.div.withConfig({displayName:"PointOfInterestMap__MapContainer",componentId:"sc-1ke8oz0-1"})(T||(T=e.__makeTemplateObject(["\n    position: relative;\n"],["\n    position: relative;\n"]))),Y=V.default.div.withConfig({displayName:"PointOfInterestMap__Map",componentId:"sc-1ke8oz0-2"})(q||(q=e.__makeTemplateObject(["\n    min-height: 360px;\n    height: 360px;\n    max-height: 1300px;\n    z-index: 0;\n\n    @media "," {\n        height: 600px;\n        min-height: 600px;\n    }\n"],["\n    min-height: 360px;\n    height: 360px;\n    max-height: 1300px;\n    z-index: 0;\n\n    @media "," {\n        height: 600px;\n        min-height: 600px;\n    }\n"])),l.mq.medium),$=V.default.button.withConfig({displayName:"PointOfInterestMap__RequestGeolocationBtn",componentId:"sc-1ke8oz0-3"})(L||(L=e.__makeTemplateObject(["\n    position: absolute;\n    top: ","px;\n    left: ","px;\n\n    background-color: transparent;\n    border: none;\n    padding: ","px;\n    cursor: pointer;\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.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        width: 30px;\n        height: 30px;\n    }\n"],["\n    position: absolute;\n    top: ","px;\n    left: ","px;\n\n    background-color: transparent;\n    border: none;\n    padding: ","px;\n    cursor: pointer;\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.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        width: 30px;\n        height: 30px;\n    }\n"])),2*l.spacings.nudge,2*l.spacings.nudge,l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),ee=V.default.div.withConfig({displayName:"PointOfInterestMap__CardStage",componentId:"sc-1ke8oz0-4"})(z||(z=e.__makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n\n    pointer-events: all;\n    background-color: rgba(255, 255, 255, 0.8);\n\n    @media "," {\n        position: absolute;\n        background-color: transparent;\n        padding: ","px;\n        padding-bottom: ","px;\n\n        pointer-events: none;\n    }\n"],["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n\n    pointer-events: all;\n    background-color: rgba(255, 255, 255, 0.8);\n\n    @media "," {\n        position: absolute;\n        background-color: transparent;\n        padding: ","px;\n        padding-bottom: ","px;\n\n        pointer-events: none;\n    }\n"])),l.mq.medium,2*l.spacings.nudge,3*l.spacings.nudge),ne=V.default.div.withConfig({displayName:"PointOfInterestMap__MapCardView",componentId:"sc-1ke8oz0-5"})(F||(F=e.__makeTemplateObject(["\n    max-height: 100%;\n    width: 100%;\n    padding: ","px;\n    overflow: auto;\n\n    background: ",";\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: all;\n    border-radius: 8px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"],["\n    max-height: 100%;\n    width: 100%;\n    padding: ","px;\n    overflow: auto;\n\n    background: ",";\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: all;\n    border-radius: 8px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"])),2*l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).elementBg.light}),3*l.spacings.nudge,l.mq.medium),te=V.default.header.withConfig({displayName:"PointOfInterestMap__MapCardHeader",componentId:"sc-1ke8oz0-6"})(N||(N=e.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"],["\n    display: flex;\n    align-items: center;\n"]))),ie=V.default.button.withConfig({displayName:"PointOfInterestMap__CloseBtn",componentId:"sc-1ke8oz0-7"})(S||(S=e.__makeTemplateObject(["\n    display: inline-block;\n    border: none;\n    background-color: transparent;\n    cursor: pointer;\n    margin-left: auto;\n    padding: ","px;\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.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-block;\n    border: none;\n    background-color: transparent;\n    cursor: pointer;\n    margin-left: auto;\n    padding: ","px;\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.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),ae=function(n){var t=n.name,i=n.facts,a=n.description,r=n.infos,l=n.action,c=n.customFact,m=n.customClose,f=n.onClose,g=n.className,h=s.useLibTheme().colors;return A.default.createElement(ne,{className:g},A.default.createElement(te,null,t&&A.default.createElement(o.Copy,{type:"copy-b",size:"big"},t),A.default.createElement(ie,{onClick:f},m||A.default.createElement(e.Cross,{iconColor:h.text.default}))),p.isValidArray(i,!1)&&A.default.createElement(u.POIFacts,{facts:i,customFact:c}),a&&A.default.createElement(o.Copy,{type:"copy",size:"small",innerHTML:a}),p.isValidArray(r,!1)&&A.default.createElement(d.InfoList,{items:[{items:r}]}),l&&l)},re=s.withLibTheme((function(t){var i=t.anchorId,r=t.size,o=t.pois,c=t.initialPointOfInterest,d=void 0===c?"":c,u=t.provider,p=t.attribution,m=t.center,f=void 0===m?[51.505,-.09]:m,g=t.zoom,h=void 0===g?5:g,v=t.fitBoundsPadding,x=t.allMarkersOnInit,y=void 0!==x&&x,_=t.restrictToMarkersArea,C=void 0===_||_,I=t.showOwnPosition,k=t.flyToZoom,E=t.customFact,j=t.currentPosMarker,M=t.customCardClose,O=t.customLocationRequest,P="large"===r,T=s.useLibTheme().colors,q=n.useState(d||""),L=q[0],z=q[1],F=n.useState(!1),N=F[0],S=F[1],V=n.useMemo((function(){return null==o?void 0:o.find((function(e){return e.id===L}))}),[L,o]),B=w.useGeolocation(!0,!1),R=B.isSupported,D=B.location,G=B.reset,H=n.useMemo((function(){var n,t={size:[28,28],anchor:[14,28],sizeActive:[70,70],anchorActive:[35,70],url:l.getSVGDataImg(A.default.createElement(e.LocationPin,null))},i={size:[24,24],anchor:[12,12],sizeActive:[24,24],anchorActive:[12,12],url:l.getSVGDataImg(A.default.createElement(e.CurrentLocation,{iconColor:"#5383EC"}))},a=(null===(n=null==o?void 0:o.filter((function(e){return void 0!==e.id})))||void 0===n?void 0:n.map((function(e){return{id:e.id,position:e.position,icon:e.icon||t,isInteractive:!0}})))||[];return R&&(null==D?void 0:D.coords.latitude)&&(null==D?void 0:D.coords.longitude)&&a.push({id:"my-current-position-123456789",position:[D.coords.latitude,D.coords.longitude],icon:j||i}),a}),[j,R,null==D?void 0:D.coords.latitude,null==D?void 0:D.coords.longitude,o]),U=b.useLeafletMap({url:u,attribution:p,center:f,zoom:h,activeMarkerId:L,markers:H,fitBoundsPadding:v,restrictToMarkersArea:C,showZoomControls:!0,zoomControlPosition:"bottomleft",onMarkerClick:function(e){z((function(n){return n===e?"":e}))}}),W=U.isLoaded,Z=U.setContainer,Q=U.flyToActive,J=U.showAllMarkers,ne=U.flyToPosition,te=U.getCurrentZoom;n.useEffect((function(){if(W&&!N)y&&J();else{var e=te(),n=k;void 0!==k&&e>k&&(n=e),Q(n)}}),[L,y,Q,k,te,d,N,W,J]),n.useEffect((function(){N||L===d||S(!0)}),[L,d,N]);return A.default.createElement(K,{anchorId:i,bgColor:"image",bgMode:"full",isLarge:P},A.default.createElement(a.Wrapper,{clampWidth:P?"large":"normal"},A.default.createElement(X,null,A.default.createElement(Y,{ref:Z,isLarge:"large"===r}),I&&A.default.createElement($,{onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n,t,i,a;return e.__generator(this,(function(e){switch(e.label){case 0:return(null===(i=null==D?void 0:D.coords)||void 0===i?void 0:i.latitude)&&(null===(a=null==D?void 0:D.coords)||void 0===a?void 0:a.longitude)?(n=te(),t=k,void 0!==k&&n>k&&(t=n),ne([D.coords.latitude,D.coords.longitude],t),[3,4]):[3,1];case 1:return e.trys.push([1,3,,4]),[4,G()];case 2:return e.sent()&&J(),[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))}},O||A.default.createElement(e.MyLocation,{iconColor:T.text.default})),V&&V.name&&A.default.createElement(ee,{onClick:function(e){e.target===e.currentTarget&&z("")}},A.default.createElement(ae,e.__assign({},V,{onClose:function(){return z("")},customFact:E,customClose:M}))))))}));exports.PointOfInterestDetail=H,exports.PointOfInterestMap=re,exports.PointOfInterestOverview=J;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),i=require("./Section-e8e8cf81.js"),a=require("./Wrapper-ff6854d7.js"),r=require("./Image-b47c0c2d.js"),o=require("./Copy-b579f268.js"),l=require("./styles-3a495a2d.js"),s=require("./LibThemeProvider-4823de57.js"),c=require("./Grid-6f4f99bc.js"),d=require("./InfoList-43067979.js"),u=require("./POICard-38e65e37.js"),p=require("./arrays-c272ed59.js"),m=require("./FilterField-82610ee9.js"),f=require("./useUpdateEffect-4d233e2c.js"),g=require("./escape-1ef8dd83.js"),h=require("./useMounted-0bba9869.js"),v=require("./urlParams-7525f638.js"),b=require("./useLeafletMap-2e608b01.js"),x=require("./Navigation-8f27999b.js"),w=require("./useGeolocation-d8946470.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./clamp-bd21d587.js"),require("react-dom/server"),require("./useLazyInput-f71c221b.js"),require("./useMediaQuery-3d1054e5.js"),require("./navigation-5a6ad6bf.js"),require("./Link-5a6f1633.js"),require("./LanguageSwitcher-296643d1.js");var _,C,I,k,E,j,M,O,P,T,q,L,z,F,N,S,A=y(n),V=y(t),B=V.default(r.Image).withConfig({displayName:"PointOfInterestDetail__StyledImage",componentId:"sc-hksryh-0"})(_||(_=e.__makeTemplateObject(["\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"])),l.spacings.spacer),R=V.default(u.POIFacts).withConfig({displayName:"PointOfInterestDetail__Facts",componentId:"sc-hksryh-1"})(C||(C=e.__makeTemplateObject(["\n    max-width: 880px;\n"],["\n    max-width: 880px;\n"]))),D=V.default(o.Heading).withConfig({displayName:"PointOfInterestDetail__PoiTitle",componentId:"sc-hksryh-2"})(I||(I=e.__makeTemplateObject(["\n    max-width: 880px;\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    max-width: 880px;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*l.spacings.nudge),G=V.default(o.Copy).withConfig({displayName:"PointOfInterestDetail__PoiText",componentId:"sc-hksryh-3"})(k||(k=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*l.spacings.nudge),H=s.withLibTheme((function(t){var r=t.anchorId,o=t.image,u=t.title,m=t.intro,f=t.text,g=t.facts,h=t.infos,v=t.bgMode,b=t.customFact,x=s.useLibTheme().colors,w="inverted"===v,y="full"===v,_=n.useMemo((function(){return p.isValidArray(null==h?void 0:h.filter((function(e){return p.isValidArray(e.items,!1)})),!1)}),[h]);return A.default.createElement(i.Section,{addSeperation:!0,anchorId:r,bgColor:w?x.sectionBg.dark:y?x.sectionBg.medium:x.sectionBg.light,bgMode:i.mapToBgMode(v,!0)},A.default.createElement(a.Wrapper,{addWhitespace:!0},(null==o?void 0:o.small)&&A.default.createElement(B,e.__assign({},o,{coverSpace:!0,allowEdgeRadius:!0,isInverted:w})),A.default.createElement(c.Grid.Row,{gutter:5*l.spacings.nudge,semilarge:{gutter:l.spacings.spacer}},A.default.createElement(c.Grid.Col,{semilarge:{span:_?5.7/8:1}},u&&A.default.createElement(D,{size:"heading-2",isInverted:w},u),p.isValidArray(g,!1)&&A.default.createElement(R,{isInverted:w,facts:g,customFact:b}),m&&A.default.createElement(G,{size:"medium",type:"copy-b",isInverted:w,innerHTML:m}),f&&A.default.createElement(G,{size:"medium",isInverted:w,innerHTML:f})),_&&A.default.createElement(c.Grid.Col,{semilarge:{span:2.3/8}},A.default.createElement(d.InfoList,{isInverted:w,items:h})))))})),U=V.default.div.withConfig({displayName:"PointOfInterestOverview__Content",componentId:"sc-epctuk-0"})(E||(E=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"])),5*l.spacings.nudge,l.mq.large,3*l.spacings.nudge),W=V.default(m.FilterField).withConfig({displayName:"PointOfInterestOverview__Filter",componentId:"sc-epctuk-1"})(j||(j=e.__makeTemplateObject(["\n    // margin to show prevent section overflow outline\n    margin-top: 2px;\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    // margin to show prevent section overflow outline\n    margin-top: 2px;\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"])),5*l.spacings.nudge),Z=function(e,n){return n?null==n?void 0:n.filter((function(n){return!e.find((function(e){return e.item.id===n.id}))})):[]},Q=function(e,n){var t=[];if(!p.isValidArray(null==n?void 0:n.filter((function(e){return void 0!==e.id})),!1))return t;var i=null==n?void 0:n.filter(function(e){return function(n){return new RegExp(e).test(n.name)}}(e));p.isValidArray(i,!1)&&t.push.apply(t,i.map((function(e){return{item:e,priority:1}})));var a=Z(t,null==n?void 0:n.filter(function(e){return function(n){var t=e.toLowerCase().replace(/\s/g,""),i=n.name.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(e)));p.isValidArray(a,!1)&&t.push.apply(t,a.map((function(e){return{item:e,priority:2}})));var r=Z(t,null==n?void 0:n.filter(function(e){return function(n){if(!p.isValidArray(n.facts,!1))return!1;var t=e.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!n.facts.find((function(e){var n=e.toLowerCase().replace(/\s/g,"");return i.test(n)}))}}(e)));p.isValidArray(r,!1)&&t.push.apply(t,r.map((function(e){return{item:e,priority:3}})));var o=Z(t,null==n?void 0:n.filter(function(e){return function(n){if(!p.isValidArray(null==n?void 0:n.infos,!1))return!1;var t=e.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!n.infos.find((function(e){if(!e.text)return!1;var n=e.text.toLowerCase().replace(/\s/g,"");return i.test(n)}))}}(e)));p.isValidArray(o,!1)&&t.push.apply(t,o.map((function(e){return{item:e,priority:4}})));var l=Z(t,null==n?void 0:n.filter(function(e){return function(n){if(!n.shortDescription)return!1;var t=e.toLowerCase().replace(/\s/g,""),i=n.shortDescription.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(e)));return p.isValidArray(l,!1)&&t.push.apply(t,l.map((function(e){return{item:e,priority:5}}))),t},J=s.withLibTheme((function(t){var r,o=t.anchorId,l=t.bgMode,c=t.pois,d=t.enableFiltering,p=t.initialFilterQuery,m=t.filterPlaceholder,b=void 0===m?"Filter":m,x=t.filterSubmitIcon,w=t.filterClearIcon,y=s.useLibTheme(),_=y.colors,C=y.globals.sections.poiFilterName,I="inverted"===l,k="full"===l,E=n.useState(p||""),j=E[0],M=E[1],O=h.useMounted(),P=A.default.useMemo((function(){for(var n=j.split(" ").map((function(e){return e.trim()})),t=[],i=0,a=n;i<a.length;i++)for(var r=a[i],o=function(e){var n=t.findIndex((function(n){return n.match.item.id===e.item.id}));-1!==n?t[n].intersections+=1:t.push({match:e,intersections:1})},l=0,s=Q(g.escapeRegExp(r),c||[]);l<s.length;l++){o(s[l])}return t.filter((function(e){return e.intersections>=n.length})).map((function(n){return e.__assign({},n.match)}))}),[j,c]),T=n.useCallback((function(){return v.getUrlParams()[C]}),[C]);return n.useEffect((function(){var e=T();null!=e&&"string"==typeof e&&M(e)}),[T]),n.useEffect((function(){O||(j?v.setUrlParam(C,j):v.deleteUrlParam(C))}),[C,j,O]),f.useUpdateEffect((function(){j?v.setUrlParam(C,j):v.deleteUrlParam(C)}),[j]),A.default.createElement(i.Section,{addSeperation:!0,anchorId:o,bgColor:I?_.sectionBg.dark:k?_.sectionBg.medium:_.sectionBg.light,bgMode:i.mapToBgMode(l,!0)},A.default.createElement(a.Wrapper,{addWhitespace:!0},d&&A.default.createElement(W,{value:j,initialValue:p,placeholder:b,onSubmit:M,submitIcon:x,clearIcon:w,isInverted:I}),A.default.createElement(U,null,null===(r=null==P?void 0:P.sort((function(e,n){return e.priority-n.priority})))||void 0===r?void 0:r.map((function(n,t){return A.default.createElement(u.POICard,e.__assign({key:t},n.item,{isInverted:I}))})))))})),K=V.default(i.Section).withConfig({displayName:"PointOfInterestMap__PoiMapSection",componentId:"sc-1ke8oz0-0"})(P||(P=e.__makeTemplateObject(["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"],["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"])),(function(n){return n.isLarge&&t.css(O||(O=e.__makeTemplateObject(["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ","\n"],["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ","\n"])),(function(n){var i=n.theme,a=x.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),r=x.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),o=x.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),s=x.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),c=x.getFullNavbarHeights(i,a).large,d=x.getFullNavbarHeights(i,r).large,u=x.getFullNavbarHeights(i,o).large,p=x.getFullNavbarHeights(i,s).large,m=function(e){return e.map((function(e){return"[data-navbar-ident*='".concat(e,"']")})).join("")},f="100vh";return t.css(M||(M=e.__makeTemplateObject(["\n            "," {\n                height: ",";\n            }\n\n            // with main navbar element\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and top navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with all navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            @media "," {\n                // with main navbar element\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc(\n                            "," - ","px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n            }\n        "],["\n            "," {\n                height: ",";\n            }\n\n            // with main navbar element\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and top navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with all navbar elements\n            header"," ~ & {\n                "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            @media "," {\n                // with main navbar element\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc(\n                            "," - ","px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header"," ~ & {\n                    "," {\n                        height: calc("," - ","px);\n                    }\n                }\n            }\n        "])),Y,f,m(a.split("-")),Y,f,c[0],m(r.split("-")),Y,f,d[0],m(o.split("-")),Y,f,u[0],m(s.split("-")),Y,f,p[0],l.mq.semilarge,m(a.split("-")),Y,f,c[1],m(r.split("-")),Y,f,d[1],m(o.split("-")),Y,f,u[1],m(s.split("-")),Y,f,p[1])}))}),l.withRange([0],"padding-top"),l.withRange([0],"margin-top")),X=V.default.div.withConfig({displayName:"PointOfInterestMap__MapContainer",componentId:"sc-1ke8oz0-1"})(T||(T=e.__makeTemplateObject(["\n    position: relative;\n"],["\n    position: relative;\n"]))),Y=V.default.div.withConfig({displayName:"PointOfInterestMap__Map",componentId:"sc-1ke8oz0-2"})(q||(q=e.__makeTemplateObject(["\n    min-height: 360px;\n    height: 360px;\n    max-height: 1300px;\n    z-index: 0;\n\n    @media "," {\n        height: 600px;\n        min-height: 600px;\n    }\n"],["\n    min-height: 360px;\n    height: 360px;\n    max-height: 1300px;\n    z-index: 0;\n\n    @media "," {\n        height: 600px;\n        min-height: 600px;\n    }\n"])),l.mq.medium),$=V.default.button.withConfig({displayName:"PointOfInterestMap__RequestGeolocationBtn",componentId:"sc-1ke8oz0-3"})(L||(L=e.__makeTemplateObject(["\n    position: absolute;\n    top: ","px;\n    left: ","px;\n\n    background-color: transparent;\n    border: none;\n    padding: ","px;\n    cursor: pointer;\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.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        width: 30px;\n        height: 30px;\n    }\n"],["\n    position: absolute;\n    top: ","px;\n    left: ","px;\n\n    background-color: transparent;\n    border: none;\n    padding: ","px;\n    cursor: pointer;\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.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        width: 30px;\n        height: 30px;\n    }\n"])),2*l.spacings.nudge,2*l.spacings.nudge,l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),ee=V.default.div.withConfig({displayName:"PointOfInterestMap__CardStage",componentId:"sc-1ke8oz0-4"})(z||(z=e.__makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n\n    pointer-events: all;\n    background-color: rgba(255, 255, 255, 0.8);\n\n    @media "," {\n        position: absolute;\n        background-color: transparent;\n        padding: ","px;\n        padding-bottom: ","px;\n\n        pointer-events: none;\n    }\n"],["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n\n    pointer-events: all;\n    background-color: rgba(255, 255, 255, 0.8);\n\n    @media "," {\n        position: absolute;\n        background-color: transparent;\n        padding: ","px;\n        padding-bottom: ","px;\n\n        pointer-events: none;\n    }\n"])),l.mq.medium,2*l.spacings.nudge,3*l.spacings.nudge),ne=V.default.div.withConfig({displayName:"PointOfInterestMap__MapCardView",componentId:"sc-1ke8oz0-5"})(F||(F=e.__makeTemplateObject(["\n    max-height: 100%;\n    width: 100%;\n    padding: ","px;\n    overflow: auto;\n\n    background: ",";\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: all;\n    border-radius: 8px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"],["\n    max-height: 100%;\n    width: 100%;\n    padding: ","px;\n    overflow: auto;\n\n    background: ",";\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: all;\n    border-radius: 8px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 400px;\n    }\n"])),2*l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).elementBg.light}),3*l.spacings.nudge,l.mq.medium),te=V.default.header.withConfig({displayName:"PointOfInterestMap__MapCardHeader",componentId:"sc-1ke8oz0-6"})(N||(N=e.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"],["\n    display: flex;\n    align-items: center;\n"]))),ie=V.default.button.withConfig({displayName:"PointOfInterestMap__CloseBtn",componentId:"sc-1ke8oz0-7"})(S||(S=e.__makeTemplateObject(["\n    display: inline-block;\n    border: none;\n    background-color: transparent;\n    cursor: pointer;\n    margin-left: auto;\n    padding: ","px;\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.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-block;\n    border: none;\n    background-color: transparent;\n    cursor: pointer;\n    margin-left: auto;\n    padding: ","px;\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.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),ae=function(n){var t=n.name,i=n.facts,a=n.description,r=n.infos,l=n.action,c=n.customFact,m=n.customClose,f=n.onClose,g=n.className,h=s.useLibTheme().colors;return A.default.createElement(ne,{className:g},A.default.createElement(te,null,t&&A.default.createElement(o.Copy,{type:"copy-b",size:"big"},t),A.default.createElement(ie,{onClick:f},m||A.default.createElement(e.Cross,{iconColor:h.text.default}))),p.isValidArray(i,!1)&&A.default.createElement(u.POIFacts,{facts:i,customFact:c}),a&&A.default.createElement(o.Copy,{type:"copy",size:"small",innerHTML:a}),p.isValidArray(r,!1)&&A.default.createElement(d.InfoList,{items:[{items:r}]}),l&&l)},re=s.withLibTheme((function(t){var i=t.anchorId,r=t.size,o=t.pois,c=t.initialPointOfInterest,d=void 0===c?"":c,u=t.provider,p=t.attribution,m=t.center,f=void 0===m?[51.505,-.09]:m,g=t.zoom,h=void 0===g?5:g,v=t.fitBoundsPadding,x=t.allMarkersOnInit,y=void 0!==x&&x,_=t.restrictToMarkersArea,C=void 0===_||_,I=t.showOwnPosition,k=t.flyToZoom,E=t.customFact,j=t.currentPosMarker,M=t.customCardClose,O=t.customLocationRequest,P="large"===r,T=s.useLibTheme().colors,q=n.useState(d||""),L=q[0],z=q[1],F=n.useState(!1),N=F[0],S=F[1],V=n.useMemo((function(){return null==o?void 0:o.find((function(e){return e.id===L}))}),[L,o]),B=w.useGeolocation(!0,!1),R=B.isSupported,D=B.location,G=B.reset,H=n.useMemo((function(){var n,t={size:[28,28],anchor:[14,28],sizeActive:[70,70],anchorActive:[35,70],url:l.getSVGDataImg(A.default.createElement(e.LocationPin,null))},i={size:[24,24],anchor:[12,12],sizeActive:[24,24],anchorActive:[12,12],url:l.getSVGDataImg(A.default.createElement(e.CurrentLocation,{iconColor:"#5383EC"}))},a=(null===(n=null==o?void 0:o.filter((function(e){return void 0!==e.id})))||void 0===n?void 0:n.map((function(e){return{id:e.id,position:e.position,icon:e.icon||t,isInteractive:!0}})))||[];return R&&(null==D?void 0:D.coords.latitude)&&(null==D?void 0:D.coords.longitude)&&a.push({id:"my-current-position-123456789",position:[D.coords.latitude,D.coords.longitude],icon:j||i}),a}),[j,R,null==D?void 0:D.coords.latitude,null==D?void 0:D.coords.longitude,o]),U=b.useLeafletMap({url:u,attribution:p,center:f,zoom:h,activeMarkerId:L,markers:H,fitBoundsPadding:v,restrictToMarkersArea:C,showZoomControls:!0,zoomControlPosition:"bottomleft",onMarkerClick:function(e){z((function(n){return n===e?"":e}))}}),W=U.isLoaded,Z=U.setContainer,Q=U.flyToActive,J=U.showAllMarkers,ne=U.flyToPosition,te=U.getCurrentZoom;n.useEffect((function(){if(W&&!N)y&&J();else{var e=te(),n=k;void 0!==k&&e>k&&(n=e),Q(n)}}),[L,y,Q,k,te,d,N,W,J]),n.useEffect((function(){N||L===d||S(!0)}),[L,d,N]);return A.default.createElement(K,{anchorId:i,bgColor:"image",bgMode:"full",isLarge:P},A.default.createElement(a.Wrapper,{clampWidth:P?"large":"normal"},A.default.createElement(X,null,A.default.createElement(Y,{ref:Z,isLarge:"large"===r}),I&&A.default.createElement($,{onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n,t,i,a;return e.__generator(this,(function(e){switch(e.label){case 0:return(null===(i=null==D?void 0:D.coords)||void 0===i?void 0:i.latitude)&&(null===(a=null==D?void 0:D.coords)||void 0===a?void 0:a.longitude)?(n=te(),t=k,void 0!==k&&n>k&&(t=n),ne([D.coords.latitude,D.coords.longitude],t),[3,4]):[3,1];case 1:return e.trys.push([1,3,,4]),[4,G()];case 2:return e.sent()&&J(),[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))}},O||A.default.createElement(e.MyLocation,{iconColor:T.text.default})),V&&V.name&&A.default.createElement(ee,{onClick:function(e){e.target===e.currentTarget&&z("")}},A.default.createElement(ae,e.__assign({},V,{onClose:function(){return z("")},customFact:E,customClose:M}))))))}));exports.PointOfInterestDetail=H,exports.PointOfInterestMap=re,exports.PointOfInterestOverview=J;
 //# sourceMappingURL=sections.pois.js.map

package/cjs/typography.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Copy-ea6ab025.js"),r=require("./Callout-5dd16679.js"),o=require("./Link-5a6f1633.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-4823de57.js"),require("./styles-3a495a2d.js"),require("react-dom/server"),exports.Copy=e.Copy,exports.Heading=e.Heading,exports.copyStyle=e.copyStyle,exports.Callout=r.Callout,exports.Link=o.Link;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Copy-b579f268.js"),r=require("./Callout-5dd16679.js"),o=require("./Link-5a6f1633.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-4823de57.js"),require("./styles-3a495a2d.js"),require("react-dom/server"),exports.Copy=e.Copy,exports.Heading=e.Heading,exports.copyStyle=e.copyStyle,exports.Callout=r.Callout,exports.Link=o.Link;
 //# sourceMappingURL=typography.js.map

package/esm/{Checkbox-dd12facd.js → Checkbox-5ec1d4f4.js}

@@ -1,5 +1,5 @@
 import { a as __makeTemplateObject, C as Check } from './ClockFilled-62515a8f.js';
-import { C as Copy } from './Copy-a28aeb61.js';
+import { C as Copy } from './Copy-fe52e5fb.js';
 import React__default from 'react';
 import styled from 'styled-components';
 import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
@@ -132,4 +132,4 @@ var Checkbox$1 = React__default.memo(Checkbox, areEqual);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 export { Checkbox$1 as C };
-//# sourceMappingURL=Checkbox-dd12facd.js.map
+//# sourceMappingURL=Checkbox-5ec1d4f4.js.map

package/esm/{Checkbox-dd12facd.js.map → Checkbox-5ec1d4f4.js.map}

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

package/esm/{Copy-a28aeb61.js → Copy-fe52e5fb.js}

@@ -210,7 +210,7 @@ var base = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n
 
     return selectors && pseudoSelectors ? css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                      ", " {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      ", " {\n                          content: ", ";\n\n                          display: inline-block;\n                          font-family: ", " !important;\n                          font-size: ", ";\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ", ";\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ", ";\n\n                          max-height: ", ";\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  "], ["\n                      ", " {\n                          display: inline-block;\n                          position: relative;\n                      }\n\n                      ", " {\n                          content: ", ";\n\n                          display: inline-block;\n                          font-family: ", " !important;\n                          font-size: ", ";\n                          font-style: normal;\n                          font-weight: normal !important;\n                          font-variant: normal;\n                          text-transform: none;\n                          text-decoration: none;\n                          vertical-align: ", ";\n                          line-height: 1;\n                          -webkit-font-smoothing: antialiased;\n                          -moz-osx-font-smoothing: grayscale;\n\n                          transform: ", ";\n\n                          max-height: ", ";\n                          margin-left: 0.3em;\n                          margin-right: 0.1em;\n                      }\n                  "])), selectors, pseudoSelectors, content || undefined, iconFont || 'inherit', isFontIcon && "".concat(iconScale, "em"), vAlign, !iconFont && iconUrl ? "scale(".concat(iconScale, ")") : undefined, !isFontIcon && '1em') : '';
   });
-}, copyStyle('copy', 'medium'), spacings.nudge * 2, copyStyle('copy', 'big'), spacings.nudge * 3);
+}, copyStyle('copy', 'medium'), spacings.nudge * 2, copyStyle('copy', 'big'), spacings.nudge * 2);
 var View = styled.div.withConfig({
   displayName: "Copy__View",
   componentId: "sc-15rk6xr-0"
@@ -267,4 +267,4 @@ Copy.defaultProps = {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 
 export { Copy as C, Heading as H, copyStyle as c };
-//# sourceMappingURL=Copy-a28aeb61.js.map
+//# sourceMappingURL=Copy-fe52e5fb.js.map

package/esm/{Copy-a28aeb61.js.map → Copy-fe52e5fb.js.map}

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

package/esm/{EventBlock-b9204a0d.js → EventBlock-b93ed65b.js}

@@ -1,12 +1,12 @@
 import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-62515a8f.js';
 import React__default, { useMemo } from 'react';
 import styled from 'styled-components';
-import { T as Tag } from './Tag-ac51e916.js';
-import { c as copyStyle, C as Copy } from './Copy-a28aeb61.js';
+import { T as Tag } from './Tag-74910213.js';
+import { c as copyStyle, C as Copy } from './Copy-fe52e5fb.js';
 import { g as getColors, s as spacings, m as mq, a as getFonts } from './styles-da982973.js';
 import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
 import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
-import { I as Image } from './Image-dc2b33c1.js';
+import { I as Image } from './Image-2441b8c0.js';
 import { L as Link } from './Link-3fd9c9b8.js';
 import { i as isValidArray } from './arrays-65b644ef.js';
 
@@ -136,4 +136,4 @@ var EventBlock = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 
 export { EventBlock as E };
-//# sourceMappingURL=EventBlock-b9204a0d.js.map
+//# sourceMappingURL=EventBlock-b93ed65b.js.map

package/esm/{EventBlock-b9204a0d.js.map → EventBlock-b93ed65b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EventBlock-b9204a0d.js","sources":["../src/components/blocks/EventBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Tag, { TagProps } from './Tag';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { spacings, mq, getFonts as font, getColors } from 'utils/styles';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport Image, { ImageProps } from './Image';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\n\nconst View = styled.div<{ hasBg?: boolean }>`\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ${({ theme, hasBg }) =>\n        hasBg\n            ? getColors(theme).elementBg.light\n            : getColors(theme).elementBg.medium};\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n\n    @media ${mq.large} {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst ImageLink = styled(Link)`\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media ${mq.large} {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media ${mq.xlarge} {\n        flex: 0 1 30%;\n    }\n`;\n\nconst CardImage = styled(Image)`\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media ${mq.medium} {\n        max-width: 50%;\n    }\n\n    @media ${mq.large} {\n        max-width: 100%;\n    }\n`;\n\nconst MainContent = styled.div`\n    flex: 0 1 70%;\n    padding: ${spacings.nudge * 2}px;\n    padding-bottom: ${spacings.nudge * 3}px;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        max-width: 830px;\n        padding: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst TagContainer = styled.div`\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge}px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n`;\n\nconst TextWrapper = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst TagWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst TitleLink = styled(Link)`\n    display: inline-block;\n    ${copyStyle('copy-b', 'big')}\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme)['copy-b'].big.colorInverted\n            : font(theme)['copy-b'].big.color};\n    text-decoration: none;\n`;\n\nconst Text = styled(Copy)`\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n\nexport interface EventProps {\n    /** Array of tag item settings */\n    tags?: TagProps[];\n\n    /** Active tags that are highlighted in this event */\n    activeTags?: string[];\n\n    /** Event image */\n    images?: Array<Omit<ImageProps, 'coverSpace' | 'ratios'>>;\n\n    /** Event title */\n    title?: string;\n\n    /** Event publish date */\n    date?: Date;\n\n    /** Event duration in seconds  */\n    duration?: number;\n\n    /** Event text (richtext) */\n    text?: string;\n\n    /** Invert color and background for darker themes */\n    isInverted?: boolean;\n\n    /** Event link settings */\n    link?: LinkProps;\n\n    /** Function to inject action elements */\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n\n    /** Function to inject custom tag node */\n    customTag?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n        isActive?: boolean;\n        link: LinkProps;\n        clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n    }) => React.ReactNode;\n\n    /** Callback function if tag in news iten has been clicked */\n    onTagClick?: (tag: TagProps) => void;\n}\n\nconst EventBlock: React.FC<EventProps & { hasBg?: boolean }> = ({\n    customTag,\n    onTagClick,\n    title,\n    images,\n    date,\n    text,\n    link,\n    tags,\n    isInverted,\n    action,\n    hasBg,\n}) => {\n    const { globals } = useLibTheme();\n\n    let publishedAt = '';\n    if (date) {\n        const formatter = new StatusFormatter(\n            date.getTime(),\n            '',\n            globals.sections.eventDateFormat(date),\n            globals.sections.eventTimeFormat(date),\n            globals.sections.eventLocaleKey\n        );\n        publishedAt = formatter.getFormattedDate();\n    }\n\n    const handleTagClick = (tag: TagProps) =>\n        onTagClick\n            ? (ev?: React.SyntheticEvent<HTMLElement>) => {\n                  ev?.preventDefault();\n                  onTagClick(tag);\n              }\n            : undefined;\n\n    const filteredTags = useMemo(() => {\n        return tags?.filter((tag) => tag.name);\n    }, [tags]);\n\n    const cardImages = useMemo(\n        () => images?.slice(0, 2)?.filter((img) => img.small),\n        [images]\n    );\n\n    return (\n        <View hasBg={hasBg}>\n            {isValidArray(cardImages, false) && (\n                <ImageLink {...link}>\n                    {cardImages.map((img, i) => (\n                        <CardImage\n                            {...img}\n                            key={i}\n                            coverSpace\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                            ratios={{\n                                small: { w: 4, h: 3 },\n                            }}\n                        />\n                    ))}\n                </ImageLink>\n            )}\n            <MainContent>\n                {isValidArray(filteredTags, false) && (\n                    <TagContainer>\n                        {filteredTags.map(\n                            (tag, i) =>\n                                tag && (\n                                    <TagWrapper key={'tag_' + i}>\n                                        {customTag ? (\n                                            customTag({\n                                                key: 'tag_' + i,\n                                                name: tag.name || '',\n                                                isActive: false,\n                                                link: tag.link || {},\n                                                clickHandler:\n                                                    handleTagClick(tag),\n                                            })\n                                        ) : (\n                                            <Tag\n                                                name={tag.name}\n                                                link={tag.link}\n                                                onClick={handleTagClick(tag)}\n                                            />\n                                        )}\n                                    </TagWrapper>\n                                )\n                        )}\n                    </TagContainer>\n                )}\n                {title && <TitleLink {...link}>{title}</TitleLink>}\n                <TextWrapper>\n                    {date && (\n                        <Copy size=\"medium\" type=\"copy-b\">\n                            {publishedAt}\n                        </Copy>\n                    )}\n                    {text && <Text size=\"small\" innerHTML={text} />}\n                </TextWrapper>\n                {action && <div> {action({ isInverted: false })} </div>}\n            </MainContent>\n        </View>\n    );\n};\n\nexport default EventBlock;\n"],"names":["View","styled","div","_a","theme","hasBg","getColors","elementBg","light","medium","spacings","nudge","mq","large","spacer","ImageLink","Link","templateObject_2","__makeTemplateObject","xlarge","CardImage","Image","templateObject_3","MainContent","templateObject_4","TagContainer","templateObject_5","TextWrapper","templateObject_6","TagWrapper","templateObject_7","TitleLink","templateObject_8","copyStyle","isInverted","font","big","colorInverted","color","Text","Copy","templateObject_9","EventBlock","customTag","onTagClick","title","images","date","text","link","tags","action","globals","useLibTheme","publishedAt","formatter","StatusFormatter","getTime","sections","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedDate","handleTagClick","tag","ev","preventDefault","undefined","filteredTags","useMemo","filter","name","cardImages","slice","img","small","React","createElement","isValidArray","__assign","map","i","key","coverSpace","allowEdgeRadius","ratios","w","h","isActive","clickHandler","Tag","onClick","size","type","innerHTML"],"mappings":";;;;;;;;;;;;AAYA,IAAMA,IAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,8aAAkC,+EAOG,8CAGX,6BAGf,wLAOuB,4BApBlC,EAIc,UAACC,EAAD,EAAiB;MAAdC,KAAK,GAAAD,EAAA,CAAAC;MAAEC,KAAK,GAAAF,EAAA,CAAAE;AAC/B,EAAA,OAAAA,KAAK,GACCC,SAAS,CAACF,KAAD,CAAT,CAAiBG,SAAjB,CAA2BC,KAD5B,GAECF,SAAS,CAACF,KAAD,CAAT,CAAiBG,SAAjB,CAA2BE,MAFjC,CAAA;AAEuC,CAPrC,EAUYC,QAAQ,CAACC,KAVrB,EAaGC,EAAE,CAACC,KAbN,EAoBmBH,QAAQ,CAACI,MApB5B,CAAV,CAAA;AAyBA,IAAMC,SAAS,GAAGd,MAAM,CAACe,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAeC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,yFAAA,EAAA,2FAAA,EAAA,mQAAA,EAAA,yJAAA,EAAA,qCAAA,CAAA,EAAA,CAAA,yFAAA,EAKO,2FALP,EAYR,mQAZQ,EAyBT,yJAzBS,EAkCR,qCAlCQ,CAAA,CAAA,CAAf,EAKQR,QAAQ,CAACC,KALjB,EAYFC,EAAE,CAACH,MAZD,EAyBFG,EAAE,CAACC,KAzBD,EAkCFD,EAAE,CAACO,MAlCD,CAAf,CAAA;AAuCA,IAAMC,SAAS,GAAGnB,MAAM,CAACoB,KAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAgBC,gBAAA,KAAAA,gBAAA,GAAAJ,oBAAA,CAAA,CAAA,0FAAA,EAAA,mDAAA,EAAA,uCAAA,CAAA,EAAA,CAAA,0FAAA,EAOT,mDAPS,EAWV,uCAXU,CAAA,CAAA,CAAhB,EAOFN,EAAE,CAACH,MAPD,EAWFG,EAAE,CAACC,KAXD,CAAf,CAAA;AAgBA,IAAMU,WAAW,GAAGtB,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,yBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAasB,gBAAA,KAAAA,gBAAA,GAAAN,oBAAA,CAAA,CAAA,qCAAA,EAAA,2BAAA,EAAA,8CAAA,EAAA,2BAAA,EAAA,kDAAA,EAAA,cAAA,CAAA,EAAA,CAAA,qCAAA,EAEG,2BAFH,EAGU,8CAHV,EAMU,2BANV,EAST,kDATS,EAWO,cAXP,CAAA,CAAA,CAAb,EAEFR,QAAQ,CAACC,KAAT,GAAiB,CAFf,EAGKD,QAAQ,CAACC,KAAT,GAAiB,CAHtB,EAMKD,QAAQ,CAACC,KAAT,GAAiB,CANtB,EASJC,EAAE,CAACC,KATC,EAWEH,QAAQ,CAACC,KAAT,GAAiB,CAXnB,CAAjB,CAAA;AAeA,IAAMc,YAAY,GAAGxB,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,0BAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAawB,gBAAA,KAAAA,gBAAA,GAAAR,oBAAA,CAAA,CAAA,qBAAA,EAAA,yBAAA,EAAA,6EAAA,CAAA,EAAA,CAAA,qBAAA,EACE,yBADF,EAEG,6EAFH,CAAA,CAAA,CAAb,EACCR,QAAQ,CAACC,KADV,EAEED,QAAQ,CAACC,KAFX,CAAlB,CAAA;AASA,IAAMgB,WAAW,GAAG1B,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,yBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAa0B,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAV,oBAAA,CAAA,CAAA,yCAAA,EAAA,cAAA,CAAA,EAAA,CAAA,yCAAA,EAEM,cAFN,CAAA,CAAA,CAAb,EAEKR,QAAQ,CAACC,KAFd,CAAjB,CAAA;AAMA,IAAMkB,UAAU,GAAG5B,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,wBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAa4B,gBAAA,KAAAA,gBAAA,GAAAZ,oBAAA,CAAA,CAAA,qBAAA,EAAA,yBAAA,EAAA,OAAA,CAAA,EAAA,CAAA,qBAAA,EACI,yBADJ,EAEK,OAFL,CAAA,CAAA,CAAb,EACGR,QAAQ,CAACC,KADZ,EAEID,QAAQ,CAACC,KAFb,CAAhB,CAAA;AAKA,IAAMoB,SAAS,GAAG9B,MAAM,CAACe,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAegB,gBAAA,KAAAA,gBAAA,GAAAd,oBAAA,CAAA,CAAA,oCAAA,EAAA,oIAAA,EAAA,iCAAA,CAAA,EAAA,CAAA,oCAAA,EAEE,oIAFF,EAYe,iCAZf,CAAA,CAAA,CAAf,EAETe,SAAS,CAAC,QAAD,EAAW,KAAX,CAFA,EASF,UAAC9B,EAAD,EAAsB;MAAnBC,KAAK,GAAAD,EAAA,CAAAC;MAAE8B,UAAU,GAAA/B,EAAA,CAAA+B;AACzB,EAAAA,OAAAA,UAAU,GACJC,QAAI,CAAC/B,KAAD,CAAJ,CAAY,QAAZ,CAAA,CAAsBgC,GAAtB,CAA0BC,aADtB,GAEJF,QAAI,CAAC/B,KAAD,CAAJ,CAAY,QAAZ,CAAA,CAAsBgC,GAAtB,CAA0BE,KAFhC,CAAA;AAEqC,CAZ9B,CAAf,CAAA;AAgBA,IAAMC,IAAI,GAAGtC,MAAM,CAACuC,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAeC,gBAAA,KAAAA,gBAAA,GAAAvB,oBAAA,CAAA,CAAA,qHAAA,CAAA,EAAA,CAAA,qHAAA,CAAA,CAAA,CAAf,CAAV,CAAA;;AAoDA,IAAMwB,UAAU,GAA+C,UAACvC,EAAD,EAY9D;AAXG,EAAA,IAAAwC,SAAS,GAAAxC,EAAA,CAAAwC,SAAT;AAAA,MACAC,UAAU,GAAAzC,EAAA,CAAAyC,UADV;AAAA,MAEAC,KAAK,GAAA1C,EAAA,CAAA0C,KAFL;AAAA,MAGAC,MAAM,GAAA3C,EAAA,CAAA2C,MAHN;AAAA,MAIAC,IAAI,UAJJ;AAAA,MAKAC,IAAI,GAAA7C,EAAA,CAAA6C,IALJ;AAAA,MAMAC,IAAI,GAAA9C,EAAA,CAAA8C,IANJ;AAAA,MAOAC,IAAI,GAAA/C,EAAA,CAAA+C,IAPJ;AAAA,MAQAhB,UAAU,GAAA/B,EAAA,CAAA+B,UARV;AAAA,MASAiB,MAAM,GAAAhD,EAAA,CAAAgD,MATN;AAAA,MAUA9C,KAAK,GAAAF,EAAA,CAAAE,KAVL,CAAA;AAYQ,EAAA,IAAA+C,OAAO,GAAKC,WAAW,EAAA,QAAvB,CAAA;AAER,EAAIC,IAAAA,WAAW,GAAG,EAAlB,CAAA;;AACA,EAAA,IAAIP,IAAJ,EAAU;AACN,IAAA,IAAMQ,SAAS,GAAG,IAAIC,eAAJ,CACdT,IAAI,CAACU,OAAL,EADc,EAEd,EAFc,EAGdL,OAAO,CAACM,QAAR,CAAiBC,eAAjB,CAAiCZ,IAAjC,CAHc,EAIdK,OAAO,CAACM,QAAR,CAAiBE,eAAjB,CAAiCb,IAAjC,CAJc,EAKdK,OAAO,CAACM,QAAR,CAAiBG,cALH,CAAlB,CAAA;AAOAP,IAAAA,WAAW,GAAGC,SAAS,CAACO,gBAAV,EAAd,CAAA;AACH,GAAA;;AAED,EAAA,IAAMC,cAAc,GAAG,UAACC,GAAD,EAAc;AACjC,IAAA,OAAApB,UAAU,GACJ,UAACqB,EAAD,EAAuC;AACnCA,MAAAA,EAAE,SAAF,IAAAA,EAAE,KAAA,KAAA,CAAF,GAAE,KAAA,CAAF,GAAAA,EAAE,CAAEC,cAAJ,EAAA,CAAA;AACAtB,MAAAA,UAAU,CAACoB,GAAD,CAAV,CAAA;AACH,KAJG,GAKJG,SALN,CAAA;AAKe,GANnB,CAAA;;AAQA,EAAA,IAAMC,YAAY,GAAGC,OAAO,CAAC,YAAA;AACzB,IAAA,OAAOnB,IAAI,KAAJ,IAAA,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEoB,MAAN,CAAa,UAACN,GAAD,EAAI;AAAK,MAAAA,OAAAA,GAAG,CAACO,IAAJ,CAAA;AAAQ,KAA9B,CAAP,CAAA;AACH,GAF2B,EAEzB,CAACrB,IAAD,CAFyB,CAA5B,CAAA;AAIA,EAAA,IAAMsB,UAAU,GAAGH,OAAO,CACtB,YAAA;AAAA,IAAA,IAAAlE,EAAA,CAAA;;AAAM,IAAA,OAAA,CAAAA,EAAA,GAAA2C,MAAM,KAAN,IAAA,IAAAA,MAAM,WAAN,SAAA,GAAAA,MAAM,CAAE2B,KAAR,CAAc,CAAd,EAAiB,CAAjB,CAAA,MAAqB,IAArB,IAAqBtE,EAAA,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAqBA,EAAA,CAAAmE,MAAA,CAAO,UAACI,GAAD;AAAS,MAAAA,OAAAA,GAAG,CAACC,KAAJ,CAAA;AAAS,KAAzB,CAArB,CAAA;AAA+C,GAD/B,EAEtB,CAAC7B,MAAD,CAFsB,CAA1B,CAAA;AAKA,EAAA,OACI8B,cAAC,CAAAC,aAAD,CAAC7E,IAAD,EAAM;AAAAK,IAAAA,KAAK,EAAEA,KAAAA;AAAP,GAAN,EACKyE,YAAY,CAACN,UAAD,EAAa,KAAb,CAAZ,IACGI,cAAC,CAAAC,aAAD,CAAC9D,SAAD,EAAegE,QAAA,CAAA,EAAA,EAAA9B,IAAA,CAAf,EACKuB,UAAU,CAACQ,GAAX,CAAe,UAACN,GAAD,EAAMO,CAAN,EAAY;AAAA,IACxBL,OAAAA,cAAC,CAAAC,aAAD,CAACzD,SAAD,eACQsD,KAAG;AACPQ,MAAAA,GAAG,EAAED,CADE;AAEPE,MAAAA,UAAU,EAAA,IAFH;AAGPC,MAAAA,eAAe,EACf,IAJO;AAIPlD,MAAAA,UAAU,EAAEA,UAJL;AAKPmD,MAAAA,MAAM,EAAE;AACJV,QAAAA,KAAK,EAAE;AAAEW,UAAAA,CAAC,EAAE,CAAL;AAAQC,UAAAA,CAAC,EAAE,CAAA;AAAX,SAAA;AADH,OAAA;AALD,MADX,CADwB,CAAA;AAW3B,GAXA,CADL,CAFR,EAiBIX,cAAA,CAAAC,aAAA,CAACtD,WAAD,EAAY,IAAZ,EACKuD,YAAY,CAACV,YAAD,EAAe,KAAf,CAAZ,IACGQ,cAAA,CAAAC,aAAA,CAACpD,YAAD,EAAa,IAAb,EACK2C,YAAY,CAACY,GAAb,CACG,UAAChB,GAAD,EAAMiB,CAAN,EAAO;AACH,IAAA,OAAAjB,GAAG,IACCY,4BAAA,CAAC/C,UAAD,EAAW;AAACqD,MAAAA,GAAG,EAAE,MAASD,GAAAA,CAAAA;AAAf,KAAX,EACKtC,SAAS,GACNA,SAAS,CAAC;AACNuC,MAAAA,GAAG,EAAE,MAAA,GAASD,CADR;AAENV,MAAAA,IAAI,EAAEP,GAAG,CAACO,IAAJ,IAAY,EAFZ;AAGNiB,MAAAA,QAAQ,EAAE,KAHJ;AAINvC,MAAAA,IAAI,EAAEe,GAAG,CAACf,IAAJ,IAAY,EAJZ;AAKNwC,MAAAA,YAAY,EACR1B,cAAc,CAACC,GAAD,CAAA;AANZ,KAAD,CADH,GAUNY,cAAA,CAAAC,aAAA,CAACa,GAAD,EAAI;AACAnB,MAAAA,IAAI,EAAEP,GAAG,CAACO,IADV;AAEAtB,MAAAA,IAAI,EAAEe,GAAG,CAACf,IAFV;AAGA0C,MAAAA,OAAO,EAAE5B,cAAc,CAACC,GAAD,CAAA;AAHvB,KAAJ,CAXR,CADJ,CAAA;AAmBC,GArBR,CADL,CAFR,EA4BKnB,KAAK,IAAI+B,cAAC,CAAAC,aAAD,CAAC9C,SAAD,eAAekB,KAAf,EAAsBJ,KAAtB,CA5Bd,EA6BI+B,cAAA,CAAAC,aAAA,CAAClD,WAAD,EAAY,IAAZ,EACKoB,IAAI,IACD6B,cAAC,CAAAC,aAAD,CAACrC,IAAD;AAAMoD,IAAAA,IAAI,EAAC;AAASC,IAAAA,IAAI,EAAC,QAAA;GAAzB,EACKvC,WADL,CAFR,EAMKN,IAAI,IAAI4B,cAAA,CAAAC,aAAA,CAACtC,IAAD,EAAK;AAACqD,IAAAA,IAAI,EAAC,OAAN;AAAcE,IAAAA,SAAS,EAAE9C,IAAAA;AAAzB,GAAL,CANb,CA7BJ,EAqCKG,MAAM,IAAIyB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,KAAA,EAAO1B,MAAM,CAAC;AAAEjB,IAAAA,UAAU,EAAE,KAAA;AAAd,GAAD,CAAb,KAAA,CArCf,CAjBJ,CADJ,CAAA;AA2DH,EAvGD;;;;;"}
+{"version":3,"file":"EventBlock-b93ed65b.js","sources":["../src/components/blocks/EventBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Tag, { TagProps } from './Tag';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { spacings, mq, getFonts as font, getColors } from 'utils/styles';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport Image, { ImageProps } from './Image';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\n\nconst View = styled.div<{ hasBg?: boolean }>`\n    text-decoration: none;\n    color: inherit;\n\n    background-color: ${({ theme, hasBg }) =>\n        hasBg\n            ? getColors(theme).elementBg.light\n            : getColors(theme).elementBg.medium};\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n\n    @media ${mq.large} {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst ImageLink = styled(Link)`\n    display: block;\n    margin-left: auto;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > *:not(:first-child) {\n        display: none;\n    }\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n\n        flex: 0 0 50%;\n\n        & > *:not(:first-child),\n        & > *:not(:nth-child(2)) {\n            display: inline-block;\n        }\n    }\n\n    @media ${mq.large} {\n        flex: 0 1 45%;\n        max-width: 430px;\n\n        & > *:not(:first-child) {\n            display: none;\n        }\n    }\n\n    @media ${mq.xlarge} {\n        flex: 0 1 30%;\n    }\n`;\n\nconst CardImage = styled(Image)`\n    height: 100%;\n\n    img {\n        width: calc(100% + 1px);\n    }\n\n    @media ${mq.medium} {\n        max-width: 50%;\n    }\n\n    @media ${mq.large} {\n        max-width: 100%;\n    }\n`;\n\nconst MainContent = styled.div`\n    flex: 0 1 70%;\n    padding: ${spacings.nudge * 2}px;\n    padding-bottom: ${spacings.nudge * 3}px;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        max-width: 830px;\n        padding: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst TagContainer = styled.div`\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge}px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n`;\n\nconst TextWrapper = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst TagWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst TitleLink = styled(Link)`\n    display: inline-block;\n    ${copyStyle('copy-b', 'big')}\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme)['copy-b'].big.colorInverted\n            : font(theme)['copy-b'].big.color};\n    text-decoration: none;\n`;\n\nconst Text = styled(Copy)`\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n\nexport interface EventProps {\n    /** Array of tag item settings */\n    tags?: TagProps[];\n\n    /** Active tags that are highlighted in this event */\n    activeTags?: string[];\n\n    /** Event image */\n    images?: Array<Omit<ImageProps, 'coverSpace' | 'ratios'>>;\n\n    /** Event title */\n    title?: string;\n\n    /** Event publish date */\n    date?: Date;\n\n    /** Event duration in seconds  */\n    duration?: number;\n\n    /** Event text (richtext) */\n    text?: string;\n\n    /** Invert color and background for darker themes */\n    isInverted?: boolean;\n\n    /** Event link settings */\n    link?: LinkProps;\n\n    /** Function to inject action elements */\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n\n    /** Function to inject custom tag node */\n    customTag?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n        isActive?: boolean;\n        link: LinkProps;\n        clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n    }) => React.ReactNode;\n\n    /** Callback function if tag in news iten has been clicked */\n    onTagClick?: (tag: TagProps) => void;\n}\n\nconst EventBlock: React.FC<EventProps & { hasBg?: boolean }> = ({\n    customTag,\n    onTagClick,\n    title,\n    images,\n    date,\n    text,\n    link,\n    tags,\n    isInverted,\n    action,\n    hasBg,\n}) => {\n    const { globals } = useLibTheme();\n\n    let publishedAt = '';\n    if (date) {\n        const formatter = new StatusFormatter(\n            date.getTime(),\n            '',\n            globals.sections.eventDateFormat(date),\n            globals.sections.eventTimeFormat(date),\n            globals.sections.eventLocaleKey\n        );\n        publishedAt = formatter.getFormattedDate();\n    }\n\n    const handleTagClick = (tag: TagProps) =>\n        onTagClick\n            ? (ev?: React.SyntheticEvent<HTMLElement>) => {\n                  ev?.preventDefault();\n                  onTagClick(tag);\n              }\n            : undefined;\n\n    const filteredTags = useMemo(() => {\n        return tags?.filter((tag) => tag.name);\n    }, [tags]);\n\n    const cardImages = useMemo(\n        () => images?.slice(0, 2)?.filter((img) => img.small),\n        [images]\n    );\n\n    return (\n        <View hasBg={hasBg}>\n            {isValidArray(cardImages, false) && (\n                <ImageLink {...link}>\n                    {cardImages.map((img, i) => (\n                        <CardImage\n                            {...img}\n                            key={i}\n                            coverSpace\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                            ratios={{\n                                small: { w: 4, h: 3 },\n                            }}\n                        />\n                    ))}\n                </ImageLink>\n            )}\n            <MainContent>\n                {isValidArray(filteredTags, false) && (\n                    <TagContainer>\n                        {filteredTags.map(\n                            (tag, i) =>\n                                tag && (\n                                    <TagWrapper key={'tag_' + i}>\n                                        {customTag ? (\n                                            customTag({\n                                                key: 'tag_' + i,\n                                                name: tag.name || '',\n                                                isActive: false,\n                                                link: tag.link || {},\n                                                clickHandler:\n                                                    handleTagClick(tag),\n                                            })\n                                        ) : (\n                                            <Tag\n                                                name={tag.name}\n                                                link={tag.link}\n                                                onClick={handleTagClick(tag)}\n                                            />\n                                        )}\n                                    </TagWrapper>\n                                )\n                        )}\n                    </TagContainer>\n                )}\n                {title && <TitleLink {...link}>{title}</TitleLink>}\n                <TextWrapper>\n                    {date && (\n                        <Copy size=\"medium\" type=\"copy-b\">\n                            {publishedAt}\n                        </Copy>\n                    )}\n                    {text && <Text size=\"small\" innerHTML={text} />}\n                </TextWrapper>\n                {action && <div> {action({ isInverted: false })} </div>}\n            </MainContent>\n        </View>\n    );\n};\n\nexport default EventBlock;\n"],"names":["View","styled","div","_a","theme","hasBg","getColors","elementBg","light","medium","spacings","nudge","mq","large","spacer","ImageLink","Link","templateObject_2","__makeTemplateObject","xlarge","CardImage","Image","templateObject_3","MainContent","templateObject_4","TagContainer","templateObject_5","TextWrapper","templateObject_6","TagWrapper","templateObject_7","TitleLink","templateObject_8","copyStyle","isInverted","font","big","colorInverted","color","Text","Copy","templateObject_9","EventBlock","customTag","onTagClick","title","images","date","text","link","tags","action","globals","useLibTheme","publishedAt","formatter","StatusFormatter","getTime","sections","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedDate","handleTagClick","tag","ev","preventDefault","undefined","filteredTags","useMemo","filter","name","cardImages","slice","img","small","React","createElement","isValidArray","__assign","map","i","key","coverSpace","allowEdgeRadius","ratios","w","h","isActive","clickHandler","Tag","onClick","size","type","innerHTML"],"mappings":"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"}

package/esm/{FilterField-962ec61f.js → FilterField-524c0fd8.js}

@@ -2,7 +2,7 @@ import { a as __makeTemplateObject, f as Cross } from './ClockFilled-62515a8f.js
 import * as React from 'react';
 import React__default, { useEffect } from 'react';
 import styled from 'styled-components';
-import { c as copyStyle } from './Copy-a28aeb61.js';
+import { c as copyStyle } from './Copy-fe52e5fb.js';
 import { g as getColors, a as getFonts, m as mq, s as spacings } from './styles-da982973.js';
 import { u as useLazyInput } from './useLazyInput-54d1785c.js';
 
@@ -126,4 +126,4 @@ var FilterField = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
 export { FilterField as F };
-//# sourceMappingURL=FilterField-962ec61f.js.map
+//# sourceMappingURL=FilterField-524c0fd8.js.map

package/esm/{FilterField-962ec61f.js.map → FilterField-524c0fd8.js.map}

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

package/esm/{Image-dc2b33c1.js → Image-2441b8c0.js}

@@ -1,5 +1,5 @@
 import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
-import { C as Copy } from './Copy-a28aeb61.js';
+import { C as Copy } from './Copy-fe52e5fb.js';
 import * as React from 'react';
 import { useRef, useState, useEffect } from 'react';
 import styled, { css } from 'styled-components';
@@ -190,4 +190,4 @@ var Image = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 export { Image as I };
-//# sourceMappingURL=Image-dc2b33c1.js.map
+//# sourceMappingURL=Image-2441b8c0.js.map