@blateral/b.kit 2.8.0 → 2.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/{FilterBar-2266ee4d.js → FilterBar-0781490f.js} +2 -2
- package/cjs/{FilterBar-2266ee4d.js.map → FilterBar-0781490f.js.map} +1 -1
- package/cjs/MultiselectDropdown-a16ea1c9.js +2 -0
- package/cjs/MultiselectDropdown-a16ea1c9.js.map +1 -0
- package/cjs/blocks.js +1 -1
- package/cjs/fields.js +1 -1
- package/cjs/sections.js +1 -1
- package/cjs/sections.js.map +1 -1
- package/cjs/sections.pois.js +1 -1
- package/cjs/sections.pois.js.map +1 -1
- package/esm/{FilterBar-f9e957c1.js → FilterBar-2a2a09b7.js} +2 -2
- package/esm/{FilterBar-f9e957c1.js.map → FilterBar-2a2a09b7.js.map} +1 -1
- package/esm/{MultiselectDropdown-10ab18cf.js → MultiselectDropdown-a97be6bc.js} +3 -3
- package/esm/MultiselectDropdown-a97be6bc.js.map +1 -0
- package/esm/blocks.js +2 -2
- package/esm/fields.js +1 -1
- package/esm/sections.js +5 -2
- package/esm/sections.js.map +1 -1
- package/esm/sections.pois.js +66 -28
- package/esm/sections.pois.js.map +1 -1
- package/package.json +1 -1
- package/types/components/sections/Accordion.d.ts.map +1 -1
- package/types/components/sections/pois/PointOfInterestMap.d.ts.map +1 -1
- package/types/components/sections/pois/PointOfInterestOverview.d.ts.map +1 -1
- package/types/components/sections/pois/filters.d.ts +1 -1
- package/types/components/sections/pois/filters.d.ts.map +1 -1
- package/cjs/MultiselectDropdown-ce2084d6.js +0 -2
- package/cjs/MultiselectDropdown-ce2084d6.js.map +0 -1
- package/esm/MultiselectDropdown-10ab18cf.js.map +0 -1
package/cjs/sections.pois.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),i=require("./Section-c9a16ccc.js"),r=require("./Wrapper-bca9463e.js"),a=require("./Image-94820dfd.js"),o=require("./Copy-a0bc570d.js"),l=require("./styles-13e5d9ac.js"),s=require("./LibThemeProvider-69109901.js"),c=require("./Grid-1acefee9.js"),d=require("./InfoList-e416058c.js"),u=require("./FilterBar-2266ee4d.js"),p=require("./arrays-c272ed59.js"),m=require("./urlParams-7525f638.js");require("./useScroll-2f086e7f.js"),require("react-dom/server");var f=require("./escape-1ef8dd83.js"),g=require("./useLeafletMap-514304b6.js"),h=require("./Navigation-6abb6213.js"),v=require("./useGeolocation-d8946470.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./clamp-bd21d587.js"),require("./FilterField-7efcacb7.js"),require("./useLazyInput-911b8eda.js"),require("./MultiselectDropdown-ce2084d6.js"),require("./formFieldText-046fcbf4.js"),require("./useMounted-0bba9869.js"),require("./Checkbox-8dccd42f.js"),require("react-dom"),require("./Pointer-331140b6.js"),require("./useMediaQuery-619d7203.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./LanguageSwitcher-aa96cc7d.js");var x,y,w,_,I,C,F,k,j,E,P,M,L,O,q,T,N,S=b(n),z=b(t),A=z.default(a.Image).withConfig({displayName:"PointOfInterestDetail__StyledImage",componentId:"sc-hksryh-0"})(x||(x=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),B=z.default(u.POIFacts).withConfig({displayName:"PointOfInterestDetail__Facts",componentId:"sc-hksryh-1"})(y||(y=e.__makeTemplateObject(["\n max-width: 880px;\n"],["\n max-width: 880px;\n"]))),V=z.default(o.Heading).withConfig({displayName:"PointOfInterestDetail__PoiTitle",componentId:"sc-hksryh-2"})(w||(w=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),R=z.default(o.Copy).withConfig({displayName:"PointOfInterestDetail__PoiText",componentId:"sc-hksryh-3"})(_||(_=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),D=s.withLibTheme((function(t){var a=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,y="inverted"===v,w="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 S.default.createElement(i.Section,{addSeperation:!0,anchorId:a,bgColor:y?x.sectionBg.dark:w?x.sectionBg.medium:x.sectionBg.light,bgMode:i.mapToBgMode(v,!0)},S.default.createElement(r.Wrapper,{addWhitespace:!0},(null==o?void 0:o.small)&&S.default.createElement(A,e.__assign({},o,{coverSpace:!0,allowEdgeRadius:!0,isInverted:y})),S.default.createElement(c.Grid.Row,{gutter:5*l.spacings.nudge,semilarge:{gutter:l.spacings.spacer}},S.default.createElement(c.Grid.Col,{semilarge:{span:_?5.7/8:1}},u&&S.default.createElement(V,{size:"heading-2",isInverted:y},u),p.isValidArray(g,!1)&&S.default.createElement(B,{isInverted:y,facts:g,customFact:b}),m&&S.default.createElement(R,{size:"medium",type:"copy-b",isInverted:y,innerHTML:m}),f&&S.default.createElement(R,{size:"medium",isInverted:y,innerHTML:f})),_&&S.default.createElement(c.Grid.Col,{semilarge:{span:2.3/8}},S.default.createElement(d.InfoList,{isInverted:y,items:h})))))})),G=function(e,n){return n?null==n?void 0:n.filter((function(n){return!e.find((function(e){return e.item.id===n.id}))})):[]},H=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 r=G(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(r,!1)&&t.push.apply(t,r.map((function(e){return{item:e,priority:2}})));var a=G(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(a,!1)&&t.push.apply(t,a.map((function(e){return{item:e,priority:3}})));var o=G(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=G(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},U=function(e,n,t){var i=new Map;if(!e&&!n.length)for(var r=0,a=t;r<a.length;r++){var o=a[r];i.set(o.id,{item:o,priority:0})}for(var l=0,s=t;l<s.length;l++){o=s[l];n.includes(o.id)&&i.set(o.id,{item:o,priority:1})}for(var c=0,d=e?H(f.escapeRegExp(e),t||[]):[];c<d.length;c++){var u=d[c];i.has(u.item.id)||i.set(u.item.id,u)}return i},W=function(n){var t=n.hasBorders,i=n.value,r=n.onChange,a=n.textFilter,o=n.categoryFilter,l=n.mobileSubmitLabel,s=n.closeIcon,c=n.toggleLabel,d=n.filterIcon,p=n.indicator,m=n.isInverted,f=n.className;return S.default.createElement(u.FilterBar,{isInverted:m,hasBorders:t,value:i,onChange:r,textFilter:a?{placeholder:a.placeholder||"Search...",icon:a.icon?a.icon:function(){return S.default.createElement(e.Magnifier,{width:18,height:18})},submitIcon:a.submitIcon?a.submitIcon:function(){return null},clearIcon:a.clearIcon?a.clearIcon:function(){return S.default.createElement(e.CrossBubble,null)}}:void 0,categoryFilter:o?{label:o.label||"Categories",items:o.items||[],resetLabel:o.resetLabel||"reset selection"}:void 0,mobileSubmitLabel:l||"Apply filters",closeIcon:s||function(){return S.default.createElement(e.Cross,null)},toggleLabel:c||"Search & Filter",filterIcon:d||function(){return S.default.createElement(e.Filter,null)},indicator:p,className:f})},Z=Object.freeze({__proto__:null,PoiFilterBar:W}),Q=z.default.div.withConfig({displayName:"PointOfInterestOverview__Content",componentId:"sc-epctuk-0"})(I||(I=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),J=z.default(W).withConfig({displayName:"PointOfInterestOverview__PoiOverviewFilterBar",componentId:"sc-epctuk-1"})(C||(C=e.__makeTemplateObject(["\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ",";\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n\n @media "," {\n border: none;\n }\n"],["\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ",";\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n\n @media "," {\n border: none;\n }\n"])),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).elementBg.light:l.getColors(n).elementBg.dark}),5*l.spacings.nudge,l.mq.medium),K=s.withLibTheme((function(t){var a,o=t.anchorId,l=t.bgMode,c=t.pois,d=t.initialPoiFilters,f=t.poiFilters,g=t.customPoiFilters,h=s.useLibTheme(),v=h.colors,b=h.globals,x=b.sections.poiFilterName,y=b.sections.poiFactFilterName,w="inverted"===l,_="full"===l,I=n.useState(d||{categoryFilter:[],textFilter:""}),C=I[0],F=I[1],k=n.useMemo((function(){var e=U((null==C?void 0:C.textFilter)||"",(null==C?void 0:C.categoryFilter)||[],c||[])||c;return Array.from(e).map((function(e){return e[1]}))}),[c,C]);return n.useEffect((function(){C.textFilter?m.setUrlParam(x,C.textFilter):m.deleteUrlParam(x),p.isValidArray(C.categoryFilter,!1)?m.setUrlParam(y,C.categoryFilter.join(",")):m.deleteUrlParam(y)}),[x,y,C.textFilter,C.categoryFilter]),S.default.createElement(i.Section,{addSeperation:!0,anchorId:o,bgColor:w?v.sectionBg.dark:_?v.sectionBg.medium:v.sectionBg.light,bgMode:i.mapToBgMode(l,!0)},S.default.createElement(r.Wrapper,{addWhitespace:!0},f?g?null==g?void 0:g({filters:C,setFilters:F,pois:c||[],settings:f}):S.default.createElement(J,{hasBorders:!0,value:C,onChange:F,textFilter:(null==f?void 0:f.textFilter)||void 0,categoryFilter:(null==f?void 0:f.categoryFilter)?e.__assign(e.__assign({},f.categoryFilter),{items:null==c?void 0:c.map((function(e){return{value:e.id,label:e.name}||[]}))}):void 0,mobileSubmitLabel:null==f?void 0:f.mobileSubmitLabel,closeIcon:null==f?void 0:f.closeIcon,toggleLabel:null==f?void 0:f.toggleLabel,filterIcon:null==f?void 0:f.filterIcon,indicator:null==f?void 0:f.indicator}):null,S.default.createElement(Q,null,null===(a=null==k?void 0:k.sort((function(e,n){return e.priority-n.priority})))||void 0===a?void 0:a.map((function(n,t){return S.default.createElement(u.POICard,e.__assign({key:t},n.item,{isInverted:w}))})))))})),X=z.default(i.Section).withConfig({displayName:"PointOfInterestMap__PoiMapSection",componentId:"sc-1ke8oz0-0"})(j||(j=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(k||(k=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,r=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),a=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),o=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),s=h.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),c=h.getFullNavbarHeights(i,r).large,d=h.getFullNavbarHeights(i,a).large,u=h.getFullNavbarHeights(i,o).large,p=h.getFullNavbarHeights(i,s).large,m=function(e){return e.map((function(e){return"[data-navbar-ident*='".concat(e,"']")})).join("")},f="100vh";return t.css(F||(F=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 "])),$,f,m(r.split("-")),$,f,c[0],m(a.split("-")),$,f,d[0],m(o.split("-")),$,f,u[0],m(s.split("-")),$,f,p[0],l.mq.semilarge,m(r.split("-")),$,f,c[1],m(a.split("-")),$,f,d[1],m(o.split("-")),$,f,u[1],m(s.split("-")),$,f,p[1])}))}),l.withRange([0],"padding-top"),l.withRange([0],"margin-top")),Y=z.default.div.withConfig({displayName:"PointOfInterestMap__MapContainer",componentId:"sc-1ke8oz0-1"})(E||(E=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),$=z.default.div.withConfig({displayName:"PointOfInterestMap__Map",componentId:"sc-1ke8oz0-2"})(P||(P=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),ee=z.default.button.withConfig({displayName:"PointOfInterestMap__RequestGeolocationBtn",componentId:"sc-1ke8oz0-3"})(M||(M=e.__makeTemplateObject(["\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 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"])),l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),ne=z.default.div.withConfig({displayName:"PointOfInterestMap__CardStage",componentId:"sc-1ke8oz0-4"})(L||(L=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),te=z.default.div.withConfig({displayName:"PointOfInterestMap__MapCardView",componentId:"sc-1ke8oz0-5"})(O||(O=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: ",";\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: ",";\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}),(function(e){var n=e.theme;return l.getGlobals(n).sections.edgeRadius}),3*l.spacings.nudge,l.mq.medium),ie=z.default.header.withConfig({displayName:"PointOfInterestMap__MapCardHeader",componentId:"sc-1ke8oz0-6"})(q||(q=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),re=z.default.button.withConfig({displayName:"PointOfInterestMap__CloseBtn",componentId:"sc-1ke8oz0-7"})(T||(T=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=z.default.div.withConfig({displayName:"PointOfInterestMap__Overlay",componentId:"sc-1ke8oz0-8"})(N||(N=e.__makeTemplateObject(["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"])),2*l.spacings.nudge,2*l.spacings.nudge,2*l.spacings.nudge),oe=function(n){var t=n.name,i=n.facts,r=n.description,a=n.infos,l=n.action,c=n.customFact,m=n.customClose,f=n.onClose,g=n.className,h=s.useLibTheme().colors;return S.default.createElement(te,{className:g},S.default.createElement(ie,null,t&&S.default.createElement(o.Copy,{type:"copy-b",size:"big"},t),S.default.createElement(re,{onClick:f},m||S.default.createElement(e.Cross,{iconColor:h.text.default}))),p.isValidArray(i,!1)&&S.default.createElement(u.POIFacts,{facts:i,customFact:c}),r&&S.default.createElement(o.Copy,{type:"copy",size:"small",innerHTML:r}),p.isValidArray(a,!1)&&S.default.createElement(d.InfoList,{items:[{items:a}]}),l&&l)},le=s.withLibTheme((function(t){var i=t.anchorId,a=t.size,o=t.pois,c=t.initialPointOfInterest,d=void 0===c?"":c,u=t.provider,f=t.attribution,h=t.center,b=void 0===h?[51.505,-.09]:h,x=t.zoom,y=void 0===x?5:x,w=t.fitBoundsPadding,_=t.allMarkersOnInit,I=void 0!==_&&_,C=t.restrictToMarkersArea,F=void 0===C||C,k=t.showOwnPosition,j=t.flyToZoom,E=t.customFact,P=t.currentPosMarker,M=t.customCardClose,L=t.customLocationRequest,O=t.initialPoiFilters,q=t.poiFilters,T=t.customPoiFilters,N="large"===a,z=s.useLibTheme(),A=z.colors,B=z.globals,V=n.useState(d||""),R=V[0],D=V[1],G=n.useState(!1),H=G[0],Z=G[1],Q=n.useState(O||{categoryFilter:[],textFilter:""}),J=Q[0],K=Q[1],te=n.useMemo((function(){var e=U((null==J?void 0:J.textFilter)||"",(null==J?void 0:J.categoryFilter)||[],o||[])||o;return Array.from(e).map((function(e){return e[1].item}))}),[o,J]),ie=n.useMemo((function(){return null==te?void 0:te.find((function(e){return e.id===R}))}),[R,te]),re=v.useGeolocation(!0,!1),le=re.isSupported,se=re.location,ce=re.reset,de=n.useMemo((function(){var n,t={size:[28,28],anchor:[14,28],sizeActive:[70,70],anchorActive:[35,70],url:l.getSVGDataImg(S.default.createElement(e.LocationPin,null))},i={size:[24,24],anchor:[12,12],sizeActive:[24,24],anchorActive:[12,12],url:l.getSVGDataImg(S.default.createElement(e.CurrentLocation,{iconColor:"#5383EC"}))},r=(null===(n=null==te?void 0:te.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 le&&(null==se?void 0:se.coords.latitude)&&(null==se?void 0:se.coords.longitude)&&r.push({id:"my-current-position-123456789",position:[se.coords.latitude,se.coords.longitude],icon:P||i}),r}),[P,le,null==se?void 0:se.coords.latitude,null==se?void 0:se.coords.longitude,te]),ue=g.useLeafletMap({url:u,attribution:f,center:b,zoom:y,activeMarkerId:R,markers:de,fitBoundsPadding:w,restrictToMarkersArea:F,showZoomControls:!0,zoomControlPosition:"bottomleft",onMarkerClick:function(e){D((function(n){return n===e?"":e}))}}),pe=ue.isLoaded,me=ue.setContainer,fe=ue.flyToActive,ge=ue.showAllMarkers,he=ue.flyToPosition,ve=ue.getCurrentZoom;n.useEffect((function(){if(pe&&!H)I&&ge();else{var e=ve(),n=j;void 0!==j&&e>j&&(n=e),fe(n)}}),[R,I,fe,j,ve,d,H,pe,ge]),n.useEffect((function(){H||R===d||Z(!0)}),[R,d,H]);var be=B.sections.poiFilterName,xe=B.sections.poiFactFilterName;return n.useEffect((function(){J.textFilter?m.setUrlParam(be,J.textFilter):m.deleteUrlParam(be),p.isValidArray(J.categoryFilter,!1)?m.setUrlParam(xe,J.categoryFilter.join(",")):m.deleteUrlParam(xe)}),[be,xe,J.textFilter,J.categoryFilter]),n.useEffect((function(){D(""),Z(!1)}),[J]),S.default.createElement(X,{anchorId:i,bgColor:"image",bgMode:"full",isLarge:N},S.default.createElement(r.Wrapper,{clampWidth:N?"large":"normal"},S.default.createElement(Y,null,S.default.createElement($,{ref:me,isLarge:"large"===a}),(k||q)&&S.default.createElement(ae,null,k&&S.default.createElement(ee,{onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n,t,i,r;return e.__generator(this,(function(e){switch(e.label){case 0:return(null===(i=null==se?void 0:se.coords)||void 0===i?void 0:i.latitude)&&(null===(r=null==se?void 0:se.coords)||void 0===r?void 0:r.longitude)?(n=ve(),t=j,void 0!==j&&n>j&&(t=n),he([se.coords.latitude,se.coords.longitude],t),[3,4]):[3,1];case 1:return e.trys.push([1,3,,4]),[4,ce()];case 2:return e.sent()&&ge(),[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))}},L||S.default.createElement(e.MyLocation,{iconColor:A.text.default})),q?T?T({filters:J,setFilters:K,pois:o||[],settings:q}):S.default.createElement(W,{value:J,onChange:K,textFilter:(null==q?void 0:q.textFilter)||void 0,categoryFilter:(null==q?void 0:q.categoryFilter)?e.__assign(e.__assign({},q.categoryFilter),{items:null==o?void 0:o.map((function(e){return{value:e.id,label:e.name}||[]}))}):void 0,mobileSubmitLabel:null==q?void 0:q.mobileSubmitLabel,closeIcon:null==q?void 0:q.closeIcon,toggleLabel:null==q?void 0:q.toggleLabel,filterIcon:null==q?void 0:q.filterIcon,indicator:null==q?void 0:q.indicator}):null),ie&&ie.name&&S.default.createElement(ne,{onClick:function(e){e.target===e.currentTarget&&D("")}},S.default.createElement(oe,e.__assign({},ie,{onClose:function(){return D("")},customFact:E,customClose:M}))))))}));exports.PoiPartials=Z,exports.PointOfInterestDetail=D,exports.PointOfInterestMap=le,exports.PointOfInterestOverview=K;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),i=require("./Section-c9a16ccc.js"),r=require("./Wrapper-bca9463e.js"),a=require("./Image-94820dfd.js"),o=require("./Copy-a0bc570d.js"),l=require("./styles-13e5d9ac.js"),s=require("./LibThemeProvider-69109901.js"),c=require("./Grid-1acefee9.js"),d=require("./InfoList-e416058c.js"),u=require("./FilterBar-0781490f.js"),p=require("./arrays-c272ed59.js"),m=require("./urlParams-7525f638.js");require("./useScroll-2f086e7f.js"),require("react-dom/server");var f=require("./escape-1ef8dd83.js"),g=require("./useLeafletMap-514304b6.js"),h=require("./Navigation-6abb6213.js"),v=require("./useGeolocation-d8946470.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./clamp-bd21d587.js"),require("./FilterField-7efcacb7.js"),require("./useLazyInput-911b8eda.js"),require("./MultiselectDropdown-a16ea1c9.js"),require("./formFieldText-046fcbf4.js"),require("./useMounted-0bba9869.js"),require("./Checkbox-8dccd42f.js"),require("react-dom"),require("./Pointer-331140b6.js"),require("./useMediaQuery-619d7203.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./LanguageSwitcher-aa96cc7d.js");var x,y,w,_,I,C,F,k,j,E,P,M,O,L,q,T,N,S,z=b(n),A=b(t),B=A.default(a.Image).withConfig({displayName:"PointOfInterestDetail__StyledImage",componentId:"sc-hksryh-0"})(x||(x=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),V=A.default(u.POIFacts).withConfig({displayName:"PointOfInterestDetail__Facts",componentId:"sc-hksryh-1"})(y||(y=e.__makeTemplateObject(["\n max-width: 880px;\n"],["\n max-width: 880px;\n"]))),R=A.default(o.Heading).withConfig({displayName:"PointOfInterestDetail__PoiTitle",componentId:"sc-hksryh-2"})(w||(w=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),D=A.default(o.Copy).withConfig({displayName:"PointOfInterestDetail__PoiText",componentId:"sc-hksryh-3"})(_||(_=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),G=s.withLibTheme((function(t){var a=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,y="inverted"===v,w="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 z.default.createElement(i.Section,{addSeperation:!0,anchorId:a,bgColor:y?x.sectionBg.dark:w?x.sectionBg.medium:x.sectionBg.light,bgMode:i.mapToBgMode(v,!0)},z.default.createElement(r.Wrapper,{addWhitespace:!0},(null==o?void 0:o.small)&&z.default.createElement(B,e.__assign({},o,{coverSpace:!0,allowEdgeRadius:!0,isInverted:y})),z.default.createElement(c.Grid.Row,{gutter:5*l.spacings.nudge,semilarge:{gutter:l.spacings.spacer}},z.default.createElement(c.Grid.Col,{semilarge:{span:_?5.7/8:1}},u&&z.default.createElement(R,{size:"heading-2",isInverted:y},u),p.isValidArray(g,!1)&&z.default.createElement(V,{isInverted:y,facts:g,customFact:b}),m&&z.default.createElement(D,{size:"medium",type:"copy-b",isInverted:y,innerHTML:m}),f&&z.default.createElement(D,{size:"medium",isInverted:y,innerHTML:f})),_&&z.default.createElement(c.Grid.Col,{semilarge:{span:2.3/8}},z.default.createElement(d.InfoList,{isInverted:y,items:h})))))})),H=function(e,n){return n?null==n?void 0:n.filter((function(n){return!e.find((function(e){return e.item.id===n.id}))})):[]},U=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 r=H(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(r,!1)&&t.push.apply(t,r.map((function(e){return{item:e,priority:2}})));var a=H(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(a,!1)&&t.push.apply(t,a.map((function(e){return{item:e,priority:3}})));var o=H(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=H(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},W=function(e,n,t){var i,r=new Map;if(!e&&!n.length)for(var a=0,o=t;a<o.length;a++){var l=o[a];r.set(l.id,{item:l,priority:0})}for(var s=0,c=t;s<c.length;s++){(null===(i=(l=c[s]).facts)||void 0===i?void 0:i.some((function(e){return n.includes(e)})))&&r.set(l.id,{item:l,priority:1})}for(var d=0,u=e?U(f.escapeRegExp(e),t||[]):[];d<u.length;d++){var p=u[d];r.has(p.item.id)||r.set(p.item.id,p)}return r},Z=function(n){var t=n.hasBorders,i=n.value,r=n.onChange,a=n.textFilter,o=n.categoryFilter,l=n.mobileSubmitLabel,s=n.closeIcon,c=n.toggleLabel,d=n.filterIcon,p=n.indicator,m=n.isInverted,f=n.className;return z.default.createElement(u.FilterBar,{isInverted:m,hasBorders:t,value:i,onChange:r,textFilter:a?{placeholder:a.placeholder||"Search...",icon:a.icon?a.icon:function(){return z.default.createElement(e.Magnifier,{width:18,height:18})},submitIcon:a.submitIcon?a.submitIcon:function(){return null},clearIcon:a.clearIcon?a.clearIcon:function(){return z.default.createElement(e.CrossBubble,null)}}:void 0,categoryFilter:o?{label:o.label||"Categories",items:o.items||[],resetLabel:o.resetLabel||"reset selection"}:void 0,mobileSubmitLabel:l||"Apply filters",closeIcon:s||function(){return z.default.createElement(e.Cross,null)},toggleLabel:c||"Search & Filter",filterIcon:d||function(){return z.default.createElement(e.Filter,null)},indicator:p,className:f})},Q=Object.freeze({__proto__:null,PoiFilterBar:Z}),J=A.default(i.Section).withConfig({displayName:"PointOfInterestOverview__POISection",componentId:"sc-epctuk-0"})(I||(I=e.__makeTemplateObject(["\n overflow: visible;\n"],["\n overflow: visible;\n"]))),K=A.default.div.withConfig({displayName:"PointOfInterestOverview__Content",componentId:"sc-epctuk-1"})(C||(C=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),X=A.default(Z).withConfig({displayName:"PointOfInterestOverview__PoiOverviewFilterBar",componentId:"sc-epctuk-2"})(F||(F=e.__makeTemplateObject(["\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ",";\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n\n @media "," {\n border: none;\n }\n"],["\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ",";\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n\n @media "," {\n border: none;\n }\n"])),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).elementBg.light:l.getColors(n).elementBg.dark}),5*l.spacings.nudge,l.mq.medium),Y=s.withLibTheme((function(t){var a,o=t.anchorId,l=t.bgMode,c=t.pois,d=t.initialPoiFilters,f=t.poiFilters,g=t.customPoiFilters,h=s.useLibTheme(),v=h.colors,b=h.globals,x=b.sections.poiFilterName,y=b.sections.poiFactFilterName,w="inverted"===l,_="full"===l,I=n.useState(d||{categoryFilter:[],textFilter:""}),C=I[0],F=I[1],k=n.useMemo((function(){return null==c?void 0:c.reduce((function(n,t){for(var i=e.__spreadArray([],n,!0),r=0,a=t.facts||[];r<a.length;r++){var o=a[r];i.includes(o)||i.push(o)}return i}),[])}),[c]),j=n.useMemo((function(){var e=W((null==C?void 0:C.textFilter)||"",(null==C?void 0:C.categoryFilter)||[],c||[])||c;return Array.from(e).map((function(e){return e[1]}))}),[null==C?void 0:C.textFilter,null==C?void 0:C.categoryFilter,c]);return n.useEffect((function(){C.textFilter?m.setUrlParam(x,C.textFilter):m.deleteUrlParam(x),p.isValidArray(C.categoryFilter,!1)?m.setUrlParam(y,C.categoryFilter.join(",")):m.deleteUrlParam(y)}),[x,y,C.textFilter,C.categoryFilter]),z.default.createElement(J,{addSeperation:!0,anchorId:o,bgColor:w?v.sectionBg.dark:_?v.sectionBg.medium:v.sectionBg.light,bgMode:i.mapToBgMode(l,!0)},z.default.createElement(r.Wrapper,{addWhitespace:!0},f?g?null==g?void 0:g({filters:C,setFilters:F,pois:c||[],settings:f}):z.default.createElement(X,{hasBorders:!0,value:C,onChange:F,textFilter:(null==f?void 0:f.textFilter)||void 0,categoryFilter:(null==f?void 0:f.categoryFilter)?e.__assign(e.__assign({},f.categoryFilter),{items:null==k?void 0:k.map((function(e){return{value:e,label:e}||[]}))}):void 0,mobileSubmitLabel:null==f?void 0:f.mobileSubmitLabel,closeIcon:null==f?void 0:f.closeIcon,toggleLabel:null==f?void 0:f.toggleLabel,filterIcon:null==f?void 0:f.filterIcon,indicator:null==f?void 0:f.indicator,isInverted:w}):null,z.default.createElement(K,null,null===(a=null==j?void 0:j.sort((function(e,n){return e.priority-n.priority})))||void 0===a?void 0:a.map((function(n,t){return z.default.createElement(u.POICard,e.__assign({key:t},n.item,{isInverted:w}))})))))})),$=A.default(i.Section).withConfig({displayName:"PointOfInterestMap__PoiMapSection",componentId:"sc-1ke8oz0-0"})(E||(E=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(j||(j=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,r=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),a=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),o=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),s=h.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),c=h.getFullNavbarHeights(i,r).large,d=h.getFullNavbarHeights(i,a).large,u=h.getFullNavbarHeights(i,o).large,p=h.getFullNavbarHeights(i,s).large,m=function(e){return e.map((function(e){return"[data-navbar-ident*='".concat(e,"']")})).join("")},f="100vh";return t.css(k||(k=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 "])),ne,f,m(r.split("-")),ne,f,c[0],m(a.split("-")),ne,f,d[0],m(o.split("-")),ne,f,u[0],m(s.split("-")),ne,f,p[0],l.mq.semilarge,m(r.split("-")),ne,f,c[1],m(a.split("-")),ne,f,d[1],m(o.split("-")),ne,f,u[1],m(s.split("-")),ne,f,p[1])}))}),l.withRange([0],"padding-top"),l.withRange([0],"margin-top")),ee=A.default.div.withConfig({displayName:"PointOfInterestMap__MapContainer",componentId:"sc-1ke8oz0-1"})(P||(P=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),ne=A.default.div.withConfig({displayName:"PointOfInterestMap__Map",componentId:"sc-1ke8oz0-2"})(M||(M=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),te=A.default.button.withConfig({displayName:"PointOfInterestMap__RequestGeolocationBtn",componentId:"sc-1ke8oz0-3"})(O||(O=e.__makeTemplateObject(["\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 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"])),l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),ie=A.default.div.withConfig({displayName:"PointOfInterestMap__CardStage",componentId:"sc-1ke8oz0-4"})(L||(L=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),re=A.default.div.withConfig({displayName:"PointOfInterestMap__MapCardView",componentId:"sc-1ke8oz0-5"})(q||(q=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: ",";\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: ",";\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}),(function(e){var n=e.theme;return l.getGlobals(n).sections.edgeRadius}),3*l.spacings.nudge,l.mq.medium),ae=A.default.header.withConfig({displayName:"PointOfInterestMap__MapCardHeader",componentId:"sc-1ke8oz0-6"})(T||(T=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),oe=A.default.button.withConfig({displayName:"PointOfInterestMap__CloseBtn",componentId:"sc-1ke8oz0-7"})(N||(N=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})),le=A.default.div.withConfig({displayName:"PointOfInterestMap__Overlay",componentId:"sc-1ke8oz0-8"})(S||(S=e.__makeTemplateObject(["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"])),2*l.spacings.nudge,2*l.spacings.nudge,2*l.spacings.nudge),se=function(n){var t=n.name,i=n.facts,r=n.description,a=n.infos,l=n.action,c=n.customFact,m=n.customClose,f=n.onClose,g=n.className,h=s.useLibTheme().colors;return z.default.createElement(re,{className:g},z.default.createElement(ae,null,t&&z.default.createElement(o.Copy,{type:"copy-b",size:"big"},t),z.default.createElement(oe,{onClick:f},m||z.default.createElement(e.Cross,{iconColor:h.text.default}))),p.isValidArray(i,!1)&&z.default.createElement(u.POIFacts,{facts:i,customFact:c}),r&&z.default.createElement(o.Copy,{type:"copy",size:"small",innerHTML:r}),p.isValidArray(a,!1)&&z.default.createElement(d.InfoList,{items:[{items:a}]}),l&&l)},ce=s.withLibTheme((function(t){var i=t.anchorId,a=t.size,o=t.pois,c=t.initialPointOfInterest,d=void 0===c?"":c,u=t.provider,f=t.attribution,h=t.center,b=void 0===h?[51.505,-.09]:h,x=t.zoom,y=void 0===x?5:x,w=t.fitBoundsPadding,_=t.allMarkersOnInit,I=void 0!==_&&_,C=t.restrictToMarkersArea,F=void 0===C||C,k=t.showOwnPosition,j=t.flyToZoom,E=t.customFact,P=t.currentPosMarker,M=t.customCardClose,O=t.customLocationRequest,L=t.initialPoiFilters,q=t.poiFilters,T=t.customPoiFilters,N="large"===a,S=s.useLibTheme(),A=S.colors,B=S.globals,V=n.useState(d||""),R=V[0],D=V[1],G=n.useState(!1),H=G[0],U=G[1],Q=n.useState(L||{categoryFilter:[],textFilter:""}),J=Q[0],K=Q[1],X=n.useMemo((function(){return null==o?void 0:o.reduce((function(n,t){for(var i=e.__spreadArray([],n,!0),r=0,a=t.facts||[];r<a.length;r++){var o=a[r];i.includes(o)||i.push(o)}return i}),[])}),[o]),Y=n.useMemo((function(){var e=W((null==J?void 0:J.textFilter)||"",(null==J?void 0:J.categoryFilter)||[],o||[])||o;return Array.from(e).map((function(e){return e[1].item}))}),[null==J?void 0:J.textFilter,null==J?void 0:J.categoryFilter,o]),re=n.useMemo((function(){return null==Y?void 0:Y.find((function(e){return e.id===R}))}),[R,Y]),ae=v.useGeolocation(!0,!1),oe=ae.isSupported,ce=ae.location,de=ae.reset,ue=n.useMemo((function(){var n,t={size:[28,28],anchor:[14,28],sizeActive:[70,70],anchorActive:[35,70],url:l.getSVGDataImg(z.default.createElement(e.LocationPin,null))},i={size:[24,24],anchor:[12,12],sizeActive:[24,24],anchorActive:[12,12],url:l.getSVGDataImg(z.default.createElement(e.CurrentLocation,{iconColor:"#5383EC"}))},r=(null===(n=null==Y?void 0:Y.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 oe&&(null==ce?void 0:ce.coords.latitude)&&(null==ce?void 0:ce.coords.longitude)&&r.push({id:"my-current-position-123456789",position:[ce.coords.latitude,ce.coords.longitude],icon:P||i}),r}),[P,oe,null==ce?void 0:ce.coords.latitude,null==ce?void 0:ce.coords.longitude,Y]),pe=g.useLeafletMap({url:u,attribution:f,center:b,zoom:y,activeMarkerId:R,markers:ue,fitBoundsPadding:w,restrictToMarkersArea:F,showZoomControls:!0,zoomControlPosition:"bottomleft",onMarkerClick:function(e){D((function(n){return n===e?"":e}))}}),me=pe.isLoaded,fe=pe.setContainer,ge=pe.flyToActive,he=pe.showAllMarkers,ve=pe.flyToPosition,be=pe.getCurrentZoom;n.useEffect((function(){if(me&&!H)I&&he();else{var e=be(),n=j;void 0!==j&&e>j&&(n=e),ge(n)}}),[R,I,ge,j,be,d,H,me,he]),n.useEffect((function(){H||R===d||U(!0)}),[R,d,H]);var xe=B.sections.poiFilterName,ye=B.sections.poiFactFilterName;return n.useEffect((function(){J.textFilter?m.setUrlParam(xe,J.textFilter):m.deleteUrlParam(xe),p.isValidArray(J.categoryFilter,!1)?m.setUrlParam(ye,J.categoryFilter.join(",")):m.deleteUrlParam(ye)}),[xe,ye,J.textFilter,J.categoryFilter]),n.useEffect((function(){D(""),U(!1)}),[J]),z.default.createElement($,{anchorId:i,bgColor:"image",bgMode:"full",isLarge:N},z.default.createElement(r.Wrapper,{clampWidth:N?"large":"normal"},z.default.createElement(ee,null,z.default.createElement(ne,{ref:fe,isLarge:"large"===a}),(k||q)&&z.default.createElement(le,null,k&&z.default.createElement(te,{onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n,t,i,r;return e.__generator(this,(function(e){switch(e.label){case 0:return(null===(i=null==ce?void 0:ce.coords)||void 0===i?void 0:i.latitude)&&(null===(r=null==ce?void 0:ce.coords)||void 0===r?void 0:r.longitude)?(n=be(),t=j,void 0!==j&&n>j&&(t=n),ve([ce.coords.latitude,ce.coords.longitude],t),[3,4]):[3,1];case 1:return e.trys.push([1,3,,4]),[4,de()];case 2:return e.sent()&&he(),[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))}},O||z.default.createElement(e.MyLocation,{iconColor:A.text.default})),q?T?T({filters:J,setFilters:K,pois:o||[],settings:q}):z.default.createElement(Z,{value:J,onChange:K,textFilter:(null==q?void 0:q.textFilter)||void 0,categoryFilter:(null==q?void 0:q.categoryFilter)?e.__assign(e.__assign({},q.categoryFilter),{items:null==X?void 0:X.map((function(e){return{value:e,label:e}||[]}))}):void 0,mobileSubmitLabel:null==q?void 0:q.mobileSubmitLabel,closeIcon:null==q?void 0:q.closeIcon,toggleLabel:null==q?void 0:q.toggleLabel,filterIcon:null==q?void 0:q.filterIcon,indicator:null==q?void 0:q.indicator}):null),re&&re.name&&z.default.createElement(ie,{onClick:function(e){e.target===e.currentTarget&&D("")}},z.default.createElement(se,e.__assign({},re,{onClose:function(){return D("")},customFact:E,customClose:M}))))))}));exports.PoiPartials=Q,exports.PointOfInterestDetail=G,exports.PointOfInterestMap=ce,exports.PointOfInterestOverview=Y;
|
|
2
2
|
//# sourceMappingURL=sections.pois.js.map
|
package/cjs/sections.pois.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sections.pois.js","sources":["../src/components/sections/pois/PointOfInterestDetail.tsx","../src/components/sections/pois/filters.ts","../src/components/sections/pois/partials/PoiFilterBar.tsx","../src/components/sections/pois/PointOfInterestOverview.tsx","../src/components/sections/pois/PointOfInterestMap.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport Image, { ImageProps } from 'components/blocks/Image';\nimport Copy from 'components/typography/Copy';\nimport Heading from 'components/typography/Heading';\nimport { spacings } from 'utils/styles';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport Grid from 'components/base/Grid';\nimport InfoList, { InfoGroup } from 'components/blocks/InfoList';\nimport POIFacts from 'components/blocks/POIFacts';\nimport { isValidArray } from 'utils/arrays';\n\nconst StyledImage = styled(Image)`\n &:not(:last-child) {\n margin-bottom: ${spacings.spacer}px;\n }\n`;\n\nconst Facts = styled(POIFacts)`\n max-width: 880px;\n`;\n\nconst PoiTitle = styled(Heading)`\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: ${spacings.nudge * 3}px;\n }\n`;\n\nconst PoiText = styled(Copy)`\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst PointOfInterestDetail: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** POI image */\n image?: Omit<ImageProps, 'coverSpace'>;\n\n /** POI title */\n title?: string;\n\n /** POI intro text */\n intro?: string;\n\n /** POI text (richtext) */\n text?: string;\n\n /** Array of POI facts */\n facts?: string[];\n\n /** Additional POI infos */\n infos?: InfoGroup[];\n\n /** Section background */\n bgMode?: 'inverted' | 'full';\n\n /** Function to inject custom feature node */\n customFact?: (props: {\n key: React.Key;\n name: string;\n isInverted?: boolean;\n }) => React.ReactNode;\n}> = ({\n anchorId,\n image,\n title,\n intro,\n text,\n facts,\n infos,\n bgMode,\n customFact,\n}) => {\n const { colors } = useLibTheme();\n const isInverted = bgMode === 'inverted';\n const hasBg = bgMode === 'full';\n const hasInfos = useMemo(() => {\n return isValidArray(\n infos?.filter((info) => isValidArray(info.items, false)),\n false\n );\n }, [infos]);\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : hasBg\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n {image?.small && (\n <StyledImage\n {...image}\n coverSpace\n allowEdgeRadius\n isInverted={isInverted}\n />\n )}\n <Grid.Row\n gutter={spacings.nudge * 5}\n semilarge={{ gutter: spacings.spacer }}\n >\n <Grid.Col semilarge={{ span: hasInfos ? 5.7 / 8 : 1 }}>\n {title && (\n <PoiTitle size=\"heading-2\" isInverted={isInverted}>\n {title}\n </PoiTitle>\n )}\n {isValidArray(facts, false) && (\n <Facts\n isInverted={isInverted}\n facts={facts}\n customFact={customFact}\n />\n )}\n {intro && (\n <PoiText\n size=\"medium\"\n type=\"copy-b\"\n isInverted={isInverted}\n innerHTML={intro}\n />\n )}\n {text && (\n <PoiText\n size=\"medium\"\n isInverted={isInverted}\n innerHTML={text}\n />\n )}\n </Grid.Col>\n {hasInfos && (\n <Grid.Col semilarge={{ span: 2.3 / 8 }}>\n <InfoList isInverted={isInverted} items={infos} />\n </Grid.Col>\n )}\n </Grid.Row>\n </Wrapper>\n </Section>\n );\n};\n\nexport const PointOfInterestDetailComponent = PointOfInterestDetail;\nexport default withLibTheme(PointOfInterestDetail);\n","import { POICardProps } from 'components/blocks/POICard';\nimport { isValidArray } from 'hooks';\nimport { escapeRegExp } from 'utils/escape';\n\nexport type POIData = Pick<\n POICardProps,\n 'name' | 'facts' | 'infos' | 'shortDescription'\n> & { id: string };\n\nexport interface FilterMatch {\n item: POIData;\n priority: number;\n}\n\nconst poiExactNameFilter =\n <T extends POIData>(filterQuery: string) =>\n (value: T) => {\n const regex = new RegExp(filterQuery);\n return regex.test(value.name);\n };\n\nconst poiSoftNameFilter =\n <T extends POIData>(filterQuery: string) =>\n (value: T) => {\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const preparedName = value.name.toLowerCase().replace(/\\s/g, '');\n\n const regex = new RegExp(preparedQuery);\n return regex.test(preparedName);\n };\n\nconst poiFactFilter =\n (filterQuery: string) =>\n <T extends POIData>(value: T) => {\n if (!isValidArray(value.facts, false)) return false;\n\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const regex = new RegExp(preparedQuery);\n\n const result = value.facts.find((fact) => {\n const preparedFact = fact.toLowerCase().replace(/\\s/g, '');\n return regex.test(preparedFact);\n });\n\n return !!result;\n };\n\nconst poiInfoFilter =\n (filterQuery: string) =>\n <T extends POIData>(value: T) => {\n if (!isValidArray(value?.infos, false)) return false;\n\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const regex = new RegExp(preparedQuery);\n\n return !!value.infos.find((info) => {\n if (!info.text) return false;\n const preparedText = info.text.toLowerCase().replace(/\\s/g, '');\n return regex.test(preparedText);\n });\n };\n\nconst poiDescriptionFilter =\n (filterQuery: string) =>\n <T extends POIData>(value: T) => {\n if (!value.shortDescription) return false;\n\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const preparedDesc = value.shortDescription\n .toLowerCase()\n .replace(/\\s/g, '');\n\n const regex = new RegExp(preparedQuery);\n return regex.test(preparedDesc);\n };\n\nconst removeMatchIntersections = <T extends POIData>(\n array: FilterMatch[],\n item?: T[]\n) => {\n if (!item) return [];\n return item?.filter(\n (m) => !array.find((prioItem) => prioItem.item.id === m.id)\n );\n};\n\nconst filterPois = <T extends POIData>(filterQuery: string, pois: T[]) => {\n const prioList: FilterMatch[] = [];\n if (\n !isValidArray(\n pois?.filter((poi) => poi.id !== undefined),\n false\n )\n ) {\n return prioList;\n }\n\n // PRIO 1 Filter: Exact name\n const exactNameMatches = pois?.filter(poiExactNameFilter(filterQuery));\n if (isValidArray(exactNameMatches, false)) {\n prioList.push(\n ...exactNameMatches.map((match) => ({\n item: match,\n priority: 1,\n }))\n );\n }\n\n // PRIO 2 Filter: Name\n const nameMatches = removeMatchIntersections(\n prioList,\n pois?.filter(poiSoftNameFilter(filterQuery))\n );\n\n if (isValidArray(nameMatches, false)) {\n prioList.push(\n ...nameMatches.map((match) => ({\n item: match,\n priority: 2,\n }))\n );\n }\n\n // PRIO 3 Filter: Facts\n const factMatches = removeMatchIntersections(\n prioList,\n pois?.filter(poiFactFilter(filterQuery))\n );\n\n if (isValidArray(factMatches, false)) {\n prioList.push(\n ...factMatches.map((match) => ({\n item: match,\n priority: 3,\n }))\n );\n }\n\n // PRIO 4 Filter: Description\n const infoMatches = removeMatchIntersections(\n prioList,\n pois?.filter(poiInfoFilter(filterQuery))\n );\n\n if (isValidArray(infoMatches, false)) {\n prioList.push(\n ...infoMatches.map((match) => ({\n item: match,\n priority: 4,\n }))\n );\n }\n\n // PRIO 5 Filter: Description\n const descMatches = removeMatchIntersections(\n prioList,\n pois?.filter(poiDescriptionFilter(filterQuery))\n );\n\n if (isValidArray(descMatches, false)) {\n prioList.push(\n ...descMatches.map((match) => ({\n item: match,\n priority: 5,\n }))\n );\n }\n\n return prioList;\n};\n\nexport const getFilterMatches = <T extends POIData>(\n filterQuery: string,\n includeIds: string[],\n items: T[]\n) => {\n const searchMatches: Map<string, FilterMatch> = new Map();\n\n if (!filterQuery && !includeIds.length) {\n for (const item of items) {\n searchMatches.set(item.id, {\n item,\n priority: 0,\n });\n }\n }\n\n for (const item of items) {\n if (includeIds.includes(item.id)) {\n searchMatches.set(item.id, {\n item,\n priority: 1,\n });\n }\n }\n\n // tracking matches of each query part\n const matches = filterQuery\n ? filterPois(escapeRegExp(filterQuery), items || [])\n : [];\n\n for (const match of matches) {\n if (searchMatches.has(match.item.id)) continue;\n searchMatches.set(match.item.id, match);\n }\n\n return searchMatches;\n};\n","import Cross from 'components/base/icons/Cross';\nimport CrossBubble from 'components/base/icons/CrossBubble';\nimport Filter from 'components/base/icons/Filter';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport FilterBar, { FilterBarProps } from 'components/blocks/FilterBar';\nimport React, { FC } from 'react';\n\nconst PoiFilterBar: FC<\n FilterBarProps & { isInverted?: boolean; className?: string }\n> = ({\n hasBorders,\n value,\n onChange,\n textFilter,\n categoryFilter,\n mobileSubmitLabel,\n closeIcon,\n toggleLabel,\n filterIcon,\n indicator,\n isInverted,\n className,\n}) => {\n return (\n <FilterBar\n isInverted={isInverted}\n hasBorders={hasBorders}\n value={value}\n onChange={onChange}\n textFilter={\n textFilter\n ? {\n placeholder: textFilter.placeholder || 'Search...',\n icon: textFilter.icon\n ? textFilter.icon\n : () => <Magnifier width={18} height={18} />,\n submitIcon: textFilter.submitIcon\n ? textFilter.submitIcon\n : () => null,\n clearIcon: textFilter.clearIcon\n ? textFilter.clearIcon\n : () => <CrossBubble />,\n }\n : undefined\n }\n categoryFilter={\n categoryFilter\n ? {\n label: categoryFilter.label || 'Categories',\n items: categoryFilter.items || [],\n resetLabel:\n categoryFilter.resetLabel || 'reset selection',\n }\n : undefined\n }\n mobileSubmitLabel={mobileSubmitLabel || 'Apply filters'}\n closeIcon={closeIcon ? closeIcon : () => <Cross />}\n toggleLabel={toggleLabel || 'Search & Filter'}\n filterIcon={filterIcon ? filterIcon : () => <Filter />}\n indicator={indicator}\n className={className}\n />\n );\n};\n\nexport default PoiFilterBar;\n","import Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { Info } from 'components/blocks/InfoList';\nimport POICard, { POICardProps } from 'components/blocks/POICard';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport { mq, spacings, getColors as color } from 'utils/styles';\nimport { deleteUrlParam, setUrlParam } from 'utils/urlParams';\nimport { FilterState } from 'components/blocks/FilterBar';\nimport { getFilterMatches } from './filters';\nimport * as PoiPartials from 'components/sections/pois/partials';\n\nconst Content = styled.div`\n & > * + * {\n margin-top: ${spacings.nudge * 5}px;\n }\n\n @media ${mq.large} {\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n }\n`;\n\nconst PoiOverviewFilterBar = styled(PoiPartials.PoiFilterBar)`\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n\n &:not(:last-child) {\n margin-bottom: ${spacings.nudge * 5}px;\n }\n\n @media ${mq.medium} {\n border: none;\n }\n`;\n\ninterface CardProps extends POICardProps {\n id: string;\n infos?: Array<Info & { allowFiltering?: boolean }>;\n}\n\nexport type PointOfInterestOverviewItem = Omit<CardProps, 'isInverted'>;\n\nexport interface PoiOverviewFilters {\n toggleLabel?: string;\n mobileSubmitLabel?: string;\n categoryFilter?: {\n label?: string;\n resetLabel?: string;\n };\n textFilter?: {\n placeholder?: string;\n icon?: (isInverted?: boolean) => React.ReactNode;\n submitIcon?: (isInverted?: boolean) => React.ReactNode;\n clearIcon?: (isInverted?: boolean) => React.ReactNode;\n };\n closeIcon?: (isInverted?: boolean) => React.ReactNode;\n filterIcon?: (isInverted?: boolean) => React.ReactNode;\n indicator?: (props: {\n isOpen: boolean;\n isDisabled?: boolean;\n }) => React.ReactNode;\n}\n\nconst PointOfInterestOverview: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Array of POI card settings */\n pois?: PointOfInterestOverviewItem[];\n\n /** Section background */\n bgMode?: 'full' | 'inverted';\n\n /** Initial POI filter states */\n initialPoiFilters?: FilterState;\n\n /** POI filter settings */\n poiFilters?: PoiOverviewFilters;\n customPoiFilters?: (props: {\n pois: PointOfInterestOverviewItem[];\n filters: FilterState;\n setFilters: React.Dispatch<React.SetStateAction<FilterState>>;\n settings?: PoiOverviewFilters;\n }) => React.ReactNode;\n}> = ({\n anchorId,\n bgMode,\n pois,\n initialPoiFilters,\n poiFilters,\n customPoiFilters,\n}) => {\n const { colors, globals } = useLibTheme();\n const filterName = globals.sections.poiFilterName;\n const factFiltername = globals.sections.poiFactFilterName;\n\n const isInverted = bgMode === 'inverted';\n const hasBg = bgMode === 'full';\n\n const [filters, setFilters] = useState<FilterState>(\n initialPoiFilters || {\n categoryFilter: [],\n textFilter: '',\n }\n );\n\n const poiMatches = useMemo(() => {\n const matches =\n getFilterMatches<PointOfInterestOverviewItem>(\n filters?.textFilter || '',\n filters?.categoryFilter || [],\n pois || []\n ) || pois;\n\n return Array.from(matches).map((m) => m[1]);\n }, [pois, filters]);\n\n useEffect(() => {\n if (filters.textFilter) {\n setUrlParam(filterName, filters.textFilter);\n } else {\n deleteUrlParam(filterName);\n }\n\n if (isValidArray(filters.categoryFilter, false)) {\n setUrlParam(factFiltername, filters.categoryFilter.join(','));\n } else {\n deleteUrlParam(factFiltername);\n }\n }, [\n filterName,\n factFiltername,\n filters.textFilter,\n filters.categoryFilter,\n ]);\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : hasBg\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n {poiFilters ? (\n customPoiFilters ? (\n customPoiFilters?.({\n filters,\n setFilters,\n pois: pois || [],\n settings: poiFilters,\n })\n ) : (\n <PoiOverviewFilterBar\n hasBorders\n value={filters}\n onChange={setFilters}\n textFilter={poiFilters?.textFilter || undefined}\n categoryFilter={\n poiFilters?.categoryFilter\n ? {\n ...poiFilters.categoryFilter,\n items: pois?.map(\n (poi) =>\n ({\n value: poi.id,\n label: poi.name,\n } || [])\n ),\n }\n : undefined\n }\n mobileSubmitLabel={poiFilters?.mobileSubmitLabel}\n closeIcon={poiFilters?.closeIcon}\n toggleLabel={poiFilters?.toggleLabel}\n filterIcon={poiFilters?.filterIcon}\n indicator={poiFilters?.indicator}\n />\n )\n ) : null}\n <Content>\n {poiMatches\n ?.sort((a, b) => a.priority - b.priority)\n ?.map((poi, i) => (\n <POICard\n key={i}\n {...poi.item}\n isInverted={isInverted}\n />\n ))}\n </Content>\n </Wrapper>\n </Section>\n );\n};\n\nexport const PointOfInterestOverviewComponent = PointOfInterestOverview;\nexport default withLibTheme(PointOfInterestOverview);\n","import React, { FC, useEffect, useMemo, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Section from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport useLeafletMap, { LeafletMapMarker } from 'utils/useLeafletMap';\nimport {\n mq,\n withRange,\n getColors as color,\n getGlobals as global,\n spacings,\n} from 'utils/styles';\nimport {\n generateNavbarIdent as genIdent,\n getFullNavbarHeights as getNavHeight,\n} from '../navigation/Navigation';\nimport { getSVGDataImg as getSVGData } from 'utils/dataURI';\nimport LocationPin from 'components/base/icons/LocationPin';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport POIFacts from 'components/blocks/POIFacts';\nimport InfoList, { Info } from 'components/blocks/InfoList';\nimport useGeolocation from 'utils/useGeolocation';\nimport CurrentLocation from 'components/base/icons/CurrentLocation';\nimport Cross from 'components/base/icons/Cross';\nimport MyLocation from 'components/base/icons/MyLocation';\nimport { FilterState } from 'components/blocks/FilterBar';\nimport { getFilterMatches } from './filters';\n\nimport * as PoiPartials from 'components/sections/pois/partials';\nimport { deleteUrlParam, setUrlParam } from 'hooks';\n\nconst genHeightStyles = () => css`\n // Doing some crazy shit to calculate curent navbar height in CSS\n ${({ theme }) => {\n // navbar main only\n const mainIdent = genIdent({\n pageFlow: 'beforeContent',\n hasMain: true,\n });\n\n // navbar main and top\n const mainTopIdent = genIdent({\n pageFlow: 'beforeContent',\n hasMain: true,\n hasTop: true,\n });\n\n // navbar main and bottom\n const mainBottomIdent = genIdent({\n pageFlow: 'beforeContent',\n hasMain: true,\n hasBottom: true,\n });\n\n // full navbar with all bars\n const fullIdent = genIdent({\n pageFlow: 'beforeContent',\n hasTop: true,\n hasMain: true,\n hasBottom: true,\n });\n\n const navMainHeight = getNavHeight(theme, mainIdent).large;\n const navMainTopHeight = getNavHeight(theme, mainTopIdent).large;\n const navMainBottomHeight = getNavHeight(theme, mainBottomIdent).large;\n const navFullHeight = getNavHeight(theme, fullIdent).large;\n\n const mapToSelector = (idents: string[]) => {\n return idents.map((id) => `[data-navbar-ident*='${id}']`).join('');\n };\n\n const refHeight = '100vh';\n\n return css`\n ${Map} {\n height: ${refHeight};\n }\n\n // with main navbar element\n header${mapToSelector(mainIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainHeight[0]}px);\n }\n }\n\n // with main and top navbar elements\n header${mapToSelector(mainTopIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainTopHeight[0]}px);\n }\n }\n\n // with main and bottom navbar elements\n header${mapToSelector(mainBottomIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainBottomHeight[0]}px);\n }\n }\n\n // with all navbar elements\n header${mapToSelector(fullIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navFullHeight[0]}px);\n }\n }\n\n @media ${mq.semilarge} {\n // with main navbar element\n header${mapToSelector(mainIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainHeight[1]}px);\n }\n }\n\n // with main and top navbar elements\n header${mapToSelector(mainTopIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainTopHeight[1]}px);\n }\n }\n\n // with main and bottom navbar elements\n header${mapToSelector(mainBottomIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(\n ${refHeight} - ${navMainBottomHeight[1]}px\n );\n }\n }\n\n // with all navbar elements\n header${mapToSelector(fullIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navFullHeight[1]}px);\n }\n }\n }\n `;\n }}\n`;\n\nconst PoiMapSection = styled(Section)<{ isLarge?: boolean }>`\n position: relative;\n ${({ isLarge }) => isLarge && genHeightStyles()}\n\n header + & {\n ${withRange([0], 'padding-top')}\n ${withRange([0], 'margin-top')}\n }\n`;\n\nconst MapContainer = styled.div`\n position: relative;\n`;\n\nconst Map = styled.div<{ isLarge?: boolean }>`\n min-height: 360px;\n height: 360px;\n max-height: 1300px;\n z-index: 0;\n\n @media ${mq.medium} {\n height: 600px;\n min-height: 600px;\n }\n`;\n\nconst RequestGeolocationBtn = styled.button`\n background-color: transparent;\n border: none;\n padding: ${spacings.nudge}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 ${({ theme }) => color(theme).primary.default};\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\nconst CardStage = styled.div`\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 ${mq.medium} {\n position: absolute;\n background-color: transparent;\n padding: ${spacings.nudge * 2}px;\n padding-bottom: ${spacings.nudge * 3}px;\n\n pointer-events: none;\n }\n`;\n\nconst MapCardView = styled.div`\n max-height: 100%;\n width: 100%;\n padding: ${spacings.nudge * 2}px;\n overflow: auto;\n\n background: ${({ theme }) => color(theme).elementBg.light};\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n pointer-events: all;\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n\n @media ${mq.medium} {\n max-width: 400px;\n }\n`;\n\nconst MapCardHeader = styled.header`\n display: flex;\n align-items: center;\n`;\n\nconst CloseBtn = styled.button`\n display: inline-block;\n border: none;\n background-color: transparent;\n cursor: pointer;\n margin-left: auto;\n padding: ${spacings.nudge}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 ${({ theme }) => color(theme).primary.default};\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\nconst Overlay = styled.div`\n position: absolute;\n top: ${spacings.nudge * 2}px;\n left: ${spacings.nudge * 2}px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ${spacings.nudge * 2}px;\n }\n`;\n\nconst MapCard: FC<{\n name?: string;\n facts?: string[];\n description?: string;\n infos?: Info[];\n\n action?: React.ReactNode;\n onClose?: () => void;\n customFact?: (props: { key: React.Key; name: string }) => React.ReactNode;\n customClose?: React.ReactNode;\n\n className?: string;\n}> = ({\n name,\n facts,\n description,\n infos,\n action,\n customFact,\n customClose,\n onClose,\n className,\n}) => {\n const { colors } = useLibTheme();\n\n return (\n <MapCardView className={className}>\n <MapCardHeader>\n {name && (\n <Copy type=\"copy-b\" size=\"big\">\n {name}\n </Copy>\n )}\n <CloseBtn onClick={onClose}>\n {customClose || <Cross iconColor={colors.text.default} />}\n </CloseBtn>\n </MapCardHeader>\n {isValidArray(facts, false) && (\n <POIFacts facts={facts} customFact={customFact} />\n )}\n {description && (\n <Copy type=\"copy\" size=\"small\" innerHTML={description} />\n )}\n {isValidArray(infos, false) && (\n <InfoList\n items={[\n {\n items: infos,\n },\n ]}\n />\n )}\n {action && action}\n </MapCardView>\n );\n};\n\nexport interface LocationIcon {\n url: string;\n size: [number, number];\n anchor: [number, number];\n\n sizeActive: [number, number];\n anchorActive: [number, number];\n}\n\nexport interface MapPOI {\n /** Unique ID */\n id: string;\n\n /** Latitude and Longitude of item position */\n position: [number, number];\n\n /** Marker icon settings */\n icon?: LocationIcon;\n\n /** POI name */\n name: string;\n\n /** POI short description text */\n description?: string;\n\n /** Array of POI facts */\n facts?: string[];\n\n /** Array of additional POI informations */\n infos?: Info[];\n\n /** Function to inject custom action node */\n action?: React.ReactNode;\n}\n\nexport interface PoiMapFilters {\n toggleLabel?: string;\n mobileSubmitLabel?: string;\n categoryFilter?: {\n label?: string;\n resetLabel?: string;\n };\n textFilter?: {\n placeholder?: string;\n icon?: (isInverted?: boolean) => React.ReactNode;\n submitIcon?: (isInverted?: boolean) => React.ReactNode;\n clearIcon?: (isInverted?: boolean) => React.ReactNode;\n };\n closeIcon?: (isInverted?: boolean) => React.ReactNode;\n filterIcon?: (isInverted?: boolean) => React.ReactNode;\n indicator?: (props: {\n isOpen: boolean;\n isDisabled?: boolean;\n }) => React.ReactNode;\n}\n\nconst PointOfInterestMap: FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Size mode */\n size?: 'default' | 'large';\n\n /** Array of POI card settings */\n pois?: MapPOI[];\n\n /** Use geolocation for own position */\n showOwnPosition?: boolean;\n\n /** Map tile provider */\n provider?: string;\n\n /** Map attribution text (richtext) */\n attribution?: string;\n\n /** Initial center of the map */\n center?: [number, number];\n\n /** Initial map zoom */\n zoom?: number;\n\n /** Min map zoom */\n minZoom?: number;\n\n /** Max map zoom */\n maxZoom?: number;\n\n /** Zoom if map jumps to location */\n flyToZoom?: number;\n\n /** Initial location */\n initialPointOfInterest?: string;\n\n /** Show all markers on first load */\n allMarkersOnInit?: boolean;\n\n /** Restrict map to bounds of markers area */\n restrictToMarkersArea?: boolean;\n\n /** Map container padding for show all markers */\n fitBoundsPadding?: [number, number];\n\n /** Function to inject custom fact node into MapCard */\n customFact?: (props: { key: React.Key; name: string }) => React.ReactNode;\n\n /** Custom current position marker */\n currentPosMarker?: LocationIcon;\n\n /** Custom card close icon */\n customCardClose?: React.ReactNode;\n\n /** Custom icon for my location request button */\n customLocationRequest?: React.ReactNode;\n\n /** Initial POI filter states */\n initialPoiFilters?: FilterState;\n\n /** POI filter settings */\n poiFilters?: PoiMapFilters;\n customPoiFilters?: (props: {\n pois: MapPOI[];\n filters: FilterState;\n setFilters: React.Dispatch<React.SetStateAction<FilterState>>;\n settings?: PoiMapFilters;\n }) => React.ReactNode;\n}> = ({\n anchorId,\n size,\n pois,\n initialPointOfInterest = '',\n provider,\n attribution,\n center = [51.505, -0.09],\n zoom = 5,\n fitBoundsPadding,\n allMarkersOnInit = false,\n restrictToMarkersArea = true,\n showOwnPosition,\n flyToZoom,\n customFact,\n currentPosMarker,\n customCardClose,\n customLocationRequest,\n initialPoiFilters,\n poiFilters,\n customPoiFilters,\n}) => {\n const isLarge = size === 'large';\n const { colors, globals } = useLibTheme();\n\n const [activePoiId, setActivePoiId] = useState<string>(\n initialPointOfInterest || ''\n );\n const [isDirty, setIsDirty] = useState<boolean>(false);\n\n const [filters, setFilters] = useState<FilterState>(\n initialPoiFilters || {\n categoryFilter: [],\n textFilter: '',\n }\n );\n\n const activePois = useMemo(() => {\n // text matches\n const matches =\n getFilterMatches<MapPOI>(\n filters?.textFilter || '',\n filters?.categoryFilter || [],\n pois || []\n ) || pois;\n\n return Array.from(matches).map((m) => m[1].item) as MapPOI[];\n }, [pois, filters]);\n\n const activePOI = useMemo(() => {\n return activePois?.find((poi) => poi.id === activePoiId);\n }, [activePoiId, activePois]);\n\n const {\n isSupported: isGeolocationSupported,\n location,\n reset: resetGeolocation,\n // error,\n } = useGeolocation(true, false);\n\n const mapMarkers = useMemo(() => {\n const defaultMarker: LocationIcon = {\n size: [28, 28],\n anchor: [14, 28],\n sizeActive: [70, 70],\n anchorActive: [35, 70],\n url: getSVGData(<LocationPin />),\n };\n\n // marker of own position\n const defaultPosMarker: LocationIcon = {\n size: [24, 24],\n anchor: [12, 12],\n sizeActive: [24, 24],\n anchorActive: [12, 12],\n url: getSVGData(<CurrentLocation iconColor=\"#5383EC\" />),\n };\n\n const markers: LeafletMapMarker[] =\n activePois\n ?.filter((poi) => poi.id !== undefined)\n ?.map(({ id, position, icon }) => ({\n id,\n position,\n icon: icon || defaultMarker,\n isInteractive: true,\n })) || [];\n\n if (\n isGeolocationSupported &&\n location?.coords.latitude &&\n location?.coords.longitude\n ) {\n markers.push({\n id: 'my-current-position-123456789',\n position: [location.coords.latitude, location.coords.longitude],\n icon: currentPosMarker || defaultPosMarker,\n });\n }\n\n return markers;\n }, [\n currentPosMarker,\n isGeolocationSupported,\n location?.coords.latitude,\n location?.coords.longitude,\n activePois,\n ]);\n\n const {\n isLoaded,\n setContainer: setMapContainer,\n flyToActive,\n showAllMarkers,\n flyToPosition,\n getCurrentZoom,\n } = useLeafletMap({\n url: provider,\n attribution,\n center,\n zoom,\n activeMarkerId: activePoiId,\n markers: mapMarkers,\n fitBoundsPadding,\n restrictToMarkersArea,\n showZoomControls: true,\n zoomControlPosition: 'bottomleft',\n onMarkerClick: (markerId) => {\n setActivePoiId((prev) => {\n if (prev === markerId) {\n return '';\n }\n return markerId;\n });\n },\n });\n\n useEffect(() => {\n if (isLoaded && !isDirty) {\n if (allMarkersOnInit) showAllMarkers();\n } else {\n const currentZoom = getCurrentZoom();\n let zoom = flyToZoom;\n if (flyToZoom !== undefined && currentZoom > flyToZoom) {\n zoom = currentZoom;\n }\n\n flyToActive(zoom);\n }\n }, [\n activePoiId,\n allMarkersOnInit,\n flyToActive,\n flyToZoom,\n getCurrentZoom,\n initialPointOfInterest,\n isDirty,\n isLoaded,\n showAllMarkers,\n ]);\n\n useEffect(() => {\n if (!isDirty && activePoiId !== initialPointOfInterest) {\n setIsDirty(true);\n }\n }, [activePoiId, initialPointOfInterest, isDirty]);\n\n const handleLocationRequest = async () => {\n if (location?.coords?.latitude && location?.coords?.longitude) {\n const currentZoom = getCurrentZoom();\n let zoom = flyToZoom;\n if (flyToZoom !== undefined && currentZoom > flyToZoom) {\n zoom = currentZoom;\n }\n\n flyToPosition(\n [location.coords.latitude, location.coords.longitude],\n zoom\n );\n } else {\n try {\n const position = await resetGeolocation();\n if (position) showAllMarkers();\n } catch (err) {\n // console.log(err);\n }\n }\n };\n\n const filterName = globals.sections.poiFilterName;\n const factFiltername = globals.sections.poiFactFilterName;\n\n useEffect(() => {\n if (filters.textFilter) {\n setUrlParam(filterName, filters.textFilter);\n } else {\n deleteUrlParam(filterName);\n }\n\n if (isValidArray(filters.categoryFilter, false)) {\n setUrlParam(factFiltername, filters.categoryFilter.join(','));\n } else {\n deleteUrlParam(factFiltername);\n }\n }, [\n filterName,\n factFiltername,\n filters.textFilter,\n filters.categoryFilter,\n ]);\n\n useEffect(() => {\n setActivePoiId('');\n setIsDirty(false);\n }, [filters]);\n\n return (\n <PoiMapSection\n anchorId={anchorId}\n bgColor=\"image\"\n bgMode=\"full\"\n isLarge={isLarge}\n >\n <Wrapper clampWidth={isLarge ? 'large' : 'normal'}>\n <MapContainer>\n <Map ref={setMapContainer} isLarge={size === 'large'} />\n {(showOwnPosition || poiFilters) && (\n <Overlay>\n {showOwnPosition && (\n <RequestGeolocationBtn\n onClick={handleLocationRequest}\n >\n {customLocationRequest || (\n <MyLocation\n iconColor={colors.text.default}\n />\n )}\n </RequestGeolocationBtn>\n )}\n {poiFilters ? (\n customPoiFilters ? (\n customPoiFilters({\n filters,\n setFilters,\n pois: pois || [],\n settings: poiFilters,\n })\n ) : (\n <PoiPartials.PoiFilterBar\n value={filters}\n onChange={setFilters}\n textFilter={\n poiFilters?.textFilter || undefined\n }\n categoryFilter={\n poiFilters?.categoryFilter\n ? {\n ...poiFilters.categoryFilter,\n items: pois?.map(\n (poi) =>\n ({\n value: poi.id,\n label: poi.name,\n } || [])\n ),\n }\n : undefined\n }\n mobileSubmitLabel={\n poiFilters?.mobileSubmitLabel\n }\n closeIcon={poiFilters?.closeIcon}\n toggleLabel={poiFilters?.toggleLabel}\n filterIcon={poiFilters?.filterIcon}\n indicator={poiFilters?.indicator}\n />\n )\n ) : null}\n </Overlay>\n )}\n {activePOI && activePOI.name && (\n <CardStage\n onClick={(ev) => {\n if (ev.target !== ev.currentTarget) return;\n setActivePoiId('');\n }}\n >\n <MapCard\n {...activePOI}\n onClose={() => setActivePoiId('')}\n customFact={customFact}\n customClose={customCardClose}\n />\n </CardStage>\n )}\n </MapContainer>\n </Wrapper>\n </PoiMapSection>\n );\n};\n\nexport const PointOfInterestMapComponent = PointOfInterestMap;\nexport default withLibTheme(PointOfInterestMap);\n"],"names":["StyledImage","styled","Image","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","spacer","Facts","POIFacts","templateObject_2","PoiTitle","Heading","templateObject_3","nudge","PoiText","Copy","templateObject_4","PointOfInterestDetail$1","withLibTheme","_a","anchorId","image","title","intro","text","facts","infos","bgMode","customFact","colors","useLibTheme","isInverted","hasBg","hasInfos","useMemo","isValidArray","filter","info","items","React","createElement","Section","addSeperation","bgColor","sectionBg","dark","medium","light","mapToBgMode","Wrapper","addWhitespace","small","coverSpace","allowEdgeRadius","Grid","Row","gutter","semilarge","Col","span","size","type","innerHTML","InfoList","removeMatchIntersections","array","item","m","find","prioItem","id","filterPois","filterQuery","pois","prioList","poi","undefined","exactNameMatches","value","RegExp","test","name","poiExactNameFilter","push","apply","map","match","priority","nameMatches","preparedQuery","toLowerCase","replace","preparedName","poiSoftNameFilter","factMatches","regex","fact","preparedFact","poiFactFilter","infoMatches","preparedText","poiInfoFilter","descMatches","shortDescription","preparedDesc","poiDescriptionFilter","getFilterMatches","includeIds","searchMatches","Map","length","items_1","_i","set","items_2","includes","matches_1","escapeRegExp","_b","has","PoiFilterBar","hasBorders","onChange","textFilter","categoryFilter","mobileSubmitLabel","closeIcon","toggleLabel","filterIcon","indicator","className","FilterBar","placeholder","icon","Magnifier","width","height","submitIcon","clearIcon","CrossBubble","label","resetLabel","Cross","Filter","Content","div","mq","large","PoiOverviewFilterBar","PoiPartials","theme","color","elementBg","PointOfInterestOverview$1","initialPoiFilters","poiFilters","customPoiFilters","_c","globals","filterName","sections","poiFilterName","factFiltername","poiFactFilterName","_d","useState","filters","setFilters","poiMatches","matches","Array","from","useEffect","setUrlParam","deleteUrlParam","join","settings","sort","a","b","i","POICard","__assign","key","PoiMapSection","isLarge","css","mainIdent","genIdent","pageFlow","hasMain","mainTopIdent","hasTop","mainBottomIdent","hasBottom","fullIdent","navMainHeight","getNavHeight","getFullNavbarHeights","navMainTopHeight","navMainBottomHeight","navFullHeight","mapToSelector","idents","concat","refHeight","split","withRange","MapContainer","templateObject_5","RequestGeolocationBtn","button","primary","default","CardStage","templateObject_7","MapCardView","global","edgeRadius","MapCardHeader","header","templateObject_9","CloseBtn","Overlay","templateObject_11","MapCard","description","action","customClose","onClose","onClick","iconColor","PointOfInterestMap$1","initialPointOfInterest","provider","attribution","center","zoom","fitBoundsPadding","_e","allMarkersOnInit","_f","restrictToMarkersArea","showOwnPosition","flyToZoom","currentPosMarker","customCardClose","customLocationRequest","_g","_h","activePoiId","setActivePoiId","_j","isDirty","setIsDirty","_k","activePois","activePOI","_l","useGeolocation","isGeolocationSupported","isSupported","location","resetGeolocation","mapMarkers","defaultMarker","anchor","sizeActive","anchorActive","url","getSVGData","getSVGDataImg","LocationPin","defaultPosMarker","CurrentLocation","markers","position","isInteractive","coords","latitude","longitude","_m","useLeafletMap","activeMarkerId","showZoomControls","zoomControlPosition","onMarkerClick","markerId","prev","isLoaded","setMapContainer","setContainer","flyToActive","showAllMarkers","flyToPosition","getCurrentZoom","currentZoom","zoom_1","handleLocationRequest","clampWidth","ref","__awaiter","zoom_2","sent","MyLocation","ev","target","currentTarget"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sections.pois.js","sources":["../src/components/sections/pois/PointOfInterestDetail.tsx","../src/components/sections/pois/filters.ts","../src/components/sections/pois/partials/PoiFilterBar.tsx","../src/components/sections/pois/PointOfInterestOverview.tsx","../src/components/sections/pois/PointOfInterestMap.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport Image, { ImageProps } from 'components/blocks/Image';\nimport Copy from 'components/typography/Copy';\nimport Heading from 'components/typography/Heading';\nimport { spacings } from 'utils/styles';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport Grid from 'components/base/Grid';\nimport InfoList, { InfoGroup } from 'components/blocks/InfoList';\nimport POIFacts from 'components/blocks/POIFacts';\nimport { isValidArray } from 'utils/arrays';\n\nconst StyledImage = styled(Image)`\n &:not(:last-child) {\n margin-bottom: ${spacings.spacer}px;\n }\n`;\n\nconst Facts = styled(POIFacts)`\n max-width: 880px;\n`;\n\nconst PoiTitle = styled(Heading)`\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: ${spacings.nudge * 3}px;\n }\n`;\n\nconst PoiText = styled(Copy)`\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst PointOfInterestDetail: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** POI image */\n image?: Omit<ImageProps, 'coverSpace'>;\n\n /** POI title */\n title?: string;\n\n /** POI intro text */\n intro?: string;\n\n /** POI text (richtext) */\n text?: string;\n\n /** Array of POI facts */\n facts?: string[];\n\n /** Additional POI infos */\n infos?: InfoGroup[];\n\n /** Section background */\n bgMode?: 'inverted' | 'full';\n\n /** Function to inject custom feature node */\n customFact?: (props: {\n key: React.Key;\n name: string;\n isInverted?: boolean;\n }) => React.ReactNode;\n}> = ({\n anchorId,\n image,\n title,\n intro,\n text,\n facts,\n infos,\n bgMode,\n customFact,\n}) => {\n const { colors } = useLibTheme();\n const isInverted = bgMode === 'inverted';\n const hasBg = bgMode === 'full';\n const hasInfos = useMemo(() => {\n return isValidArray(\n infos?.filter((info) => isValidArray(info.items, false)),\n false\n );\n }, [infos]);\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : hasBg\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n {image?.small && (\n <StyledImage\n {...image}\n coverSpace\n allowEdgeRadius\n isInverted={isInverted}\n />\n )}\n <Grid.Row\n gutter={spacings.nudge * 5}\n semilarge={{ gutter: spacings.spacer }}\n >\n <Grid.Col semilarge={{ span: hasInfos ? 5.7 / 8 : 1 }}>\n {title && (\n <PoiTitle size=\"heading-2\" isInverted={isInverted}>\n {title}\n </PoiTitle>\n )}\n {isValidArray(facts, false) && (\n <Facts\n isInverted={isInverted}\n facts={facts}\n customFact={customFact}\n />\n )}\n {intro && (\n <PoiText\n size=\"medium\"\n type=\"copy-b\"\n isInverted={isInverted}\n innerHTML={intro}\n />\n )}\n {text && (\n <PoiText\n size=\"medium\"\n isInverted={isInverted}\n innerHTML={text}\n />\n )}\n </Grid.Col>\n {hasInfos && (\n <Grid.Col semilarge={{ span: 2.3 / 8 }}>\n <InfoList isInverted={isInverted} items={infos} />\n </Grid.Col>\n )}\n </Grid.Row>\n </Wrapper>\n </Section>\n );\n};\n\nexport const PointOfInterestDetailComponent = PointOfInterestDetail;\nexport default withLibTheme(PointOfInterestDetail);\n","import { POICardProps } from 'components/blocks/POICard';\nimport { isValidArray } from 'hooks';\nimport { escapeRegExp } from 'utils/escape';\n\nexport type POIData = Pick<\n POICardProps,\n 'name' | 'facts' | 'infos' | 'shortDescription'\n> & { id: string };\n\nexport interface FilterMatch {\n item: POIData;\n priority: number;\n}\n\nconst poiExactNameFilter =\n <T extends POIData>(filterQuery: string) =>\n (value: T) => {\n const regex = new RegExp(filterQuery);\n return regex.test(value.name);\n };\n\nconst poiSoftNameFilter =\n <T extends POIData>(filterQuery: string) =>\n (value: T) => {\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const preparedName = value.name.toLowerCase().replace(/\\s/g, '');\n\n const regex = new RegExp(preparedQuery);\n return regex.test(preparedName);\n };\n\nconst poiFactFilter =\n (filterQuery: string) =>\n <T extends POIData>(value: T) => {\n if (!isValidArray(value.facts, false)) return false;\n\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const regex = new RegExp(preparedQuery);\n\n const result = value.facts.find((fact) => {\n const preparedFact = fact.toLowerCase().replace(/\\s/g, '');\n return regex.test(preparedFact);\n });\n\n return !!result;\n };\n\nconst poiInfoFilter =\n (filterQuery: string) =>\n <T extends POIData>(value: T) => {\n if (!isValidArray(value?.infos, false)) return false;\n\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const regex = new RegExp(preparedQuery);\n\n return !!value.infos.find((info) => {\n if (!info.text) return false;\n const preparedText = info.text.toLowerCase().replace(/\\s/g, '');\n return regex.test(preparedText);\n });\n };\n\nconst poiDescriptionFilter =\n (filterQuery: string) =>\n <T extends POIData>(value: T) => {\n if (!value.shortDescription) return false;\n\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const preparedDesc = value.shortDescription\n .toLowerCase()\n .replace(/\\s/g, '');\n\n const regex = new RegExp(preparedQuery);\n return regex.test(preparedDesc);\n };\n\nconst removeMatchIntersections = <T extends POIData>(\n array: FilterMatch[],\n item?: T[]\n) => {\n if (!item) return [];\n return item?.filter(\n (m) => !array.find((prioItem) => prioItem.item.id === m.id)\n );\n};\n\nconst filterPois = <T extends POIData>(filterQuery: string, pois: T[]) => {\n const prioList: FilterMatch[] = [];\n if (\n !isValidArray(\n pois?.filter((poi) => poi.id !== undefined),\n false\n )\n ) {\n return prioList;\n }\n\n // PRIO 1 Filter: Exact name\n const exactNameMatches = pois?.filter(poiExactNameFilter(filterQuery));\n if (isValidArray(exactNameMatches, false)) {\n prioList.push(\n ...exactNameMatches.map((match) => ({\n item: match,\n priority: 1,\n }))\n );\n }\n\n // PRIO 2 Filter: Name\n const nameMatches = removeMatchIntersections(\n prioList,\n pois?.filter(poiSoftNameFilter(filterQuery))\n );\n\n if (isValidArray(nameMatches, false)) {\n prioList.push(\n ...nameMatches.map((match) => ({\n item: match,\n priority: 2,\n }))\n );\n }\n\n // PRIO 3 Filter: Facts\n const factMatches = removeMatchIntersections(\n prioList,\n pois?.filter(poiFactFilter(filterQuery))\n );\n\n if (isValidArray(factMatches, false)) {\n prioList.push(\n ...factMatches.map((match) => ({\n item: match,\n priority: 3,\n }))\n );\n }\n\n // PRIO 4 Filter: Description\n const infoMatches = removeMatchIntersections(\n prioList,\n pois?.filter(poiInfoFilter(filterQuery))\n );\n\n if (isValidArray(infoMatches, false)) {\n prioList.push(\n ...infoMatches.map((match) => ({\n item: match,\n priority: 4,\n }))\n );\n }\n\n // PRIO 5 Filter: Description\n const descMatches = removeMatchIntersections(\n prioList,\n pois?.filter(poiDescriptionFilter(filterQuery))\n );\n\n if (isValidArray(descMatches, false)) {\n prioList.push(\n ...descMatches.map((match) => ({\n item: match,\n priority: 5,\n }))\n );\n }\n\n return prioList;\n};\n\nexport const getFilterMatches = <T extends POIData>(\n filterQuery: string,\n categoryFilters: string[],\n items: T[]\n) => {\n const searchMatches: Map<string, FilterMatch> = new Map();\n\n if (!filterQuery && !categoryFilters.length) {\n for (const item of items) {\n searchMatches.set(item.id, {\n item,\n priority: 0,\n });\n }\n }\n\n for (const item of items) {\n if (item.facts?.some((fact) => categoryFilters.includes(fact))) {\n searchMatches.set(item.id, {\n item,\n priority: 1,\n });\n }\n }\n\n // tracking matches of each query part\n const matches = filterQuery\n ? filterPois(escapeRegExp(filterQuery), items || [])\n : [];\n\n for (const match of matches) {\n if (searchMatches.has(match.item.id)) continue;\n searchMatches.set(match.item.id, match);\n }\n\n return searchMatches;\n};\n","import Cross from 'components/base/icons/Cross';\nimport CrossBubble from 'components/base/icons/CrossBubble';\nimport Filter from 'components/base/icons/Filter';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport FilterBar, { FilterBarProps } from 'components/blocks/FilterBar';\nimport React, { FC } from 'react';\n\nconst PoiFilterBar: FC<\n FilterBarProps & { isInverted?: boolean; className?: string }\n> = ({\n hasBorders,\n value,\n onChange,\n textFilter,\n categoryFilter,\n mobileSubmitLabel,\n closeIcon,\n toggleLabel,\n filterIcon,\n indicator,\n isInverted,\n className,\n}) => {\n return (\n <FilterBar\n isInverted={isInverted}\n hasBorders={hasBorders}\n value={value}\n onChange={onChange}\n textFilter={\n textFilter\n ? {\n placeholder: textFilter.placeholder || 'Search...',\n icon: textFilter.icon\n ? textFilter.icon\n : () => <Magnifier width={18} height={18} />,\n submitIcon: textFilter.submitIcon\n ? textFilter.submitIcon\n : () => null,\n clearIcon: textFilter.clearIcon\n ? textFilter.clearIcon\n : () => <CrossBubble />,\n }\n : undefined\n }\n categoryFilter={\n categoryFilter\n ? {\n label: categoryFilter.label || 'Categories',\n items: categoryFilter.items || [],\n resetLabel:\n categoryFilter.resetLabel || 'reset selection',\n }\n : undefined\n }\n mobileSubmitLabel={mobileSubmitLabel || 'Apply filters'}\n closeIcon={closeIcon ? closeIcon : () => <Cross />}\n toggleLabel={toggleLabel || 'Search & Filter'}\n filterIcon={filterIcon ? filterIcon : () => <Filter />}\n indicator={indicator}\n className={className}\n />\n );\n};\n\nexport default PoiFilterBar;\n","import Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { Info } from 'components/blocks/InfoList';\nimport POICard, { POICardProps } from 'components/blocks/POICard';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport { mq, spacings, getColors as color } from 'utils/styles';\nimport { deleteUrlParam, setUrlParam } from 'utils/urlParams';\nimport { FilterState } from 'components/blocks/FilterBar';\nimport { getFilterMatches } from './filters';\nimport * as PoiPartials from 'components/sections/pois/partials';\n\nconst POISection = styled(Section)`\n overflow: visible;\n`;\n\nconst Content = styled.div`\n & > * + * {\n margin-top: ${spacings.nudge * 5}px;\n }\n\n @media ${mq.large} {\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n }\n`;\n\nconst PoiOverviewFilterBar = styled(PoiPartials.PoiFilterBar)`\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n\n &:not(:last-child) {\n margin-bottom: ${spacings.nudge * 5}px;\n }\n\n @media ${mq.medium} {\n border: none;\n }\n`;\n\ninterface CardProps extends POICardProps {\n id: string;\n infos?: Array<Info & { allowFiltering?: boolean }>;\n}\n\nexport type PointOfInterestOverviewItem = Omit<CardProps, 'isInverted'>;\n\nexport interface PoiOverviewFilters {\n toggleLabel?: string;\n mobileSubmitLabel?: string;\n categoryFilter?: {\n label?: string;\n resetLabel?: string;\n };\n textFilter?: {\n placeholder?: string;\n icon?: (isInverted?: boolean) => React.ReactNode;\n submitIcon?: (isInverted?: boolean) => React.ReactNode;\n clearIcon?: (isInverted?: boolean) => React.ReactNode;\n };\n closeIcon?: (isInverted?: boolean) => React.ReactNode;\n filterIcon?: (isInverted?: boolean) => React.ReactNode;\n indicator?: (props: {\n isOpen: boolean;\n isDisabled?: boolean;\n }) => React.ReactNode;\n}\n\nconst PointOfInterestOverview: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Array of POI card settings */\n pois?: PointOfInterestOverviewItem[];\n\n /** Section background */\n bgMode?: 'full' | 'inverted';\n\n /** Initial POI filter states */\n initialPoiFilters?: FilterState;\n\n /** POI filter settings */\n poiFilters?: PoiOverviewFilters;\n customPoiFilters?: (props: {\n pois: PointOfInterestOverviewItem[];\n filters: FilterState;\n setFilters: React.Dispatch<React.SetStateAction<FilterState>>;\n settings?: PoiOverviewFilters;\n }) => React.ReactNode;\n}> = ({\n anchorId,\n bgMode,\n pois,\n initialPoiFilters,\n poiFilters,\n customPoiFilters,\n}) => {\n const { colors, globals } = useLibTheme();\n const filterName = globals.sections.poiFilterName;\n const factFiltername = globals.sections.poiFactFilterName;\n\n const isInverted = bgMode === 'inverted';\n const hasBg = bgMode === 'full';\n\n const [filters, setFilters] = useState<FilterState>(\n initialPoiFilters || {\n categoryFilter: [],\n textFilter: '',\n }\n );\n\n const categories = useMemo(() => {\n return pois?.reduce<string[]>((acc, poi) => {\n const newCategories = [...acc];\n\n for (const fact of poi.facts || []) {\n if (!newCategories.includes(fact)) {\n newCategories.push(fact);\n }\n }\n\n return newCategories;\n }, []);\n }, [pois]);\n\n const poiMatches = useMemo(() => {\n const matches =\n getFilterMatches<PointOfInterestOverviewItem>(\n filters?.textFilter || '',\n filters?.categoryFilter || [],\n pois || []\n ) || pois;\n\n return Array.from(matches).map((m) => m[1]);\n }, [filters?.textFilter, filters?.categoryFilter, pois]);\n\n useEffect(() => {\n if (filters.textFilter) {\n setUrlParam(filterName, filters.textFilter);\n } else {\n deleteUrlParam(filterName);\n }\n\n if (isValidArray(filters.categoryFilter, false)) {\n setUrlParam(factFiltername, filters.categoryFilter.join(','));\n } else {\n deleteUrlParam(factFiltername);\n }\n }, [\n filterName,\n factFiltername,\n filters.textFilter,\n filters.categoryFilter,\n ]);\n\n return (\n <POISection\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : hasBg\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n {poiFilters ? (\n customPoiFilters ? (\n customPoiFilters?.({\n filters,\n setFilters,\n pois: pois || [],\n settings: poiFilters,\n })\n ) : (\n <PoiOverviewFilterBar\n hasBorders\n value={filters}\n onChange={setFilters}\n textFilter={poiFilters?.textFilter || undefined}\n categoryFilter={\n poiFilters?.categoryFilter\n ? {\n ...poiFilters.categoryFilter,\n items: categories?.map(\n (cat) =>\n ({\n value: cat,\n label: cat,\n } || [])\n ),\n }\n : undefined\n }\n mobileSubmitLabel={poiFilters?.mobileSubmitLabel}\n closeIcon={poiFilters?.closeIcon}\n toggleLabel={poiFilters?.toggleLabel}\n filterIcon={poiFilters?.filterIcon}\n indicator={poiFilters?.indicator}\n isInverted={isInverted}\n />\n )\n ) : null}\n <Content>\n {poiMatches\n ?.sort((a, b) => a.priority - b.priority)\n ?.map((poi, i) => (\n <POICard\n key={i}\n {...poi.item}\n isInverted={isInverted}\n />\n ))}\n </Content>\n </Wrapper>\n </POISection>\n );\n};\n\nexport const PointOfInterestOverviewComponent = PointOfInterestOverview;\nexport default withLibTheme(PointOfInterestOverview);\n","import React, { FC, useEffect, useMemo, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Section from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport useLeafletMap, { LeafletMapMarker } from 'utils/useLeafletMap';\nimport {\n mq,\n withRange,\n getColors as color,\n getGlobals as global,\n spacings,\n} from 'utils/styles';\nimport {\n generateNavbarIdent as genIdent,\n getFullNavbarHeights as getNavHeight,\n} from '../navigation/Navigation';\nimport { getSVGDataImg as getSVGData } from 'utils/dataURI';\nimport LocationPin from 'components/base/icons/LocationPin';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport POIFacts from 'components/blocks/POIFacts';\nimport InfoList, { Info } from 'components/blocks/InfoList';\nimport useGeolocation from 'utils/useGeolocation';\nimport CurrentLocation from 'components/base/icons/CurrentLocation';\nimport Cross from 'components/base/icons/Cross';\nimport MyLocation from 'components/base/icons/MyLocation';\nimport { FilterState } from 'components/blocks/FilterBar';\nimport { getFilterMatches } from './filters';\n\nimport * as PoiPartials from 'components/sections/pois/partials';\nimport { deleteUrlParam, setUrlParam } from 'hooks';\n\nconst genHeightStyles = () => css`\n // Doing some crazy shit to calculate curent navbar height in CSS\n ${({ theme }) => {\n // navbar main only\n const mainIdent = genIdent({\n pageFlow: 'beforeContent',\n hasMain: true,\n });\n\n // navbar main and top\n const mainTopIdent = genIdent({\n pageFlow: 'beforeContent',\n hasMain: true,\n hasTop: true,\n });\n\n // navbar main and bottom\n const mainBottomIdent = genIdent({\n pageFlow: 'beforeContent',\n hasMain: true,\n hasBottom: true,\n });\n\n // full navbar with all bars\n const fullIdent = genIdent({\n pageFlow: 'beforeContent',\n hasTop: true,\n hasMain: true,\n hasBottom: true,\n });\n\n const navMainHeight = getNavHeight(theme, mainIdent).large;\n const navMainTopHeight = getNavHeight(theme, mainTopIdent).large;\n const navMainBottomHeight = getNavHeight(theme, mainBottomIdent).large;\n const navFullHeight = getNavHeight(theme, fullIdent).large;\n\n const mapToSelector = (idents: string[]) => {\n return idents.map((id) => `[data-navbar-ident*='${id}']`).join('');\n };\n\n const refHeight = '100vh';\n\n return css`\n ${Map} {\n height: ${refHeight};\n }\n\n // with main navbar element\n header${mapToSelector(mainIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainHeight[0]}px);\n }\n }\n\n // with main and top navbar elements\n header${mapToSelector(mainTopIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainTopHeight[0]}px);\n }\n }\n\n // with main and bottom navbar elements\n header${mapToSelector(mainBottomIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainBottomHeight[0]}px);\n }\n }\n\n // with all navbar elements\n header${mapToSelector(fullIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navFullHeight[0]}px);\n }\n }\n\n @media ${mq.semilarge} {\n // with main navbar element\n header${mapToSelector(mainIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainHeight[1]}px);\n }\n }\n\n // with main and top navbar elements\n header${mapToSelector(mainTopIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navMainTopHeight[1]}px);\n }\n }\n\n // with main and bottom navbar elements\n header${mapToSelector(mainBottomIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(\n ${refHeight} - ${navMainBottomHeight[1]}px\n );\n }\n }\n\n // with all navbar elements\n header${mapToSelector(fullIdent.split('-'))} ~ & {\n ${Map} {\n height: calc(${refHeight} - ${navFullHeight[1]}px);\n }\n }\n }\n `;\n }}\n`;\n\nconst PoiMapSection = styled(Section)<{ isLarge?: boolean }>`\n position: relative;\n ${({ isLarge }) => isLarge && genHeightStyles()}\n\n header + & {\n ${withRange([0], 'padding-top')}\n ${withRange([0], 'margin-top')}\n }\n`;\n\nconst MapContainer = styled.div`\n position: relative;\n`;\n\nconst Map = styled.div<{ isLarge?: boolean }>`\n min-height: 360px;\n height: 360px;\n max-height: 1300px;\n z-index: 0;\n\n @media ${mq.medium} {\n height: 600px;\n min-height: 600px;\n }\n`;\n\nconst RequestGeolocationBtn = styled.button`\n background-color: transparent;\n border: none;\n padding: ${spacings.nudge}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 ${({ theme }) => color(theme).primary.default};\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\nconst CardStage = styled.div`\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 ${mq.medium} {\n position: absolute;\n background-color: transparent;\n padding: ${spacings.nudge * 2}px;\n padding-bottom: ${spacings.nudge * 3}px;\n\n pointer-events: none;\n }\n`;\n\nconst MapCardView = styled.div`\n max-height: 100%;\n width: 100%;\n padding: ${spacings.nudge * 2}px;\n overflow: auto;\n\n background: ${({ theme }) => color(theme).elementBg.light};\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n pointer-events: all;\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n\n @media ${mq.medium} {\n max-width: 400px;\n }\n`;\n\nconst MapCardHeader = styled.header`\n display: flex;\n align-items: center;\n`;\n\nconst CloseBtn = styled.button`\n display: inline-block;\n border: none;\n background-color: transparent;\n cursor: pointer;\n margin-left: auto;\n padding: ${spacings.nudge}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 ${({ theme }) => color(theme).primary.default};\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\nconst Overlay = styled.div`\n position: absolute;\n top: ${spacings.nudge * 2}px;\n left: ${spacings.nudge * 2}px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ${spacings.nudge * 2}px;\n }\n`;\n\nconst MapCard: FC<{\n name?: string;\n facts?: string[];\n description?: string;\n infos?: Info[];\n\n action?: React.ReactNode;\n onClose?: () => void;\n customFact?: (props: { key: React.Key; name: string }) => React.ReactNode;\n customClose?: React.ReactNode;\n\n className?: string;\n}> = ({\n name,\n facts,\n description,\n infos,\n action,\n customFact,\n customClose,\n onClose,\n className,\n}) => {\n const { colors } = useLibTheme();\n\n return (\n <MapCardView className={className}>\n <MapCardHeader>\n {name && (\n <Copy type=\"copy-b\" size=\"big\">\n {name}\n </Copy>\n )}\n <CloseBtn onClick={onClose}>\n {customClose || <Cross iconColor={colors.text.default} />}\n </CloseBtn>\n </MapCardHeader>\n {isValidArray(facts, false) && (\n <POIFacts facts={facts} customFact={customFact} />\n )}\n {description && (\n <Copy type=\"copy\" size=\"small\" innerHTML={description} />\n )}\n {isValidArray(infos, false) && (\n <InfoList\n items={[\n {\n items: infos,\n },\n ]}\n />\n )}\n {action && action}\n </MapCardView>\n );\n};\n\nexport interface LocationIcon {\n url: string;\n size: [number, number];\n anchor: [number, number];\n\n sizeActive: [number, number];\n anchorActive: [number, number];\n}\n\nexport interface MapPOI {\n /** Unique ID */\n id: string;\n\n /** Latitude and Longitude of item position */\n position: [number, number];\n\n /** Marker icon settings */\n icon?: LocationIcon;\n\n /** POI name */\n name: string;\n\n /** POI short description text */\n description?: string;\n\n /** Array of POI facts */\n facts?: string[];\n\n /** Array of additional POI informations */\n infos?: Info[];\n\n /** Function to inject custom action node */\n action?: React.ReactNode;\n}\n\nexport interface PoiMapFilters {\n toggleLabel?: string;\n mobileSubmitLabel?: string;\n categoryFilter?: {\n label?: string;\n resetLabel?: string;\n };\n textFilter?: {\n placeholder?: string;\n icon?: (isInverted?: boolean) => React.ReactNode;\n submitIcon?: (isInverted?: boolean) => React.ReactNode;\n clearIcon?: (isInverted?: boolean) => React.ReactNode;\n };\n closeIcon?: (isInverted?: boolean) => React.ReactNode;\n filterIcon?: (isInverted?: boolean) => React.ReactNode;\n indicator?: (props: {\n isOpen: boolean;\n isDisabled?: boolean;\n }) => React.ReactNode;\n}\n\nconst PointOfInterestMap: FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Size mode */\n size?: 'default' | 'large';\n\n /** Array of POI card settings */\n pois?: MapPOI[];\n\n /** Use geolocation for own position */\n showOwnPosition?: boolean;\n\n /** Map tile provider */\n provider?: string;\n\n /** Map attribution text (richtext) */\n attribution?: string;\n\n /** Initial center of the map */\n center?: [number, number];\n\n /** Initial map zoom */\n zoom?: number;\n\n /** Min map zoom */\n minZoom?: number;\n\n /** Max map zoom */\n maxZoom?: number;\n\n /** Zoom if map jumps to location */\n flyToZoom?: number;\n\n /** Initial location */\n initialPointOfInterest?: string;\n\n /** Show all markers on first load */\n allMarkersOnInit?: boolean;\n\n /** Restrict map to bounds of markers area */\n restrictToMarkersArea?: boolean;\n\n /** Map container padding for show all markers */\n fitBoundsPadding?: [number, number];\n\n /** Function to inject custom fact node into MapCard */\n customFact?: (props: { key: React.Key; name: string }) => React.ReactNode;\n\n /** Custom current position marker */\n currentPosMarker?: LocationIcon;\n\n /** Custom card close icon */\n customCardClose?: React.ReactNode;\n\n /** Custom icon for my location request button */\n customLocationRequest?: React.ReactNode;\n\n /** Initial POI filter states */\n initialPoiFilters?: FilterState;\n\n /** POI filter settings */\n poiFilters?: PoiMapFilters;\n customPoiFilters?: (props: {\n pois: MapPOI[];\n filters: FilterState;\n setFilters: React.Dispatch<React.SetStateAction<FilterState>>;\n settings?: PoiMapFilters;\n }) => React.ReactNode;\n}> = ({\n anchorId,\n size,\n pois,\n initialPointOfInterest = '',\n provider,\n attribution,\n center = [51.505, -0.09],\n zoom = 5,\n fitBoundsPadding,\n allMarkersOnInit = false,\n restrictToMarkersArea = true,\n showOwnPosition,\n flyToZoom,\n customFact,\n currentPosMarker,\n customCardClose,\n customLocationRequest,\n initialPoiFilters,\n poiFilters,\n customPoiFilters,\n}) => {\n const isLarge = size === 'large';\n const { colors, globals } = useLibTheme();\n\n const [activePoiId, setActivePoiId] = useState<string>(\n initialPointOfInterest || ''\n );\n const [isDirty, setIsDirty] = useState<boolean>(false);\n\n const [filters, setFilters] = useState<FilterState>(\n initialPoiFilters || {\n categoryFilter: [],\n textFilter: '',\n }\n );\n\n const categories = useMemo(() => {\n return pois?.reduce<string[]>((acc, poi) => {\n const newCategories = [...acc];\n\n for (const fact of poi.facts || []) {\n if (!newCategories.includes(fact)) {\n newCategories.push(fact);\n }\n }\n\n return newCategories;\n }, []);\n }, [pois]);\n\n const activePois = useMemo(() => {\n const matches =\n getFilterMatches<MapPOI>(\n filters?.textFilter || '',\n filters?.categoryFilter || [],\n pois || []\n ) || pois;\n\n return Array.from(matches).map((m) => m[1].item) as MapPOI[];\n }, [filters?.textFilter, filters?.categoryFilter, pois]);\n\n const activePOI = useMemo(() => {\n return activePois?.find((poi) => poi.id === activePoiId);\n }, [activePoiId, activePois]);\n\n const {\n isSupported: isGeolocationSupported,\n location,\n reset: resetGeolocation,\n // error,\n } = useGeolocation(true, false);\n\n const mapMarkers = useMemo(() => {\n const defaultMarker: LocationIcon = {\n size: [28, 28],\n anchor: [14, 28],\n sizeActive: [70, 70],\n anchorActive: [35, 70],\n url: getSVGData(<LocationPin />),\n };\n\n // marker of own position\n const defaultPosMarker: LocationIcon = {\n size: [24, 24],\n anchor: [12, 12],\n sizeActive: [24, 24],\n anchorActive: [12, 12],\n url: getSVGData(<CurrentLocation iconColor=\"#5383EC\" />),\n };\n\n const markers: LeafletMapMarker[] =\n activePois\n ?.filter((poi) => poi.id !== undefined)\n ?.map(({ id, position, icon }) => ({\n id,\n position,\n icon: icon || defaultMarker,\n isInteractive: true,\n })) || [];\n\n if (\n isGeolocationSupported &&\n location?.coords.latitude &&\n location?.coords.longitude\n ) {\n markers.push({\n id: 'my-current-position-123456789',\n position: [location.coords.latitude, location.coords.longitude],\n icon: currentPosMarker || defaultPosMarker,\n });\n }\n\n return markers;\n }, [\n currentPosMarker,\n isGeolocationSupported,\n location?.coords.latitude,\n location?.coords.longitude,\n activePois,\n ]);\n\n const {\n isLoaded,\n setContainer: setMapContainer,\n flyToActive,\n showAllMarkers,\n flyToPosition,\n getCurrentZoom,\n } = useLeafletMap({\n url: provider,\n attribution,\n center,\n zoom,\n activeMarkerId: activePoiId,\n markers: mapMarkers,\n fitBoundsPadding,\n restrictToMarkersArea,\n showZoomControls: true,\n zoomControlPosition: 'bottomleft',\n onMarkerClick: (markerId) => {\n setActivePoiId((prev) => {\n if (prev === markerId) {\n return '';\n }\n return markerId;\n });\n },\n });\n\n useEffect(() => {\n if (isLoaded && !isDirty) {\n if (allMarkersOnInit) showAllMarkers();\n } else {\n const currentZoom = getCurrentZoom();\n let zoom = flyToZoom;\n if (flyToZoom !== undefined && currentZoom > flyToZoom) {\n zoom = currentZoom;\n }\n\n flyToActive(zoom);\n }\n }, [\n activePoiId,\n allMarkersOnInit,\n flyToActive,\n flyToZoom,\n getCurrentZoom,\n initialPointOfInterest,\n isDirty,\n isLoaded,\n showAllMarkers,\n ]);\n\n useEffect(() => {\n if (!isDirty && activePoiId !== initialPointOfInterest) {\n setIsDirty(true);\n }\n }, [activePoiId, initialPointOfInterest, isDirty]);\n\n const handleLocationRequest = async () => {\n if (location?.coords?.latitude && location?.coords?.longitude) {\n const currentZoom = getCurrentZoom();\n let zoom = flyToZoom;\n if (flyToZoom !== undefined && currentZoom > flyToZoom) {\n zoom = currentZoom;\n }\n\n flyToPosition(\n [location.coords.latitude, location.coords.longitude],\n zoom\n );\n } else {\n try {\n const position = await resetGeolocation();\n if (position) showAllMarkers();\n } catch (err) {\n // console.log(err);\n }\n }\n };\n\n const filterName = globals.sections.poiFilterName;\n const factFiltername = globals.sections.poiFactFilterName;\n\n useEffect(() => {\n if (filters.textFilter) {\n setUrlParam(filterName, filters.textFilter);\n } else {\n deleteUrlParam(filterName);\n }\n\n if (isValidArray(filters.categoryFilter, false)) {\n setUrlParam(factFiltername, filters.categoryFilter.join(','));\n } else {\n deleteUrlParam(factFiltername);\n }\n }, [\n filterName,\n factFiltername,\n filters.textFilter,\n filters.categoryFilter,\n ]);\n\n useEffect(() => {\n setActivePoiId('');\n setIsDirty(false);\n }, [filters]);\n\n return (\n <PoiMapSection\n anchorId={anchorId}\n bgColor=\"image\"\n bgMode=\"full\"\n isLarge={isLarge}\n >\n <Wrapper clampWidth={isLarge ? 'large' : 'normal'}>\n <MapContainer>\n <Map ref={setMapContainer} isLarge={size === 'large'} />\n {(showOwnPosition || poiFilters) && (\n <Overlay>\n {showOwnPosition && (\n <RequestGeolocationBtn\n onClick={handleLocationRequest}\n >\n {customLocationRequest || (\n <MyLocation\n iconColor={colors.text.default}\n />\n )}\n </RequestGeolocationBtn>\n )}\n {poiFilters ? (\n customPoiFilters ? (\n customPoiFilters({\n filters,\n setFilters,\n pois: pois || [],\n settings: poiFilters,\n })\n ) : (\n <PoiPartials.PoiFilterBar\n value={filters}\n onChange={setFilters}\n textFilter={\n poiFilters?.textFilter || undefined\n }\n categoryFilter={\n poiFilters?.categoryFilter\n ? {\n ...poiFilters.categoryFilter,\n items: categories?.map(\n (cat) =>\n ({\n value: cat,\n label: cat,\n } || [])\n ),\n }\n : undefined\n }\n mobileSubmitLabel={\n poiFilters?.mobileSubmitLabel\n }\n closeIcon={poiFilters?.closeIcon}\n toggleLabel={poiFilters?.toggleLabel}\n filterIcon={poiFilters?.filterIcon}\n indicator={poiFilters?.indicator}\n />\n )\n ) : null}\n </Overlay>\n )}\n {activePOI && activePOI.name && (\n <CardStage\n onClick={(ev) => {\n if (ev.target !== ev.currentTarget) return;\n setActivePoiId('');\n }}\n >\n <MapCard\n {...activePOI}\n onClose={() => setActivePoiId('')}\n customFact={customFact}\n customClose={customCardClose}\n />\n </CardStage>\n )}\n </MapContainer>\n </Wrapper>\n </PoiMapSection>\n );\n};\n\nexport const PointOfInterestMapComponent = PointOfInterestMap;\nexport default withLibTheme(PointOfInterestMap);\n"],"names":["StyledImage","styled","Image","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","spacer","Facts","POIFacts","templateObject_2","PoiTitle","Heading","templateObject_3","nudge","PoiText","Copy","templateObject_4","PointOfInterestDetail$1","withLibTheme","_a","anchorId","image","title","intro","text","facts","infos","bgMode","customFact","colors","useLibTheme","isInverted","hasBg","hasInfos","useMemo","isValidArray","filter","info","items","React","createElement","Section","addSeperation","bgColor","sectionBg","dark","medium","light","mapToBgMode","Wrapper","addWhitespace","small","coverSpace","allowEdgeRadius","Grid","Row","gutter","semilarge","Col","span","size","type","innerHTML","InfoList","removeMatchIntersections","array","item","m","find","prioItem","id","filterPois","filterQuery","pois","prioList","poi","undefined","exactNameMatches","value","RegExp","test","name","poiExactNameFilter","push","apply","map","match","priority","nameMatches","preparedQuery","toLowerCase","replace","preparedName","poiSoftNameFilter","factMatches","regex","fact","preparedFact","poiFactFilter","infoMatches","preparedText","poiInfoFilter","descMatches","shortDescription","preparedDesc","poiDescriptionFilter","getFilterMatches","categoryFilters","searchMatches","Map","length","items_1","_i","set","items_2","_b","some","includes","matches_1","escapeRegExp","_c","has","PoiFilterBar","hasBorders","onChange","textFilter","categoryFilter","mobileSubmitLabel","closeIcon","toggleLabel","filterIcon","indicator","className","FilterBar","placeholder","icon","Magnifier","width","height","submitIcon","clearIcon","CrossBubble","label","resetLabel","Cross","Filter","POISection","Content","div","mq","large","PoiOverviewFilterBar","PoiPartials","theme","color","elementBg","PointOfInterestOverview$1","initialPoiFilters","poiFilters","customPoiFilters","globals","filterName","sections","poiFilterName","factFiltername","poiFactFilterName","_d","useState","filters","setFilters","categories","reduce","acc","newCategories","__spreadArray","poiMatches","matches","Array","from","useEffect","setUrlParam","deleteUrlParam","join","settings","cat","sort","a","b","i","POICard","__assign","key","PoiMapSection","isLarge","css","mainIdent","genIdent","pageFlow","hasMain","mainTopIdent","hasTop","mainBottomIdent","hasBottom","fullIdent","navMainHeight","getNavHeight","getFullNavbarHeights","navMainTopHeight","navMainBottomHeight","navFullHeight","mapToSelector","idents","concat","refHeight","split","withRange","MapContainer","templateObject_5","RequestGeolocationBtn","button","primary","default","CardStage","templateObject_7","MapCardView","global","edgeRadius","MapCardHeader","header","templateObject_9","CloseBtn","Overlay","templateObject_11","MapCard","description","action","customClose","onClose","onClick","iconColor","PointOfInterestMap$1","initialPointOfInterest","provider","attribution","center","zoom","fitBoundsPadding","_e","allMarkersOnInit","_f","restrictToMarkersArea","showOwnPosition","flyToZoom","currentPosMarker","customCardClose","customLocationRequest","_g","_h","activePoiId","setActivePoiId","_j","isDirty","setIsDirty","_k","activePois","activePOI","_l","useGeolocation","isGeolocationSupported","isSupported","location","resetGeolocation","mapMarkers","defaultMarker","anchor","sizeActive","anchorActive","url","getSVGData","getSVGDataImg","LocationPin","defaultPosMarker","CurrentLocation","markers","position","isInteractive","coords","latitude","longitude","_m","useLeafletMap","activeMarkerId","showZoomControls","zoomControlPosition","onMarkerClick","markerId","prev","isLoaded","setMapContainer","setContainer","flyToActive","showAllMarkers","flyToPosition","getCurrentZoom","currentZoom","zoom_1","handleLocationRequest","clampWidth","ref","__awaiter","zoom_2","sent","MyLocation","ev","target","currentTarget"],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { s as spacings, g as getColors, c as getGlobals, m as mq, w as withRange
|
|
|
6
6
|
import { i as isValidArray } from './arrays-65b644ef.js';
|
|
7
7
|
import { I as InfoList } from './InfoList-b6980a42.js';
|
|
8
8
|
import { F as FilterField } from './FilterField-bec061bc.js';
|
|
9
|
-
import { M as MultiselectDropdown } from './MultiselectDropdown-
|
|
9
|
+
import { M as MultiselectDropdown } from './MultiselectDropdown-a97be6bc.js';
|
|
10
10
|
import './useScroll-881c7b04.js';
|
|
11
11
|
import 'react-dom/server';
|
|
12
12
|
import { createPortal } from 'react-dom';
|
|
@@ -457,4 +457,4 @@ var FilterBar = function (_a) {
|
|
|
457
457
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
|
|
458
458
|
|
|
459
459
|
export { FilterBar as F, POIFacts as P, POICard as a };
|
|
460
|
-
//# sourceMappingURL=FilterBar-
|
|
460
|
+
//# sourceMappingURL=FilterBar-2a2a09b7.js.map
|