https://lipki.capital/_next/static/chunks/4516.a4cc07836574701a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4516],{64516:(t,e,i)=>{i.r(e),i.d(e,{default:()=>d});var n=i(37876),a=i(14232),o=i(82910),r=i(14777);i(71499),i(84957);var s=i(91835),l=i(16895),p=i.n(l);let c=null;try{p().MaptilerLayer=p().Layer.extend({options:{updateInterval:32,padding:.1,interactive:!1,pane:"tilePane"},map:null,initialize:function(t){p().setOptions(this,t),this._throttledUpdate=p().Util.throttle(this._update,this.options.updateInterval,this)},onAdd:function(t){this._container||this._initContainer();let e=document.createElement("a");e.href="https://www.maptiler.com",e.style="position:absolute; left:10px; bottom:2px; z-index:999;";let i=document.createElement("img");i.src="https://api.maptiler.com/resources/logo.svg",i.alt="MapTiler logo",i.width="100",i.height="30",e.appendChild(i),t.getContainer().appendChild(e);let n=this.getPaneName();t.getPane(n).appendChild(this._container),this._initMaptilerSDK(),this._offset=this._map.containerPointToLayerPoint([0,0]),t.options.zoomAnimation&&p().DomEvent.on(t._proxy,p().DomUtil.TRANSITION_END,this._transitionEnd,this),t.attributionControl.addAttribution('<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap contributors</a>')},onRemove:function(t){this._map._proxy&&this._map.options.zoomAnimation&&p().DomEvent.off(this._map._proxy,p().DomUtil.TRANSITION_END,this._transitionEnd,this);let e=this.getPaneName();t.getPane(e).removeChild(this._container),this._maptilerMap.remove(),this._maptilerMap=null},getEvents:function(){return{move:this._throttledUpdate,zoomanim:this._animateZoom,zoom:this._pinchZoom,zoomstart:this._zoomStart,zoomend:this._zoomEnd,resize:this._resize}},getMaptilerSDKMap:function(){return this._maptilerMap},getCanvas:function(){return this._maptilerMap.getCanvas()},getSize:function(){return this._map.getSize().multiplyBy(1+2*this.options.padding)},getBounds:function(){let t=this.getSize().multiplyBy(.5),e=this._map.latLngToContainerPoint(this._map.getCenter());return p().latLngBounds(this._map.containerPointToLatLng(e.subtract(t)),this._map.containerPointToLatLng(e.add(t)))},getContainer:function(){return this._container},getPaneName:function(){return this._map.getPane(this.options.pane)?this.options.pane:"tilePane"},setStyle:function(t){this._maptilerMap.setStyle(t)},setLanguage:function(t){this._maptilerMap.setLanguage(t)},_roundPoint:function(t){return{x:Math.round(t.x),y:Math.round(t.y)}},_initContainer:function(){let t=this._container=p().DomUtil.create("div","leaflet-gl-layer"),e=this.getSize(),i=this._map.getSize().multiplyBy(this.options.padding);t.style.width=e.x+"px",t.style.height=e.y+"px";let n=this._map.containerPointToLayerPoint([0,0]).subtract(i);p().DomUtil.setPosition(t,this._roundPoint(n))},_initMaptilerSDK:function(){let t=this._map.getCenter(),e=this.options.style,i=this.options.apiKey;if(("string"==typeof this.options.style||this.options.style instanceof String)&&this.options.style.startsWith("https://api.maptiler.com/maps/"))try{let t=new URL(this.options.style),n=t.searchParams.get("key");n&&(i=n,t.searchParams.delete("key"),e=t.href)}catch(t){}let n={...this.options,style:e,apiKey:i,container:this._container,center:[t.lng,t.lat],zoom:this._map.getZoom()-1,attributionControl:!1};this.options.geolocate&&(delete n.center,delete n.zoom),this._maptilerMap=new s.T5(n),this._maptilerMap.once("load",()=>{this.fire("ready")}),this._maptilerMap.transform.freezeElevation=!0,this.options.geolocate&&this._maptilerMap.on("load",()=>

