https://www.axcapital.ae/ax/AxMapFIlter.d9ed8c0a.js

1import{d as m,E as w,F as _,q as f,G as b,H as C,I as G,J as y,o as h,e as B}from"./entry.d2c51150.js";import{_ as F}from"./_plugin-vue_export-helper.c27b6911.js";const A=m({__name:"AxMapFIlter",props:{ne:{},sw:{},clusters:{},reset:{type:Function}},emits:["update:ne","update:sw"],setup(v,{emit:s}){const r=v,g=w(),n=_(null),d=_(null),p=f(()=>r.clusters),a=f(()=>[[+(+r.ne.split(",")[0]).toFixed(7),+(+r.ne.split(",")[1]).toFixed(7)],[+(+r.sw.split(",")[0]).toFixed(7),+(+r.sw.split(",")[1]).toFixed(7)]]),x=e=>{n.value=e;const t=r.clusters;e.fitBounds(a.value),e.addSource("propertiesGeo",{type:"geojson",cluster:!0,data:t,clusterMaxZoom:14,clusterRadius:50}),e.addLayer({id:"clusters",type:"circle",source:"propertiesGeo",filter:["has","point_count"],paint:{"circle-color":["step",["get","point_count"],"#F9CDB6",100,"#DD8C69",750,"#f28cb1"],"circle-radius":["step",["get","point_count"],20,100,30,750,40]}}),e.addLayer({id:"cluster-count",type:"symbol",source:"propertiesGeo",filter:["has","point_count"],layout:{"text-field":"{point_count_abbreviated}","text-font":["DIN Offc Pro Medium","Arial Unicode MS Bold"],"text-size":12}}),e.addLayer({id:"unclustered-point",type:"circle",source:"propertiesGeo",filter:["!",["has","point_count"]],paint:{"circle-color":"red","circle-radius":4,"circle-stroke-width":1,"circle-stroke-color":"#fff"}}),e.on("zoomend",o=>{if(o.originalEvent){const[c,i]=e.getBounds().toArray();s("update:sw",c.join(",")),s("update:ne",i.join(","))}}),e.on("click","clusters",o=>{const c=e.queryRenderedFeatures(o.point,{layers:["clusters"]}),i=c[0].properties.cluster_id;e.getSource("propertiesGeo").getClusterExpansionZoom(i,(u,l)=>{u||e.easeTo({center:c[0].geometry.coordinates,duration:1400,zoom:l})}),setTimeout(()=>{const[u,l]=e.getBounds().toArray();s("update:sw",u.join(",")),s("update:ne",l.join(","))},1500)}),e.on("dragend",o=>{if(o.originalEvent){const[c,i]=e.getBounds().toArray();s("update:sw",c.join(",")),s("update:ne",i.join(","))}}),e.on("mouseenter","clusters",()=>{e.getCanvas().style.cursor="pointer"}),e.on("mouseleave","clusters",()=>{e.getCanvas().style.cursor=""}),e.dragRotate.disable(),e.touchZoomRotate.disableRotation()};return b(async()=>{const e=(await C(()=>import("./mapbox-gl.b12c9a02.js").then(o=>o.m),["./mapbox-gl.b12c9a02.js","./entry.d2c51150.js","./entry.8b0e72da.css"],import.meta.url)).default;e.accessToken=g.public.MAP_BOX_ACCESS_TOKEN;const t=new e.Map({container:d.value||"",style:"https://osm.axcapital.ae/styles/streets/style.json",center:[55.2670392519757,25.042276113086437],zoom:9.5,maxZoom:17,minZoom:5,cooperativeGestures:!0,attributionControl:!0,trackResize:!0});t==null||t.on("load",()=>x(t))}),G(async()=>{var e;await((e=n.value)==null?void 0:e.remove())}),y(a,()=>n.value&&n.value.fitBounds(a.value,{animate:!0,duration:1500,padding:{top:-1,bottom:-1,left:-1,right:-1}})),y(p,()=>{var e;n.value&&((e=n.value)==null?void 0:e.getSource("propertiesGeo")).setData(p.value)}),(e,t)=>(h(),B("div",{ref_key:"mapContainer",ref:d,class:"map-container h-full"},null,512))}});const I=F(A,[["__scopeId","data-v-b0490dc0"]]);export{I as default};