1{this._map.setView(this._maptilerMap.getCenter(),this._maptilerMap.getZoom()+1)}),this._maptilerMap.transform.latRange=null,this._maptilerMap.transform.maxValidLatitude=1/0,this._transformGL(),this._maptilerMap._actualCanvas=this._maptilerMap._canvas;let a=this._maptilerMap._actualCanvas;p().DomUtil.addClass(a,"leaflet-image-layer"),p().DomUtil.addClass(a,"leaflet-zoom-animated"),this.options.interactive&&p().DomUtil.addClass(a,"leaflet-interactive"),this.options.className&&p().DomUtil.addClass(a,this.options.className),Object.keys(s._$).forEach(t=>{this[t]=e=>s._$[t].apply(null,[this._maptilerMap,e])})},_update:function(){if(this._offset=this._map.containerPointToLayerPoint([0,0]),this._zooming)return;let t=this.getSize(),e=this._map.getSize().multiplyBy(this.options.padding),i=this._map.containerPointToLayerPoint([0,0]).subtract(e);p().DomUtil.setPosition(this._container,this._roundPoint(i)),this._transformGL(),this._maptilerMap.transform.width!==t.x||this._maptilerMap.transform.height!==t.y?(this._container.style.width=t.x+"px",this._container.style.height=t.y+"px",null!==this._maptilerMap._resize&&void 0!==this._maptilerMap._resize?this._maptilerMap._resize():this._maptilerMap.resize()):null!==this._maptilerMap._update&&void 0!==this._maptilerMap._update?this._maptilerMap._update():this._maptilerMap.update()},_transformGL:function(){let t=this._map.getCenter(),e=this._maptilerMap.transform;e.center=s.jJ.convert([t.lng,t.lat]),e.zoom=this._map.getZoom()-1},_pinchZoom:function(){this._maptilerMap.jumpTo({zoom:this._map.getZoom()-1,center:this._map.getCenter()})},_animateZoom:function(t){let e=this._map.getZoomScale(t.zoom),i=this._map.getSize().multiplyBy(this.options.padding*e),n=this.getSize()._divideBy(2),a=this._map.project(t.center,t.zoom)._subtract(n)._add(this._map._getMapPanePos().add(i))._round(),o=this._map.project(this._map.getBounds().getNorthWest(),t.zoom)._subtract(a);p().DomUtil.setTransform(this._maptilerMap._actualCanvas,o.subtract(this._offset),e)},_zoomStart:function(){this._zooming=!0},_zoomEnd:function(){let t=this._map.getZoomScale(this._map.getZoom());p().DomUtil.setTransform(this._maptilerMap._actualCanvas,null,t),this._zooming=!1,this._update()},_transitionEnd:function(){p().Util.requestAnimFrame(function(){let t=this._map.getZoom(),e=this._map.getCenter(),i=this._map.latLngToContainerPoint(this._map.getBounds().getNorthWest());p().DomUtil.setTransform(this._maptilerMap._actualCanvas,i,1),this._maptilerMap.once("moveend",p().Util.bind(function(){this._zoomEnd()},this)),this._maptilerMap.jumpTo({center:e,zoom:t-1})},this)},_resize:function(t){this._transitionEnd(t)}}),p().MaptilerLayer,p().maptilerLayer=function(t){return new(p()).MaptilerLayer(t)},p().maptilerLayer,p().MaptilerStyle={},Object.keys(s.Gj).forEach(t=>{p().MaptilerStyle[t]=s.Gj[t]}),p().MaptilerStyle,p().MaptilerStyle,p().maptilerStyle=p().MaptilerStyle,p().MaptilerLanguage={},Object.keys(s.TM).forEach(t=>{p().MaptilerLanguage[t]=s.TM[t]}),c=p().MaptilerLanguage,p().MaptilerLanguage,p().maptilerLanguage=p().MaptilerLanguage}catch(t){}let u={id:"clusters",type:"circle",source:"markers",filter:["has","point_count"],paint:{"circle-color":["step",["get","point_count"],"#CFAF7F",100,"#CFAF7F",750,"#CFAF7F"],"circle-radius":["step",["get","point_count"],15,100,20,750,25],"circle-stroke-color":"rgba(207, 175, 127, 0.6)","circle-stroke-width":5}},m={id:"cluster-count",type:"symbol",source:"markers",filter:["has","point_count"],layout:{"text-field":"{point_count_abbreviated}","text-font":["DIN Offc Pro Medium","Arial Unicode MS Bold"],"text-size":14},paint:{"text-color":"#ffffff"}},h={id:"unclustered-point",type:"symbol",source:"markers",filter:["!",["has","point_count"]],layout:{"icon-image":"custom-marker"}},d=(0,a.memo)(function(t){let{coordinates:e,markers:i,main:l,project:p}=t,d=(0,o.useRouter)(),_=(0,a.useRef)(null),g=(0,a.useRef)(null);s.$W.apiKey="w7XxvcKQcka3sA2VWHYz",(0,a.useEffect)(()=>{g.current&&g.current.setLanguage("uk"===d.locale?c.UKRAINIAN:"en"===d.locale?c.ENGLISH:c.RUSSIAN)},[g,d.locale]);let f=i.map(t=>{let e;return{type:"Feature",geometry:{type:"Point",coordinates:[t.bounds.lng,t.bounds.lat]},properties:{description:(e=t.address,'\n    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="30" viewBox="0 0 74 88" fill="none" class="icon">\n      <circle cx="38" cy="38" r="14.5" fill="white"/>\n      <path fill-rule="evenodd" clip-rule="evenodd" d="M0.251465 36.9612C0.251465 17.058 16.7613 0.970947 36.7317 0.970947C56.7584 0.970947 73.2683 17.058 73.2683 36.9612C73.2683 46.9908 69.6476 56.302 63.6881 64.1941C57.1136 72.8996 49.0102 80.4845 39.889 86.4382C37.8015 87.8141 35.9175 87.9179 33.6264 86.4382C24.4533 80.4845 16.3499 72.8996 9.8317 64.1941C3.86787 56.302 0.251465 46.9908 0.251465 36.9612ZM24.7088 38.0819C24.7088 44.7495 30.1096 49.9936 36.7317 49.9936C43.3582 49.9936 48.811 44.7495 48.811 38.0819C48.811 31.4662 43.3582 25.9669 36.7317 25.9669C30.1096 25.9669 24.7088 31.4662 24.7088 38.0819Z" fill="url(#paint0_linear_245_1899)"/>\n      <defs>\n        <linearGradient id="paint0_linear_245_1899" x1="0.251465" y1="0.970947" x2="73.2683" y2="0.970947" gradientUnits="userSpaceOnUse">\n          <stop stop-color="#A96F44"/>\n          <stop offset="1" stop-color="#EFDC97"/>\n        </linearGradient>\n      </defs>\n    </svg>\n    <div\n      class=\''.concat(!p?"info link-hover":"info","'\n    >

1\n      <span>\n        ").concat(e||"","\n        ").concat(p||l?"":'<svg\n            width="15"\n            height="15"\n            viewBox="25 25 10 10"\n            fill="none"\n            xmlns="http://www.w3.org/2000/svg"\n            class="icon-link"\n          >\n            <path d="M31.4747 29.9992L27.799 33.3987C27.4003 33.7674 27.4003 34.361 27.799 34.7235C28.1976 35.0922 28.8395 35.0922 29.2314 34.7235L32.9071 31.324C33.6976 30.5929 33.6976 29.4056 32.9071 28.6744L29.2314 25.275C29.0355 25.0937 28.772 25 28.5152 25C28.2314 25 27.9476 25.1125 27.7382 25.3312C27.3868 25.7124 27.4679 26.2935 27.8463 26.6497L31.4747 29.9992Z" fill="#CFAF7F"></path>\n          </svg>',"\n      </span>\n    </div>")),slug:t.slug||"",address:t.address}}}),y=new s.zD({closeButton:!l,closeOnClick:!l});return(0,a.useEffect)(()=>{if(g.current){if(!g.current.loaded())return;let t=g.current.getSource("markers");if(t&&t.setData({type:"FeatureCollection",features:f}),i.length){let{center:t,zoom:n}=(0,r.q)(l?e:i,l);g.current.flyTo({center:t,zoom:n,speed:.8,essential:!0})}return}if(i.length){let{center:t,zoom:n}=(0,r.q)(l?e:i,l);g.current=new s.T5({container:_.current,center:null!=t?t:[30.5440949,50.4092871],style:s.Gj.STREETS,zoom:l?10:n})}else g.current=new s.T5({container:_.current,center:[30.5440949,50.4092871],style:s.Gj.STREETS,zoom:10});g.current.on("load",()=>{g.current.addSource("markers",{type:"geojson",data:{type:"FeatureCollection",features:f},cluster:!0,clusterMaxZoom:15,clusterRadius:70});let t=new Image(25,30);if(t.onload=()=>{g.current.addImage("custom-marker",t)},t.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent('\n    <svg xmlns="http://www.w3.org/2000/svg" width="74" height="88" viewBox="0 0 74 88" fill="none">\n      <circle cx="38" cy="38" r="14.5" fill="white"/>\n      <path fill-rule="evenodd" clip-rule="evenodd" d="M0.251465 36.9612C0.251465 17.058 16.7613 0.970947 36.7317 0.970947C56.7584 0.970947 73.2683 17.058 73.2683 36.9612C73.2683 46.9908 69.6476 56.302 63.6881 64.1941C57.1136 72.8996 49.0102 80.4845 39.889 86.4382C37.8015 87.8141 35.9175 87.9179 33.6264 86.4382C24.4533 80.4845 16.3499 72.8996 9.8317 64.1941C3.86787 56.302 0.251465 46.9908 0.251465 36.9612ZM24.7088 38.0819C24.7088 44.7495 30.1096 49.9936 36.7317 49.9936C43.3582 49.9936 48.811 44.7495 48.811 38.0819C48.811 31.4662 43.3582 25.9669 36.7317 25.9669C30.1096 25.9669 24.7088 31.4662 24.7088 38.0819Z" fill="#cfaf7f"/>\n    </svg>\n    '),g.current.addLayer(u),g.current.addLayer(m),g.current.addLayer(h),g.current.on("click","clusters",async t=>{if(t){let e=g.current.queryRenderedFeatures(t.point,{layers:["clusters"]}),i=e[0].properties.cluster_id,n=await g.current.getSource("markers").getClusterExpansionZoom(i);g.current.flyTo({center:e[0].geometry.coordinates,zoom:n})}}),g.current.on("mouseenter","clusters",()=>{g.current.getCanvas().style.cursor="pointer"}),g.current.on("mouseleave","clusters",()=>{g.current.getCanvas().style.cursor=""}),l)g.current.on("mouseenter","unclustered-point",t=>{let e=t.features[0].geometry.coordinates.slice(),i=t.features[0].properties.description;t.features[0].properties.address&&y.setLngLat(e).setHTML(i).addTo(g.current),y.setMaxWidth("max-content")}),g.current.on("mouseleave","unclustered-point",()=>{g.current.getCanvas().style.cursor="",y.remove()});else{let t;g.current.on("click","unclustered-point",e=>{let i=e.features[0].geometry.coordinates.slice(),n=e.features[0].properties.description;t=e.features[0].properties.slug,y.setLngLat(i).setHTML(n).addTo(g.current),y.setMaxWidth("270px")}),y.on("open",()=>{let e=document.querySelector(".maplibregl-popup-content");e&&e.querySelector(".info").addEventListener("click",()=>{var e;(e=t)&&!p&&d.push("/object/"+e)})})}})},[e]),(0,n.jsx)("div",{ref:_,style:{width:"100%",height:"100%",borderRadius:"30px",zIndex:"0"}})})}}]);