@opengis/gis 0.2.110 → 0.2.111
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/dist/index.css +1 -1
- package/dist/index.js +452 -451
- package/dist/index.umd.cjs +8 -8
- package/module/gis/select/layer_list.sql +7 -0
- package/package.json +75 -75
package/dist/index.umd.cjs
CHANGED
|
@@ -204,8 +204,8 @@
|
|
|
204
204
|
* This source code is licensed under the ISC license.
|
|
205
205
|
* See the LICENSE file in the root directory of this source tree.
|
|
206
206
|
*/const _t=Ee("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),ra={class:"flex items-center justify-center col-span-3 gap-2"},la={class:"flex justify-end p-[20px] gap-[10px] border-t w-full"},aa=e.defineComponent({__name:"vs-datatable-controls",props:e.mergeModels({index:{},data:{},scheme:{}},{columns:{type:Array,default:()=>[]},columnsModifiers:{}}),emits:["update:columns"],setup(t){const n=e.defineAsyncComponent(()=>import("@opengis/form")),o=e.defineAsyncComponent(()=>import("@opengis/core").then(x=>x.VsModal)),r=t,l=e.useModel(t,"columns"),s=e.ref(!1),a=e.ref({}),i=e.ref({...r.data||{}});e.watch(()=>r.data,x=>{i.value={...x||{}}},{deep:!0});const f=()=>l.value=l.value.filter((x,u)=>u!==r.index),m=async()=>{const x=a.value.validate();if(x){he.notify({type:"warning",title:"Validation",message:Object.entries(x).map(([u,h])=>`${u}: ${h}`).join(`
|
|
207
|
-
`)});return}l.value[r.index]=i.value,s.value=!1};return(x,u)=>(e.openBlock(),e.createElementBlock("div",ra,[e.createElementVNode("button",{onClick:u[0]||(u[0]=h=>{s.value=!0}),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground h-8 w-8 rounded-full hover:bg-gray-100"},[e.createVNode(e.unref(Do),{class:"w-4 h-4"})]),e.createElementVNode("button",{onClick:f,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-8 w-8 rounded-full hover:bg-red-100 text-red-600 hover:text-red-700"},[e.createVNode(e.unref(na),{class:"w-4 h-4"})]),e.createVNode(e.unref(o),{teleport:"#modal",size:"lg",visible:s.value,"onUpdate:visible":u[4]||(u[4]=h=>s.value=h),title:"Редагувати поле"},{footer:e.withCtx(()=>[e.createElementVNode("div",la,[e.createElementVNode("button",{type:"button",class:"py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border border-gray-200 rounded-lg hover:bg-gray-100 duration-300",onClick:u[3]||(u[3]=h=>s.value=!1)}," Скасувати "),e.createElementVNode("button",{class:"py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300",onClick:m}," Зберегти ")])]),default:e.withCtx(()=>[e.createVNode(e.unref(n),{values:i.value,"onUpdate:values":u[1]||(u[1]=h=>i.value=h),schema:t.scheme,form:a.value,"onUpdate:form":u[2]||(u[2]=h=>a.value=h)},null,8,["values","schema","form"])]),_:1},8,["visible"])]))}}),sa={mounted(t){setTimeout(()=>{t.scrollWidth>t.clientWidth?t.setAttribute("title",t.textContent):t.removeAttribute("title")})},updated(t){setTimeout(()=>{t.scrollWidth>t.clientWidth?t.setAttribute("title",t.textContent):t.removeAttribute("title")})}},ia={array:"purple",boolean:"red",date:"red",datetime:"purple",number:"green",text:"blue",file:"yellow",select:"yellow",slug:"green",image:"blue",badge:"orange",title:"blue",features:"green",status:"red",tags:"yellow",category:"purple",check:"green",range:"orange",autocomplete:"yellow",other:"gray","yes/no":"green"},zo=t=>ia[t==null?void 0:t.toLowerCase()]||"gray",ca=["array","boolean","date","datetime","number","text","file","select","slug","image","badge","title","features","status","tags","category","check","range","autocomplete"],Io=t=>{var n;return ca.includes((n=t||"")==null?void 0:n.toLowerCase())},ye=(t,n)=>{const o=t.__vccOpts||t;for(const[r,l]of n)o[r]=l;return o},da={},ua={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-type",__v0_r:"0,5361,5384"};function pa(t,n){return e.openBlock(),e.createElementBlock("svg",ua,[...n[0]||(n[0]=[e.createElementVNode("polyline",{points:"4 7 4 4 20 4 20 7"},null,-1),e.createElementVNode("line",{x1:"9",x2:"15",y1:"20",y2:"20"},null,-1),e.createElementVNode("line",{x1:"12",x2:"12",y1:"4",y2:"20"},null,-1)])])}const ma=ye(da,[["render",pa]]),fa={},ga={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-hash",__v0_r:"0,5361,5384"};function ya(t,n){return e.openBlock(),e.createElementBlock("svg",ga,[...n[0]||(n[0]=[e.createElementVNode("line",{x1:"4",x2:"20",y1:"9",y2:"9"},null,-1),e.createElementVNode("line",{x1:"4",x2:"20",y1:"15",y2:"15"},null,-1),e.createElementVNode("line",{x1:"10",x2:"8",y1:"3",y2:"21"},null,-1),e.createElementVNode("line",{x1:"16",x2:"14",y1:"3",y2:"21"},null,-1)])])}const ha=ye(fa,[["render",ya]]),xa={},ba={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-calendar",__v0_r:"0,5361,5384"};function ka(t,n){return e.openBlock(),e.createElementBlock("svg",ba,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M8 2v4"},null,-1),e.createElementVNode("path",{d:"M16 2v4"},null,-1),e.createElementVNode("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2"},null,-1),e.createElementVNode("path",{d:"M3 10h18"},null,-1)])])}const wa=ye(xa,[["render",ka]]),_a={},Ea={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-calendar",__v0_r:"0,5361,5384"};function Na(t,n){return e.openBlock(),e.createElementBlock("svg",Ea,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M8 2v4"},null,-1),e.createElementVNode("path",{d:"M16 2v4"},null,-1),e.createElementVNode("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2"},null,-1),e.createElementVNode("path",{d:"M3 10h18"},null,-1)])])}const Ca=ye(_a,[["render",Na]]),Va={},Ba={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-code",__v0_r:"0,5361,5384"};function $a(t,n){return e.openBlock(),e.createElementBlock("svg",Ba,[...n[0]||(n[0]=[e.createElementVNode("polyline",{points:"16 18 22 12 16 6"},null,-1),e.createElementVNode("polyline",{points:"8 6 2 12 8 18"},null,-1)])])}const va=ye(Va,[["render",$a]]),Sa={},La={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-toggle-left",__v0_r:"0,5361,5384"};function Aa(t,n){return e.openBlock(),e.createElementBlock("svg",La,[...n[0]||(n[0]=[e.createElementVNode("rect",{width:"20",height:"12",x:"2",y:"6",rx:"6",ry:"6"},null,-1),e.createElementVNode("circle",{cx:"8",cy:"12",r:"2"},null,-1)])])}const Ma=ye(Sa,[["render",Aa]]),Ta={},Fa={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-file-text",__v0_r:"0,5361,5384"};function Da(t,n){return e.openBlock(),e.createElementBlock("svg",Fa,[...n[0]||(n[0]=[e.createStaticVNode('<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path>',5)])])}const za=ye(Ta,[["render",Da]]),Ia={},ja={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-image",__v0_r:"0,5361,5384"};function Pa(t,n){return e.openBlock(),e.createElementBlock("svg",ja,[...n[0]||(n[0]=[e.createElementVNode("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2"},null,-1),e.createElementVNode("circle",{cx:"9",cy:"9",r:"2"},null,-1),e.createElementVNode("path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"},null,-1)])])}const Ra=ye(Ia,[["render",Pa]]),Oa={},Ua={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-list",__v0_r:"0,5361,5384"};function qa(t,n){return e.openBlock(),e.createElementBlock("svg",Ua,[...n[0]||(n[0]=[e.createStaticVNode('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>',6)])])}const Ha=ye(Oa,[["render",qa]]),Wa={},Ya={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-list",__v0_r:"0,5361,5384"};function Za(t,n){return e.openBlock(),e.createElementBlock("svg",Ya,[...n[0]||(n[0]=[e.createStaticVNode('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>',6)])])}const Ga=ye(Wa,[["render",Za]]),Ka={},Xa={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-link2",__v0_r:"0,5361,5384"};function Qa(t,n){return e.openBlock(),e.createElementBlock("svg",Xa,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M9 17H7A5 5 0 0 1 7 7h2"},null,-1),e.createElementVNode("path",{d:"M15 7h2a5 5 0 1 1 0 10h-2"},null,-1),e.createElementVNode("line",{x1:"8",x2:"16",y1:"12",y2:"12"},null,-1)])])}const Ja=ye(Ka,[["render",Qa]]),es={},ts={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-list",__v0_r:"0,5361,5384"};function ns(t,n){return e.openBlock(),e.createElementBlock("svg",ts,[...n[0]||(n[0]=[e.createStaticVNode('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>',6)])])}const os=ye(es,[["render",ns]]),rs={},ls={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-link2",__v0_r:"0,5361,5384"};function as(t,n){return e.openBlock(),e.createElementBlock("svg",ls,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M9 17H7A5 5 0 0 1 7 7h2"},null,-1),e.createElementVNode("path",{d:"M15 7h2a5 5 0 1 1 0 10h-2"},null,-1),e.createElementVNode("line",{x1:"8",x2:"16",y1:"12",y2:"12"},null,-1)])])}const ss=ye(rs,[["render",as]]),is={},cs={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-list",__v0_r:"0,5361,5384"};function ds(t,n){return e.openBlock(),e.createElementBlock("svg",cs,[...n[0]||(n[0]=[e.createStaticVNode('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>',6)])])}const us=ye(is,[["render",ds]]),ps={},ms={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",height:"800px",width:"800px",version:"1.1",id:"_x32_",viewBox:"0 0 512 512","xml:space":"preserve"};function fs(t,n){return e.openBlock(),e.createElementBlock("svg",ms,[...n[0]||(n[0]=[e.createElementVNode("g",null,[e.createElementVNode("path",{class:"st0",d:"M511.989,292.396c0.021-16.486-6.344-33.136-18.945-45.703L273.605,27.242 C262.3,15.936,247.175,9.22,231.184,8.407L66.821,0.032l1.184,0.066C66.974,0.044,65.866,0,64.67,0 C47.58,0,31.105,6.783,18.944,18.955C6.783,31.106-0.001,47.58,0.011,64.67c0,1.076,0.034,2.172,0.078,3.27l8.297,163.254 c0.835,15.981,7.54,31.106,18.857,42.421l219.451,219.451c12.578,12.589,29.217,18.955,45.703,18.934 c16.496,0.021,33.124-6.356,45.703-18.934l154.956-154.945l-11.92-11.92l11.932,11.909 C505.645,325.521,512.011,308.881,511.989,292.396z M314.26,469.216c-6.08,6.08-13.895,9.044-21.864,9.067 c-7.969-0.023-15.783-2.986-21.864-9.067L51.082,249.765c-5.4-5.4-8.616-12.633-9.023-20.305L33.762,66.238l-0.034-1.569 c0-8.188,3.238-16.048,9.055-21.875c5.839-5.839,13.697-9.077,21.886-9.077l1.502,0.044l163.288,8.319 c7.683,0.396,14.904,3.6,20.305,9.012l219.45,219.45c6.059,6.069,9.033,13.884,9.056,21.853 c-0.023,7.968-2.986,15.794-9.067,21.886h0.011L314.26,469.216z"}),e.createElementVNode("path",{class:"st0",d:"M105.632,105.642c-15.366,15.378-15.366,40.27,0,55.636c15.366,15.366,40.259,15.366,55.625,0 c15.366-15.366,15.366-40.259,0-55.636C145.891,90.276,120.998,90.276,105.632,105.642z"})],-1)])])}const gs=ye(ps,[["render",fs]]),ys={},hs={xmlns:"http://www.w3.org/2000/svg",width:"800px",height:"800px",viewBox:"0 0 24 24",fill:"none"};function xs(t,n){return e.openBlock(),e.createElementBlock("svg",hs,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M3 12C3 4.5885 4.5885 3 12 3C19.4115 3 21 4.5885 21 12C21 19.4115 19.4115 21 12 21C4.5885 21 3 19.4115 3 12Z",stroke:"#323232","stroke-width":"2"},null,-1),e.createElementVNode("path",{d:"M9 12L10.6828 13.6828V13.6828C10.858 13.858 11.142 13.858 11.3172 13.6828V13.6828L15 10",stroke:"#323232","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])}const jo={IconText:ma,IconNumber:ha,IconDate:wa,IconDatetime:Ca,IconRichtext:va,IconBoolean:Ma,IconFile:za,IconImage:Ra,IconArray:Ha,IconSelect:Ga,IconSlug:Ja,IconDatalist:os,IconReference:ss,IconReferenceList:us,IconBadge:gs,IconCheck:ye(ys,[["render",xs]])},bs={key:0,class:"flex items-center justify-between mb-6"},ks={class:"flex justify-end w-full"},ws={class:"overflow-hidden bg-white border border-gray-200 shadow-sm rounded-xl flex flex-col flex-1 min-h-0"},_s={class:"table-scroll-wrapper flex-1 overflow-y-auto min-h-0"},Es={class:"table-fixed w-full text-[13px]"},Ns={class:"bg-gray-50 border-b border-gray-200"},Cs={key:0},Vs=["onDragstart","onDragover","onDrop"],Bs={key:0,class:"flex w-fit items-center gap-2 text-left"},$s={class:"flex-1 min-w-0"},vs={class:"font-medium text-gray-900 truncate"},Ss={class:"text-xs text-gray-500"},Ls={key:1,class:"flex items-center justify-center"},As={key:0,class:"inline-flex items-center px-2 py-1 h-fit text-[13px] font-medium rounded-md ring-1 ring-inset ring-gray-500/10 bg-gray-100"},Ms={key:1,class:"text-gray-500 text-sm"},Ts={key:3},Fs={class:"px-6 py-4"},Ds={key:1},zs=["colspan"],Et=ye(e.defineComponent({__name:"vs-datatable",props:e.mergeModels({columnsScheme:{},formScheme:{},addButton:{type:Boolean,default:!0},mainColWidth:{default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t,{expose:n}){function o(N){return N.charAt(0).toUpperCase()+N.slice(1)}const r=e.defineAsyncComponent(()=>import("@opengis/core").then(N=>N.VsModal)),l=e.defineAsyncComponent(()=>import("@opengis/form")),s=e.useModel(t,"modelValue"),a=t,i=e.ref({}),f=e.ref(!1),m=e.ref({}),x=e.ref(null),u=e.useSlots(),h=N=>!!(N&&u[N]);n({openCreateDialog:()=>{f.value=!0}});const c=e.computed({get(){return Array.isArray(s.value)?s.value:s.value&&Array.isArray(s.value.columns)?s.value.columns:[]},set(N){Array.isArray(s.value)?s.value=N:s.value&&Array.isArray(s.value.columns)&&(s.value.columns=N)}}),d=e.computed(()=>{const N=a.columnsScheme.map(E=>E.key);return N.includes("name")&&N.includes("label")||N.includes("id")&&N.includes("label")?[{key:"main",label:"Назва",type:"main",width:"100%"},...a.columnsScheme.filter(E=>!["name","id","label"].includes(E.key))]:a.columnsScheme});function y(){f.value=!1,m.value={},x.value=null}async function p(){const N=i.value.validate();if(N){he.notify({type:"warning",title:"Validation",message:Object.entries(N).map(([E,$])=>`${E}: ${$}`).join(`
|
|
208
|
-
`)});return}if(x.value===null)c.value=[...c.value,{...m.value}];else{const E=[...c.value];E[x.value]={...m.value},c.value=E}y()}const g=e.ref(null),k=e.ref(null),C=N=>{g.value=N},B=N=>{k.value=N},w=N=>{if(g.value===null||g.value===N){g.value=null,k.value=null;return}const E=[...c.value],[$]=E.splice(g.value,1);E.splice(N,0,$),c.value=E,g.value=null,k.value=null};return(N,E)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.addButton?(e.openBlock(),e.createElementBlock("div",bs,[e.createElementVNode("div",ks,[e.createElementVNode("button",{onClick:E[0]||(E[0]=$=>f.value=!0),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"},[...E[4]||(E[4]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-4 h-4 mr-2",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 4v16m8-8H4"})],-1),e.createTextVNode(" Додати поле ",-1)])])])])):e.createCommentVNode("",!0),e.createElementVNode("div",ws,[e.createElementVNode("div",_s,[e.createElementVNode("table",Es,[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,$=>(e.openBlock(),e.createElementBlock("col",{key:$.key,style:e.normalizeStyle($.type==="main"?`width: ${t.mainColWidth}`:$.width?`width: ${$.width}`:"auto")},null,4))),128)),E[5]||(E[5]=e.createElementVNode("col",null,null,-1))]),e.createElementVNode("thead",null,[e.createElementVNode("tr",Ns,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,$=>(e.openBlock(),e.createElementBlock("th",{key:$.key,class:"px-6 py-4"},e.toDisplayString($.label),1))),128)),E[6]||(E[6]=e.createElementVNode("th",{class:"px-6 py-4"},"Дії",-1))])]),c.value.length?(e.openBlock(),e.createElementBlock("tbody",Cs,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,($,M)=>(e.openBlock(),e.createElementBlock("tr",{key:$.id||$.name||M,class:e.normalizeClass(["transition-colors hover:bg-gray-50/50 cursor-move",{"opacity-50":g.value===M,"border-t-2 border-b-2 border-blue-500 bg-blue-50":k.value===M}]),draggable:"true",onDragstart:D=>C(M),onDragover:e.withModifiers(D=>B(M),["prevent"]),onDrop:D=>w(M)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,D=>(e.openBlock(),e.createElementBlock("td",{key:D.key,class:"px-6 py-4 align-middle text-center"},[D.type==="main"?(e.openBlock(),e.createElementBlock("div",Bs,[E[7]||(E[7]=e.createElementVNode("span",{class:"drag-handle cursor-move mr-2 text-gray-400"},"☰",-1)),e.unref(Io)($.format==="yes/no"?"check":$.format||$.type)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items-center justify-center p-1 rounded",`bg-${e.unref(zo)($.format==="yes/no"?"check":$.format||$.type)}-100`])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent($.format==="yes/no"?"icon-check":e.unref(jo)["Icon"+o($.format||$.type)]||e.unref(jo).IconText),{class:"w-4 h-4"}))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",$s,[e.withDirectives((e.openBlock(),e.createElementBlock("p",vs,[e.createTextVNode(e.toDisplayString($.name||$.id),1)])),[[e.unref(sa)]]),e.createElementVNode("p",Ss,e.toDisplayString($.ua||$.label||$.name||$.id),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[D.slot&&h(D.slot)?e.renderSlot(N.$slots,D.slot,{key:0,row:$,column:D,value:$[D.key],rowIndex:M},void 0,!0):D.type==="color"?(e.openBlock(),e.createElementBlock("div",Ls,[e.createElementVNode("div",{class:e.normalizeClass(["w-4 h-4 rounded-full align-middle",`bg-[${$[D.key]}]`])},null,2)])):["format","type","meta"].includes(D.key)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[$[D.key]?(e.openBlock(),e.createElementBlock("span",As,e.toDisplayString($[D.key]),1)):(e.openBlock(),e.createElementBlock("span",Ms,"Не вказано"))],64)):(e.openBlock(),e.createElementBlock("span",Ts,e.toDisplayString($[D.key]),1))],64))]))),128)),e.createElementVNode("td",Fs,[e.createVNode(aa,{columns:c.value,"onUpdate:columns":E[1]||(E[1]=D=>c.value=D),data:$,index:M,scheme:t.formScheme},null,8,["columns","data","index","scheme"])])],42,Vs))),128))])):(e.openBlock(),e.createElementBlock("tr",Ds,[e.createElementVNode("td",{colspan:d.value.length+1,class:"text-gray-500 text-center py-4"}," Поля не знайдені ",8,zs)]))])])]),e.createVNode(e.unref(r),{teleport:"#modal",title:"Створити поле",size:"lg",visible:f.value,"onUpdate:visible":E[3]||(E[3]=$=>f.value=$)},{footer:e.withCtx(()=>[e.createElementVNode("div",{class:"flex justify-end p-[20px] gap-[10px] border-t w-full"},[e.createElementVNode("button",{type:"button",onClick:y,class:"px-4 py-2 rounded bg-gray-100 text-gray-700"}," Скасувати "),e.createElementVNode("button",{type:"button",onClick:p,class:"px-4 py-2 rounded bg-blue-600 text-white"}," Зберегти1 ")])]),default:e.withCtx(()=>[e.createVNode(e.unref(l),{ref_key:"form",ref:i,modelValue:m.value,"onUpdate:modelValue":E[2]||(E[2]=$=>m.value=$),schema:t.formScheme},null,8,["modelValue","schema"])]),_:1},8,["visible"])],64))}}),[["__scopeId","data-v-25566600"]]),Is={class:"p-4 text-[13px]"},js={class:"grid grid-cols-2 gap-x-6 gap-y-2"},Ps=["id","checked","onChange"],Rs={class:"ml-2 flex-1 min-w-0 flex items-center gap-2"},Os={class:"font-medium text-gray-900 truncate"},Us={class:"text-xs text-gray-500"},qs={key:0,class:"text-xs text-[#B2C9D6]"},Hs={class:"flex justify-end gap-2 p-4 border-t w-full"},Dt=e.defineComponent({__name:"import-fields-dialog",props:e.mergeModels({fields:{default:()=>[]},title:{},idPrefix:{default:"import"},confirmText:{default:"Імпортувати"},cancelText:{default:"Скасувати"}},{visible:{type:Boolean,default:!1},visibleModifiers:{},selection:{default:[]},selectionModifiers:{}}),emits:e.mergeModels(["confirm","cancel"],["update:visible","update:selection"]),setup(t,{emit:n}){const o=e.useModel(t,"visible"),r=e.useModel(t,"selection"),l=t,s=n,a=e.defineAsyncComponent(()=>import("@opengis/core").then(C=>C.VsModal)),i=e.computed(()=>Array.isArray(l.fields)?l.fields.filter(Boolean):[]),f=C=>(C==null?void 0:C.name)??(C==null?void 0:C.id)??(C==null?void 0:C.key)??(C==null?void 0:C.code)??(C==null?void 0:C.field)??(C==null?void 0:C.value)??"",m=C=>String(f(C)??"").trim(),x=C=>(C==null?void 0:C.title)??(C==null?void 0:C.label)??m(C),u=C=>String((C==null?void 0:C.type)??"").trim(),h=e.computed(()=>new Set(r.value.map(C=>String(C??"").trim()))),c=C=>h.value.has(m(C)),d=C=>{const B=m(C);if(!B)return;const w=new Set(h.value);w.has(B)?w.delete(B):w.add(B),r.value=Array.from(w)},y=e.computed(()=>l.confirmText||"Імпортувати"),p=e.computed(()=>l.cancelText||"Скасувати"),g=()=>{o.value=!1,s("cancel")},k=()=>{s("confirm"),o.value=!1};return(C,B)=>(e.openBlock(),e.createBlock(e.unref(a),{visible:o.value,"onUpdate:visible":B[0]||(B[0]=w=>o.value=w),teleport:"#modal",title:t.title,size:"lg"},{footer:e.withCtx(()=>[e.createElementVNode("div",Hs,[e.createElementVNode("button",{onClick:g,class:"px-4 py-2 rounded bg-gray-100 text-gray-700"},e.toDisplayString(p.value),1),e.createElementVNode("button",{onClick:k,class:"px-4 py-2 rounded bg-blue-600 text-white"},e.toDisplayString(y.value),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",Is,[e.createElementVNode("div",js,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,w=>(e.openBlock(),e.createElementBlock("label",{key:m(w),class:"flex items-center hover:bg-gray-100 rounded p-2 cursor-pointer"},[e.createElementVNode("input",{type:"checkbox",id:`${t.idPrefix}-${m(w)}`,checked:c(w),onChange:N=>d(w)},null,40,Ps),e.createElementVNode("div",Rs,[e.unref(Io)(w.type)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`bg-${e.unref(zo)(w.type)}-100 p-1 rounded`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`icon-${w.type}`),{class:"w-4 h-4"}))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("p",Os,e.toDisplayString(m(w)),1),e.createElementVNode("p",Us,e.toDisplayString(x(w)),1),u(w)?(e.openBlock(),e.createElementBlock("p",qs,e.toDisplayString(u(w)),1)):e.createCommentVNode("",!0)])])]))),128))])])]),_:1},8,["visible","title"]))}});function zt(t){return t==null?"":String(t).trim()}function Nt(t){return zt((t==null?void 0:t.name)??(t==null?void 0:t.id)??(t==null?void 0:t.key)??(t==null?void 0:t.code)??(t==null?void 0:t.field)??(t==null?void 0:t.value)??"")}function It(t,n,o){const r=Array.isArray(t)?[...t]:[],l=Array.isArray(n)?n:[],{selectedKeys:s,resolveKey:a}=o,i=new Set;for(const u of s){const h=zt(u);h&&i.add(h)}if(i.size===0)return[];const f=u=>zt(a(u)),m=[],x=new Set;for(const u of r){const h=f(u);!h||!i.has(h)||(m.push(u),x.add(h))}for(const u of l){const h=f(u);!h||x.has(h)||!i.has(h)||(m.push(u),x.add(h))}return m}const Ws={class:"vs-form"},Ys={class:"vs-form__body auto-rows-max container"},Zs={class:"flex flex-wrap"},Gs={class:"h-fit w-full mb-6 bg-white border border-gray-200 rounded-lg p-6"},Ks={class:"h-fit w-full flex flex-wrap"},Xs={class:"w-full"},Qs=e.defineComponent({__name:"list-tab",props:e.mergeModels({fields:{}},{data:{default:{}},dataModifiers:{},form:{},formModifiers:{}}),emits:["update:data","update:form"],setup(t){const n=e.useModel(t,"data"),o=e.useModel(t,"form"),r=t,l=e.computed(()=>Array.isArray(r.fields)?r.fields:[]),s=k=>Nt(k||{}),a=e.defineAsyncComponent(()=>import("@opengis/form")),i=e.ref(),f=e.ref(!1),m=e.ref([]),x=()=>{const k=h.value.map(C=>s(C)).filter(C=>C.length>0);m.value=[...k],f.value=!0},u=e.computed(()=>{var k,C;return((k=n.value)==null?void 0:k.token)||((C=n.value)==null?void 0:C.id)||"register-form"}),h=e.computed({get:()=>(n.value||(n.value={}),Array.isArray(n.value.columns)||(n.value.columns=[]),n.value.columns),set:k=>{n.value||(n.value={}),n.value.columns=Array.isArray(k)?k:[]}}),c=e.computed({get:()=>n.value||{},set:k=>{var B;const C=Array.isArray((B=n.value)==null?void 0:B.columns)?n.value.columns:[];n.value={...n.value,...k,columns:C}}});e.watch(()=>i.value,k=>{o.value=k||null},{immediate:!0}),e.watch(f,k=>{k||(m.value=[])});const d=()=>{const k=new Set(m.value.map(w=>zt(w)).filter(w=>w.length>0)),C=Array.isArray(h.value)?[...h.value]:[],B=l.value.filter(w=>k.has(s(w))).map(w=>{const N=s(w),E=w.title??w.label??N;return{...w,name:N,label:E,type:w.type||"text",meta:w.meta??"features"}});h.value=It(C,B,{selectedKeys:m.value,resolveKey:s}),f.value=!1,m.value=[]},y={table_name:{type:"select",label:"Таблиця",required:!0,data:"pg.table_name",placeholder:"Таблиця в БД",validators:["required"],col:6},name:{type:"text",label:"Назва",required:!0,placeholder:"Назва",validators:["required"],col:6},query:{type:"text",label:"Умова",placeholder:"Умова",col:6},order:{type:"text",label:"Сортування",placeholder:"Сортування",col:6},description:{type:"textarea",label:"Опис",placeholder:"Опис",col:12}},p=[{key:"name",label:"Name",type:"text"},{key:"label",label:"Назва",type:"text"},{key:"meta",label:"Мета",type:"text"}],g={name:{type:"text",label:"Назва колонки",validators:["required"],disabled:!0},ua:{type:"text",label:"Назва",validators:["required"]},format:{type:"radio",label:"Формат",position:"horizontal",options:[{text:"Text",id:"text"},{text:"Number",id:"number"},{text:"Date",id:"date"},{text:"File",id:"file"},{text:"Select",id:"select"},{text:"Badge",id:"badge"},{text:"Tags",id:"tags"}],validators:["required"]},is_export:{type:"switcher",label:"Експорт",info:"Чи експортувати дані колонки?",view:"switcher"},meta:{type:"combobox",label:"Мета",mode:"combo",options:[{text:"Title",id:"title"},{text:"Features",id:"features"},{text:"Status",id:"status"},{text:"Tags",id:"tags"},{text:"Category",id:"category"},{text:"Image",id:"image"}]},data:{type:"select",label:"Класифікатор",data:"admin.cls.name",conditions:["format","in",["select","badge","tags"]]}};return e.onBeforeUnmount(()=>{o.value=null}),(k,C)=>(e.openBlock(),e.createElementBlock("div",Ws,[e.createElementVNode("div",Ys,[e.createElementVNode("div",Zs,[e.createElementVNode("div",Gs,[(e.openBlock(),e.createBlock(e.unref(a),{ref_key:"formEl",ref:i,key:u.value,schema:y,modelValue:c.value,"onUpdate:modelValue":C[0]||(C[0]=B=>c.value=B)},null,8,["modelValue"]))]),e.createElementVNode("div",Ks,[e.createElementVNode("div",{class:"flex justify-end mb-3 gap-2 w-full"},[e.createElementVNode("button",{onClick:x,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"},[...C[4]||(C[4]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2",class:"mr-1"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"})],-1),e.createTextVNode(" Імпорт ",-1)])])]),e.createElementVNode("div",Xs,[e.createVNode(Et,{modelValue:h.value,"onUpdate:modelValue":C[1]||(C[1]=B=>h.value=B),"columns-scheme":p,"form-scheme":g,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])])])])]),e.createVNode(Dt,{visible:f.value,"onUpdate:visible":C[2]||(C[2]=B=>f.value=B),selection:m.value,"onUpdate:selection":C[3]||(C[3]=B=>m.value=B),fields:l.value,title:"Імпорт колонок","id-prefix":"import-column",onConfirm:d},null,8,["visible","selection","fields"])]))}}),Js={class:"vs-form"},ei={class:"vs-form__body auto-rows-max container"},ti={class:"flex flex-wrap"},ni={class:"h-fit w-full flex flex-wrap"},oi={class:"w-full"},ri=e.defineComponent({__name:"filter-tab",props:e.mergeModels({fields:{}},{data:{default:{}},dataModifiers:{},form:{},formModifiers:{}}),emits:["update:data","update:form"],setup(t){const n=e.useModel(t,"data"),o=e.useModel(t,"form"),r=t,l=e.computed(()=>Array.isArray(r.fields)?r.fields:[]),s=c=>Nt(c||{}),a=e.ref(!1),i=e.ref([]),f=()=>{const c=m.value.map(d=>s(d)).filter(d=>d.length>0);i.value=[...c],a.value=!0},m=e.computed({get:()=>(n.value||(n.value={}),Array.isArray(n.value.filters)||(n.value.filters=[]),n.value.filters),set:c=>{n.value||(n.value={}),n.value.filters=Array.isArray(c)?c:[]}});e.watch(a,c=>{c||(i.value=[])});const x=()=>{const c=new Set(i.value.map(p=>zt(p)).filter(p=>p.length>0)),d=Array.isArray(m.value)?[...m.value]:[],y=l.value.filter(p=>c.has(s(p))).map(p=>({name:s(p),label:p.title??p.label??s(p),type:p.type||"text"}));m.value=It(d,y,{selectedKeys:i.value,resolveKey:s}),a.value=!1,i.value=[]},u=[{key:"id",label:"Name"},{key:"label",label:"Назва"},{key:"type",label:"Тип"}],h={name:{type:"text",label:"Назва колонки",validators:["required"],disabled:!0},ua:{type:"text",label:"Назва",validators:["required"]},type:{type:"radio",label:"Тип",validators:["required"],position:"horizontal",options:[{text:"Check",id:"Check"},{text:"Range",id:"Range"},{text:"Date",id:"Date"},{text:"Text",id:"Text"},{text:"Select",id:"Select"}]},hidden:{label:"Приховати",type:"Switcher"},data:{type:"select",label:"Класифікатор",data:"admin.cls.name",conditions:["type","in",["select","autocomplete","check"]]}};return e.onBeforeUnmount(()=>{o.value=null}),(c,d)=>(e.openBlock(),e.createElementBlock("div",Js,[e.createElementVNode("div",ei,[e.createElementVNode("div",ti,[d[4]||(d[4]=e.createElementVNode("div",{class:"h-fit w-full flex flex-wrap mb-6 px-2"},[e.createElementVNode("p",{class:"text-sm text-gray-600"}," Налаштуйте фільтри реєстру. Оберіть поля для імпорту або відредагуйте властивості вручну. ")],-1)),e.createElementVNode("div",ni,[e.createElementVNode("div",{class:"flex justify-end mb-3 gap-2 w-full"},[e.createElementVNode("button",{onClick:f,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"},[...d[3]||(d[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2",class:"mr-1"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"})],-1),e.createTextVNode(" Імпорт ",-1)])])]),e.createElementVNode("div",oi,[e.createVNode(Et,{modelValue:m.value,"onUpdate:modelValue":d[0]||(d[0]=y=>m.value=y),"columns-scheme":u,"form-scheme":h,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])])])])]),e.createVNode(Dt,{visible:a.value,"onUpdate:visible":d[1]||(d[1]=y=>a.value=y),selection:i.value,"onUpdate:selection":d[2]||(d[2]=y=>i.value=y),fields:l.value,title:"Імпорт фільтрів","id-prefix":"import-filter",onConfirm:x},null,8,["visible","selection","fields"])]))}}),li={class:"vs-form"},ai={class:"vs-form__body auto-rows-max container"},si={class:"flex flex-wrap"},ii={class:"h-fit w-full flex flex-wrap"},ci={class:"w-full"},di=e.defineComponent({__name:"card-tab",props:e.mergeModels({fields:{}},{data:{default:{}},dataModifiers:{},form:{},formModifiers:{}}),emits:["update:data","update:form"],setup(t){const n=e.useModel(t,"data"),o=e.useModel(t,"form"),r=t,l=e.computed(()=>Array.isArray(r.fields)?r.fields:[]),s=c=>Nt(c||{}),a=e.ref(!1),i=e.ref([]),f=()=>{const c=m.value.map(d=>s(d)).filter(d=>d.length>0);i.value=[...c],a.value=!0},m=e.computed({get:()=>n.value.card,set:c=>{n.value||(n.value={}),n.value.card=Array.isArray(c)?c:[]}});e.watch(a,c=>{var d;if(c){const y=((d=m.value)==null?void 0:d.map(p=>p.name))||[];i.value=[...y]}});const x=()=>{const c=new Set(i.value.map(p=>zt(p)).filter(p=>p.length>0)),d=Array.isArray(m.value)?[...m.value]:[],y=l.value.filter(p=>c.has(s(p))).map(p=>{const g=s(p),k=p.title??p.label??g;return{...p,name:g,label:k,format:p.format||p.type||"text",meta:p.meta||"title"}});m.value=It(d,y,{selectedKeys:i.value,resolveKey:s}),a.value=!1,i.value=[]},u=[{key:"name",label:"Name",type:"text"},{key:"label",label:"Назва",type:"text"},{key:"format",label:"Формат",type:"text"}],h={name:{type:"text",label:"Назва колонки",validators:["required"],disabled:!0},ua:{type:"text",label:"Назва",validators:["required"]},format:{type:"radio",label:"Формат",position:"horizontal",options:[{text:"Text",id:"text"},{text:"Number",id:"number"},{text:"Date",id:"date"},{text:"File",id:"file"},{text:"Select",id:"select"},{text:"Badge",id:"badge"},{text:"Tags",id:"tags"}],validators:["required"]},data:{type:"text",label:"Класифікатор",conditions:["format","in",["select","badge","tags"]]}};return e.onBeforeUnmount(()=>{o.value=null}),(c,d)=>(e.openBlock(),e.createElementBlock("div",li,[e.createElementVNode("div",ai,[e.createElementVNode("div",si,[d[4]||(d[4]=e.createElementVNode("div",{class:"h-fit w-full flex flex-wrap mb-6 px-2"},[e.createElementVNode("p",{class:"text-sm text-gray-600"}," Налаштуйте відображення картки. Оберіть потрібні поля та відредагуйте їхні властивості. ")],-1)),e.createElementVNode("div",ii,[e.createElementVNode("div",{class:"flex justify-end mb-3 gap-2 w-full"},[e.createElementVNode("button",{onClick:f,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"},[...d[3]||(d[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2",class:"mr-1"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"})],-1),e.createTextVNode(" Імпорт ",-1)])])]),e.createElementVNode("div",ci,[e.createVNode(Et,{modelValue:m.value,"onUpdate:modelValue":d[0]||(d[0]=y=>m.value=y),"columns-scheme":u,"form-scheme":h,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])])])])]),e.createVNode(Dt,{visible:a.value,"onUpdate:visible":d[1]||(d[1]=y=>a.value=y),selection:i.value,"onUpdate:selection":d[2]||(d[2]=y=>i.value=y),fields:l.value,title:"Імпорт полів картки","id-prefix":"import-card",onConfirm:x},null,8,["visible","selection","fields"])]))}}),ui=["","січня","лютого","березня","квітня","травня","червня","липня","серпня","вересня","жовтня","листопада","грудня"];function Kt(t){if(!t)return"";const[n,o]=t.split(" ");if(!n)return t;const[r,l,s]=n.split("-");if(!r||!l||!s)return t;const a=parseInt(l,10),i=ui[a]||l;let f=`${parseInt(s,10)} ${i} ${r}`;if(o){const m=o.split(".")[0],[x,u,h]=m.split(":");x&&u&&h?f+=`, ${x}:${u}:${h}`:x&&u?f+=`, ${x}:${u}`:x&&(f+=`, ${x}`)}return f}function Xt(t,n={dateStyle:"short"}){if(t==null||t==="")return"";const o=new Date(t);return Number.isNaN(o.getTime())?"":new Intl.DateTimeFormat(void 0,n).format(o)}const pi={class:"flex flex-col md:flex-row md:justify-between lg:flex-row lg:justify-between p-3 md:p-3.5 lg:p-4 pb-2 bg-slate-50 gap-3 md:gap-3.5 lg:gap-4"},mi={class:"flex flex-col gap-2 md:flex-row md:items-center md:justify-between md:gap-3 lg:flex-row lg:items-center lg:justify-between lg:gap-0"},fi={class:"flex flex-col gap-2 md:flex-row md:items-center"},gi={class:"text-base md:text-base lg:text-lg font-bold line-clamp-2"},yi={key:0,class:"flex flex-wrap items-center gap-1 md:gap-1.5 lg:gap-2 md:ml-2 lg:ml-2"},hi={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground whitespace-nowrap","data-v0-t":"badge"},xi={key:0,class:"flex flex-wrap items-center gap-1 md:gap-1.5 lg:gap-2"},bi={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground whitespace-nowrap"},ki={class:"p-3 md:p-3.5 lg:p-4 pt-2"},wi={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-2 md:gap-2.5 lg:gap-3 text-sm"},_i={class:"text-gray-500 shrink-0 md:max-w-[50%]"},Ei={class:"font-medium flex flex-wrap gap-1"},Ni={class:"items-center p-3 bg-slate-50 flex flex-col md:flex-row justify-end gap-2"},Ci=["href"],Vi=["href"],Po=e.defineComponent({__name:"template-1",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=u=>(u==null?void 0:u.service_id)&&(u==null?void 0:u.is_map)&&u[n.id_key]&&(u==null?void 0:u.geom),l=e.computed(()=>n.columns.find(u=>u.meta==="title")),s=e.computed(()=>n.columns.filter(u=>u.meta==="category")),a=e.computed(()=>n.columns.filter(u=>u.meta==="tags")),i=e.computed(()=>n.columns.filter(u=>u.meta!=="title")),f=(u,h)=>{if(h)return u[h]},m=u=>{const h=f(u,n.id_key);return`${n.path}?id=${h}`},x=(u,h)=>{const c=f(u,n.id_key);return`/map?layers=${h}&info=${h},${c}`};return(u,h)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,c=>{var d,y,p;return e.openBlock(),e.createElementBlock("div",{key:c.id,class:"rounded-lg border bg-card text-card-foreground overflow-hidden border-none shadow-md relative","data-v0-t":"card"},[e.createElementVNode("div",pi,[e.createElementVNode("div",mi,[e.createElementVNode("div",fi,[e.createElementVNode("h2",gi,e.toDisplayString(c[`${(d=l.value)==null?void 0:d.name}_text`]||c[(y=l.value)==null?void 0:y.name]||c[(p=l.value)==null?void 0:p.label]||"Не вказано"),1),Array.isArray(s.value)&&s.value.length?(e.openBlock(),e.createElementBlock("div",yi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g.name},[c[g.name]?(e.openBlock(),e.createElementBlock("div",hi,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)])]),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",xi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g.name},[c[g.name]?(e.openBlock(),e.createElementBlock("span",bi,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",ki,[e.createElementVNode("div",wi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>{var k;return e.openBlock(),e.createElementBlock("div",{key:g.name,class:"flex flex-col md:flex-row md:items-center lg:flex-row lg:items-center gap-1 md:gap-1.5 lg:gap-1.5"},[e.createElementVNode("span",_i,e.toDisplayString((g==null?void 0:g.ua)||g.label||g.name)+": ",1),e.createElementVNode("span",Ei,[Array.isArray(c[g==null?void 0:g.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c[(g==null?void 0:g.name)+"_text"]||c[g==null?void 0:g.name],(C,B)=>(e.openBlock(),e.createElementBlock("span",{key:B,class:"bg-gray-100 px-2 py-0 border-[0.01rem] border-gray-300 rounded-lg whitespace-nowrap"},e.toDisplayString(C),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):g.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((k=c[(g==null?void 0:g.name)+"_data"])==null?void 0:k.text)||c[(g==null?void 0:g.name)+"_text"]||c[g==null?void 0:g.name]||"Немає даних"),1)],64))],64))])])}),128))])]),e.createElementVNode("div",Ni,[!t.hideDetailsButton&&r(c)?(e.openBlock(),e.createElementBlock("a",{key:0,href:x(c,c==null?void 0:c.service_id),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"},[...h[0]||(h[0]=[e.createTextVNode(" На карті ",-1),e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-map-pin-check-inside ml-1 h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"}),e.createElementVNode("path",{d:"m9 10 2 2 4-4"})],-1)])],8,Ci)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:m(c),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"},[...h[1]||(h[1]=[e.createTextVNode(" Детальніше ",-1),e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-arrow-right ml-1 h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M5 12h14"}),e.createElementVNode("path",{d:"m12 5 7 7-7 7"})],-1)])],8,Vi))])])}),128))}}),Bi={class:"p-0"},$i={class:"border-l-4 border-l-slate-400"},vi={class:"p-4"},Si={class:"flex flex-wrap items-center gap-2 mb-3"},Li={class:"text-lg font-bold"},Ai={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-green-100 text-green-800 hover:bg-green-100","data-v0-t":"badge"},Mi={key:1,class:"flex"},Ti={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold border-transparent bg-gray-100 text-gray-800"},Fi={class:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 text-sm border-t pt-3"},Di={class:"text-xs text-gray-500 mb-1"},zi={class:"font-medium"},Ii={class:"flex justify-end gap-2 mt-3 border-t pt-3"},ji=["href"],Pi=["href"],Ro=e.defineComponent({__name:"template-2",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=u=>(u==null?void 0:u.service_id)&&(u==null?void 0:u.is_map)&&u[n.id_key]&&(u==null?void 0:u.geom),l=e.computed(()=>n.columns.find(u=>u.meta==="title")),s=e.computed(()=>n.columns.filter(u=>u.meta==="category")),a=e.computed(()=>n.columns.filter(u=>u.meta==="tags")),i=e.computed(()=>n.columns.filter(u=>u.meta!=="title")),f=(u,h)=>{if(h)return u[h]},m=u=>{const h=f(u,n.id_key);return`${n.path}?id=${h}`},x=(u,h)=>{const c=f(u,n.id_key);return`/map?layers=${h}&info=${h},${c}`};return(u,h)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,c=>{var d,y,p;return e.openBlock(),e.createElementBlock("div",{key:c.id,class:"rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden","data-v0-t":"card"},[e.createElementVNode("div",Bi,[e.createElementVNode("div",$i,[e.createElementVNode("div",vi,[e.createElementVNode("div",Si,[e.createElementVNode("h2",Li,e.toDisplayString(c[`${(d=l.value)==null?void 0:d.name}_text`]||c[(y=l.value)==null?void 0:y.name]||c[(p=l.value)==null?void 0:p.label]||"Не вказано"),1),Array.isArray(s.value)&&s.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g.name},[c[g.name]?(e.openBlock(),e.createElementBlock("div",Ai,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",Mi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.name,class:"flex flex-wrap gap-1 ml-2"},[c[g.name]?(e.openBlock(),e.createElementBlock("span",Ti,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Fi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>{var k;return e.openBlock(),e.createElementBlock("div",{key:g.name},[e.createElementVNode("p",Di,e.toDisplayString(g.ua),1),e.createElementVNode("p",zi,[Array.isArray(c[g==null?void 0:g.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c[g==null?void 0:g.name],(C,B)=>(e.openBlock(),e.createElementBlock("span",{key:B,class:"bg-gray-200 px-1 py-0.5 rounded-lg mr-1"},e.toDisplayString(C),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):g.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((k=c[(g==null?void 0:g.name)+"_data"])==null?void 0:k.text)||c[(g==null?void 0:g.name)+"_text"]||c[g==null?void 0:g.name]||"Немає даних"),1)],64))],64))])])}),128))]),e.createElementVNode("div",Ii,[!t.hideDetailsButton&&r(c)?(e.openBlock(),e.createElementBlock("a",{key:0,href:x(c,c==null?void 0:c.service_id),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"},[...h[0]||(h[0]=[e.createTextVNode(" На карті ",-1),e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-map-pin-check-inside ml-1 h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"}),e.createElementVNode("path",{d:"m9 10 2 2 4-4"})],-1)])],8,ji)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:m(c),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"},[...h[1]||(h[1]=[e.createTextVNode(" Детальніше ",-1),e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-external-link ml-1 h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M15 3h6v6"}),e.createElementVNode("path",{d:"M10 14 21 3"}),e.createElementVNode("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"})],-1)])],8,Pi))])])])])])}),128))}}),Ri={class:"space-y-4"},Oi={class:"flex flex-col lg:flex-row lg:items-center py-2 px-2 lg:px-3"},Ui={class:"flex-1"},qi={class:"grid grid-cols-1 lg:grid-cols-12 gap-2 w-full text-xs"},Hi={class:"col-span-1 lg:col-span-4"},Wi={class:"flex items-start"},Yi={class:"flex flex-col"},Zi={class:"font-bold text-xs lg:text-sm"},Gi={key:0,class:"flex flex-wrap gap-1 mt-1"},Ki={key:0,class:"inline-flex items-center rounded-full bg-secondary text-secondary-foreground text-[9px] lg:text-[10px] px-1.5 py-0"},Xi={key:1,class:"flex flex-wrap gap-1 mt-1"},Qi={key:0,class:"inline-flex items-center rounded-full bg-gray-100 text-gray-800 text-[10px] lg:text-xs px-2 py-0.5 font-semibold"},Ji={class:"col-span-1 lg:col-span-7 mt-2 lg:mt-0"},ec={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 lg:gap-3"},tc={class:"text-[9px] lg:text-[10px] text-gray-500 mb-1"},nc={class:"truncate font-medium text-xs lg:text-sm"},oc={class:"flex items-center justify-center gap-2 mt-3 lg:mt-0"},rc=["href"],lc=["href"],Oo=e.defineComponent({__name:"template-3",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=h=>(h==null?void 0:h.service_id)&&(h==null?void 0:h.is_map)&&h[n.id_key]&&(h==null?void 0:h.geom),l=e.computed(()=>n.columns.find(h=>h.meta==="title")),s=e.computed(()=>n.columns.filter(h=>h.meta==="category")),a=e.computed(()=>n.columns.filter(h=>h.meta==="tags")),i=e.computed(()=>n.columns.filter(h=>h.meta!=="title")),f=e.computed(()=>"bg-blue-500"),m=(h,c)=>{if(c)return h[c]},x=h=>{const c=m(h,n.id_key);return`${n.path}?id=${c}`},u=(h,c)=>{const d=m(h,n.id_key);return`/map?layers=${c}&info=${c},${d}`};return(h,c)=>(e.openBlock(),e.createElementBlock("div",Ri,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,d=>{var y,p,g;return e.openBlock(),e.createElementBlock("div",{key:d.id,class:"border-b border-slate-200 hover:bg-slate-50 transition-colors"},[e.createElementVNode("div",Oi,[e.createElementVNode("div",Ui,[e.createElementVNode("div",qi,[e.createElementVNode("div",Hi,[e.createElementVNode("div",Wi,[e.createElementVNode("div",{class:e.normalizeClass(["w-1 h-6 lg:h-8 rounded-full mr-2 lg:mr-3 mt-1",f.value])},null,2),e.createElementVNode("div",Yi,[e.createElementVNode("p",Zi,e.toDisplayString(d[`${(y=l.value)==null?void 0:y.name}_text`]||d[(p=l.value)==null?void 0:p.name]||d[(g=l.value)==null?void 0:g.label]||"Не вказано"),1),Array.isArray(s.value)&&s.value.length?(e.openBlock(),e.createElementBlock("div",Gi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,k=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:k.name},[d[k.name]?(e.openBlock(),e.createElementBlock("span",Ki,e.toDisplayString(d[`${k.name}_text`]||d[k.name]),1)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",Xi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,k=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:k.name},[d[k.name]?(e.openBlock(),e.createElementBlock("span",Qi,e.toDisplayString(d[`${k.name}_text`]||d[k.name]),1)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",Ji,[e.createElementVNode("div",ec,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,k=>{var C;return e.openBlock(),e.createElementBlock("div",{key:k.name},[e.createElementVNode("p",tc,e.toDisplayString(k.ua),1),e.createElementVNode("p",nc,[Array.isArray(d[k.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(d[k.name],(B,w)=>(e.openBlock(),e.createElementBlock("span",{key:w,class:"bg-gray-200 px-1 py-0.5 rounded-lg mr-1 text-[10px] lg:text-xs"},e.toDisplayString(B),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[k.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(d[k.name])||"Немає даних"),1)],64)):k.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(d[k.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((C=d[k.name+"_data"])==null?void 0:C.text)||d[k.name+"_text"]||d[k.name]||"Немає даних"),1)],64))],64))])])}),128))])])])]),e.createElementVNode("div",oc,[!t.hideDetailsButton&&r(d)?(e.openBlock(),e.createElementBlock("a",{key:0,href:u(d,d.service_id),class:"inline-flex items-center justify-center gap-2 text-xs lg:text-sm font-medium hover:bg-accent hover:text-accent-foreground h-8 lg:h-9 rounded-md px-2 lg:px-3"},[...c[0]||(c[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3 w-3 lg:h-3.5 lg:w-3.5"},[e.createElementVNode("path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"}),e.createElementVNode("path",{d:"m9 10 2 2 4-4"})],-1)])],8,rc)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:x(d),class:"flex items-center justify-center hover:bg-accent hover:text-accent-foreground rounded-md h-8 w-8 lg:h-7 lg:w-7"},[...c[1]||(c[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3.5 w-3.5 lg:h-4 lg:w-4"},[e.createElementVNode("path",{d:"m9 18 6-6-6-6"})],-1)])],8,lc))])])])}),128))]))}}),ac={class:"flex flex-col space-y-1.5 p-6 pb-2"},sc={class:"flex items-center gap-2 flex-wrap"},ic={class:"tracking-tight text-lg font-medium"},cc={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-blue-100 text-blue-800 ml-2","data-v0-t":"badge"},dc={key:1,class:"flex"},uc={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold border-transparent bg-gray-100 text-gray-800"},pc={class:"p-6 pt-0 pb-4"},mc={class:"grid grid-cols-1 md:grid-cols-2 gap-4"},fc={class:"text-sm text-gray-500"},gc={class:"font-medium"},yc={class:"flex items-center p-6 pt-0 gap-2"},hc=["href"],xc=["href"],Uo=e.defineComponent({__name:"template-4",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=u=>(u==null?void 0:u.service_id)&&(u==null?void 0:u.is_map)&&u[n.id_key]&&(u==null?void 0:u.geom),l=e.computed(()=>n.columns.find(u=>u.meta==="title")),s=e.computed(()=>n.columns.filter(u=>u.meta==="category")),a=e.computed(()=>n.columns.filter(u=>u.meta==="tags")),i=e.computed(()=>n.columns.filter(u=>u.meta!=="title")),f=(u,h)=>{if(h)return u[h]},m=u=>{const h=f(u,n.id_key);return`${n.path}?id=${h}`},x=(u,h)=>{const c=f(u,n.id_key);return`/map?layers=${h}&info=${h},${c}`};return(u,h)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,c=>{var d,y,p;return e.openBlock(),e.createElementBlock("div",{key:c.id,class:"rounded-lg border bg-card text-card-foreground shadow-sm border-l-4 border-l-blue-600","data-v0-t":"card"},[e.createElementVNode("div",ac,[e.createElementVNode("div",sc,[e.createElementVNode("h3",ic,e.toDisplayString(c[`${(d=l.value)==null?void 0:d.name}_text`]||c[(y=l.value)==null?void 0:y.name]||c[(p=l.value)==null?void 0:p.label]||"Не вказано"),1),Array.isArray(s.value)&&s.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g.name},[c[g.name]?(e.openBlock(),e.createElementBlock("div",cc,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",dc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.name,class:"flex flex-wrap gap-1 ml-2"},[c[g.name]?(e.openBlock(),e.createElementBlock("span",uc,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",pc,[e.createElementVNode("div",mc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>{var k;return e.openBlock(),e.createElementBlock("div",{key:g.name},[e.createElementVNode("p",fc,e.toDisplayString(g.ua),1),e.createElementVNode("p",gc,[Array.isArray(c[g==null?void 0:g.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c[g==null?void 0:g.name],(C,B)=>(e.openBlock(),e.createElementBlock("span",{key:B,class:"bg-gray-200 px-1 py-0.5 rounded-lg mr-1"},e.toDisplayString(C),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):g.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((k=c[(g==null?void 0:g.name)+"_data"])==null?void 0:k.text)||c[(g==null?void 0:g.name)+"_text"]||c[g==null?void 0:g.name]||"Немає даних"),1)],64))],64))])])}),128))])]),e.createElementVNode("div",yc,[!t.hideDetailsButton&&r(c)?(e.openBlock(),e.createElementBlock("a",{key:0,href:x(c,c==null?void 0:c.service_id),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border bg-background h-10 px-4 py-2 rounded-md text-black border-black hover:bg-gray-100 hover:text-black"}," На карті ",8,hc)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:m(c),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border bg-background h-10 px-4 py-2 rounded-md text-black border-black hover:bg-gray-100 hover:text-black"}," Детальніше ",8,xc))])])}),128))}}),bc={class:"grid grid-cols-1 lg:grid-cols-12 lg:divide-x divide-y lg:divide-y-0 divide-gray-100"},kc={key:0,class:"w-full lg:w-auto lg:col-span-1"},wc=["src"],_c={key:1,class:"hidden lg:flex lg:col-span-1 items-center justify-center py-4 lg:py-0"},Ec={class:"col-span-1 lg:col-span-7 p-4 lg:p-4"},Nc={class:"flex flex-col mb-3 lg:flex-row lg:items-center lg:mb-1"},Cc={class:"text-base lg:text-base font-bold text-gray-900 mb-2 lg:mr-2 lg:mb-0"},Vc={class:"flex flex-wrap gap-2 lg:gap-0"},Bc={key:0,class:"inline-flex items-center rounded-full px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-primary/80 bg-blue-100 text-blue-800 border-0 text-xs lg:ml-2"},$c={class:"text-sm text-gray-600 line-clamp-2 lg:line-clamp-1 mb-3 lg:mb-2"},vc={class:"grid grid-cols-1 md:grid-cols-2 gap-y-3 md:gap-x-4 md:gap-y-1 text-sm"},Sc={class:"flex items-center mb-1 md:mb-0 md:mr-1 max-w-[50%]"},Lc=["innerHTML"],Ac={class:"text-gray-500 font-medium md:font-normal"},Mc={class:"text-gray-600 break-words line-clamp-2"},Tc={class:"col-span-1 lg:col-span-2 p-4 lg:p-3 bg-gray-50 flex flex-col justify-center border-t lg:border-t-0 lg:border-l border-gray-100"},Fc={class:"text-xs text-gray-500 mb-2 lg:mb-1.5"},Dc={key:0,class:"flex flex-wrap gap-1.5 lg:gap-1"},zc={key:0,class:"inline-flex items-center rounded-full font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-secondary/80 bg-white border border-gray-200 text-gray-700 text-xs px-2 py-0.5 lg:px-1.5 lg:py-0"},Ic={class:"col-span-1 lg:col-span-2 flex flex-col justify-center items-stretch lg:items-center bg-gray-50 border-t lg:border-t-0 lg:border-l border-gray-100 p-4 lg:p-2"},jc={class:"w-full space-y-2"},Pc=["href"],Rc=["href"],qo=e.defineComponent({__name:"template-5",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=c=>(c==null?void 0:c.service_id)&&(c==null?void 0:c.is_map)&&c[n.id_key]&&(c==null?void 0:c.geom),l=e.computed(()=>n.columns.find(c=>c.meta==="title")),s=e.computed(()=>n.columns.filter(c=>c.meta==="category")),a=e.computed(()=>n.columns.filter(c=>c.meta==="tags")),i=e.computed(()=>n.columns.filter(c=>c.meta!=="title")),f=e.computed(()=>n.columns.find(c=>c.meta==="image")),m=e.computed(()=>n.columns.find(c=>c.meta==="desc")||n.columns.find(c=>c.name==="description")),x=(c,d)=>{if(d)return c[d]},u=c=>{const d=x(c,n.id_key);return`${n.path}?id=${d}`},h=(c,d)=>{const y=x(c,n.id_key);return`/map?layers=${d}&info=${d},${y}`};return(c,d)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,y=>{var p,g,k,C,B,w,N,E,$;return e.openBlock(),e.createElementBlock("div",{key:y.id,class:"bg-white border border-gray-200 rounded-lg overflow-hidden transition-all duration-200 hover:shadow-md"},[e.createElementVNode("div",bc,[f.value?(e.openBlock(),e.createElementBlock("div",kc,[y[(p=f.value)==null?void 0:p.name]?(e.openBlock(),e.createElementBlock("img",{key:0,src:y[(g=f.value)==null?void 0:g.name],alt:"image",class:"object-cover w-full h-48 lg:h-full lg:w-auto"},null,8,wc)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",_c,[...d[0]||(d[0]=[e.createElementVNode("div",{class:"w-3 h-12 rounded-sm bg-blue-500",title:"Пріоритет: Високий","aria-hidden":"true"},null,-1)])])),e.createElementVNode("div",Ec,[e.createElementVNode("div",Nc,[e.createElementVNode("h3",Cc,e.toDisplayString(y[`${(k=l.value)==null?void 0:k.name}_text`]||y[(C=l.value)==null?void 0:C.name]||y[(B=l.value)==null?void 0:B.label]||"Не вказано"),1),e.createElementVNode("div",Vc,[Array.isArray(s.value)&&s.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.value,M=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:M.name},[y[M.name]?(e.openBlock(),e.createElementBlock("div",Bc,e.toDisplayString(y[`${M.name}_text`]||y[M.name]),1)):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0)])]),e.createElementVNode("p",$c,e.toDisplayString(((N=y[((w=m.value)==null?void 0:w.name)+"_data"])==null?void 0:N.text)||y[((E=m.value)==null?void 0:E.name)+"_text"]||y[($=m.value)==null?void 0:$.name]),1),e.createElementVNode("div",vc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,M=>{var D;return e.openBlock(),e.createElementBlock("div",{key:M.name,class:"flex flex-col md:flex-row md:items-center"},[e.createElementVNode("div",Sc,[M.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:"mr-1 flex-shrink-0",innerHTML:M.icon},null,8,Lc)):e.createCommentVNode("",!0),e.createElementVNode("span",Ac,e.toDisplayString((M==null?void 0:M.ua)||M.label||M.name)+":",1)]),e.createElementVNode("span",Mc,[Array.isArray(y[M==null?void 0:M.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(y[M==null?void 0:M.name],(W,K)=>(e.openBlock(),e.createElementBlock("span",{key:K,class:"bg-gray-200 px-1 py-0.5 rounded-lg mr-1 inline-block"},e.toDisplayString(W),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[M.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(y[M==null?void 0:M.name])||"Немає даних"),1)],64)):M.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(y[M==null?void 0:M.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((D=y[(M==null?void 0:M.name)+"_data"])==null?void 0:D.text)||y[(M==null?void 0:M.name)+"_text"]||y[M==null?void 0:M.name]||"Немає даних"),1)],64))],64))])])}),128))])]),e.createElementVNode("div",Tc,[e.createElementVNode("p",Fc," Теги: "+e.toDisplayString(a.value.length&&y[a.value[0].name]?"":"відсутні"),1),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",Dc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,M=>(e.openBlock(),e.createElementBlock("div",{key:M.name,class:"flex flex-wrap gap-1"},[y[M.name]?(e.openBlock(),e.createElementBlock("span",zc,e.toDisplayString(y[`${M.name}_text`]||y[M.name]),1)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ic,[e.createElementVNode("div",jc,[!t.hideDetailsButton&&r(y)?(e.openBlock(),e.createElementBlock("a",{key:0,href:h(y,y==null?void 0:y.service_id),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-md px-3 w-full bg-blue-600 hover:bg-blue-700 text-white text-xs h-8"}," На карті ",8,Pc)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:u(y),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-md px-3 w-full bg-blue-600 hover:bg-blue-700 text-white text-xs h-8"}," Детальніше ",8,Rc))])])])])}),128))}}),Ho={template1:Po,template2:Ro,template3:Oo,template4:Uo,template5:qo},Oc={class:"space-y-4"},Uc={class:"flex items-center gap-4 bg-white border border-gray-200 rounded-lg px-6 py-4"},qc={class:"text-lg font-semibold mb-4"},Hc={class:"bg-white"},Wc={key:1,class:"text-gray-400 text-center py-12"},Yc={key:2,class:"text-gray-400 text-center py-12"},Zc=e.defineComponent({__name:"preview-tab",props:e.mergeModels({hideDetailsButton:{type:Boolean,default:!1}},{data:{default:{}},dataModifiers:{}}),emits:["update:data"],setup(t){const n=e.defineAsyncComponent(()=>import("@opengis/form")),o=e.useModel(t,"data"),r=[{text:"template1",id:"template1"},{text:"template2",id:"template2"},{text:"template3",id:"template3"},{text:"template4",id:"template4"},{text:"template5",id:"template5"}],l={view:{type:"radio",label:"Вигляд",position:"horizontal",required:!0,options:r,col:12}},s=e.computed(()=>{var x;return Array.isArray((x=o.value)==null?void 0:x.columns)?o.value.columns:[]}),a=e.computed(()=>{var x;return((x=o.value)==null?void 0:x.view)||"template1"}),i=e.computed(()=>Ho[a.value]||Ho.template1),f=e.computed(()=>{var h;const x=(h=o.value)==null?void 0:h.view;if(!x)return"template1";const u=r.find(c=>c.id===x);return(u==null?void 0:u.text)||x}),m=e.computed(()=>(Array.isArray(o.value.tableData)?o.value.tableData:[]).slice(0,5).map(u=>{var h,c;return{...u,service_id:(h=o.value)==null?void 0:h.service_id,is_map:(c=o.value)==null?void 0:c.is_map}}));return(x,u)=>(e.openBlock(),e.createElementBlock("div",Oc,[e.createElementVNode("div",Uc,[(e.openBlock(),e.createBlock(e.unref(n),{key:o.value.id,schema:l,modelValue:o.value,"onUpdate:modelValue":u[0]||(u[0]=h=>o.value=h)},null,8,["modelValue"]))]),e.createElementVNode("h2",qc," Превʼю таблиці ("+e.toDisplayString(f.value)+") ",1),e.createElementVNode("div",Hc,[i.value&&m.value.length&&s.value.length?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{items:m.value,columns:s.value,path:"#",id_key:"id","hide-details-button":t.hideDetailsButton,key:a.value},null,8,["items","columns","hide-details-button"])):m.value.length?(e.openBlock(),e.createElementBlock("div",Yc," Додайте колонки та виберіть вигляд для перегляду ")):(e.openBlock(),e.createElementBlock("div",Wc," Немає даних для превʼю "))])]))}}),Gc={class:"relative h-full flex flex-col flex-1 min-h-0 overflow-hidden mx-auto w-full"},Kc={class:"mx-1"},Xc={class:"text-gray-900 font-semibold"},Qc={class:"w-full flex-shrink-0 mb-6 px-[24px]"},Jc={class:"flex items-center w-full h-10 max-w-md grid-cols-3 p-1 bg-white border border-gray-200 rounded-md text-muted-foreground"},ed=["onClick"],td={class:"flex-1 min-h-0 overflow-y-auto px-[24px]"},nd=e.defineComponent({__name:"register",props:{hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=Fe.useRoute(),o=Fe.useRouter(),r=e.computed(()=>n.path.replace(/\/[^/]+$/,"")),l=e.computed(()=>{var y;return((y=o.resolve(r.value).meta)==null?void 0:y.title)??""}),s=e.ref("list"),a=e.ref(""),i=[{name:"Список",id:"list"},{name:"Фільтри",id:"filters"},{name:"Картка",id:"card"},{name:"Перегляд",id:"preview"}],f={list:Qs,filters:ri,card:di,preview:Zc},m=i.map(y=>y.id),x=e.ref({columns:[],filters:[],card:[],tableData:[]}),u=e.ref([]),h=async()=>{var p;if(!((p=x.value)==null?void 0:p.token)){he.notify({type:"error",title:"Помилка",message:"Відсутній токен для збереження"});return}try{const g=await fetch(`/api/gis-registry/${n.params.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(x.value)});if(!g.ok)throw new Error(`Failed to save content: ${g.status}`);he.notify({type:"success",title:"Успіх",message:"Контент збережено"})}catch(g){he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти контент"}),console.error(g)}},c=async y=>{try{const g=await(await fetch(`/api/gis-registry/${y}`)).json(),k=Array.isArray(g==null?void 0:g.rows)?g.rows:[];x.value.tableData=k.slice(0,3)}catch(p){console.error("Помилка завантаження превʼю:",p)}},d=async()=>{var y,p;try{const k=await(await fetch(`/api/data/gis.registers.table/${n.params.id}`)).json(),C=((y=k==null?void 0:k.rows)==null?void 0:y[0])||{};a.value=C.register_key||"",x.value={...C,columns:Array.isArray(C.columns)?C.columns:[],filters:Array.isArray(C.filters)?C.filters:[],card:Array.isArray(C.card)?C.card:[],tableData:Array.isArray(C.tableData)?C.tableData:[]},(p=k==null?void 0:k.tokens)!=null&&p.edit&&(x.value.token=k.tokens.edit),u.value=Array.isArray(k==null?void 0:k.fields)?k.fields:[]}catch(g){console.error("Помилка завантаження даних:",g)}};return e.onMounted(async()=>{const y=n.query.tab;typeof y=="string"&&m.includes(y)&&(s.value=y),await d(),a.value&&await c(a.value)}),e.watch(s,y=>{n.query.tab!==y&&o.replace({query:{...n.query,tab:y}})}),e.watch(()=>n.query.tab,y=>{typeof y=="string"&&m.includes(y)&&s.value!==y&&(s.value=y)}),(y,p)=>{const g=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",Gc,[e.createVNode(Vo,{variant:"form",title:x.value.name},{breadcrumbs:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(g,{to:r.value,class:"text-gray-500 hover:text-gray-700"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value),1)]),_:1},8,["to"]),e.createElementVNode("span",Kc,[e.createVNode(e.unref(Rn),{size:16,class:"shrink-0"})])],64)):e.createCommentVNode("",!0),e.createElementVNode("span",Xc,e.toDisplayString(x.value.name),1)]),description:e.withCtx(()=>[...p[2]||(p[2]=[e.createTextVNode("Налаштування реєстру",-1)])]),actions:e.withCtx(()=>[e.createElementVNode("button",{onClick:p[0]||(p[0]=k=>e.unref(o).back()),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium border h-10 px-4 py-2 border-gray-300 text-gray-700 hover:bg-gray-50"}," Повернутися "),e.createElementVNode("button",{onClick:h,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-white rounded-md text-sm font-medium h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700"}," Зберегти ")]),_:1},8,["title"]),e.createElementVNode("div",Qc,[e.createElementVNode("div",Jc,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(i,k=>e.createElementVNode("button",{key:k.id,onClick:C=>s.value=k.id,class:e.normalizeClass(["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm data-[state=active]:bg-blue-50 data-[state=active]:text-blue-700 data-[state=active]:border-blue-200",k.id===s.value?"bg-blue-50 text-blue-700 border-blue-200":""])},e.toDisplayString(k.name),11,ed)),64))])]),e.createElementVNode("div",td,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f[s.value]),{data:x.value,"onUpdate:data":p[1]||(p[1]=k=>x.value=k),fields:u.value,"hide-details-button":t.hideDetailsButton,key:s.value},null,40,["data","fields","hide-details-button"]))])])}}});/*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */function Wo(t){return typeof t>"u"||t===null}function od(t){return typeof t=="object"&&t!==null}function rd(t){return Array.isArray(t)?t:Wo(t)?[]:[t]}function ld(t,n){var o,r,l,s;if(n)for(s=Object.keys(n),o=0,r=s.length;o<r;o+=1)l=s[o],t[l]=n[l];return t}function ad(t,n){var o="",r;for(r=0;r<n;r+=1)o+=t;return o}function sd(t){return t===0&&Number.NEGATIVE_INFINITY===1/t}var id=Wo,cd=od,dd=rd,ud=ad,pd=sd,md=ld,Ye={isNothing:id,isObject:cd,toArray:dd,repeat:ud,isNegativeZero:pd,extend:md};function Yo(t,n){var o="",r=t.reason||"(unknown reason)";return t.mark?(t.mark.name&&(o+='in "'+t.mark.name+'" '),o+="("+(t.mark.line+1)+":"+(t.mark.column+1)+")",!n&&t.mark.snippet&&(o+=`
|
|
207
|
+
`)});return}l.value[r.index]=i.value,s.value=!1};return(x,u)=>(e.openBlock(),e.createElementBlock("div",ra,[e.createElementVNode("button",{onClick:u[0]||(u[0]=h=>{s.value=!0}),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground h-8 w-8 rounded-full hover:bg-gray-100"},[e.createVNode(e.unref(Do),{class:"w-4 h-4"})]),e.createElementVNode("button",{onClick:f,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-8 w-8 rounded-full hover:bg-red-100 text-red-600 hover:text-red-700"},[e.createVNode(e.unref(na),{class:"w-4 h-4"})]),e.createVNode(e.unref(o),{teleport:"#modal",size:"lg",visible:s.value,"onUpdate:visible":u[4]||(u[4]=h=>s.value=h),title:"Редагувати поле"},{footer:e.withCtx(()=>[e.createElementVNode("div",la,[e.createElementVNode("button",{type:"button",class:"py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border border-gray-200 rounded-lg hover:bg-gray-100 duration-300",onClick:u[3]||(u[3]=h=>s.value=!1)}," Скасувати "),e.createElementVNode("button",{class:"py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300",onClick:m}," Зберегти ")])]),default:e.withCtx(()=>[e.createVNode(e.unref(n),{values:i.value,"onUpdate:values":u[1]||(u[1]=h=>i.value=h),schema:t.scheme,form:a.value,"onUpdate:form":u[2]||(u[2]=h=>a.value=h)},null,8,["values","schema","form"])]),_:1},8,["visible"])]))}}),sa={mounted(t){setTimeout(()=>{t.scrollWidth>t.clientWidth?t.setAttribute("title",t.textContent):t.removeAttribute("title")})},updated(t){setTimeout(()=>{t.scrollWidth>t.clientWidth?t.setAttribute("title",t.textContent):t.removeAttribute("title")})}},ia={array:"purple",boolean:"red",date:"red",datetime:"purple",number:"green",text:"blue",file:"yellow",select:"yellow",slug:"green",image:"blue",badge:"orange",title:"blue",features:"green",status:"red",tags:"yellow",category:"purple",check:"green",range:"orange",autocomplete:"yellow",other:"gray","yes/no":"green"},zo=t=>ia[t==null?void 0:t.toLowerCase()]||"gray",ca=["array","boolean","date","datetime","number","text","file","select","slug","image","badge","title","features","status","tags","category","check","range","autocomplete"],Io=t=>{var n;return ca.includes((n=t||"")==null?void 0:n.toLowerCase())},ye=(t,n)=>{const o=t.__vccOpts||t;for(const[r,l]of n)o[r]=l;return o},da={},ua={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-type",__v0_r:"0,5361,5384"};function pa(t,n){return e.openBlock(),e.createElementBlock("svg",ua,[...n[0]||(n[0]=[e.createElementVNode("polyline",{points:"4 7 4 4 20 4 20 7"},null,-1),e.createElementVNode("line",{x1:"9",x2:"15",y1:"20",y2:"20"},null,-1),e.createElementVNode("line",{x1:"12",x2:"12",y1:"4",y2:"20"},null,-1)])])}const ma=ye(da,[["render",pa]]),fa={},ga={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-hash",__v0_r:"0,5361,5384"};function ya(t,n){return e.openBlock(),e.createElementBlock("svg",ga,[...n[0]||(n[0]=[e.createElementVNode("line",{x1:"4",x2:"20",y1:"9",y2:"9"},null,-1),e.createElementVNode("line",{x1:"4",x2:"20",y1:"15",y2:"15"},null,-1),e.createElementVNode("line",{x1:"10",x2:"8",y1:"3",y2:"21"},null,-1),e.createElementVNode("line",{x1:"16",x2:"14",y1:"3",y2:"21"},null,-1)])])}const ha=ye(fa,[["render",ya]]),xa={},ba={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-calendar",__v0_r:"0,5361,5384"};function ka(t,n){return e.openBlock(),e.createElementBlock("svg",ba,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M8 2v4"},null,-1),e.createElementVNode("path",{d:"M16 2v4"},null,-1),e.createElementVNode("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2"},null,-1),e.createElementVNode("path",{d:"M3 10h18"},null,-1)])])}const wa=ye(xa,[["render",ka]]),_a={},Ea={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-calendar",__v0_r:"0,5361,5384"};function Na(t,n){return e.openBlock(),e.createElementBlock("svg",Ea,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M8 2v4"},null,-1),e.createElementVNode("path",{d:"M16 2v4"},null,-1),e.createElementVNode("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2"},null,-1),e.createElementVNode("path",{d:"M3 10h18"},null,-1)])])}const Ca=ye(_a,[["render",Na]]),Va={},Ba={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-code",__v0_r:"0,5361,5384"};function $a(t,n){return e.openBlock(),e.createElementBlock("svg",Ba,[...n[0]||(n[0]=[e.createElementVNode("polyline",{points:"16 18 22 12 16 6"},null,-1),e.createElementVNode("polyline",{points:"8 6 2 12 8 18"},null,-1)])])}const va=ye(Va,[["render",$a]]),Sa={},La={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-toggle-left",__v0_r:"0,5361,5384"};function Aa(t,n){return e.openBlock(),e.createElementBlock("svg",La,[...n[0]||(n[0]=[e.createElementVNode("rect",{width:"20",height:"12",x:"2",y:"6",rx:"6",ry:"6"},null,-1),e.createElementVNode("circle",{cx:"8",cy:"12",r:"2"},null,-1)])])}const Ma=ye(Sa,[["render",Aa]]),Ta={},Fa={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-file-text",__v0_r:"0,5361,5384"};function Da(t,n){return e.openBlock(),e.createElementBlock("svg",Fa,[...n[0]||(n[0]=[e.createStaticVNode('<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path>',5)])])}const za=ye(Ta,[["render",Da]]),Ia={},ja={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-image",__v0_r:"0,5361,5384"};function Pa(t,n){return e.openBlock(),e.createElementBlock("svg",ja,[...n[0]||(n[0]=[e.createElementVNode("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2"},null,-1),e.createElementVNode("circle",{cx:"9",cy:"9",r:"2"},null,-1),e.createElementVNode("path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"},null,-1)])])}const Ra=ye(Ia,[["render",Pa]]),Oa={},Ua={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-list",__v0_r:"0,5361,5384"};function qa(t,n){return e.openBlock(),e.createElementBlock("svg",Ua,[...n[0]||(n[0]=[e.createStaticVNode('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>',6)])])}const Ha=ye(Oa,[["render",qa]]),Wa={},Ya={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-list",__v0_r:"0,5361,5384"};function Za(t,n){return e.openBlock(),e.createElementBlock("svg",Ya,[...n[0]||(n[0]=[e.createStaticVNode('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>',6)])])}const Ga=ye(Wa,[["render",Za]]),Ka={},Xa={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-link2",__v0_r:"0,5361,5384"};function Qa(t,n){return e.openBlock(),e.createElementBlock("svg",Xa,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M9 17H7A5 5 0 0 1 7 7h2"},null,-1),e.createElementVNode("path",{d:"M15 7h2a5 5 0 1 1 0 10h-2"},null,-1),e.createElementVNode("line",{x1:"8",x2:"16",y1:"12",y2:"12"},null,-1)])])}const Ja=ye(Ka,[["render",Qa]]),es={},ts={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-list",__v0_r:"0,5361,5384"};function ns(t,n){return e.openBlock(),e.createElementBlock("svg",ts,[...n[0]||(n[0]=[e.createStaticVNode('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>',6)])])}const os=ye(es,[["render",ns]]),rs={},ls={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-link2",__v0_r:"0,5361,5384"};function as(t,n){return e.openBlock(),e.createElementBlock("svg",ls,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M9 17H7A5 5 0 0 1 7 7h2"},null,-1),e.createElementVNode("path",{d:"M15 7h2a5 5 0 1 1 0 10h-2"},null,-1),e.createElementVNode("line",{x1:"8",x2:"16",y1:"12",y2:"12"},null,-1)])])}const ss=ye(rs,[["render",as]]),is={},cs={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4 text-gray-700 lucide lucide-list",__v0_r:"0,5361,5384"};function ds(t,n){return e.openBlock(),e.createElementBlock("svg",cs,[...n[0]||(n[0]=[e.createStaticVNode('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>',6)])])}const us=ye(is,[["render",ds]]),ps={},ms={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",height:"800px",width:"800px",version:"1.1",id:"_x32_",viewBox:"0 0 512 512","xml:space":"preserve"};function fs(t,n){return e.openBlock(),e.createElementBlock("svg",ms,[...n[0]||(n[0]=[e.createElementVNode("g",null,[e.createElementVNode("path",{class:"st0",d:"M511.989,292.396c0.021-16.486-6.344-33.136-18.945-45.703L273.605,27.242 C262.3,15.936,247.175,9.22,231.184,8.407L66.821,0.032l1.184,0.066C66.974,0.044,65.866,0,64.67,0 C47.58,0,31.105,6.783,18.944,18.955C6.783,31.106-0.001,47.58,0.011,64.67c0,1.076,0.034,2.172,0.078,3.27l8.297,163.254 c0.835,15.981,7.54,31.106,18.857,42.421l219.451,219.451c12.578,12.589,29.217,18.955,45.703,18.934 c16.496,0.021,33.124-6.356,45.703-18.934l154.956-154.945l-11.92-11.92l11.932,11.909 C505.645,325.521,512.011,308.881,511.989,292.396z M314.26,469.216c-6.08,6.08-13.895,9.044-21.864,9.067 c-7.969-0.023-15.783-2.986-21.864-9.067L51.082,249.765c-5.4-5.4-8.616-12.633-9.023-20.305L33.762,66.238l-0.034-1.569 c0-8.188,3.238-16.048,9.055-21.875c5.839-5.839,13.697-9.077,21.886-9.077l1.502,0.044l163.288,8.319 c7.683,0.396,14.904,3.6,20.305,9.012l219.45,219.45c6.059,6.069,9.033,13.884,9.056,21.853 c-0.023,7.968-2.986,15.794-9.067,21.886h0.011L314.26,469.216z"}),e.createElementVNode("path",{class:"st0",d:"M105.632,105.642c-15.366,15.378-15.366,40.27,0,55.636c15.366,15.366,40.259,15.366,55.625,0 c15.366-15.366,15.366-40.259,0-55.636C145.891,90.276,120.998,90.276,105.632,105.642z"})],-1)])])}const gs=ye(ps,[["render",fs]]),ys={},hs={xmlns:"http://www.w3.org/2000/svg",width:"800px",height:"800px",viewBox:"0 0 24 24",fill:"none"};function xs(t,n){return e.openBlock(),e.createElementBlock("svg",hs,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M3 12C3 4.5885 4.5885 3 12 3C19.4115 3 21 4.5885 21 12C21 19.4115 19.4115 21 12 21C4.5885 21 3 19.4115 3 12Z",stroke:"#323232","stroke-width":"2"},null,-1),e.createElementVNode("path",{d:"M9 12L10.6828 13.6828V13.6828C10.858 13.858 11.142 13.858 11.3172 13.6828V13.6828L15 10",stroke:"#323232","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])}const jo={IconText:ma,IconNumber:ha,IconDate:wa,IconDatetime:Ca,IconRichtext:va,IconBoolean:Ma,IconFile:za,IconImage:Ra,IconArray:Ha,IconSelect:Ga,IconSlug:Ja,IconDatalist:os,IconReference:ss,IconReferenceList:us,IconBadge:gs,IconCheck:ye(ys,[["render",xs]])},bs={key:0,class:"flex items-center justify-between mb-6"},ks={class:"flex justify-end w-full"},ws={class:"overflow-hidden bg-white border border-gray-200 shadow-sm rounded-xl flex flex-col flex-1 min-h-0"},_s={class:"table-scroll-wrapper flex-1 overflow-y-auto min-h-0"},Es={class:"table-fixed w-full text-[13px]"},Ns={class:"bg-gray-50 border-b border-gray-200"},Cs={key:0},Vs=["onDragstart","onDragover","onDrop"],Bs={key:0,class:"flex w-fit items-center gap-2 text-left"},$s={class:"flex-1 min-w-0"},vs={class:"font-medium text-gray-900 truncate"},Ss={class:"text-xs text-gray-500"},Ls={key:1,class:"flex items-center justify-center"},As={key:0,class:"inline-flex items-center px-2 py-1 h-fit text-[13px] font-medium rounded-md ring-1 ring-inset ring-gray-500/10 bg-gray-100"},Ms={key:1,class:"text-gray-500 text-sm"},Ts={key:3},Fs={class:"px-6 py-4"},Ds={key:1},zs=["colspan"],Et=ye(e.defineComponent({__name:"vs-datatable",props:e.mergeModels({columnsScheme:{},formScheme:{},addButton:{type:Boolean,default:!0},mainColWidth:{default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t,{expose:n}){function o(N){return N.charAt(0).toUpperCase()+N.slice(1)}const r=e.defineAsyncComponent(()=>import("@opengis/core").then(N=>N.VsModal)),l=e.defineAsyncComponent(()=>import("@opengis/form")),s=e.useModel(t,"modelValue"),a=t,i=e.ref({}),f=e.ref(!1),m=e.ref({}),x=e.ref(null),u=e.useSlots(),h=N=>!!(N&&u[N]);n({openCreateDialog:()=>{f.value=!0}});const c=e.computed({get(){return Array.isArray(s.value)?s.value:s.value&&Array.isArray(s.value.columns)?s.value.columns:[]},set(N){Array.isArray(s.value)?s.value=N:s.value&&Array.isArray(s.value.columns)&&(s.value.columns=N)}}),d=e.computed(()=>{const N=a.columnsScheme.map(E=>E.key);return N.includes("name")&&N.includes("label")||N.includes("id")&&N.includes("label")?[{key:"main",label:"Назва",type:"main",width:"100%"},...a.columnsScheme.filter(E=>!["name","id","label"].includes(E.key))]:a.columnsScheme});function y(){f.value=!1,m.value={},x.value=null}async function p(){const N=i.value.validate();if(N){he.notify({type:"warning",title:"Validation",message:Object.entries(N).map(([E,B])=>`${E}: ${B}`).join(`
|
|
208
|
+
`)});return}if(x.value===null)c.value=[...c.value,{...m.value}];else{const E=[...c.value];E[x.value]={...m.value},c.value=E}y()}const g=e.ref(null),k=e.ref(null),C=N=>{g.value=N},$=N=>{k.value=N},w=N=>{if(g.value===null||g.value===N){g.value=null,k.value=null;return}const E=[...c.value],[B]=E.splice(g.value,1);E.splice(N,0,B),c.value=E,g.value=null,k.value=null};return(N,E)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.addButton?(e.openBlock(),e.createElementBlock("div",bs,[e.createElementVNode("div",ks,[e.createElementVNode("button",{onClick:E[0]||(E[0]=B=>f.value=!0),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"},[...E[4]||(E[4]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-4 h-4 mr-2",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 4v16m8-8H4"})],-1),e.createTextVNode(" Додати поле ",-1)])])])])):e.createCommentVNode("",!0),e.createElementVNode("div",ws,[e.createElementVNode("div",_s,[e.createElementVNode("table",Es,[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,B=>(e.openBlock(),e.createElementBlock("col",{key:B.key,style:e.normalizeStyle(B.type==="main"?`width: ${t.mainColWidth}`:B.width?`width: ${B.width}`:"auto")},null,4))),128)),E[5]||(E[5]=e.createElementVNode("col",null,null,-1))]),e.createElementVNode("thead",null,[e.createElementVNode("tr",Ns,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,B=>(e.openBlock(),e.createElementBlock("th",{key:B.key,class:"px-6 py-4"},e.toDisplayString(B.label),1))),128)),E[6]||(E[6]=e.createElementVNode("th",{class:"px-6 py-4"},"Дії",-1))])]),c.value.length?(e.openBlock(),e.createElementBlock("tbody",Cs,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(B,M)=>(e.openBlock(),e.createElementBlock("tr",{key:B.id||B.name||M,class:e.normalizeClass(["transition-colors hover:bg-gray-50/50 cursor-move",{"opacity-50":g.value===M,"border-t-2 border-b-2 border-blue-500 bg-blue-50":k.value===M}]),draggable:"true",onDragstart:D=>C(M),onDragover:e.withModifiers(D=>$(M),["prevent"]),onDrop:D=>w(M)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,D=>(e.openBlock(),e.createElementBlock("td",{key:D.key,class:"px-6 py-4 align-middle text-center"},[D.type==="main"?(e.openBlock(),e.createElementBlock("div",Bs,[E[7]||(E[7]=e.createElementVNode("span",{class:"drag-handle cursor-move mr-2 text-gray-400"},"☰",-1)),e.unref(Io)(B.format==="yes/no"?"check":B.format||B.type)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items-center justify-center p-1 rounded",`bg-${e.unref(zo)(B.format==="yes/no"?"check":B.format||B.type)}-100`])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B.format==="yes/no"?"icon-check":e.unref(jo)["Icon"+o(B.format||B.type)]||e.unref(jo).IconText),{class:"w-4 h-4"}))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",$s,[e.withDirectives((e.openBlock(),e.createElementBlock("p",vs,[e.createTextVNode(e.toDisplayString(B.name||B.id),1)])),[[e.unref(sa)]]),e.createElementVNode("p",Ss,e.toDisplayString(B.ua||B.label||B.name||B.id),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[D.slot&&h(D.slot)?e.renderSlot(N.$slots,D.slot,{key:0,row:B,column:D,value:B[D.key],rowIndex:M},void 0,!0):D.type==="color"?(e.openBlock(),e.createElementBlock("div",Ls,[e.createElementVNode("div",{class:e.normalizeClass(["w-4 h-4 rounded-full align-middle",`bg-[${B[D.key]}]`])},null,2)])):["format","type","meta"].includes(D.key)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[B[D.key]?(e.openBlock(),e.createElementBlock("span",As,e.toDisplayString(B[D.key]),1)):(e.openBlock(),e.createElementBlock("span",Ms,"Не вказано"))],64)):(e.openBlock(),e.createElementBlock("span",Ts,e.toDisplayString(B[D.key]),1))],64))]))),128)),e.createElementVNode("td",Fs,[e.createVNode(aa,{columns:c.value,"onUpdate:columns":E[1]||(E[1]=D=>c.value=D),data:B,index:M,scheme:t.formScheme},null,8,["columns","data","index","scheme"])])],42,Vs))),128))])):(e.openBlock(),e.createElementBlock("tr",Ds,[e.createElementVNode("td",{colspan:d.value.length+1,class:"text-gray-500 text-center py-4"}," Поля не знайдені ",8,zs)]))])])]),e.createVNode(e.unref(r),{teleport:"#modal",title:"Створити поле",size:"lg",visible:f.value,"onUpdate:visible":E[3]||(E[3]=B=>f.value=B)},{footer:e.withCtx(()=>[e.createElementVNode("div",{class:"flex justify-end p-[20px] gap-[10px] border-t w-full"},[e.createElementVNode("button",{type:"button",onClick:y,class:"px-4 py-2 rounded bg-gray-100 text-gray-700"}," Скасувати "),e.createElementVNode("button",{type:"button",onClick:p,class:"px-4 py-2 rounded bg-blue-600 text-white"}," Зберегти1 ")])]),default:e.withCtx(()=>[e.createVNode(e.unref(l),{ref_key:"form",ref:i,modelValue:m.value,"onUpdate:modelValue":E[2]||(E[2]=B=>m.value=B),schema:t.formScheme},null,8,["modelValue","schema"])]),_:1},8,["visible"])],64))}}),[["__scopeId","data-v-25566600"]]),Is={class:"p-4 text-[13px]"},js={class:"grid grid-cols-2 gap-x-6 gap-y-2"},Ps=["id","checked","onChange"],Rs={class:"ml-2 flex-1 min-w-0 flex items-center gap-2"},Os={class:"font-medium text-gray-900 truncate"},Us={class:"text-xs text-gray-500"},qs={key:0,class:"text-xs text-[#B2C9D6]"},Hs={class:"flex justify-end gap-2 p-4 border-t w-full"},Dt=e.defineComponent({__name:"import-fields-dialog",props:e.mergeModels({fields:{default:()=>[]},title:{},idPrefix:{default:"import"},confirmText:{default:"Імпортувати"},cancelText:{default:"Скасувати"}},{visible:{type:Boolean,default:!1},visibleModifiers:{},selection:{default:[]},selectionModifiers:{}}),emits:e.mergeModels(["confirm","cancel"],["update:visible","update:selection"]),setup(t,{emit:n}){const o=e.useModel(t,"visible"),r=e.useModel(t,"selection"),l=t,s=n,a=e.defineAsyncComponent(()=>import("@opengis/core").then(C=>C.VsModal)),i=e.computed(()=>Array.isArray(l.fields)?l.fields.filter(Boolean):[]),f=C=>(C==null?void 0:C.name)??(C==null?void 0:C.id)??(C==null?void 0:C.key)??(C==null?void 0:C.code)??(C==null?void 0:C.field)??(C==null?void 0:C.value)??"",m=C=>String(f(C)??"").trim(),x=C=>(C==null?void 0:C.title)??(C==null?void 0:C.label)??m(C),u=C=>String((C==null?void 0:C.type)??"").trim(),h=e.computed(()=>new Set(r.value.map(C=>String(C??"").trim()))),c=C=>h.value.has(m(C)),d=C=>{const $=m(C);if(!$)return;const w=new Set(h.value);w.has($)?w.delete($):w.add($),r.value=Array.from(w)},y=e.computed(()=>l.confirmText||"Імпортувати"),p=e.computed(()=>l.cancelText||"Скасувати"),g=()=>{o.value=!1,s("cancel")},k=()=>{s("confirm"),o.value=!1};return(C,$)=>(e.openBlock(),e.createBlock(e.unref(a),{visible:o.value,"onUpdate:visible":$[0]||($[0]=w=>o.value=w),teleport:"#modal",title:t.title,size:"lg"},{footer:e.withCtx(()=>[e.createElementVNode("div",Hs,[e.createElementVNode("button",{onClick:g,class:"px-4 py-2 rounded bg-gray-100 text-gray-700"},e.toDisplayString(p.value),1),e.createElementVNode("button",{onClick:k,class:"px-4 py-2 rounded bg-blue-600 text-white"},e.toDisplayString(y.value),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",Is,[e.createElementVNode("div",js,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,w=>(e.openBlock(),e.createElementBlock("label",{key:m(w),class:"flex items-center hover:bg-gray-100 rounded p-2 cursor-pointer"},[e.createElementVNode("input",{type:"checkbox",id:`${t.idPrefix}-${m(w)}`,checked:c(w),onChange:N=>d(w)},null,40,Ps),e.createElementVNode("div",Rs,[e.unref(Io)(w.type)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`bg-${e.unref(zo)(w.type)}-100 p-1 rounded`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`icon-${w.type}`),{class:"w-4 h-4"}))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("p",Os,e.toDisplayString(m(w)),1),e.createElementVNode("p",Us,e.toDisplayString(x(w)),1),u(w)?(e.openBlock(),e.createElementBlock("p",qs,e.toDisplayString(u(w)),1)):e.createCommentVNode("",!0)])])]))),128))])])]),_:1},8,["visible","title"]))}});function zt(t){return t==null?"":String(t).trim()}function Nt(t){return zt((t==null?void 0:t.name)??(t==null?void 0:t.id)??(t==null?void 0:t.key)??(t==null?void 0:t.code)??(t==null?void 0:t.field)??(t==null?void 0:t.value)??"")}function It(t,n,o){const r=Array.isArray(t)?[...t]:[],l=Array.isArray(n)?n:[],{selectedKeys:s,resolveKey:a}=o,i=new Set;for(const u of s){const h=zt(u);h&&i.add(h)}if(i.size===0)return[];const f=u=>zt(a(u)),m=[],x=new Set;for(const u of r){const h=f(u);!h||!i.has(h)||(m.push(u),x.add(h))}for(const u of l){const h=f(u);!h||x.has(h)||!i.has(h)||(m.push(u),x.add(h))}return m}const Ws={class:"vs-form"},Ys={class:"vs-form__body auto-rows-max container"},Zs={class:"flex flex-wrap"},Gs={class:"h-fit w-full mb-6 bg-white border border-gray-200 rounded-lg p-6"},Ks={class:"h-fit w-full flex flex-wrap"},Xs={class:"w-full"},Qs=e.defineComponent({__name:"list-tab",props:e.mergeModels({fields:{}},{data:{default:{}},dataModifiers:{},form:{},formModifiers:{}}),emits:["update:data","update:form"],setup(t){const n=e.useModel(t,"data"),o=e.useModel(t,"form"),r=t,l=e.computed(()=>Array.isArray(r.fields)?r.fields:[]),s=k=>Nt(k||{}),a=e.defineAsyncComponent(()=>import("@opengis/form")),i=e.ref(),f=e.ref(!1),m=e.ref([]),x=()=>{const k=h.value.map(C=>s(C)).filter(C=>C.length>0);m.value=[...k],f.value=!0},u=e.computed(()=>{var k,C;return((k=n.value)==null?void 0:k.token)||((C=n.value)==null?void 0:C.id)||"register-form"}),h=e.computed({get:()=>(n.value||(n.value={}),Array.isArray(n.value.columns)||(n.value.columns=[]),n.value.columns),set:k=>{n.value||(n.value={}),n.value.columns=Array.isArray(k)?k:[]}}),c=e.computed({get:()=>n.value||{},set:k=>{var $;const C=Array.isArray(($=n.value)==null?void 0:$.columns)?n.value.columns:[];n.value={...n.value,...k,columns:C}}});e.watch(()=>i.value,k=>{o.value=k||null},{immediate:!0}),e.watch(f,k=>{k||(m.value=[])});const d=()=>{const k=new Set(m.value.map(w=>zt(w)).filter(w=>w.length>0)),C=Array.isArray(h.value)?[...h.value]:[],$=l.value.filter(w=>k.has(s(w))).map(w=>{const N=s(w),E=w.title??w.label??N;return{...w,name:N,label:E,type:w.type||"text",meta:w.meta??"features"}});h.value=It(C,$,{selectedKeys:m.value,resolveKey:s}),f.value=!1,m.value=[]},y={table_name:{type:"select",label:"Таблиця",required:!0,data:"pg.table_name",placeholder:"Таблиця в БД",validators:["required"],col:6},name:{type:"text",label:"Назва",required:!0,placeholder:"Назва",validators:["required"],col:6},query:{type:"text",label:"Умова",placeholder:"Умова",col:6},order:{type:"text",label:"Сортування",placeholder:"Сортування",col:6},description:{type:"textarea",label:"Опис",placeholder:"Опис",col:12}},p=[{key:"name",label:"Name",type:"text"},{key:"label",label:"Назва",type:"text"},{key:"meta",label:"Мета",type:"text"}],g={name:{type:"text",label:"Назва колонки",validators:["required"],disabled:!0},ua:{type:"text",label:"Назва",validators:["required"]},format:{type:"radio",label:"Формат",position:"horizontal",options:[{text:"Text",id:"text"},{text:"Number",id:"number"},{text:"Date",id:"date"},{text:"File",id:"file"},{text:"Select",id:"select"},{text:"Badge",id:"badge"},{text:"Tags",id:"tags"}],validators:["required"]},is_export:{type:"switcher",label:"Експорт",info:"Чи експортувати дані колонки?",view:"switcher"},meta:{type:"combobox",label:"Мета",mode:"combo",options:[{text:"Title",id:"title"},{text:"Features",id:"features"},{text:"Status",id:"status"},{text:"Tags",id:"tags"},{text:"Category",id:"category"},{text:"Image",id:"image"}]},data:{type:"select",label:"Класифікатор",data:"admin.cls.name",conditions:["format","in",["select","badge","tags"]]}};return e.onBeforeUnmount(()=>{o.value=null}),(k,C)=>(e.openBlock(),e.createElementBlock("div",Ws,[e.createElementVNode("div",Ys,[e.createElementVNode("div",Zs,[e.createElementVNode("div",Gs,[(e.openBlock(),e.createBlock(e.unref(a),{ref_key:"formEl",ref:i,key:u.value,schema:y,modelValue:c.value,"onUpdate:modelValue":C[0]||(C[0]=$=>c.value=$)},null,8,["modelValue"]))]),e.createElementVNode("div",Ks,[e.createElementVNode("div",{class:"flex justify-end mb-3 gap-2 w-full"},[e.createElementVNode("button",{onClick:x,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"},[...C[4]||(C[4]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2",class:"mr-1"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"})],-1),e.createTextVNode(" Імпорт ",-1)])])]),e.createElementVNode("div",Xs,[e.createVNode(Et,{modelValue:h.value,"onUpdate:modelValue":C[1]||(C[1]=$=>h.value=$),"columns-scheme":p,"form-scheme":g,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])])])])]),e.createVNode(Dt,{visible:f.value,"onUpdate:visible":C[2]||(C[2]=$=>f.value=$),selection:m.value,"onUpdate:selection":C[3]||(C[3]=$=>m.value=$),fields:l.value,title:"Імпорт колонок","id-prefix":"import-column",onConfirm:d},null,8,["visible","selection","fields"])]))}}),Js={class:"vs-form"},ei={class:"vs-form__body auto-rows-max container"},ti={class:"flex flex-wrap"},ni={class:"h-fit w-full flex flex-wrap"},oi={class:"w-full"},ri=e.defineComponent({__name:"filter-tab",props:e.mergeModels({fields:{}},{data:{default:{}},dataModifiers:{},form:{},formModifiers:{}}),emits:["update:data","update:form"],setup(t){const n=e.useModel(t,"data"),o=e.useModel(t,"form"),r=t,l=e.computed(()=>Array.isArray(r.fields)?r.fields:[]),s=c=>Nt(c||{}),a=e.ref(!1),i=e.ref([]),f=()=>{const c=m.value.map(d=>s(d)).filter(d=>d.length>0);i.value=[...c],a.value=!0},m=e.computed({get:()=>(n.value||(n.value={}),Array.isArray(n.value.filters)||(n.value.filters=[]),n.value.filters),set:c=>{n.value||(n.value={}),n.value.filters=Array.isArray(c)?c:[]}});e.watch(a,c=>{c||(i.value=[])});const x=()=>{const c=new Set(i.value.map(p=>zt(p)).filter(p=>p.length>0)),d=Array.isArray(m.value)?[...m.value]:[],y=l.value.filter(p=>c.has(s(p))).map(p=>({name:s(p),label:p.title??p.label??s(p),type:p.type||"text"}));m.value=It(d,y,{selectedKeys:i.value,resolveKey:s}),a.value=!1,i.value=[]},u=[{key:"id",label:"Name"},{key:"label",label:"Назва"},{key:"type",label:"Тип"}],h={name:{type:"text",label:"Назва колонки",validators:["required"],disabled:!0},ua:{type:"text",label:"Назва",validators:["required"]},type:{type:"radio",label:"Тип",validators:["required"],position:"horizontal",options:[{text:"Check",id:"Check"},{text:"Range",id:"Range"},{text:"Date",id:"Date"},{text:"Text",id:"Text"},{text:"Select",id:"Select"}]},hidden:{label:"Приховати",type:"Switcher"},data:{type:"select",label:"Класифікатор",data:"admin.cls.name",conditions:["type","in",["select","autocomplete","check"]]}};return e.onBeforeUnmount(()=>{o.value=null}),(c,d)=>(e.openBlock(),e.createElementBlock("div",Js,[e.createElementVNode("div",ei,[e.createElementVNode("div",ti,[d[4]||(d[4]=e.createElementVNode("div",{class:"h-fit w-full flex flex-wrap mb-6 px-2"},[e.createElementVNode("p",{class:"text-sm text-gray-600"}," Налаштуйте фільтри реєстру. Оберіть поля для імпорту або відредагуйте властивості вручну. ")],-1)),e.createElementVNode("div",ni,[e.createElementVNode("div",{class:"flex justify-end mb-3 gap-2 w-full"},[e.createElementVNode("button",{onClick:f,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"},[...d[3]||(d[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2",class:"mr-1"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"})],-1),e.createTextVNode(" Імпорт ",-1)])])]),e.createElementVNode("div",oi,[e.createVNode(Et,{modelValue:m.value,"onUpdate:modelValue":d[0]||(d[0]=y=>m.value=y),"columns-scheme":u,"form-scheme":h,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])])])])]),e.createVNode(Dt,{visible:a.value,"onUpdate:visible":d[1]||(d[1]=y=>a.value=y),selection:i.value,"onUpdate:selection":d[2]||(d[2]=y=>i.value=y),fields:l.value,title:"Імпорт фільтрів","id-prefix":"import-filter",onConfirm:x},null,8,["visible","selection","fields"])]))}}),li={class:"vs-form"},ai={class:"vs-form__body auto-rows-max container"},si={class:"flex flex-wrap"},ii={class:"h-fit w-full flex flex-wrap"},ci={class:"w-full"},di=e.defineComponent({__name:"card-tab",props:e.mergeModels({fields:{}},{data:{default:{}},dataModifiers:{},form:{},formModifiers:{}}),emits:["update:data","update:form"],setup(t){const n=e.useModel(t,"data"),o=e.useModel(t,"form"),r=t,l=e.computed(()=>Array.isArray(r.fields)?r.fields:[]),s=c=>Nt(c||{}),a=e.ref(!1),i=e.ref([]),f=()=>{const c=m.value.map(d=>s(d)).filter(d=>d.length>0);i.value=[...c],a.value=!0},m=e.computed({get:()=>n.value.card,set:c=>{n.value||(n.value={}),n.value.card=Array.isArray(c)?c:[]}});e.watch(a,c=>{var d;if(c){const y=((d=m.value)==null?void 0:d.map(p=>p.name))||[];i.value=[...y]}});const x=()=>{const c=new Set(i.value.map(p=>zt(p)).filter(p=>p.length>0)),d=Array.isArray(m.value)?[...m.value]:[],y=l.value.filter(p=>c.has(s(p))).map(p=>{const g=s(p),k=p.title??p.label??g;return{...p,name:g,label:k,format:p.format||p.type||"text",meta:p.meta||"title"}});m.value=It(d,y,{selectedKeys:i.value,resolveKey:s}),a.value=!1,i.value=[]},u=[{key:"name",label:"Name",type:"text"},{key:"label",label:"Назва",type:"text"},{key:"format",label:"Формат",type:"text"}],h={name:{type:"text",label:"Назва колонки",validators:["required"],disabled:!0},ua:{type:"text",label:"Назва",validators:["required"]},format:{type:"radio",label:"Формат",position:"horizontal",options:[{text:"Text",id:"text"},{text:"Number",id:"number"},{text:"Date",id:"date"},{text:"File",id:"file"},{text:"Select",id:"select"},{text:"Badge",id:"badge"},{text:"Tags",id:"tags"}],validators:["required"]},data:{type:"text",label:"Класифікатор",conditions:["format","in",["select","badge","tags"]]}};return e.onBeforeUnmount(()=>{o.value=null}),(c,d)=>(e.openBlock(),e.createElementBlock("div",li,[e.createElementVNode("div",ai,[e.createElementVNode("div",si,[d[4]||(d[4]=e.createElementVNode("div",{class:"h-fit w-full flex flex-wrap mb-6 px-2"},[e.createElementVNode("p",{class:"text-sm text-gray-600"}," Налаштуйте відображення картки. Оберіть потрібні поля та відредагуйте їхні властивості. ")],-1)),e.createElementVNode("div",ii,[e.createElementVNode("div",{class:"flex justify-end mb-3 gap-2 w-full"},[e.createElementVNode("button",{onClick:f,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"},[...d[3]||(d[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2",class:"mr-1"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"})],-1),e.createTextVNode(" Імпорт ",-1)])])]),e.createElementVNode("div",ci,[e.createVNode(Et,{modelValue:m.value,"onUpdate:modelValue":d[0]||(d[0]=y=>m.value=y),"columns-scheme":u,"form-scheme":h,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])])])])]),e.createVNode(Dt,{visible:a.value,"onUpdate:visible":d[1]||(d[1]=y=>a.value=y),selection:i.value,"onUpdate:selection":d[2]||(d[2]=y=>i.value=y),fields:l.value,title:"Імпорт полів картки","id-prefix":"import-card",onConfirm:x},null,8,["visible","selection","fields"])]))}}),ui=["","січня","лютого","березня","квітня","травня","червня","липня","серпня","вересня","жовтня","листопада","грудня"];function Kt(t){if(!t)return"";const[n,o]=t.split(" ");if(!n)return t;const[r,l,s]=n.split("-");if(!r||!l||!s)return t;const a=parseInt(l,10),i=ui[a]||l;let f=`${parseInt(s,10)} ${i} ${r}`;if(o){const m=o.split(".")[0],[x,u,h]=m.split(":");x&&u&&h?f+=`, ${x}:${u}:${h}`:x&&u?f+=`, ${x}:${u}`:x&&(f+=`, ${x}`)}return f}function Xt(t,n={dateStyle:"short"}){if(t==null||t==="")return"";const o=new Date(t);return Number.isNaN(o.getTime())?"":new Intl.DateTimeFormat(void 0,n).format(o)}const pi={class:"flex flex-col md:flex-row md:justify-between lg:flex-row lg:justify-between p-3 md:p-3.5 lg:p-4 pb-2 bg-slate-50 gap-3 md:gap-3.5 lg:gap-4"},mi={class:"flex flex-col gap-2 md:flex-row md:items-center md:justify-between md:gap-3 lg:flex-row lg:items-center lg:justify-between lg:gap-0"},fi={class:"flex flex-col gap-2 md:flex-row md:items-center"},gi={class:"text-base md:text-base lg:text-lg font-bold line-clamp-2"},yi={key:0,class:"flex flex-wrap items-center gap-1 md:gap-1.5 lg:gap-2 md:ml-2 lg:ml-2"},hi={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground whitespace-nowrap","data-v0-t":"badge"},xi={key:0,class:"flex flex-wrap items-center gap-1 md:gap-1.5 lg:gap-2"},bi={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground whitespace-nowrap"},ki={class:"p-3 md:p-3.5 lg:p-4 pt-2"},wi={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-2 md:gap-2.5 lg:gap-3 text-sm"},_i={class:"text-gray-500 shrink-0 md:max-w-[50%]"},Ei={class:"font-medium flex flex-wrap gap-1"},Ni={class:"items-center p-3 bg-slate-50 flex flex-col md:flex-row justify-end gap-2"},Ci=["href"],Vi=["href"],Po=e.defineComponent({__name:"template-1",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=u=>(u==null?void 0:u.service_id)&&(u==null?void 0:u.is_map)&&u[n.id_key]&&(u==null?void 0:u.geom),l=e.computed(()=>n.columns.find(u=>u.meta==="title")),s=e.computed(()=>n.columns.filter(u=>u.meta==="category")),a=e.computed(()=>n.columns.filter(u=>u.meta==="tags")),i=e.computed(()=>n.columns.filter(u=>u.meta!=="title")),f=(u,h)=>{if(h)return u[h]},m=u=>{const h=f(u,n.id_key);return`${n.path}?id=${h}`},x=(u,h)=>{const c=f(u,n.id_key);return`/map?layers=${h}&info=${h},${c}`};return(u,h)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,c=>{var d,y,p;return e.openBlock(),e.createElementBlock("div",{key:c.id,class:"rounded-lg border bg-card text-card-foreground overflow-hidden border-none shadow-md relative","data-v0-t":"card"},[e.createElementVNode("div",pi,[e.createElementVNode("div",mi,[e.createElementVNode("div",fi,[e.createElementVNode("h2",gi,e.toDisplayString(c[`${(d=l.value)==null?void 0:d.name}_text`]||c[(y=l.value)==null?void 0:y.name]||c[(p=l.value)==null?void 0:p.label]||"Не вказано"),1),Array.isArray(s.value)&&s.value.length?(e.openBlock(),e.createElementBlock("div",yi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g.name},[c[g.name]?(e.openBlock(),e.createElementBlock("div",hi,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)])]),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",xi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g.name},[c[g.name]?(e.openBlock(),e.createElementBlock("span",bi,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",ki,[e.createElementVNode("div",wi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>{var k;return e.openBlock(),e.createElementBlock("div",{key:g.name,class:"flex flex-col md:flex-row md:items-center lg:flex-row lg:items-center gap-1 md:gap-1.5 lg:gap-1.5"},[e.createElementVNode("span",_i,e.toDisplayString((g==null?void 0:g.ua)||g.label||g.name)+": ",1),e.createElementVNode("span",Ei,[Array.isArray(c[g==null?void 0:g.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c[(g==null?void 0:g.name)+"_text"]||c[g==null?void 0:g.name],(C,$)=>(e.openBlock(),e.createElementBlock("span",{key:$,class:"bg-gray-100 px-2 py-0 border-[0.01rem] border-gray-300 rounded-lg whitespace-nowrap"},e.toDisplayString(C),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):g.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((k=c[(g==null?void 0:g.name)+"_data"])==null?void 0:k.text)||c[(g==null?void 0:g.name)+"_text"]||c[g==null?void 0:g.name]||"Немає даних"),1)],64))],64))])])}),128))])]),e.createElementVNode("div",Ni,[!t.hideDetailsButton&&r(c)?(e.openBlock(),e.createElementBlock("a",{key:0,href:x(c,c==null?void 0:c.service_id),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"},[...h[0]||(h[0]=[e.createTextVNode(" На карті ",-1),e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-map-pin-check-inside ml-1 h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"}),e.createElementVNode("path",{d:"m9 10 2 2 4-4"})],-1)])],8,Ci)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:m(c),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"},[...h[1]||(h[1]=[e.createTextVNode(" Детальніше ",-1),e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-arrow-right ml-1 h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M5 12h14"}),e.createElementVNode("path",{d:"m12 5 7 7-7 7"})],-1)])],8,Vi))])])}),128))}}),Bi={class:"p-0"},$i={class:"border-l-4 border-l-slate-400"},vi={class:"p-4"},Si={class:"flex flex-wrap items-center gap-2 mb-3"},Li={class:"text-lg font-bold"},Ai={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-green-100 text-green-800 hover:bg-green-100","data-v0-t":"badge"},Mi={key:1,class:"flex"},Ti={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold border-transparent bg-gray-100 text-gray-800"},Fi={class:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 text-sm border-t pt-3"},Di={class:"text-xs text-gray-500 mb-1"},zi={class:"font-medium"},Ii={class:"flex justify-end gap-2 mt-3 border-t pt-3"},ji=["href"],Pi=["href"],Ro=e.defineComponent({__name:"template-2",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=u=>(u==null?void 0:u.service_id)&&(u==null?void 0:u.is_map)&&u[n.id_key]&&(u==null?void 0:u.geom),l=e.computed(()=>n.columns.find(u=>u.meta==="title")),s=e.computed(()=>n.columns.filter(u=>u.meta==="category")),a=e.computed(()=>n.columns.filter(u=>u.meta==="tags")),i=e.computed(()=>n.columns.filter(u=>u.meta!=="title")),f=(u,h)=>{if(h)return u[h]},m=u=>{const h=f(u,n.id_key);return`${n.path}?id=${h}`},x=(u,h)=>{const c=f(u,n.id_key);return`/map?layers=${h}&info=${h},${c}`};return(u,h)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,c=>{var d,y,p;return e.openBlock(),e.createElementBlock("div",{key:c.id,class:"rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden","data-v0-t":"card"},[e.createElementVNode("div",Bi,[e.createElementVNode("div",$i,[e.createElementVNode("div",vi,[e.createElementVNode("div",Si,[e.createElementVNode("h2",Li,e.toDisplayString(c[`${(d=l.value)==null?void 0:d.name}_text`]||c[(y=l.value)==null?void 0:y.name]||c[(p=l.value)==null?void 0:p.label]||"Не вказано"),1),Array.isArray(s.value)&&s.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g.name},[c[g.name]?(e.openBlock(),e.createElementBlock("div",Ai,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",Mi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.name,class:"flex flex-wrap gap-1 ml-2"},[c[g.name]?(e.openBlock(),e.createElementBlock("span",Ti,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Fi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>{var k;return e.openBlock(),e.createElementBlock("div",{key:g.name},[e.createElementVNode("p",Di,e.toDisplayString(g.ua),1),e.createElementVNode("p",zi,[Array.isArray(c[g==null?void 0:g.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c[g==null?void 0:g.name],(C,$)=>(e.openBlock(),e.createElementBlock("span",{key:$,class:"bg-gray-200 px-1 py-0.5 rounded-lg mr-1"},e.toDisplayString(C),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):g.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((k=c[(g==null?void 0:g.name)+"_data"])==null?void 0:k.text)||c[(g==null?void 0:g.name)+"_text"]||c[g==null?void 0:g.name]||"Немає даних"),1)],64))],64))])])}),128))]),e.createElementVNode("div",Ii,[!t.hideDetailsButton&&r(c)?(e.openBlock(),e.createElementBlock("a",{key:0,href:x(c,c==null?void 0:c.service_id),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"},[...h[0]||(h[0]=[e.createTextVNode(" На карті ",-1),e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-map-pin-check-inside ml-1 h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"}),e.createElementVNode("path",{d:"m9 10 2 2 4-4"})],-1)])],8,ji)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:m(c),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"},[...h[1]||(h[1]=[e.createTextVNode(" Детальніше ",-1),e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-external-link ml-1 h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M15 3h6v6"}),e.createElementVNode("path",{d:"M10 14 21 3"}),e.createElementVNode("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"})],-1)])],8,Pi))])])])])])}),128))}}),Ri={class:"space-y-4"},Oi={class:"flex flex-col lg:flex-row lg:items-center py-2 px-2 lg:px-3"},Ui={class:"flex-1"},qi={class:"grid grid-cols-1 lg:grid-cols-12 gap-2 w-full text-xs"},Hi={class:"col-span-1 lg:col-span-4"},Wi={class:"flex items-start"},Yi={class:"flex flex-col"},Zi={class:"font-bold text-xs lg:text-sm"},Gi={key:0,class:"flex flex-wrap gap-1 mt-1"},Ki={key:0,class:"inline-flex items-center rounded-full bg-secondary text-secondary-foreground text-[9px] lg:text-[10px] px-1.5 py-0"},Xi={key:1,class:"flex flex-wrap gap-1 mt-1"},Qi={key:0,class:"inline-flex items-center rounded-full bg-gray-100 text-gray-800 text-[10px] lg:text-xs px-2 py-0.5 font-semibold"},Ji={class:"col-span-1 lg:col-span-7 mt-2 lg:mt-0"},ec={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 lg:gap-3"},tc={class:"text-[9px] lg:text-[10px] text-gray-500 mb-1"},nc={class:"truncate font-medium text-xs lg:text-sm"},oc={class:"flex items-center justify-center gap-2 mt-3 lg:mt-0"},rc=["href"],lc=["href"],Oo=e.defineComponent({__name:"template-3",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=h=>(h==null?void 0:h.service_id)&&(h==null?void 0:h.is_map)&&h[n.id_key]&&(h==null?void 0:h.geom),l=e.computed(()=>n.columns.find(h=>h.meta==="title")),s=e.computed(()=>n.columns.filter(h=>h.meta==="category")),a=e.computed(()=>n.columns.filter(h=>h.meta==="tags")),i=e.computed(()=>n.columns.filter(h=>h.meta!=="title")),f=e.computed(()=>"bg-blue-500"),m=(h,c)=>{if(c)return h[c]},x=h=>{const c=m(h,n.id_key);return`${n.path}?id=${c}`},u=(h,c)=>{const d=m(h,n.id_key);return`/map?layers=${c}&info=${c},${d}`};return(h,c)=>(e.openBlock(),e.createElementBlock("div",Ri,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,d=>{var y,p,g;return e.openBlock(),e.createElementBlock("div",{key:d.id,class:"border-b border-slate-200 hover:bg-slate-50 transition-colors"},[e.createElementVNode("div",Oi,[e.createElementVNode("div",Ui,[e.createElementVNode("div",qi,[e.createElementVNode("div",Hi,[e.createElementVNode("div",Wi,[e.createElementVNode("div",{class:e.normalizeClass(["w-1 h-6 lg:h-8 rounded-full mr-2 lg:mr-3 mt-1",f.value])},null,2),e.createElementVNode("div",Yi,[e.createElementVNode("p",Zi,e.toDisplayString(d[`${(y=l.value)==null?void 0:y.name}_text`]||d[(p=l.value)==null?void 0:p.name]||d[(g=l.value)==null?void 0:g.label]||"Не вказано"),1),Array.isArray(s.value)&&s.value.length?(e.openBlock(),e.createElementBlock("div",Gi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,k=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:k.name},[d[k.name]?(e.openBlock(),e.createElementBlock("span",Ki,e.toDisplayString(d[`${k.name}_text`]||d[k.name]),1)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",Xi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,k=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:k.name},[d[k.name]?(e.openBlock(),e.createElementBlock("span",Qi,e.toDisplayString(d[`${k.name}_text`]||d[k.name]),1)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",Ji,[e.createElementVNode("div",ec,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,k=>{var C;return e.openBlock(),e.createElementBlock("div",{key:k.name},[e.createElementVNode("p",tc,e.toDisplayString(k.ua),1),e.createElementVNode("p",nc,[Array.isArray(d[k.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(d[k.name],($,w)=>(e.openBlock(),e.createElementBlock("span",{key:w,class:"bg-gray-200 px-1 py-0.5 rounded-lg mr-1 text-[10px] lg:text-xs"},e.toDisplayString($),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[k.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(d[k.name])||"Немає даних"),1)],64)):k.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(d[k.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((C=d[k.name+"_data"])==null?void 0:C.text)||d[k.name+"_text"]||d[k.name]||"Немає даних"),1)],64))],64))])])}),128))])])])]),e.createElementVNode("div",oc,[!t.hideDetailsButton&&r(d)?(e.openBlock(),e.createElementBlock("a",{key:0,href:u(d,d.service_id),class:"inline-flex items-center justify-center gap-2 text-xs lg:text-sm font-medium hover:bg-accent hover:text-accent-foreground h-8 lg:h-9 rounded-md px-2 lg:px-3"},[...c[0]||(c[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3 w-3 lg:h-3.5 lg:w-3.5"},[e.createElementVNode("path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"}),e.createElementVNode("path",{d:"m9 10 2 2 4-4"})],-1)])],8,rc)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:x(d),class:"flex items-center justify-center hover:bg-accent hover:text-accent-foreground rounded-md h-8 w-8 lg:h-7 lg:w-7"},[...c[1]||(c[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3.5 w-3.5 lg:h-4 lg:w-4"},[e.createElementVNode("path",{d:"m9 18 6-6-6-6"})],-1)])],8,lc))])])])}),128))]))}}),ac={class:"flex flex-col space-y-1.5 p-6 pb-2"},sc={class:"flex items-center gap-2 flex-wrap"},ic={class:"tracking-tight text-lg font-medium"},cc={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-blue-100 text-blue-800 ml-2","data-v0-t":"badge"},dc={key:1,class:"flex"},uc={key:0,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold border-transparent bg-gray-100 text-gray-800"},pc={class:"p-6 pt-0 pb-4"},mc={class:"grid grid-cols-1 md:grid-cols-2 gap-4"},fc={class:"text-sm text-gray-500"},gc={class:"font-medium"},yc={class:"flex items-center p-6 pt-0 gap-2"},hc=["href"],xc=["href"],Uo=e.defineComponent({__name:"template-4",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=u=>(u==null?void 0:u.service_id)&&(u==null?void 0:u.is_map)&&u[n.id_key]&&(u==null?void 0:u.geom),l=e.computed(()=>n.columns.find(u=>u.meta==="title")),s=e.computed(()=>n.columns.filter(u=>u.meta==="category")),a=e.computed(()=>n.columns.filter(u=>u.meta==="tags")),i=e.computed(()=>n.columns.filter(u=>u.meta!=="title")),f=(u,h)=>{if(h)return u[h]},m=u=>{const h=f(u,n.id_key);return`${n.path}?id=${h}`},x=(u,h)=>{const c=f(u,n.id_key);return`/map?layers=${h}&info=${h},${c}`};return(u,h)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,c=>{var d,y,p;return e.openBlock(),e.createElementBlock("div",{key:c.id,class:"rounded-lg border bg-card text-card-foreground shadow-sm border-l-4 border-l-blue-600","data-v0-t":"card"},[e.createElementVNode("div",ac,[e.createElementVNode("div",sc,[e.createElementVNode("h3",ic,e.toDisplayString(c[`${(d=l.value)==null?void 0:d.name}_text`]||c[(y=l.value)==null?void 0:y.name]||c[(p=l.value)==null?void 0:p.label]||"Не вказано"),1),Array.isArray(s.value)&&s.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g.name},[c[g.name]?(e.openBlock(),e.createElementBlock("div",cc,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",dc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.name,class:"flex flex-wrap gap-1 ml-2"},[c[g.name]?(e.openBlock(),e.createElementBlock("span",uc,e.toDisplayString(c[`${g.name}_text`]||c[g.name]),1)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",pc,[e.createElementVNode("div",mc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>{var k;return e.openBlock(),e.createElementBlock("div",{key:g.name},[e.createElementVNode("p",fc,e.toDisplayString(g.ua),1),e.createElementVNode("p",gc,[Array.isArray(c[g==null?void 0:g.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c[g==null?void 0:g.name],(C,$)=>(e.openBlock(),e.createElementBlock("span",{key:$,class:"bg-gray-200 px-1 py-0.5 rounded-lg mr-1"},e.toDisplayString(C),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):g.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(c[g==null?void 0:g.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((k=c[(g==null?void 0:g.name)+"_data"])==null?void 0:k.text)||c[(g==null?void 0:g.name)+"_text"]||c[g==null?void 0:g.name]||"Немає даних"),1)],64))],64))])])}),128))])]),e.createElementVNode("div",yc,[!t.hideDetailsButton&&r(c)?(e.openBlock(),e.createElementBlock("a",{key:0,href:x(c,c==null?void 0:c.service_id),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border bg-background h-10 px-4 py-2 rounded-md text-black border-black hover:bg-gray-100 hover:text-black"}," На карті ",8,hc)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:m(c),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border bg-background h-10 px-4 py-2 rounded-md text-black border-black hover:bg-gray-100 hover:text-black"}," Детальніше ",8,xc))])])}),128))}}),bc={class:"grid grid-cols-1 lg:grid-cols-12 lg:divide-x divide-y lg:divide-y-0 divide-gray-100"},kc={key:0,class:"w-full lg:w-auto lg:col-span-1"},wc=["src"],_c={key:1,class:"hidden lg:flex lg:col-span-1 items-center justify-center py-4 lg:py-0"},Ec={class:"col-span-1 lg:col-span-7 p-4 lg:p-4"},Nc={class:"flex flex-col mb-3 lg:flex-row lg:items-center lg:mb-1"},Cc={class:"text-base lg:text-base font-bold text-gray-900 mb-2 lg:mr-2 lg:mb-0"},Vc={class:"flex flex-wrap gap-2 lg:gap-0"},Bc={key:0,class:"inline-flex items-center rounded-full px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-primary/80 bg-blue-100 text-blue-800 border-0 text-xs lg:ml-2"},$c={class:"text-sm text-gray-600 line-clamp-2 lg:line-clamp-1 mb-3 lg:mb-2"},vc={class:"grid grid-cols-1 md:grid-cols-2 gap-y-3 md:gap-x-4 md:gap-y-1 text-sm"},Sc={class:"flex items-center mb-1 md:mb-0 md:mr-1 max-w-[50%]"},Lc=["innerHTML"],Ac={class:"text-gray-500 font-medium md:font-normal"},Mc={class:"text-gray-600 break-words line-clamp-2"},Tc={class:"col-span-1 lg:col-span-2 p-4 lg:p-3 bg-gray-50 flex flex-col justify-center border-t lg:border-t-0 lg:border-l border-gray-100"},Fc={class:"text-xs text-gray-500 mb-2 lg:mb-1.5"},Dc={key:0,class:"flex flex-wrap gap-1.5 lg:gap-1"},zc={key:0,class:"inline-flex items-center rounded-full font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-secondary/80 bg-white border border-gray-200 text-gray-700 text-xs px-2 py-0.5 lg:px-1.5 lg:py-0"},Ic={class:"col-span-1 lg:col-span-2 flex flex-col justify-center items-stretch lg:items-center bg-gray-50 border-t lg:border-t-0 lg:border-l border-gray-100 p-4 lg:p-2"},jc={class:"w-full space-y-2"},Pc=["href"],Rc=["href"],qo=e.defineComponent({__name:"template-5",props:{items:{},item:{},columns:{},path:{},id_key:{default:"id"},query_params:{default:()=>[]},hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.items&&n.items.length||n.items?n.items:n.item!=null?[n.item]:[]),r=c=>(c==null?void 0:c.service_id)&&(c==null?void 0:c.is_map)&&c[n.id_key]&&(c==null?void 0:c.geom),l=e.computed(()=>n.columns.find(c=>c.meta==="title")),s=e.computed(()=>n.columns.filter(c=>c.meta==="category")),a=e.computed(()=>n.columns.filter(c=>c.meta==="tags")),i=e.computed(()=>n.columns.filter(c=>c.meta!=="title")),f=e.computed(()=>n.columns.find(c=>c.meta==="image")),m=e.computed(()=>n.columns.find(c=>c.meta==="desc")||n.columns.find(c=>c.name==="description")),x=(c,d)=>{if(d)return c[d]},u=c=>{const d=x(c,n.id_key);return`${n.path}?id=${d}`},h=(c,d)=>{const y=x(c,n.id_key);return`/map?layers=${d}&info=${d},${y}`};return(c,d)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,y=>{var p,g,k,C,$,w,N,E,B;return e.openBlock(),e.createElementBlock("div",{key:y.id,class:"bg-white border border-gray-200 rounded-lg overflow-hidden transition-all duration-200 hover:shadow-md"},[e.createElementVNode("div",bc,[f.value?(e.openBlock(),e.createElementBlock("div",kc,[y[(p=f.value)==null?void 0:p.name]?(e.openBlock(),e.createElementBlock("img",{key:0,src:y[(g=f.value)==null?void 0:g.name],alt:"image",class:"object-cover w-full h-48 lg:h-full lg:w-auto"},null,8,wc)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",_c,[...d[0]||(d[0]=[e.createElementVNode("div",{class:"w-3 h-12 rounded-sm bg-blue-500",title:"Пріоритет: Високий","aria-hidden":"true"},null,-1)])])),e.createElementVNode("div",Ec,[e.createElementVNode("div",Nc,[e.createElementVNode("h3",Cc,e.toDisplayString(y[`${(k=l.value)==null?void 0:k.name}_text`]||y[(C=l.value)==null?void 0:C.name]||y[($=l.value)==null?void 0:$.label]||"Не вказано"),1),e.createElementVNode("div",Vc,[Array.isArray(s.value)&&s.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.value,M=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:M.name},[y[M.name]?(e.openBlock(),e.createElementBlock("div",Bc,e.toDisplayString(y[`${M.name}_text`]||y[M.name]),1)):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0)])]),e.createElementVNode("p",$c,e.toDisplayString(((N=y[((w=m.value)==null?void 0:w.name)+"_data"])==null?void 0:N.text)||y[((E=m.value)==null?void 0:E.name)+"_text"]||y[(B=m.value)==null?void 0:B.name]),1),e.createElementVNode("div",vc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,M=>{var D;return e.openBlock(),e.createElementBlock("div",{key:M.name,class:"flex flex-col md:flex-row md:items-center"},[e.createElementVNode("div",Sc,[M.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:"mr-1 flex-shrink-0",innerHTML:M.icon},null,8,Lc)):e.createCommentVNode("",!0),e.createElementVNode("span",Ac,e.toDisplayString((M==null?void 0:M.ua)||M.label||M.name)+":",1)]),e.createElementVNode("span",Mc,[Array.isArray(y[M==null?void 0:M.name])?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(y[M==null?void 0:M.name],(W,K)=>(e.openBlock(),e.createElementBlock("span",{key:K,class:"bg-gray-200 px-1 py-0.5 rounded-lg mr-1 inline-block"},e.toDisplayString(W),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[M.format==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(Xt)(y[M==null?void 0:M.name])||"Немає даних"),1)],64)):M.type==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Kt)(y[M==null?void 0:M.name])||"Немає даних"),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(((D=y[(M==null?void 0:M.name)+"_data"])==null?void 0:D.text)||y[(M==null?void 0:M.name)+"_text"]||y[M==null?void 0:M.name]||"Немає даних"),1)],64))],64))])])}),128))])]),e.createElementVNode("div",Tc,[e.createElementVNode("p",Fc," Теги: "+e.toDisplayString(a.value.length&&y[a.value[0].name]?"":"відсутні"),1),Array.isArray(a.value)&&a.value.length?(e.openBlock(),e.createElementBlock("div",Dc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,M=>(e.openBlock(),e.createElementBlock("div",{key:M.name,class:"flex flex-wrap gap-1"},[y[M.name]?(e.openBlock(),e.createElementBlock("span",zc,e.toDisplayString(y[`${M.name}_text`]||y[M.name]),1)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ic,[e.createElementVNode("div",jc,[!t.hideDetailsButton&&r(y)?(e.openBlock(),e.createElementBlock("a",{key:0,href:h(y,y==null?void 0:y.service_id),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-md px-3 w-full bg-blue-600 hover:bg-blue-700 text-white text-xs h-8"}," На карті ",8,Pc)):e.createCommentVNode("",!0),t.hideDetailsButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,href:u(y),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-md px-3 w-full bg-blue-600 hover:bg-blue-700 text-white text-xs h-8"}," Детальніше ",8,Rc))])])])])}),128))}}),Ho={template1:Po,template2:Ro,template3:Oo,template4:Uo,template5:qo},Oc={class:"space-y-4"},Uc={class:"flex items-center gap-4 bg-white border border-gray-200 rounded-lg px-6 py-4"},qc={class:"text-lg font-semibold mb-4"},Hc={class:"bg-white"},Wc={key:1,class:"text-gray-400 text-center py-12"},Yc={key:2,class:"text-gray-400 text-center py-12"},Zc=e.defineComponent({__name:"preview-tab",props:e.mergeModels({hideDetailsButton:{type:Boolean,default:!1}},{data:{default:{}},dataModifiers:{}}),emits:["update:data"],setup(t){const n=e.defineAsyncComponent(()=>import("@opengis/form")),o=e.useModel(t,"data"),r=[{text:"template1",id:"template1"},{text:"template2",id:"template2"},{text:"template3",id:"template3"},{text:"template4",id:"template4"},{text:"template5",id:"template5"}],l={view:{type:"radio",label:"Вигляд",position:"horizontal",required:!0,options:r,col:12}},s=e.computed(()=>{var x;return Array.isArray((x=o.value)==null?void 0:x.columns)?o.value.columns:[]}),a=e.computed(()=>{var x;return((x=o.value)==null?void 0:x.view)||"template1"}),i=e.computed(()=>Ho[a.value]||Ho.template1),f=e.computed(()=>{var h;const x=(h=o.value)==null?void 0:h.view;if(!x)return"template1";const u=r.find(c=>c.id===x);return(u==null?void 0:u.text)||x}),m=e.computed(()=>(Array.isArray(o.value.tableData)?o.value.tableData:[]).slice(0,5).map(u=>{var h,c;return{...u,service_id:(h=o.value)==null?void 0:h.service_id,is_map:(c=o.value)==null?void 0:c.is_map}}));return(x,u)=>(e.openBlock(),e.createElementBlock("div",Oc,[e.createElementVNode("div",Uc,[(e.openBlock(),e.createBlock(e.unref(n),{key:o.value.id,schema:l,modelValue:o.value,"onUpdate:modelValue":u[0]||(u[0]=h=>o.value=h)},null,8,["modelValue"]))]),e.createElementVNode("h2",qc," Превʼю таблиці ("+e.toDisplayString(f.value)+") ",1),e.createElementVNode("div",Hc,[i.value&&m.value.length&&s.value.length?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{items:m.value,columns:s.value,path:"#",id_key:"id","hide-details-button":t.hideDetailsButton,key:a.value},null,8,["items","columns","hide-details-button"])):m.value.length?(e.openBlock(),e.createElementBlock("div",Yc," Додайте колонки та виберіть вигляд для перегляду ")):(e.openBlock(),e.createElementBlock("div",Wc," Немає даних для превʼю "))])]))}}),Gc={class:"relative h-full flex flex-col flex-1 min-h-0 overflow-hidden mx-auto w-full"},Kc={class:"mx-1"},Xc={class:"text-gray-900 font-semibold"},Qc={class:"w-full flex-shrink-0 mb-6 px-[24px]"},Jc={class:"flex items-center w-full h-10 max-w-md grid-cols-3 p-1 bg-white border border-gray-200 rounded-md text-muted-foreground"},ed=["onClick"],td={class:"flex-1 min-h-0 overflow-y-auto px-[24px]"},nd=e.defineComponent({__name:"register",props:{hideDetailsButton:{type:Boolean,default:!1}},setup(t){const n=Fe.useRoute(),o=Fe.useRouter(),r=e.computed(()=>n.path.replace(/\/[^/]+$/,"")),l=e.computed(()=>{var y;return((y=o.resolve(r.value).meta)==null?void 0:y.title)??""}),s=e.ref("list"),a=e.ref(""),i=[{name:"Список",id:"list"},{name:"Фільтри",id:"filters"},{name:"Картка",id:"card"},{name:"Перегляд",id:"preview"}],f={list:Qs,filters:ri,card:di,preview:Zc},m=i.map(y=>y.id),x=e.ref({columns:[],filters:[],card:[],tableData:[]}),u=e.ref([]),h=async()=>{var p;if(!((p=x.value)==null?void 0:p.token)){he.notify({type:"error",title:"Помилка",message:"Відсутній токен для збереження"});return}try{const g=await fetch(`/api/gis-registry/${n.params.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(x.value)});if(!g.ok)throw new Error(`Failed to save content: ${g.status}`);he.notify({type:"success",title:"Успіх",message:"Контент збережено"})}catch(g){he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти контент"}),console.error(g)}},c=async y=>{try{const g=await(await fetch(`/api/gis-registry/${y}`)).json(),k=Array.isArray(g==null?void 0:g.rows)?g.rows:[];x.value.tableData=k.slice(0,3)}catch(p){console.error("Помилка завантаження превʼю:",p)}},d=async()=>{var y,p;try{const k=await(await fetch(`/api/data/gis.registers.table/${n.params.id}`)).json(),C=((y=k==null?void 0:k.rows)==null?void 0:y[0])||{};a.value=C.register_key||"",x.value={...C,columns:Array.isArray(C.columns)?C.columns:[],filters:Array.isArray(C.filters)?C.filters:[],card:Array.isArray(C.card)?C.card:[],tableData:Array.isArray(C.tableData)?C.tableData:[]},(p=k==null?void 0:k.tokens)!=null&&p.edit&&(x.value.token=k.tokens.edit),u.value=Array.isArray(k==null?void 0:k.fields)?k.fields:[]}catch(g){console.error("Помилка завантаження даних:",g)}};return e.onMounted(async()=>{const y=n.query.tab;typeof y=="string"&&m.includes(y)&&(s.value=y),await d(),a.value&&await c(a.value)}),e.watch(s,y=>{n.query.tab!==y&&o.replace({query:{...n.query,tab:y}})}),e.watch(()=>n.query.tab,y=>{typeof y=="string"&&m.includes(y)&&s.value!==y&&(s.value=y)}),(y,p)=>{const g=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",Gc,[e.createVNode(Vo,{variant:"form",title:x.value.name},{breadcrumbs:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(g,{to:r.value,class:"text-gray-500 hover:text-gray-700"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value),1)]),_:1},8,["to"]),e.createElementVNode("span",Kc,[e.createVNode(e.unref(Rn),{size:16,class:"shrink-0"})])],64)):e.createCommentVNode("",!0),e.createElementVNode("span",Xc,e.toDisplayString(x.value.name),1)]),description:e.withCtx(()=>[...p[2]||(p[2]=[e.createTextVNode("Налаштування реєстру",-1)])]),actions:e.withCtx(()=>[e.createElementVNode("button",{onClick:p[0]||(p[0]=k=>e.unref(o).back()),class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium border h-10 px-4 py-2 border-gray-300 text-gray-700 hover:bg-gray-50"}," Повернутися "),e.createElementVNode("button",{onClick:h,class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-white rounded-md text-sm font-medium h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700"}," Зберегти ")]),_:1},8,["title"]),e.createElementVNode("div",Qc,[e.createElementVNode("div",Jc,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(i,k=>e.createElementVNode("button",{key:k.id,onClick:C=>s.value=k.id,class:e.normalizeClass(["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm data-[state=active]:bg-blue-50 data-[state=active]:text-blue-700 data-[state=active]:border-blue-200",k.id===s.value?"bg-blue-50 text-blue-700 border-blue-200":""])},e.toDisplayString(k.name),11,ed)),64))])]),e.createElementVNode("div",td,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f[s.value]),{data:x.value,"onUpdate:data":p[1]||(p[1]=k=>x.value=k),fields:u.value,"hide-details-button":t.hideDetailsButton,key:s.value},null,40,["data","fields","hide-details-button"]))])])}}});/*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */function Wo(t){return typeof t>"u"||t===null}function od(t){return typeof t=="object"&&t!==null}function rd(t){return Array.isArray(t)?t:Wo(t)?[]:[t]}function ld(t,n){var o,r,l,s;if(n)for(s=Object.keys(n),o=0,r=s.length;o<r;o+=1)l=s[o],t[l]=n[l];return t}function ad(t,n){var o="",r;for(r=0;r<n;r+=1)o+=t;return o}function sd(t){return t===0&&Number.NEGATIVE_INFINITY===1/t}var id=Wo,cd=od,dd=rd,ud=ad,pd=sd,md=ld,Ye={isNothing:id,isObject:cd,toArray:dd,repeat:ud,isNegativeZero:pd,extend:md};function Yo(t,n){var o="",r=t.reason||"(unknown reason)";return t.mark?(t.mark.name&&(o+='in "'+t.mark.name+'" '),o+="("+(t.mark.line+1)+":"+(t.mark.column+1)+")",!n&&t.mark.snippet&&(o+=`
|
|
209
209
|
|
|
210
210
|
`+t.mark.snippet),r+" "+o):r}function Qt(t,n){Error.call(this),this.name="YAMLException",this.reason=t,this.mark=n,this.message=Yo(this,!1),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack||""}Qt.prototype=Object.create(Error.prototype),Qt.prototype.constructor=Qt,Qt.prototype.toString=function(n){return this.name+": "+Yo(this,n)};var et=Qt;function Un(t,n,o,r,l){var s="",a="",i=Math.floor(l/2)-1;return r-n>i&&(s=" ... ",n=r-i+s.length),o-r>i&&(a=" ...",o=r+i-a.length),{str:s+t.slice(n,o).replace(/\t/g,"→")+a,pos:r-n+s.length}}function qn(t,n){return Ye.repeat(" ",n-t.length)+t}function fd(t,n){if(n=Object.create(n||null),!t.buffer)return null;n.maxLength||(n.maxLength=79),typeof n.indent!="number"&&(n.indent=1),typeof n.linesBefore!="number"&&(n.linesBefore=3),typeof n.linesAfter!="number"&&(n.linesAfter=2);for(var o=/\r?\n|\r|\0/g,r=[0],l=[],s,a=-1;s=o.exec(t.buffer);)l.push(s.index),r.push(s.index+s[0].length),t.position<=s.index&&a<0&&(a=r.length-2);a<0&&(a=r.length-1);var i="",f,m,x=Math.min(t.line+n.linesAfter,l.length).toString().length,u=n.maxLength-(n.indent+x+3);for(f=1;f<=n.linesBefore&&!(a-f<0);f++)m=Un(t.buffer,r[a-f],l[a-f],t.position-(r[a]-r[a-f]),u),i=Ye.repeat(" ",n.indent)+qn((t.line-f+1).toString(),x)+" | "+m.str+`
|
|
211
211
|
`+i;for(m=Un(t.buffer,r[a],l[a],t.position,u),i+=Ye.repeat(" ",n.indent)+qn((t.line+1).toString(),x)+" | "+m.str+`
|
|
@@ -236,12 +236,12 @@
|
|
|
236
236
|
`+t.slice(l,s),l=s+1),a=i;return f+=`
|
|
237
237
|
`,t.length-l>n&&a>l?f+=t.slice(l,a)+`
|
|
238
238
|
`+t.slice(a+1):f+=t.slice(l),f.slice(1)}function ep(t){for(var n="",o=0,r,l=0;l<t.length;o>=65536?l+=2:l++)o=nn(t,l),r=Ke[o],!r&&tn(o)?(n+=t[l],o>=65536&&(n+=t[l+1])):n+=r||Hu(o);return n}function tp(t,n,o){var r="",l=t.tag,s,a,i;for(s=0,a=o.length;s<a;s+=1)i=o[s],t.replacer&&(i=t.replacer.call(o,String(s),i)),(gt(t,n,i,!1,!1)||typeof i>"u"&>(t,n,null,!1,!1))&&(r!==""&&(r+=","+(t.condenseFlow?"":" ")),r+=t.dump);t.tag=l,t.dump="["+r+"]"}function Wr(t,n,o,r){var l="",s=t.tag,a,i,f;for(a=0,i=o.length;a<i;a+=1)f=o[a],t.replacer&&(f=t.replacer.call(o,String(a),f)),(gt(t,n+1,f,!0,!0,!1,!0)||typeof f>"u"&>(t,n+1,null,!0,!0,!1,!0))&&((!r||l!=="")&&(l+=Jn(t,n)),t.dump&&Jt===t.dump.charCodeAt(0)?l+="-":l+="- ",l+=t.dump);t.tag=s,t.dump=l||"[]"}function np(t,n,o){var r="",l=t.tag,s=Object.keys(o),a,i,f,m,x;for(a=0,i=s.length;a<i;a+=1)x="",r!==""&&(x+=", "),t.condenseFlow&&(x+='"'),f=s[a],m=o[f],t.replacer&&(m=t.replacer.call(o,f,m)),gt(t,n,f,!1,!1)&&(t.dump.length>1024&&(x+="? "),x+=t.dump+(t.condenseFlow?'"':"")+":"+(t.condenseFlow?"":" "),gt(t,n,m,!1,!1)&&(x+=t.dump,r+=x));t.tag=l,t.dump="{"+r+"}"}function op(t,n,o,r){var l="",s=t.tag,a=Object.keys(o),i,f,m,x,u,h;if(t.sortKeys===!0)a.sort();else if(typeof t.sortKeys=="function")a.sort(t.sortKeys);else if(t.sortKeys)throw new et("sortKeys must be a boolean or a function");for(i=0,f=a.length;i<f;i+=1)h="",(!r||l!=="")&&(h+=Jn(t,n)),m=a[i],x=o[m],t.replacer&&(x=t.replacer.call(o,m,x)),gt(t,n+1,m,!0,!0,!0)&&(u=t.tag!==null&&t.tag!=="?"||t.dump&&t.dump.length>1024,u&&(t.dump&&Jt===t.dump.charCodeAt(0)?h+="?":h+="? "),h+=t.dump,u&&(h+=Jn(t,n)),gt(t,n+1,x,!0,u)&&(t.dump&&Jt===t.dump.charCodeAt(0)?h+=":":h+=": ",h+=t.dump,l+=h));t.tag=s,t.dump=l||"{}"}function Yr(t,n,o){var r,l,s,a,i,f;for(l=o?t.explicitTypes:t.implicitTypes,s=0,a=l.length;s<a;s+=1)if(i=l[s],(i.instanceOf||i.predicate)&&(!i.instanceOf||typeof n=="object"&&n instanceof i.instanceOf)&&(!i.predicate||i.predicate(n))){if(o?i.multi&&i.representName?t.tag=i.representName(n):t.tag=i.tag:t.tag="?",i.represent){if(f=t.styleMap[i.tag]||i.defaultStyle,vr.call(i.represent)==="[object Function]")r=i.represent(n,f);else if(Sr.call(i.represent,f))r=i.represent[f](n,f);else throw new et("!<"+i.tag+'> tag resolver accepts not "'+f+'" style');t.dump=r}return!0}return!1}function gt(t,n,o,r,l,s,a){t.tag=null,t.dump=o,Yr(t,o,!1)||Yr(t,o,!0);var i=vr.call(t.dump),f=r,m;r&&(r=t.flowLevel<0||t.flowLevel>n);var x=i==="[object Object]"||i==="[object Array]",u,h;if(x&&(u=t.duplicates.indexOf(o),h=u!==-1),(t.tag!==null&&t.tag!=="?"||h||t.indent!==2&&n>0)&&(l=!1),h&&t.usedDuplicates[u])t.dump="*ref_"+u;else{if(x&&h&&!t.usedDuplicates[u]&&(t.usedDuplicates[u]=!0),i==="[object Object]")r&&Object.keys(t.dump).length!==0?(op(t,n,t.dump,l),h&&(t.dump="&ref_"+u+t.dump)):(np(t,n,t.dump),h&&(t.dump="&ref_"+u+" "+t.dump));else if(i==="[object Array]")r&&t.dump.length!==0?(t.noArrayIndent&&!a&&n>0?Wr(t,n-1,t.dump,l):Wr(t,n,t.dump,l),h&&(t.dump="&ref_"+u+t.dump)):(tp(t,n,t.dump),h&&(t.dump="&ref_"+u+" "+t.dump));else if(i==="[object String]")t.tag!=="?"&&Qu(t,t.dump,n,s,f);else{if(i==="[object Undefined]")return!1;if(t.skipInvalid)return!1;throw new et("unacceptable kind of an object to dump "+i)}t.tag!==null&&t.tag!=="?"&&(m=encodeURI(t.tag[0]==="!"?t.tag.slice(1):t.tag).replace(/!/g,"%21"),t.tag[0]==="!"?m="!"+m:m.slice(0,18)==="tag:yaml.org,2002:"?m="!!"+m.slice(18):m="!<"+m+">",t.dump=m+" "+t.dump)}return!0}function rp(t,n){var o=[],r=[],l,s;for(to(t,o,r),l=0,s=r.length;l<s;l+=1)n.duplicates.push(o[r[l]]);n.usedDuplicates=new Array(s)}function to(t,n,o){var r,l,s;if(t!==null&&typeof t=="object")if(l=n.indexOf(t),l!==-1)o.indexOf(l)===-1&&o.push(l);else if(n.push(t),Array.isArray(t))for(l=0,s=t.length;l<s;l+=1)to(t[l],n,o);else for(r=Object.keys(t),l=0,s=r.length;l<s;l+=1)to(t[r[l]],n,o)}function lp(t,n){n=n||{};var o=new Yu(n);o.noRefs||rp(t,o);var r=t;return o.replacer&&(r=o.replacer.call({"":r},"",r)),gt(o,0,r,!0,!0)?o.dump+`
|
|
239
|
-
`:""}var ap=lp,sp={dump:ap};function no(t,n){return function(){throw new Error("Function yaml."+t+" is removed in js-yaml 4. Use yaml."+n+" instead, which is now safe by default.")}}var ip=Ge,cp=Go,dp=Jo,up=rr,pp=lr,mp=Yn,Zr=$r.load,fp=$r.loadAll,Gr=sp.dump,gp=et,yp={binary:dr,float:or,map:Qo,null:er,pairs:pr,set:mr,timestamp:ir,bool:tr,int:nr,merge:cr,omap:ur,seq:Xo,str:Ko},hp=no("safeLoad","load"),xp=no("safeLoadAll","loadAll"),bp=no("safeDump","dump"),Kr={Type:ip,Schema:cp,FAILSAFE_SCHEMA:dp,JSON_SCHEMA:up,CORE_SCHEMA:pp,DEFAULT_SCHEMA:mp,load:Zr,loadAll:fp,dump:Gr,YAMLException:gp,types:yp,safeLoad:hp,safeLoadAll:xp,safeDump:bp};const qt="#9ca3af";function oo(t){return!t||typeof t!="object"||Array.isArray(t)?null:{...t}}const kp={},wp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"inline-block shrink-0"};function _p(t,n){return e.openBlock(),e.createElementBlock("svg",wp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M8 3 4 7l4 4"},null,-1),e.createElementVNode("path",{d:"M4 7h16"},null,-1),e.createElementVNode("path",{d:"m16 21 4-4-4-4"},null,-1),e.createElementVNode("path",{d:"M20 17H4"},null,-1)])])}const Ep=ye(kp,[["render",_p]]),Np=["aria-label"],ro=e.defineComponent({__name:"PanelToggleButton",props:{open:{type:Boolean},topClass:{default:"top-5"}},emits:["toggle"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("button",{type:"button",onClick:o[0]||(o[0]=r=>n.$emit("toggle")),class:e.normalizeClass(["absolute right-0 w-5 h-9 shrink-0 rounded-l-lg inline-flex items-center justify-center","text-gray-600 hover:bg-gray-100 hover:text-gray-800 transition border border-gray-100 shadow-md bg-white z-[21]",t.topClass]),"aria-label":t.open?"Закрити панель":"Відкрити панель"},[e.createVNode(Ep,{class:"h-3 w-3"})],10,Np))}}),Cp={},Vp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-settings"};function Bp(t,n){return e.openBlock(),e.createElementBlock("svg",Vp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"},null,-1),e.createElementVNode("circle",{cx:"12",cy:"12",r:"3"},null,-1)])])}const Xr=ye(Cp,[["render",Bp]]),$p={},vp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-layers"};function Sp(t,n){return e.openBlock(),e.createElementBlock("svg",vp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"},null,-1),e.createElementVNode("path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"},null,-1),e.createElementVNode("path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"},null,-1)])])}const Lp=ye($p,[["render",Sp]]),Ap={},Mp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-eye"};function Tp(t,n){return e.openBlock(),e.createElementBlock("svg",Mp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"},null,-1),e.createElementVNode("circle",{cx:"12",cy:"12",r:"3"},null,-1)])])}const Qr=ye(Ap,[["render",Tp]]),Fp={},Dp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-map"};function zp(t,n){return e.openBlock(),e.createElementBlock("svg",Dp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"},null,-1),e.createElementVNode("path",{d:"M15 5.764v15"},null,-1),e.createElementVNode("path",{d:"M9 3.236v15"},null,-1)])])}const Ip=ye(Fp,[["render",zp]]),jp={},Pp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-filter"};function Rp(t,n){return e.openBlock(),e.createElementBlock("svg",Pp,[...n[0]||(n[0]=[e.createElementVNode("polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"},null,-1)])])}const Op=ye(jp,[["render",Rp]]),lo=e.defineComponent({__name:"SettingsIcon",setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.unref(Jl),{size:16,class:"lucide lucide-settings"}))}}),Up={class:"flex-1 overflow-y-auto p-4"},qp={class:"space-y-4"},Hp={class:"border border-gray-200 rounded-lg p-4"},Wp={class:"grid grid-cols-2 gap-2"},Yp={class:"text-xs text-gray-500 mb-1"},Zp={class:"text-sm font-semibold text-gray-900"},Gp={class:"border border-gray-200 rounded-lg p-4"},Kp={class:"text-sm text-gray-700 leading-relaxed"},Xp={class:"border border-gray-200 rounded-lg p-4"},Qp={class:"grid grid-cols-2 gap-2"},Jp={class:"text-xs text-gray-500 mb-1"},em={class:"text-sm font-semibold text-gray-900"},tm={class:"flex justify-end gap-2 px-4 py-3 border-t border-gray-100 w-full"},nm=["disabled"],om=["disabled"],dt="-",ao=e.defineComponent({__name:"MetaDataTab",props:{data:{},entityId:{},entityType:{}},emits:["saved"],setup(t,{emit:n}){const o=e.defineAsyncComponent(()=>import("@opengis/core").then(w=>w.VsModal)),r=e.defineAsyncComponent(()=>import("@opengis/form")),l=t,s=n,a=e.ref(null);async function i(w){var N;try{const E=await fetch("/api/suggest/gis.group_list");if(!E.ok)return null;const M=(N=(await E.json()).data)==null?void 0:N.find(D=>String(D.id)===String(w));return(M==null?void 0:M.text)??null}catch{return null}}e.watch(()=>l.data,async w=>{if(a.value=null,(w==null?void 0:w.group_id)!=null){const N=await i(String(w.group_id));a.value=N}},{immediate:!0});function f(w){if(!w||typeof w!="string")return dt;try{const N=new Date(w);return Number.isNaN(N.getTime())?dt:N.toLocaleDateString("uk-UA",{day:"numeric",month:"long",year:"numeric"})}catch{return dt}}function m(w){return typeof(w==null?void 0:w.is_active)=="boolean"?w.is_active?"Активний":"Неактивний":typeof(w==null?void 0:w.enabled)=="boolean"?w.enabled?"Активний":"Неактивний":dt}function x(w){return typeof(w==null?void 0:w.is_public)!="boolean"?dt:w.is_public?"Публічний":"Приватний"}const u=e.computed(()=>{const w=l.data,N=(w==null?void 0:w.group_name)??a.value??((w==null?void 0:w.group_id)!=null?String(w.group_id):dt),E=m(w)
|
|
240
|
-
`)});return}}g.value=!0;try{const E={...y.value},$=`/api/gis-metadata/${encodeURIComponent(l.entityType)}/${encodeURIComponent(l.entityId)}`,M=await fetch($,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(E)});if(!M.ok)throw new Error(`Failed to save metadata: ${M.status}`);he.notify({type:"success",title:"Збережено",message:"Метадані оновлено"}),d.value=!1,s("saved")}catch(E){console.error("Failed to save metadata",E),he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти метадані"})}finally{g.value=!1}}}return(w,N)=>(e.openBlock(),e.createElementBlock("div",Up,[e.createElementVNode("div",qp,[e.createElementVNode("div",Hp,[e.createElementVNode("div",{class:"flex items-center justify-between mb-3"},[N[5]||(N[5]=e.createElementVNode("h2",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wider"}," Загальна інформація ",-1)),e.createElementVNode("button",{type:"button",onClick:C,class:"inline-flex items-center gap-1 px-2 py-1 rounded-md text-xs font-medium transition-colors bg-sky-50 text-sky-600 hover:bg-sky-100"},[...N[4]||(N[4]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"})],-1),e.createTextVNode(" Редагувати ",-1)])])]),e.createElementVNode("div",Wp,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,E=>(e.openBlock(),e.createElementBlock("div",{key:E.label,class:"bg-gray-50 rounded-md p-2 border border-gray-100"},[e.createElementVNode("p",Yp,e.toDisplayString(E.label),1),e.createElementVNode("p",Zp,e.toDisplayString(E.value),1)]))),128))])]),e.createElementVNode("div",Gp,[N[6]||(N[6]=e.createElementVNode("h2",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3"}," Повний опис ",-1)),e.createElementVNode("p",Kp,e.toDisplayString(h.value),1)]),e.createElementVNode("div",Xp,[N[7]||(N[7]=e.createElementVNode("h2",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3"}," Метадані ",-1)),e.createElementVNode("div",Qp,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,E=>(e.openBlock(),e.createElementBlock("div",{key:E.label,class:"bg-gray-50 rounded-md p-2 border border-gray-100"},[e.createElementVNode("p",Jp,e.toDisplayString(E.label),1),e.createElementVNode("p",em,e.toDisplayString(E.value),1)]))),128))])])]),e.createVNode(e.unref(o),{teleport:"#modal",visible:d.value,"onUpdate:visible":N[3]||(N[3]=E=>d.value=E),title:"Редагування метаданих",size:"lg"},{footer:e.withCtx(()=>[e.createElementVNode("div",tm,[e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-gray-100 text-gray-700 text-sm",disabled:g.value,onClick:N[2]||(N[2]=E=>d.value=!1)}," Скасувати ",8,nm),e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-blue-600 text-white text-sm",disabled:g.value,onClick:B},e.toDisplayString(g.value?"Збереження…":"Зберегти"),9,om)])]),default:e.withCtx(()=>[e.createVNode(e.unref(r),{values:y.value,"onUpdate:values":N[0]||(N[0]=E=>y.value=E),form:p.value,"onUpdate:form":N[1]||(N[1]=E=>p.value=E),schema:k},null,8,["values","form"])]),_:1},8,["visible"])]))}}),on="cartocss",rm={defaultToken:"",tokenPostfix:".cartocss",ignoreCase:!0,tokenizer:{root:[[/\s*\/\*/,"comment","@comment"],[/\s*"(?:[^"\\]|\\.)*"/,"string"],[/\s*'(?:[^'\\]|\\.)*'/,"string"],[/#[a-zA-Z_][a-zA-Z0-9_-]*/,"type"],[/\.[a-zA-Z_][a-zA-Z0-9_-]*/,"type"],[/\[[^\]]*\]/,"keyword"],[/::[a-zA-Z_][a-zA-Z0-9_-]*/,"tag"],[/[a-zA-Z_][a-zA-Z0-9_-]*(?=\s*:)/,"attribute.name"],[/[-]?\d+\.?\d*(px|em|%|pt)?/,"number"],[/#[0-9a-fA-F]{3,8}\b/,"string"],[/[,{};:()[\]]/,"delimiter"],[/\s+/,""]],comment:[[/\*\//,"comment","@pop"],[/[^*]+/,"comment"],[/./,"comment"]]}},lm={comments:{blockComment:["/*","*/"]},brackets:[["{","}"],["[","]"],["(",")"]],autoClosingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"}],surroundingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"}]},Jr=["image-filters","image-filters-inflate","direct-image-filters","comp-op","opacity","polygon","polygon-fill","polygon-opacity","polygon-gamma","polygon-gamma-method","polygon-clip","polygon-simplify","polygon-simplify-algorithm","polygon-smooth","polygon-geometry-transform","polygon-comp-op","polygon-pattern-file","polygon-pattern-opacity","polygon-pattern-clip","polygon-pattern-alignment","polygon-pattern-gamma","polygon-pattern-simplify","polygon-pattern-simplify-algorithm","polygon-pattern-smooth","polygon-pattern-geometry-transform","polygon-pattern-transform","polygon-pattern-comp-op","line","line-color","line-width","line-opacity","line-join","line-cap","line-gamma","line-gamma-method","line-dasharray","line-dash-offset","line-miterlimit","line-clip","line-simplify","line-simplify-algorithm","line-smooth","line-offset","line-rasterizer","line-geometry-transform","line-comp-op","line-pattern-file","line-pattern-opacity","line-pattern-clip","line-pattern-simplify","line-pattern-simplify-algorithm","line-pattern-smooth","line-pattern-offset","line-pattern-geometry-transform","line-pattern-transform","line-pattern-comp-op","marker","marker-file","marker-opacity","marker-fill-opacity","marker-line-color","marker-line-width","marker-line-opacity","marker-placement","marker-multi-policy","marker-type","marker-width","marker-height","marker-fill","marker-allow-overlap","marker-avoid-edges","marker-ignore-placement","marker-spacing","marker-max-error","marker-transform","marker-clip","marker-simplify","marker-simplify-algorithm","marker-smooth","marker-geometry-transform","marker-offset","marker-comp-op","marker-direction","shield","shield-name","shield-file","shield-face-name","shield-unlock-image","shield-size","shield-fill","shield-placement","shield-avoid-edges","shield-allow-overlap","shield-margin","shield-repeat-distance","shield-min-distance","shield-spacing","shield-min-padding","shield-label-position-tolerance","shield-wrap-width","shield-wrap-before","shield-wrap-character","shield-halo-fill","shield-halo-radius","shield-halo-rasterizer","shield-halo-transform","shield-halo-comp-op","shield-halo-opacity","shield-character-spacing","shield-line-spacing","shield-text-dx","shield-text-dy","shield-dx","shield-dy","shield-opacity","shield-text-opacity","shield-horizontal-alignment","shield-vertical-alignment","shield-placement-type","shield-placements","shield-text-transform","shield-justify-alignment","shield-transform","shield-clip","shield-simplify","shield-simplify-algorithm","shield-smooth","shield-comp-op","shield-grid-cell-width","shield-grid-cell-height","raster","raster-opacity","raster-filter-factor","raster-scaling","raster-mesh-size","raster-comp-op","raster-colorizer-default-mode","raster-colorizer-default-color","raster-colorizer-epsilon","raster-colorizer-stops","point","point-file","point-allow-overlap","point-ignore-placement","point-opacity","point-placement","point-transform","point-comp-op","text","text-name","text-face-name","text-size","text-ratio","text-wrap-width","text-wrap-before","text-wrap-character","text-repeat-wrap-character","text-spacing","text-character-spacing","text-line-spacing","text-label-position-tolerance","text-max-char-angle-delta","text-fill","text-opacity","text-halo-opacity","text-halo-fill","text-halo-radius","text-halo-rasterizer","text-halo-transform","text-dx","text-dy","text-vertical-alignment","text-avoid-edges","text-margin","text-repeat-distance","text-min-distance","text-min-padding","text-min-path-length","text-allow-overlap","text-orientation","text-rotate-displacement","text-upright","text-placement","text-placement-type","text-placements","text-transform","text-horizontal-alignment","text-align","text-clip","text-simplify","text-simplify-algorithm","text-smooth","text-comp-op","text-halo-comp-op","text-font-feature-settings","text-largest-bbox-only","text-grid-cell-width","text-grid-cell-height","building","building-fill","building-fill-opacity","building-height","debug-mode","dot","dot-fill","dot-opacity","dot-width","dot-height","dot-comp-op"],am={"polygon-fill":"Fill color to assign to a polygon. Type: color.","polygon-opacity":"The opacity of the polygon (0-1). Type: float.","line-color":"The color of a drawn line. Type: color.","line-width":"The width of a line in pixels. Type: float.","line-opacity":"The opacity of a line (0-1). Type: float.","line-dasharray":"Dash pattern: pair of length values [a,b] or more. Type: numbers.","marker-fill":"The color of the area of the marker. Type: color.","marker-width":"The width of the marker in pixels. Type: float.","marker-height":"The height of the marker in pixels. Type: float.","marker-file":"A file that this marker shows at each placement. Type: uri (e.g. url('marker.png')).","text-name":"Value to use for a text label. Data columns: [column_name]. Type: string.","text-face-name":"Font name and style to render a label in. Type: string.","text-size":"Text size in pixels. Type: float.","text-fill":"Specifies the color for the text. Type: color.","text-halo-fill":"Specifies the color of the halo around the text. Type: color.","text-halo-radius":"Specify the radius of the halo in pixels. Type: float.","comp-op":"Composite operation. Defines how this layer behaves relative to layers atop or below it. Type: keyword.",opacity:"An alpha value for the style (0-1). Type: float."};let el=!1;function sm(t,n){if(n<1)return null;const r=t.substring(0,n-1).match(/[a-zA-Z_-]+$/);if(!r)return null;const l=r[0],s=n-l.length;return{prefix:l,startColumn:s,endColumn:n}}function im(t,n){const o=/[a-zA-Z_-]+\s*:/g;let r;for(;(r=o.exec(t))!==null;){const l=r[0].replace(/\s*:$/,"").trim(),s=r.index+1,a=r.index+r[0].length,f=t.substring(a).indexOf(";"),m=f>=0?a+f+1:t.length+1;if(n>=s&&n<=m)return Jr.includes(l)?l:null}return null}function cm(t){el||(el=!0,t.languages.register({id:on}),t.languages.setMonarchTokensProvider(on,rm),t.languages.setLanguageConfiguration(on,lm),t.languages.registerCompletionItemProvider(on,{provideCompletionItems(n,o){const r=n.getLineContent(o.lineNumber),l=sm(r,o.column),s=((l==null?void 0:l.prefix)??"").toLowerCase(),a=l&&l.startColumn>=1?{startLineNumber:o.lineNumber,startColumn:l.startColumn,endLineNumber:o.lineNumber,endColumn:l.endColumn}:void 0;return{suggestions:Jr.filter(f=>!s||f.toLowerCase().includes(s)||f.toLowerCase().startsWith(s)).map(f=>({label:f,kind:t.languages.CompletionItemKind.Property,insertText:f+": ",...a&&{range:a}}))}}}),t.languages.registerHoverProvider(on,{provideHover(n,o){const r=n.getLineContent(o.lineNumber),l=im(r,o.column);if(!l)return;const s=am[l];return{contents:[{value:`**${l}**
|
|
239
|
+
`:""}var ap=lp,sp={dump:ap};function no(t,n){return function(){throw new Error("Function yaml."+t+" is removed in js-yaml 4. Use yaml."+n+" instead, which is now safe by default.")}}var ip=Ge,cp=Go,dp=Jo,up=rr,pp=lr,mp=Yn,Zr=$r.load,fp=$r.loadAll,Gr=sp.dump,gp=et,yp={binary:dr,float:or,map:Qo,null:er,pairs:pr,set:mr,timestamp:ir,bool:tr,int:nr,merge:cr,omap:ur,seq:Xo,str:Ko},hp=no("safeLoad","load"),xp=no("safeLoadAll","loadAll"),bp=no("safeDump","dump"),Kr={Type:ip,Schema:cp,FAILSAFE_SCHEMA:dp,JSON_SCHEMA:up,CORE_SCHEMA:pp,DEFAULT_SCHEMA:mp,load:Zr,loadAll:fp,dump:Gr,YAMLException:gp,types:yp,safeLoad:hp,safeLoadAll:xp,safeDump:bp};const qt="#9ca3af";function oo(t){return!t||typeof t!="object"||Array.isArray(t)?null:{...t}}const kp={},wp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"inline-block shrink-0"};function _p(t,n){return e.openBlock(),e.createElementBlock("svg",wp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M8 3 4 7l4 4"},null,-1),e.createElementVNode("path",{d:"M4 7h16"},null,-1),e.createElementVNode("path",{d:"m16 21 4-4-4-4"},null,-1),e.createElementVNode("path",{d:"M20 17H4"},null,-1)])])}const Ep=ye(kp,[["render",_p]]),Np=["aria-label"],ro=e.defineComponent({__name:"PanelToggleButton",props:{open:{type:Boolean},topClass:{default:"top-5"}},emits:["toggle"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("button",{type:"button",onClick:o[0]||(o[0]=r=>n.$emit("toggle")),class:e.normalizeClass(["absolute right-0 w-5 h-9 shrink-0 rounded-l-lg inline-flex items-center justify-center","text-gray-600 hover:bg-gray-100 hover:text-gray-800 transition border border-gray-100 shadow-md bg-white z-[21]",t.topClass]),"aria-label":t.open?"Закрити панель":"Відкрити панель"},[e.createVNode(Ep,{class:"h-3 w-3"})],10,Np))}}),Cp={},Vp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-settings"};function Bp(t,n){return e.openBlock(),e.createElementBlock("svg",Vp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"},null,-1),e.createElementVNode("circle",{cx:"12",cy:"12",r:"3"},null,-1)])])}const Xr=ye(Cp,[["render",Bp]]),$p={},vp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-layers"};function Sp(t,n){return e.openBlock(),e.createElementBlock("svg",vp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"},null,-1),e.createElementVNode("path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"},null,-1),e.createElementVNode("path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"},null,-1)])])}const Lp=ye($p,[["render",Sp]]),Ap={},Mp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-eye"};function Tp(t,n){return e.openBlock(),e.createElementBlock("svg",Mp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"},null,-1),e.createElementVNode("circle",{cx:"12",cy:"12",r:"3"},null,-1)])])}const Qr=ye(Ap,[["render",Tp]]),Fp={},Dp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-map"};function zp(t,n){return e.openBlock(),e.createElementBlock("svg",Dp,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"},null,-1),e.createElementVNode("path",{d:"M15 5.764v15"},null,-1),e.createElementVNode("path",{d:"M9 3.236v15"},null,-1)])])}const Ip=ye(Fp,[["render",zp]]),jp={},Pp={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-filter"};function Rp(t,n){return e.openBlock(),e.createElementBlock("svg",Pp,[...n[0]||(n[0]=[e.createElementVNode("polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"},null,-1)])])}const Op=ye(jp,[["render",Rp]]),lo=e.defineComponent({__name:"SettingsIcon",setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.unref(Jl),{size:16,class:"lucide lucide-settings"}))}}),Up={class:"flex-1 overflow-y-auto p-4"},qp={class:"space-y-4"},Hp={class:"border border-gray-200 rounded-lg p-4"},Wp={class:"grid grid-cols-2 gap-2"},Yp={class:"text-xs text-gray-500 mb-1"},Zp={class:"text-sm font-semibold text-gray-900"},Gp={class:"border border-gray-200 rounded-lg p-4"},Kp={class:"text-sm text-gray-700 leading-relaxed"},Xp={class:"border border-gray-200 rounded-lg p-4"},Qp={class:"grid grid-cols-2 gap-2"},Jp={class:"text-xs text-gray-500 mb-1"},em={class:"text-sm font-semibold text-gray-900"},tm={class:"flex justify-end gap-2 px-4 py-3 border-t border-gray-100 w-full"},nm=["disabled"],om=["disabled"],dt="-",ao=e.defineComponent({__name:"MetaDataTab",props:{data:{},entityId:{},entityType:{}},emits:["saved"],setup(t,{emit:n}){const o=e.defineAsyncComponent(()=>import("@opengis/core").then(w=>w.VsModal)),r=e.defineAsyncComponent(()=>import("@opengis/form")),l=t,s=n,a=e.ref(null);async function i(w){var N;try{const E=await fetch("/api/suggest/gis.group_list");if(!E.ok)return null;const M=(N=(await E.json()).data)==null?void 0:N.find(D=>String(D.id)===String(w));return(M==null?void 0:M.text)??null}catch{return null}}e.watch(()=>l.data,async w=>{if(a.value=null,(w==null?void 0:w.group_id)!=null){const N=await i(String(w.group_id));a.value=N}},{immediate:!0});function f(w){if(!w||typeof w!="string")return dt;try{const N=new Date(w);return Number.isNaN(N.getTime())?dt:N.toLocaleDateString("uk-UA",{day:"numeric",month:"long",year:"numeric"})}catch{return dt}}function m(w){return typeof(w==null?void 0:w.is_active)=="boolean"?w.is_active?"Активний":"Неактивний":typeof(w==null?void 0:w.enabled)=="boolean"?w.enabled?"Активний":"Неактивний":dt}function x(w){return typeof(w==null?void 0:w.is_public)!="boolean"?dt:w.is_public?"Публічний":"Приватний"}const u=e.computed(()=>{const w=l.data,N=(w==null?void 0:w.group_name)??a.value??((w==null?void 0:w.group_id)!=null?String(w.group_id):dt),E=m(w),B=x(w),M=w!=null&&w.created_at?f(w.created_at):dt;return[{label:"Група",value:N},{label:"Статус",value:E},{label:"Видимість",value:B},{label:"Створено",value:M}]}),h=e.computed(()=>{var N;const w=(N=l.data)==null?void 0:N.description;return w!=null&&w!==""?w:dt}),c=e.computed(()=>{const w=l.data,N=(w==null?void 0:w.holder)??(w==null?void 0:w.producer)??dt,E=(w==null?void 0:w.license)??dt,B=(w==null?void 0:w.year)!=null?String(w.year):dt,M=Array.isArray(w==null?void 0:w.keywords)&&w.keywords.length>0?w.keywords.join(", "):dt;return[{label:"Виробник",value:N},{label:"Ліцензія",value:E},{label:"Рік",value:B},{label:"Ключові слова",value:M}]}),d=e.ref(!1),y=e.ref({}),p=e.ref(null),g=e.ref(!1),k=[{name:"description",type:"textarea",label:"Опис",col:12},{name:"group_id",type:"Autocomplete",label:"Група",data:"gis.group_list",col:6},{name:"producer",type:"text",label:"Виробник",col:6},{name:"license",type:"text",label:"Ліцензія",col:6},{name:"year",type:"number",label:"Рік",col:6},{name:"keywords",type:"Tags",label:"Ключові слова",placeholder:"Введіть тег та натисніть Enter",col:12},{name:"is_public",type:"switcher",label:"Публічність",col:6,data:"yes_no"},{name:"is_active",type:"switcher",label:"Активність",col:6,data:"yes_no"}];function C(){const w=l.data;y.value={description:(w==null?void 0:w.description)??"",group_id:(w==null?void 0:w.group_id)!=null?String(w.group_id):"",producer:(w==null?void 0:w.holder)??(w==null?void 0:w.producer)??"",license:(w==null?void 0:w.license)??"",year:(w==null?void 0:w.year)??null,keywords:Array.isArray(w==null?void 0:w.keywords)?[...w.keywords]:[],is_public:(w==null?void 0:w.is_public)??!1,is_active:typeof(w==null?void 0:w.is_active)=="boolean"?w.is_active:(w==null?void 0:w.enabled)??!1},p.value=null,d.value=!0}async function $(){var w,N;if(!(!l.entityId||!l.entityType)){if(p.value){const E=(N=(w=p.value).validate)==null?void 0:N.call(w);if(E){he.notify({type:"warning",title:"Валідація",message:Object.entries(E).map(([B,M])=>`${B}: ${M}`).join(`
|
|
240
|
+
`)});return}}g.value=!0;try{const E={...y.value},B=`/api/gis-metadata/${encodeURIComponent(l.entityType)}/${encodeURIComponent(l.entityId)}`,M=await fetch(B,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(E)});if(!M.ok)throw new Error(`Failed to save metadata: ${M.status}`);he.notify({type:"success",title:"Збережено",message:"Метадані оновлено"}),d.value=!1,s("saved")}catch(E){console.error("Failed to save metadata",E),he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти метадані"})}finally{g.value=!1}}}return(w,N)=>(e.openBlock(),e.createElementBlock("div",Up,[e.createElementVNode("div",qp,[e.createElementVNode("div",Hp,[e.createElementVNode("div",{class:"flex items-center justify-between mb-3"},[N[5]||(N[5]=e.createElementVNode("h2",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wider"}," Загальна інформація ",-1)),e.createElementVNode("button",{type:"button",onClick:C,class:"inline-flex items-center gap-1 px-2 py-1 rounded-md text-xs font-medium transition-colors bg-sky-50 text-sky-600 hover:bg-sky-100"},[...N[4]||(N[4]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"})],-1),e.createTextVNode(" Редагувати ",-1)])])]),e.createElementVNode("div",Wp,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,E=>(e.openBlock(),e.createElementBlock("div",{key:E.label,class:"bg-gray-50 rounded-md p-2 border border-gray-100"},[e.createElementVNode("p",Yp,e.toDisplayString(E.label),1),e.createElementVNode("p",Zp,e.toDisplayString(E.value),1)]))),128))])]),e.createElementVNode("div",Gp,[N[6]||(N[6]=e.createElementVNode("h2",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3"}," Повний опис ",-1)),e.createElementVNode("p",Kp,e.toDisplayString(h.value),1)]),e.createElementVNode("div",Xp,[N[7]||(N[7]=e.createElementVNode("h2",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3"}," Метадані ",-1)),e.createElementVNode("div",Qp,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,E=>(e.openBlock(),e.createElementBlock("div",{key:E.label,class:"bg-gray-50 rounded-md p-2 border border-gray-100"},[e.createElementVNode("p",Jp,e.toDisplayString(E.label),1),e.createElementVNode("p",em,e.toDisplayString(E.value),1)]))),128))])])]),e.createVNode(e.unref(o),{teleport:"#modal",visible:d.value,"onUpdate:visible":N[3]||(N[3]=E=>d.value=E),title:"Редагування метаданих",size:"lg"},{footer:e.withCtx(()=>[e.createElementVNode("div",tm,[e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-gray-100 text-gray-700 text-sm",disabled:g.value,onClick:N[2]||(N[2]=E=>d.value=!1)}," Скасувати ",8,nm),e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-blue-600 text-white text-sm",disabled:g.value,onClick:$},e.toDisplayString(g.value?"Збереження…":"Зберегти"),9,om)])]),default:e.withCtx(()=>[e.createVNode(e.unref(r),{values:y.value,"onUpdate:values":N[0]||(N[0]=E=>y.value=E),form:p.value,"onUpdate:form":N[1]||(N[1]=E=>p.value=E),schema:k},null,8,["values","form"])]),_:1},8,["visible"])]))}}),on="cartocss",rm={defaultToken:"",tokenPostfix:".cartocss",ignoreCase:!0,tokenizer:{root:[[/\s*\/\*/,"comment","@comment"],[/\s*"(?:[^"\\]|\\.)*"/,"string"],[/\s*'(?:[^'\\]|\\.)*'/,"string"],[/#[a-zA-Z_][a-zA-Z0-9_-]*/,"type"],[/\.[a-zA-Z_][a-zA-Z0-9_-]*/,"type"],[/\[[^\]]*\]/,"keyword"],[/::[a-zA-Z_][a-zA-Z0-9_-]*/,"tag"],[/[a-zA-Z_][a-zA-Z0-9_-]*(?=\s*:)/,"attribute.name"],[/[-]?\d+\.?\d*(px|em|%|pt)?/,"number"],[/#[0-9a-fA-F]{3,8}\b/,"string"],[/[,{};:()[\]]/,"delimiter"],[/\s+/,""]],comment:[[/\*\//,"comment","@pop"],[/[^*]+/,"comment"],[/./,"comment"]]}},lm={comments:{blockComment:["/*","*/"]},brackets:[["{","}"],["[","]"],["(",")"]],autoClosingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"}],surroundingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"}]},Jr=["image-filters","image-filters-inflate","direct-image-filters","comp-op","opacity","polygon","polygon-fill","polygon-opacity","polygon-gamma","polygon-gamma-method","polygon-clip","polygon-simplify","polygon-simplify-algorithm","polygon-smooth","polygon-geometry-transform","polygon-comp-op","polygon-pattern-file","polygon-pattern-opacity","polygon-pattern-clip","polygon-pattern-alignment","polygon-pattern-gamma","polygon-pattern-simplify","polygon-pattern-simplify-algorithm","polygon-pattern-smooth","polygon-pattern-geometry-transform","polygon-pattern-transform","polygon-pattern-comp-op","line","line-color","line-width","line-opacity","line-join","line-cap","line-gamma","line-gamma-method","line-dasharray","line-dash-offset","line-miterlimit","line-clip","line-simplify","line-simplify-algorithm","line-smooth","line-offset","line-rasterizer","line-geometry-transform","line-comp-op","line-pattern-file","line-pattern-opacity","line-pattern-clip","line-pattern-simplify","line-pattern-simplify-algorithm","line-pattern-smooth","line-pattern-offset","line-pattern-geometry-transform","line-pattern-transform","line-pattern-comp-op","marker","marker-file","marker-opacity","marker-fill-opacity","marker-line-color","marker-line-width","marker-line-opacity","marker-placement","marker-multi-policy","marker-type","marker-width","marker-height","marker-fill","marker-allow-overlap","marker-avoid-edges","marker-ignore-placement","marker-spacing","marker-max-error","marker-transform","marker-clip","marker-simplify","marker-simplify-algorithm","marker-smooth","marker-geometry-transform","marker-offset","marker-comp-op","marker-direction","shield","shield-name","shield-file","shield-face-name","shield-unlock-image","shield-size","shield-fill","shield-placement","shield-avoid-edges","shield-allow-overlap","shield-margin","shield-repeat-distance","shield-min-distance","shield-spacing","shield-min-padding","shield-label-position-tolerance","shield-wrap-width","shield-wrap-before","shield-wrap-character","shield-halo-fill","shield-halo-radius","shield-halo-rasterizer","shield-halo-transform","shield-halo-comp-op","shield-halo-opacity","shield-character-spacing","shield-line-spacing","shield-text-dx","shield-text-dy","shield-dx","shield-dy","shield-opacity","shield-text-opacity","shield-horizontal-alignment","shield-vertical-alignment","shield-placement-type","shield-placements","shield-text-transform","shield-justify-alignment","shield-transform","shield-clip","shield-simplify","shield-simplify-algorithm","shield-smooth","shield-comp-op","shield-grid-cell-width","shield-grid-cell-height","raster","raster-opacity","raster-filter-factor","raster-scaling","raster-mesh-size","raster-comp-op","raster-colorizer-default-mode","raster-colorizer-default-color","raster-colorizer-epsilon","raster-colorizer-stops","point","point-file","point-allow-overlap","point-ignore-placement","point-opacity","point-placement","point-transform","point-comp-op","text","text-name","text-face-name","text-size","text-ratio","text-wrap-width","text-wrap-before","text-wrap-character","text-repeat-wrap-character","text-spacing","text-character-spacing","text-line-spacing","text-label-position-tolerance","text-max-char-angle-delta","text-fill","text-opacity","text-halo-opacity","text-halo-fill","text-halo-radius","text-halo-rasterizer","text-halo-transform","text-dx","text-dy","text-vertical-alignment","text-avoid-edges","text-margin","text-repeat-distance","text-min-distance","text-min-padding","text-min-path-length","text-allow-overlap","text-orientation","text-rotate-displacement","text-upright","text-placement","text-placement-type","text-placements","text-transform","text-horizontal-alignment","text-align","text-clip","text-simplify","text-simplify-algorithm","text-smooth","text-comp-op","text-halo-comp-op","text-font-feature-settings","text-largest-bbox-only","text-grid-cell-width","text-grid-cell-height","building","building-fill","building-fill-opacity","building-height","debug-mode","dot","dot-fill","dot-opacity","dot-width","dot-height","dot-comp-op"],am={"polygon-fill":"Fill color to assign to a polygon. Type: color.","polygon-opacity":"The opacity of the polygon (0-1). Type: float.","line-color":"The color of a drawn line. Type: color.","line-width":"The width of a line in pixels. Type: float.","line-opacity":"The opacity of a line (0-1). Type: float.","line-dasharray":"Dash pattern: pair of length values [a,b] or more. Type: numbers.","marker-fill":"The color of the area of the marker. Type: color.","marker-width":"The width of the marker in pixels. Type: float.","marker-height":"The height of the marker in pixels. Type: float.","marker-file":"A file that this marker shows at each placement. Type: uri (e.g. url('marker.png')).","text-name":"Value to use for a text label. Data columns: [column_name]. Type: string.","text-face-name":"Font name and style to render a label in. Type: string.","text-size":"Text size in pixels. Type: float.","text-fill":"Specifies the color for the text. Type: color.","text-halo-fill":"Specifies the color of the halo around the text. Type: color.","text-halo-radius":"Specify the radius of the halo in pixels. Type: float.","comp-op":"Composite operation. Defines how this layer behaves relative to layers atop or below it. Type: keyword.",opacity:"An alpha value for the style (0-1). Type: float."};let el=!1;function sm(t,n){if(n<1)return null;const r=t.substring(0,n-1).match(/[a-zA-Z_-]+$/);if(!r)return null;const l=r[0],s=n-l.length;return{prefix:l,startColumn:s,endColumn:n}}function im(t,n){const o=/[a-zA-Z_-]+\s*:/g;let r;for(;(r=o.exec(t))!==null;){const l=r[0].replace(/\s*:$/,"").trim(),s=r.index+1,a=r.index+r[0].length,f=t.substring(a).indexOf(";"),m=f>=0?a+f+1:t.length+1;if(n>=s&&n<=m)return Jr.includes(l)?l:null}return null}function cm(t){el||(el=!0,t.languages.register({id:on}),t.languages.setMonarchTokensProvider(on,rm),t.languages.setLanguageConfiguration(on,lm),t.languages.registerCompletionItemProvider(on,{provideCompletionItems(n,o){const r=n.getLineContent(o.lineNumber),l=sm(r,o.column),s=((l==null?void 0:l.prefix)??"").toLowerCase(),a=l&&l.startColumn>=1?{startLineNumber:o.lineNumber,startColumn:l.startColumn,endLineNumber:o.lineNumber,endColumn:l.endColumn}:void 0;return{suggestions:Jr.filter(f=>!s||f.toLowerCase().includes(s)||f.toLowerCase().startsWith(s)).map(f=>({label:f,kind:t.languages.CompletionItemKind.Property,insertText:f+": ",...a&&{range:a}}))}}}),t.languages.registerHoverProvider(on,{provideHover(n,o){const r=n.getLineContent(o.lineNumber),l=im(r,o.column);if(!l)return;const s=am[l];return{contents:[{value:`**${l}**
|
|
241
241
|
|
|
242
|
-
${s??"CartoCSS property (Mapnik)."}`}]}}}))}const rn=e.defineComponent({__name:"MonacoEditor",props:{modelValue:{},language:{},theme:{}},emits:["update:modelValue","load"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(null);let s=null,a=null,i=!1;function f(){return new Promise((x,u)=>{if(a)return x(a);if(window.monaco)return a=window.monaco,x(a);const h=d=>{if([...document.styleSheets].some(p=>{var g;return(g=p==null?void 0:p.href)==null?void 0:g.includes(d)}))return;const y=document.createElement("link");y.rel="stylesheet",y.href=d,document.head.appendChild(y)},c=d=>new Promise((y,p)=>{const g=document.createElement("script");g.src=d,g.onload=()=>y(!0),g.onerror=p,document.body.appendChild(g)});h("https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs/editor/editor.main.min.css"),c("https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs/loader.min.js").then(()=>{window.require.config({paths:{vs:"https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs"}}),window.require(["vs/editor/editor.main"],()=>{a=window.monaco,x(a)})}).catch(u)})}function m(){var u,h;if(!l.value||!a)return;s&&s.dispose(),s=a.editor.create(l.value,{value:o.modelValue||"",language:o.language||"yaml",theme:o.theme||"vs-light",automaticLayout:!0,minimap:{enabled:!1}}),(o.language||"yaml")==="css"&&((h=(u=a.languages)==null?void 0:u.css)!=null&&h.cssDefaults)&&a.languages.css.cssDefaults.setDiagnosticsOptions({validate:!1,lint:{}}),s.onDidChangeModelContent(()=>{i||r("update:modelValue",s.getValue())})}return e.watch(()=>o.modelValue,x=>{if(!s)return;const u=s.getValue();x!==u&&(i=!0,s.setValue(x||""),i=!1)}),e.watch(()=>o.language,x=>{s&&a&&a.editor.setModelLanguage(s.getModel(),x||"yaml")}),e.watch(()=>o.theme,x=>{s&&a&&a.editor.setTheme(x||"vs-light")}),e.onMounted(async()=>{await f(),cm(a),m()}),e.onBeforeUnmount(()=>{s&&s.dispose()}),(x,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editorContainer",ref:l,class:"w-full h-full"},null,512))}}),dm={class:"flex flex-col flex-1 overflow-hidden"},um={class:"flex justify-end gap-2"},pm=["href"],mm={class:"flex flex-col flex-1 overflow-hidden"},fm={class:"bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden mt-3 flex flex-col flex-1"},gm={class:"relative bg-gradient-to-br from-slate-50 to-white flex-1"},ym=e.defineComponent({__name:"vs-tab-style",props:{token:{},styleYaml:{},styleText:{}},emits:["update:style-yaml","update:style-text","update"],setup(t,{emit:n}){const o=t,r=n,l=e.ref("");e.watch(()=>o.styleText,f=>{const m=f??"";l.value!==m&&(l.value=m)},{immediate:!0}),e.watch(l,async f=>{var x,u;const m=f??"";o.styleText!==m&&r("update:style-text",m);try{const h=f?Zr(f):null;if((x=h==null?void 0:h.colorAttr)!=null&&x.length&&((u=o.styleYaml)==null?void 0:u.colorAttr)!==h.colorAttr){const c=await s(h.colorAttr);h.colors=c.reduce((y,p,g)=>({...y,[p.id.toString()]:a[g]}),{});const d=Gr(h);d!==l.value&&(l.value=d)}JSON.stringify(h)!==JSON.stringify(o.styleYaml)&&r("update:style-yaml",h&&typeof h=="object"?h:null)}catch{o.styleYaml!==null&&r("update:style-yaml",null)}});async function s(f){return(await fetch(`/api/gis-service/${o.token}/${f}`).then(x=>x.json())).rows}const a=["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd"],i=async()=>{const f=o.styleYaml?JSON.stringify(o.styleYaml):o.styleText?o.styleText:"null";try{await fetch(`/api/gis-service/${o.token}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({style:f})}),r("update"),he.notify({type:"success",title:"Успіх",message:"Стилі збережено"})}catch(m){he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти стилі"}),console.log(m)}};return(f,m)=>(e.openBlock(),e.createElementBlock("div",dm,[e.createElementVNode("div",um,[e.createElementVNode("a",{target:"_blank",href:"/api/gis-service/"+o.token+"/col",class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Атрибути ",8,pm),e.createElementVNode("button",{onClick:i,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"},[...m[1]||(m[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-save h-3 w-3 mr-1"},[e.createElementVNode("path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"}),e.createElementVNode("path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"}),e.createElementVNode("path",{d:"M7 3v4a1 1 0 0 0 1 1h7"})],-1),e.createTextVNode(" Зберегти стилі ",-1)])])]),e.createElementVNode("div",mm,[e.createElementVNode("div",fm,[m[2]||(m[2]=e.createElementVNode("div",{class:"bg-gradient-to-r from-gray-50 to-gray-100 px-4 py-2 border-b border-gray-200 flex items-center justify-between"},[e.createElementVNode("div",{class:"text-xs text-gray-400"},"YAML")],-1)),e.createElementVNode("div",gm,[e.createVNode(rn,{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=x=>l.value=x),language:"yaml",theme:"vs-light"},null,8,["modelValue"])])])])]))}});function Ht(t){if(t==null)return null;const n=Number(typeof t=="string"?t.trim():t);return Number.isFinite(n)?n:null}function St(t){if(!t)return null;if(Array.isArray(t)&&t.length>=2){const n=Ht(t[0]),o=Ht(t[1]);return n!=null&&o!=null?[n,o]:null}if(typeof t=="object"){const n=t;if(Array.isArray(n.coordinates))return St(n.coordinates);const o=n.lng??n.lon??n.long??n.longitude??n.x,r=n.lat??n.latitude??n.y;if(o!=null&&r!=null){const l=Ht(o),s=Ht(r);if(l!=null&&s!=null)return[l,s]}}if(typeof t=="string"&&t.includes(",")){const[n,o]=t.split(","),r=Ht(n),l=Ht(o);return r!=null&&l!=null?[r,l]:null}return null}const tl=Symbol("MapContext");function hm(t){const n=e.shallowRef(null),o=e.ref(!1);let r=!1;const l=[],s=()=>{r=!0,l.length&&l.forEach(c=>c())},a=()=>{const c=t.container;return typeof c=="string"?document.getElementById(c):(c==null?void 0:c.value)!==void 0?c.value:c},i=()=>r?Promise.resolve():new Promise(c=>l.push(c)),f=(c,d)=>{if(c==null)return d;const y=Number(typeof c=="string"?c.trim():c);return Number.isFinite(y)?y:d},m=c=>{if(!n.value||!c)return;const d=St(c.center);d&&n.value.setCenter(d);const y=n.value.getZoom(),p=f(c.zoom,y);if(p!==y&&n.value.setZoom(p),typeof n.value.getMaxZoom=="function"&&typeof n.value.setMaxZoom=="function"){const g=n.value.getMaxZoom(),k=f(c.maxZoom,g);k!==g&&n.value.setMaxZoom(k)}if(typeof n.value.getMinZoom=="function"&&typeof n.value.setMinZoom=="function"){const g=n.value.getMinZoom(),k=f(c.minZoom,g);k!==g&&n.value.setMinZoom(k)}c.bounds&&n.value.fitBounds(c.bounds,{animate:!1})},x=async()=>{var B,w,N,E,$,M,D;if(typeof window>"u"||n.value)return;const c=a();if(!c)throw new Error("Map container not found");const d=e.unref(t.settings)||null,y=St((B=d==null?void 0:d.map)==null?void 0:B.center)||[30,50],p=f((w=d==null?void 0:d.map)==null?void 0:w.zoom,7),g=f((N=d==null?void 0:d.map)==null?void 0:N.maxZoom,20),C={...{attributionControl:!1,center:y,zoom:p,maxZoom:g,minZoom:4},...t.mapOptions||{},container:c};C.maxZoom==null&&(C.maxZoom=g),n.value=new maplibregl.Map(C),(E=t.controls)!=null&&E.navigation&&(n.value.addControl(new maplibregl.NavigationControl(typeof t.controls.navigation=="object"?t.controls.navigation:{}),"top-right"),n.value.once("load",()=>{var Q;const W=n.value.getContainer(),K=(Q=W==null?void 0:W.querySelector)==null?void 0:Q.call(W,".maplibregl-ctrl-compass, .mapboxgl-ctrl-compass");K&&typeof n.value.easeTo=="function"&&K.addEventListener("click",H=>{H.preventDefault(),H.stopPropagation(),n.value.easeTo({bearing:0,pitch:0})},!0)})),($=t.controls)!=null&&$.scale&&n.value.addControl(new maplibregl.ScaleControl(typeof t.controls.scale=="object"?t.controls.scale:{}),"bottom-left"),(M=t.controls)!=null&&M.fullscreen&&n.value.addControl(new maplibregl.FullscreenControl,"top-right"),(D=t.controls)!=null&&D.geolocate&&n.value.addControl(new maplibregl.GeolocateControl(typeof t.controls.geolocate=="object"?t.controls.geolocate:{}),"top-right"),n.value.once("load",()=>{var W;m((W=e.unref(t.settings))==null?void 0:W.map),o.value=!0,s()})};e.watch(()=>{var c;return(c=e.unref(t.settings))==null?void 0:c.map},c=>{m(c)},{deep:!0});const u=()=>{n.value&&(n.value.remove(),n.value=null,o.value=!1)};e.onMounted(x),e.onUnmounted(u);const h={map:n,ready:i,flyTo:c=>{var d;return(d=n.value)==null?void 0:d.flyTo(c)},fitBounds:(c,d)=>{var y;return(y=n.value)==null?void 0:y.fitBounds(c,d)},setCenter:c=>{var d;return(d=n.value)==null?void 0:d.setCenter(c)},setZoom:c=>{var d;return(d=n.value)==null?void 0:d.setZoom(c)},addControl:(c,d)=>{var y;return(y=n.value)==null?void 0:y.addControl(c,d)},removeControl:c=>{var d;return(d=n.value)==null?void 0:d.removeControl(c)},on:(c,d,y)=>{var p,g;return typeof d=="string"?((p=n.value)==null||p.on(c,d,y),()=>{var k;return(k=n.value)==null?void 0:k.off(c,d,y)}):((g=n.value)==null||g.on(c,d),()=>{var k;return(k=n.value)==null?void 0:k.off(c,d)})},off:(c,d,y)=>{var p,g;typeof d=="string"?(p=n.value)==null||p.off(c,d,y):(g=n.value)==null||g.off(c,d)},project:c=>{var d;return(d=n.value)==null?void 0:d.project(c)},unproject:c=>{var d;return(d=n.value)==null?void 0:d.unproject(c)}};return e.provide(tl,h),h}function Pe(t){if(t)return{map:t,flyTo:t.value.flyTo,fitBounds:t.value.fitBounds};const n=e.inject(tl);if(!n)throw new Error("useMap() called outside of a Map provider");return n}const xm=["Noto Sans Regular"],bm=12,km="#0f172a",wm="#fff",_m=14;function He(t,n){if(!t)return;for(const r of n)if(Object.prototype.hasOwnProperty.call(t,r)&&t[r]!==void 0)return t[r];const o=t.text;if(o&&typeof o=="object"){for(const r of n)if(Object.prototype.hasOwnProperty.call(o,r)&&o[r]!==void 0)return o[r]}}function Em(t){return t?Array.isArray(t)?t:[t]:xm}function so(t,n){if(typeof t=="number")return Number.isFinite(t)?t:n;if(t==null||t==="")return n;const o=Number(t);return Number.isFinite(o)?o:n}function Nm(t){if(t==null)return null;if(Array.isArray(t))return t;const n=String(t).trim(),o=n.match(/^\{([^{}]+)\}$/);return o?["get",o[1]]:n}function Cm(t,n){const o=[];if(t!=null&&o.push(t),n&&o.push(["!",["has","point_count"]]),!!o.length)return o.length===1?o[0]:["all",...o]}function Vm(t,n={}){if(!t)return[];const o=He(t,["text-field","textField","textFieldValue","labelText","label"]);if(!o)return[];const r=Nm(o);if(!r)return[];const l=r,s=(n.geometry||t.type||"point").toString().toLowerCase(),a=He(t,["text-font","textFont"]),i=so(He(t,["text-size","textSize"]),bm),f=He(t,["text-allow-overlap","textAllowOverlap"]),m=He(t,["text-minzoom","textMinZoom","textZoom","text-zoom"]),x=He(t,["text-maxzoom","textMaxZoom","maxzoom"]),u=He(t,["text-color","textColor"])||km,h=He(t,["text-halo-color","textHaloColor"])||wm,c=He(t,["text-halo-width","textHaloWidth"]),d=He(t,["text-halo-blur","textHaloBlur"]),y=He(t,["text-offset","textOffset"]),p=He(t,["text-anchor","textAnchor"]),g=He(t,["text-justify","textJustify"]),k=He(t,["text-letter-spacing","textLetterSpacing"]),C=He(t,["text-transform","textTransform"]),B=He(t,["symbol-placement","symbolPlacement"]),w=He(t,["symbol-spacing","symbolSpacing"]),N=He(t,["text-rotation-alignment","textRotationAlignment"]),E=He(t,["text-pitch-alignment","textPitchAlignment"]),$=He(t,["text-opacity","textOpacity"]),M={"text-field":l,"text-font":Em(a),"text-size":i,"text-allow-overlap":f??!1};y&&(M["text-offset"]=y),s!=="line"&&(M["text-anchor"]=p??"center"),g&&(M["text-justify"]=g),k!==void 0&&(M["text-letter-spacing"]=k),C&&(M["text-transform"]=C),w!==void 0&&(M["symbol-spacing"]=w),s==="line"?(M["symbol-placement"]=B||"line",M["text-rotation-alignment"]=N||"map",M["text-pitch-alignment"]=E||"map"):(N&&(M["text-rotation-alignment"]=N),E&&(M["text-pitch-alignment"]=E),B&&(M["symbol-placement"]=B)),p&&s==="line"&&(M["text-anchor"]=p);const D={"text-color":u,"text-opacity":$??1};D["text-halo-color"]=h,c!==void 0&&(D["text-halo-width"]=c),d!==void 0&&(D["text-halo-blur"]=d);const W={type:"symbol",layout:M,paint:D},K=so(m,_m);if(W.minzoom=K,x!==void 0){const H=so(x,void 0);H!==void 0&&(W.maxzoom=H)}const Q=Cm(n.filter,n.excludeClusters);return Q&&(W.filter=Q),[W]}const io=new Map,co={};function uo(t){if(t.colorAttr&&t.colors){const n=Object.entries(t.colors).flat();return["match",["get",t.colorAttr],...n,qt]}return null}function Bm(t){if(!t.icon||!t.colors)return null;const n=[],o=t.icon.split("+")[0];return Object.values(t.colors).forEach(r=>{n.push(`${o}+${r.replace("#","")}.png`)}),["match",["get",t.colorAttr],...Object.entries(t.colors).reduce((r,[l,s],a)=>r.concat([l,n[a]]),[]),t.icon]}function Wt(t,n){n&&(Array.isArray(n)?t.push(...n):t.push(n))}function $m(t,n){const o=(t==null?void 0:t.clusterZoom)??(t==null?void 0:t.pointZoom)??(t==null?void 0:t.iconZoom)??12,r=Number(o);if(!Number.isFinite(r))return null;const l=["get","point_count"],s=["has","point_count"],a=["!",s],m={type:"circle",maxzoom:r,filter:s,paint:{"circle-color":["step",l,"#3b82f6",10,"#fde047",100,"#fbbf24",1e3,"#fda4af",1e4,"#fb7185",1e6,"#a21caf"],"circle-radius":["step",l,16,10,22,100,28,1e3,34,1e4,40,1e6,48],"circle-stroke-color":"#fff","circle-stroke-width":1}},x={type:"symbol",maxzoom:r,filter:s,layout:{"text-field":["to-string",["coalesce",["get","point_count_abbreviated"],l]],"text-font":["Noto Sans Regular"],"text-size":12,"text-allow-overlap":!0},paint:{"text-color":"#fff","text-halo-color":"#172554","text-halo-width":1.25}},u={...n,filter:["all",a,n.filter||!0]};return[m,x,u]}function nl(t,n){const o=uo(t);if(t.icon&&!t.iconZoom&&!t.clusterZoom)return;const r={type:"circle",maxzoom:n||t.iconZoom||22,paint:{"circle-stroke-color":(t==null?void 0:t.stroke)||"#fff","circle-opacity":t.opacity||1,"circle-color":o||t.color||qt,"circle-stroke-width":t.width||1,"circle-radius":t.radius||5}},l=$m(t,r);return l||r}function vm(t){const n=uo(t);return{type:"fill",minzoom:t.pointZoom||0,paint:{"fill-color":n||t.color||qt,"fill-opacity":t.opacity||.3,"fill-outline-color":t.stroke||qt}}}function Sm(t){return{type:"line",paint:{"line-color":uo(t)||t.color||qt,"line-opacity":t.opacity||1,"line-width":t.width||1.5}}}function Lm(t){const n=Bm(t);return{type:"symbol",minzoom:t.iconZoom||0,layout:{"icon-image":n||t.icon,"icon-size":1,"icon-allow-overlap":!0,"icon-ignore-placement":!0}}}function ol(t,n={}){if(!t)return[];if(!Am(t))return[];const o=[];t.icon&&Wt(o,Lm(t)),t.pointZoom&&Wt(o,nl(t,t.pointZoom)),t.type==="polygon"?Wt(o,vm(t)):t.type==="line"?Wt(o,Sm(t)):Wt(o,nl(t));const l=n.sourceType!=="raster"?Vm(t,{geometry:t.type||"point",filter:t.filter,excludeClusters:!!t.clusterZoom}):[];return Wt(o,l),o.filter(Boolean)}function Am(t){return t?!!(new Set(["point","line","polygon"]).has(t.type)||t.icon||t.attrType||t.color||t.stroke||t.radius||t.width||t.colorAttr&&t.colors&&typeof t.colors=="object"&&Object.keys(t.colors).length>0):!1}function rl(t,{sourceType:n,filter:o,allowFallback:r=!1}={}){let l=oo(t);if(l&&o&&(l.filter=o),l)return ol(l,{sourceType:n});if(r&&["vector","geojson"].includes(n||"")){const s={type:"point",color:qt};return o&&(s.filter=o),ol(s,{sourceType:n})}return[]}function Mm(t){return{type:"geojson",data:{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"Point",coordinates:t}}]}}}async function ll(t,n,o){const r=[n],l=n.split("+")[0];Object.values(o||{}).forEach(s=>{r.push(`${l}+${s.replace("#","")}.png`)});for(const s of r){if(t.getImage(s))continue;const a=await t.loadImage(`/api/gis-icon/${s}`);t.addImage(s,a.data)}}function Se(t,n,o){var K,Q;if(!t)return co;if(!n)return co[t];const{map:r,ready:l=()=>Promise.resolve()}=Pe(o),s=t||((K=n.layer)==null?void 0:K.id),a=n.sourceId??t,i={...n};i.point&&(i.source=Mm(i.point)),!i.layer&&((Q=i.source)==null?void 0:Q.type)==="raster"&&(i.layer={id:a,type:"raster",source:a}),i.layer&&!i.layer.source&&Object.assign(i.layer,{source:a});let f=!1,m=!1;const x=()=>{var H,J,O,T,F,X,v,_,S,z;if(!(m||!r.value)){if(i.source&&!r.value.getSource(a)&&r.value.addSource(a,i.source),!r.value.getLayer(s)){const I=i.beforeId===0?(J=(H=r.value.getStyle().layers)==null?void 0:H[0])==null?void 0:J.id:i.beforeId;(T=(O=i.layer)==null?void 0:O.style)!=null&&T.icon&&ll(r.value,i.layer.style.icon,i.layer.style.colors);const G=((F=i.source)==null?void 0:F.type)||((X=i.layer)==null?void 0:X.type),ne=i.layer&&(i.layer.type||i.layer.ref)?i.layer:null,oe=(v=i.layer)==null?void 0:v.style,ae=((_=i.layer)==null?void 0:_["source-layer"])||((S=i.source)==null?void 0:S["source-layer"])||i.sourceLayer||a,xe=i.style||oe,we=rl(xe,{sourceType:G,filter:(z=i.layer)==null?void 0:z.filter,allowFallback:!ne});if(!we.length){if(ne){const P={...ne,id:ne.id||s,source:ne.source||a};G==="vector"&&ae&&(P["source-layer"]=P["source-layer"]||ae),r.value.addLayer(P,I)}return}we.forEach((P,ee)=>{const b={...P,id:`${s}${ee||""}`,source:a};G==="vector"&&ae&&(b["source-layer"]=ae),r.value.addLayer(b,I)})}f=!0}};l().then(x);const u=(H,J)=>r.value?(r.value.on(H,s,J),()=>{var O;return(O=r.value)==null?void 0:O.off(H,s,J)}):()=>{},h=H=>{const J=r.value;if(!J)return;const O=J.getStyle(),T=O==null?void 0:O.layers;T!=null&&T.length&&T.filter(F=>F.source===s).forEach(F=>{J.setLayoutProperty(F.id,"visibility",H?"visible":"none")})},c=(H=!0)=>{var O,T,F;if(!r.value)return;(((F=(T=(O=r.value).getStyle)==null?void 0:T.call(O))==null?void 0:F.layers)??[]).filter(X=>X.source===s).forEach(X=>{r.value.removeLayer(X.id)}),m=!0,i.source&&H&&r.value.getSource(a)&&r.value.removeSource(a)},d=async H=>{var F,X,v,_,S;if(!r.value)return;H!=null&&H.icon&&ll(r.value,H.icon,H.colors);const J=((F=i.source)==null?void 0:F.type)||((X=i.layer)==null?void 0:X.type),O=((v=i.layer)==null?void 0:v["source-layer"])||((_=i.source)==null?void 0:_["source-layer"])||i.sourceLayer||a,T=rl(H,{sourceType:J,filter:(S=i.layer)==null?void 0:S.filter,allowFallback:!0});c(!1),T.forEach((z,I)=>{var ne;const G={...z,id:`${s}${I}`,source:((ne=i.layer)==null?void 0:ne.source)||a};J==="vector"&&O&&(G["source-layer"]=G["source-layer"]||O),r.value.addLayer(G)})},y=H=>{r.value&&Object.entries(H).forEach(([J,O])=>{r.value.setPaintProperty(s,J,O)})},p=(H,J,O)=>{const T=r.value;if(T)switch(J){case"raster":T.setPaintProperty(H,"raster-opacity",O);break;case"fill":T.setPaintProperty(H,"fill-opacity",O);break;case"line":T.setPaintProperty(H,"line-opacity",O);break;case"circle":T.setPaintProperty(H,"circle-opacity",O);break;case"symbol":T.setPaintProperty(H,"icon-opacity",O),T.setPaintProperty(H,"text-opacity",O);break}},M={ids:{layerId:s,sourceId:a},isMounted:()=>{var H;return f&&!!((H=r.value)!=null&&H.getLayer(s))},setVisible:h,updatePaint:y,updateLayout:H=>{r.value&&Object.entries(H).forEach(([J,O])=>{r.value.setLayoutProperty(s,J,O)})},updateFilter:H=>{r.value&&r.value.setFilter(s,H)},setOpacity:H=>{var T;if(!r.value)return;const O=(((T=r.value.getStyle())==null?void 0:T.layers)||[]).filter(F=>F.source===a);if(!O.length){const F=r.value.getLayer(s);F&&p(s,F.type,H);return}O.forEach(F=>p(F.id,F.type,H))},setData:H=>{if(!r.value)return;const J=r.value.getSource(a);J&&"setData"in J&&J.setData(H)},setTiles:H=>{if(!r.value)return;const J=r.value.getSource(a);J&&"setTiles"in J&&J.setTiles(H)},setStyle:d,setFilter:H=>{var O,T;if(!r.value)return;const J=r.value.getSource(a);if(J&&"setTiles"in J&&((T=(O=i.source)==null?void 0:O.tiles)!=null&&T[0])){const F=i.source.tiles[0];J.setTiles([`${F}${F.includes("?")?"&":"?"}filter=${H}`])}},setFeatureState:(H,J)=>{r.value&&r.value.setFeatureState({source:a,...H},J)},removeFeatureState:(H,J)=>{r.value&&r.value.removeFeatureState({source:a,...H},J?{key:J}:void 0)},remove:c,card:i.card,popup:i.popup,opts:i,getSource:()=>{var H;return(H=r.value)==null?void 0:H.getSource(a)},getLayer:()=>{var H;return(H=r.value)==null?void 0:H.getLayer(s)},on:u};io.set(s,M);const D=()=>{io.get(s)===M&&io.delete(s)},W=M.remove;return M.remove=()=>{D(),W()},e.onBeforeUnmount(M.remove),co[t]=M,M}const Tm={class:"flex flex-col flex-1 min-h-0"},Fm={class:"flex flex-col flex-1 min-h-0"},Dm=e.defineComponent({__name:"vs-tab-popup",props:{token:{},fields:{},columns:{}},emits:["update:columns","save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(o.columns||[]);e.watch(()=>o.columns,d=>l.value=d||[],{immediate:!0}),e.watch(l,d=>{const y=Se(o.token);y&&(y.popup=d),r("update:columns",d)});const s=e.ref("list"),a=e.ref(!1),i=e.ref([]),f=[{key:"name",label:"Назва",type:"main"}],m={name:{type:"text",label:"Назва",disabled:!0,validators:["required"]},label:{type:"text",label:"Найменування",validators:["required"]},meta:{type:"radio",label:"Meta",mode:"combo",options:[{text:"Заголовок",id:"title"},{text:"Властивість",id:"feature"},{text:"Бейдж",id:"badge"}]},data:{type:"text",label:"Data"}};function x(){i.value=l.value.map(d=>d.name||d.id),a.value=!0}function u(){var g;const d=[...l.value],y=((g=o.fields)==null?void 0:g.filter(k=>i.value.includes(k.name)))||[],p=It(d,y,{selectedKeys:i.value,resolveKey:k=>Nt(k)});l.value=p,a.value=!1,i.value=[]}function h(){a.value=!1,i.value=[]}function c(){let d=[];s.value==="all"?d=o.fields||[]:s.value==="none"?d=[]:d=l.value,d.filter(y=>!y.label).forEach(y=>y.label=y.ua),r("save",d)}return(d,y)=>(e.openBlock(),e.createElementBlock("div",Tm,[e.createElementVNode("div",{class:"flex justify-between mb-3 gap-2"},[e.createElementVNode("button",{onClick:x,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Імпорт "),e.createElementVNode("button",{onClick:c,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Зберегти попап ")]),e.createElementVNode("div",Fm,[s.value==="list"?(e.openBlock(),e.createBlock(Et,{key:0,modelValue:l.value,"onUpdate:modelValue":y[0]||(y[0]=p=>l.value=p),"columns-scheme":f,"form-scheme":m,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])):e.createCommentVNode("",!0)]),e.createVNode(Dt,{visible:a.value,"onUpdate:visible":y[1]||(y[1]=p=>a.value=p),selection:i.value,"onUpdate:selection":y[2]||(y[2]=p=>i.value=p),fields:t.fields,title:"Імпорт полів","id-prefix":"import-popup",onConfirm:u,onCancel:h},null,8,["visible","selection","fields"])]))}}),zm={class:"flex flex-col flex-1 min-h-0"},Im={class:"flex justify-between mb-3 gap-2"},jm={class:"p-4 space-y-4 text-sm"},Pm={class:"space-y-1"},Rm={class:"space-y-1"},Om={class:"flex items-center gap-3"},Um={class:"flex justify-end gap-2 p-4 border-t"},qm=e.defineComponent({__name:"vs-tab-legend",props:{mapInfo:{},token:{},columns:{}},emits:["update:columns","save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(o.columns||[]);e.watch(()=>o.columns,d=>{l.value=d||[]}),e.watch(l,d=>{r("update:columns",d)});const s=e.ref(!1),a=e.ref({name:"",color:"#2E86DE"}),i=e.defineAsyncComponent(()=>import("@opengis/core").then(d=>d.VsModal)),f=[{key:"name",label:"Назва"},{key:"color",label:"Колір",type:"color"}],m={name:{type:"text",label:"Назва",validators:["required"]},color:{type:"color",label:"Колір",validators:["required"]}};function x(d){d&&u(),s.value=d}function u(){a.value={name:"",color:"#2E86DE"}}function h(){var g,k;const d=(g=a.value.name)==null?void 0:g.trim();if(!d){he.notify({type:"warning",title:"Перевірка",message:"Вкажіть назву елементу легенди"});return}const y=((k=a.value.color)==null?void 0:k.trim())||"#2E86DE";if(l.value.some(C=>Nt(C)===Nt({name:d}))){he.notify({type:"warning",title:"Дубль",message:"Такий елемент легенди вже існує"});return}l.value=[...l.value,{name:d,color:y}],u(),s.value=!1}function c(){r("save",l.value)}return(d,y)=>(e.openBlock(),e.createElementBlock("div",zm,[e.createElementVNode("div",Im,[e.createElementVNode("button",{onClick:y[0]||(y[0]=p=>s.value=!0),class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Додати "),e.createElementVNode("button",{onClick:c,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Зберегти легенду ")]),e.createVNode(Et,{modelValue:l.value,"onUpdate:modelValue":y[1]||(y[1]=p=>l.value=p),"columns-scheme":f,"form-scheme":m,"main-col-width":"250px","add-button":!1},null,8,["modelValue"]),e.createVNode(e.unref(i),{teleport:"#modal",visible:s.value,title:"Новий елемент легенди","onUpdate:visible":x},{footer:e.withCtx(()=>[e.createElementVNode("div",Um,[e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed",onClick:y[5]||(y[5]=p=>x(!1))}," Скасувати "),e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed",onClick:h}," Додати ")])]),default:e.withCtx(()=>[e.createElementVNode("div",jm,[e.createElementVNode("div",Pm,[y[6]||(y[6]=e.createElementVNode("label",{class:"block text-xs font-medium text-gray-500 uppercase tracking-wide"}," Назва ",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":y[2]||(y[2]=p=>a.value.name=p),type:"text",class:"w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200",placeholder:"Наприклад, Житлова зона"},null,512),[[e.vModelText,a.value.name]])]),e.createElementVNode("div",Rm,[y[7]||(y[7]=e.createElementVNode("label",{class:"block text-xs font-medium text-gray-500 uppercase tracking-wide"}," Колір ",-1)),e.createElementVNode("div",Om,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":y[3]||(y[3]=p=>a.value.color=p),type:"color",class:"h-10 w-16 rounded border border-gray-300"},null,512),[[e.vModelText,a.value.color]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":y[4]||(y[4]=p=>a.value.color=p),type:"text",class:"flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200",placeholder:"#FFFFFF"},null,512),[[e.vModelText,a.value.color]])])])])]),_:1},8,["visible"])]))}}),Hm={class:"space-y-3 bg-gradient-to-br from-sky-50 to-blue-50 p-4 rounded-xl border border-sky-100 shadow-sm"},Wm=["onClick"],Ym=["aria-checked","value"],Zm={key:0},Gm=e.defineComponent({__name:"view-mode-toggle",props:{modelValue:{},options:{},showHtml:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,l=a=>r("update:modelValue",a),s=o.options||[{value:"all",label:"All"},{value:"list",label:"List"},{value:"none",label:"None"}];return(a,i)=>(e.openBlock(),e.createElementBlock("div",Hm,[i[1]||(i[1]=e.createElementVNode("label",{class:"text-sm font-medium text-gray-600"},"Режим відображення",-1)),e.createElementVNode("div",{role:"radiogroup",class:e.normalizeClass(["grid gap-2",`grid-cols-${e.unref(s).length}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),f=>(e.openBlock(),e.createElementBlock("div",{key:f.value,onClick:m=>l(f.value),class:e.normalizeClass(["flex items-center justify-center space-x-2 rounded-lg p-2 border transition-all duration-300 cursor-pointer",[t.modelValue===f.value?"bg-gradient-to-r from-sky-200 to-blue-200 border-transparent shadow-sm":"bg-white border-gray-100 hover:border-sky-200 hover:shadow-sm"]])},[e.createElementVNode("button",{type:"button",role:"radio","aria-checked":t.modelValue===f.value,value:f.value,class:"aspect-square rounded-full border border-primary h-4 w-4 flex items-center justify-center text-sky-500"},[t.modelValue===f.value?(e.openBlock(),e.createElementBlock("span",Zm,[...i[0]||(i[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-circle h-2.5 w-2.5 fill-current text-current"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"10"})],-1)])])):e.createCommentVNode("",!0)],8,Ym),e.createElementVNode("label",{class:e.normalizeClass(["text-xs font-medium cursor-pointer",t.modelValue===f.value?"text-gray-700":"text-gray-600"])},e.toDisplayString(f.label),3)],10,Wm))),128))],2)]))}}),Km={class:"flex flex-col flex-1 min-h-0"},Xm={class:"flex flex-col flex-1 min-h-0"},Qm=e.defineComponent({__name:"vs-tab-card",props:{fields:{},columns:{},viewMode:{},html:{}},emits:["update:columns","save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(o.columns||[]);e.watch(()=>o.columns,p=>l.value=p||[],{immediate:!0}),e.watch(l,p=>r("update:columns",p));const s=e.ref(o.viewMode??"list");e.watch(()=>o.viewMode,p=>{p&&p!==s.value&&(s.value=p)});const a=e.ref(o.html??"");e.watch(()=>o.html,p=>{typeof p=="string"&&p!==a.value&&(a.value=p)},{immediate:!0});const i=e.ref(!1),f=e.ref([]),m=[{key:"name",label:"Name",type:"main"}],x={name:{type:"text",label:"Name",validators:["required"],disabled:!0},label:{type:"text",label:"Label",validators:["required"]},format:{type:"radio",label:"Format",mode:"inline",validators:["required"],options:[{text:"Text",id:"text"},{text:"Number",id:"number"},{text:"Date",id:"date"},{text:"File",id:"file"},{text:"Select",id:"select"},{text:"Tags",id:"tags"}]},is_admin:{type:"Switcher",label:"Тільки для адміністративної частини"},data:{type:"text",label:"Data"}};function u(){f.value=s.value==="html"?[]:l.value.map(p=>p.name||p.id),i.value=!0}function h(){var C;const p=[...l.value],g=((C=o.fields)==null?void 0:C.filter(B=>f.value.includes(B.name)).map(B=>{const{type:w,format:N,...E}=B;return{...E,format:N??w??"text"}}))||[],k=It(p,g,{selectedKeys:f.value,resolveKey:B=>Nt(B)});if(l.value=k,s.value==="html"&&g.length){const B=g.map(E=>{const $=E.label??"",M=E.name??E.id??"";return`<dd>${$}</dd>
|
|
242
|
+
${s??"CartoCSS property (Mapnik)."}`}]}}}))}const rn=e.defineComponent({__name:"MonacoEditor",props:{modelValue:{},language:{},theme:{}},emits:["update:modelValue","load"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(null);let s=null,a=null,i=!1;function f(){return new Promise((x,u)=>{if(a)return x(a);if(window.monaco)return a=window.monaco,x(a);const h=d=>{if([...document.styleSheets].some(p=>{var g;return(g=p==null?void 0:p.href)==null?void 0:g.includes(d)}))return;const y=document.createElement("link");y.rel="stylesheet",y.href=d,document.head.appendChild(y)},c=d=>new Promise((y,p)=>{const g=document.createElement("script");g.src=d,g.onload=()=>y(!0),g.onerror=p,document.body.appendChild(g)});h("https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs/editor/editor.main.min.css"),c("https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs/loader.min.js").then(()=>{window.require.config({paths:{vs:"https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs"}}),window.require(["vs/editor/editor.main"],()=>{a=window.monaco,x(a)})}).catch(u)})}function m(){var u,h;if(!l.value||!a)return;s&&s.dispose(),s=a.editor.create(l.value,{value:o.modelValue||"",language:o.language||"yaml",theme:o.theme||"vs-light",automaticLayout:!0,minimap:{enabled:!1}}),(o.language||"yaml")==="css"&&((h=(u=a.languages)==null?void 0:u.css)!=null&&h.cssDefaults)&&a.languages.css.cssDefaults.setDiagnosticsOptions({validate:!1,lint:{}}),s.onDidChangeModelContent(()=>{i||r("update:modelValue",s.getValue())})}return e.watch(()=>o.modelValue,x=>{if(!s)return;const u=s.getValue();x!==u&&(i=!0,s.setValue(x||""),i=!1)}),e.watch(()=>o.language,x=>{s&&a&&a.editor.setModelLanguage(s.getModel(),x||"yaml")}),e.watch(()=>o.theme,x=>{s&&a&&a.editor.setTheme(x||"vs-light")}),e.onMounted(async()=>{await f(),cm(a),m()}),e.onBeforeUnmount(()=>{s&&s.dispose()}),(x,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editorContainer",ref:l,class:"w-full h-full"},null,512))}}),dm={class:"flex flex-col flex-1 overflow-hidden"},um={class:"flex justify-end gap-2"},pm=["href"],mm={class:"flex flex-col flex-1 overflow-hidden"},fm={class:"bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden mt-3 flex flex-col flex-1"},gm={class:"relative bg-gradient-to-br from-slate-50 to-white flex-1"},ym=e.defineComponent({__name:"vs-tab-style",props:{token:{},styleYaml:{},styleText:{}},emits:["update:style-yaml","update:style-text","update"],setup(t,{emit:n}){const o=t,r=n,l=e.ref("");e.watch(()=>o.styleText,f=>{const m=f??"";l.value!==m&&(l.value=m)},{immediate:!0}),e.watch(l,async f=>{var x,u;const m=f??"";o.styleText!==m&&r("update:style-text",m);try{const h=f?Zr(f):null;if((x=h==null?void 0:h.colorAttr)!=null&&x.length&&((u=o.styleYaml)==null?void 0:u.colorAttr)!==h.colorAttr){const c=await s(h.colorAttr);h.colors=c.reduce((y,p,g)=>({...y,[p.id.toString()]:a[g]}),{});const d=Gr(h);d!==l.value&&(l.value=d)}JSON.stringify(h)!==JSON.stringify(o.styleYaml)&&r("update:style-yaml",h&&typeof h=="object"?h:null)}catch{o.styleYaml!==null&&r("update:style-yaml",null)}});async function s(f){return(await fetch(`/api/gis-service/${o.token}/${f}`).then(x=>x.json())).rows}const a=["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd"],i=async()=>{const f=o.styleYaml?JSON.stringify(o.styleYaml):o.styleText?o.styleText:"null";try{await fetch(`/api/gis-service/${o.token}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({style:f})}),r("update"),he.notify({type:"success",title:"Успіх",message:"Стилі збережено"})}catch(m){he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти стилі"}),console.log(m)}};return(f,m)=>(e.openBlock(),e.createElementBlock("div",dm,[e.createElementVNode("div",um,[e.createElementVNode("a",{target:"_blank",href:"/api/gis-service/"+o.token+"/col",class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Атрибути ",8,pm),e.createElementVNode("button",{onClick:i,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"},[...m[1]||(m[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-save h-3 w-3 mr-1"},[e.createElementVNode("path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"}),e.createElementVNode("path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"}),e.createElementVNode("path",{d:"M7 3v4a1 1 0 0 0 1 1h7"})],-1),e.createTextVNode(" Зберегти стилі ",-1)])])]),e.createElementVNode("div",mm,[e.createElementVNode("div",fm,[m[2]||(m[2]=e.createElementVNode("div",{class:"bg-gradient-to-r from-gray-50 to-gray-100 px-4 py-2 border-b border-gray-200 flex items-center justify-between"},[e.createElementVNode("div",{class:"text-xs text-gray-400"},"YAML")],-1)),e.createElementVNode("div",gm,[e.createVNode(rn,{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=x=>l.value=x),language:"yaml",theme:"vs-light"},null,8,["modelValue"])])])])]))}});function Ht(t){if(t==null)return null;const n=Number(typeof t=="string"?t.trim():t);return Number.isFinite(n)?n:null}function St(t){if(!t)return null;if(Array.isArray(t)&&t.length>=2){const n=Ht(t[0]),o=Ht(t[1]);return n!=null&&o!=null?[n,o]:null}if(typeof t=="object"){const n=t;if(Array.isArray(n.coordinates))return St(n.coordinates);const o=n.lng??n.lon??n.long??n.longitude??n.x,r=n.lat??n.latitude??n.y;if(o!=null&&r!=null){const l=Ht(o),s=Ht(r);if(l!=null&&s!=null)return[l,s]}}if(typeof t=="string"&&t.includes(",")){const[n,o]=t.split(","),r=Ht(n),l=Ht(o);return r!=null&&l!=null?[r,l]:null}return null}const tl=Symbol("MapContext");function hm(t){const n=e.shallowRef(null),o=e.ref(!1);let r=!1;const l=[],s=()=>{r=!0,l.length&&l.forEach(c=>c())},a=()=>{const c=t.container;return typeof c=="string"?document.getElementById(c):(c==null?void 0:c.value)!==void 0?c.value:c},i=()=>r?Promise.resolve():new Promise(c=>l.push(c)),f=(c,d)=>{if(c==null)return d;const y=Number(typeof c=="string"?c.trim():c);return Number.isFinite(y)?y:d},m=c=>{if(!n.value||!c)return;const d=St(c.center);d&&n.value.setCenter(d);const y=n.value.getZoom(),p=f(c.zoom,y);if(p!==y&&n.value.setZoom(p),typeof n.value.getMaxZoom=="function"&&typeof n.value.setMaxZoom=="function"){const g=n.value.getMaxZoom(),k=f(c.maxZoom,g);k!==g&&n.value.setMaxZoom(k)}if(typeof n.value.getMinZoom=="function"&&typeof n.value.setMinZoom=="function"){const g=n.value.getMinZoom(),k=f(c.minZoom,g);k!==g&&n.value.setMinZoom(k)}c.bounds&&n.value.fitBounds(c.bounds,{animate:!1})},x=async()=>{var $,w,N,E,B,M,D;if(typeof window>"u"||n.value)return;const c=a();if(!c)throw new Error("Map container not found");const d=e.unref(t.settings)||null,y=St(($=d==null?void 0:d.map)==null?void 0:$.center)||[30,50],p=f((w=d==null?void 0:d.map)==null?void 0:w.zoom,7),g=f((N=d==null?void 0:d.map)==null?void 0:N.maxZoom,20),C={...{attributionControl:!1,center:y,zoom:p,maxZoom:g,minZoom:4},...t.mapOptions||{},container:c};C.maxZoom==null&&(C.maxZoom=g),n.value=new maplibregl.Map(C),(E=t.controls)!=null&&E.navigation&&(n.value.addControl(new maplibregl.NavigationControl(typeof t.controls.navigation=="object"?t.controls.navigation:{}),"top-right"),n.value.once("load",()=>{var Q;const W=n.value.getContainer(),K=(Q=W==null?void 0:W.querySelector)==null?void 0:Q.call(W,".maplibregl-ctrl-compass, .mapboxgl-ctrl-compass");K&&typeof n.value.easeTo=="function"&&K.addEventListener("click",H=>{H.preventDefault(),H.stopPropagation(),n.value.easeTo({bearing:0,pitch:0})},!0)})),(B=t.controls)!=null&&B.scale&&n.value.addControl(new maplibregl.ScaleControl(typeof t.controls.scale=="object"?t.controls.scale:{}),"bottom-left"),(M=t.controls)!=null&&M.fullscreen&&n.value.addControl(new maplibregl.FullscreenControl,"top-right"),(D=t.controls)!=null&&D.geolocate&&n.value.addControl(new maplibregl.GeolocateControl(typeof t.controls.geolocate=="object"?t.controls.geolocate:{}),"top-right"),n.value.once("load",()=>{var W;m((W=e.unref(t.settings))==null?void 0:W.map),o.value=!0,s()})};e.watch(()=>{var c;return(c=e.unref(t.settings))==null?void 0:c.map},c=>{m(c)},{deep:!0});const u=()=>{n.value&&(n.value.remove(),n.value=null,o.value=!1)};e.onMounted(x),e.onUnmounted(u);const h={map:n,ready:i,flyTo:c=>{var d;return(d=n.value)==null?void 0:d.flyTo(c)},fitBounds:(c,d)=>{var y;return(y=n.value)==null?void 0:y.fitBounds(c,d)},setCenter:c=>{var d;return(d=n.value)==null?void 0:d.setCenter(c)},setZoom:c=>{var d;return(d=n.value)==null?void 0:d.setZoom(c)},addControl:(c,d)=>{var y;return(y=n.value)==null?void 0:y.addControl(c,d)},removeControl:c=>{var d;return(d=n.value)==null?void 0:d.removeControl(c)},on:(c,d,y)=>{var p,g;return typeof d=="string"?((p=n.value)==null||p.on(c,d,y),()=>{var k;return(k=n.value)==null?void 0:k.off(c,d,y)}):((g=n.value)==null||g.on(c,d),()=>{var k;return(k=n.value)==null?void 0:k.off(c,d)})},off:(c,d,y)=>{var p,g;typeof d=="string"?(p=n.value)==null||p.off(c,d,y):(g=n.value)==null||g.off(c,d)},project:c=>{var d;return(d=n.value)==null?void 0:d.project(c)},unproject:c=>{var d;return(d=n.value)==null?void 0:d.unproject(c)}};return e.provide(tl,h),h}function Pe(t){if(t)return{map:t,flyTo:t.value.flyTo,fitBounds:t.value.fitBounds};const n=e.inject(tl);if(!n)throw new Error("useMap() called outside of a Map provider");return n}const xm=["Noto Sans Regular"],bm=12,km="#0f172a",wm="#fff",_m=14;function He(t,n){if(!t)return;for(const r of n)if(Object.prototype.hasOwnProperty.call(t,r)&&t[r]!==void 0)return t[r];const o=t.text;if(o&&typeof o=="object"){for(const r of n)if(Object.prototype.hasOwnProperty.call(o,r)&&o[r]!==void 0)return o[r]}}function Em(t){return t?Array.isArray(t)?t:[t]:xm}function so(t,n){if(typeof t=="number")return Number.isFinite(t)?t:n;if(t==null||t==="")return n;const o=Number(t);return Number.isFinite(o)?o:n}function Nm(t){if(t==null)return null;if(Array.isArray(t))return t;const n=String(t).trim(),o=n.match(/^\{([^{}]+)\}$/);return o?["get",o[1]]:n}function Cm(t,n){const o=[];if(t!=null&&o.push(t),n&&o.push(["!",["has","point_count"]]),!!o.length)return o.length===1?o[0]:["all",...o]}function Vm(t,n={}){if(!t)return[];const o=He(t,["text-field","textField","textFieldValue","labelText","label"]);if(!o)return[];const r=Nm(o);if(!r)return[];const l=r,s=(n.geometry||t.type||"point").toString().toLowerCase(),a=He(t,["text-font","textFont"]),i=so(He(t,["text-size","textSize"]),bm),f=He(t,["text-allow-overlap","textAllowOverlap"]),m=He(t,["text-minzoom","textMinZoom","textZoom","text-zoom"]),x=He(t,["text-maxzoom","textMaxZoom","maxzoom"]),u=He(t,["text-color","textColor"])||km,h=He(t,["text-halo-color","textHaloColor"])||wm,c=He(t,["text-halo-width","textHaloWidth"]),d=He(t,["text-halo-blur","textHaloBlur"]),y=He(t,["text-offset","textOffset"]),p=He(t,["text-anchor","textAnchor"]),g=He(t,["text-justify","textJustify"]),k=He(t,["text-letter-spacing","textLetterSpacing"]),C=He(t,["text-transform","textTransform"]),$=He(t,["symbol-placement","symbolPlacement"]),w=He(t,["symbol-spacing","symbolSpacing"]),N=He(t,["text-rotation-alignment","textRotationAlignment"]),E=He(t,["text-pitch-alignment","textPitchAlignment"]),B=He(t,["text-opacity","textOpacity"]),M={"text-field":l,"text-font":Em(a),"text-size":i,"text-allow-overlap":f??!1};y&&(M["text-offset"]=y),s!=="line"&&(M["text-anchor"]=p??"center"),g&&(M["text-justify"]=g),k!==void 0&&(M["text-letter-spacing"]=k),C&&(M["text-transform"]=C),w!==void 0&&(M["symbol-spacing"]=w),s==="line"?(M["symbol-placement"]=$||"line",M["text-rotation-alignment"]=N||"map",M["text-pitch-alignment"]=E||"map"):(N&&(M["text-rotation-alignment"]=N),E&&(M["text-pitch-alignment"]=E),$&&(M["symbol-placement"]=$)),p&&s==="line"&&(M["text-anchor"]=p);const D={"text-color":u,"text-opacity":B??1};D["text-halo-color"]=h,c!==void 0&&(D["text-halo-width"]=c),d!==void 0&&(D["text-halo-blur"]=d);const W={type:"symbol",layout:M,paint:D},K=so(m,_m);if(W.minzoom=K,x!==void 0){const H=so(x,void 0);H!==void 0&&(W.maxzoom=H)}const Q=Cm(n.filter,n.excludeClusters);return Q&&(W.filter=Q),[W]}const io=new Map,co={};function uo(t){if(t.colorAttr&&t.colors){const n=Object.entries(t.colors).flat();return["match",["get",t.colorAttr],...n,qt]}return null}function Bm(t){if(!t.icon||!t.colors)return null;const n=[],o=t.icon.split("+")[0];return Object.values(t.colors).forEach(r=>{n.push(`${o}+${r.replace("#","")}.png`)}),["match",["get",t.colorAttr],...Object.entries(t.colors).reduce((r,[l,s],a)=>r.concat([l,n[a]]),[]),t.icon]}function Wt(t,n){n&&(Array.isArray(n)?t.push(...n):t.push(n))}function $m(t,n){const o=(t==null?void 0:t.clusterZoom)??(t==null?void 0:t.pointZoom)??(t==null?void 0:t.iconZoom)??12,r=Number(o);if(!Number.isFinite(r))return null;const l=["get","point_count"],s=["has","point_count"],a=["!",s],m={type:"circle",maxzoom:r,filter:s,paint:{"circle-color":["step",l,"#3b82f6",10,"#fde047",100,"#fbbf24",1e3,"#fda4af",1e4,"#fb7185",1e6,"#a21caf"],"circle-radius":["step",l,16,10,22,100,28,1e3,34,1e4,40,1e6,48],"circle-stroke-color":"#fff","circle-stroke-width":1}},x={type:"symbol",maxzoom:r,filter:s,layout:{"text-field":["to-string",["coalesce",["get","point_count_abbreviated"],l]],"text-font":["Noto Sans Regular"],"text-size":12,"text-allow-overlap":!0},paint:{"text-color":"#fff","text-halo-color":"#172554","text-halo-width":1.25}},u={...n,filter:["all",a,n.filter||!0]};return[m,x,u]}function nl(t,n){const o=uo(t);if(t.icon&&!t.iconZoom&&!t.clusterZoom)return;const r={type:"circle",maxzoom:n||t.iconZoom||22,paint:{"circle-stroke-color":(t==null?void 0:t.stroke)||"#fff","circle-opacity":t.opacity||1,"circle-color":o||t.color||qt,"circle-stroke-width":t.width||1,"circle-radius":t.radius||5}},l=$m(t,r);return l||r}function vm(t){const n=uo(t);return{type:"fill",minzoom:t.pointZoom||0,paint:{"fill-color":n||t.color||qt,"fill-opacity":t.opacity||.3,"fill-outline-color":t.stroke||qt}}}function Sm(t){return{type:"line",paint:{"line-color":uo(t)||t.color||qt,"line-opacity":t.opacity||1,"line-width":t.width||1.5}}}function Lm(t){const n=Bm(t);return{type:"symbol",minzoom:t.iconZoom||0,layout:{"icon-image":n||t.icon,"icon-size":1,"icon-allow-overlap":!0,"icon-ignore-placement":!0}}}function ol(t,n={}){if(!t)return[];if(!Am(t))return[];const o=[];t.icon&&Wt(o,Lm(t)),t.pointZoom&&Wt(o,nl(t,t.pointZoom)),t.type==="polygon"?Wt(o,vm(t)):t.type==="line"?Wt(o,Sm(t)):Wt(o,nl(t));const l=n.sourceType!=="raster"?Vm(t,{geometry:t.type||"point",filter:t.filter,excludeClusters:!!t.clusterZoom}):[];return Wt(o,l),o.filter(Boolean)}function Am(t){return t?!!(new Set(["point","line","polygon"]).has(t.type)||t.icon||t.attrType||t.color||t.stroke||t.radius||t.width||t.colorAttr&&t.colors&&typeof t.colors=="object"&&Object.keys(t.colors).length>0):!1}function rl(t,{sourceType:n,filter:o,allowFallback:r=!1}={}){let l=oo(t);if(l&&o&&(l.filter=o),l)return ol(l,{sourceType:n});if(r&&["vector","geojson"].includes(n||"")){const s={type:"point",color:qt};return o&&(s.filter=o),ol(s,{sourceType:n})}return[]}function Mm(t){return{type:"geojson",data:{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"Point",coordinates:t}}]}}}async function ll(t,n,o){const r=[n],l=n.split("+")[0];Object.values(o||{}).forEach(s=>{r.push(`${l}+${s.replace("#","")}.png`)});for(const s of r){if(t.getImage(s))continue;const a=await t.loadImage(`/api/gis-icon/${s}`);t.addImage(s,a.data)}}function Se(t,n,o){var K,Q;if(!t)return co;if(!n)return co[t];const{map:r,ready:l=()=>Promise.resolve()}=Pe(o),s=t||((K=n.layer)==null?void 0:K.id),a=n.sourceId??t,i={...n};i.point&&(i.source=Mm(i.point)),!i.layer&&((Q=i.source)==null?void 0:Q.type)==="raster"&&(i.layer={id:a,type:"raster",source:a}),i.layer&&!i.layer.source&&Object.assign(i.layer,{source:a});let f=!1,m=!1;const x=()=>{var H,J,O,T,F,X,v,_,S,z;if(!(m||!r.value)){if(i.source&&!r.value.getSource(a)&&r.value.addSource(a,i.source),!r.value.getLayer(s)){const I=i.beforeId===0?(J=(H=r.value.getStyle().layers)==null?void 0:H[0])==null?void 0:J.id:i.beforeId;(T=(O=i.layer)==null?void 0:O.style)!=null&&T.icon&&ll(r.value,i.layer.style.icon,i.layer.style.colors);const G=((F=i.source)==null?void 0:F.type)||((X=i.layer)==null?void 0:X.type),ne=i.layer&&(i.layer.type||i.layer.ref)?i.layer:null,oe=(v=i.layer)==null?void 0:v.style,ae=((_=i.layer)==null?void 0:_["source-layer"])||((S=i.source)==null?void 0:S["source-layer"])||i.sourceLayer||a,xe=i.style||oe,we=rl(xe,{sourceType:G,filter:(z=i.layer)==null?void 0:z.filter,allowFallback:!ne});if(!we.length){if(ne){const P={...ne,id:ne.id||s,source:ne.source||a};G==="vector"&&ae&&(P["source-layer"]=P["source-layer"]||ae),r.value.addLayer(P,I)}return}we.forEach((P,ee)=>{const b={...P,id:`${s}${ee||""}`,source:a};G==="vector"&&ae&&(b["source-layer"]=ae),r.value.addLayer(b,I)})}f=!0}};l().then(x);const u=(H,J)=>r.value?(r.value.on(H,s,J),()=>{var O;return(O=r.value)==null?void 0:O.off(H,s,J)}):()=>{},h=H=>{const J=r.value;if(!J)return;const O=J.getStyle(),T=O==null?void 0:O.layers;T!=null&&T.length&&T.filter(F=>F.source===s).forEach(F=>{J.setLayoutProperty(F.id,"visibility",H?"visible":"none")})},c=(H=!0)=>{var O,T,F;if(!r.value)return;(((F=(T=(O=r.value).getStyle)==null?void 0:T.call(O))==null?void 0:F.layers)??[]).filter(X=>X.source===s).forEach(X=>{r.value.removeLayer(X.id)}),m=!0,i.source&&H&&r.value.getSource(a)&&r.value.removeSource(a)},d=async H=>{var F,X,v,_,S;if(!r.value)return;H!=null&&H.icon&&ll(r.value,H.icon,H.colors);const J=((F=i.source)==null?void 0:F.type)||((X=i.layer)==null?void 0:X.type),O=((v=i.layer)==null?void 0:v["source-layer"])||((_=i.source)==null?void 0:_["source-layer"])||i.sourceLayer||a,T=rl(H,{sourceType:J,filter:(S=i.layer)==null?void 0:S.filter,allowFallback:!0});c(!1),T.forEach((z,I)=>{var ne;const G={...z,id:`${s}${I}`,source:((ne=i.layer)==null?void 0:ne.source)||a};J==="vector"&&O&&(G["source-layer"]=G["source-layer"]||O),r.value.addLayer(G)})},y=H=>{r.value&&Object.entries(H).forEach(([J,O])=>{r.value.setPaintProperty(s,J,O)})},p=(H,J,O)=>{const T=r.value;if(T)switch(J){case"raster":T.setPaintProperty(H,"raster-opacity",O);break;case"fill":T.setPaintProperty(H,"fill-opacity",O);break;case"line":T.setPaintProperty(H,"line-opacity",O);break;case"circle":T.setPaintProperty(H,"circle-opacity",O);break;case"symbol":T.setPaintProperty(H,"icon-opacity",O),T.setPaintProperty(H,"text-opacity",O);break}},M={ids:{layerId:s,sourceId:a},isMounted:()=>{var H;return f&&!!((H=r.value)!=null&&H.getLayer(s))},setVisible:h,updatePaint:y,updateLayout:H=>{r.value&&Object.entries(H).forEach(([J,O])=>{r.value.setLayoutProperty(s,J,O)})},updateFilter:H=>{r.value&&r.value.setFilter(s,H)},setOpacity:H=>{var T;if(!r.value)return;const O=(((T=r.value.getStyle())==null?void 0:T.layers)||[]).filter(F=>F.source===a);if(!O.length){const F=r.value.getLayer(s);F&&p(s,F.type,H);return}O.forEach(F=>p(F.id,F.type,H))},setData:H=>{if(!r.value)return;const J=r.value.getSource(a);J&&"setData"in J&&J.setData(H)},setTiles:H=>{if(!r.value)return;const J=r.value.getSource(a);J&&"setTiles"in J&&J.setTiles(H)},setStyle:d,setFilter:H=>{var O,T;if(!r.value)return;const J=r.value.getSource(a);if(J&&"setTiles"in J&&((T=(O=i.source)==null?void 0:O.tiles)!=null&&T[0])){const F=i.source.tiles[0];J.setTiles([`${F}${F.includes("?")?"&":"?"}filter=${H}`])}},setFeatureState:(H,J)=>{r.value&&r.value.setFeatureState({source:a,...H},J)},removeFeatureState:(H,J)=>{r.value&&r.value.removeFeatureState({source:a,...H},J?{key:J}:void 0)},remove:c,card:i.card,popup:i.popup,opts:i,getSource:()=>{var H;return(H=r.value)==null?void 0:H.getSource(a)},getLayer:()=>{var H;return(H=r.value)==null?void 0:H.getLayer(s)},on:u};io.set(s,M);const D=()=>{io.get(s)===M&&io.delete(s)},W=M.remove;return M.remove=()=>{D(),W()},e.onBeforeUnmount(M.remove),co[t]=M,M}const Tm={class:"flex flex-col flex-1 min-h-0"},Fm={class:"flex flex-col flex-1 min-h-0"},Dm=e.defineComponent({__name:"vs-tab-popup",props:{token:{},fields:{},columns:{}},emits:["update:columns","save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(o.columns||[]);e.watch(()=>o.columns,d=>l.value=d||[],{immediate:!0}),e.watch(l,d=>{const y=Se(o.token);y&&(y.popup=d),r("update:columns",d)});const s=e.ref("list"),a=e.ref(!1),i=e.ref([]),f=[{key:"name",label:"Назва",type:"main"}],m={name:{type:"text",label:"Назва",disabled:!0,validators:["required"]},label:{type:"text",label:"Найменування",validators:["required"]},meta:{type:"radio",label:"Meta",mode:"combo",options:[{text:"Заголовок",id:"title"},{text:"Властивість",id:"feature"},{text:"Бейдж",id:"badge"}]},data:{type:"text",label:"Data"}};function x(){i.value=l.value.map(d=>d.name||d.id),a.value=!0}function u(){var g;const d=[...l.value],y=((g=o.fields)==null?void 0:g.filter(k=>i.value.includes(k.name)))||[],p=It(d,y,{selectedKeys:i.value,resolveKey:k=>Nt(k)});l.value=p,a.value=!1,i.value=[]}function h(){a.value=!1,i.value=[]}function c(){let d=[];s.value==="all"?d=o.fields||[]:s.value==="none"?d=[]:d=l.value,d.filter(y=>!y.label).forEach(y=>y.label=y.ua),r("save",d)}return(d,y)=>(e.openBlock(),e.createElementBlock("div",Tm,[e.createElementVNode("div",{class:"flex justify-between mb-3 gap-2"},[e.createElementVNode("button",{onClick:x,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Імпорт "),e.createElementVNode("button",{onClick:c,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Зберегти попап ")]),e.createElementVNode("div",Fm,[s.value==="list"?(e.openBlock(),e.createBlock(Et,{key:0,modelValue:l.value,"onUpdate:modelValue":y[0]||(y[0]=p=>l.value=p),"columns-scheme":f,"form-scheme":m,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])):e.createCommentVNode("",!0)]),e.createVNode(Dt,{visible:a.value,"onUpdate:visible":y[1]||(y[1]=p=>a.value=p),selection:i.value,"onUpdate:selection":y[2]||(y[2]=p=>i.value=p),fields:t.fields,title:"Імпорт полів","id-prefix":"import-popup",onConfirm:u,onCancel:h},null,8,["visible","selection","fields"])]))}}),zm={class:"flex flex-col flex-1 min-h-0"},Im={class:"flex justify-between mb-3 gap-2"},jm={class:"p-4 space-y-4 text-sm"},Pm={class:"space-y-1"},Rm={class:"space-y-1"},Om={class:"flex items-center gap-3"},Um={class:"flex justify-end gap-2 p-4 border-t"},qm=e.defineComponent({__name:"vs-tab-legend",props:{mapInfo:{},token:{},columns:{}},emits:["update:columns","save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(o.columns||[]);e.watch(()=>o.columns,d=>{l.value=d||[]}),e.watch(l,d=>{r("update:columns",d)});const s=e.ref(!1),a=e.ref({name:"",color:"#2E86DE"}),i=e.defineAsyncComponent(()=>import("@opengis/core").then(d=>d.VsModal)),f=[{key:"name",label:"Назва"},{key:"color",label:"Колір",type:"color"}],m={name:{type:"text",label:"Назва",validators:["required"]},color:{type:"color",label:"Колір",validators:["required"]}};function x(d){d&&u(),s.value=d}function u(){a.value={name:"",color:"#2E86DE"}}function h(){var g,k;const d=(g=a.value.name)==null?void 0:g.trim();if(!d){he.notify({type:"warning",title:"Перевірка",message:"Вкажіть назву елементу легенди"});return}const y=((k=a.value.color)==null?void 0:k.trim())||"#2E86DE";if(l.value.some(C=>Nt(C)===Nt({name:d}))){he.notify({type:"warning",title:"Дубль",message:"Такий елемент легенди вже існує"});return}l.value=[...l.value,{name:d,color:y}],u(),s.value=!1}function c(){r("save",l.value)}return(d,y)=>(e.openBlock(),e.createElementBlock("div",zm,[e.createElementVNode("div",Im,[e.createElementVNode("button",{onClick:y[0]||(y[0]=p=>s.value=!0),class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Додати "),e.createElementVNode("button",{onClick:c,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Зберегти легенду ")]),e.createVNode(Et,{modelValue:l.value,"onUpdate:modelValue":y[1]||(y[1]=p=>l.value=p),"columns-scheme":f,"form-scheme":m,"main-col-width":"250px","add-button":!1},null,8,["modelValue"]),e.createVNode(e.unref(i),{teleport:"#modal",visible:s.value,title:"Новий елемент легенди","onUpdate:visible":x},{footer:e.withCtx(()=>[e.createElementVNode("div",Um,[e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed",onClick:y[5]||(y[5]=p=>x(!1))}," Скасувати "),e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed",onClick:h}," Додати ")])]),default:e.withCtx(()=>[e.createElementVNode("div",jm,[e.createElementVNode("div",Pm,[y[6]||(y[6]=e.createElementVNode("label",{class:"block text-xs font-medium text-gray-500 uppercase tracking-wide"}," Назва ",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":y[2]||(y[2]=p=>a.value.name=p),type:"text",class:"w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200",placeholder:"Наприклад, Житлова зона"},null,512),[[e.vModelText,a.value.name]])]),e.createElementVNode("div",Rm,[y[7]||(y[7]=e.createElementVNode("label",{class:"block text-xs font-medium text-gray-500 uppercase tracking-wide"}," Колір ",-1)),e.createElementVNode("div",Om,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":y[3]||(y[3]=p=>a.value.color=p),type:"color",class:"h-10 w-16 rounded border border-gray-300"},null,512),[[e.vModelText,a.value.color]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":y[4]||(y[4]=p=>a.value.color=p),type:"text",class:"flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200",placeholder:"#FFFFFF"},null,512),[[e.vModelText,a.value.color]])])])])]),_:1},8,["visible"])]))}}),Hm={class:"space-y-3 bg-gradient-to-br from-sky-50 to-blue-50 p-4 rounded-xl border border-sky-100 shadow-sm"},Wm=["onClick"],Ym=["aria-checked","value"],Zm={key:0},Gm=e.defineComponent({__name:"view-mode-toggle",props:{modelValue:{},options:{},showHtml:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,l=a=>r("update:modelValue",a),s=o.options||[{value:"all",label:"All"},{value:"list",label:"List"},{value:"none",label:"None"}];return(a,i)=>(e.openBlock(),e.createElementBlock("div",Hm,[i[1]||(i[1]=e.createElementVNode("label",{class:"text-sm font-medium text-gray-600"},"Режим відображення",-1)),e.createElementVNode("div",{role:"radiogroup",class:e.normalizeClass(["grid gap-2",`grid-cols-${e.unref(s).length}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),f=>(e.openBlock(),e.createElementBlock("div",{key:f.value,onClick:m=>l(f.value),class:e.normalizeClass(["flex items-center justify-center space-x-2 rounded-lg p-2 border transition-all duration-300 cursor-pointer",[t.modelValue===f.value?"bg-gradient-to-r from-sky-200 to-blue-200 border-transparent shadow-sm":"bg-white border-gray-100 hover:border-sky-200 hover:shadow-sm"]])},[e.createElementVNode("button",{type:"button",role:"radio","aria-checked":t.modelValue===f.value,value:f.value,class:"aspect-square rounded-full border border-primary h-4 w-4 flex items-center justify-center text-sky-500"},[t.modelValue===f.value?(e.openBlock(),e.createElementBlock("span",Zm,[...i[0]||(i[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-circle h-2.5 w-2.5 fill-current text-current"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"10"})],-1)])])):e.createCommentVNode("",!0)],8,Ym),e.createElementVNode("label",{class:e.normalizeClass(["text-xs font-medium cursor-pointer",t.modelValue===f.value?"text-gray-700":"text-gray-600"])},e.toDisplayString(f.label),3)],10,Wm))),128))],2)]))}}),Km={class:"flex flex-col flex-1 min-h-0"},Xm={class:"flex flex-col flex-1 min-h-0"},Qm=e.defineComponent({__name:"vs-tab-card",props:{fields:{},columns:{},viewMode:{},html:{}},emits:["update:columns","save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(o.columns||[]);e.watch(()=>o.columns,p=>l.value=p||[],{immediate:!0}),e.watch(l,p=>r("update:columns",p));const s=e.ref(o.viewMode??"list");e.watch(()=>o.viewMode,p=>{p&&p!==s.value&&(s.value=p)});const a=e.ref(o.html??"");e.watch(()=>o.html,p=>{typeof p=="string"&&p!==a.value&&(a.value=p)},{immediate:!0});const i=e.ref(!1),f=e.ref([]),m=[{key:"name",label:"Name",type:"main"}],x={name:{type:"text",label:"Name",validators:["required"],disabled:!0},label:{type:"text",label:"Label",validators:["required"]},format:{type:"radio",label:"Format",mode:"inline",validators:["required"],options:[{text:"Text",id:"text"},{text:"Number",id:"number"},{text:"Date",id:"date"},{text:"File",id:"file"},{text:"Select",id:"select"},{text:"Tags",id:"tags"}]},is_admin:{type:"Switcher",label:"Тільки для адміністративної частини"},data:{type:"text",label:"Data"}};function u(){f.value=s.value==="html"?[]:l.value.map(p=>p.name||p.id),i.value=!0}function h(){var C;const p=[...l.value],g=((C=o.fields)==null?void 0:C.filter($=>f.value.includes($.name)).map($=>{const{type:w,format:N,...E}=$;return{...E,format:N??w??"text"}}))||[],k=It(p,g,{selectedKeys:f.value,resolveKey:$=>Nt($)});if(l.value=k,s.value==="html"&&g.length){const $=g.map(E=>{const B=E.label??"",M=E.name??E.id??"";return`<dd>${B}</dd>
|
|
243
243
|
<dt>{{ ${M} }}</dt>`}).join(`
|
|
244
244
|
`),N=(a.value??"").trimEnd();a.value=N?`${N}
|
|
245
|
-
${B}`:B}i.value=!1,f.value=[]}function c(){i.value=!1,f.value=[]}function d(){const p=s.value==="html"?"html":"list",g={card_mode:p};p==="html"?g.html=a.value:p==="list"&&(g.list=l.value),r("save","card",g)}const y=[{value:"all",label:"Всі"},{value:"list",label:"Список"},{value:"none",label:"Жодне"},{value:"html",label:"HTML"}];return(p,g)=>(e.openBlock(),e.createElementBlock("div",Km,[e.createElementVNode("div",{class:"flex justify-between mb-3 gap-2"},[e.createElementVNode("button",{onClick:u,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Імпорт "),e.createElementVNode("button",{onClick:d,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Зберегти ")]),e.createVNode(Gm,{modelValue:s.value,"onUpdate:modelValue":g[0]||(g[0]=k=>s.value=k),options:y},null,8,["modelValue"]),e.createElementVNode("div",Xm,[s.value==="list"?(e.openBlock(),e.createBlock(Et,{key:0,modelValue:l.value,"onUpdate:modelValue":g[1]||(g[1]=k=>l.value=k),"columns-scheme":m,"form-scheme":x,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])):s.value==="html"?(e.openBlock(),e.createBlock(rn,{key:1,modelValue:a.value,"onUpdate:modelValue":g[2]||(g[2]=k=>a.value=k),language:"html",theme:"vs-light",class:"flex-1 min-h-0"},null,8,["modelValue"])):e.createCommentVNode("",!0)]),e.createVNode(Dt,{visible:i.value,"onUpdate:visible":g[3]||(g[3]=k=>i.value=k),selection:f.value,"onUpdate:selection":g[4]||(g[4]=k=>f.value=k),fields:t.fields,title:"Імпорт полів для картки","id-prefix":"import-card",onConfirm:h,onCancel:c},null,8,["visible","selection","fields"])]))}}),Jm={class:"flex flex-col flex-1 min-h-0"},ef=e.defineComponent({__name:"vs-tab-filter",props:{fields:{},columns:{}},emits:["update:columns","save"],setup(t,{emit:n}){const o=t,r=n;console.log(o.columns);const l=e.ref(o.columns||[]);e.watch(()=>o.columns,d=>l.value=d||[],{immediate:!0}),e.watch(l,d=>r("update:columns",d),{deep:!0,immediate:!0});const s=e.ref("list"),a=e.ref(!1),i=e.ref([]),f=[{key:"id",label:"Name"},{key:"label",label:"UA"}],m={name:{type:"text",label:"Name",disabled:!0,validators:["required"]},label:{type:"text",label:"UA",validators:["required"]},type:{type:"radio",label:"Тип",position:"horizontal",validators:["required"],options:[{text:"Check",id:"check"},{text:"Range",id:"range"},{text:"Date",id:"date"},{text:"Text",id:"text"},{text:"Select",id:"select"}]},hidden:{label:"Приховати",type:"Switcher"},data:{type:"text",label:"Класифікатор",conditions:["type","in",["autocomplete","select","check"]],validators:["required"]}};function x(){i.value=l.value.map(d=>d.name||d.id),a.value=!0}function u(){var g;const d=[...l.value],y=((g=o.fields)==null?void 0:g.filter(k=>i.value.includes(k.name)))||[],p=It(d,y,{selectedKeys:i.value,resolveKey:k=>Nt(k)});l.value=p,a.value=!1,i.value=[]}function h(){a.value=!1,i.value=[]}function c(){let d=[];s.value==="all"?d=o.fields||[]:s.value==="none"?d=[]:d=l.value,r("save",d)}return(d,y)=>(e.openBlock(),e.createElementBlock("div",Jm,[e.createElementVNode("div",{class:"flex justify-between mb-3 gap-2"},[e.createElementVNode("button",{onClick:x,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Імпорт "),e.createElementVNode("button",{onClick:c,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Зберегти фільтр ")]),s.value==="list"?(e.openBlock(),e.createBlock(Et,{key:0,modelValue:l.value,"onUpdate:modelValue":y[0]||(y[0]=p=>l.value=p),"columns-scheme":f,"form-scheme":m,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])):e.createCommentVNode("",!0),e.createVNode(Dt,{visible:a.value,"onUpdate:visible":y[1]||(y[1]=p=>a.value=p),selection:i.value,"onUpdate:selection":y[2]||(y[2]=p=>i.value=p),fields:t.fields,title:"Імпорт полів","id-prefix":"import-filter",onConfirm:u,onCancel:h},null,8,["visible","selection","fields"])]))}}),al=Symbol.for("gis.settingsRef");function po(){const t=e.getCurrentInstance();if(!t)return e.ref(null);const n=t.appContext.config.globalProperties;let o=n[al];return o||(o=e.ref(n.$settings??null),Object.defineProperty(n,"$settings",{configurable:!0,enumerable:!0,get:()=>o.value,set:r=>{o.value=r}}),n[al]=o),o}const $n=ye(e.defineComponent({__name:"MapView",setup(t,{expose:n}){const o=e.ref(null),r=e.ref(null),l=po(),s=hm({container:o,mapOptions:{style:{version:8,sources:{},layers:[]},doubleClickZoom:!1,canvasContextAttributes:{preserveDrawingBuffer:!0}},controls:{navigation:!0,scale:!0},settings:l});async function a(){var x;await e.nextTick();const m=(x=s.map)==null?void 0:x.value;m!=null&&m.resize&&m.resize()}function i(){typeof ResizeObserver>"u"||r.value||!o.value||(r.value=new ResizeObserver(()=>{a()}),r.value.observe(o.value))}function f(){var m;(m=r.value)==null||m.disconnect(),r.value=null}return e.onMounted(()=>{a(),i(),window.addEventListener("resize",a)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",a),f()}),n({ctx:s}),(m,x)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"el",ref:o,class:"map-view-root w-full h-full rounded-xl overflow-hidden"},[e.renderSlot(m.$slots,"default",{},void 0,!0)],512))}}),[["__scopeId","data-v-d6e61166"]]),tf=e.defineComponent({__name:"MapDataLayer",props:{id:{},layer:{},styleSpec:{},autoCenter:{type:[Boolean,null]}},setup(t,{expose:n}){var d,y,p,g;const{map:o,flyTo:r,setZoom:l}=Pe(),s=((y=(d=e.getCurrentInstance())==null?void 0:d.appContext.config.globalProperties)==null?void 0:y.$settings)||null,a=t,i=a.id;String(a.id);const f=`${location.origin}/api/vtile/${a.id}/ua/{z}/{x}/{y}.vmt?all=1`,m=Se(i,{source:{type:"vector",tiles:[f],minzoom:0,maxzoom:14},popup:a.layer.popup,layer:{style:(p=a.layer)==null?void 0:p.style}});n({layerHandle:m}),(a.autoCenter??!0)&&r({center:a.layer.center||((g=s==null?void 0:s.map)==null?void 0:g.center)||[30,50],animate:!1});let x=null;function u(){if(!(m!=null&&m.setTiles))return;const k=f.includes("?")?"&":"?",C=`${f}${k}_=${Date.now()}`;m.setTiles([C])}function h(){x&&clearTimeout(x),x=setTimeout(()=>{x=null,c().catch(k=>console.error("Failed to update map layer",k))},300)}async function c(){o.value&&(u(),m.setStyle(a.styleSpec??null))}return e.watch(()=>a.styleSpec,h,{deep:!0}),e.onBeforeUnmount(()=>{m.remove()}),(k,C)=>null}}),ln=e.ref(null);function nf(){ln.value=null}function of(t){const n=e.ref(!1),o=()=>typeof t=="string"?t:t.value;e.watch(ln,a=>{a!==o()&&n.value&&(n.value=!1)});function r(){ln.value=o(),n.value=!0}function l(){ln.value===o()&&(ln.value=null),n.value=!1}function s(){n.value?l():r()}return{isOpen:n,open:r,close:l,toggle:s}}const rf={class:"map-filter"},lf={class:"map-filter__header"},af={class:"map-filter__title"},sf={"aria-hidden":"true"},mo="#map-filter-popover-host",vn=ye(e.defineComponent({__name:"MapFilterPopover",props:{count:{},layer:{},catalogAnchor:{},disabled:{type:Boolean}},setup(t){const n=e.defineAsyncComponent(()=>import("@opengis/filter")),o=t,r=e.computed(()=>{var v;return((v=o.layer)==null?void 0:v.id)??""}),l=e.computed(()=>`filter-popover-${r.value}`),{isOpen:s,close:a,toggle:i}=of(l),f=e.reactive({top:0,left:0,transform:"translateX(-50%)"}),m=e.ref(null),x=e.ref(null);let u=null;const h=e.ref({}),c=e.reactive({visible:!1,text:"Спочатку активуйте шар, щоб застосувати фільтр",top:0,left:0}),d=e.computed(()=>s.value),y=e.computed(()=>{var v;return Array.isArray((v=o.layer)==null?void 0:v.filters)?o.layer.filters:[]}),p=e.computed(()=>y.value.length>0),g=e.computed(()=>{var v;return((v=o.layer)==null?void 0:v.name)??""}),k=e.computed(()=>y.value),C=e.ref(null),B=e.computed(()=>y.value.length),w=e.computed(()=>B.value<=2),N=e.computed(()=>w.value?"body":typeof window>"u"||C.value?mo:"body"),E=e.computed(()=>{if(!d.value||!w.value)return{};const v=typeof window<"u"?window.innerWidth:280,S=Math.max(280,v-16*2);return{position:"absolute",top:`${f.top}px`,left:`${f.left}px`,transform:f.transform,zIndex:1e3,width:"280px",maxWidth:`${S}px`}});function $(){a()}function M(v,_,S=8){const z=window.scrollY+S,I=window.scrollY+window.innerHeight-S;let G=v;return G+_>I&&(G=I-_),G<z&&(G=z),G}function D(){var oe,ae,xe;if(!m.value||!w.value)return;const v=m.value.getBoundingClientRect(),_=window.scrollX+8,S=window.scrollX+window.innerWidth-8,z=((oe=x.value)==null?void 0:oe.offsetWidth)||280,I=((ae=x.value)==null?void 0:ae.offsetHeight)||0;let G=0,ne=0;if((xe=o.catalogAnchor)!=null&&xe.value){const we=o.catalogAnchor.value.getBoundingClientRect(),P=we.top+window.scrollY;G=M(P,I,8);const ee=we.right+window.scrollX+12,b=S-z,A=_;ne=Math.min(Math.max(ee,A),Math.max(A,b))}else{const we=v.bottom+window.scrollY+8;G=M(we,I,8);let P=v.left+window.scrollX;P<_&&(P=_),P+z>S&&(P=Math.max(_,S-z)),ne=P}f.left=ne,f.top=G,f.transform="none"}function W(){w.value||X(),i(),s.value&&w.value&&e.nextTick(()=>{D(),T(),requestAnimationFrame(()=>D())})}function K(){o.disabled||W()}e.watch(d,v=>{v&&w.value?e.nextTick(()=>{D(),T(),requestAnimationFrame(()=>D())}):(F(),w.value||X())}),e.watch(k,()=>{!d.value||!w.value||e.nextTick(()=>D())},{deep:!0}),e.watch(w,v=>{d.value&&(v?e.nextTick(()=>{D(),T()}):(F(),X()))}),e.watch(()=>o.disabled,v=>{v&&(a(),h.value={})});function Q(){!d.value||!w.value||D()}function H(v){const _=r.value;if(!_)return;const S=Se(_);if(!(S!=null&&S.setFilter))return;h.value=v;const z=Object.entries(v).map(([I,G])=>`${I}=${G}`).join("|");S.setFilter(z)}function J(v){if(!o.disabled)return;const _=v.currentTarget;if(!_)return;const S=_.getBoundingClientRect();c.left=S.left+S.width/2+window.scrollX,c.top=S.bottom+8+window.scrollY,c.visible=!0}function O(){c.visible=!1}e.onMounted(()=>{X(),window.addEventListener("resize",Q),window.addEventListener("scroll",Q,!0)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",Q),window.removeEventListener("scroll",Q,!0),F()});function T(){F(),!(!x.value||!w.value)&&(u=new ResizeObserver(()=>{!d.value||!w.value||D()}),u.observe(x.value))}function F(){u&&(u.disconnect(),u=null)}function X(){typeof window>"u"||typeof document>"u"||(C.value=document.querySelector(mo))}return(v,_)=>p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"mapLayer-filter",ref_key:"anchor",ref:m},[e.createElementVNode("a",{class:e.normalizeClass(["mapLayer-filter__trigger",{"mapLayer-filter__trigger--disabled":o.disabled}]),href:"#",onClick:e.withModifiers(K,["prevent","stop"]),onMouseenter:J,onMouseleave:O,onFocus:J,onBlur:O},[..._[2]||(_[2]=[e.createElementVNode("div",{class:"mapLayer-filter__icon"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M3 4h18l-7 8v6l-4 2v-8z"})])],-1)])],34),d.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:N.value},[e.createElementVNode("div",{class:e.normalizeClass(["vst-popover__content inline-block z-50 rounded-[16px] bg-white text-sm text-gray-500 rounded-md shadow-lg bottom mapLayer-filter__popover",{"mapLayer-filter__popover--static":!w.value}]),style:e.normalizeStyle(E.value),ref_key:"panel",ref:x,onClick:_[1]||(_[1]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",rf,[e.createElementVNode("div",lf,[e.createElementVNode("h3",af,e.toDisplayString(g.value||"Фільтр"),1),e.createElementVNode("button",{type:"button",class:"map-filter__close",onClick:$},[e.createElementVNode("span",sf,[e.createVNode(e.unref(_t),{class:"h-4 w-4"})]),_[3]||(_[3]=e.createElementVNode("span",{class:"sr-only"},"Закрити",-1))])]),e.createVNode(e.unref(n),{view:"inline",schema:k.value,value:h.value,limit:10,onChange:_[0]||(_[0]=S=>H(S.data)),width:250},null,8,["schema","value"])])],6)],8,["to"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[c.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"filter-badge__hint",style:e.normalizeStyle({top:`${c.top}px`,left:`${c.left}px`})},e.toDisplayString(c.text),5)):e.createCommentVNode("",!0)]))],512)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-cc1f0579"]]),cf={key:0,class:"flex justify-center items-center h-[40px] w-[40px] bg-white text-sm border border-gray-200 text-gray-600 hover:bg-gray-100 rounded-full"},fo=ye(e.defineComponent({__name:"MapFilterWidget",props:{filters:{},title:{},layerId:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",null,[t.filters.length>0?(e.openBlock(),e.createElementBlock("div",cf,[e.createVNode(vn,{layer:{filters:t.filters,id:t.layerId},count:t.filters.length},null,8,["layer","count"])])):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-98772410"]]),df={class:"flex flex-row gap-x-3 z-10 relative widget"},uf=["onClick"],pf=["src","alt"],Yt=e.defineComponent({__name:"BaseMaps",setup(t){var g,k,C;const n={gki:{url:"https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",preview:"https://data.gki.com.ua/api-user/rtile/voyager/ua/12/2422/1400.png",title:"Базова карта (voyager)"},arcgisonline:{url:"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.png",preview:"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/7/47/69.png",title:"ESRI Online Imagery(2022-2023)"},none:{}},o={z:13,x:4790,y:2762};function r(B){if(B)return B.replace(/{z}/gi,String(o.z)).replace(/{x}/gi,String(o.x)).replace(/{y}/gi,String(o.y))}function l(B,w){let N=B||`layers-${Object.keys(w).length}`,E=1;for(;w[N];)N=`${B}-${E}`,E+=1;return N}const s=e.getCurrentInstance(),a=(g=s==null?void 0:s.appContext.config.globalProperties)==null?void 0:g.$settings,i=a==null?void 0:a.map,f=Fe.useRoute(),m=Fe.useRouter();function x(){const B=f==null?void 0:f.query;return!B||typeof B!="object"?null:typeof B.basemap=="string"?B.basemap:null}const u=e.computed(()=>x()),h=e.computed(()=>{const B=Array.isArray(i==null?void 0:i.basemaps)?i==null?void 0:i.basemaps:[];if(!B.length)return{};const w={};return B.forEach((N,E)=>{const $=N.name??N.title??`basemap-${E}`,M=(N.id??$??`basemap-${E}`).toString().toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,""),D=l(M||`basemap-${E}`,w),W=N.preview||(N.url?r(N.url):void 0);w[D]={url:N.url,preview:W,title:$}}),w}),c=e.computed(()=>{const B=h.value;return Object.keys(B).length?B:n}),d=e.ref(u.value??Object.keys(c.value)[0]??"gki"),y=Se("base",{source:{type:"raster",tiles:(k=c.value[d.value])!=null&&k.url?[(C=c.value[d.value])==null?void 0:C.url]:[]},beforeId:0});function p(B){if(!c.value[B])return;d.value=B;const w=c.value[B];if(!(w!=null&&w.url)){y.setVisible(!1);return}y.setVisible(!0),y.setTiles([w.url]),typeof window<"u"&&x()!==B&&m.replace({query:{...f==null?void 0:f.query,basemap:B}}).catch(()=>{})}return e.watch(()=>c.value,B=>{const w=u.value&&B[u.value]?u.value:d.value;B[w]?d.value=w:d.value=Object.keys(B)[0]??w;const N=B[d.value];N!=null&&N.url?(y.setVisible(!0),y.setTiles([N.url])):y.setVisible(!1)},{immediate:!0}),e.watch(()=>[u.value,c.value],([B])=>{if(typeof B!="string"||!c.value[B]||d.value===B)return;d.value=B;const w=c.value[B];if(!(w!=null&&w.url)){y.setVisible(!1);return}y.setVisible(!0),y.setTiles([w.url])}),(B,w)=>(e.openBlock(),e.createElementBlock("div",df,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(N,E)=>(e.openBlock(),e.createElementBlock("div",{key:E,onClick:$=>p(E)},[E!=="none"&&N.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["lg:w-14 lg:h-14 w-10 h-10 flex items-center justify-center bg-gray-200 rounded-xl shadow-2xs cursor-pointer transition-all border-4",d.value===E?"border-blue-500":"border-gray-200"])},[N.preview?(e.openBlock(),e.createElementBlock("img",{key:0,src:N.preview,alt:N.title,class:"object-cover rounded-lg lg:w-12 lg:h-12 w-8 h-8"},null,8,pf)):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["lg:w-14 lg:h-14 w-10 h-10 flex items-center justify-center bg-gray-200/80 rounded-xl shadow-2xs cursor-pointer transition-all border-4",d.value===E?"border-blue-500":"border-gray-200"])},[e.createVNode(e.unref(Yl),{class:"w-4 h-4 text-gray-500"})],2))],8,uf))),128))]))}}),mf={key:0,class:"legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget",style:{width:"100%"}},ff={class:"flex flex-col gap-1 p-5"},gf={class:"flex items-center justify-between w-full text-sm text-gray-800 ml-2"},go=e.defineComponent({__name:"MapLegendWidget",props:{items:{}},setup(t){const n=t,{map:o,ready:r}=Pe(),l=e.ref([]);let s=null;function a(x){return x?x.map((u,h)=>{var y;const c=(u==null?void 0:u.name)||(u==null?void 0:u.label)||(u==null?void 0:u.title)||(u==null?void 0:u.id)||`Layer ${h+1}`,d=(u==null?void 0:u.color)||(u==null?void 0:u.fill)||((y=u==null?void 0:u.paint)==null?void 0:y.color)||"#3388ff";return{id:`${c}-${h}`,label:c,color:d}}):[]}function i(x){return x!=null&&x.layers?x.layers.filter(u=>{const h=u.paint||{};return h["fill-color"]||h["line-color"]||h["circle-color"]}).map((u,h)=>{var y;const c=u.paint||{},d=c["fill-color"]||c["line-color"]||c["circle-color"]||"#3388ff";return{id:u.id||`layer-${h}`,label:((y=u.metadata)==null?void 0:y.title)||u.id||`Layer ${h+1}`,color:d}}):[]}async function f(){var h;await r();const x=o.value;if(!x)return;const u=(h=x.getStyle)==null?void 0:h.call(x);l.value=i(u)}function m(){o.value&&(s==null||s())}return e.watch(()=>n.items,async x=>{x!=null?(l.value=a(x),s==null||s()):(await r(),m(),f())},{immediate:!0,deep:!0}),e.onMounted(async()=>{(n.items===void 0||n.items===null)&&(await r(),m(),f())}),e.onBeforeUnmount(()=>{s==null||s(),s=null}),(x,u)=>l.value.length?(e.openBlock(),e.createElementBlock("div",mf,[e.createElementVNode("div",ff,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,h=>(e.openBlock(),e.createElementBlock("div",{key:h.id,class:"flex items-center"},[e.createElementVNode("span",{class:"shrink-0 size-2.5 inline-block me-2.5 h-[10px] w-[10px] rounded-full",style:e.normalizeStyle({background:h.color})},null,4),e.createElementVNode("span",gf,[e.createElementVNode("span",null,e.toDisplayString(h.label),1)])]))),128))])])):e.createCommentVNode("",!0)}});function yf(){const{map:t,ready:n}=Pe(),o=e.ref(null),r=e.ref(null),l=e.ref(null),s=e.ref(null);let a=[];function i(){a.forEach(c=>c()),a=[]}const f=c=>{const d=(c==null?void 0:c.properties)||{};return!!(d.cluster||d.point_count||d.point_count_abbreviated)},m=c=>{var g,k;o.value=[c.point.x,c.point.y];const d=t.value.queryRenderedFeatures(c.point);if(!(d!=null&&d.length)){x();return}const y=d.find(C=>!f(C));if(!y){x();return}const p=Se(y.source)||Se((g=y.layer)==null?void 0:g.id);p!=null&&p.popup&&(r.value=((k=p.popup)==null?void 0:k.fields)||p.popup,s.value=y.properties)},x=()=>{r.value=null,s.value=null,o.value=null};async function u(){await n(),t.value&&(i(),t.value.on("mousemove",m),t.value.on("mouseleave",x))}function h(){i(),r.value=null,s.value=null,o.value=null}return n().then(u),{popupCoords:o,popupFields:r,popupValues:s,disable:h,title:l}}const hf={class:"min-w-[200px] max-w-[280px] rounded-lg border border-slate-200 bg-white/90 p-3 text-xs shadow-lg backdrop-blur"},xf={class:"space-y-1.5"},bf={class:"font-bold text-slate-700"},kf={class:"text-slate-700"},sl=e.defineComponent({__name:"MapPopup",setup(t){const{popupCoords:n,popupFields:o,popupValues:r,disable:l}=yf(),{map:s}=Pe(),a=e.ref(null),i=e.ref({left:"-9999px",top:"-9999px"}),f=new Intl.NumberFormat("uk-UA",{maximumFractionDigits:2});function m(y,p){if(p==null||p==="")return p;if((y==null?void 0:y.type)==="number"){const g=typeof p=="number"?p:Number(p);if(Number.isFinite(g))return f.format(g)}return p}function x(y,p,g){const k=y.name||y.label||y.title||`field-${g}`,C=y.label||y.title||y.name||k,B=y.name?p[y.name]:void 0,N=(y.name?p[`${y.name}_text`]:void 0)??B??y.value??null;return{key:k,label:C,value:m(y,N)}}const u=e.computed(()=>{const y=o.value||[],p=r.value||{};return y.filter(g=>(g==null?void 0:g.meta)!=="title").map((g,k)=>x(g,p,k)).filter(g=>g.label)}),h=e.computed(()=>{const y=o.value||[],p=r.value||{},g=y.find(k=>(k==null?void 0:k.meta)==="title");return g?x(g,p,0):null}),c=e.computed(()=>{var p;const y=u.value;return(p=h.value)!=null&&p.value?[{...h.value,key:`${h.value.key}-title`,label:"Назва"},...y]:y});function d(){var F,X;if(!c.value.length||!n.value||!a.value){i.value={left:"-9999px",top:"-9999px"};return}const y=a.value,p=y.offsetParent||null,g=(p==null?void 0:p.getBoundingClientRect())??{left:0,top:0,width:window.innerWidth,height:window.innerHeight},k=((X=(F=s.value)==null?void 0:F.getContainer)==null?void 0:X.call(F))||void 0,C=(k==null?void 0:k.getBoundingClientRect())??g,B=C.left-g.left,w=C.top-g.top,N=y.offsetWidth||0,E=y.offsetHeight||0,$=12,M=8,[D,W]=n.value;let K=B+D+$,Q=w+W+$;K+N+M>g.width&&(K=B+D-N-$),Q+E+M>g.height&&(Q=w+W-E-$);const H=M,J=M,O=Math.max(M,g.width-N-M),T=Math.max(M,g.height-E-M);K=Math.min(Math.max(K,H),O),Q=Math.min(Math.max(Q,J),T),i.value={left:`${K}px`,top:`${Q}px`}}return e.watch([n,c],()=>{e.nextTick(()=>d())}),e.onMounted(()=>{window.addEventListener("resize",d)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",d),l()}),(y,p)=>c.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popupRef",ref:a,class:"absolute pointer-events-none z-20",style:e.normalizeStyle(i.value)},[e.createElementVNode("div",hf,[e.createElementVNode("div",xf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.key,class:"flex flex-col"},[e.createElementVNode("span",bf,e.toDisplayString(g.label),1),e.createElementVNode("span",kf,e.toDisplayString(g.value??"—"),1)]))),128))])])],4)):e.createCommentVNode("",!0)}});function wf(){const{map:t,ready:n}=Pe(),o=Fe.useRoute(),r=Fe.useRouter(),l=e.ref(null),s=e.ref(null),a=e.ref(null),i=e.ref(!1),f=e.ref([]),m=e.ref(0),x=e.computed(()=>f.value.length),u=e.computed(()=>i.value||!!l.value||!!a.value);let h=null,c=!1;function d(){l.value=null,s.value=null,a.value=null,i.value=!1,f.value=[],m.value=0}function y(){if(h){try{h()}catch{}h=null}}async function p(){await n();const K=t.value;K&&(y(),d(),K.on("click",g),h=()=>K.off("click",g),W($()))}function g(K){const Q=t.value;if(!Q)return;const H=(Q.queryRenderedFeatures(K.point)||[]).filter(J=>{var O;return(O=J==null?void 0:J.properties)==null?void 0:O.id});if(!H.length){d(),D(null);return}f.value=H,m.value=0,k(m.value)}function k(K){const Q=f.value[K];if(!Q)return;m.value=K;const H=Se(Q.source);w(Q,H==null?void 0:H.card)}function C(){m.value>=f.value.length-1||k(m.value+1)}function B(){m.value<=0||k(m.value-1)}async function w(K,Q){var O,T,F,X,v;if(!((O=K==null?void 0:K.properties)!=null&&O.id))return;const H=new URLSearchParams;H.set("layer",K.source),H.set("id",String((T=K.properties)==null?void 0:T.id));const J=Array.isArray(Q)&&Q.length>0;i.value=J,a.value=null,l.value=null,s.value=K||null;try{const _=await fetch(`/api/map-format?${H.toString()}`);if(!_.ok)throw new Error(`Failed (${_.status})`);const S=await _.json(),z=Array.isArray(S.columns)?S.columns:[],I=Array.isArray(Q)?Q:[];if(!z.length&&!I.length){console.error("Configure layer in admin"),N();return}const G=S.rows??S.data??{};l.value={rows:G,fields:I,columns:z,html:S.html||null},c||D(s.value);const ne=((F=S.rows)==null?void 0:F.geom)??((X=S.data)==null?void 0:X.geom);if(ne){const oe=typeof ne=="string"?JSON.parse(ne):ne;oe&&(s.value={...s.value,geometry:oe,properties:{...((v=s.value)==null?void 0:v.properties)||{},geom:oe,geom_4326:oe}})}}catch(_){console.error("Failed to load feature card:",_),N()}finally{i.value=!1}}function N(){d(),D(null)}function E(){y(),d()}n().then(p),e.onBeforeUnmount(()=>E());function $(){const K=Array.isArray(o.query.info)?o.query.info[0]:o.query.info;return typeof K!="string"?null:K.trim()||null}function M(K){var O,T;const Q=(K==null?void 0:K.source)??((O=K==null?void 0:K.layer)==null?void 0:O.id),H=(T=K==null?void 0:K.properties)==null?void 0:T.id;return!Q||H===void 0||H===null?null:`${Q},${H}`.trim()||null}function D(K){const Q=M(K),H=$();if(Q===H)return;const J={...o.query};Q?J.info=Q:delete J.info,r.push({query:J}).catch(()=>{})}async function W(K){if(!K){d();return}if(K===M(s.value))return;const[Q,H]=K.split(","),J=Q==null?void 0:Q.trim(),O=H==null?void 0:H.trim();if(!J||!O){d(),D(null);return}c=!0;try{const T={source:J,properties:{id:O}};f.value=[T],m.value=0;const F=Se(J);await w(T,F==null?void 0:F.card)}finally{c=!1}}return e.watch(()=>$(),K=>{K!==M(s.value)&&(c=!0,W(K).finally(()=>{c=!1}))}),{card:l,cardFeature:s,cardError:a,cardLoading:i,isOpen:u,close:N,next:C,prev:B,count:x,index:m}}function _f(){const{map:t,ready:n}=Pe(),o=e.ref([]),r=e.ref(0),l=e.ref(0),s=e.ref(!1),a=e.ref(null),i=e.ref({}),f=e.ref(null),m=e.ref([]),x=e.computed(()=>o.value[l.value]||null),u=e.computed(()=>o.value.length>0);let h=null;const c=()=>{h==null||h.remove(),h=null},d=$=>$?$.type==="FeatureCollection"?$:$.type==="Feature"?{type:"FeatureCollection",features:[$]}:$.type&&Array.isArray($.coordinates)?{type:"FeatureCollection",features:[{type:"Feature",geometry:$,properties:{}}]}:Array.isArray($.features)?{type:"FeatureCollection",features:$.features}:$.geometry?d($.geometry):null:null,y=()=>({type:"line",color:"#0a57ff",width:4,opacity:.95}),p=$=>Number($.toFixed(5)),g=async $=>{if(await n(),!t.value)return;const M=d($);M&&(c(),h=Se("feature-highlight",{source:{type:"geojson",data:M},style:y()},t))},k=async($,M,D)=>{var Q,H;const[W,K]=[p($),p(M)];f.value={x:W,y:K},m.value=D,s.value=!0,a.value=null,o.value=[],i.value={},l.value=0;try{const J=D.map(async v=>{const _=`/api/map-info-point?x=${W}&y=${K}&layers=${v}`,S=await fetch(_);if(!S.ok)return null;const z=await S.json();if(!z.count)return null;const G=await(await fetch(`${_}&index=0`)).json();return{layerId:v,data:G,count:z.count}}),T=(await Promise.all(J)).filter(Boolean);if(T.length===0){r.value=0;return}o.value=T.map(v=>v.data);const[F]=o.value;r.value=T.reduce((v,_)=>v+(_.count||0),0),i.value[0]=F;const X=((Q=F==null?void 0:F.data)==null?void 0:Q.geom_4326)??((H=F==null?void 0:F.data)==null?void 0:H.geom);await g(X)}catch(J){a.value=J.message}finally{s.value=!1}},C=async $=>{if(!f.value||!m.value.length)return;if(i.value[$]){o.value[$]=i.value[$];return}const{x:M,y:D}=f.value,W=m.value.join(","),K=`/api/map-info-point?x=${M}&y=${D}&index=${$}&layers=${W}`;try{s.value=!0;const Q=await fetch(K);if(!Q.ok)throw new Error("Failed to fetch feature by index");const H=await Q.json();o.value[$]=H,i.value[$]=H}catch(Q){a.value=Q.message}finally{s.value=!1}},B=async()=>{l.value<r.value-1&&(l.value+=1,i.value[l.value]||await C(l.value))},w=async()=>{l.value>0&&(l.value-=1,i.value[l.value]||await C(l.value))},N=()=>{o.value=[],r.value=0,l.value=0,i.value={},f.value=null,m.value=[],c()};e.watch(l,async()=>{var M,D;const $=x.value;if($){const W=((M=$==null?void 0:$.data)==null?void 0:M.geom_4326)??((D=$==null?void 0:$.data)==null?void 0:D.geom);await g(W)}});let E=null;return e.onMounted(async()=>{await n(),t.value&&(E=async $=>{const{lng:M,lat:D}=$.lngLat,W=Se(),Q=Object.entries(W).map(([H,J])=>{var O,T,F,X;return{id:H,service:((O=J==null?void 0:J.opts)==null?void 0:O.service)??((F=(T=J==null?void 0:J.opts)==null?void 0:T.source)==null?void 0:F.service)??null,count:((X=J==null?void 0:J.opts)==null?void 0:X.count)??null,visible:(()=>{var v;try{return((v=t.value)==null?void 0:v.getLayer(H))?t.value.getLayoutProperty(H,"visibility")!=="none":!0}catch{return!0}})()}}).filter(H=>H.service==="ogc"&&H.visible).map(H=>H.id);Q.length>0&&await k(M,D,Q)},t.value.on("dblclick",E))}),e.onBeforeUnmount(()=>{t.value&&E&&t.value.off("dblclick",E),c()}),{features:o,count:r,index:l,current:x,loading:s,error:a,active:u,next:B,prev:w,close:N}}const il=e.defineComponent({__name:"LayerSwitcher",props:{title:{},url:{},id:{},buttonText:{}},emits:["activate"],setup(t,{emit:n}){const o=t,r=n;function l(m){const x=m.normalize("NFKD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-zA-Z0-9]+/g,"-").replace(/^-+|-+$/g,"").toLowerCase();if(x)return x;const u=Array.from(m).map(h=>h.charCodeAt(0).toString(16)).join("").slice(0,8);return u?`layer-${u}`:"layer-temp"}const s=e.computed(()=>{var m;return((m=o.id)==null?void 0:m.trim())||l(o.title)}),a=e.computed(()=>o.buttonText||"Показати шар");function i(){return{id:s.value,title:o.title,url:o.url}}function f(){r("activate",i())}return(m,x)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"flex items-center justify-center bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full",onClick:f},[e.renderSlot(m.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.value),1)])]))}}),at=e.ref([]);function Ef(t,n){return typeof t!="string"?"":t.includes("{{")?t.replace(/\{\{\s*([a-zA-Z0-9_]+)\s*}}/g,(o,r)=>{const l=String(r||"").trim();if(!l)return"";const s=n[l];return s!=null?String(s):""}):t}function Sn(t){return t==null?"":String(t).trim()}function yo(t){var n,o;(o=(n=t==null?void 0:t.handle)==null?void 0:n.remove)==null||o.call(n)}function Nf(t){return t?typeof(t==null?void 0:t.value)<"u"?t.value:t:null}function Cf(t){var o;if(!(t!=null&&t.getStyle))return;const n=((o=t.getStyle())==null?void 0:o.layers)||[];for(let r=0;r<n.length;r+=1){const l=n[r];if(!(!l||typeof l.id!="string")&&l.type&&l.type!=="background"&&l.type!=="raster")return l.id}}function ho(t){function n(a,i={},f,m){var C,B;const x=Sn(a==null?void 0:a.id),u=((C=a==null?void 0:a.title)==null?void 0:C.trim())||x,h=((B=a==null?void 0:a.url)==null?void 0:B.trim())||"";if(!x||!h)return;const c=Ef(h,i);if(!c)return;const d=m??t;if(!d)return;const y=Nf(d);if(!y)return;const p=at.value.findIndex(w=>w.id===x);p!==-1&&(yo(at.value[p]),at.value.splice(p,1));let g=null;const k=a.beforeId??Cf(y);try{g=Se(x,{source:{type:"raster",tiles:[c],tileSize:a.tileSize??256,minzoom:a.minzoom??0,maxzoom:a.maxzoom??19},layer:{id:x,type:"raster",source:x,paint:{"raster-opacity":a.opacity??.85}},beforeId:k},d)}catch(w){const N=(w==null?void 0:w.message)??"";if(!(typeof N=="string"&&N.includes("Map provider")))throw w;return}at.value=[...at.value,{id:x,title:u,originalUrl:h,resolvedUrl:c,owner:f??null,handle:g??null}]}function o(a,i){const f=Sn(a);if(!f)return;const m=at.value.findIndex(u=>u.id===f&&(!i||u.owner===i));if(m===-1)return;const[x]=at.value.splice(m,1);yo(x)}function r(a,i,f){var u;const m=Sn(a);if(!m)return;const x=at.value.find(h=>h.id===m&&(!f||h.owner===f));(u=x==null?void 0:x.handle)!=null&&u.setOpacity&&x.handle.setOpacity(i)}function l(a){if(!at.value.length)return;const i=[];at.value.forEach(f=>{(a?f.owner===a:!0)?yo(f):i.push(f)}),at.value=i}function s(a,i){const f=Sn(a);return f?at.value.some(m=>m.id===f&&(!i||m.owner===i)):!1}return{temporaryLayers:at,activateTemporaryLayer:n,deactivateTemporaryLayer:o,setTemporaryLayerOpacity:r,clearTemporaryLayers:l,isTemporaryLayerActive:s}}const xo="map-card:external-payload",Vf=t=>t?typeof t.html=="string"&&t.html.trim().length>0:!1,Bf={key:0,class:"card absolute top-4 lg:left-auto right-11 md:left-4 z-[82] w-[calc(100%-36px)] md:w-[400px] max-h-[80%] overflow-hidden rounded-2xl border border-slate-200 bg-white/95 shadow-2xl backdrop-blur-md flex flex-col"},$f={class:"flex items-start justify-between gap-3 border-b border-slate-200 px-4 py-3"},vf={class:"min-w-0 flex-1"},Sf={class:"text-base font-semibold text-slate-900 truncate"},Lf={key:0,class:"flex gap-1 mt-1"},Af=["disabled"],Mf=["disabled"],Tf={key:1,class:"flex gap-1 mt-1"},Ff=["disabled"],Df=["disabled"],zf={class:"flex-1 overflow-y-auto px-4 py-3 space-y-4 text-sm text-slate-700"},If={key:0,class:"text-center text-xs text-slate-500"},jf={key:1,class:"text-center text-xs text-red-500"},Pf={key:0,class:"prose prose-sm max-w-none space-y-3 border-slate-200"},Rf={class:"divide-y divide-gray-100 py-[5px]"},Of={class:"text-gray-900 font-normal"},Uf={key:0,class:"flex gap-1 flex-wrap"},qf={key:1,class:"prose prose-sm max-w-none space-y-3 border-slate-200"},Hf=["innerHTML"],Wf=["innerHTML"],Yf={key:2,class:"space-y-3 border-t border-slate-200 pt-3"},Zf={key:3,class:"border-t border-slate-100 px-4 py-2 text-right text-xs text-slate-500"},Gf={class:"text-xs tracking-[0.02em] leading-none"},Kf={key:4,class:"space-y-3 border-t border-slate-200 pt-3"},Xf={class:"space-y-1"},Qf={class:"flex items-center cursor-pointer gap-2 flex-1"},Jf=["checked","onChange"],eg={class:"text-[13px] text-gray-600"},tg={key:0,class:"text-right text-xs text-gray-400 truncate max-w-[40%]"},ng={key:5,class:"text-center text-xs text-slate-400"},og="map:temporary-layer-request",cl="cardHideEmpty",rg=14,bo=ye(e.defineComponent({__name:"MapCardWidget",props:{mapId:{}},setup(t){const n=t,o=wf(),r=_f(),l=e.ref(null),s=e.ref(null),a=e.computed(()=>{var V;return!!((V=l.value)!=null&&V.trim())});function i(){return a.value?s.value?(Vl(s.value),!0):(je(),!0):(je(),!1)}const f=V=>{var U,re;const L=V;l.value=((U=L.detail)==null?void 0:U.html)??null,s.value=((re=L.detail)==null?void 0:re.geometry)??null,a.value?i():je()};e.onMounted(()=>{typeof window>"u"||window.addEventListener(xo,f)}),e.onBeforeUnmount(()=>{typeof window>"u"||window.removeEventListener(xo,f)});const m=e.computed(()=>r.active.value),x=e.computed(()=>m.value||o.isOpen.value||a.value),u=e.computed(()=>m.value?r.loading.value:o.cardLoading.value),h=e.computed(()=>m.value?r.error.value:o.cardError.value),c=e.computed(()=>{var V,L;return m.value?((V=r.current.value)==null?void 0:V.html)||null:a.value?l.value:((L=o.card.value)==null?void 0:L.html)||null}),d=Pe(),y=po(),p=e.computed(()=>{var V,L;return((L=(V=y.value)==null?void 0:V.map)==null?void 0:L.cardHideEmpty)??null}),g=Fe.useRoute(),{activateTemporaryLayer:k,deactivateTemporaryLayer:C,clearTemporaryLayers:B,isTemporaryLayerActive:w}=ho(d.map);function N(V){window.dispatchEvent(new CustomEvent(og,{detail:V}))}const E=e.computed(()=>{var V;return((V=o.cardFeature.value)==null?void 0:V.source)??null}),$=e.computed(()=>E.value?`map-card:${E.value}`:"map-card"),M=e.computed(()=>{var re,de;const V=o.cardFeature.value,L=(V==null?void 0:V.source)||((re=V==null?void 0:V.layer)==null?void 0:re.id),U=((de=V==null?void 0:V.properties)==null?void 0:de.id)??(V==null?void 0:V.id);return L&&U!=null?`${L}:${U}`:null}),D=e.ref(null),W=e.ref(null),K=e.ref(0),Q=new Map;function H(){if(typeof window>"u")return null;const L=(window.location.pathname||"").match(/\/maps?\/([^/]+)/i);return L&&L[1]?L[1]:null}const J=e.computed(()=>{const V=typeof n.mapId=="string"?n.mapId.trim():"";if(V.length)return V;const L=typeof g.params.slug=="string"?g.params.slug.trim():"";if(L.length)return L;const U=typeof g.query.slug=="string"?g.query.slug.trim():"";return U.length?U:H()}),O=e.ref(null),T=e.ref(null),F=new Map;function X(V){const L=V.normalize("NFKD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-zA-Z0-9]+/g,"-").replace(/^-+|-+$/g,"").toLowerCase();if(L)return L;const U=Array.from(V).map(re=>re.charCodeAt(0).toString(16)).join("").slice(0,8);return U?`layer-${U}`:`layer-${Math.random().toString(36).slice(2,8)}`}function v(V){if(typeof V!="string")return"";const L=V.trim();if(!L)return"";if(/^https?:\/\//i.test(L))return L;if(L.startsWith("//"))return typeof window>"u"?`https:${L}`:`${window.location.protocol}${L}`;const U=typeof window<"u"?window.location.origin:"";return L.startsWith("/")?U?`${U}${L}`:L:U?`${U}/${L}`:L}function _(V){if(V==null)return[];if(Array.isArray(V))return V.flatMap(L=>_(L));if(typeof V=="number")return Number.isFinite(V)?[V]:[];if(typeof V=="string"){const L=V.match(/-?\d+(?:\.\d+)?/g);return!L||!L.length?[]:L.map(U=>Number(U)).filter(U=>Number.isFinite(U))}return[]}function S(V){const L=_(V);if(L.length<4)return null;const[U,re,de,ke]=L;return[U,re,de,ke].every(Me=>Number.isFinite(Me))?[U,re,de,ke]:null}function z(V){if(!V)return null;const L=V.trim();if(!L.length)return null;try{const de=JSON.parse(L),ke=S(de);if(ke)return ke}catch{}const U=L.match(/-?\d+(?:\.\d+)?/g);if(!U||U.length<4)return null;const re=U.slice(0,4).map(de=>Number(de));return re.every(de=>Number.isFinite(de))?[re[0],re[1],re[2],re[3]]:null}function I(V){const L={},U=/([:@\w-]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'>]+)))?/g;let re;for(;(re=U.exec(V))!==null;){const de=re[1],ke=re[2]??re[3]??re[4]??"";de&&(L[de]=ke)}return L}function G(V,L){for(const U of L)if(V[U]!=null&&String(V[U]).trim().length)return String(V[U]).trim();return""}function ne(V){if(!(V!=null&&V.length))return;const L=Number(V);return Number.isFinite(L)?L:void 0}function oe(V){if(typeof V!="string"||!V.length)return[];const L=[],U=/<LayerSwitcher\b([^>]*)>([\s\S]*?)<\/LayerSwitcher>/gi;let re=0,de;const ke=new Set,Me=Te=>{let We=Te,Qe=2;for(;ke.has(We);)We=`${Te}-${Qe}`,Qe+=1;return ke.add(We),We};for(;(de=U.exec(V))!==null;){const[Te,We="",Qe=""]=de,Oe=de.index;if(Oe>re){const vl=V.slice(re,Oe);vl.trim().length&&L.push({type:"html",content:vl})}const Je=I(We),lt=G(Je,["title"])||"Тимчасовий шар",$t=v(G(Je,["url"]));if(!$t){L.push({type:"html",content:Te}),re=Oe+Te.length;continue}const yn=G(Je,["id"]),_o=G(Je,["button-text","buttonText","show","show-label","showLabel"]),mw=ne(G(Je,["tile-size","tileSize"])),fw=ne(G(Je,["minzoom","minZoom"])),gw=ne(G(Je,["maxzoom","maxZoom"])),yw=ne(G(Je,["opacity"])),hw=z(G(Je,["bounds","data-bounds","bbox"])),xw=yn||X(`${lt}-${$t}`)||X(lt),Bl=Me(xw||`layer-${L.length+1}`),Eo=Qe.trim(),$l=/<[^>]+>/.test(Eo),bw=$l?Eo:null,No=$l?null:Eo,kw=_o&&_o.trim().length?_o.trim():No&&No.trim().length?No.trim():void 0;L.push({type:"layer",spec:{id:Bl,title:lt,url:$t,tileSize:mw,minzoom:fw,maxzoom:gw,opacity:yw,bounds:hw},componentProps:{title:lt,url:$t,id:Bl,buttonText:kw},slotText:bw}),re=Oe+Te.length}if(re<V.length){const Te=V.slice(re);Te.trim().length&&L.push({type:"html",content:Te})}return!L.length&&V.trim().length&&L.push({type:"html",content:V}),L}function ae(V){if(!V)return null;const L=typeof V.id=="string"?V.id.trim():"",U=typeof V.title=="string"?V.title.trim():"",re=v(typeof V.url=="string"?V.url:"");return!L||!re?null:{id:L,title:U||L,url:re,tileSize:V.tileSize,minzoom:V.minzoom,maxzoom:V.maxzoom,opacity:V.opacity,bounds:V.bounds}}const xe=e.computed(()=>{if(m.value&&r.current.value)return r.current.value.data??{};const V=o.card.value;return(V==null?void 0:V.rows)??{}}),we=e.computed(()=>{if(m.value&&r.current.value){const re=r.current.value,de=Array.isArray(re.columns)?re.columns:[];return de.length?de:re.fields??[]}const V=o.card.value;if(!V)return[];const L=Array.isArray(V.columns)?V.columns:[];return L.length?L:Array.isArray(V.fields)?V.fields:[]}),P=e.computed(()=>{const V=we.value;if(!V.length)return[];const L=xe.value;return V.map(U=>({key:U.name,label:U.ua||U.label||U.title||U.name,value:Z(L[U.name],U.format||"text"),format:U.format||"text"}))}),ee=new Set(["—","-","–","−"]);function b(V){const L=V.match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!L)return V;const[,U,re,de]=L;return`${de}.${re}.${U}`}function A(V){return Number.isFinite(V)?new Intl.NumberFormat("uk-UA").format(V):"—"}function Z(V,L){if(V==null)return"—";if(L==="tags")return V;if(Array.isArray(V))return V.length?V.map(U=>Z(U,"text")).join(", "):"—";if(typeof V=="boolean")return V?"так":"ні";if(typeof V=="number")return A(V);if(typeof V=="string"){const U=V.trim();if(!U.length)return"—";if(/^\d{4}-\d{2}-\d{2}$/.test(U))return b(U);if(/^-?\d+(?:\.\d+)?$/.test(U)){const re=Number(U);return Number.isFinite(re)?A(re):U}return U}return String(V)}function le(V){if(V==null)return!0;if(typeof V=="string"){const L=V.trim();return L.length?ee.has(L):!0}return!1}function fe(V){if(!V)return[];if(Array.isArray(V))return V;if(typeof V=="string"){const L=V.trim();if(L.startsWith("{")&&L.endsWith("}")){const re=L.slice(1,-1).match(/"((?:[^"\\]|\\.)*)"/g);return re?re.map(de=>de.slice(1,-1).replace(/\\"/g,'"')):[]}}return[]}const ie=e.ref(!1),Be=e.ref(!0),$e=()=>{var V,L;return typeof window>"u"?null:((L=(V=window.localStorage)==null?void 0:V.getItem)==null?void 0:L.call(V,cl))??null},Re=e.ref($e()),De=V=>{const L=typeof V=="string"&&V.toLowerCase()==="true";ie.value=L,Be.value=!L},Ue=V=>{Re.value=V};if(typeof window<"u"){const V=L=>{L.key===cl&&Ue(L.newValue)};window.addEventListener("storage",V),e.onBeforeUnmount(()=>{window.removeEventListener("storage",V)})}const tt=e.computed(()=>typeof Re.value=="string");e.watch(Re,V=>{De(typeof V=="string"?V:p.value)},{immediate:!0}),e.watch(p,V=>{tt.value||De(V)},{immediate:!0});const Mt=e.computed(()=>P.value.filter(V=>le(V.value)).length),Tt=e.computed(()=>ie.value&&!Be.value?P.value.filter(V=>!le(V.value)):P.value);function Zt(V){const L=typeof V=="string"?V:"";if(!L.length)return{sanitized:"",hiddenCount:0};if(typeof DOMParser>"u")return{sanitized:L,hiddenCount:0};const re=new DOMParser().parseFromString(L,"text/html");let de=0;return re.querySelectorAll("dd").forEach(ke=>{var We;const Me=((We=ke.textContent)==null?void 0:We.trim())??"",Te=ke.closest("div");if(le(Me)){de+=1,Te?Te.remove():ke.remove();return}}),{sanitized:re.body.innerHTML,hiddenCount:de}}const Ft=e.computed(()=>Zt(c.value)),ut=e.computed(()=>c.value?Ft.value.hiddenCount:0),dn=e.computed(()=>Mt.value+ut.value),un=e.computed(()=>{var V;return ie.value&&!Be.value&&!!((V=c.value)!=null&&V.trim())}),Bt=e.computed(()=>ie.value&&dn.value>0),pn=e.computed(()=>Be.value?"Приховати пусті значення":"Показати пусті значення"),j=e.computed(()=>Be.value?Pl:So);function Y(){Be.value=!Be.value}const q=e.computed(()=>{const V=un.value?Ft.value.sanitized:c.value??"";return oe(V)}),se=e.computed(()=>q.value.filter(V=>V.type==="layer"));function pe(V){return Array.isArray(V)?V.map((L,U)=>{const re=v(typeof(L==null?void 0:L.url)=="string"?L.url:""),de=typeof(L==null?void 0:L.geohub)=="string"&&L.geohub.trim().length?`/api-hub/tms/${L.geohub.trim()}/ua/{z}/{x}/{y}.png`:"",ke=((L==null?void 0:L.name)||(L==null?void 0:L.title)||(L==null?void 0:L.label)||`Шар ${U+1}`).toString(),Me=(L==null?void 0:L.id)!=null?String(L.id):X(`${ke}-${U+1}`),Te=(L==null?void 0:L.buttonText)||(L==null?void 0:L.button_text)||null,We=(L==null?void 0:L.description)||(L==null?void 0:L.subtitle)||null,Qe=re||v(de)||"";if(!Qe)return null;const Oe={id:Me,title:ke,url:Qe,subtitle:We,buttonText:Te||void 0};typeof(L==null?void 0:L.tileSize)=="number"&&(Oe.tileSize=L.tileSize),typeof(L==null?void 0:L.tile_size)=="number"&&(Oe.tileSize=L.tile_size),typeof(L==null?void 0:L.minzoom)=="number"&&(Oe.minzoom=L.minzoom),typeof(L==null?void 0:L.maxzoom)=="number"&&(Oe.maxzoom=L.maxzoom),typeof(L==null?void 0:L.opacity)=="number"&&(Oe.opacity=L.opacity);const Je=S((L==null?void 0:L.bounds)??(L==null?void 0:L.bbox)??null);return Je&&(Oe.bounds=Je),Oe}).filter(Boolean):[]}const be=e.computed(()=>{var re,de;const V=o.card.value,L=r.current.value,U=[(re=V==null?void 0:V.rows)==null?void 0:re.layers,V==null?void 0:V.layers,(de=L==null?void 0:L.data)==null?void 0:de.layers,L==null?void 0:L.layers];for(const ke of U){const Me=pe(ke);if(Me.length)return Me}return[]}),Ne=e.computed(()=>q.value.length>0||P.value.length>0||be.value.length>0),_e=e.computed(()=>!o.cardLoading.value&&!!o.card.value);function it(){const V={},L=O.value;if(L&&typeof L=="object"&&Object.entries(L).forEach(([U,re])=>{typeof re=="string"&&(V[U]=re)}),E.value&&(V.layer=E.value),!V.geohub){const U=typeof(L==null?void 0:L.geohub)=="string"?L.geohub:null,re=typeof(L==null?void 0:L.geohub_key)=="string"?L.geohub_key:null,de=typeof(L==null?void 0:L.geohubId)=="string"?L.geohubId:null;V.geohub=U||re||de||V.layer||""}return V}async function ot(){const V=E.value;if(!V)return O.value=null,T.value=null,null;if(T.value===V&&O.value)return O.value;if(F.has(V)){const L=F.get(V);return O.value=L,T.value=V,L}try{const L=await fetch(`/api/gis-service/${encodeURIComponent(V)}`);if(!L.ok)return null;const U=await L.json();return F.set(V,U),O.value=U,T.value=V,U}catch{return null}}async function Ze(V){if(!(V!=null&&V.id))return;await ot();const L=it(),U=se.value.find(Te=>Te.spec.id===V.id),re=be.value.find(Te=>Te.id===V.id),de=(U==null?void 0:U.spec)||ae(re)||ae(V),ke=(U==null?void 0:U.spec.bounds)??(re==null?void 0:re.bounds);if(!de||w(de.id,$.value))return;const Me=$.value||void 0;D.value=Me??null,k(de,L,Me),N({action:"activate",owner:Me,spec:de,context:L}),ct(ke)}async function ct(V){var ke;if(!(V!=null&&V.length))return;const[L,U,re,de]=V;[L,U,re,de].every(Me=>Number.isFinite(Me))&&typeof d.fitBounds=="function"&&(await((ke=d.ready)==null?void 0:ke.call(d)),d.fitBounds([[L,U],[re,de]],{padding:48,maxZoom:18}))}function kt(V){if(!V)return;const L=Gt()||void 0;C(V,L),N({action:"deactivate",owner:L,spec:{id:V}})}function zn(V){return w(V,Gt())}function In(V,L){const U=L.target;!!(U!=null&&U.checked)?Ze(V):kt(V.id)}function Gt(){return D.value||$.value||null}e.watch(E,(V,L)=>{V!==L&&(O.value=null,T.value=null)});const{next:mn,prev:fn,count:R,index:te}=r,ge=e.computed(()=>o.count.value),Ce=e.computed(()=>o.index.value),ue=e.computed(()=>ge.value>1),Le=e.computed(()=>m.value?R.value:ge.value),Ve=e.computed(()=>m.value?te.value:Ce.value),ce=o.next,ve=o.prev;function Ae(){const V=Gt();V&&(B(V),N({action:"clear",owner:V}),D.value=null)}function ze(){l.value=null,s.value=null,o.close(),r.close(),Ae()}e.watch(x,(V,L)=>{!V&&L&&(Ae(),je())});function rt(){!o.isOpen.value&&!r.active.value&&Ae()}e.watch(()=>o.isOpen.value,()=>{rt()}),e.watch(()=>r.active.value,()=>{rt()}),e.watch(E,(V,L)=>{V&&L&&V!==L&&Ae()}),e.watch(te,(V,L)=>{V!==L&&Ae()}),e.watch(M,(V,L)=>{V&&L&&V!==L&&Ae()});function pt(V){if(!V)return null;if(V.geometry)return V.geometry;const L=(V==null?void 0:V.data)??(V==null?void 0:V.properties);return L!=null&&L.geom_4326?L.geom_4326:L!=null&&L.geom?L.geom:null}function je(){var V,L;(L=(V=W.value)==null?void 0:V.remove)==null||L.call(V),W.value=null}function ft(V){var U,re,de;const L=(V==null?void 0:V.type)||((de=(re=(U=V==null?void 0:V.features)==null?void 0:U[0])==null?void 0:re.geometry)==null?void 0:de.type)||"";return L.includes("Polygon")?{type:"fill",paint:{"fill-color":"#0a57ff","fill-opacity":.2,"fill-outline-color":"#0a57ff"}}:L.includes("LineString")?{type:"line",paint:{"line-color":"#0a57ff","line-width":3,"line-opacity":.9}}:{type:"circle",paint:{"circle-color":"#0a57ff","circle-opacity":.9,"circle-radius":8,"circle-stroke-color":"#ffffff","circle-stroke-width":2}}}let Xe=null;function wt(){const V=Array.isArray(g.query.info)?g.query.info[0]:g.query.info;return typeof V!="string"?null:V.trim()||null}function jn(V){var de,ke;if(!V)return null;const L=(V==null?void 0:V.source)??((de=V==null?void 0:V.layer)==null?void 0:de.id),U=((ke=V==null?void 0:V.properties)==null?void 0:ke.id)??(V==null?void 0:V.id);return!L||U===void 0||U===null?null:`${L},${U}`.trim()||null}function Pn(V,L){if(V){if(Array.isArray(V)){if(V.length>=2&&typeof V[0]=="number"&&typeof V[1]=="number"){L.push([V[0],V[1]]);return}V.forEach(U=>Pn(U,L));return}typeof V=="object"&&(Array.isArray(V.coordinates)&&Pn(V.coordinates,L),Array.isArray(V.features)&&V.features.forEach(U=>Pn(U==null?void 0:U.geometry,L)))}}function cw(V){var Te,We;if(!V)return null;const L=V.type==="FeatureCollection"?(We=(Te=V.features)==null?void 0:Te[0])==null?void 0:We.geometry:V.type==="Feature"?V.geometry:V,U=[];if(Pn(L,U),!U.length)return null;let re=U[0][0],de=U[0][0],ke=U[0][1],Me=U[0][1];return U.forEach(([Qe,Oe])=>{Qe<re&&(re=Qe),Qe>de&&(de=Qe),Oe<ke&&(ke=Oe),Oe>Me&&(Me=Oe)}),[(re+de)/2,(ke+Me)/2]}async function dw(V,L){var ke;const U=wt();if(!U)return;const re=jn(V);if(!re||re!==U||Xe===U)return;const de=cw(L);de&&(await((ke=d.ready)==null?void 0:ke.call(d)),d.flyTo({center:de,zoom:rg}),Xe=U)}function Vl(V){var de;if(!V){je();return}const L=(de=d.map)==null?void 0:de.value,U={type:"FeatureCollection",features:[{type:"Feature",geometry:V,properties:{}}]};je();const re=ft(V);if(W.value=Se("feature-card-highlight",{source:{type:"geojson",data:U},layer:{id:"feature-card-highlight",type:re.type,source:"feature-card-highlight",paint:re.paint}},d.map),L!=null&&L.moveLayer){const ke=()=>{try{L.moveLayer("feature-card-highlight")}catch{}},Me=()=>{typeof window<"u"&&window.requestAnimationFrame?window.requestAnimationFrame(()=>{window.requestAnimationFrame(ke)}):setTimeout(ke,0)};Me();const Te=()=>Me();L.once("styledata",Te);const We=()=>{Me(),L.off("styledata",Te),L.off("idle",We)};L.on("idle",We)}}function uw(V){var re,de;const L=(V==null?void 0:V.source)||((re=V==null?void 0:V.layer)==null?void 0:re.id)||"unknown",U=((de=V==null?void 0:V.properties)==null?void 0:de.id)??(V==null?void 0:V.id)??"unknown";return`${L}:${U}`}async function pw(V){var ke,Me,Te,We,Qe;if(!V)return null;const L=pt(V);if(L)return L;const U=((ke=V==null?void 0:V.properties)==null?void 0:ke.id)??(V==null?void 0:V.id);if(!U)return null;const re=uw(V);if(Q.has(re))return Q.get(re);const de=[J.value,V==null?void 0:V.source,(Me=V==null?void 0:V.layer)==null?void 0:Me.id].map(Oe=>typeof Oe=="string"?Oe.trim():"").filter(Boolean);for(const Oe of de)try{const Je=await fetch(`/api/map-features/${encodeURIComponent(Oe)}/${encodeURIComponent(String(U))}`);if(!Je.ok)continue;const lt=await Je.json(),$t=((Te=lt==null?void 0:lt.data)==null?void 0:Te.geom)||((We=lt==null?void 0:lt.data)==null?void 0:We.geometry)||((Qe=lt==null?void 0:lt.data)==null?void 0:Qe.geom_4326)||null,yn=typeof $t=="string"?JSON.parse($t):$t;if(yn)return Q.set(re,yn),yn}catch{continue}return null}async function gn(V){K.value+=1;const L=K.value;if(i())return;if(!V||m.value){je();return}if(!_e.value){je();return}const U=await pw(V);if(L===K.value){if(!U){je();return}Vl(U),dw(V,U)}}return e.watch(()=>o.cardFeature.value,V=>{gn(V)},{immediate:!0}),e.watch(()=>o.index.value,()=>{m.value||gn(o.cardFeature.value)}),e.watch(m,V=>{if(V){a.value||je();return}if(a.value){i();return}gn(o.cardFeature.value)}),e.watch(J,()=>{if(a.value){i();return}!m.value&&o.cardFeature.value&&gn(o.cardFeature.value)}),e.watch(_e,V=>{i()||(V?gn(o.cardFeature.value):je())}),e.watch(()=>wt(),()=>{Xe=null}),e.watch(l,V=>{V||(s.value=null,je())}),e.onBeforeUnmount(()=>{Ae(),je()}),(V,L)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade"},{default:e.withCtx(()=>[x.value?(e.openBlock(),e.createElementBlock("div",Bf,[e.createElementVNode("div",$f,[e.createElementVNode("div",vf,[e.createElementVNode("p",Sf,[m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(" Об’єкт "+e.toDisplayString(Ve.value+1)+" / "+e.toDisplayString(Le.value),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ue.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" Об’єкт "+e.toDisplayString(Ve.value+1)+" / "+e.toDisplayString(Le.value),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(" Інформація про об’єкт ")],64))],64))])]),m.value&&e.unref(R)>1?(e.openBlock(),e.createElementBlock("div",Lf,[e.createElementVNode("button",{onClick:L[0]||(L[0]=(...U)=>e.unref(fn)&&e.unref(fn)(...U)),disabled:e.unref(te)===0,class:"border p-1 rounded text-xs disabled:opacity-40"},[e.createVNode(e.unref($o),{class:"h-4 w-4"})],8,Af),e.createElementVNode("button",{onClick:L[1]||(L[1]=(...U)=>e.unref(mn)&&e.unref(mn)(...U)),disabled:e.unref(te)===e.unref(R)-1,class:"border p-1 rounded text-xs disabled:opacity-40"},[e.createVNode(e.unref(vo),{class:"h-4 w-4"})],8,Mf)])):!m.value&&ue.value?(e.openBlock(),e.createElementBlock("div",Tf,[e.createElementVNode("button",{onClick:L[2]||(L[2]=(...U)=>e.unref(ve)&&e.unref(ve)(...U)),disabled:Ce.value===0,class:"border p-1 rounded text-xs disabled:opacity-40"},[e.createVNode(e.unref($o),{class:"h-4 w-4"})],8,Ff),e.createElementVNode("button",{onClick:L[3]||(L[3]=(...U)=>e.unref(ce)&&e.unref(ce)(...U)),disabled:Ce.value===ge.value-1,class:"border p-1 rounded text-xs disabled:opacity-40"},[e.createVNode(e.unref(vo),{class:"h-4 w-4"})],8,Df)])):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:"inline-flex h-7 w-7 items-center justify-center rounded-full bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-700 ml-1",onClick:ze}," ✕ ")]),e.createElementVNode("div",zf,[u.value?(e.openBlock(),e.createElementBlock("div",If," Завантаження даних… ")):h.value?(e.openBlock(),e.createElementBlock("div",jf,e.toDisplayString(h.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[P.value.length?(e.openBlock(),e.createElementBlock("div",Pf,[e.createElementVNode("dl",Rf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Tt.value,U=>(e.openBlock(),e.createElementBlock("div",{key:U.key,class:"grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4 even:bg-gray-50 text-[12px]"},[e.createElementVNode("dt",Of,e.toDisplayString(U.label),1),e.createElementVNode("dd",{class:e.normalizeClass(["text-gray-700 sm:col-span-2 font-normal whitespace-pre-wrap",U.format==="badge"?"font-semibold text-yellow-800":""])},[U.format==="tags"?(e.openBlock(),e.createElementBlock("div",Uf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(fe(U.value),(re,de)=>(e.openBlock(),e.createElementBlock("span",{key:de,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold text-foreground"},e.toDisplayString(re),1))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(U.value),1)],64))],2)]))),128))])])):q.value.length?(e.openBlock(),e.createElementBlock("div",qf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(U,re)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:re},[U.type==="html"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:U.content},null,8,Hf)):(e.openBlock(),e.createBlock(il,{key:1,title:U.componentProps.title,url:U.componentProps.url,id:U.componentProps.id,"button-text":U.componentProps.buttonText,onActivate:Ze},e.createSlots({_:2},[U.slotText?{name:"default",fn:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:U.slotText},null,8,Wf)]),key:"0"}:void 0]),1032,["title","url","id","button-text"]))],64))),128))])):e.createCommentVNode("",!0),se.value.length?(e.openBlock(),e.createElementBlock("div",Yf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.value,U=>(e.openBlock(),e.createBlock(il,{key:U.spec.id,title:U.componentProps.title,url:U.componentProps.url,id:U.spec.id,"button-text":U.componentProps.buttonText,onActivate:Ze},null,8,["title","url","id","button-text"]))),128))])):e.createCommentVNode("",!0),Bt.value?(e.openBlock(),e.createElementBlock("div",Zf,[e.createElementVNode("button",{type:"button",class:"flex items-center gap-1 justify-end w-full font-medium text-blue-600 hover:text-blue-800 transition-colors disabled:opacity-60 cursor-pointer",onClick:Y},[e.createElementVNode("span",Gf,e.toDisplayString(pn.value),1),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(j.value),{class:"h-3 w-3 stroke-[1.5px]"}))])])):e.createCommentVNode("",!0),be.value.length?(e.openBlock(),e.createElementBlock("div",Kf,[L[5]||(L[5]=e.createElementVNode("p",{class:"text-xs font-semibold uppercase tracking-wide text-slate-500"},"Шари",-1)),e.createElementVNode("div",Xf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(be.value,U=>(e.openBlock(),e.createElementBlock("div",{key:U.id,class:"hover:bg-gray-100 rounded-lg flex items-center justify-between py-[8px] px-[8px] gap-3"},[e.createElementVNode("label",Qf,[e.createElementVNode("input",{type:"checkbox",class:"peer hidden",checked:zn(U.id),onChange:re=>In(U,re)},null,40,Jf),L[4]||(L[4]=e.createElementVNode("div",{class:"w-4 h-4 rounded border border-blue-800 flex items-center justify-center peer-checked:bg-blue-600 peer-checked:border-blue-600"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none"},[e.createElementVNode("path",{d:"M10.6663 1L4.24967 7.41667L1.33301 4.5",stroke:"#fff","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createElementVNode("span",eg,e.toDisplayString(U.title),1)]),U.subtitle?(e.openBlock(),e.createElementBlock("div",tg,e.toDisplayString(U.subtitle),1)):e.createCommentVNode("",!0)]))),128))])])):e.createCommentVNode("",!0),Ne.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ng," Даних не знайдено. "))],64))])])):e.createCommentVNode("",!0)]),_:1}))}}),[["__scopeId","data-v-79735544"]]),dl=e.defineComponent({__name:"MapBoundaryLayer",props:{layerId:{},boundary:{},katottg:{},settingsMap:{}},setup(t){var h,c;const n=t,o=((c=(h=e.getCurrentInstance())==null?void 0:h.appContext.config.globalProperties)==null?void 0:c.$settings)||null,{map:r,ready:l}=Pe();let s=null;function a(){s==null||s.remove(),s=null}function i(d){if(!d)return null;if(typeof d=="string")try{d=JSON.parse(d)}catch{return null}return d.type==="FeatureCollection"?d:d.type==="Feature"?{type:"FeatureCollection",features:[d]}:d.type&&Array.isArray(d.coordinates)?{type:"FeatureCollection",features:[{type:"Feature",geometry:d,properties:{}}]}:Array.isArray(d.features)?{type:"FeatureCollection",features:d.features}:d.geometry?i(d.geometry):null}function f(d){var g,k,C;return{type:"line",color:"#8e4484",width:2,opacity:((((C=(k=(g=d==null?void 0:d.features)==null?void 0:g[0])==null?void 0:k.geometry)==null?void 0:C.type)||"").includes("Polygon"),.95)}}async function m(d){const y=await fetch(d);if(!y.ok)throw new Error(String(y.status));return y.json()}async function x(d,y){if(d){const p=/^https?:\/\//.test(d)?d:new URL(d,location.origin).toString(),g=await m(p).catch(()=>null),k=i(g);if(k)return k}if(y){const p=await m(`https://data.gki.com.ua/api-user/atu/${encodeURIComponent(y)}`).catch(()=>null),g=i(p);if(g)return g}return null}async function u(){var g,k,C,B;if(!n.layerId||!r.value){a();return}typeof l=="function"&&await l().catch(()=>{});const d=n.boundary??((g=n.settingsMap)==null?void 0:g.boundary)??((k=o==null?void 0:o.map)==null?void 0:k.boundary)??null,y=n.katottg??((C=n.settingsMap)==null?void 0:C.katottg)??((B=o==null?void 0:o.map)==null?void 0:B.katottg)??null;if(!d&&!y){a();return}const p=await x(d,y);if(!p){a();return}a(),s=Se(`${n.layerId}-boundary`,{source:{type:"geojson",data:p},style:f(p)},r)}return e.watch(()=>{var d,y;return[n.layerId,n.boundary,n.katottg,(d=n.settingsMap)==null?void 0:d.boundary,(y=n.settingsMap)==null?void 0:y.katottg,r.value]},()=>{u()},{immediate:!0}),e.onBeforeUnmount(a),(d,y)=>null}}),lg={class:"map-center-control"},ag=["aria-label"],sg={class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},Lt=ye(e.defineComponent({name:"MapCenterControl",__name:"MapCenterControl",props:{center:{},zoom:{},targetCenter:{},targetZoom:{},targetLabel:{},targetAriaLabel:{}},setup(t){const n=t,{map:o,ready:r}=Pe(),l=e.ref(null),s=e.ref(null),a=e.ref(null),i=e.ref(null),f=po(),m=e.computed(()=>{var k;return((k=f.value)==null?void 0:k.map)??null});function x(k){if(Array.isArray(k)&&k.length>=2){const[C,B]=k.slice(0,2).map(w=>Number(w));return Number.isNaN(C)||Number.isNaN(B)?null:[C,B]}if(k&&typeof k=="object"){const C=k,B=C.lng??C.lon??C.long??C.x,w=C.lat??C.y;if(B!=null&&w!=null){const N=Number(B),E=Number(w);if(!Number.isNaN(N)&&!Number.isNaN(E))return[N,E]}}if(typeof k=="string"){const C=k.split(",").map(B=>Number(B.trim()));if(C.length>=2&&C.every(B=>!Number.isNaN(B)))return[C[0],C[1]]}return null}function u(k){const C=x(k);C&&(l.value=C)}function h(k){const C=Number(k);Number.isNaN(C)||(s.value=C)}e.watch(()=>n.center,k=>u(k),{immediate:!0}),e.watch(()=>n.zoom,k=>h(k),{immediate:!0}),e.watch(()=>n.targetCenter,k=>{a.value=x(k)},{immediate:!0}),e.watch(()=>n.targetZoom,k=>{const C=Number(k);i.value=Number.isNaN(C)?null:C},{immediate:!0}),e.watch(()=>{var k;return(k=m.value)==null?void 0:k.center},k=>{u(k)},{immediate:!0}),e.watch(()=>{var k;return(k=m.value)==null?void 0:k.zoom},k=>{h(k)},{immediate:!0});const c=e.computed(()=>{var k;return((k=n.targetLabel)==null?void 0:k.trim())||"Точка"}),d=e.computed(()=>n.targetAriaLabel||"Перейти до точки"),y=e.computed(()=>!!a.value);e.onMounted(async()=>{await(r==null?void 0:r());const k=o.value;if(k){if(!l.value){const C=k.getCenter();l.value=[C.lng,C.lat]}s.value==null&&(s.value=k.getZoom())}});function p(){const k=o.value;if(!k)return;const C=l.value||(()=>{const w=k.getCenter();return[w.lng,w.lat]})(),B=s.value??k.getZoom();k.flyTo({center:C,zoom:B})}function g(){const k=o.value;if(!k||!a.value)return;const C=i.value??s.value??k.getZoom();k.flyTo({center:a.value,zoom:C})}return(k,C)=>(e.openBlock(),e.createElementBlock("div",lg,[y.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,id:"center-btn",type:"button",class:"group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-transform transition-shadow duration-200 bg-white text-gray-700 hover:bg-gray-50 hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2","aria-label":"Повернути центр",onClick:e.withModifiers(p,["stop"])},[C[0]||(C[0]=e.createElementVNode("span",{class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},"Центр мапи",-1)),e.createVNode(e.unref(Zl),{class:"w-4 h-4"})])),y.value?(e.openBlock(),e.createElementBlock("button",{key:1,id:"goto-target-btn",type:"button",class:"group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-transform transition-shadow duration-200 bg-white text-gray-700 hover:bg-gray-50 hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2","aria-label":d.value,onClick:e.withModifiers(g,["stop"])},[e.createElementVNode("span",sg,e.toDisplayString(c.value),1),e.createVNode(e.unref(bn),{class:"w-4 h-4"})],8,ag)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-03fa94f6"]]),ig={class:"flex h-full bg-gradient-to-br from-slate-50 to-white"},cg={class:"flex-1 relative overflow-hidden"},dg={class:"absolute top-0 left-0 w-full z-20"},ug={class:"flex items-center justify-between bg-white/80 backdrop-blur border-b border-gray-200 px-6 py-3 shadow-sm gap-4"},pg={class:"flex items-center gap-3 h-[2.75rem]"},mg={class:"font-semibold text-lg text-gray-800 line-clamp-1"},fg={key:0,class:"text-xs text-gray-500 truncate"},gg=["title"],yg={class:"w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[64px]"},hg={class:"relative w-full h-full"},xg={style:{top:"17px",left:"230px",position:"absolute","z-index":"1"}},bg={class:"absolute top-4 left-4 z-20"},kg={class:"absolute top-[6.5rem] right-2 space-y-1 z-20"},wg={class:"absolute bottom-4 left-4 z-20"},_g={class:"flex-1 flex flex-col h-full"},Eg={class:"px-3 pt-3 pb-2 border-b border-gray-100"},Ng={class:"items-center justify-center text-muted-foreground grid w-full grid-cols-6 h-12 p-1 bg-gray-50 rounded-xl shadow-sm"},Cg=["aria-selected","onClick"],Vg={class:"leading-none"},Bg={class:"flex flex-col flex-1 overflow-y-hidden p-3"},$g="OpenGIS",ul=2,Ln=5,vg=1e3,Sg=ye(e.defineComponent({__name:"service",props:{hideServiceKey:{type:Boolean,default:!1}},setup(t){var P,ee;const n=t,o=e.toRef(n,"hideServiceKey"),r=Fe.useRoute(),l=Fe.useRouter(),{id:s}=r.params,a=e.ref(null),i=e.ref(null),f=e.ref({}),m=e.ref(null),x=((ee=(P=e.getCurrentInstance())==null?void 0:P.appContext.config.globalProperties)==null?void 0:ee.$settings)||null;function u(b){typeof document>"u"||(document.title=b?`${b} — Сервіс`:$g)}let h=null;const c=e.ref(!1);function d(){var b;return(b=a.value)==null?void 0:b.ctx}function y(b){if(Array.isArray(b))return y(b[0]);if(typeof b!="string"&&typeof b!="number")return null;const A=typeof b=="number"?b:Number(b.trim());return Number.isFinite(A)?A:null}function p(b,A){return b.toFixed(A)}function g(b,A,Z){const le=.5*10**-Z;return Math.abs(b-A)>le}function k(){var $e,Re,De,Ue;const b=(Re=($e=d())==null?void 0:$e.map)==null?void 0:Re.value;if(!b)return;const A=y(r.query.z),Z=y(r.query.x),le=y(r.query.y);if(A==null||Z==null||le==null)return;const fe=(De=b.getCenter)==null?void 0:De.call(b),ie=(Ue=b.getZoom)==null?void 0:Ue.call(b);(!fe||g(fe.lng,Z,Ln)||g(fe.lat,le,Ln)||g(ie??0,A,ul))&&(c.value=!0,b.jumpTo({center:[Z,le],zoom:A}),c.value=!1)}function C(){var fe,ie,Be,$e;if(c.value)return;const b=(ie=(fe=d())==null?void 0:fe.map)==null?void 0:ie.value;if(!b)return;const A=(Be=b.getCenter)==null?void 0:Be.call(b),Z=($e=b.getZoom)==null?void 0:$e.call(b);if(!A||Z==null)return;const le={...r.query,z:p(Z,ul),x:p(A.lng,Ln),y:p(A.lat,Ln)};r.query.z===le.z&&r.query.x===le.x&&r.query.y===le.y||l.replace({query:le})}const B=e.ref(null),w=e.ref(""),N=e.ref([]),E=e.ref([]),$=e.ref([]),M=e.ref("list"),D=e.ref(""),W=e.ref([]),K=e.ref(!0);let Q=null;const H=e.computed(()=>{var b,A;return((b=m.value)==null?void 0:b.id)??((A=m.value)==null?void 0:A.service_id)??null}),J=e.computed(()=>{const b=(x==null?void 0:x.map)||null,A=(b==null?void 0:b.boundary)??null,Z=(b==null?void 0:b.katottg)??null;return!A&&!Z?null:{boundary:A,katottg:Z}}),O=e.computed(()=>{const b=m.value;if(!b)return"";const A=[];!o.value&&b.service_key&&A.push(`Сервіс: ${b.service_key}`),b.description&&A.push(b.description);const Z=b.group_name||b.group_id;return Z&&A.push(`Група: ${Z}`),typeof b.is_public<"u"&&A.push(b.is_public?"Публічний":"Не публічний"),typeof b.is_active<"u"&&A.push(b.is_active?"Активний":"Неактивний"),A.join(", ")}),T=[{key:"style",label:"Стиль",icon:Xr},{key:"popup",label:"Попап",icon:Ip},{key:"filter",label:"Фільтр",icon:Op},{key:"legend",label:"Легенда",icon:Lp},{key:"card",label:"Картка",icon:Qr},{key:"metadata",label:"Метадані",icon:lo}],F=T.map(b=>b.key),X=e.ref("style");e.onMounted(async()=>{const b=r.query.tab;b&&F.includes(b)&&(X.value=b),await ne(),v()});async function v(){var le;const b=d();if(!(b!=null&&b.ready))return;await b.ready(),k();const A=(le=b.map)==null?void 0:le.value;if(!A)return;const Z=()=>C();A.on("moveend",Z),A.on("zoomend",Z),h=()=>{A.off("moveend",Z),A.off("zoomend",Z)}}e.watch(()=>[r.query.z,r.query.x,r.query.y],()=>{k()}),e.watch(X,b=>{r.query.tab!==b&&l.replace({query:{...r.query,tab:b}})}),e.watch(()=>r.query.tab,b=>{b&&F.includes(b)&&X.value!==b&&(X.value=b)}),e.watch(()=>{var b;return(b=m.value)==null?void 0:b.name},b=>u(b),{immediate:!0});function _(b){if(!b)return null;try{return JSON.parse(JSON.stringify(b))}catch(A){return console.warn("Failed to clone style",A),null}}function S(b){if(!b)return null;if(typeof b=="string")try{return oo(Kr.load(b)||null)}catch(A){return console.warn("Failed to parse style yaml",A),null}return oo(_(b))}function z(b,A){try{return JSON.stringify(b)===JSON.stringify(A)}catch{return!1}}function I(){var A;if(!m.value)return;const b=S(B.value);z(b,((A=m.value)==null?void 0:A.style)??null)||(m.value={...m.value,style:b})}function G(){Q&&clearTimeout(Q),Q=setTimeout(()=>{Q=null,I()},vg)}const ne=async()=>{try{const b=await fetch(`/api/gis-service/${s}`);if(!b.ok)throw new Error(`${b.status}`);const A=await b.json();f.value=A||{},i.value=s;const Z=S(A.style);m.value=A?{...A,style:_(Z)}:null,B.value=Z,w.value=typeof(A==null?void 0:A.style)=="string"?A.style:Z?Kr.dump(Z):"",E.value=(A==null?void 0:A.popup)||[],M.value=A.card_mode==="html"?"html":"list",$.value=A.card,D.value=A.html,N.value=(A==null?void 0:A.legend)||[],W.value=(A==null?void 0:A.filters)||[]}catch(b){console.error("Failed to fetch map info",b)}};e.watch(()=>{var b;return(b=m.value)==null?void 0:b.style},b=>{B.value=S(b)},{deep:!0}),e.watch(()=>B.value,()=>{G()},{deep:!0}),e.onBeforeUnmount(()=>{Q&&(clearTimeout(Q),Q=null),h==null||h(),h=null});async function oe(b,A){await xe({[b]:A},b)}function ae(){const b=_(B.value);m.value=m.value?{...m.value,style:b}:m.value}async function xe(b,A){if(m.value={...m.value||{},...b},typeof b.html<"u"&&(f.value={...f.value||{},html:b.html}),!!H.value)try{if(!(await fetch(`/api/gis-service/${H.value}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(b)})).ok)throw new Error("Save failed");he.notify({type:"success",title:"Успіх",message:`${A} saved`}),await ne()}catch(Z){he.notify({type:"error",title:"Помилка",message:`Failed to save ${A}`}),console.error(Z)}}async function we(b,A){if(b!=="card"){await oe(b,A);return}const Z=(A==null?void 0:A.card_mode)==="html"?"html":"list",le=Z==="html"&&typeof(A==null?void 0:A.html)=="string"?A.html:"",fe=(Z==="html"?[]:null)||(Array.isArray(A==null?void 0:A.list)?A.list:[]);$.value=fe,M.value=Z,D.value=le;const ie={card_mode:Z};Z==="html"&&(ie.html=le),Z==="list"&&(ie.card=fe),await xe(ie,"card")}return(b,A)=>{var Z,le,fe;return e.openBlock(),e.createElementBlock("div",ig,[e.createElementVNode("div",cg,[e.createElementVNode("div",dg,[e.createElementVNode("div",ug,[e.createElementVNode("div",pg,[e.createElementVNode("button",{onClick:A[0]||(A[0]=ie=>b.$router.back()),class:"inline-flex items-center px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition"},[...A[11]||(A[11]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 mr-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1),e.createTextVNode(" Назад ",-1)])]),e.createElementVNode("div",null,[e.createElementVNode("div",mg,e.toDisplayString((Z=m.value)==null?void 0:Z.name),1),O.value?(e.openBlock(),e.createElementBlock("div",fg,e.toDisplayString(O.value),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",{class:"max-w-xl text-xs text-gray-600 truncate",title:(le=m.value)==null?void 0:le.description},e.toDisplayString((fe=m.value)==null?void 0:fe.description),9,gg)])]),e.createElementVNode("div",yg,[e.createElementVNode("div",hg,[e.createVNode($n,{ref_key:"mapViewRef",ref:a},{default:e.withCtx(()=>{var ie,Be,$e,Re,De,Ue,tt;return[(ie=m.value)!=null&&ie.service_id?(e.openBlock(),e.createBlock(tf,{key:0,id:(Be=m.value)==null?void 0:Be.service_id,layer:m.value,"style-spec":(($e=m.value)==null?void 0:$e.style)||null,autoCenter:!1},null,8,["id","layer","style-spec"])):e.createCommentVNode("",!0),H.value?(e.openBlock(),e.createBlock(dl,{key:1,"layer-id":H.value,boundary:((Re=m.value)==null?void 0:Re.boundary)||((De=J.value)==null?void 0:De.boundary)||null,katottg:((Ue=m.value)==null?void 0:Ue.katottg)||((tt=J.value)==null?void 0:tt.katottg)||null},null,8,["layer-id","boundary","katottg"])):e.createCommentVNode("",!0),e.createElementVNode("div",xg,[H.value?(e.openBlock(),e.createBlock(fo,{key:0,"layer-id":H.value,filters:W.value},null,8,["layer-id","filters"])):e.createCommentVNode("",!0)]),A[12]||(A[12]=e.createElementVNode("div",{id:"map-filter-popover-host",class:"map-widget__filter-host"},null,-1)),e.createElementVNode("div",bg,[e.createVNode(Yt)]),e.createElementVNode("div",kg,[e.createVNode(Lt),f.value.center?(e.openBlock(),e.createBlock(Lt,{key:0,targetCenter:f.value.center,targetLabel:"Ценр даних"},null,8,["targetCenter"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",wg,[e.createVNode(go,{items:N.value||null},null,8,["items"])]),e.createVNode(sl),e.createVNode(bo,{html:f.value.html},null,8,["html"])]}),_:1},512)])]),e.createVNode(ro,{open:K.value,onToggle:A[1]||(A[1]=ie=>K.value=!K.value)},null,8,["open"])]),e.createElementVNode("div",{class:e.normalizeClass(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out",K.value?"w-[650px]":"w-0"])},[e.createElementVNode("div",_g,[e.createElementVNode("div",Eg,[e.createElementVNode("div",Ng,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(T,ie=>e.createElementVNode("button",{key:ie.key,type:"button",role:"tab","aria-selected":X.value===ie.key,class:e.normalizeClass(["whitespace-nowrap flex flex-col items-center justify-center gap-0.5 py-1 px-1 text-[9px] font-medium transition-all duration-300 hover:bg-white/70 rounded-lg group",X.value===ie.key?"bg-white shadow-sm text-gray-700":""]),onClick:Be=>X.value=ie.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ie.icon),{class:"h-3.5 w-3.5 mb-0.5"})),e.createElementVNode("span",Vg,e.toDisplayString(ie.label),1)],10,Cg)),64))])]),e.createElementVNode("div",Bg,[X.value==="style"?(e.openBlock(),e.createBlock(ym,{key:0,token:H.value,"style-text":w.value,"style-yaml":B.value,"onUpdate:styleYaml":A[2]||(A[2]=ie=>B.value=ie),"onUpdate:styleText":A[3]||(A[3]=ie=>w.value=ie),onUpdate:ae},null,8,["token","style-text","style-yaml"])):X.value==="legend"?(e.openBlock(),e.createBlock(qm,{key:1,token:H.value,columns:N.value,"onUpdate:columns":A[4]||(A[4]=ie=>N.value=ie),onSave:A[5]||(A[5]=ie=>oe("legend",ie))},null,8,["token","columns"])):X.value==="popup"?(e.openBlock(),e.createBlock(Dm,{key:2,token:H.value,columns:E.value,fields:f.value.fields,"onUpdate:columns":A[6]||(A[6]=ie=>E.value=ie),onSave:A[7]||(A[7]=ie=>oe("popup",ie))},null,8,["token","columns","fields"])):X.value==="card"?(e.openBlock(),e.createBlock(Qm,{key:3,token:H.value,columns:$.value,fields:f.value.fields,"view-mode":M.value,html:D.value,"onUpdate:columns":A[8]||(A[8]=ie=>$.value=ie),onSave:we},null,8,["token","columns","fields","view-mode","html"])):X.value==="filter"?(e.openBlock(),e.createBlock(ef,{key:4,token:H.value,fields:f.value.fields,columns:W.value,"onUpdate:columns":A[9]||(A[9]=ie=>W.value=ie),onSave:A[10]||(A[10]=ie=>oe("filters",ie))},null,8,["token","fields","columns"])):X.value==="metadata"?(e.openBlock(),e.createBlock(ao,{key:5,data:m.value,"entity-id":String(e.unref(s)),"entity-type":"service",onSaved:ne},null,8,["data","entity-id"])):e.createCommentVNode("",!0)])])],2)])}}}),[["__scopeId","data-v-66d33228"]]),Lg={class:"flex-1 overflow-y-auto p-4 sm:p-6"},Ag={class:"space-y-3"},Mg={class:"bg-white p-3 rounded-xl border border-gray-200 shadow-sm"},Tg={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2"},Fg={class:"text-xs text-gray-500 mb-1"},Dg={key:0,class:"text-base text-md font-semibold text-gray-900"},zg={key:1,class:"text-base text-md font-semibold text-gray-900"},Ig={class:"bg-white p-3 rounded-xl border border-gray-200 shadow-sm"},jg={class:"space-y-2"},Pg={class:"bg-gradient-to-br from-blue-50 to-blue-100/30 p-4 rounded-lg border border-blue-200"},Rg={class:"text-sm font-semibold text-gray-900"},Og={class:"text-xs text-gray-600 mt-1"},Ug={class:"grid grid-cols-2 gap-3"},qg={class:"text-xs text-gray-500 mb-1"},Hg={class:"text-sm font-semibold text-gray-900"},Wg={class:"bg-gray-50 p-4 rounded-lg"},Yg={class:"grid grid-cols-2 gap-4"},Zg={class:"text-xs text-gray-500 mb-1"},Gg={class:"text-sm font-semibold text-gray-900"},Kg=e.defineComponent({directives:{tooltip:he.TooltipDirective},__name:"raster-info-tab",props:{details:{}},setup(t){return(n,o)=>{const r=e.resolveDirective("tooltip");return e.openBlock(),e.createElementBlock("div",Lg,[e.createElementVNode("div",Ag,[e.createElementVNode("div",Mg,[o[0]||(o[0]=e.createElementVNode("div",{class:"mb-4"},[e.createElementVNode("h4",{class:"text-sm font-semibold text-gray-900 uppercase tracking-wide"},"Основні параметри")],-1)),e.createElementVNode("div",Tg,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.details.baseParams,l=>(e.openBlock(),e.createElementBlock("div",{key:l.label,class:"bg-gray-50 p-2 rounded-lg"},[e.createElementVNode("p",Fg,e.toDisplayString(l.label),1),l.tooltip?e.withDirectives((e.openBlock(),e.createElementBlock("p",Dg,[e.createTextVNode(e.toDisplayString(l.value),1)])),[[r,l.tooltip]]):(e.openBlock(),e.createElementBlock("p",zg,e.toDisplayString(l.value),1))]))),128))])]),e.createElementVNode("div",Ig,[o[3]||(o[3]=e.createElementVNode("div",{class:"mb-2"},[e.createElementVNode("h4",{class:"text-sm font-semibold text-gray-900 uppercase tracking-wide"},"Просторова інформація")],-1)),e.createElementVNode("div",jg,[e.createElementVNode("div",null,[o[1]||(o[1]=e.createElementVNode("p",{class:"text-xs text-gray-500 mb-2"},"Система координат",-1)),e.createElementVNode("div",Pg,[e.createElementVNode("p",Rg,e.toDisplayString(t.details.spatial.crs.code),1),e.createElementVNode("p",Og,e.toDisplayString(t.details.spatial.crs.description),1)])]),e.createElementVNode("div",null,[o[2]||(o[2]=e.createElementVNode("p",{class:"text-xs text-gray-500 mb-2"},"Межі покриття",-1)),e.createElementVNode("div",Ug,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.details.spatial.bounds,l=>(e.openBlock(),e.createElementBlock("div",{key:l.label,class:"bg-gray-50 p-2 rounded-lg border border-gray-200"},[e.createElementVNode("p",qg,e.toDisplayString(l.label),1),e.createElementVNode("p",Hg,e.toDisplayString(l.value),1)]))),128))])]),e.createElementVNode("div",Wg,[e.createElementVNode("div",Yg,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.details.spatial.resolution,l=>(e.openBlock(),e.createElementBlock("div",{key:l.label},[e.createElementVNode("p",Zg,e.toDisplayString(l.label),1),e.createElementVNode("p",Gg,e.toDisplayString(l.value),1)]))),128))])])])])])])}}}),Xg={class:"flex-1 overflow-y-auto space-y-3 pr-1"},Qg={class:"font-medium text-sm text-gray-800"},Jg={class:"text-xs text-gray-500"},e0=e.defineComponent({__name:"raster-files-tab",props:{files:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",Xg,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.files,r=>(e.openBlock(),e.createElementBlock("div",{key:r.name,class:"border border-gray-100 rounded-xl p-4 shadow-sm bg-white flex items-start justify-between"},[e.createElementVNode("div",null,[e.createElementVNode("p",Qg,e.toDisplayString(r.name),1),e.createElementVNode("p",Jg,e.toDisplayString(r.resolution)+" • "+e.toDisplayString(r.size)+"MB",1)]),e.createElementVNode("span",{class:e.normalizeClass(["text-[11px] font-semibold px-2 py-0.5 rounded-full",r.statusClass])},e.toDisplayString(r.status),3)]))),128))]))}}),t0={},n0={xmlns:"http://www.w3.org/2000/svg",width:"12px",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"};function o0(t,n){return e.openBlock(),e.createElementBlock("svg",n0,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M20,16v4a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V6A2,2,0,0,1,4,4H8",fill:"none",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1),e.createElementVNode("polygon",{fill:"none",points:"12.5 15.8 22 6.2 17.8 2 8.3 11.5 8 16 12.5 15.8",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)])])}const r0=ye(t0,[["render",o0]]),l0={},a0={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"};function s0(t,n){return e.openBlock(),e.createElementBlock("svg",a0,[...n[0]||(n[0]=[e.createElementVNode("circle",{cx:"12",cy:"12",r:"9"},null,-1),e.createElementVNode("line",{x1:"12",y1:"8",x2:"12",y2:"8"},null,-1),e.createElementVNode("path",{d:"M11 12h1v4h1"},null,-1)])])}const i0=ye(l0,[["render",s0]]),c0={class:"absolute top-[5.5rem] left-4 z-30 flex flex-col items-start gap-2"},d0={class:"rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur"},u0={class:"flex items-center gap-2"},p0={class:"rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur"},m0={class:"inline-flex items-center gap-2 text-[11px] text-slate-600"},f0=["checked"],g0=e.defineComponent({__name:"RasterLayer",props:{tileUrl:{},extent:{},layerId:{},beforeId:{},showRasterExtent:{type:Boolean}},emits:["toggle-extent"],setup(t){const n=t,o=n.layerId||"raster-preview-layer",r=`${o}-source`,l=n.extent&&n.extent.length===4?[...n.extent]:void 0,s=Se(o,{sourceId:r,source:{type:"raster",tiles:n.tileUrl?[n.tileUrl+"?nottl=1"]:[],tileSize:256,...l?{bounds:l}:{}},layer:{id:`${o}-raster`,type:"raster",paint:{"raster-opacity":1}},beforeId:n.beforeId??null}),{fitBounds:a}=Pe(),i=e.ref(1);e.watch(()=>n.tileUrl,u=>{if(!u){s.setVisible(!1);return}s.setVisible(!0),s.setTiles([u])},{immediate:!0}),e.watch(()=>i.value,u=>{s.setOpacity(u)},{immediate:!0});let f=null,m=!1;e.watch(()=>n.extent,u=>{if(!u||u.length!==4)return;const h=u.join(",");if(h!==f){if(f=h,!m){m=!0;return}a==null||a([[u[0],u[1]],[u[2],u[3]]],{padding:40,maxZoom:17})}},{immediate:!0});const x=e.computed(()=>`${Math.round(i.value*100)}%`);return(u,h)=>(e.openBlock(),e.createElementBlock("div",c0,[e.createElementVNode("div",d0,[e.createElementVNode("div",u0,[h[2]||(h[2]=e.createElementVNode("span",null,"Прозорість:",-1)),e.withDirectives(e.createElementVNode("input",{type:"range",min:"0",max:"1",step:"0.01","onUpdate:modelValue":h[0]||(h[0]=c=>i.value=c),class:"h-1 w-28 cursor-pointer appearance-none rounded-full bg-slate-300 focus:outline-none",style:{"accent-color":"#3b82f6"}},null,512),[[e.vModelText,i.value,void 0,{number:!0}]]),e.createElementVNode("span",null,e.toDisplayString(x.value),1)])]),e.createElementVNode("div",p0,[e.createElementVNode("label",m0,[e.createElementVNode("input",{type:"checkbox",class:"h-3.5 w-3.5 rounded border-slate-300 text-blue-600 focus:ring-blue-200",checked:t.showRasterExtent,onChange:h[1]||(h[1]=c=>u.$emit("toggle-extent",c.target.checked))},null,40,f0),h[3]||(h[3]=e.createElementVNode("span",null,"Межі растру",-1))])])]))}}),pl=e.defineComponent({__name:"ExtentOutlineLayer",props:{extent:{},layerId:{},beforeId:{}},setup(t){const n=t,o=n.layerId||"extent-outline-layer",r=`${o}-source`,l=e.computed(()=>{const i=n.extent;if(!i||i.length!==4)return null;const[f,m,x,u]=i;return[f,m,x,u].some(h=>typeof h!="number"||Number.isNaN(h))?null:{type:"FeatureCollection",features:[{type:"Feature",properties:{},geometry:{type:"Polygon",coordinates:[[[f,m],[x,m],[x,u],[f,u],[f,m]]]}}]}}),s=Pe(),a=Se(o,{sourceId:r,source:{type:"geojson",data:l.value||{type:"FeatureCollection",features:[]}},layer:{id:o,type:"line",paint:{"line-color":"#ef4444","line-width":2}},beforeId:n.beforeId??null});return e.watch(()=>l.value,i=>{var m;if(!i){a.setVisible(!1),a.setData({type:"FeatureCollection",features:[]});return}a.setVisible(!0),a.setData(i);const f=(m=s.map)==null?void 0:m.value;f!=null&&f.moveLayer&&f.getLayer(o)&&f.moveLayer(o)},{immediate:!0}),(i,f)=>e.createCommentVNode("",!0)}}),y0=["href"],h0=["href"],x0={key:0,class:"py-6 px-4 text-sm text-gray-500"},b0={key:1,class:"py-6 px-4 text-sm text-red-600"},k0={class:"flex justify-end gap-2 px-4 py-3 border-t border-gray-100 w-full"},w0=["disabled"],_0=["disabled"],E0=192,ml=8,an=8,fl=e.defineComponent({__name:"HeaderActions",props:{entityId:{},entityInfo:{},table:{},formEndpoint:{type:[String,Function]},saveEndpoint:{type:[String,Function]},entityLabel:{},editButtonText:{},saveMethod:{}},emits:["saved"],setup(t,{emit:n}){const o=t,r=n,l=e.defineAsyncComponent(()=>import("@opengis/core").then(I=>I.VsModal)),s=e.defineAsyncComponent(()=>import("@opengis/form")),a=e.ref(!1),i=e.ref(null),f=e.ref(null),m=e.ref(null),x=e.ref(null),u=e.computed(()=>x.value?{position:"fixed",top:`${x.value.top}px`,left:`${x.value.left}px`}:{});e.watch(a,I=>{I&&e.nextTick(F)});const h=e.ref(!1),c=e.ref(null),d=e.ref({}),y=e.ref(null),p=e.ref(""),g=e.ref(!1),k=e.ref(!1),C=e.ref(null),B=e.computed(()=>o.entityId||""),w=(I,G)=>I?typeof I=="function"?I(G):typeof I!="string"?"":I.includes(":id")?G?I.replace(":id",encodeURIComponent(G)):"":I:"",N=e.computed(()=>{var I;return(I=o.table)==null?void 0:I.trim()}),E=e.computed(()=>{if(o.formEndpoint)return o.formEndpoint;if(N.value)return I=>`/api/form/${N.value}/${I}`}),$=e.computed(()=>{if(o.saveEndpoint)return o.saveEndpoint;if(N.value)return I=>`/api/table/${I}`}),M=e.computed(()=>w(E.value,B.value)),D=e.computed(()=>o.saveEndpoint?w(o.saveEndpoint,B.value):C.value?`/api/table/${encodeURIComponent(C.value)}`:w($.value,B.value)),W=e.computed(()=>w("/api/gis-clear-rtile/:id",B.value)),K=e.computed(()=>w("/api/gis-xml/:id",B.value)),Q=e.computed(()=>{var ne,oe,ae;const I=(oe=(ne=o.entityInfo)==null?void 0:ne.name)==null?void 0:oe.trim();if(I)return`Редагування ${I}`;const G=(ae=o.entityLabel)==null?void 0:ae.trim();return G?`Редагування ${G}`:"Редагування"}),H=e.computed(()=>o.editButtonText||"Редагувати"),J=e.computed(()=>(o.saveMethod||"POST").toUpperCase());function O(){a.value||F(),a.value=!a.value}function T(){a.value=!1}function F(){var b;if(typeof window>"u"||!f.value)return;const I=f.value.getBoundingClientRect(),G=window.innerWidth,ne=window.innerHeight,oe=I.left,ae=Math.max(G-E0-an,an),xe=Math.min(Math.max(oe,an),ae),we=((b=m.value)==null?void 0:b.offsetHeight)??0,P=I.bottom+ml;let ee=P;if(we&&P+we>ne-an){const A=I.top-ml-we;ee=Math.max(A,an)}x.value={top:ee,left:xe}}function X(I){var ne,oe;if(!i.value&&!m.value)return;const G=I.target;G&&((ne=i.value)!=null&&ne.contains(G)||(oe=m.value)!=null&&oe.contains(G))||(a.value=!1)}function v(){a.value&&F()}e.onMounted(()=>{window.addEventListener("click",X),window.addEventListener("resize",v),window.addEventListener("scroll",v,!0)}),e.onUnmounted(()=>{window.removeEventListener("click",X),window.removeEventListener("resize",v),window.removeEventListener("scroll",v,!0)});async function _(){var I,G,ne;if(!(!B.value||!M.value)){T(),h.value=!0,g.value=!0,p.value="",c.value=null,d.value={},C.value=null;try{const oe=await fetch(M.value);if(!oe.ok)throw new Error(`Failed to load form: ${oe.status}`);const ae=await oe.json();d.value=(ae==null?void 0:ae.data)||{},c.value=(ae==null?void 0:ae.schema)||null;const xe=typeof(ae==null?void 0:ae.token)=="string"&&ae.token||typeof((I=ae==null?void 0:ae.tokens)==null?void 0:I.edit)=="string"&&ae.tokens.edit||typeof((G=ae==null?void 0:ae.tokens)==null?void 0:G.edit_token)=="string"&&ae.tokens.edit_token||typeof((ne=ae==null?void 0:ae.data)==null?void 0:ne.token)=="string"&&ae.data.token||null;C.value=xe,y.value=null}catch(oe){console.error("Failed to load edit form",oe),p.value="Не вдалося завантажити форму редагування"}finally{g.value=!1}}}function S(){h.value=!1,c.value=null,p.value="",C.value=null}async function z(){var I,G;if(!(!B.value||!D.value)){if(y.value){const ne=(G=(I=y.value).validate)==null?void 0:G.call(I);if(ne){he.notify({type:"warning",title:"Validation",message:Object.entries(ne).map(([oe,ae])=>`${oe}: ${ae}`).join(`
|
|
246
|
-
`)});return}}k.value=!0;try{const ne=await fetch(D.value,{method:J.value,headers:{"Content-Type":"application/json"},body:JSON.stringify(d.value)});if(!ne.ok)throw new Error(`Failed to save: ${ne.status}`);he.notify({type:"success",title:"Збережено",message:"Зміни збережено"}),r("saved",d.value),S()}catch(ne){console.error("Failed to save edit form",ne),he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти зміни"})}finally{k.value=!1}}}return(I,G)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:i,class:"relative flex items-center"},[e.createElementVNode("button",{ref_key:"triggerButton",ref:f,type:"button",onClick:e.withModifiers(O,["stop"]),class:"flex items-center justify-center w-9 h-9 hover:rounded-md hover:border hover:border-gray-200 bg-white text-gray-600 hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-500","aria-label":"Дії"},[...G[3]||(G[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 5.5v.01M12 12v.01M12 18.5v.01"})],-1)])],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuContainer",ref:m,style:e.normalizeStyle(u.value),class:"absolute top-0 left-0 mt-2 w-48 rounded-xl border border-gray-200 bg-white shadow-lg text-sm z-[1000]"},[W.value?(e.openBlock(),e.createElementBlock("a",{key:0,href:W.value,target:"_blank",rel:"noreferrer",class:"flex items-center gap-2 px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-t-xl",onClick:T},[e.createVNode(e.unref(Il),{size:16,class:"lucide lucide-brush-cleaning text-gray-500"}),G[4]||(G[4]=e.createElementVNode("span",null,"Очистити тайли",-1))],8,y0)):e.createCommentVNode("",!0),e.createElementVNode("a",{href:K.value,target:"_blank",rel:"noreferrer",class:"flex items-center gap-2 px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-t-xl",onClick:T},[e.createVNode(e.unref(ea),{size:16,class:"lucide lucide-square-code text-gray-500"}),G[5]||(G[5]=e.createElementVNode("span",null,"Створити XML",-1))],8,h0),e.createElementVNode("button",{type:"button",class:"flex items-center gap-2 w-full px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-b-xl",onClick:_},[e.createVNode(e.unref(Ql),{size:16,class:"lucide lucide-pencil text-gray-500"}),e.createElementVNode("span",null,e.toDisplayString(H.value),1)])],4)):e.createCommentVNode("",!0)])),e.createVNode(e.unref(l),{teleport:"#modal",visible:h.value,"onUpdate:visible":G[2]||(G[2]=ne=>h.value=ne),title:Q.value,size:"lg"},{footer:e.withCtx(()=>[e.createElementVNode("div",k0,[e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-gray-100 text-gray-700",onClick:S,disabled:k.value}," Скасувати ",8,w0),e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-blue-600 text-white",onClick:z,disabled:k.value},e.toDisplayString(k.value?"Зберігається…":"Зберегти"),9,_0)])]),default:e.withCtx(()=>[g.value?(e.openBlock(),e.createElementBlock("div",x0," Завантаження форми редагування… ")):p.value?(e.openBlock(),e.createElementBlock("div",b0,e.toDisplayString(p.value),1)):(e.openBlock(),e.createBlock(e.unref(s),{key:2,values:d.value,"onUpdate:values":G[0]||(G[0]=ne=>d.value=ne),form:y.value,"onUpdate:form":G[1]||(G[1]=ne=>y.value=ne),schema:c.value},null,8,["values","form","schema"]))]),_:1},8,["visible","title"])],512))}}),N0={class:"flex h-full bg-gradient-to-br from-slate-50 to-white"},C0={class:"flex-1 relative overflow-hidden"},V0={class:"absolute top-0 left-0 w-full z-20"},B0={class:"flex items-center justify-between bg-white/80 backdrop-blur border-b border-gray-200 px-6 py-3 shadow-sm gap-4"},$0={class:"flex items-center gap-3 min-w-0"},v0={class:"flex flex-col min-w-0"},S0={class:"font-semibold text-lg text-gray-800 line-clamp-1"},L0={key:0,class:"text-xs text-gray-500 truncate"},A0={class:"flex items-center gap-4"},M0={class:"flex-1 min-w-0"},T0=["title"],F0={class:"w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[64px]"},D0={class:"relative w-full h-full"},z0={class:"absolute top-4 left-4 z-20"},I0={class:"absolute top-[6.5rem] right-2 space-y-1 z-20"},j0={class:"flex-1 flex flex-col h-full"},P0={class:"px-3 pt-3 pb-2 border-b border-gray-100"},R0={class:"items-center justify-center text-muted-foreground grid w-full grid-cols-3 h-12 p-1 bg-gray-50 rounded-xl shadow-sm"},O0=["aria-selected","onClick"],U0={class:"leading-none"},q0={class:"flex flex-col flex-1 overflow-y-hidden p-4"},H0={key:0,class:"mb-3 text-xs text-slate-500"},W0={key:1,class:"mb-3 text-xs text-rose-600"},Y0="OpenGIS",gl=2,An=5,Z0=e.defineComponent({__name:"raster",setup(t){const n=[{cardClass:"bg-gradient-to-br from-green-50 to-green-100/30 border-green-200",titleClass:"text-green-900"},{cardClass:"bg-gradient-to-br from-blue-50 to-blue-100/30 border-blue-200",titleClass:"text-blue-900"},{cardClass:"bg-gradient-to-br from-purple-50 to-purple-100/30 border-purple-200",titleClass:"text-purple-900"},{cardClass:"bg-gradient-to-br from-gray-50 to-gray-100/30 border-gray-200",titleClass:"text-gray-900"}],o=Fe.useRouter(),r=Fe.useRoute(),l=e.ref(null),s=e.computed(()=>{var A;const b=(A=r.params)==null?void 0:A.id;return typeof b=="string"?b:void 0}),a=e.ref(null),i=e.ref(!1),f=e.ref(!1),m=e.ref(null),x=e.ref(!0);let u=null;const h=e.ref(!1);function c(b){if(Array.isArray(b))return c(b[0]);if(typeof b!="string"&&typeof b!="number")return null;const A=typeof b=="number"?b:Number(b.trim());return Number.isFinite(A)?A:null}function d(b,A){return b.toFixed(A)}function y(b,A,Z){const le=.5*10**-Z;return Math.abs(b-A)>le}function p(){var b;return(b=l.value)==null?void 0:b.ctx}function g(){var $e,Re,De,Ue;const b=(Re=($e=p())==null?void 0:$e.map)==null?void 0:Re.value;if(!b)return;const A=c(r.query.z),Z=c(r.query.x),le=c(r.query.y);if(A==null||Z==null||le==null)return;const fe=(De=b.getCenter)==null?void 0:De.call(b),ie=(Ue=b.getZoom)==null?void 0:Ue.call(b);(!fe||y(fe.lng,Z,An)||y(fe.lat,le,An)||y(ie??0,A,gl))&&(h.value=!0,b.jumpTo({center:[Z,le],zoom:A}),h.value=!1)}function k(){var fe,ie,Be,$e;if(h.value)return;const b=(ie=(fe=p())==null?void 0:fe.map)==null?void 0:ie.value;if(!b)return;const A=(Be=b.getCenter)==null?void 0:Be.call(b),Z=($e=b.getZoom)==null?void 0:$e.call(b);if(!A||Z==null)return;const le={...r.query,z:d(Z,gl),x:d(A.lng,An),y:d(A.lat,An)};r.query.z===le.z&&r.query.x===le.x&&r.query.y===le.y||o.replace({query:le})}function C(){var A;if(typeof document>"u")return;const b=(A=W.value)==null?void 0:A.name;document.title=b?`${b} — Растер`:Y0}const B=e.computed(()=>{var A;const b=(A=a.value)==null?void 0:A.url;return b?/^https?:\/\//i.test(b)||typeof window>"u"||typeof location>"u"?b:`${location.origin}${b}`:""}),w=e.computed(()=>{var b;return((b=a.value)==null?void 0:b.extent)??null}),N=e.computed(()=>s.value?`raster-${s.value}`:void 0),E=e.computed(()=>s.value?`raster-extent-${s.value}`:"raster-extent"),$=e.computed(()=>{const b=N.value??"raster",A=w.value&&w.value.length===4?w.value.join(","):"no-extent";return`${b}-${A}`}),M=e.computed(()=>!!B.value),D=e.computed(()=>{const b=w.value;if(!b||b.length!==4)return null;const[A,Z,le,fe]=b;return[A,Z,le,fe].some(ie=>typeof ie!="number"||Number.isNaN(ie))?null:[(A+le)/2,(Z+fe)/2]}),W=e.computed(()=>{var fe,ie;const b=a.value,A=b==null?void 0:b.extent;return{id:s.value??"—",name:(b==null?void 0:b.name)||((ie=(fe=b==null?void 0:b.files)==null?void 0:fe[0])==null?void 0:ie.name),description:b!=null&&b.extension?`Формат ${b.extension.toUpperCase()}`:"Попередній перегляд растрового шару. Реальні метадані підвантажуються.",coverage:A&&A.length===4?`${ee(A[0])}, ${ee(A[1])} → ${ee(A[2])}, ${ee(A[3])}`:"Покриття уточнюється",crs:b!=null&&b.srid?`EPSG:${b.srid}`:"EPSG:4326",source:b!=null&&b.proj4?b.proj4:"Джерело: Mapnik",updatedAt:b!=null&&b.cache?"Дані кешовано":"Нові дані"}}),K=e.computed(()=>{const b=a.value;return b?[b.source_path,b.description,b.is_public?"Публічна":"Не публічна",b.is_active?"Архівна":"Активна"].filter(A=>A).join(", "):""}),Q=[{key:"info",label:"Інформація",icon:i0},{key:"files",label:"Файли",icon:r0},{key:"metadata",label:"Метадані",icon:lo}],H=Q.map(b=>b.key),J=e.ref(H.includes(r.query.tab)?r.query.tab:"info"),O=e.ref(!0);e.watch(()=>r.query.tab,b=>{b&&H.includes(b)&&J.value!==b&&(J.value=b)}),e.watch(J,b=>{r.query.tab!==b&&o.replace({query:{...r.query,tab:b}})});const T=e.computed(()=>z(a.value)),F=e.computed(()=>G(a.value));e.watch(()=>a.value,()=>{C()},{immediate:!0});async function X(){var le;const b=p();if(!(b!=null&&b.ready))return;await b.ready(),g();const A=(le=b.map)==null?void 0:le.value;if(!A)return;const Z=()=>k();A.on("moveend",Z),A.on("zoomend",Z),u=()=>{A.off("moveend",Z),A.off("zoomend",Z)}}e.watch(()=>[r.query.z,r.query.x,r.query.y],()=>{g()}),e.onMounted(()=>{X()}),e.onBeforeUnmount(()=>{u==null||u(),u=null}),e.watch(s,()=>{_()},{immediate:!0});async function v(b){var A;_(),((A=a.value)==null?void 0:A.srid)!==b.srid&&(he.notify({title:"XML start",type:"info",message:"зміна системи координат, оновлюємо карту ..."}),await S(`/api/gis-xml/${encodeURIComponent(s.value)}`),he.notify({title:"XML created",type:"info",message:"карта створена"}),location.reload())}async function _(){const b=s.value;if(!b){a.value=null,m.value=null;return}i.value=!0,m.value=null;try{const A=await fetch(`/api/gis-raster/${encodeURIComponent(b)}`);if(!A.ok)throw new Error(`HTTP ${A.status}`);const Z=await A.json();Z.xml&&(f.value=!0),a.value=Z,Z.xml||(he.notify({title:"XML not found",type:"info",message:"йде створення xml ... зачекайте"}),await S(`/api/gis-xml/${encodeURIComponent(b)}`),he.notify({title:"XML created",type:"info",message:"карта створена"}),fetch(`/api/gis-raster/${encodeURIComponent(b)}?nocache=1`),f.value=!0)}catch(A){console.error("Failed to load raster info",A),a.value=null,m.value=A instanceof Error?A.message:String(A)}finally{i.value=!1}}function S(b){return new Promise((A,Z)=>{const le=new EventSource(b),fe=[];le.onmessage=ie=>{fe.push(ie.data),console.log("Received:",ie.data)},le.addEventListener("end",()=>{le.close(),A(fe)}),le.onerror=ie=>{le.close(),A(ie)}})}function z(b){var A;return(A=b==null?void 0:b.files)!=null&&A.length?b.files.map(Z=>({name:Z.name,resolution:I(Z.name,b),size:Z.size||"—",status:"Готово",statusClass:"bg-emerald-50 text-emerald-600 border border-emerald-100"})):[]}function I(b,A){const Z=b.toLowerCase();return Z.endsWith(".tfw")?"Georeference":Z.endsWith(".xml")?"Опис":Z.endsWith(".tif")||Z.endsWith(".tiff")?A!=null&&A.resolution?A.resolution:"Растер":(A==null?void 0:A.resolution)??"Файл"}function G(b){return b?{baseParams:oe(b),spatial:{crs:{code:b.srid?`EPSG:${b.srid}`:"EPSG:4326",description:b.proj4||"WGS 84 — World Geodetic System 1984"},bounds:ae(b.extent),resolution:xe(b)},statistics:we(b),technical:P(b)}:null}function ne(b){return b!=null&&b.length?b.map(Z=>{var fe;if(!Z)return"";const le=Z.trim().split(/\s+/)[0];return((fe=le==null?void 0:le[0])==null?void 0:fe.toUpperCase())||""}).filter(Boolean).join(""):""}function oe(b){var ie,Be;const A=b.bands_count??((ie=b.bands)==null?void 0:ie.length)??"—",Z=ne(b.bands),le=(b.bands??[]).map($e=>$e.trim()).filter($e=>$e.length>0),fe=le.length?le.join(", "):void 0;return[{label:"Розмір растру, px",value:b.width&&b.height?`${b.width}×${b.height}`:"—"},{label:"Формат файлу",value:((Be=b.extension)==null?void 0:Be.toUpperCase())??"—"},{label:"Розмір файлу, mb",value:b.total_size?`${b.total_size}`:"—"},{label:"Кількість каналів",value:typeof A=="number"?`${A}${Z?` (${Z})`:""}`:`${A}${Z?` (${Z})`:""}`,tooltip:fe},{label:"Глибина кольору",value:b.color_depth?`${b.color_depth} біт/канал`:"—"},{label:"Стиснення",value:b.compression||"—"}]}function ae(b){return!b||b.length!==4?[]:[{label:"Північ",value:ee(b[3],"N")},{label:"Схід",value:ee(b[2],"E")},{label:"Південь",value:ee(b[1],"S")},{label:"Захід",value:ee(b[0],"W")}]}function xe(b){const A=[{label:"Роздільна здатність",value:b.resolution||"—"}];return b.width&&b.height&&A.push({label:"Розмір пікселя",value:`${b.width} × ${b.height} px`}),A}function we(b){var A;return(A=b.bands)!=null&&A.length?b.bands.map((Z,le)=>{const fe=n[le%n.length];return{label:`Канал ${le+1}${Z?` (${Z})`:""}`,cardClass:fe.cardClass,titleClass:fe.titleClass,metrics:[{label:"Назва",value:Z||`Канал ${le+1}`},{label:"Глибина",value:b.color_depth?`${b.color_depth} біт`:"—"},{label:"Статус",value:b.cache?"Кешовано":"Готово"}]}}):[]}function P(b){var A;return[{label:"Тип даних",value:b.color_depth?`Unsigned Integer ${b.color_depth}-bit`:"—"},{label:"Компресія",value:b.compression||"—"},{label:"Кольорова інтерпретація",value:((A=b.bands)==null?void 0:A.join(", "))||"—"},{label:"SRID",value:b.srid?`EPSG:${b.srid}`:"—"},{label:"Проекція (proj4)",value:b.proj4||"—"},{label:"URL тайла",value:b.url||"—"}]}function ee(b,A){if(b==null||Number.isNaN(b))return"—";const Z=`${b.toFixed(5)}°`;return A?`${Z} ${A}`:Z}return(b,A)=>(e.openBlock(),e.createElementBlock("div",N0,[e.createElementVNode("div",C0,[e.createElementVNode("div",V0,[e.createElementVNode("div",B0,[e.createElementVNode("div",$0,[e.createElementVNode("button",{type:"button",onClick:A[0]||(A[0]=Z=>e.unref(o).back()),class:"inline-flex items-center px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition"},[...A[3]||(A[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 mr-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1),e.createTextVNode(" Назад ",-1)])]),e.createElementVNode("div",v0,[e.createElementVNode("div",S0,e.toDisplayString(W.value.name),1),K.value?(e.openBlock(),e.createElementBlock("div",L0,e.toDisplayString(K.value),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",A0,[e.createElementVNode("div",M0,[e.createElementVNode("div",{class:"w-full text-xs text-gray-600 truncate",title:W.value.description},e.toDisplayString(W.value.description),9,T0)]),e.createVNode(fl,{"entity-id":s.value||"","entity-info":{name:W.value.name},table:"gis.rasters.table","entity-label":"Растер","save-method":"put","edit-button-text":"Редагувати",onSaved:v},null,8,["entity-id","entity-info"])])])]),e.createElementVNode("div",F0,[e.createElementVNode("div",D0,[e.createVNode($n,{ref_key:"mapViewRef",ref:l},{default:e.withCtx(()=>[M.value&&f.value?(e.openBlock(),e.createBlock(g0,{key:$.value,"tile-url":B.value,extent:w.value,"layer-id":N.value,"show-raster-extent":x.value,onToggleExtent:A[1]||(A[1]=Z=>x.value=Z)},null,8,["tile-url","extent","layer-id","show-raster-extent"])):e.createCommentVNode("",!0),e.createVNode(pl,{extent:x.value?w.value:null,"layer-id":E.value},null,8,["extent","layer-id"]),e.createElementVNode("div",z0,[e.createVNode(Yt)]),e.createElementVNode("div",I0,[e.createVNode(Lt),D.value?(e.openBlock(),e.createBlock(Lt,{key:0,targetCenter:D.value,targetLabel:"Центр даних",targetAriaLabel:"Перейти до центру даних"},null,8,["targetCenter"])):e.createCommentVNode("",!0)])]),_:1},512)])]),e.createVNode(ro,{open:O.value,"top-class":"top-3",onToggle:A[2]||(A[2]=Z=>O.value=!O.value)},null,8,["open"])]),e.createElementVNode("div",{class:e.normalizeClass(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out",O.value?"w-[520px]":"w-0"])},[e.createElementVNode("div",j0,[e.createElementVNode("div",P0,[e.createElementVNode("div",R0,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(Q,Z=>e.createElementVNode("button",{key:Z.key,type:"button",role:"tab","aria-selected":J.value===Z.key,class:e.normalizeClass(["whitespace-nowrap flex flex-col items-center justify-center gap-0.5 py-1 px-1 text-[9px] font-medium transition-all duration-300 hover:bg-white/70 rounded-lg group",J.value===Z.key?"bg-white shadow-sm text-gray-700":""]),onClick:le=>J.value=Z.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Z.icon),{class:"h-3.5 w-3.5 mb-0.5"})),e.createElementVNode("span",U0,e.toDisplayString(Z.label),1)],10,O0)),64))])]),e.createElementVNode("div",q0,[i.value?(e.openBlock(),e.createElementBlock("div",H0," Завантаження метаданих растру… ")):m.value?(e.openBlock(),e.createElementBlock("div",W0," Не вдалося отримати дані: "+e.toDisplayString(m.value),1)):e.createCommentVNode("",!0),J.value==="files"?(e.openBlock(),e.createBlock(e0,{key:2,files:T.value},null,8,["files"])):J.value==="metadata"?(e.openBlock(),e.createBlock(ao,{key:3,data:a.value,"entity-id":s.value,"entity-type":"raster",onSaved:_},null,8,["data","entity-id"])):F.value?(e.openBlock(),e.createBlock(Kg,{key:4,details:F.value},null,8,["details"])):e.createCommentVNode("",!0)])])],2)]))}}),G0={},K0={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-table"};function X0(t,n){return e.openBlock(),e.createElementBlock("svg",K0,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M12 3v18"},null,-1),e.createElementVNode("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"},null,-1),e.createElementVNode("path",{d:"M3 9h18"},null,-1),e.createElementVNode("path",{d:"M3 15h18"},null,-1)])])}const Q0=ye(G0,[["render",X0]]),J0={class:"flex flex-col h-full"},ey={class:"flex justify-end mb-3 gap-2"},ty=e.defineComponent({__name:"cartocss-css-tab",props:{modelValue:{}},emits:["update:modelValue","save"],setup(t,{emit:n}){const o=t,r=n,l=e.computed({get:()=>o.modelValue,set:s=>r("update:modelValue",s)});return(s,a)=>(e.openBlock(),e.createElementBlock("div",J0,[e.createElementVNode("div",ey,[e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",onClick:a[0]||(a[0]=i=>s.$emit("save"))},[...a[2]||(a[2]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a 2 2 0 0 1-2-2V5a 2 2 0 0 1 2-2z"}),e.createElementVNode("path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a 1 1 0 0 0-1 1v7"}),e.createElementVNode("path",{d:"M7 3v4a1 1 0 0 0 1 1h7"})],-1),e.createTextVNode(" Зберегти ",-1)])])]),e.createVNode(rn,{modelValue:l.value,"onUpdate:modelValue":a[1]||(a[1]=i=>l.value=i),language:"cartocss",class:"flex-1 rounded-lg overflow-hidden"},null,8,["modelValue"])]))}}),ny={class:"flex flex-col flex-1 min-h-0"},oy={class:"flex justify-between mb-3 gap-2"},ry={class:"text-left"},ly={class:"font-medium text-gray-900"},ay={class:"text-xs text-gray-500"},sy={class:"flex justify-center gap-2"},iy=["checked","onChange"],cy={class:"text-sm font-medium text-gray-900"},dy=e.defineComponent({__name:"cartocss-data-tab",props:{modelValue:{default:[]},modelModifiers:{}},emits:e.mergeModels(["save"],["update:modelValue"]),setup(t,{emit:n}){const o=[{key:"table",label:"Таблиця",slot:"datasetCell"},{key:"active",label:"Активний",slot:"activeCell",width:"140px"},{key:"zoom",label:"Min Зум",slot:"zoomCell",width:"140px"}],r=e.defineAsyncComponent(()=>import("@opengis/core").then(d=>d.VsModal)),l=e.defineAsyncComponent(()=>import("@opengis/form")),s=e.useModel(t,"modelValue"),a=n,i=e.ref(!1),f=e.ref({table:"",query:"",srid:"",key:"",columns:"",minzoom:"",maxzoom:"",proj4text:"",active:!0}),m={table:{type:"text",label:"Таблиця",validators:["required"]},key:{type:"text",label:"Ключ",validators:["required"]},query:{type:"text",label:"Query"},columns:{type:"text",label:"Колонки"},srid:{type:"number",label:"SRID"},proj4text:{type:"text",label:"PROJ4"},active:{type:"switcher",label:"Активна"},minzoom:{type:"number",label:"Min Зум",col:6},maxzoom:{type:"number",label:"Max Зум",col:6}};function x(){f.value={table:"",query:"",srid:"",key:"",columns:"",minzoom:"",maxzoom:"",proj4text:"",active:!0},i.value=!0}function u(){i.value=!1}function h(){var p,g;const d=(p=f.value.table)==null?void 0:p.trim(),y=(g=f.value.key)==null?void 0:g.trim();if(!d||!y){he.notify({type:"warning",title:"Перевірка",message:"Вкажіть таблицю та підпис"});return}s.value=[...Array.isArray(s.value)?s.value:[],{...f.value,table:d,key:y}],i.value=!1}function c(d,y){var g;const p=((g=y==null?void 0:y.target)==null?void 0:g.checked)??!1;d.active=p,s.value=Array.isArray(s.value)?[...s.value]:[]}return(d,y)=>(e.openBlock(),e.createElementBlock("div",ny,[e.createElementVNode("div",oy,[e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium bg-gradient-to-r from-gray-500 to-gray-400 text-white h-9 px-4 py-2 hover:from-gray-600 hover:to-gray-500",onClick:x}," Додати таблицю "),e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",onClick:y[0]||(y[0]=p=>a("save"))}," Зберегти ")]),e.createVNode(Et,{modelValue:s.value,"onUpdate:modelValue":y[1]||(y[1]=p=>s.value=p),"columns-scheme":o,"form-scheme":m,"add-button":!1,"main-col-width":"260px"},{datasetCell:e.withCtx(({row:p})=>[e.createElementVNode("div",ry,[e.createElementVNode("div",ly,e.toDisplayString(p.table),1),e.createElementVNode("div",ay,e.toDisplayString(p.key),1)])]),activeCell:e.withCtx(({row:p})=>[e.createElementVNode("label",sy,[e.createElementVNode("input",{type:"checkbox",class:"h-4 w-4 text-sky-500 border-gray-300 rounded focus:ring-sky-300",checked:p.active,onChange:g=>c(p,g)},null,40,iy)])]),zoomCell:e.withCtx(({row:p})=>[e.createElementVNode("div",cy,e.toDisplayString(p.zoom),1)]),_:1},8,["modelValue"]),e.createVNode(e.unref(r),{teleport:"#modal",visible:i.value,"onUpdate:visible":y[3]||(y[3]=p=>i.value=p),title:"Нова таблиця CartoCSS"},{footer:e.withCtx(()=>[e.createElementVNode("div",{class:"flex justify-end gap-2 p-4 border-т"},[e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-gray-100 text-gray-700",onClick:u}," Скасувати "),e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-blue-600 text-white",onClick:h}," Додати ")])]),default:e.withCtx(()=>[e.createVNode(e.unref(l),{values:f.value,"onUpdate:values":y[2]||(y[2]=p=>f.value=p),schema:m},null,8,["values"])]),_:1},8,["visible"])]))}}),uy={class:"flex flex-col flex-1 min-h-0 gap-4"},py={class:"h-[calc(100vh-230px)] rounded-md border border-gray-200 bg-white"},my=e.defineComponent({__name:"cartocss-card-tab",props:{card:{},table:{}},emits:["save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(o.table),s=e.ref(o.card),a=e.defineAsyncComponent(()=>import("@opengis/form").then(f=>f.VsInputText));function i(){r("save",{card_html:s.value,card_table:l.value})}return(f,m)=>(e.openBlock(),e.createElementBlock("div",uy,[e.createElementVNode("div",{class:"flex items-center justify-end gap-3"},[e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",onClick:i},[...m[2]||(m[2]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a 2 2 0 0 1-2-2V5a 2 2 0 0 1 2-2z"}),e.createElementVNode("path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a 1 1 0 0 0-1 1v7"}),e.createElementVNode("path",{d:"M7 3v4a1 1 0 0 0 1 1h7"})],-1),e.createTextVNode(" Зберегти картку ",-1)])])]),e.createElementVNode("div",null,[e.createVNode(e.unref(a),{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=x=>l.value=x)},null,8,["modelValue"])]),e.createElementVNode("div",py,[e.createVNode(rn,{modelValue:s.value,"onUpdate:modelValue":m[1]||(m[1]=x=>s.value=x),language:"html",theme:"vs-light",class:"h-full w-full rounded-md"},null,8,["modelValue"])])]))}}),fy=e.defineComponent({__name:"CartocssLayerLoader",props:{layerId:{type:String,required:!0},tileUrl:{type:String,default:""},title:{type:String,default:""},active:{type:Boolean,default:!1},owner:{type:String,default:""},opacity:{type:Number,default:1}},setup(t){const n=t,o=Pe(),{activateTemporaryLayer:r,deactivateTemporaryLayer:l,setTemporaryLayerOpacity:s}=ho(o.map),a=e.computed(()=>{var u;const x=`${(u=n==null?void 0:n.tileUrl)==null?void 0:u.trim()}`;return x?typeof window>"u"||typeof location>"u"||/^https?:\/\//i.test(x)?x:x.startsWith("//")?`${window.location.protocol}${x}`:x.startsWith("/")?`${location.origin}${x}`:`${location.origin}/${x}`:""});let i="",f="";function m(){const x=n.active&&!!a.value;i&&(!x||i!==n.layerId)&&(l(i,f||void 0),i="",f=""),x&&(r({id:n.layerId,title:n.title||n.layerId,url:a.value,opacity:n.opacity},{},n.owner),i=n.layerId,f=n.owner||"")}return e.watch(()=>[n.layerId,a.value,n.active,n.owner],m,{immediate:!0}),e.watch(()=>n.opacity,x=>{!i||!n.active||s(i,x,f||void 0)},{immediate:!0}),e.onUnmounted(()=>{i&&(l(i,f||void 0),i="",f="")}),(x,u)=>e.createCommentVNode("",!0)}}),gy=e.defineComponent({__name:"CartocssMapClickListener",props:{cartocssId:{},infoEnabled:{type:[Boolean,null]}},setup(t){const n=t,o=e.computed(()=>n.cartocssId??null),r=e.computed(()=>!!n.infoEnabled),{map:l,ready:s}=Pe(),a=c=>{!c||typeof window>"u"||window.dispatchEvent(new CustomEvent(xo,{detail:c}))},i=async c=>{const d=await fetch(`/api/map-format?${c.toString()}`);if(!d.ok)throw new Error(`API returned ${d.status}`);return d.json()};let f=null,m=null;const x=c=>{if(!c)return null;if(typeof c=="string")try{return JSON.parse(c)}catch{return null}return c},u=async(c,d)=>{var p;const y=new URLSearchParams({layer:o.value??"",id:String(c)});try{const g=await i(y),k=typeof g.html=="string"?g.html:null,C=x(((p=g==null?void 0:g.data)==null?void 0:p.geom)??(g==null?void 0:g.geom)??null);(k||C)&&a({html:k,geometry:C??d})}catch(g){console.warn("CartoCSS map-format (id) error",g)}},h=async c=>{var g,k,C,B;if(!o.value)return;if(!r.value){he.notify({type:"error",title:"CartoCSS",message:"Картка не налаштована"});return}const d=(g=c==null?void 0:c.lngLat)==null?void 0:g.lng,y=(k=c==null?void 0:c.lngLat)==null?void 0:k.lat;if(typeof d!="number"||typeof y!="number")return;const p=new URLSearchParams({layer:o.value,lat:y.toFixed(6),lng:d.toFixed(6)});try{const w=await i(p),N=x(((C=w==null?void 0:w.data)==null?void 0:C.geom)??(w==null?void 0:w.geom)??null),E=((B=w==null?void 0:w.data)==null?void 0:B.id)??(w==null?void 0:w.id);if(E!=null){await u(E,N);return}Vf({html:w==null?void 0:w.html})&&a({html:w==null?void 0:w.html,geometry:N})}catch(w){console.warn("CartoCSS map-format error",w)}};return s().then(()=>{m=l.value,m&&(m.on("click",h),f=()=>m==null?void 0:m.off("click",h))}),e.onBeforeUnmount(()=>{f==null||f(),f=null,m=null}),()=>{}}}),yy={class:"flex h-full bg-gradient-to-br from-slate-50 to-white"},hy={class:"flex-1 relative overflow-hidden"},xy={class:"absolute top-0 left-0 w-full z-20"},by={class:"flex items-center justify-between bg-white/80 backdrop-blur border-b border-gray-200 px-6 py-3 shadow-sm gap-4"},ky={class:"flex items-center gap-3 min-w-0"},wy={class:"flex flex-col min-w-0"},_y={class:"font-semibold text-lg text-gray-800 line-clamp-1"},Ey={key:0,class:"text-xs text-gray-500 truncate"},Ny={class:"w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[64px]"},Cy={class:"relative w-full h-full"},Vy={class:"absolute top-[5.5rem] left-4 z-30 flex flex-col items-start gap-2"},By={class:"rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur"},$y={class:"flex items-center gap-2"},vy={class:"rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur"},Sy={class:"inline-flex items-center gap-2 text-[11px] text-slate-600"},Ly=["checked"],Ay={class:"absolute top-4 left-4 z-20"},My={class:"absolute top-[6.5rem] right-2 space-y-1 z-20"},Ty={class:"flex-1 flex flex-col h-full"},Fy={key:0,class:"px-3 pt-3 pb-2 border-b border-gray-100"},Dy={class:"items-center justify-center text-muted-foreground grid w-full grid-cols-4 h-12 p-1 bg-gray-50 rounded-xl shadow-sm"},zy=["aria-selected","onClick"],Iy={class:"leading-none"},jy={class:"flex flex-col flex-1 overflow-y-hidden p-4"},Py={key:0,class:"flex-1 flex items-center justify-center text-sm text-gray-500"},Ry="cartocss-demo-001",Oy="OpenGIS",yl=2,Mn=5,Uy=e.defineComponent({__name:"cartocss",setup(t){const n=Fe.useRouter(),o=Fe.useRoute(),r=e.ref(null),l=[{key:"css",label:"CSS",icon:Xr},{key:"data",label:"Дані",icon:Q0},{key:"metadata",label:"Метадані",icon:lo},{key:"card",label:"Картка",icon:Qr}],s=l.map(P=>P.key),a=e.ref(s.includes(o.query.tab)?o.query.tab:"css"),i=e.ref(!0),f=e.ref(null),m=e.computed(()=>{var P;return(P=f.value)!=null&&P.source_path?l.filter(ee=>ee.key==="card"||ee.key==="metadata"):l}),x=e.computed(()=>o.params.id||Ry),u=e.ref({id:x.value,name:"",description:""});let h=null;const c=e.ref(!1);function d(P){if(Array.isArray(P))return d(P[0]);if(typeof P!="string"&&typeof P!="number")return null;const ee=typeof P=="number"?P:Number(P.trim());return Number.isFinite(ee)?ee:null}function y(P,ee){return P.toFixed(ee)}function p(P,ee,b){const A=.5*10**-b;return Math.abs(P-ee)>A}function g(){var P;return(P=r.value)==null?void 0:P.ctx}function k(){var ie,Be,$e,Re;const P=(Be=(ie=g())==null?void 0:ie.map)==null?void 0:Be.value;if(!P)return;const ee=d(o.query.z),b=d(o.query.x),A=d(o.query.y);if(ee==null||b==null||A==null)return;const Z=($e=P.getCenter)==null?void 0:$e.call(P),le=(Re=P.getZoom)==null?void 0:Re.call(P);(!Z||p(Z.lng,b,Mn)||p(Z.lat,A,Mn)||p(le??0,ee,yl))&&(c.value=!0,P.jumpTo({center:[b,A],zoom:ee}),c.value=!1)}function C(){var Z,le,fe,ie;if(c.value)return;const P=(le=(Z=g())==null?void 0:Z.map)==null?void 0:le.value;if(!P)return;const ee=(fe=P.getCenter)==null?void 0:fe.call(P),b=(ie=P.getZoom)==null?void 0:ie.call(P);if(!ee||b==null)return;const A={...o.query,z:y(b,yl),x:y(ee.lng,Mn),y:y(ee.lat,Mn)};o.query.z===A.z&&o.query.x===A.x&&o.query.y===A.y||n.replace({query:A})}function B(P){typeof document>"u"||(document.title=P?`${P} — CartoCSS`:Oy)}const w=e.ref("");e.ref("");const N=e.ref([]),E=e.ref(!1),$=e.ref(!1),M=e.ref(""),D=e.ref(0),W=e.ref(!1),K=e.ref(1),Q=e.ref(!0),H=e.computed(()=>`cartocss-layer-${x.value}`),J=e.computed(()=>`${Math.round(K.value*100)}%`),O=e.computed(()=>`cartocss-extent-${x.value}`),T=e.computed(()=>{var Z;const P=(Z=M.value)==null?void 0:Z.trim();if(!P)return"";const ee=P.includes("?")?"&":"?",b=`${P}${ee}nottl=1`,A=D.value;return A?`${P}${ee}ts=${A}&nocache=1`:b});e.computed(()=>{const P=f.value;return P?P.cartocss_key||P.source_path||x.value||"":x.value||""});const F=e.ref(""),X=e.ref(""),v=e.computed(()=>{var le;const P=(le=f.value)==null?void 0:le.bounds;if(!Array.isArray(P)||P.length<4)return null;const[ee,b,A,Z]=P;return[ee,b,A,Z].some(fe=>typeof fe!="number"||Number.isNaN(fe))?null:[(ee+A)/2,(b+Z)/2]}),_=e.computed(()=>{var le;const P=(le=f.value)==null?void 0:le.bounds;if(!Array.isArray(P)||P.length<4)return null;const[ee,b,A,Z]=P;return[ee,b,A,Z].some(fe=>typeof fe!="number"||Number.isNaN(fe))?null:[ee,b,A,Z]}),S=e.computed(()=>{const P=f.value;return P?(N.value.map(b=>b==null?void 0:b.table).filter(Boolean),[P.description,P.group_id?`Група: ${P.group_id}`:null,P.source_path?`Шлях: ${P.source_path}`:null,P.is_public===!0?"Публічний":"Не публічний",P.enabled===!0?"Активний":"Неактивний"].filter(Boolean).join(", ")):""});e.watch(x,P=>{P&&ae(P)},{immediate:!0}),e.watch(()=>{var P;return(P=u.value)==null?void 0:P.name},P=>B(P),{immediate:!0});async function z(){var A;const P=g();if(!(P!=null&&P.ready))return;await P.ready(),k();const ee=(A=P.map)==null?void 0:A.value;if(!ee)return;const b=()=>C();ee.on("moveend",b),ee.on("zoomend",b),h=()=>{ee.off("moveend",b),ee.off("zoomend",b)}}e.watch(()=>[o.query.z,o.query.x,o.query.y],()=>{k()}),e.onMounted(()=>{z()}),e.onBeforeUnmount(()=>{h==null||h(),h=null}),e.watch(()=>o.query.tab,P=>{P&&m.value.some(ee=>ee.key===P)&&a.value!==P&&(a.value=P)}),e.watch(m,P=>{P.length&&!P.some(ee=>ee.key===a.value)&&(a.value=P[0].key)},{immediate:!0}),e.watch(a,P=>{o.query.tab!==P&&m.value.some(ee=>ee.key===P)&&n.replace({query:{...o.query,tab:P}})}),e.watch(()=>f.value,P=>{const ee=P==null?void 0:P.card_html;F.value=ee,X.value=P==null?void 0:P.card_table},{immediate:!0});function I(){x.value&&ae(x.value,{bustCache:!0})}async function G(P,ee){if(x.value){$.value=!0;try{const b=await fetch(`/api/gis-css/${x.value}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(P)});if(!b.ok)throw new Error(`Failed to save cartocss: ${b.status}`);he.notify({type:"success",title:"Збережено",message:ee}),await ae(x.value,{bustCache:!0})}catch(b){console.error("Failed to save CartoCSS",b),he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти CartoCSS"})}finally{$.value=!1}}}function ne(P){if(!P)return null;if(typeof P=="string")try{return JSON.parse(P)}catch(ee){return console.warn("Failed to parse CartoCSS config",ee),null}return typeof P=="object"?P:null}function oe(P){const ee=Array.isArray(P)?P:P==null?void 0:P.datasets;return Array.isArray(ee)?ee.map((b,A)=>({table:(b==null?void 0:b.table)||(b==null?void 0:b.id)||`dataset_${A+1}`,query:(b==null?void 0:b.query)||"",srid:(b==null?void 0:b.srid)||"",key:(b==null?void 0:b.key)||(b==null?void 0:b.label)||"Без підпису",active:typeof(b==null?void 0:b.active)=="boolean"?b.active:!0,minzoom:typeof(b==null?void 0:b.zoom)>"u"?"":String(b.zoom),maxzoom:typeof(b==null?void 0:b.maxzoom)>"u"?"":String(b.maxzoom),columns:(b==null?void 0:b.columns)||"",proj4text:(b==null?void 0:b.proj4text)||""})):[]}async function ae(P,ee){E.value=!0;try{const b=await fetch(`/api/gis-css/${P}`);if(!b.ok)throw new Error(`Failed to load cartocss: ${b.status}`);const A=await b.json(),Z=(A==null?void 0:A.message)||A||{};f.value=Z,u.value={id:Z.cartocss_key||P,name:Z.name||u.value.name,description:Z.description||u.value.description},w.value=typeof Z.style=="string"?Z.style:"";const le=ne(Z.config??[]);N.value=oe(le);const fe=typeof Z.url=="string"?Z.url:"";M.value=fe,W.value=!!(fe&&Z.enabled!==!1),D.value=ee!=null&&ee.bustCache?Date.now():0}catch(b){console.error("Failed to fetch CartoCSS",b),W.value=!1,M.value="",D.value=0,f.value=null}finally{E.value=!1}}async function xe(){await G({style:w.value||"",config:N.value},"CartoCSS оновлено")}async function we(P){const ee=await fetch(`/api/gis-css/${x.value}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(P)});if(!ee.ok)throw new Error(`Failed to save cartocss: ${ee.status}`);he.notify({type:"success",title:"Збережено",message:"Картка CartoCSS оновлена"})}return(P,ee)=>(e.openBlock(),e.createElementBlock("div",yy,[e.createElementVNode("div",hy,[e.createElementVNode("div",xy,[e.createElementVNode("div",by,[e.createElementVNode("div",ky,[e.createElementVNode("button",{type:"button",onClick:ee[0]||(ee[0]=b=>e.unref(n).back()),class:"inline-flex items-center px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition"},[...ee[6]||(ee[6]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 mr-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1),e.createTextVNode(" Назад ",-1)])]),e.createElementVNode("div",wy,[e.createElementVNode("div",_y,e.toDisplayString(u.value.name),1),S.value?(e.openBlock(),e.createElementBlock("div",Ey,e.toDisplayString(S.value),1)):e.createCommentVNode("",!0)])]),e.createVNode(fl,{"entity-id":x.value,"entity-info":u.value,"form-endpoint":b=>`/api/form/gis.cartocss.table/${b}`,"save-endpoint":b=>`/api/gis-css/${b}`,"entity-label":"CartoCSS","save-method":"post",onSaved:I},null,8,["entity-id","entity-info","form-endpoint","save-endpoint"])])]),e.createElementVNode("div",Ny,[e.createElementVNode("div",Cy,[e.createVNode($n,{ref_key:"mapViewRef",ref:r},{default:e.withCtx(()=>{var b,A;return[e.createElementVNode("div",Vy,[e.createElementVNode("div",By,[e.createElementVNode("div",$y,[ee[7]||(ee[7]=e.createElementVNode("span",null,"Прозорість:",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":ee[1]||(ee[1]=Z=>K.value=Z),type:"range",min:"0",max:"1",step:"0.01",class:"h-1 w-28 cursor-pointer appearance-none rounded-full bg-slate-300 focus:outline-none",style:{"accent-color":"#3b82f6"}},null,512),[[e.vModelText,K.value,void 0,{number:!0}]]),e.createElementVNode("span",null,e.toDisplayString(J.value),1)])]),e.createElementVNode("div",vy,[e.createElementVNode("label",Sy,[e.createElementVNode("input",{type:"checkbox",class:"h-3.5 w-3.5 rounded border-slate-300 text-blue-600 focus:ring-blue-200",checked:Q.value,onChange:ee[2]||(ee[2]=Z=>Q.value=Z.target.checked)},null,40,Ly),ee[8]||(ee[8]=e.createElementVNode("span",null,"Межі css",-1))])])]),e.createElementVNode("div",Ay,[e.createVNode(Yt)]),e.createElementVNode("div",My,[e.createVNode(Lt),v.value?(e.openBlock(),e.createBlock(Lt,{key:0,targetCenter:v.value,targetLabel:"Центр даних",targetAriaLabel:"Перейти до центру даних"},null,8,["targetCenter"])):e.createCommentVNode("",!0)]),T.value?(e.openBlock(),e.createBlock(fy,{key:0,"layer-id":H.value,"tile-url":T.value,active:W.value,opacity:K.value,title:u.value.name,owner:x.value},null,8,["layer-id","tile-url","active","opacity","title","owner"])):e.createCommentVNode("",!0),e.createVNode(pl,{extent:Q.value?_.value:null,"layer-id":O.value},null,8,["extent","layer-id"]),e.createVNode(gy,{"cartocss-id":x.value,bounds:((b=f.value)==null?void 0:b.bounds)??null,active:W.value,"info-enabled":(A=f.value)==null?void 0:A.info},null,8,["cartocss-id","bounds","active","info-enabled"]),e.createVNode(bo,{"map-id":x.value},null,8,["map-id"])]}),_:1},512)])]),f.value?(e.openBlock(),e.createBlock(ro,{key:0,open:i.value,"top-class":"top-4",onToggle:ee[3]||(ee[3]=b=>i.value=!i.value)},null,8,["open"])):e.createCommentVNode("",!0)]),f.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out",i.value?"w-[650px]":"w-0"])},[e.createElementVNode("div",Ty,[m.value.length>1?(e.openBlock(),e.createElementBlock("div",Fy,[e.createElementVNode("div",Dy,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,b=>(e.openBlock(),e.createElementBlock("button",{key:b.key,type:"button",role:"tab","aria-selected":a.value===b.key,class:e.normalizeClass(["whitespace-nowrap flex flex-col items-center justify-center gap-0.5 py-1 px-1 text-[9px] font-medium transition-all duration-300 hover:bg-white/70 rounded-lg group",a.value===b.key?"bg-white shadow-sm text-gray-700":""]),onClick:A=>a.value=b.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.icon),{class:"h-3.5 w-3.5 mb-0.5"})),e.createElementVNode("span",Iy,e.toDisplayString(b.label),1)],10,zy))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("div",jy,[E.value?(e.openBlock(),e.createElementBlock("div",Py," Завантаження стилю… ")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.value==="css"?(e.openBlock(),e.createBlock(ty,{key:0,modelValue:w.value,"onUpdate:modelValue":ee[4]||(ee[4]=b=>w.value=b),class:"flex-1 min-h-0",onSave:xe},null,8,["modelValue"])):a.value==="data"?(e.openBlock(),e.createBlock(dy,{key:1,modelValue:N.value,"onUpdate:modelValue":ee[5]||(ee[5]=b=>N.value=b),class:"flex-1 min-h-0 flex flex-col",onSave:xe},null,8,["modelValue"])):a.value==="card"?(e.openBlock(),e.createBlock(my,{key:2,card:F.value,table:X.value,class:"flex-1 min-h-0",onSave:we},null,8,["card","table"])):a.value==="metadata"?(e.openBlock(),e.createBlock(ao,{key:3,data:f.value,"entity-id":x.value,"entity-type":"css",onSaved:I},null,8,["data","entity-id"])):e.createCommentVNode("",!0)],64))])])],2)):e.createCommentVNode("",!0)]))}}),qy={class:"w-full mb-6"},Hy={class:"flex items-center w-full h-10 max-w-md p-1 bg-white border border-gray-200 rounded-md"},Wy=["onClick"],Yy=e.defineComponent({__name:"MapSettingsTabs",props:{tabs:{},activeTab:{}},emits:["update:activeTab"],setup(t,{emit:n}){const o=n,r=l=>{o("update:activeTab",l)};return(l,s)=>(e.openBlock(),e.createElementBlock("div",qy,[e.createElementVNode("div",Hy,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,a=>(e.openBlock(),e.createElementBlock("button",{key:a.id,onClick:i=>r(a.id),class:e.normalizeClass(["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all",a.id===t.activeTab?"bg-blue-50 text-blue-700":"text-gray-600 hover:bg-gray-50"])},e.toDisplayString(a.name),11,Wy))),128))])]))}}),Zy={class:"rounded-lg border border-gray-200 bg-[rgba(252,252,252,0.8)] p-6"},Gy=e.defineComponent({__name:"GeneralSettings",props:{schema:{},modelValue:{},loading:{type:Boolean},form:{}},emits:["update:modelValue","update:form"],setup(t,{emit:n}){const o=e.defineAsyncComponent(()=>import("@opengis/form")),r=t,l=n,s=e.computed({get:()=>r.modelValue,set:i=>l("update:modelValue",i)}),a=e.computed({get:()=>r.form,set:i=>l("update:form",i)});return(i,f)=>(e.openBlock(),e.createElementBlock("section",Zy,[f[2]||(f[2]=e.createElementVNode("h2",{class:"text-lg font-semibold text-gray-800 mb-4"}," Основна інформація ",-1)),t.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(o),{key:0,schema:t.schema,values:s.value,"onUpdate:values":f[0]||(f[0]=m=>s.value=m),form:a.value,"onUpdate:form":f[1]||(f[1]=m=>a.value=m)},null,8,["schema","values","form"]))]))}}),Ky={class:"rounded-lg border border-gray-200 bg-[rgba(252,252,252,0.8)] p-6"},Xy=e.defineComponent({__name:"LayerSettings",props:{layerIDs:{},layerNames:{},options:{}},emits:["update:layerIDs","update:layerNames"],setup(t,{emit:n}){const o=t,r=n,l=e.computed({get:()=>o.layerIDs,set:s=>r("update:layerIDs",s)});return e.computed({get:()=>o.layerNames,set:s=>r("update:layerNames",s)}),(s,a)=>(e.openBlock(),e.createElementBlock("section",Ky,[a[1]||(a[1]=e.createElementVNode("h2",{class:"text-lg font-semibold text-gray-800 mb-4"},"Шари",-1)),a[2]||(a[2]=e.createElementVNode("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"Доступні шари",-1)),e.createVNode(e.unref(Co.VsInputArraySelect),{options:t.options,modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=i=>l.value=i),placeholder:"Шари"},null,8,["options","modelValue"])]))}}),Qy={class:"mapLayer-info__inner"},Jy={class:"mapLayer-info__item-label"},ko=ye(e.defineComponent({__name:"MapLayerInfoPopover",props:{items:{}},setup(t,{expose:n}){const o=t,r=e.reactive({open:!1,top:0,left:0,transform:"translateX(-50%)"}),l=e.ref(null),s=e.ref(null);let a=null;const i=e.computed(()=>r.open?{position:"absolute",width:"auto",maxWidth:`${Math.min(300,window.innerWidth-24)}px`,top:`${r.top}px`,left:`${r.left}px`,transform:r.transform,display:"block"}:{display:"none"});function f(y){if(r.open){h();return}const p=y.currentTarget,g=p==null?void 0:p.closest(".mapLayer-info");if(!g){h();return}l.value=g,r.open=!0,e.nextTick(()=>{m(),c(),requestAnimationFrame(()=>{m()})})}function m(){if(!r.open||!l.value||!s.value)return;const y=l.value.getBoundingClientRect(),p=12,g=window.scrollX+p,k=window.scrollX+window.innerWidth-p,C=window.scrollY+p,B=window.scrollY+window.innerHeight-p,w=s.value.offsetWidth||Math.min(300,window.innerWidth-24),N=s.value.offsetHeight||0;let E=y.left+window.scrollX+(y.width-w)/2;E<g&&(E=g),E+w>k&&(E=Math.max(g,k-w)),r.left=E;let $=y.bottom+window.scrollY+p;$+N>B&&($=y.top+window.scrollY-N-p,$<C&&($=Math.max(C,B-N))),$<C&&($=C),$+N>B&&($=Math.max(C,B-N)),r.top=$,r.transform="none"}function x(y){var g,k;if(!r.open)return;const p=y.target;(g=l.value)!=null&&g.contains(p)||(k=s.value)!=null&&k.contains(p)||h()}function u(y){y.key==="Escape"&&h()}function h(){d(),r.open=!1,l.value=null,s.value=null}function c(){d(),s.value&&(a=new ResizeObserver(()=>{m()}),a.observe(s.value))}function d(){a&&(a.disconnect(),a=null)}return e.onMounted(()=>{document.addEventListener("click",x,!0),document.addEventListener("keydown",u),window.addEventListener("scroll",m,!0),window.addEventListener("resize",m)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",x,!0),document.removeEventListener("keydown",u),window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m),d()}),e.watch(()=>o.items,()=>{r.open&&e.nextTick(()=>m())},{deep:!0}),n({close:h}),(y,p)=>(e.openBlock(),e.createElementBlock("div",{class:"mapLayer-info",ref_key:"anchorEl",ref:l},[e.createElementVNode("a",{class:"mapLayer-info__trigger",href:"#",onClick:e.withModifiers(f,["prevent","stop"])},[...p[1]||(p[1]=[e.createStaticVNode('<div class="mapLayer-info__icon" data-v-cc1cc7bf><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" data-v-cc1cc7bf><circle cx="12" cy="12" r="10" data-v-cc1cc7bf></circle><line x1="12" y1="16" x2="12" y2="12" data-v-cc1cc7bf></line><line x1="12" y1="8" x2="12.01" y2="8" data-v-cc1cc7bf></line></svg></div>',1)])]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[r.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vst-popover__content inline-block z-[81] py-3 px-4 bg-white text-sm text-gray-500 rounded-md shadow-lg bottom mapLayer-info__popover",style:e.normalizeStyle(i.value),ref_key:"popoverEl",ref:s,onClick:p[0]||(p[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Qy,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,g=>(e.openBlock(),e.createElementBlock("div",{key:g.label,class:"mapLayer-info__item"},[e.createElementVNode("div",Jy,e.toDisplayString(g.label),1),e.createElementVNode("div",{class:e.normalizeClass(["mapLayer-info__item-value",{"mapLayer-info__item-value--break-all":g.breakLine}])},e.toDisplayString(g.value??"—"),3)]))),128))])],4)):e.createCommentVNode("",!0)]))],512))}}),[["__scopeId","data-v-cc1cc7bf"]]),eh={key:0,class:"map-info__title"},th={class:"map-info__actions"},nh={key:0,class:"map-info__menu"},oh=["href"],rh=["innerHTML"],hl=ye(e.defineComponent({__name:"MapInfoWidget",props:{title:{},content:{},links:{},mapName:{},mapDescription:{}},setup(t){const n=t,o=e.ref(null),r=e.ref(!1),l=e.ref(null),s=e.ref(null),a=e.ref({top:0,left:0});Fe.useRouter();const i=e.ref(!0),f=e.ref(!1),m=e.computed(()=>Array.isArray(n.links)?n.links.filter(B=>(B==null?void 0:B.name)&&(B==null?void 0:B.slug)):[]),x=e.computed(()=>({top:`${a.value.top}px`,left:`${a.value.left}px`})),u=e.computed(()=>{const B=[];return n.mapName&&B.push({label:"Назва карти",value:n.mapName}),n.mapDescription&&B.push({label:"Опис",value:n.mapDescription,breakLine:!0}),B});function h(B){return B==null?!1:B.replace(/<[^>]*>/g,"").trim().length>0}const c=e.computed(()=>h(n.content)),d=e.computed(()=>c.value);function y(B){B.stopPropagation(),r.value=!r.value}function p(){const B=l.value;if(!B||!s.value)return;const w=B.getBoundingClientRect(),N=12,E=8,$=window.scrollX+N,M=window.scrollX+window.innerWidth-N,D=window.scrollY+N,W=window.scrollY+window.innerHeight-N,K=s.value.offsetWidth||160,Q=s.value.offsetHeight||0;let H=w.bottom+window.scrollY+E,J=w.left+window.scrollX;J+K>M&&(J=w.right+window.scrollX-K,J<$&&(J=$)),J<$&&(J=$),H+Q>W&&(H=w.top+window.scrollY-Q-E,H<D&&(H=Math.max(D,W-Q))),H<D&&(H=D),H+Q>W&&(H=Math.max(D,W-Q)),a.value={top:H,left:J}}function g(B){if(!r.value)return;const w=o.value;if(!w){r.value=!1;return}w.contains(B.target)||(r.value=!1)}e.watch(r,B=>{B?e.nextTick(()=>{p(),requestAnimationFrame(()=>{p()}),window.addEventListener("scroll",p,!0),window.addEventListener("resize",p)}):(window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p))});function k(){i.value=!i.value}function C(){f.value=window.innerWidth<=768}return e.onMounted(()=>{document.addEventListener("click",g,!0),C(),d.value?f.value&&(i.value=!1):i.value=!1,window.addEventListener("resize",C)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",g,!0),window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p),window.removeEventListener("resize",C)}),(B,w)=>(e.openBlock(),e.createElementBlock("div",{class:"map-info legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget",ref_key:"container",ref:o},[t.title||m.value.length||u.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"map-info__header",style:e.normalizeStyle([c.value?"":"padding-bottom: 20px"])},[t.title?(e.openBlock(),e.createElementBlock("h2",eh,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",th,[m.value.length?(e.openBlock(),e.createElementBlock("div",nh,[e.createElementVNode("button",{ref_key:"menuButton",ref:l,type:"button",class:"map-info__menu-button",onClick:y,"aria-label":"Показати посилання"},[...w[1]||(w[1]=[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M4 12H20",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M4 6H20",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M4 18H20",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuPopover",ref:s,class:"vsTailwind vs-popover__content right map-info__popover",style:e.normalizeStyle(x.value),onClick:w[0]||(w[0]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,N=>(e.openBlock(),e.createElementBlock("a",{key:N.slug||N.name,href:`/maps/${N.slug}`,class:"map-info__popover-link"},e.toDisplayString(N.name),9,oh))),128))],4)):e.createCommentVNode("",!0)]))])):e.createCommentVNode("",!0),u.value.length?(e.openBlock(),e.createBlock(ko,{key:1,items:u.value},null,8,["items"])):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"map-info__toggle-button",onClick:k,"aria-label":"Розгорнути/згорнути"},[(e.openBlock(),e.createElementBlock("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass({"map-info__toggle-icon--rotated":i.value})},[...w[2]||(w[2]=[e.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))])):e.createCommentVNode("",!0)])],4)):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["map-info__content",{"map-info__content--collapsed":!i.value}]),innerHTML:t.content},null,10,rh)):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-813e24fb"]]),lh={class:"opacity-popover__content"},ah={class:"opacity-popover__value"},xl=ye(e.defineComponent({__name:"LayerOpacityPopover",props:{layerId:{}},setup(t){const n=t,o=e.ref(!1),r=e.ref(100),l=e.ref(null),s=e.ref(null),a=e.reactive({top:0,left:0});function i(){var w;const u=(w=s.value)==null?void 0:w.querySelector("button");if(!u||!l.value)return;const h=u.getBoundingClientRect(),c=260,d=l.value.offsetHeight||60,y=8,p=12,g=window.innerWidth,k=window.innerHeight;let C=h.bottom+y+window.scrollY,B=h.left+window.scrollX;B+c>g-p&&(B=g-c-p+window.scrollX),B<p+window.scrollX&&(B=p+window.scrollX),C+d>k+window.scrollY-p&&(C=h.top-d-y+window.scrollY,C<p+window.scrollY&&(C=k-d-p+window.scrollY)),a.top=C,a.left=B}function f(){o.value=!o.value,o.value&&e.nextTick(i)}function m(){var d;const u=Se(n.layerId),h=(r.value??100)/100;if(u!=null&&u.setOpacity){u.setOpacity(h);return}const c=(d=u==null?void 0:u.getLayer)==null?void 0:d.call(u);if(c)switch(c.type){case"raster":u.updatePaint({"raster-opacity":h});break;case"fill":u.updatePaint({"fill-opacity":h});break;case"line":u.updatePaint({"line-opacity":h});break;case"circle":u.updatePaint({"circle-opacity":h});break;case"symbol":u.updatePaint({"icon-opacity":h});break}}function x(u){var c,d;if(!o.value)return;const h=u.target;(c=l.value)!=null&&c.contains(h)||(d=s.value)!=null&&d.contains(h)||(o.value=!1)}return e.onMounted(()=>{document.addEventListener("click",x),window.addEventListener("scroll",i,!0),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",x),window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",i)}),(u,h)=>(e.openBlock(),e.createElementBlock("div",{class:"opacity-wrapper",ref_key:"wrapper",ref:s},[e.renderSlot(u.$slots,"trigger",{toggle:f,opacity:r.value},()=>[e.createElementVNode("button",{type:"button",class:"opacity-btn",onClick:e.withModifiers(f,["stop"])},e.toDisplayString(r.value)+"% ",1)],!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popoverEl",ref:l,class:"opacity-popover",style:e.normalizeStyle({top:a.top+"px",left:a.left+"px"})},[e.createElementVNode("div",lh,[h[1]||(h[1]=e.createElementVNode("label",{class:"opacity-popover__label"},"Прозорість:",-1)),e.withDirectives(e.createElementVNode("input",{type:"range",min:"0",max:"100",step:"1","onUpdate:modelValue":h[0]||(h[0]=c=>r.value=c),class:"opacity-popover__range",onInput:m},null,544),[[e.vModelText,r.value]]),e.createElementVNode("span",ah,e.toDisplayString(r.value)+"%",1)])],4)):e.createCommentVNode("",!0)]))],512))}}),[["__scopeId","data-v-b278347a"]]),sh={class:"layers-panel"},ih={class:"layers-panel__header"},ch={class:"layers-panel__heading"},dh={class:"layers-panel__heading-title"},uh={class:"layers-panel__count"},ph={class:"layers-panel__bulk-actions"},mh={class:"layers-panel__header-actions"},fh={class:"layers-panel__header-controls"},gh={class:"layers-panel__label"},yh={class:"layers-panel__label-row"},hh=["checked","onChange"],xh={class:"layers-panel__title-block"},bh={class:"layers-panel__name"},kh={class:"layers-panel__meta text-slate-500"},wh=["onClick"],_h={class:"inline-flex items-center justify-center w-[18px] h-[18px] text-slate-500 transition-colors duration-200 hover:text-blue-700"},Eh={key:0,class:"layers-panel__actions"},Nh=["innerHTML","onClick"],bl="map:temporary-layer-request",Ch="#5763ba",kl=ye(e.defineComponent({__name:"MapDataLayersWidget",props:{layers:{},config:{}},emits:["action"],setup(t,{emit:n}){const o=t,r=e.ref({}),l=e.ref(!0),s=e.ref(!1),a=Pe(),{temporaryLayers:i,activateTemporaryLayer:f,deactivateTemporaryLayer:m,clearTemporaryLayers:x}=ho(a.map),u=e.computed(()=>{const v=o.layers.map(S=>({...S,isTemporary:!1,owner:null,visible:S.visible!==!1})),_=i.value.map(S=>({id:S.id,name:S.title,visible:r.value[S.id]??!0,actions:[],filters:null,isTemporary:!0,owner:S.owner??null,handle:S.handle??null,card:S.card??null,popup:S.popup??null,style:S.style??null,group_name:null,count:null,holder:null}));return[...v,..._]}),h=e.computed(()=>u.value.length),c=e.computed(()=>u.value.filter(v=>B(v.id)).length),d=e.computed(()=>h.value>0&&c.value===h.value),y=e.computed(()=>i.value.length>0),p=n;function g(){var v;for(let _=0;_<o.layers.length;_++){const S=o.layers[_],z=k(S);if(!z)continue;const I=Se(S.id,z),G=S.visible!==!1;r.value[S.id]=G,G||(v=I==null?void 0:I.setVisible)==null||v.call(I,!1)}}function k(v){const _=v.id;if(!_)return null;const S=(v.type||v.service_type||v.service||"").toString().toLowerCase(),z=v.service_url||v.url||null;if(!!z&&(S==="tms"||S==="wmts"||S==="wms"||S==="ogc")){const ne=C(z);return ne?{sourceId:_,source:{type:"raster",tiles:[ne],tileSize:v.tileSize||256,minzoom:v.minzoom??0,maxzoom:v.maxzoom??22,scheme:v.scheme||"xyz"},layer:{id:_,type:"raster",source:_},card:v.card,popup:v.popup}:null}if(S==="cartocss"){const ne=v.url?C(v.url):`${location.origin}/api/gis-rtile/${_}/{z}/{x}/{y}.png`;return ne?{sourceId:_,source:{type:"raster",tiles:[ne],tileSize:v.tileSize||256,minzoom:v.minzoom??0,maxzoom:v.maxzoom??22},layer:{id:_,type:"raster",source:_},card:v.card,popup:v.popup}:null}const G=`${location.origin}/api/vtile/${_}/ua/{z}/{x}/{y}.vmt`;return{sourceId:_,source:{type:"vector",tiles:[G],minZoom:4,maxZoom:14},layer:{id:_,source:_,"source-layer":_,style:v.style},card:v.card,popup:v.popup}}function C(v){return v?/^https?:\/\//i.test(v)?v:v.startsWith("//")?`${window.location.protocol}${v}`:v.startsWith("/")?`${location.origin}${v}`:`${location.origin}/${v}`:null}function B(v){const _=r.value[v];return _??!0}function w(v){var z,I;if(!(v!=null&&v.id))return null;const _=(z=v.title)==null?void 0:z.trim(),S=(I=v.url)==null?void 0:I.trim();return!_||!S?null:{id:v.id,title:_,url:S,tileSize:v.tileSize,minzoom:v.minzoom,maxzoom:v.maxzoom,opacity:v.opacity}}function N(v){if(!v)return;const _=v.owner;if(v.action==="clear"){const z=i.value.filter(I=>!_||I.owner===_).map(I=>I.id);x(_),z.forEach(I=>{I in r.value&&delete r.value[I]});return}const S=w(v.spec);if(S){if(v.action==="activate"){f(S,v.context||{},_),r.value[S.id]=!0;return}v.action==="deactivate"&&(m(S.id,_),delete r.value[S.id])}}function E(v){v instanceof CustomEvent&&N(v.detail)}e.watch(()=>i.value.map(v=>v.id),(v,_)=>{const S=new Set(_||[]),z=new Set(v);v.forEach(I=>{I in r.value||(r.value[I]=!0)}),S.forEach(I=>{z.has(I)||delete r.value[I]})},{immediate:!0});function $(v,_){var z,I,G;if(v.isTemporary){if(!_){m(v.id,v.owner||void 0),delete r.value[v.id];return}r.value[v.id]=!0;const ne=v.handle||((z=i.value.find(oe=>oe.id===v.id))==null?void 0:z.handle);(I=ne==null?void 0:ne.setVisible)==null||I.call(ne,!0);return}r.value[v.id]=_;const S=Se(v.id);(G=S==null?void 0:S.setVisible)==null||G.call(S,_)}function M(v,_){const S=_.target;$(v,S.checked)}function D(v){u.value.forEach(_=>$(_,v))}function W(){D(!d.value)}function K(v){return v.isTemporary?[{label:"Назва",value:v.name??null},{label:"Тип",value:"Тимчасовий шар"},v.owner?{label:"Джерело",value:v.owner}:null].filter(Boolean):[{label:"Назва",value:v.name??null},{label:"Назва групи",value:v.group_name||null},{label:"Кількість",value:v.count??null},{label:"Балансоутримувач",value:v.holder??null}]}function Q(v){const _=v.trim();return _?!!(/^#[\da-fA-F]{3,8}$/.test(_)||/^rgb\s*\(/.test(_)||/^rgba\s*\(/.test(_)||/^hsl\s*\(/.test(_)||/^hsla\s*\(/.test(_)||/^[a-zA-Z]+$/.test(_)&&_.length<25):!1}function H(v){var _,S,z,I,G,ne;if(!v)return null;if(typeof v=="string"){const oe=v.trim();return!oe||!Q(oe)?null:oe}if(Array.isArray(v)){for(const oe of v){const ae=H(oe);if(ae)return ae}return null}if(typeof v=="object"){const oe=v;return H(oe.color??oe.fill??oe.stroke??oe.lineColor??oe.fillColor??((_=oe.paint)==null?void 0:_["fill-color"])??((S=oe.paint)==null?void 0:S["line-color"])??((z=oe.paint)==null?void 0:z["circle-color"])??((I=oe.paint)==null?void 0:I.color)??((G=oe.paint)==null?void 0:G.lineColor)??((ne=oe.paint)==null?void 0:ne.fillColor)??oe.paint??oe.value)}return null}function J(v){const _=Array.isArray(v==null?void 0:v.legend)?v.legend[0]:v==null?void 0:v.legend,S=H(_);return S||H(v==null?void 0:v.style)||Ch}function O(v){return{"--layers-panel-checkbox-color":J(v)}}function T(){if(!i.value.length)return;const v=i.value.map(_=>_.id);x(),v.forEach(_=>delete r.value[_])}function F(){l.value=!l.value}function X(){s.value=window.innerWidth<=768}return e.onMounted(()=>{g(),window.addEventListener(bl,E),X(),s.value&&(l.value=!1),window.addEventListener("resize",X)}),e.watch(()=>{var v;return((v=o.layers)==null?void 0:v.length)??0},(v,_)=>{v>0&&_===0&&g()}),e.onBeforeUnmount(()=>{window.removeEventListener(bl,E),window.removeEventListener("resize",X)}),(v,_)=>(e.openBlock(),e.createElementBlock("div",sh,[e.createElementVNode("div",ih,[e.createElementVNode("div",ch,[e.createElementVNode("div",dh,[_[0]||(_[0]=e.createElementVNode("h2",{class:"layers-panel__title"},"Шари",-1)),e.createElementVNode("span",uh," ("+e.toDisplayString(c.value)+" з "+e.toDisplayString(h.value)+") ",1),e.createElementVNode("div",ph,[u.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"layers-panel__header-link",onClick:W},e.toDisplayString(d.value?"Вимкнути всі":"Увімкнути всі"),1)):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",mh,[e.createElementVNode("div",fh,[u.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"layers-panel__toggle-button",onClick:F,"aria-label":"Розгорнути/згорнути"},[(e.openBlock(),e.createElementBlock("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass({"layers-panel__toggle-icon--rotated":l.value})},[..._[1]||(_[1]=[e.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))])):e.createCommentVNode("",!0),y.value?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"layers-panel__clear",onClick:T}," Очистити тимчасові шари ")):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",{class:e.normalizeClass(["layers-panel__content",{"layers-panel__content--collapsed":!l.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,S=>{var z;return e.openBlock(),e.createElementBlock("div",{key:S.id,class:"layers-panel__item"},[e.createElementVNode("label",gh,[e.createElementVNode("div",yh,[e.createElementVNode("input",{type:"checkbox",class:"layers-panel__checkbox",checked:B(S.id),style:e.normalizeStyle(O(S)),onChange:I=>M(S,I)},null,44,hh),e.createElementVNode("div",xh,[e.createElementVNode("span",bh,e.toDisplayString(S.name),1)]),e.createElementVNode("div",kh,[B(S.id)&&!S.isTemporary?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(xl,{"layer-id":S.id,class:"flex"},{trigger:e.withCtx(({toggle:I})=>[e.createElementVNode("button",{class:"inline-flex items-center justify-center p-0 text-inherit no-underline cursor-pointer",onClick:e.withModifiers(I,["prevent","stop"])},[e.createElementVNode("div",_h,[e.createVNode(e.unref(ql))])],8,wh)]),_:1},8,["layer-id"]),e.createVNode(vn,{count:Array.isArray(S.filters)?S.filters.length:0,layer:S},null,8,["count","layer"])],64)):e.createCommentVNode("",!0),e.createVNode(ko,{items:K(S)},null,8,["items"])])])]),(z=S.actions)!=null&&z.length?(e.openBlock(),e.createElementBlock("div",Eh,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.actions,I=>(e.openBlock(),e.createElementBlock("button",{key:I.widget||I.id||I.icon,type:"button",class:"layers-panel__action",innerHTML:I.icon,onClick:G=>p("action",{layerId:I.widget})},null,8,Nh))),128))])):e.createCommentVNode("",!0)])}),128))],2)]))}}),[["__scopeId","data-v-57bebfd3"]]),Vh={class:"catalog-tab__search relative mt-[10px]"},Bh={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"absolute top-[40%] left-[8px] w-[16px] h-[16px]",style:{transform:"translate(0, -50%)"}},$h={class:"catalog-tab__list flex-1 overflow-y-auto mt-2"},vh={key:0,class:"text-sm text-gray-400 text-center mt-6"},Sh=["onClick"],Lh={class:"flex items-center gap-x-3"},Ah={class:"max-w-[260px] text-[14px] text-[#4b5563]"},Mh={class:"text-xs opacity-60 text-[#4b5563]"},Th={class:"flex items-center cursor-pointer gap-2 flex-1"},Fh=["checked","onChange"],Dh={class:"text-[13px] text-gray-600 max-w-[260px]"},zh={class:"flex items-center gap-2"},Ih=ye(e.defineComponent({__name:"LayersCatalogTab",props:{catalog:{},selected:{},search:{}},emits:["toggle-layer","update:search","open-filter"],setup(t,{emit:n}){const o=t,r=n,l=e.reactive({}),s=e.ref(null),a=e.reactive({visible:!1,text:"Спочатку активуйте шар, щоб застосувати фільтр",top:0,left:0,layerId:null}),i=new Intl.Collator("uk",{sensitivity:"base"}),f=e.computed(()=>{const g=o.search.trim().toLowerCase();return o.catalog.groups.map(k=>{const C=k.layers.filter(B=>{const w=y(B);return w?g?w.toLowerCase().includes(g):!0:!1}).sort((B,w)=>i.compare(y(B),y(w)));return{...k,layers:C}}).filter(k=>k.layers.length>0).sort((k,C)=>i.compare(k.name,C.name))}),m=e.computed({get:()=>o.search,set:g=>r("update:search",g)});function x(g){l[g]=!l[g],nf()}function u(g){return!!l[g]}function h(g,k){if(o.selected.includes(k)){a.visible=!1,a.layerId=null;return}const C=g.currentTarget;if(!C)return;const B=C.getBoundingClientRect(),w=typeof window<"u"?window.scrollX:0,N=typeof window<"u"?window.scrollY:0;a.left=B.left+B.width/2+w,a.top=B.bottom+8+N,a.layerId=k,a.visible=!0}function c(){a.visible=!1,a.layerId=null}function d(g){return[{label:"Назва",value:p(g.name)},{label:"Сервіс",value:p(g.service)},{label:"Посилання",value:p(g.url),breakLine:!0}]}function y(g){return typeof(g==null?void 0:g.name)=="string"?g.name.trim():""}function p(g){return g==null||g===""?null:String(g)}return e.watch(()=>o.selected?o.selected.slice():[],g=>{!a.visible||!a.layerId||g.includes(a.layerId)&&(a.visible=!1,a.layerId=null)}),(g,k)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"catalogRef",ref:s,class:"catalog-tab"},[e.createElementVNode("div",Vh,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":k[0]||(k[0]=C=>m.value=C),type:"text",placeholder:"Введіть назву шару...",class:"py-[7px] pl-8 pe-8 block w-full bg-gray-100 border-transparent rounded-lg text-sm focus:bg-white focus:border-blue-500 focus:ring-blue-500"},null,512),[[e.vModelText,m.value]]),(e.openBlock(),e.createElementBlock("svg",Bh,[...k[1]||(k[1]=[e.createElementVNode("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.5817 15.4183 3 11 3C6.5817 3 3 6.5817 3 11C3 15.4183 6.5817 19 11 19Z",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M21 21L16.7 16.7",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])]))]),e.createElementVNode("div",$h,[f.value.length===0?(e.openBlock(),e.createElementBlock("div",vh," Нічого не знайдено ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,C=>(e.openBlock(),e.createElementBlock("div",{key:C.id,class:"mt-2"},[e.createElementVNode("div",{class:"hover:bg-gray-100 cursor-pointer p-[8px] rounded-lg flex justify-between items-center",onClick:B=>x(C.id)},[e.createElementVNode("div",Lh,[(e.openBlock(),e.createElementBlock("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass(["transition-transform",u(C.id)?"rotate-90":""])},[...k[2]||(k[2]=[e.createElementVNode("path",{d:"M1 9L5 5L1 1",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2)),e.createElementVNode("div",Ah,e.toDisplayString(C.name),1)]),e.createElementVNode("div",Mh,e.toDisplayString(C.layers.length),1)],8,Sh),e.createVNode(e.Transition,{name:"out-in"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.layers,B=>(e.openBlock(),e.createElementBlock("div",{key:B.id,class:"hover:bg-gray-100 rounded-lg flex items-center justify-between ml-[20px] py-[8px] px-[8px] gap-3"},[e.createElementVNode("label",Th,[e.createElementVNode("input",{type:"checkbox",class:"peer hidden",checked:t.selected.includes(B.id),onChange:w=>g.$emit("toggle-layer",B.id,w.target.checked,B)},null,40,Fh),k[3]||(k[3]=e.createElementVNode("div",{class:"w-4 h-4 rounded border border-blue-800 flex items-center justify-center peer-checked:bg-blue-600 peer-checked:border-blue-600 shrink-0"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none"},[e.createElementVNode("path",{d:"M10.6663 1L4.24967 7.41667L1.33301 4.5",stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createElementVNode("span",Dh,e.toDisplayString(B.name),1)]),e.createElementVNode("div",zh,[Array.isArray(B.filters)&&B.filters.length?(e.openBlock(),e.createBlock(vn,{key:0,count:B.filters.length,layer:B,disabled:!t.selected.includes(B.id),onMouseenter:w=>h(w,B.id),onMouseleave:c,onFocus:w=>h(w,B.id),onBlur:c},null,8,["count","layer","disabled","onMouseenter","onFocus"])):e.createCommentVNode("",!0),e.createVNode(ko,{items:d(B)},null,8,["items"])])]))),128))],512),[[e.vShow,u(C.id)]])]),_:2},1024)]))),128))]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"filter-badge__hint",style:e.normalizeStyle({top:`${a.top}px`,left:`${a.left}px`})},e.toDisplayString(a.text),5)):e.createCommentVNode("",!0)]))],512))}}),[["__scopeId","data-v-36ed2aad"]]),jh={class:"flex flex-col gap-0"},Ph={class:"text-xs text-slate-600 font-semibold"},Rh=e.defineComponent({__name:"MapLayerPopover",props:{items:{}},setup(t,{expose:n}){const o=t,r=e.reactive({open:!1,top:0,left:0,transform:"translateX(-50%)"}),l=e.ref(null),s=e.ref(null);let a=null;const i=e.computed(()=>{if(!r.open)return{display:"none"};const y=Math.min(460,window.innerWidth-24);return{position:"absolute",width:`${y}px`,maxWidth:`${y}px`,top:`${r.top}px`,left:`${r.left}px`,transform:r.transform,display:"block"}});function f(){if(r.open){h();return}if(!l.value){h();return}r.open=!0,e.nextTick(()=>{m(),c(),requestAnimationFrame(()=>{m()})})}function m(){if(!r.open||!l.value||!s.value)return;const y=l.value.getBoundingClientRect(),p=12,g=window.scrollX+p,k=window.scrollX+window.innerWidth-p,C=window.scrollY+p,B=window.scrollY+window.innerHeight-p,w=s.value.offsetWidth||Math.min(460,window.innerWidth-24),N=s.value.offsetHeight||0;let E=y.left+window.scrollX+(y.width-w)/2;E<g&&(E=g),E+w>k&&(E=Math.max(g,k-w)),r.left=E;let $=y.bottom+window.scrollY+p;$+N>B&&($=y.top+window.scrollY-N-p,$<C&&($=Math.max(C,B-N))),$<C&&($=C),$+N>B&&($=Math.max(C,B-N)),r.top=$,r.transform="none"}function x(y){var g,k;if(!r.open)return;const p=y.target;(g=l.value)!=null&&g.contains(p)||(k=s.value)!=null&&k.contains(p)||h()}function u(y){y.key==="Escape"&&h()}function h(){d(),r.open=!1,l.value=null,s.value=null}function c(){d(),s.value&&(a=new ResizeObserver(()=>{m()}),a.observe(s.value))}function d(){a&&(a.disconnect(),a=null)}return e.onMounted(()=>{document.addEventListener("click",x,!0),document.addEventListener("keydown",u),window.addEventListener("scroll",m,!0),window.addEventListener("resize",m)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",x,!0),document.removeEventListener("keydown",u),window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m),d()}),e.watch(()=>o.items,()=>{r.open&&e.nextTick(()=>m())},{deep:!0}),n({close:h}),(y,p)=>(e.openBlock(),e.createElementBlock("div",{class:"inline-flex relative",ref_key:"anchorEl",ref:l},[e.createElementVNode("div",{onClick:e.withModifiers(f,["prevent","stop"])},[e.renderSlot(y.$slots,"default")]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[r.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vst-popover__content inline-block z-[103] py-3 px-4 bg-white text-sm text-gray-500 rounded-md shadow-lg bottom absolute min-w-[200px]",style:e.normalizeStyle(i.value),ref_key:"popoverEl",ref:s,onClick:p[0]||(p[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",jh,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,g=>(e.openBlock(),e.createElementBlock("div",{key:g.label,class:"grid grid-cols-[120px_1fr] gap-3 items-start py-1.5 border-b border-slate-200 last:border-b-0"},[e.createElementVNode("div",Ph,e.toDisplayString(g.label),1),e.createElementVNode("div",{class:e.normalizeClass(["text-sm text-gray-800",{"break-all":g.breakLine}])},e.toDisplayString(g.value??"—"),3)]))),128))])],4)):e.createCommentVNode("",!0)]))],512))}}),Oh={class:"selected-tab"},Uh={class:"selected-tab__actions"},qh={key:0,class:"selected-tab__scroll"},Hh=["onDragstart","onDragover","onDrop"],Wh={class:"selected-tab__item-header"},Yh={class:"selected-tab__item-info"},Zh=["checked","onChange"],Gh={class:"selected-tab__item-name"},Kh={class:"selected-tab__item-controls"},Xh=["onClick"],Qh={class:"selected-tab__menu-inner"},Jh=ye(e.defineComponent({__name:"LayersSelectedTab",props:{catalog:{},selected:{}},emits:["select-layer","reorder","remove","toggle-layer"],setup(t,{emit:n}){const o=t,r=n,l=e.reactive({}),s=e.ref(null),a=e.ref(null),i=new Map,f=e.reactive({top:0,left:0}),m=e.ref(null),x=e.reactive({top:0,left:0}),u=e.ref(null),h=new Map,c=e.reactive({});function d(v){var _;for(const S of((_=o.catalog)==null?void 0:_.groups)??[]){const z=S.layers.find(I=>I.id===v);if(z)return z}return null}const y=new Intl.Collator("uk",{sensitivity:"base"}),p=e.computed(()=>[...o.selected].sort((v,_)=>{var I,G;const S=((I=d(v))==null?void 0:I.name)??"",z=((G=d(_))==null?void 0:G.name)??"";return y.compare(S,z)}));e.watch(()=>o.selected,v=>{v.forEach(_=>{l[_]==null&&(l[_]=100)})},{immediate:!0});function g(){if(!s.value)return;const v=i.get(s.value);if(!v)return;const _=v.getBoundingClientRect();f.top=_.bottom+8+window.scrollY,f.left=_.left+window.scrollX}e.watch(()=>o.selected,v=>{v.forEach(_=>{c[_]==null&&(c[_]=!0)})},{immediate:!0});function k(v,_){c[v]=_;const S=Se(v);S&&S.setVisible(_)}function C(v,_){_?h.set(v,_):h.delete(v)}function B(v){m.value=m.value===v?null:v,m.value&&e.nextTick(()=>{w(v),requestAnimationFrame(()=>{w(v)})})}function w(v){const _=h.get(v);if(!_||!u.value)return;const S=_.getBoundingClientRect(),z=12,I=6,G=window.scrollX+z,ne=window.scrollX+window.innerWidth-z,oe=window.scrollY+z,ae=window.scrollY+window.innerHeight-z,xe=u.value.offsetWidth||190,we=u.value.offsetHeight||0;let P=S.bottom+window.scrollY+I,ee=S.left+window.scrollX;ee+xe>ne&&(ee=S.right+window.scrollX-xe,ee<G&&(ee=G)),ee<G&&(ee=G),P+we>ae&&(P=S.top+window.scrollY-we-I,P<oe&&(P=Math.max(oe,ae-we))),P<oe&&(P=oe),P+we>ae&&(P=Math.max(oe,ae-we)),x.top=P,x.left=ee}function N(v){const _=Se(v);_&&_.remove(),r("remove",v),m.value=null}function E(v){const _=v.target,S=s.value,z=m.value;if(S){const I=a.value,G=i.get(S);if(I&&I.contains(_)||G&&G.contains(_))return;s.value=null}if(z){const I=u.value,G=h.get(z);if(I&&I.contains(_)||G&&G.contains(_))return;m.value=null}}function $(){s.value&&g(),m.value&&w(m.value)}e.onMounted(()=>{document.addEventListener("click",E),window.addEventListener("resize",$),window.addEventListener("scroll",$,!0)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",E),window.removeEventListener("resize",$),window.removeEventListener("scroll",$,!0)});const{map:M}=Pe();function D(v){var I,G,ne;if(!v)return;const _=Se(v),S=d(v);if(!_&&!S)return;if(((I=S==null?void 0:S.extent)==null?void 0:I.length)===4&&((G=M.value)!=null&&G.fitBounds)){const oe=S.extent.map(ae=>Number(ae));if(oe.every(ae=>Number.isFinite(ae))){const[ae,xe,we,P]=oe;M.value.fitBounds([[ae,xe],[we,P]],{padding:40}),m.value=null;return}}(ne=_==null?void 0:_.getSource)!=null&&ne.call(_)&&(m.value=null)}const W=e.ref(null),K=e.ref(null);function Q(v,_){W.value=_,K.value=_,v.dataTransfer&&(v.dataTransfer.effectAllowed="move",v.dataTransfer.setData("text/plain",String(_)))}function H(v){K.value=v}function J(v,_){if(v.preventDefault(),W.value===null||W.value===_){W.value=null,K.value=null;return}const z=[...p.value],[I]=z.splice(W.value,1);z.splice(_,0,I),r("reorder",z),W.value=null,K.value=null}function O(){W.value=null,K.value=null}function T(v){return v==null||v===""?null:String(v)}function F(v,_){return!Array.isArray(v)||v.length===0?null:`${v.length} ${_}`}function X(v){var P,ee,b,A,Z,le;const _=Se(v),S=d(v);if(!_&&!S)return[];const z=(S==null?void 0:S.name)||((ee=(P=_==null?void 0:_.opts)==null?void 0:P.layer)==null?void 0:ee.name)||null,I=(S==null?void 0:S.service)||((b=_==null?void 0:_.opts)==null?void 0:b.service)||null,G=(A=_==null?void 0:_.getSource)==null?void 0:A.call(_),ne=G&&"tiles"in G?(Z=G.tiles)==null?void 0:Z[0]:(S==null?void 0:S.url)||null,oe=(S==null?void 0:S.source_path)||null,ae=(_==null?void 0:_.popup)||(S==null?void 0:S.popup),xe=(_==null?void 0:_.card)||(S==null?void 0:S.card),we=(S==null?void 0:S.filters)||((le=_==null?void 0:_.opts)==null?void 0:le.filters);return[{label:"Назва",value:T(z)},{label:"Сервіс",value:T(I)},{label:"Посилання",value:T(ne),breakLine:!0},{label:"Джерело",value:T(oe),breakLine:!0},{label:"Popup",value:F(ae,"полів")},{label:"Картка",value:F(xe,"полів")},{label:"Фільтри",value:F(we,"фільтрів")}]}return(v,_)=>(e.openBlock(),e.createElementBlock("div",Oh,[e.createElementVNode("div",Uh,[e.createElementVNode("button",{class:"selected-tab__add",onClick:_[0]||(_[0]=S=>r("select-layer"))},[..._[3]||(_[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-plus"},[e.createElementVNode("path",{d:"M5 12h14"}),e.createElementVNode("path",{d:"M12 5v14"})],-1),e.createElementVNode("span",null,"Вибрати шар",-1)])])]),t.selected.length?(e.openBlock(),e.createElementBlock("div",qh,[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(S,z)=>{var I;return e.openBlock(),e.createElementBlock("div",{key:S,class:e.normalizeClass(["selected-tab__item",{"selected-tab__item--dragging":W.value===z,"selected-tab__item--over":K.value===z}]),draggable:"true",onDragstart:G=>Q(G,z),onDragover:e.withModifiers(G=>H(z),["prevent"]),onDrop:G=>J(G,z),onDragend:O},[e.createElementVNode("div",Wh,[e.createElementVNode("div",Yh,[_[4]||(_[4]=e.createElementVNode("span",{class:"selected-tab__item-handle"},"☰",-1)),e.createElementVNode("input",{type:"checkbox",class:"selected-tab__item-checkbox shrink-0",checked:c[S]??!0,onChange:G=>k(S,G.target.checked)},null,40,Zh),e.createElementVNode("span",Gh,e.toDisplayString(((I=d(S))==null?void 0:I.name)||"Шар"),1)]),e.createElementVNode("div",Kh,[e.createVNode(xl,{"layer-id":S},null,8,["layer-id"]),e.createElementVNode("button",{type:"button",class:"selected-tab__item-menu",ref_for:!0,ref:G=>C(S,G),onClick:e.withModifiers(G=>B(S),["stop"])},[..._[5]||(_[5]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-more-vertical"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"1"}),e.createElementVNode("circle",{cx:"12",cy:"5",r:"1"}),e.createElementVNode("circle",{cx:"12",cy:"19",r:"1"})],-1)])],8,Xh)])])],42,Hh)}),128))])])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuEl",ref:u,class:"selected-tab__menu",style:e.normalizeStyle({top:x.top+"px",left:x.left+"px"})},[e.createElementVNode("div",Qh,[e.createElementVNode("button",{class:"selected-tab__menu-item",onClick:_[1]||(_[1]=S=>D(m.value))},[..._[6]||(_[6]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-zoom-in"},[e.createElementVNode("circle",{cx:"11",cy:"11",r:"8"}),e.createElementVNode("line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65"}),e.createElementVNode("line",{x1:"11",x2:"11",y1:"8",y2:"14"}),e.createElementVNode("line",{x1:"8",x2:"14",y1:"11",y2:"11"})],-1),e.createTextVNode(" Збільшити до шару ",-1)])]),e.createVNode(Rh,{items:X(m.value)},{default:e.withCtx(()=>[..._[7]||(_[7]=[e.createElementVNode("button",{class:"selected-tab__menu-item"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-info"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"10"}),e.createElementVNode("path",{d:"M12 16v-4"}),e.createElementVNode("path",{d:"M12 8h.01"})]),e.createTextVNode(" Інформація про шар ")],-1)])]),_:1},8,["items"]),_[9]||(_[9]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("button",{class:"selected-tab__menu-item selected-tab__menu-item--danger",onClick:_[2]||(_[2]=S=>N(m.value))},[..._[8]||(_[8]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-trash2"},[e.createElementVNode("path",{d:"M3 6h18"}),e.createElementVNode("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.createElementVNode("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"}),e.createElementVNode("line",{x1:"10",x2:"10",y1:"11",y2:"17"}),e.createElementVNode("line",{x1:"14",x2:"14",y1:"11",y2:"17"})],-1),e.createTextVNode(" Видалити шар ",-1)])])])],4)):e.createCommentVNode("",!0)]))]))}}),[["__scopeId","data-v-aabdc291"]]),ex={class:"filter-tab"},tx={key:0,class:"filter-tab__header"},nx={class:"filter-tab__title"},ox={key:1,class:"filter-tab__content rounded-md"},rx={class:"filter-tab__scroll"},lx={key:2,class:"filter-tab__empty"},ax=ye(e.defineComponent({__name:"LayersFilterTab",props:{layer:{},value:{}},emits:["change"],setup(t,{emit:n}){const o=e.defineAsyncComponent(()=>import("@opengis/filter")),r=t,l=n,s=e.computed(()=>{var f;return((f=r.layer)==null?void 0:f.filters)??[]}),a=e.computed(()=>s.value.length>0);function i(f){l("change",f.data)}return(f,m)=>(e.openBlock(),e.createElementBlock("div",ex,[t.layer&&a.value?(e.openBlock(),e.createElementBlock("div",tx,[e.createElementVNode("div",null,[e.createElementVNode("p",nx,e.toDisplayString(t.layer.name),1)])])):e.createCommentVNode("",!0),t.layer&&a.value?(e.openBlock(),e.createElementBlock("div",ox,[e.createElementVNode("div",rx,[e.createVNode(e.unref(o),{view:"vertical",schema:s.value,value:t.value,limit:5,class:"rounded-md pb-0",onChange:m[0]||(m[0]=x=>i(x))},null,8,["schema","value"])])])):(e.openBlock(),e.createElementBlock("div",lx,[...m[1]||(m[1]=[e.createElementVNode("p",{class:"filter-tab__empty-title"},"Немає доступних фільтрів",-1),e.createElementVNode("p",{class:"filter-tab__empty-text"}," Оберіть шар із фільтрами у каталозі, щоб налаштувати відбір даних. ",-1)])]))]))}}),[["__scopeId","data-v-c6632fbd"]]),sx={class:"flex items-center justify-between mb-1"},ix={class:"flex items-center gap-2"},cx={class:"text-lg font-semibold text-gray-800"},dx={key:0},ux={key:1,class:"block text-sm font-normal text-gray-500"},px={class:"flex items-center gap-2"},mx={class:"flex mb-4 border-b border-gray-200"},fx={class:"map-catalog-widget__body"},wl=ye(e.defineComponent({__name:"MapCatalogWidget",setup(t){const n=Fe.useRoute(),o=Fe.useRouter();function r(){const T=n.query["catalog-tab"];return(Array.isArray(T)?T[0]:T)==="selected"?"selected":"catalog"}const l=e.ref(r()),s=e.ref({groups:[]}),a=e.ref([]),i=e.ref(""),{map:f}=Pe(),m=e.reactive({}),x=e.ref(null),u=e.ref(!0),h=e.ref(!1);function c(T){return s.value.groups.map(F=>F.layers.find(X=>X.id===T)).find(Boolean)||null}function d(T){return typeof(T==null?void 0:T.name)=="string"&&T.name.trim().length>0}function y(){const T=x.value;if(!T)return;delete m[T];const F=Se(T);F!=null&&F.setFilter&&F.setFilter("")}function p(T,F){const X=Se(T);if(m[T]={...F},!(X!=null&&X.setFilter))return;const v=Object.entries(F).filter(([,_])=>_!=null&&_!=="").map(([_,S])=>`${_}=${S}`);X.setFilter(v.join("|"))}function g(T){const F=x.value;F&&p(F,T)}function k(T){const F=T.url;let X=null;if(F&&(X=F.startsWith("http")?F:`${window.location.origin}${F}`),!X)return null;const v=(T.service||"").toString().toLowerCase(),_=T.count??null;return v&&v!=="vtile"?{service:v,count:_,source:{type:"raster",tiles:[X],tileSize:256,minzoom:0,maxzoom:20}}:{service:v,count:_,source:{type:"vector",tiles:[X],minzoom:0,maxzoom:14},layer:{style:T.style},card:T.card,popup:T.popup}}function C(T,F,X){var z;const v=X??c(T);if(!v)return;const _=k(v);if(!_)return;const S=Se(v.id,_,f);if(S)if(S.setVisible(F),F){if(!a.value.includes(T)&&(a.value.push(T),(z=f.value)!=null&&z.getLayer(T)))try{f.value.moveLayer(T)}catch(I){console.warn("Cannot move new layer",T,I)}}else a.value=a.value.filter(I=>I!==T),x.value===T&&(y(),x.value=null)}function B(){a.value.forEach(T=>{const F=Se(T);F&&F.setVisible(!1)}),a.value=[]}function w(T){a.value=[...T],e.nextTick(()=>{var _;if(!f.value)return;const F=((_=f.value.getStyle())==null?void 0:_.layers)??[];let X;const v=S=>F.filter(z=>{var I,G;return(z==null?void 0:z.source)===S||(z==null?void 0:z.id)===S||((G=(I=z==null?void 0:z.id)==null?void 0:I.startsWith)==null?void 0:G.call(I,`${S}`))}).map(z=>z.id);for(let S=T.length-1;S>=0;S-=1){const z=T[S],I=v(z);I.length&&(I.forEach(G=>{var ne;if((ne=f.value)!=null&&ne.getLayer(G))try{f.value.moveLayer(G,X)}catch(oe){console.warn("Cannot move layer",G,oe)}}),X=I[0])}})}function N(T){!T||!Array.isArray(T.filters)||T.filters.length===0||a.value.includes(T.id)&&(x.value=T.id,m[T.id]||(m[T.id]={}),l.value="filter")}function E(){l.value="catalog"}const $=e.computed(()=>x.value?c(x.value):null),M=e.computed(()=>{const T=x.value;return T?m[T]??{}:{}}),D=e.computed(()=>s.value.groups.reduce((T,F)=>T+F.layers.filter(d).length,0)),W=e.computed(()=>l.value==="selected"?"Вибрані шари":l.value==="filter"?"Фільтр шарів":"Каталог"),K=e.computed(()=>l.value==="selected"?a.value.length:l.value==="catalog"?D.value:null),Q=e.computed(()=>{var T;return l.value==="filter"?((T=$.value)==null?void 0:T.name)??"":""});async function H(){const F=await(await fetch("/api/gis-layer-list")).json(),X=new Map;F.forEach(S=>{const z=S.group_id??"other";X.has(z)||X.set(z,{id:z,name:S.group_name||"Інші шари",layers:[]}),X.get(z).layers.push(S)}),s.value={groups:Array.from(X.values())};const v=n.query.layers;if(!v)return;const _=Array.isArray(v)?v[0]:v;typeof _=="string"&&_.split(",").forEach(S=>{const z=S.trim();if(!z)return;const I=c(z);I&&C(z,!0,I)})}e.watch(x,T=>{!T&&l.value==="filter"&&(l.value="catalog")}),e.watch($,T=>{!T&&x.value&&(x.value=null)}),e.watch(a,T=>{const F={...n.query};T.length?F.layers=T.join(","):delete F.layers,o.replace({query:F}).catch(()=>{})},{deep:!0});function J(){u.value=!u.value}function O(){h.value=window.innerWidth<=768}return e.onMounted(()=>{H(),O(),h.value&&(u.value=!1),window.addEventListener("resize",O)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",O)}),(T,F)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["map-catalog-widget w-full max-w-md mx-auto p-4 bg-white border border-gray-200 rounded-lg shadow-sm widget",K.value>1?"min-h-[250px] md:min-h-[0px]":"min-h-[0px]"])},[e.createElementVNode("div",sx,[e.createElementVNode("div",ix,[F[5]||(F[5]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-layers text-blue-600"},[e.createElementVNode("path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"}),e.createElementVNode("path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"}),e.createElementVNode("path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"})],-1)),e.createElementVNode("h2",cx,[e.createTextVNode(e.toDisplayString(W.value)+" ",1),K.value!==null?(e.openBlock(),e.createElementBlock("span",dx,"("+e.toDisplayString(K.value)+")",1)):e.createCommentVNode("",!0),Q.value?(e.openBlock(),e.createElementBlock("span",ux,e.toDisplayString(Q.value),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",px,[e.createElementVNode("button",{onClick:B,class:"p-1 rounded-full hover:bg-gray-200 transition-colors","aria-label":"Reset layers"},[...F[6]||(F[6]=[e.createStaticVNode('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw text-gray-600" data-v-99290304><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" data-v-99290304></path><path d="M21 3v5h-5" data-v-99290304></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" data-v-99290304></path><path d="M8 16H3v5" data-v-99290304></path></svg>',1)])]),e.createElementVNode("button",{type:"button",class:"map-catalog-widget__toggle-button",onClick:J,"aria-label":"Розгорнути/згорнути"},[(e.openBlock(),e.createElementBlock("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass({"map-catalog-widget__toggle-icon--rotated":u.value})},[...F[7]||(F[7]=[e.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))])])]),e.createElementVNode("div",{class:e.normalizeClass(["map-catalog-widget__content",{"map-catalog-widget__content--collapsed":!u.value}])},[e.createElementVNode("div",mx,[e.createElementVNode("button",{onClick:F[0]||(F[0]=X=>l.value="catalog"),class:e.normalizeClass(["px-4 py-2 text-sm font-medium",l.value==="catalog"?"text-blue-600 border-b-2 border-blue-600":"text-gray-600 hover:text-gray-800"])}," Каталог ",2),e.createElementVNode("button",{onClick:F[1]||(F[1]=X=>l.value="selected"),class:e.normalizeClass(["px-4 py-2 text-sm font-medium",l.value==="selected"?"text-blue-600 border-b-2 border-blue-600":"text-gray-600 hover:text-gray-800"])}," Вибрані шари ",2)]),e.createElementVNode("div",fx,[l.value==="catalog"?(e.openBlock(),e.createBlock(Ih,{key:0,class:"map-catalog-widget__scroll",catalog:s.value,selected:a.value,search:i.value,"onUpdate:search":F[2]||(F[2]=X=>i.value=X),onToggleLayer:C,onOpenFilter:N},null,8,["catalog","selected","search"])):l.value==="selected"?(e.openBlock(),e.createBlock(Jh,{key:1,catalog:s.value,selected:a.value,onToggleLayer:C,onSelectLayer:F[3]||(F[3]=X=>l.value="catalog"),onReorder:w,onRemove:F[4]||(F[4]=X=>a.value=a.value.filter(v=>v!==X))},null,8,["catalog","selected"])):(e.openBlock(),e.createBlock(ax,{key:2,layer:$.value,value:M.value,onChange:g,onClose:E},null,8,["layer","value"]))])],2)],2))}}),[["__scopeId","data-v-99290304"]]),gx={key:1,class:"flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget"},yx={class:"flex items-start justify-between gap-3 p-5 pb-3"},hx={class:"inline-block text-xl font-semibold text-gray-800"},xx={key:0,class:"mt-1 text-sm text-gray-500"},bx={class:"flex items-center gap-[6px]"},kx={class:"px-5 pb-5 space-y-6"},wx={key:0,class:"space-y-2"},_x={class:"flex flex-wrap gap-4"},Ex=["value"],Nx={key:1,class:"text-sm text-gray-500"},Cx={key:2,class:"text-sm text-gray-500"},Vx={class:"text-4xl font-medium text-gray-800"},Bx={class:"space-y-[14px]"},$x={class:"flex items-center gap-[10px] text-gray-600"},vx={class:"font-medium text-gray-700"},Sx={class:"flex items-center justify-end text-end gap-3"},Lx={class:"font-medium text-gray-800"},Ax={class:"min-w-[40px] font-medium text-[#3C3C4399]"},_l=ye(e.defineComponent({__name:"MapAttributeWidget",props:{config:{}},setup(t){const n=["#3a7a57","#d970d5","#8e997b","#b4c039","#a855f7","#71823a","#f79d92","#8b5cf6","#a6514e","#6b7280"],o=t,r=e.ref(!0),l=e.ref(!1),s=e.ref([]),a=e.ref(null),i=e.ref(null),f=e.ref(null),m=e.ref(null),x=e.ref(null),u=e.ref({}),h=e.ref(null);function c(O){return O&&JSON.parse(JSON.stringify(O))}const d=e.computed(()=>{const O=o.config.layer;if(typeof O!="string")throw new Error("MapAttributeWidget: `layer` must be a string");const T=O.trim();if(!T)throw new Error("MapAttributeWidget: `layer` must be non-empty");return T}),y=e.computed(()=>{const{list:O,attribute:T}=o.config;if(Array.isArray(O)&&O.length)return O.map(F=>({id:(F==null?void 0:F.id)!=null?String(F.id).trim():"",text:(F==null?void 0:F.text)!=null&&String(F.text).trim()||null})).filter(F=>F.id.length);if(Array.isArray(T))return T.map(F=>F!=null?String(F).trim():"").filter(F=>F.length).map(F=>({id:F,text:null}));if(typeof T=="string"){const F=T.trim();if(!F)throw new Error("MapAttributeWidget: `attribute` must be non-empty");return[{id:F,text:null}]}throw new Error("MapAttributeWidget: `attribute` or `list` must be provided")}),p=e.computed(()=>y.value.map(O=>({id:O.id,label:O.text||u.value[O.id]||O.id})));e.watch(y,O=>{if(!O.length){h.value=null,s.value=[];return}(!h.value||!O.some(T=>T.id===h.value))&&(h.value=O[0].id)},{immediate:!0});const g=e.computed(()=>{var O;return h.value||((O=y.value[0])==null?void 0:O.id)||null});e.watch(d,()=>{var O,T;(T=(O=i.value)==null?void 0:O.remove)==null||T.call(O),i.value=null,f.value=null,m.value=null,x.value=null,u.value={}});const k=e.computed(()=>{var O;return(O=m.value)!=null&&O.length?{id:d.value,name:f.value,filters:m.value}:null}),C=e.computed(()=>{var O,T;return((T=(O=k.value)==null?void 0:O.filters)==null?void 0:T.length)||0});async function B(O){var X;const T=await fetch(`/api/gis-service/${encodeURIComponent(O)}`);if(!T.ok){let v="Не вдалося завантажити налаштування шару";try{const _=await T.json();v=((X=_==null?void 0:_.message)==null?void 0:X.error)||(_==null?void 0:_.message)||v}catch{}throw new Error(v)}const F=await T.json();return f.value=(F==null?void 0:F.name)||null,m.value=Array.isArray(F==null?void 0:F.filters)?F.filters:null,x.value=c((F==null?void 0:F.style)||{}),u.value=((F==null?void 0:F.attributes)||[]).reduce((v,_)=>{const S=typeof(_==null?void 0:_.name)=="string"?_.name.trim():"",z=typeof(_==null?void 0:_.ua)=="string"?_.ua.trim():"";return S&&(v[S]=z||S),v},{}),F}function w(O,T){let F=Se(O);if(!F){const X=`${location.origin}/api/vtile/${O}/ua/{z}/{x}/{y}.vmt`;F=Se(O,{source:{type:"vector",tiles:[X],minzoom:0,maxzoom:14},layer:{id:O,source:O,"source-layer":O,style:(T==null?void 0:T.style)||{}},card:T==null?void 0:T.card,popup:T==null?void 0:T.popup})}return i.value=F,F}async function N(O,T){var v;const F=`/api/gis-service/${encodeURIComponent(O)}/${encodeURIComponent(T)}`,X=await fetch(F);if(!X.ok){let _="Не вдалося отримати статистику";try{const S=await X.json();_=((v=S==null?void 0:S.message)==null?void 0:v.error)||(S==null?void 0:S.message)||_}catch{}throw new Error(_)}return X.json()}function E(O){const T=new Map;return O&&(O.rules||[]).forEach(X=>{const v=(X==null?void 0:X.value)??(X==null?void 0:X.id);v!=null&&T.set(String(v),X)}),T}function $(O,T,F,X,v){if(typeof(T==null?void 0:T.color)=="string"&&T.color.trim())return T.color.trim();const _=o.config.colors||{};if(_[O])return _[O];const z=E(F==null?void 0:F.style).get(O);return typeof(z==null?void 0:z.color)=="string"&&z.color.trim()?z.color.trim():n[v%n.length]}function M(O,T,F,X){var v;return(T==null?void 0:T.text)||(T==null?void 0:T.label)||(T==null?void 0:T.name)||(T==null?void 0:T[`${X}_text`])||((v=E(F==null?void 0:F.style).get(O))==null?void 0:v.label)||O}function D(O,T,F,X){if(!O)return;const v=c((T==null?void 0:T.style)||x.value)||{},_=X.trim();if(!_)return;const S={...v.colors||{},...o.config.colors||{}};_===X&&F.forEach(z=>{z.color.trim()&&(S[z.id]=z.color)}),O.setStyle({...v,type:v.type||"polygon",colorAttr:_,opacity:.8,colors:S})}async function W(){var _,S;s.value=[],a.value=null;const O=d.value,T=g.value;if(!T)return;l.value=!0;const F=await B(O);w(O,F);const X=await N(O,T),v=Array.isArray(X==null?void 0:X.rows)?X.rows.map((z,I)=>{const G=(z==null?void 0:z.id)??(z==null?void 0:z.value),ne=G!=null?String(G):"";if(!ne)return null;const oe=M(ne,z,F,T),ae=Number((z==null?void 0:z.count)??0)||0,xe=$(ne,z,F,T,I);return{id:ne,label:oe,count:ae,color:xe}}).filter(Boolean):[];s.value=v,a.value=((_=X==null?void 0:X.field)==null?void 0:_.label)||((S=X==null?void 0:X.field)==null?void 0:S.name)||null,D(i.value,F,v,T),l.value=!1}e.watch(()=>[d.value,g.value],()=>{W()},{immediate:!0});const K=e.computed(()=>"Набори даних"),Q=e.computed(()=>s.value.reduce((O,T)=>O+T.count,0)),H=e.computed(()=>{var F;const O=g.value;return((F=p.value.find(X=>X.id===O))==null?void 0:F.label)||null||a.value||O||null});function J(O){return Q.value?`${(O/Q.value*100).toFixed(2)}%`:"0.00%"}return e.onBeforeUnmount(()=>{var O,T;(T=(O=i.value)==null?void 0:O.remove)==null||T.call(O)}),(O,T)=>r.value?(e.openBlock(),e.createElementBlock("div",gx,[e.createElementVNode("div",yx,[e.createElementVNode("div",null,[e.createElementVNode("h2",hx,e.toDisplayString(K.value),1),H.value&&p.value.length===1?(e.openBlock(),e.createElementBlock("p",xx,e.toDisplayString(H.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",bx,[k.value?(e.openBlock(),e.createBlock(vn,{key:0,class:"flex justify-center items-center h-[36px] w-[36px] text-sm border border-gray-200 text-gray-600 hover:bg-gray-100 rounded-full",count:C.value,layer:k.value},null,8,["count","layer"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"flex justify-center items-center h-[36px] w-[36px] text-sm border border-gray-200 text-gray-600 hover:bg-gray-100 rounded-full",onClick:T[1]||(T[1]=F=>r.value=!1)},[...T[3]||(T[3]=[e.createElementVNode("svg",{class:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",viewBox:"0 0 24 24"},[e.createElementVNode("path",{d:"M18 6 6 18"}),e.createElementVNode("path",{d:"m6 6 12 12"})],-1)])])])]),e.createElementVNode("div",kx,[p.value.length>1?(e.openBlock(),e.createElementBlock("div",wx,[e.createElementVNode("div",_x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,F=>(e.openBlock(),e.createElementBlock("label",{key:F.id,class:"inline-flex items-center gap-2 text-sm text-gray-700"},[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"text-sky-600 focus:ring-sky-500",value:F.id,"onUpdate:modelValue":T[2]||(T[2]=X=>h.value=X)},null,8,Ex),[[e.vModelRadio,h.value]]),e.createElementVNode("span",null,e.toDisplayString(F.label),1)]))),128))])])):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createElementBlock("div",Nx,"Завантаження…")):s.value.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createElementVNode("h4",Vx,e.toDisplayString(Q.value),1),e.createElementVNode("ul",Bx,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,F=>(e.openBlock(),e.createElementBlock("li",{key:F.id,class:"flex flex-wrap items-center justify-between gap-x-2"},[e.createElementVNode("div",$x,[e.createElementVNode("span",{class:"block w-[16px] h-[16px] rounded",style:e.normalizeStyle({backgroundColor:F.color})},null,4),e.createElementVNode("span",vx,e.toDisplayString(F.label),1)]),e.createElementVNode("div",Sx,[e.createElementVNode("span",Lx,e.toDisplayString(F.count),1),e.createElementVNode("span",Ax,e.toDisplayString(J(F.count)),1)])]))),128))])],64)):(e.openBlock(),e.createElementBlock("div",Cx,"Дані відсутні"))])])):(e.openBlock(),e.createElementBlock("button",{key:0,class:"py-2 px-2.5 max-h-[38px] inline-flex items-center gap-x-1.5 text-sm font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50",onClick:T[0]||(T[0]=F=>r.value=!0)}," Набори даних "))}}),[["__scopeId","data-v-9686ce7b"]]),Mx=["title"],Tx={key:0,class:"vs-select__options absolute z-50 mt-1 w-auto min-w-full bg-white border border-gray-300 shadow-lg rounded-lg text-sm text-gray-900"},Fx=["onClick"],Dx=["placeholder"],zx={class:"absolute inset-y-0 right-2 flex items-center gap-1"},Ix={class:"flex items-center justify-between gap-2 px-3 py-2 border-b border-gray-100"},jx={class:"text-xs font-semibold uppercase tracking-wide text-gray-500"},Px={class:"max-h-[60vh] overflow-auto"},Rx={key:0,class:"divide-y divide-gray-100"},Ox=["onClick"],Ux={key:1,class:"px-3 py-3 text-xs text-gray-500"},El="mapSearchAddressHistory",sn="search-geom-source",cn="search-geom-layer-fill",Tn="search-geom-layer-line",qx=12,Hx="https://data.softpro.ua/api-user/gis-url-proxy",Wx="https://geo.rv.ua/api-user/dzk.api",Yx="https://nominatim.openstreetmap.org/search",Nl=ye(e.defineComponent({__name:"MapSearchWidget",props:{config:{}},setup(t){const n={mounted(j,Y){if(typeof document>"u")return;let q=null;const se=8,pe=()=>{const Ne=String((Y==null?void 0:Y.value)??"");if(!Ne)return;q=document.createElement("div"),q.textContent=Ne,Object.assign(q.style,{position:"absolute",background:"#333",color:"#fff",padding:"4px 8px",borderRadius:"4px",fontSize:"12px",whiteSpace:"nowrap",pointerEvents:"none",zIndex:"9999"}),document.body.appendChild(q);const _e=j.getBoundingClientRect();q.style.left=`${_e.right+window.scrollX+se}px`,q.style.top=`${_e.top+window.scrollY+(_e.height-q.offsetHeight)/2}px`},be=()=>{q!=null&&q.parentNode&&q.parentNode.removeChild(q),q=null};j.addEventListener("mouseenter",pe),j.addEventListener("mouseleave",be),Object.assign(j,{tooltipRightHandlers:{show:pe,hide:be}})},unmounted(j){if(typeof document>"u")return;const Y=j.tooltipRightHandlers;Y&&(j.removeEventListener("mouseenter",Y.show),j.removeEventListener("mouseleave",Y.hide))}},o=t,r=Pe(),l=e.getCurrentInstance();function s(){return typeof globalThis<"u"&&globalThis.proxy?globalThis.proxy:typeof window<"u"&&window.proxy?window.proxy:null}function a(){var se,pe,be;const j=(se=l==null?void 0:l.appContext.config.globalProperties)==null?void 0:se.$settings,Y=(pe=j==null?void 0:j.map)==null?void 0:pe.searchViewbox;if(Y)return Y;const q=s();return(be=q==null?void 0:q.map)==null?void 0:be.searchViewbox}function i(){var pe,be,Ne;const j=(pe=l==null?void 0:l.appContext.config.globalProperties)==null?void 0:pe.$settings,Y=(be=j==null?void 0:j.map)==null?void 0:be.addressSuggest;if(typeof Y=="string"&&Y.trim())return Y.trim();const q=s(),se=(Ne=q==null?void 0:q.map)==null?void 0:Ne.addressSuggest;if(typeof se=="string"&&se.trim())return se.trim()}const f=!!i(),m=!!a(),x=e.computed(()=>{const j=["xy","parcel"];return f&&j.push("address"),m&&j.push("nominatim"),j}),u=e.computed(()=>{var q,se;const j=x.value,Y=(se=(q=o.config)==null?void 0:q.tools)==null?void 0:se.filter(pe=>j.includes(pe));return Y&&Y.length?Y:j}),h=e.computed(()=>{var j,Y;return((Y=(j=o.config)==null?void 0:j.placeholder)==null?void 0:Y.trim())||"Пошук…"}),c=e.ref(u.value[0]);e.watch(u,j=>{j.includes(c.value)||(c.value=j[0])});const d=e.ref(""),y=e.ref(!1),p=e.ref(null),g=e.ref(null),k=e.ref(null),C=e.ref(null),B=e.ref([]),w=e.ref(null),N=e.ref(!1),E=e.ref([]),$=e.computed(()=>(c.value==="address"||c.value==="nominatim")&&N.value),M=e.computed(()=>{var j;return((j=o.config)==null?void 0:j.addressDebounceMs)??1e3});let D=null;const W=e.ref(!1),K=e.computed(()=>d.value.trim().length>0?B.value:E.value),Q=e.computed(()=>d.value.trim().length?`Знайдено ${B.value.length}`:"Історія пошуку"),H=e.computed(()=>d.value.trim().length?"Нічого не знайдено":"Історія порожня");function J(){var j,Y;if(typeof window>"u")return[];try{const q=(Y=(j=window.localStorage)==null?void 0:j.getItem)==null?void 0:Y.call(j,El);if(!q)return[];const se=JSON.parse(q);return Array.isArray(se)?se:[]}catch{return[]}}function O(j){var Y,q;typeof window>"u"||(q=(Y=window.localStorage)==null?void 0:Y.setItem)==null||q.call(Y,El,JSON.stringify(j))}function T(j){const q=[j,...E.value.filter(se=>se.id!==j.id)].slice(0,10);E.value=q,O(q)}let F=null;function X(){F&&(F.remove(),F=null)}function v(){var Y;const j=(Y=r.map)==null?void 0:Y.value;j&&(j.getLayer(cn)&&j.removeLayer(cn),j.getLayer(Tn)&&j.removeLayer(Tn),j.getSource(sn)&&j.removeSource(sn))}function _(j){var pe,be,Ne,_e;if(!((pe=o.config)!=null&&pe.showMarker)||!j)return;const Y=(be=r.map)==null?void 0:be.value;if(!Y)return;v(),z();const q={type:"Feature",geometry:j,properties:{}};Y.addSource(sn,{type:"geojson",data:q});const se=((Ne=o.config)==null?void 0:Ne.geometryColor)||((_e=o.config)==null?void 0:_e.markerColor)||"#3B82F6";Y.addLayer({id:cn,type:"fill",source:sn,paint:{"fill-color":se,"fill-opacity":.3}}),Y.addLayer({id:Tn,type:"line",source:sn,paint:{"line-color":se,"line-width":1,"line-opacity":1}}),I(Y)}let S=null;function z(){S&&(cancelAnimationFrame(S),S=null)}function I(j){const q=performance.now();function se(pe){if(!j.getLayer(cn))return;const Ne=(pe-q)%1200/1200,_e=Math.sin(Ne*Math.PI),it=.2+_e*.3,ot=1+_e*1;j.setPaintProperty(cn,"fill-opacity",it),j.setPaintProperty(Tn,"line-width",ot),S=requestAnimationFrame(se)}S=requestAnimationFrame(se)}function G(j,Y){var pe,be,Ne;if(!((pe=o.config)!=null&&pe.showMarker))return;X(),v();const q=(be=r.map)==null?void 0:be.value;if(!q)return;if(Y){_(Y);return}const se=((Ne=o.config)==null?void 0:Ne.markerColor)||"#3B82F6";F=new maplibregl.Marker({color:se}).setLngLat([j.lng,j.lat]).addTo(q)}const ne=e.reactive({position:"absolute",left:"0px",top:"0px",width:"100%",display:"none"});function oe(){var be;if(!C.value)return;const j=C.value.getBoundingClientRect(),Y=(be=k.value)==null?void 0:be.getBoundingClientRect(),q=(Y==null?void 0:Y.width)??j.width,se=((Y==null?void 0:Y.left)??j.left)+window.scrollX,pe=j.bottom+window.scrollY+qx;ne.left=`${se}px`,ne.top=`${pe}px`,ne.width=`${q}px`,ne.display="block"}const ae=()=>{$.value&&oe()};function xe(){D&&(clearTimeout(D),D=null)}e.watch(c,()=>{d.value="",y.value=!1,B.value=[],N.value=!1,xe(),W.value=!1,X(),v()}),e.watch($,j=>{j?e.nextTick(()=>{oe()}):ne.display="none"}),e.watch(d,j=>{if(c.value!=="address"&&c.value!=="nominatim"){B.value=[],xe();return}if(!j.trim()){B.value=[],N.value=E.value.length>0,xe();return}xe(),N.value=!0,D=window.setTimeout(()=>{Ft(j).catch(Y=>{const q=(Y==null?void 0:Y.message)||"Помилка пошуку адреси";he.notify({type:"error",title:"Пошук адреси",message:q})})},M.value)});function we(j){var se;const Y=[];g.value&&Y.push(g.value),j instanceof HTMLElement&&Y.push(j);const q=(se=p.value)==null?void 0:se.querySelectorAll("li");q==null||q.forEach(pe=>{Y.push(pe)}),Y.forEach(pe=>{pe.dispatchEvent(new MouseEvent("mouseleave",{bubbles:!0}))})}function P(j){y.value&&we(j.target),y.value=!y.value}function ee(j,Y){we(Y==null?void 0:Y.target),c.value=j}function b(){d.value="",B.value=[],N.value=!1,W.value=!1,X(),v()}function A(j){const Y=j.target;if(y.value){const q=p.value;q&&!q.contains(Y)&&(we(Y),y.value=!1)}if($.value){const q=w.value,se=C.value;q&&!q.contains(Y)&&(!se||!se.contains(Y))&&(N.value=!1)}}e.onMounted(()=>{E.value=J(),window.addEventListener("click",A,!0),window.addEventListener("scroll",ae,!0),window.addEventListener("resize",ae)}),e.onBeforeUnmount(()=>{window.removeEventListener("click",A,!0),window.removeEventListener("scroll",ae,!0),window.removeEventListener("resize",ae),xe(),X(),v()});function Z(j){return j==="xy"?"Координати":j==="parcel"?"Кадастр":j==="nominatim"?"Nominatim":"Адресний"}function le(j){switch(j){case"xy":return"Пошук за географічними координатами. Введіть широту і довготу через пробіл або кому (lat lng або lng lat).";case"parcel":return"Пошук земельної ділянки за кадастровим номером у форматі 0000000000:00:000:0000 з відображенням меж ділянки на карті.";case"nominatim":return"Пошук адрес та обʼєктів через Nominatim з обмеженням у межах карти.";case"address":return"Пошук адрес через локальний сервіс addressSuggest (швидкі підказки з вашого геопорталу).";default:return""}}function fe(j){const Y=j.replace(/[,]+/g," ").trim();if(!Y)return null;const q=Y.split(/\s+/).filter(Boolean);if(q.length<2)return null;const se=q.slice(0,2).map(Number);if(!se.every(Ze=>Number.isFinite(Ze)))return null;let[pe,be]=se,Ne=pe,_e=be;const it=Ze=>Math.abs(Ze)<=90,ot=Ze=>Math.abs(Ze)<=180;if(!it(Ne)||!ot(_e))if(it(_e)&&ot(Ne))Ne=be,_e=pe;else return null;return{lat:Ne,lng:_e}}function ie(j){return((j==null?void 0:j.items)||[]).map((q,se)=>{var pe,be,Ne;return{id:String((q==null?void 0:q.id)??se),title:(q==null?void 0:q.title)||((pe=q==null?void 0:q.address)==null?void 0:pe.label)||"Знайдений обʼєкт",lat:Number((be=q==null?void 0:q.position)==null?void 0:be.lat),lng:Number((Ne=q==null?void 0:q.position)==null?void 0:Ne.lng)}})}function Be(j){const Y=(j==null?void 0:j.result)||(j==null?void 0:j.data)||j;if(!Y)return[];const q=Y.geom_centroid;if(!q||!Array.isArray(q.coordinates))return[];const[se,pe]=q.coordinates;return!Number.isFinite(pe)||!Number.isFinite(se)?[]:[{id:"parcel",title:Y.cadnum||Y.cad_num||"Земельна ділянка",lat:pe,lng:se,geom:Y.geom||null}]}function $e(j){return(Array.isArray(j==null?void 0:j.features)?j.features:[]).map((q,se)=>{var Ze,ct,kt;const pe=(Ze=q==null?void 0:q.geometry)==null?void 0:Ze.coordinates,be=Number(pe==null?void 0:pe[0]),Ne=Number(pe==null?void 0:pe[1]);if(!Number.isFinite(Ne)||!Number.isFinite(be))return null;const _e=(q==null?void 0:q.properties)||{},it=((ct=_e==null?void 0:_e.geocoding)==null?void 0:ct.label)||(_e==null?void 0:_e.display_name)||(_e==null?void 0:_e.label)||"Адреса";return{id:String(((kt=_e==null?void 0:_e.geocoding)==null?void 0:kt.place_id)||(_e==null?void 0:_e.place_id)||se),title:it,lat:Ne,lng:be}}).filter(q=>!!q)}function Re(j){return Number.isFinite(j.lat)&&Number.isFinite(j.lng)}function De(j){const Y=Number(j);return Number.isFinite(Y)?Y:null}function Ue(j){var pe,be,Ne,_e,it,ot;const Y=De(j.lng)??De(j.lon)??De(j.longitude)??De(j.x),q=De(j.lat)??De(j.latitude)??De(j.y);if(Y!=null&&q!=null)return{lat:q,lng:Y};const se=((pe=j==null?void 0:j.geometry)==null?void 0:pe.coordinates)??((be=j==null?void 0:j.geom_centroid)==null?void 0:be.coordinates)??((Ne=j==null?void 0:j.centroid)==null?void 0:Ne.coordinates)??((it=(_e=j==null?void 0:j.geojson)==null?void 0:_e.geometry)==null?void 0:it.coordinates)??((ot=j==null?void 0:j.geom)==null?void 0:ot.coordinates);if(Array.isArray(se)&&se.length>=2){const Ze=De(se[0]),ct=De(se[1]);if(Ze!=null&&ct!=null)return{lat:ct,lng:Ze}}return null}function tt(j){return(Array.isArray(j==null?void 0:j.data)?j.data:[]).map((q,se)=>{const pe=Ue(q),be=String(q.text??q.title??q.label??q.name??q.address??q.display_name??q.id??"Адреса"),Ne=String(q.id??q.code??q.value??se);return pe?{id:Ne,title:be,...pe}:{id:Ne,title:be}}).filter(q=>!!(q!=null&&q.title))}function Mt(j){const Y=i();if(!Y)return null;if(Y.includes(":name"))return Y.replace(":name",encodeURIComponent(j));try{const q=new URL(Y,window.location.origin);return j.trim()&&q.searchParams.set("q",j),q.toString()}catch{return Y}}async function Tt(j){const Y=Mt(j);if(!Y)return[];const q=await fetch(Y);if(!q.ok)throw new Error(`HTTP ${q.status}`);const se=await q.json();return tt(se)}async function Zt(j){const Y=new URL(Yx);Y.searchParams.set("format","geojson"),Y.searchParams.set("q",j),Y.searchParams.set("addressdetails","1"),Y.searchParams.set("bounded","1");const q=a();q&&Y.searchParams.set("viewbox",q);const se=await fetch(Y.toString());if(!se.ok)throw new Error(`HTTP ${se.status}`);const pe=await se.json();return $e(pe)}async function Ft(j){if(B.value=[],xe(),c.value==="address"){if(!i()){he.notify({type:"warning",title:"Пошук адреси",message:"Не налаштовано addressSuggest"});return}const se=await Tt(j);if(!se.length){he.notify({type:"warning",title:"Пошук адреси",message:"Не знайдено результатів"});return}B.value=se;return}const Y=await Zt(j);if(!Y.length){he.notify({type:"warning",title:"Пошук адреси",message:"Не знайдено результатів"});return}B.value=Y}async function ut(j){if(Re(j)){Bt(j),T(j);return}try{const q=(await Zt(j.title))[0];if(!q||!Re(q)){he.notify({type:"warning",title:"Пошук адреси",message:"Не знайдено координати адреси"});return}Bt(q),T(q)}catch(Y){const q=(Y==null?void 0:Y.message)||"Помилка пошуку адреси";he.notify({type:"error",title:"Пошук адреси",message:q})}}function dn(){c.value!=="address"&&c.value!=="nominatim"||d.value.trim().length||E.value.length&&(N.value=!0,e.nextTick(()=>{oe()}))}function un(j){const q=j.replace(/\s+/g,"").split(":");if(console.log(q),q.length!==4)return!1;const se=[10,2,3,4];return q.every((pe,be)=>pe.length===se[be]&&/^\d+$/.test(pe))}function Bt(j){var q,se;const Y=((q=o.config)==null?void 0:q.zoom)??17;(se=r.flyTo)==null||se.call(r,{center:[j.lng,j.lat],zoom:Y}),G(j,j.geom),W.value=!0}async function pn(){const j=d.value.trim();if(j){if(c.value==="xy"){const Y=fe(j);if(!Y){he.notify({type:"warning",title:"Пошук координат",message:"Не знайдено або невірний формат координат"});return}Bt(Y);return}if(c.value==="address"||c.value==="nominatim"){try{await Ft(j)}catch(Y){const q=(Y==null?void 0:Y.message)||"Помилка пошуку адреси";he.notify({type:"error",title:"Пошук адреси",message:q})}return}try{const Y=new URL(c.value==="here"?Hx:Wx);if(c.value==="here")Y.searchParams.set("searchtext",j);else{if(!un(j)){he.notify({type:"warning",title:"Пошук кадастру",message:"Кадастровий номер має формат ХХХХХХХХХХ:ХХ:ХХХ:ХХХХ"});return}Y.searchParams.set("cad_num",j)}const q=await fetch(Y.toString());if(!q.ok)throw new Error(`HTTP ${q.status}`);const se=await q.json(),pe=c.value==="here"?ie(se):Be(se);if(!pe.length)he.notify({type:"warning",title:"Пошук",message:"Не знайдено результатів"});else{const be=pe[0];Bt(be)}}catch(Y){const q=(Y==null?void 0:Y.message)||"Помилка пошуку";he.notify({type:"error",title:"Пошук",message:q})}}}return(j,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"widgetRef",ref:k,class:"map-search-widget flex flex-col gap-2 bg-white border border-stone-200 shadow-2xs rounded-xl widget p-3 min-w-[200px]"},[e.createElementVNode("form",{class:"flex gap-2",onSubmit:e.withModifiers(pn,["prevent"])},[u.value.length>1?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"dropdownRef",ref:p,class:"relative search-type w-[100px]"},[e.createElementVNode("button",{type:"button",class:"vstSelect-input transition-all text-left bg-white border border-gray-200 text-gray-900 rounded-lg focus:ring-blue-500 focus:border-blue-100 block w-full py-1.5 px-3 text-sm cursor-pointer flex items-center justify-between gap-2",onClick:P},[e.withDirectives((e.openBlock(),e.createElementBlock("span",{ref_key:"selectedToolLabelRef",ref:g,class:"block w-full truncate",title:Z(c.value)},[e.createTextVNode(e.toDisplayString(Z(c.value)),1)],8,Mx)),[[n,le(c.value)]]),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["w-4 h-4 text-gray-500 transition-transform",{"rotate-180":y.value}]),viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...Y[3]||(Y[3]=[e.createElementVNode("path",{d:"M6 9l6 6 6-6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))]),y.value?(e.openBlock(),e.createElementBlock("div",Tx,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,q=>e.withDirectives((e.openBlock(),e.createElementBlock("li",{key:q,class:"px-3 py-2 cursor-pointer hover:bg-gray-100 text-gray-900",onClick:se=>ee(q,se)},[e.createTextVNode(e.toDisplayString(Z(q)),1)],8,Fx)),[[n,le(q)]])),128))])])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"searchWrapperRef",ref:C,class:"relative flex-1 min-w-[140px]"},[c.value==="parcel"?(e.openBlock(),e.createBlock(e.unref(Co.VsInputMask),{key:0,modelValue:d.value,"onUpdate:modelValue":Y[0]||(Y[0]=q=>d.value=q),mask:"0000000000:00:000:0000",class:e.normalizeClass(["vs-input !h-[34px] transition-all border block w-full border-gray-200 rounded-md focus:border-blue-100 border-solid py-1.5 pl-3 text-sm",W.value?"!pr-14":"!pr-8"])},null,8,["modelValue","class"])):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":Y[1]||(Y[1]=q=>d.value=q),placeholder:h.value,type:"text",class:e.normalizeClass(["vs-input transition-all border block w-full border-gray-200 rounded-md focus:border-blue-100 border-solid py-1.5 pl-3 text-sm",W.value?"!pr-14":"!pr-8"]),onFocus:dn},null,42,Dx)),[[e.vModelText,d.value,void 0,{trim:!0}]]),e.createElementVNode("div",zx,[W.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"flex items-center text-gray-400 hover:text-gray-600","aria-label":"Очистити",onClick:b},[...Y[4]||(Y[4]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)])])):e.createCommentVNode("",!0),Y[5]||(Y[5]=e.createElementVNode("button",{type:"submit",class:"flex items-center text-gray-400 hover:text-gray-600","aria-label":"Пошук"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m21 21-4.35-4.35m0 0A7.5 7.5 0 1 0 5 5a7.5 7.5 0 0 0 11.65 11.65Z"})])],-1))]),$.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:"body"},[e.createElementVNode("div",{ref_key:"addressResultsRef",ref:w,class:"vs-select__options mt-1 bg-white border border-gray-300 rounded-lg shadow-lg text-sm text-gray-900 z-50",style:e.normalizeStyle(ne)},[e.createElementVNode("div",Ix,[e.createElementVNode("span",jx,e.toDisplayString(Q.value),1),e.createElementVNode("button",{type:"button",class:"text-gray-400 hover:text-gray-600","aria-label":"Закрити",onClick:Y[2]||(Y[2]=q=>N.value=!1)}," ✕ ")]),e.createElementVNode("div",Px,[K.value.length?(e.openBlock(),e.createElementBlock("ul",Rx,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(K.value,q=>(e.openBlock(),e.createElementBlock("li",{key:q.id,class:"px-3 py-2 cursor-pointer hover:bg-gray-50",onClick:se=>ut(q)},e.toDisplayString(q.title),9,Ox))),128))])):(e.openBlock(),e.createElementBlock("div",Ux,e.toDisplayString(H.value),1))])],4)])):e.createCommentVNode("",!0)],512)],32)],512))}}),[["__scopeId","data-v-ba50488b"]]),Zx="https://watergis.github.io/mapbox-gl-export/mapbox-gl-export.css",Gx="https://watergis.github.io/mapbox-gl-export/mapbox-gl-export.js",Kx=ye(e.defineComponent({__name:"MapPrintControl",setup(t){const{map:n,ready:o,addControl:r,removeControl:l}=Pe(),s=e.ref(null),a=e.ref(null),i=e.ref(null),f=e.ref(null);let m=null;function x(){!window.mapboxgl&&window.maplibregl&&(window.mapboxgl=window.maplibregl)}function u(N){if(Array.from(document.styleSheets).some(M=>{var D;return(D=M==null?void 0:M.href)==null?void 0:D.includes(N)}))return;const $=document.createElement("link");$.rel="stylesheet",$.href=N,document.head.appendChild($)}function h(N){return new Promise((E,$)=>{const M=Array.from(document.scripts).find(W=>W.src===N);if(M){if(M._loaded)return E();M.addEventListener("load",()=>E()),M.addEventListener("error",()=>$(new Error(`Failed ${N}`)));return}const D=document.createElement("script");D.src=N,D.async=!0,D.onload=()=>{D._loaded=!0,E()},D.onerror=()=>$(new Error(`Failed ${N}`)),document.head.appendChild(D)})}function c(){var E,$,M;const N=window;return N.MapboxExportControl||((E=N.mapboxgl)==null?void 0:E.MapboxExportControl)||(($=N.mapboxglExport)==null?void 0:$.MapboxExportControl)||((M=N.mapboxglExport)==null?void 0:M.default)||null}function d(){const N=document.createElementNS("http://www.w3.org/2000/svg","svg");return N.setAttribute("xmlns","http://www.w3.org/2000/svg"),N.setAttribute("viewBox","0 0 24 24"),N.setAttribute("width","18"),N.setAttribute("height","18"),N.setAttribute("fill","none"),N.setAttribute("stroke","currentColor"),N.setAttribute("stroke-width","2"),N.setAttribute("stroke-linecap","round"),N.setAttribute("stroke-linejoin","round"),N.classList.add("map-control-button__icon"),[{d:"M0 0h24v24H0z",stroke:"none",fill:"none"},{d:"M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2"},{d:"M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4"},{d:"M7 13m0 2a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2z"}].forEach(($,M)=>{const D=document.createElementNS("http://www.w3.org/2000/svg","path");Object.entries($).forEach(([W,K])=>{D.setAttribute(W,K)}),N.appendChild(D)}),N}function y(){const N=document.createElement("button");N.id="print-btn",N.type="button",N.className=["group relative flex items-center justify-center","w-9 h-9 rounded-xl shadow-lg transition-transform transition-shadow duration-200","bg-white text-gray-700 hover:bg-gray-50 hover:scale-105","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2"].join(" "),N.setAttribute("aria-label","Друк карти");const E=d(),$=document.createElement("span");return $.className=["absolute right-full mr-3 px-1.5 py-0.5","bg-gray-700 text-white text-[0.75rem] font-medium rounded-md","opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100","pointer-events-none transition-opacity duration-200 whitespace-nowrap"].join(" "),$.textContent="Друк карти",$.setAttribute("aria-hidden","true"),N.appendChild(E),N.appendChild($),N.addEventListener("click",M=>{M.stopPropagation(),p()}),f.value=N,N}function p(){if(!i.value)return;i.value.style.display==="block"?k():g()}function g(){var N,E,$;i.value&&(i.value.style.display="block",(N=f.value)==null||N.classList.add("scale-105","shadow-xl"),(E=a.value)==null||E.toggleCrosshair(!0),($=a.value)==null||$.togglePrintableArea(!0),document.addEventListener("click",C))}function k(){var N,E,$;i.value&&(i.value.style.display="none",(N=f.value)==null||N.classList.remove("scale-105","shadow-xl"),(E=a.value)==null||E.toggleCrosshair(!1),($=a.value)==null||$.togglePrintableArea(!1),document.removeEventListener("click",C))}function C(N){const E=s.value;E&&(N.target&&E.contains(N.target)||k())}function B(N){const E={Size:"Розмір",Orientation:"Орієнтація",Format:"Формат",DPI:"DPI",Landscape:"Горизонтальна",Portrait:"Вертикальна",PNG:"PNG",JPEG:"JPEG",SVG:"SVG",PDF:"PDF","Page Size":"Розмір","Page Orientation":"Орієнтація"};N.querySelectorAll("label, option").forEach(M=>{var W;const D=(W=M.textContent)==null?void 0:W.trim();D&&E[D]&&(M.textContent=E[D])});const $=N.querySelector("button");$&&($.textContent="Друкувати")}function w(N){const E=N.querySelector(".mapboxgl-export-list");if(!E||!s.value)return;i.value=E;const $=N.querySelector("button");if($&&($.style.display="none"),N.style.display="none",!f.value){const D=y();s.value.appendChild(D)}E.style.display="none";const M="_printControlBound";if(!E[M]){const D=W=>W.stopPropagation();E.addEventListener("click",D),E.addEventListener("mousedown",D),E[M]=!0}s.value.appendChild(E),B(E)}return e.onMounted(async()=>{await(o==null?void 0:o());const N=n.value;if(!N)return;u(Zx),x();try{await h(Gx)}catch(M){console.warn("[MapPrintControl] load error",M);return}const E=c();if(!E)return;const $=new E({PageSize:"A4",PageOrientation:"landscape",Format:"pdf",DPI:300,Crosshair:!0,PrintableArea:!0});if(a.value=$,typeof $.onAdd=="function"){const M=$.onAdd.bind($);$.onAdd=D=>{const W=M(D);return setTimeout(()=>W&&w(W),50),W}}r?r($,"top-right"):N.addControl($,"top-right"),m=M=>{M.key==="Escape"&&k()},document.addEventListener("keyup",m)}),e.onBeforeUnmount(()=>{k(),m&&(document.removeEventListener("keyup",m),m=null);const N=n.value;if(a.value)try{l?l(a.value):N==null||N.removeControl(a.value)}catch{}a.value=null}),(N,E)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:s,class:"map-print-control"},null,512))}}),[["__scopeId","data-v-4fae7635"]]),Xx={class:"cursor-coordinates"},Qx={class:"cursor-coordinates__text"},Jx=ye(e.defineComponent({__name:"MapCursorCoordinates",props:{coordinates:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",Xx,[e.createElementVNode("span",Qx,e.toDisplayString(t.coordinates),1)]))}}),[["__scopeId","data-v-334315d9"]]),e1={class:"minimap__wrapper"},Fn="minimap-viewport",t1="minimap-viewport-layer",n1=ye(e.defineComponent({__name:"MapMiniMap",props:{mapContext:{},width:{},height:{},options:{}},setup(t){var C,B,w,N;const n=t,o=((B=(C=e.getCurrentInstance())==null?void 0:C.appContext.config.globalProperties)==null?void 0:B.$settings)||null,r=St((w=o==null?void 0:o.map)==null?void 0:w.center)||[30,50],l=e.ref(null),s=e.shallowRef(null),a=(N=n.options)==null?void 0:N.active,i=e.ref(a===void 0?!1:!!a);function f(E,$){return typeof E=="number"&&Number.isFinite(E)?E:$}const m=e.computed(()=>{var W,K;const E=(W=n.options)==null?void 0:W.width,$=(K=n.options)==null?void 0:K.height,M=f(n.width??E,210),D=f(n.height??$,150);return{width:`${M}px`,height:`${D}px`}});function x(){var $,M;const E=(M=($=n.mapContext)==null?void 0:$.map)==null?void 0:M.value;if(!E||typeof E.getStyle!="function")return null;try{const D=E.getStyle();return D?JSON.parse(JSON.stringify(D)):null}catch{return null}}let u=null;function h(){var W;if(typeof window>"u"||s.value||!l.value)return;const E=x(),$=r,M={container:l.value,style:E??{version:8,sources:{voyager:{type:"raster",tiles:["https://tile.openstreetmap.org/{z}/{x}/{y}.png"],tileSize:256}},layers:[{id:"voyager",type:"raster",source:"voyager"}]},center:$,zoom:((W=n.options)==null?void 0:W.zoom)??3,interactive:!1,attributionControl:!1},D={...M,...n.options??{}};D.container=M.container,s.value=new maplibregl.Map(D),s.value.on("load",()=>{d(),p()})}function c(){if(!s.value)return;const E=x();E&&(s.value.once("styledata",()=>{d(),p()}),s.value.setStyle(E))}function d(){if(s.value){if(typeof s.value.isStyleLoaded=="function"&&!s.value.isStyleLoaded()){s.value.once("styledata",()=>{d(),p()});return}s.value.getSource(Fn)||(s.value.addSource(Fn,{type:"geojson",data:{type:"Feature",geometry:{type:"Polygon",coordinates:[[[0,0],[0,0],[0,0],[0,0],[0,0]]]},properties:{}}}),s.value.addLayer({id:t1,type:"fill",source:Fn,paint:{"fill-color":"#3b82f6","fill-opacity":.2,"fill-outline-color":"#1d4ed8"}}))}}function y(){i.value=!i.value,i.value&&e.nextTick(()=>{var E;return(E=s.value)==null?void 0:E.resize()})}function p(){var Q,H;const E=(H=(Q=n.mapContext)==null?void 0:Q.map)==null?void 0:H.value;if(!s.value||!E||!E.getBounds)return;if(typeof s.value.isStyleLoaded=="function"&&!s.value.isStyleLoaded()){s.value.once("styledata",()=>{p()});return}const $=E.getBounds();if(!$)return;const M=$.getNorthEast(),D=$.getSouthWest();if(!M||!D)return;const W=[[D.lng,M.lat],[M.lng,M.lat],[M.lng,D.lat],[D.lng,D.lat],[D.lng,M.lat]],K=s.value.getSource(Fn);if(!K){d();return}K.setData({type:"Feature",geometry:{type:"Polygon",coordinates:[W]},properties:{}})}function g(){var M;const E=n.mapContext,$=(M=E==null?void 0:E.map)==null?void 0:M.value;!(E!=null&&E.on)||!$||(u==null||u(),u=E.on("move",p),p())}async function k(){const E=n.mapContext;if(E){if(typeof E.ready=="function")try{await E.ready()}catch{return}g()}}return e.onMounted(()=>{h(),k()}),e.watch(()=>n.mapContext,()=>{k(),p()}),e.watch(()=>{var E,$;return($=(E=n.mapContext)==null?void 0:E.map)==null?void 0:$.value},()=>{s.value&&(c(),k())}),e.watch(m,()=>{s.value&&e.nextTick(()=>{var E;return(E=s.value)==null?void 0:E.resize()})}),e.watch(()=>n.options,()=>{var $;u==null||u(),u=null,s.value&&(s.value.remove(),s.value=null);const E=($=n.options)==null?void 0:$.active;typeof E=="boolean"&&(i.value=E),e.nextTick(()=>{h(),k()})},{deep:!0}),e.onBeforeUnmount(()=>{u==null||u(),u=null,s.value&&(s.value.remove(),s.value=null)}),(E,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["minimap",{"minimap--open":i.value}])},[e.createElementVNode("button",{type:"button",class:"minimap__button",onClick:y},[e.createVNode(e.unref(zl))]),e.createVNode(e.Transition,{name:"minimap-slide"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e1,[e.createElementVNode("div",{ref_key:"minimapRoot",ref:l,class:"mapboxgl-ctrl-minimap mapboxgl-ctrl mapboxgl-map",style:e.normalizeStyle(m.value),id:"mapboxgl-minimap"},null,4)],512),[[e.vShow,i.value]])]),_:1})],2))}}),[["__scopeId","data-v-bc754c89"]]),o1={class:"pt-1 border-t border-gray-100"},r1={class:"space-y-1"},l1=e.defineComponent({__name:"AddCoordinates",emits:["submit","cancel"],setup(t,{emit:n}){const o=n,r=e.ref(null),l=e.ref(null),s=(f,m,x)=>Math.min(Math.max(f,m),x),a=()=>{if(r.value===null||l.value===null||!Number.isFinite(r.value)||!Number.isFinite(l.value))return;const f=s(r.value,-90,90),m=s(l.value,-180,180);o("submit",{lat:f,lng:m}),r.value=null,l.value=null},i=()=>{r.value=null,l.value=null,o("cancel")};return(f,m)=>(e.openBlock(),e.createElementBlock("div",o1,[m[2]||(m[2]=e.createElementVNode("p",{class:"text-xs text-gray-600 mb-1"},"Додати точку за координатами:",-1)),e.createElementVNode("div",r1,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=x=>r.value=x),type:"number",step:"0.0001",class:"w-full px-2 py-1 text-xs border border-gray-300 rounded focus:outline-none focus:border-blue-500",placeholder:"Широта (50.4501)"},null,512),[[e.vModelText,r.value,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[1]||(m[1]=x=>l.value=x),type:"number",step:"0.0001",class:"w-full px-2 py-1 text-xs border border-gray-300 rounded focus:outline-none focus:border-blue-500",placeholder:"Довгота (30.5234)"},null,512),[[e.vModelText,l.value,void 0,{number:!0}]]),e.createElementVNode("div",{class:"flex gap-1.5"},[e.createElementVNode("button",{class:"flex-1 px-2 py-1 bg-blue-500 hover:bg-blue-600 text-white text-xs font-medium rounded transition-colors",type:"button",onClick:a}," Додати "),e.createElementVNode("button",{class:"px-2 py-1 bg-gray-200 hover:bg-gray-300 text-gray-700 text-xs font-medium rounded transition-colors",type:"button",onClick:i}," Скасувати ")])])]))}}),a1=e.defineComponent({__name:"BtnAdd",emits:["click"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("button",{class:"flex-1 px-2 py-1.5 bg-blue-500 hover:bg-blue-600 text-white text-xs font-medium rounded transition-colors duration-150 flex items-center justify-center gap-1",onClick:o[0]||(o[0]=r=>n.$emit("click"))},[e.createVNode(e.unref(wn),{size:12,"stroke-width":2}),o[1]||(o[1]=e.createTextVNode(" Додати ",-1))]))}}),s1=e.defineComponent({__name:"BtnClear",emits:["click"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("button",{class:"w-full px-2 py-1.5 bg-rose-500 hover:bg-rose-600 text-white text-xs font-medium rounded transition-colors duration-150 flex items-center justify-center gap-1",onClick:o[0]||(o[0]=r=>n.$emit("click"))},[e.createVNode(e.unref(On),{size:12,"stroke-width":2}),o[1]||(o[1]=e.createTextVNode(" Очистити ",-1))]))}}),i1=e.defineComponent({__name:"BtnComplete",emits:["click"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("button",{class:"flex-1 px-2 py-1.5 bg-emerald-500 hover:bg-emerald-600 text-white text-xs font-medium rounded transition-colors duration-150 flex items-center justify-center gap-1",onClick:o[0]||(o[0]=r=>n.$emit("click"))},[e.createVNode(e.unref(Lo),{size:12,"stroke-width":2}),o[1]||(o[1]=e.createTextVNode("Замкнути ",-1))]))}}),c1=new Intl.NumberFormat("uk-UA",{minimumFractionDigits:2,maximumFractionDigits:2});function At(t){return c1.format(t)}function Cl(t){return t>=1e3?`${At(t/1e3)} км`:`${At(t)} м`}const d1={class:"flex items-center gap-1.5 text-xs bg-gray-50 rounded p-1.5"},u1={key:0,class:"flex-1 flex gap-1"},p1={key:1,class:"flex-1 font-mono text-gray-700"},m1=e.defineComponent({__name:"DotListItem",props:{id:{},index:{},coords:{}},emits:["update","delete"],setup(t,{emit:n}){const o=t,r=n,l=e.computed(()=>`${o.coords.lat.toFixed(4)}°, ${o.coords.lng.toFixed(4)}°`),s=e.ref(!1),a=e.ref(o.coords.lat),i=e.ref(o.coords.lng);e.watch(()=>o.coords,h=>{a.value=h.lat,i.value=h.lng},{deep:!0,immediate:!0});const f=(h,c,d)=>Math.min(Math.max(h,c),d),m=()=>{s.value=!0},x=()=>{if(!Number.isFinite(a.value)||!Number.isFinite(i.value))return;const h=f(a.value,-90,90),c=f(i.value,-180,180);r("update",{id:o.id,coords:{lat:h,lng:c}}),s.value=!1},u=()=>{r("delete",o.id)};return(h,c)=>(e.openBlock(),e.createElementBlock("div",d1,[e.createVNode(e.unref(bn),{size:12,"stroke-width":2,class:"text-gray-400 flex-shrink-0"}),s.value?(e.openBlock(),e.createElementBlock("div",u1,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=d=>a.value=d),type:"number",step:"0.0001",min:"-90",max:"90",class:"flex-1 px-1.5 py-0.5 text-xs border border-gray-300 rounded focus:outline-none focus:border-blue-500",placeholder:"Широта"},null,512),[[e.vModelText,a.value,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[1]||(c[1]=d=>i.value=d),type:"number",step:"0.0001",min:"-180",max:"180",class:"flex-1 px-1.5 py-0.5 text-xs border border-gray-300 rounded focus:outline-none focus:border-blue-500",placeholder:"Довгота"},null,512),[[e.vModelText,i.value,void 0,{number:!0}]]),e.createElementVNode("button",{class:"px-1.5 py-0.5 bg-emerald-500 text-white rounded hover:bg-emerald-600 text-xs",type:"button",onClick:x}," ✓ ")])):(e.openBlock(),e.createElementBlock("span",p1,e.toDisplayString(l.value),1)),s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:2,class:"text-blue-500 hover:text-blue-600 px-0.5",type:"button",onClick:m}," ✎ ")),e.createElementVNode("button",{class:"text-rose-500 hover:text-rose-600 px-0.5",type:"button",onClick:u}," ✕ ")]))}}),f1={class:"ruler-control px-3 py-2.5 space-y-2"},g1={type:"button",class:"ruler-row w-full flex items-center gap-2 cursor-pointer group text-left"},y1={class:e.normalizeClass(["flex items-center justify-center w-5 h-5 rounded-full shrink-0 transition-colors pointer-events-none"]),title:"Сумарна довжина всіх відрізків","aria-hidden":"true"},h1={class:"text-sm font-semibold text-slate-700"},x1={class:"ruler-row"},b1={type:"button",class:"w-full flex items-center gap-2 cursor-pointer group text-left"},k1={class:e.normalizeClass(["flex items-center justify-center w-5 h-5 rounded-full shrink-0 transition-colors pointer-events-none"]),title:"Площа замкнутого контуру","aria-hidden":"true"},w1={class:"inline-flex rounded-md overflow-hidden border border-gray-200 bg-gray-100"},_1=["onClick"],E1={class:"flex items-center gap-2 mt-0.5 pl-7"},N1={key:0,class:"text-base font-semibold text-green-600"},C1={key:1,class:"text-xs text-gray-400"},V1={class:"ruler-row flex items-center gap-2 cursor-pointer"},B1={class:e.normalizeClass(["flex items-center justify-center w-5 h-5 rounded-full shrink-0 transition-colors pointer-events-none"]),title:"Список точок","aria-hidden":"true"},$1={class:"text-xs font-medium text-gray-600 flex-1"},v1={key:0,class:"pt-1.5 border-t border-gray-100 max-h-32 overflow-y-auto space-y-1"},S1=e.defineComponent({__name:"ControlPanel",props:{points:{},isShapeClosed:{type:Boolean}},emits:["update-point","delete-point"],setup(t){const n=t,o=e.ref(!1),r=e.ref("km2"),l=[{id:"km2",label:"км²"},{id:"ha",label:"га"},{id:"m2",label:"м²"}],s=()=>{o.value=!o.value},a=(d,y)=>{const p=M=>M*Math.PI/180,g=p(y.lat-d.lat),k=p(y.lng-d.lng),C=p(d.lat),B=p(y.lat),w=Math.sin(g/2),N=Math.sin(k/2);return 6371e3*(2*Math.asin(Math.sqrt(w*w+Math.cos(C)*Math.cos(B)*N*N)))},i=e.computed(()=>{if(n.points.length<2)return 0;let d=0;for(let y=1;y<n.points.length;y+=1)d+=a(n.points[y-1].coords,n.points[y].coords);return n.isShapeClosed&&n.points.length>=2&&(d+=a(n.points[n.points.length-1].coords,n.points[0].coords)),d}),f=e.computed(()=>i.value>=1e3?`${At(i.value/1e3)} км`:`${At(i.value)} м`);function m(d){if(d.length<3)return 0;const y=d[0].lat,p=d[0].lng,g=(C,B)=>{const w=(C-y)*110574;return{x:(B-p)*111320*Math.cos(y*Math.PI/180),y:w}};let k=0;for(let C=0;C<d.length;C++){const B=(C+1)%d.length,w=g(d[C].lat,d[C].lng),N=g(d[B].lat,d[B].lng);k+=w.x*N.y-w.y*N.x}return Math.abs(k)*.5}const x=e.computed(()=>{if(!n.isShapeClosed||n.points.length<3)return 0;const d=n.points.map(y=>y.coords);return m(d)}),u=e.computed(()=>x.value>0),h=e.computed(()=>{const d=x.value;if(d===0)return"—";if(r.value==="km2"){const p=d/1e6;return`${At(p)} км²`}if(r.value==="ha"){const p=d/1e4;return`${At(p)} га`}const y=d>=1?Math.round(d):d;return`${At(y)} м²`}),c=e.computed(()=>{const d=n.points.length;return d===1?"1 точка":d>=2&&d<=4?`${d} точки`:`${d} точок`});return e.watch(()=>n.points.length,()=>{n.points.length===0&&(o.value=!1)}),(d,y)=>(e.openBlock(),e.createElementBlock("div",f1,[e.createElementVNode("button",g1,[e.createElementVNode("span",y1,[e.createVNode(e.unref(xn),{size:12,"stroke-width":2.5})]),y[1]||(y[1]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-600 flex-1"},"Загальна відстань",-1)),e.createElementVNode("span",h1,e.toDisplayString(f.value),1)]),e.createElementVNode("div",x1,[e.createElementVNode("button",b1,[e.createElementVNode("span",k1,[e.createVNode(e.unref(xn),{size:12,"stroke-width":2.5})]),y[2]||(y[2]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-600 flex-1"},"Площа",-1)),e.createElementVNode("div",w1,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,(p,g)=>e.createElementVNode("button",{key:p.id,type:"button",class:e.normalizeClass(["px-2.5 py-1 text-xs font-medium transition-colors border-r border-gray-200 last:border-r-0",g===0&&"rounded-l-md",g===l.length-1&&"rounded-r-md",r.value===p.id?"bg-white text-green-600 font-semibold shadow-sm":"text-gray-600 hover:bg-gray-50"]),onClick:e.withModifiers(k=>r.value=p.id,["stop"])},e.toDisplayString(p.label),11,_1)),64))])]),e.createElementVNode("div",E1,[u.value?(e.openBlock(),e.createElementBlock("span",N1,e.toDisplayString(h.value),1)):(e.openBlock(),e.createElementBlock("span",C1,"—"))])]),e.createElementVNode("div",V1,[e.createElementVNode("span",B1,[e.createVNode(e.unref(xn),{size:12,"stroke-width":2.5})]),e.createElementVNode("span",$1,e.toDisplayString(c.value),1),e.createElementVNode("button",{type:"button",class:"text-xs text-blue-500 hover:text-blue-600 font-medium transition-colors",onClick:e.withModifiers(s,["stop"])}," Координати ")]),o.value?(e.openBlock(),e.createElementBlock("div",v1,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.points,(p,g)=>(e.openBlock(),e.createBlock(m1,{key:p.id,id:p.id,index:g+1,coords:p.coords,onUpdate:y[0]||(y[0]=k=>d.$emit("update-point",k)),onDelete:k=>d.$emit("delete-point",p.id)},null,8,["id","index","coords","onDelete"]))),128))])):e.createCommentVNode("",!0)]))}}),L1={class:"px-3 py-3 bg-blue-50/50 border-b border-blue-100"},A1={class:"flex items-start gap-2"},M1=e.defineComponent({__name:"InfoHint",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",L1,[e.createElementVNode("div",A1,[e.createVNode(e.unref(xn),{size:16,"stroke-width":2,class:"text-blue-600 flex-shrink-0 mt-0.5"}),o[0]||(o[0]=e.createElementVNode("div",{class:"space-y-1"},[e.createElementVNode("p",{class:"text-xs font-medium text-blue-900"}," Натискайте на карту, щоб додати точки вимірювання "),e.createElementVNode("p",{class:"text-[10px] text-blue-700"},' Або скористайтесь кнопкою "Додати" внизу для введення координат вручну ')],-1))])]))}}),T1={class:"space-y-1.5"},F1={class:"space-y-1 max-h-40 overflow-y-auto"},D1={class:"text-gray-700"},z1={class:"font-semibold text-slate-800"},I1=e.defineComponent({__name:"ToPointList",props:{points:{},isShapeClosed:{type:Boolean}},setup(t){const n=t;function o(s,a){const i=c=>c*Math.PI/180,f=i(a.lat-s.lat),m=i(a.lng-s.lng),x=i(s.lat),u=i(a.lat);return 6371e3*(2*Math.asin(Math.sqrt(Math.sin(f/2)**2+Math.cos(x)*Math.cos(u)*Math.sin(m/2)**2)))}function r(s){return Cl(s)}const l=e.computed(()=>{const s=[],a=n.points;if(a.length<2)return s;for(let i=0;i<a.length;i++){const f=i===a.length-1&&n.isShapeClosed?0:i+1;if(f>=a.length)break;const m=o(a[i].coords,a[f].coords);s.push({from:i+1,to:f+1,label:r(m)})}return s});return(s,a)=>(e.openBlock(),e.createElementBlock("div",T1,[a[0]||(a[0]=e.createElementVNode("p",{class:"text-xs font-medium text-gray-600 mb-1.5"},"Відстань між точками:",-1)),e.createElementVNode("div",F1,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(i,f)=>(e.openBlock(),e.createElementBlock("div",{key:f,class:"flex items-center justify-between text-xs py-1 px-2 rounded bg-gray-50"},[e.createElementVNode("span",D1,"Точка "+e.toDisplayString(i.from)+" → Точка "+e.toDisplayString(i.to),1),e.createElementVNode("span",z1,e.toDisplayString(i.label),1)]))),128))])]))}}),j1={class:"ruler-panel-wrap absolute bottom-12 right-0 z-20 animate-slide-up"},P1={class:"bg-white rounded-xl shadow-2xl border border-gray-200 overflow-hidden w-72"},R1={class:"bg-gradient-to-r from-blue-400 to-blue-500 px-3 py-2 flex items-center justify-between"},O1={class:"flex items-center gap-2"},U1={class:"w-6 h-6 bg-white/20 rounded-lg flex items-center justify-center"},q1={class:"flex border-b border-gray-200"},H1={key:1,class:"px-3 py-2.5"},W1={key:1,class:"text-xs text-gray-500"},Y1={class:"px-2.5 py-1.5 bg-gray-50 border-t border-gray-200 space-y-1.5"},Z1={class:"flex gap-1.5"},G1=e.defineComponent({name:"RulerPanel",__name:"index",emits:["close","tab-change","points-change","add-request","complete","shape-closed-change"],setup(t,{expose:n,emit:o}){const r=o,l=e.ref([]),s=e.computed(()=>l.value.length>0),a=e.ref(!1),i=e.ref(!1),f=e.ref("general");function m(W){f.value=W,r("tab-change",W)}e.onMounted(()=>{r("tab-change",f.value)});const x=e.computed(()=>l.value.length>=3&&!i.value);let u=1;const h=()=>l.value.map(W=>({id:W.id,coords:{...W.coords}})),c=()=>{l.value.length<3&&i.value&&(i.value=!1,r("shape-closed-change",!1)),r("points-change",h())},d=()=>{const W=u;return u+=1,W},y=W=>{l.value=[...l.value,{id:d(),coords:{lat:W.lat,lng:W.lng}}],c()},p=({id:W,coords:K})=>{const Q=l.value.findIndex(J=>J.id===W);if(Q===-1)return;const H=[...l.value];H[Q]={id:W,coords:{...K}},l.value=H,c()},g=W=>{l.value=l.value.filter(K=>K.id!==W),c()},k=()=>{l.value=[],i.value&&(i.value=!1,r("shape-closed-change",!1)),c()},C=W=>{p(W)},B=W=>{g(W)},w=()=>{a.value=!0,r("add-request")},N=W=>{y(W),a.value=!1},E=()=>{a.value=!1},$=()=>{x.value&&(i.value=!0,r("complete"),r("shape-closed-change",!0))},M=W=>{const K=(W??[]).map(Q=>({id:Q.id??d(),coords:{...Q.coords}}));l.value=K,K.length===0?u=1:u=Math.max(...K.map(Q=>Q.id))+1,c()},D=()=>{k(),a.value=!1,r("close")};return n({addPoint:y,setPoints:M,clearPoints:k}),(W,K)=>(e.openBlock(),e.createElementBlock("div",j1,[e.createElementVNode("div",P1,[e.createElementVNode("div",R1,[e.createElementVNode("div",O1,[e.createElementVNode("div",U1,[e.createVNode(e.unref(To),{size:14,"stroke-width":2,class:"text-white"})]),K[2]||(K[2]=e.createElementVNode("h3",{class:"text-white font-semibold text-xs"},"Вимірювання",-1))]),e.createElementVNode("button",{class:"w-5 h-5 flex items-center justify-center rounded hover:bg-white/20 transition-colors","aria-label":"Закрити",onClick:D},[e.createVNode(e.unref(_t),{size:14,"stroke-width":2,class:"text-white"})])]),e.createElementVNode("div",q1,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["flex-1 px-3 py-2 text-xs font-medium transition-colors",f.value==="general"?"text-blue-600 border-b-2 border-blue-500 bg-blue-50/50":"text-gray-500 hover:text-gray-700"]),onClick:K[0]||(K[0]=Q=>m("general"))}," Загальна ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["flex-1 px-3 py-2 text-xs font-medium transition-colors",f.value==="topoint"?"text-blue-600 border-b-2 border-blue-500 bg-blue-50/50":"text-gray-500 hover:text-gray-700"]),onClick:K[1]||(K[1]=Q=>m("topoint"))}," До точки ",2)]),f.value==="general"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.value?(e.openBlock(),e.createBlock(S1,{key:1,points:l.value,"is-shape-closed":i.value,onUpdatePoint:C,onDeletePoint:B},null,8,["points","is-shape-closed"])):(e.openBlock(),e.createBlock(M1,{key:0}))],64)):(e.openBlock(),e.createElementBlock("div",H1,[s.value?(e.openBlock(),e.createBlock(I1,{key:0,points:l.value,"is-shape-closed":i.value},null,8,["points","is-shape-closed"])):(e.openBlock(),e.createElementBlock("p",W1,"Додайте точки на карті, щоб бачити відстані між ними."))])),e.createElementVNode("div",Y1,[e.createElementVNode("div",Z1,[a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(a1,{key:0,onClick:w})),x.value?(e.openBlock(),e.createBlock(i1,{key:1,onClick:$})):e.createCommentVNode("",!0)]),a.value?(e.openBlock(),e.createBlock(l1,{key:0,onSubmit:N,onCancel:E})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(s1,{key:1,onClick:k})):e.createCommentVNode("",!0)])])]))}}),st="ruler-points",yt="ruler-line",ht="ruler-polygon",xt="ruler-segments",K1=e.defineComponent({__name:"RulerLayer",props:{points:{},isShapeClosed:{type:Boolean},labelMode:{}},setup(t){function n(p,g){const k=$=>$*Math.PI/180,C=k(g.lat-p.lat),B=k(g.lng-p.lng),w=k(p.lat),N=k(g.lat);return 6371e3*(2*Math.asin(Math.sqrt(Math.sin(C/2)**2+Math.cos(w)*Math.cos(N)*Math.sin(B/2)**2)))}function o(p){return Cl(p)}const r=t,{map:l,ready:s}=Pe();function a(){return{type:"FeatureCollection",features:[]}}function i(p,g,k){const C=k??"general",B=[];let w=0;B.push(0);for(let N=1;N<p.length;N++)w+=n(p[N-1].coords,p[N].coords),B.push(w);return g&&p.length>=2&&(w+=n(p[p.length-1].coords,p[0].coords)),{type:"FeatureCollection",features:p.map((N,E)=>{const $=C==="general"?E===0?"0":o(B[E]):E===0?"0":o(n(p[E-1].coords,p[E].coords));return{type:"Feature",geometry:{type:"Point",coordinates:[N.coords.lng,N.coords.lat]},properties:{id:N.id,index:E+1,label:$}}})}}function f(p,g){if(p.length<2)return a();const k=[];for(let C=0;C<p.length;C++){const B=C===p.length-1&&g?0:C+1;if(B>=p.length)break;const w=p[C].coords,N=p[B].coords,E=n(w,N);k.push({type:"Feature",geometry:{type:"LineString",coordinates:[[w.lng,w.lat],[N.lng,N.lat]]},properties:{distance:o(E)}})}return{type:"FeatureCollection",features:k}}function m(p,g){if(p.length<2)return a();const k=p.map(C=>[C.coords.lng,C.coords.lat]);return g&&k.push(k[0]),{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"LineString",coordinates:k},properties:{}}]}}function x(p){if(p.length<3)return a();const g=p.map(k=>[k.coords.lng,k.coords.lat]);return g.push(g[0]),{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"Polygon",coordinates:[g]},properties:{}}]}}let u=!1;function h(p){p.getSource(st)||(p.addSource(st,{type:"geojson",data:a()}),p.addLayer({id:`${st}-circle`,type:"circle",source:st,paint:{"circle-radius":5,"circle-color":"#1e293b","circle-stroke-width":2,"circle-stroke-color":"#ffffff"}}),p.addLayer({id:`${st}-labels`,type:"symbol",source:st,layout:{"text-field":["get","label"],"text-size":14,"text-offset":[0,1.3]},paint:{"text-color":"#0f172a","text-halo-color":"#ffffff","text-halo-width":1}})),p.getSource(xt)||(p.addSource(xt,{type:"geojson",data:a()}),p.addLayer({id:`${xt}-labels`,type:"symbol",source:xt,layout:{"text-field":["get","distance"],"text-size":13,"symbol-placement":"line-center","text-rotation-alignment":"map","text-pitch-alignment":"map"},paint:{"text-color":"#1e293b","text-halo-color":"#ffffff","text-halo-width":1.5}})),p.getSource(yt)||(p.addSource(yt,{type:"geojson",data:a()}),p.addLayer({id:`${yt}-layer`,type:"line",source:yt,paint:{"line-color":"#3b82f6","line-width":2}})),p.getSource(ht)||(p.addSource(ht,{type:"geojson",data:a()}),p.addLayer({id:`${ht}-layer`,type:"fill",source:ht,paint:{"fill-color":"#93c5fd","fill-opacity":.25}})),u=!0}function c(p){if(p){try{p.getLayer(`${ht}-layer`)&&p.removeLayer(`${ht}-layer`),p.getSource(ht)&&p.removeSource(ht),p.getLayer(`${yt}-layer`)&&p.removeLayer(`${yt}-layer`),p.getSource(yt)&&p.removeSource(yt),p.getLayer(`${xt}-labels`)&&p.removeLayer(`${xt}-labels`),p.getSource(xt)&&p.removeSource(xt),p.getLayer(`${st}-labels`)&&p.removeLayer(`${st}-labels`),p.getLayer(`${st}-circle`)&&p.removeLayer(`${st}-circle`),p.getSource(st)&&p.removeSource(st)}catch{}u=!1}}function d(p){if(!p)return;const g=p.getSource(st),k=p.getSource(yt),C=p.getSource(ht),B=p.getSource(xt),w=r.points,N=r.labelMode??"general";g&&g.setData(i(w,r.isShapeClosed,N)),k&&k.setData(m(w,r.isShapeClosed)),C&&C.setData(x(w)),B&&B.setData(N==="topoint"?f(w,r.isShapeClosed):a())}function y(){s().then(()=>{const p=l.value;p&&(u||h(p),d(p))})}return e.watch(()=>[r.points,r.isShapeClosed,r.labelMode],()=>y(),{deep:!0,immediate:!0}),e.onBeforeUnmount(()=>{s().then(()=>c(l.value))}),(p,g)=>null}}),X1={class:"geolocation-panel-wrap absolute bottom-12 right-0 z-20 animate-slide-up flex items-end gap-2"},Q1={class:"bg-white rounded-xl shadow-2xl border border-gray-200 overflow-hidden w-72"},J1={class:"bg-gradient-to-r from-blue-400 to-blue-500 px-3 py-2 flex items-center justify-between"},eb={class:"flex items-center gap-2"},tb=["disabled"],nb={class:"px-3 py-3 border-t border-gray-100 flex items-center justify-between gap-3"},ob={class:"text-sm font-mono text-slate-700"},rb={class:"flex items-center gap-2 shrink-0"},lb={key:0,class:"text-xs font-[100] text-gray-500"},ab=e.defineComponent({name:"GeolocationPanel",__name:"index",props:{position:{}},emits:["close","recenter"],setup(t,{emit:n}){const o=t,r=n,l=e.computed(()=>o.position!=null?o.position.lng.toFixed(6):"—"),s=e.computed(()=>o.position!=null?o.position.lat.toFixed(6):"—"),a=e.ref(!1);let i=null;function f(){if(o.position==null)return;const u=`${o.position.lat.toFixed(6)}, ${o.position.lng.toFixed(6)}`;navigator.clipboard.writeText(u).then(()=>{a.value=!0,i&&clearTimeout(i),i=setTimeout(()=>{a.value=!1,i=null},600)})}function m(){r("close")}function x(){o.position!=null&&r("recenter")}return(u,h)=>(e.openBlock(),e.createElementBlock("div",X1,[e.createElementVNode("div",Q1,[e.createElementVNode("div",J1,[e.createElementVNode("div",eb,[e.createElementVNode("button",{type:"button",class:"w-6 h-6 bg-white/20 rounded-lg flex items-center justify-center hover:bg-white/30 transition-colors disabled:opacity-50 disabled:cursor-not-allowed","aria-label":"Центрувати на моєму місці",disabled:t.position==null,onClick:x},[e.createVNode(e.unref(bn),{size:14,"stroke-width":2,class:"text-white"})],8,tb),h[0]||(h[0]=e.createElementVNode("h3",{class:"text-white font-semibold text-xs"},"Ваше розташування",-1))]),e.createElementVNode("button",{type:"button",class:"w-5 h-5 flex items-center justify-center rounded hover:bg-white/20 transition-colors","aria-label":"Закрити",onClick:m},[e.createVNode(e.unref(_t),{size:14,"stroke-width":2,class:"text-white"})])]),e.createElementVNode("div",nb,[e.createElementVNode("div",null,[h[4]||(h[4]=e.createElementVNode("p",{class:"text-xs font-medium text-gray-500 mb-1"},"Координати",-1)),e.createElementVNode("p",ob,[h[1]||(h[1]=e.createElementVNode("span",{class:"text-gray-500"},"x:",-1)),e.createTextVNode(" "+e.toDisplayString(l.value)+" ",1),h[2]||(h[2]=e.createElementVNode("br",null,null,-1)),h[3]||(h[3]=e.createElementVNode("span",{class:"text-gray-500"},"y:",-1)),e.createTextVNode(" "+e.toDisplayString(s.value),1)])]),e.createElementVNode("div",rb,[a.value?(e.openBlock(),e.createElementBlock("span",lb," Скопійовано! ")):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:"flex items-center justify-center w-9 h-9 rounded-xl border border-gray-200 text-gray-500 hover:bg-gray-50 hover:text-gray-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/50 focus-visible:ring-offset-1","aria-label":"Копіювати координати",onClick:f},[e.createVNode(e.unref(Ol),{size:18,"stroke-width":2})])])])])]))}}),bt="geolocation-marker",sb=e.defineComponent({__name:"GeolocationMarkerLayer",props:{position:{}},setup(t){const n=t,{map:o,ready:r}=Pe();let l=!1;function s(){return{type:"FeatureCollection",features:[]}}function a(u){return{type:"Feature",geometry:{type:"Point",coordinates:[u.lng,u.lat]},properties:{}}}function i(u){u.getSource(bt)||(u.addSource(bt,{type:"geojson",data:s()}),u.addLayer({id:`${bt}-circle`,type:"circle",source:bt,paint:{"circle-radius":6,"circle-color":"#3b82f6","circle-stroke-width":2,"circle-stroke-color":"#dddddd"}}),l=!0)}function f(u){try{u.getLayer(`${bt}-circle`)&&u.removeLayer(`${bt}-circle`),u.getSource(bt)&&u.removeSource(bt)}catch{}l=!1}function m(u){const h=u.getSource(bt);if(h){if(n.position==null){h.setData(s());return}h.setData({type:"FeatureCollection",features:[a(n.position)]})}}function x(){r().then(()=>{const u=o.value;if(u){if(n.position==null){l&&f(u);return}l||i(u),m(u)}})}return e.watch(()=>n.position,()=>x(),{deep:!0,immediate:!0}),e.onBeforeUnmount(()=>{r().then(()=>f(o.value))}),(u,h)=>null}}),ib={class:"animate-slide-up"},cb={class:"bg-white rounded-xl shadow-2xl border border-gray-200 overflow-hidden w-72"},db={class:"bg-gradient-to-r from-blue-400 to-blue-500 px-3 py-2 flex items-center justify-between"},ub={class:"flex items-center gap-2"},pb={class:"w-6 h-6 bg-white/20 rounded-lg flex items-center justify-center"},mb={class:"px-3 py-2.5 border-b border-gray-200"},fb={class:"flex gap-1 flex-nowrap"},gb=["title","onClick"],yb={class:"px-3 py-2.5 border-b border-gray-200"},hb={class:"flex items-center gap-4"},xb={class:"flex items-center gap-2 cursor-pointer shrink-0"},bb={class:"flex items-center gap-2 cursor-pointer flex-1 min-w-0"},kb={class:"px-2.5 py-1.5 bg-gray-50 border-t border-gray-200 space-y-1.5"},wb={class:"flex items-center gap-1.5"},_b=ye(e.defineComponent({name:"DrawingPanel",__name:"index",emits:["close","clear","download","finish-polygon","undo","update:tool","update:stroke-color","update:stroke-width"],setup(t,{expose:n,emit:o}){const r=o,l=[{id:"pen",icon:kn,title:"Олівець"},{id:"line",icon:Kl,title:"Лінія"},{id:"rect",icon:ta,title:"Прямокутник"},{id:"circle",icon:Lo,title:"Коло"},{id:"polygon",icon:Mo,title:"Полігон"},{id:"paint",icon:Xl,title:"Балончик"},{id:"eraser",icon:Wl,title:"Стирачка"}],s=e.ref("pen"),a=e.ref("#2563eb"),i=e.ref(3),f=()=>r("update:stroke-color",a.value),m=()=>r("update:stroke-width",i.value);e.watch(s,y=>r("update:tool",y)),e.watch(a,y=>r("update:stroke-color",y)),e.watch(i,y=>r("update:stroke-width",y));function x(){r("close")}function u(){r("undo")}function h(){r("finish-polygon")}function c(){r("clear")}function d(){r("download")}return n({tool:s,strokeColor:a,strokeWidth:i}),(y,p)=>(e.openBlock(),e.createElementBlock("div",ib,[e.createElementVNode("div",cb,[e.createElementVNode("div",db,[e.createElementVNode("div",ub,[e.createElementVNode("div",pb,[e.createVNode(e.unref(kn),{size:14,"stroke-width":2,class:"text-white"})]),p[2]||(p[2]=e.createElementVNode("h3",{class:"text-white font-semibold text-xs"},"Малювання",-1))]),e.createElementVNode("button",{type:"button",class:"w-5 h-5 flex items-center justify-center rounded hover:bg-white/20 transition-colors","aria-label":"Закрити",onClick:x},[e.createVNode(e.unref(_t),{size:14,"stroke-width":2,class:"text-white"})])]),e.createElementVNode("section",mb,[p[3]||(p[3]=e.createElementVNode("span",{class:"block text-[11px] font-semibold text-gray-500 uppercase tracking-wider mb-2"}," Інструмент ",-1)),e.createElementVNode("div",fb,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,g=>e.createElementVNode("button",{key:g.id,type:"button",class:e.normalizeClass(["w-8 h-8 shrink-0 flex items-center justify-center rounded-lg border transition-all",s.value===g.id?"bg-blue-50 text-blue-600 border-blue-200 ring-2 ring-blue-200":"bg-gray-50 text-gray-500 border-gray-200 hover:bg-gray-100 hover:text-gray-700 hover:border-gray-300"]),title:g.title,onClick:k=>s.value=g.id},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.icon),{size:16,"stroke-width":2}))],10,gb)),64))])]),e.createElementVNode("section",yb,[p[6]||(p[6]=e.createElementVNode("span",{class:"block text-[11px] font-semibold text-gray-500 uppercase tracking-wider mb-2"}," Стиль ",-1)),e.createElementVNode("div",hb,[e.createElementVNode("label",xb,[p[4]||(p[4]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-600"},"Колір",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=g=>a.value=g),type:"color",class:"w-9 h-9 p-0.5 border-2 border-gray-200 rounded-lg cursor-pointer bg-white [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-none [&::-webkit-color-swatch]:rounded-md",onChange:f},null,544),[[e.vModelText,a.value]])]),e.createElementVNode("label",bb,[p[5]||(p[5]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-600 shrink-0 w-14"},"Товщина",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[1]||(p[1]=g=>i.value=g),type:"range",min:"1",max:"12",class:"drawing-panel-range w-full min-w-[100px] h-2 bg-gray-200 rounded-full appearance-none cursor-pointer",onInput:m},null,544),[[e.vModelText,i.value,void 0,{number:!0}]])])])]),e.createElementVNode("footer",kb,[e.createElementVNode("div",wb,[e.createElementVNode("button",{type:"button",class:"w-9 h-9 shrink-0 flex items-center justify-center rounded-lg bg-gray-100 text-gray-700 hover:bg-gray-200 transition-colors",title:"Відкотити дію","aria-label":"Відкотити дію",onClick:u},[e.createVNode(e.unref(oa),{size:14,"stroke-width":2})]),e.createElementVNode("button",{type:"button",class:"flex-1 flex items-center justify-center gap-1.5 px-2 py-2 text-xs font-medium rounded-lg bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700 transition-colors",onClick:c},[e.createVNode(e.unref(On),{size:14,"stroke-width":2}),p[7]||(p[7]=e.createTextVNode(" Очистити ",-1))])]),s.value==="polygon"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"w-full flex items-center justify-center gap-2 px-3 py-2 text-xs font-medium rounded-lg bg-blue-50 text-blue-600 hover:bg-blue-100 transition-colors",onClick:h},[e.createVNode(e.unref(Mo),{size:14,"stroke-width":2}),p[8]||(p[8]=e.createTextVNode(" Замкнути полігон ",-1))])):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:"w-full flex items-center justify-center gap-2 px-3 py-2 text-xs font-medium rounded-lg bg-gradient-to-r from-blue-400 to-blue-500 text-white shadow-sm hover:brightness-105 transition-[filter]",onClick:d},[e.createVNode(e.unref(Hl),{size:14,"stroke-width":2}),p[9]||(p[9]=e.createTextVNode(" Завантажити як фото ",-1))])])])]))}}),[["__scopeId","data-v-4cee5a30"]]),Eb=ye(e.defineComponent({name:"DrawingCanvas",__name:"DrawingCanvas",props:{tool:{default:"pen"},strokeColor:{default:"#2563eb"},strokeWidth:{default:3}},setup(t,{expose:n}){const o=e.ref(null),r=e.ref(null),l=e.ref(null),s=e.ref({x:0,y:0}),a=e.ref(!1),i=t,f=e.computed(()=>Math.max(i.strokeWidth*3,12)),m=e.computed(()=>{const _=f.value*2;return{width:`${_}px`,height:`${_}px`,left:`${s.value.x}px`,top:`${s.value.y}px`,marginLeft:`-${f.value}px`,marginTop:`-${f.value}px`}}),{ready:x}=Pe(),u=e.ref(!1),h=e.ref([]),c=e.ref([]);let d=0,y=0,p=0,g=0,k=null;function C(){const _=r.value,S=l.value,z=o.value;if(!_||!z)return;const I=z.parentElement;if(!I)return;const G=I.clientWidth,ne=I.clientHeight;if(G<=0||ne<=0)return;const oe=window.devicePixelRatio||1;_.width=G*oe,_.height=ne*oe,_.style.width=`${G}px`,_.style.height=`${ne}px`;const ae=_.getContext("2d");if(ae&&ae.scale(oe,oe),S){S.width=G*oe,S.height=ne*oe,S.style.width=`${G}px`,S.style.height=`${ne}px`;const xe=S.getContext("2d");xe&&xe.scale(oe,oe)}}function B(_){const S=r.value;if(!S)return{x:0,y:0};const z=S.getBoundingClientRect();return{x:_.clientX-z.left,y:_.clientY-z.top}}function w(){const _=r.value;return _?_.getContext("2d"):null}function N(){const _=l.value;return _?_.getContext("2d"):null}function E(){const _=l.value;if(!_)return;const S=window.devicePixelRatio||1,z=_.getContext("2d");z&&z.clearRect(0,0,_.width/S,_.height/S)}function $(){const _=N();if(_){if(E(),_.globalCompositeOperation="source-over",_.strokeStyle=i.strokeColor,_.lineWidth=i.strokeWidth,_.lineCap="round",_.lineJoin="round",i.tool==="line")_.beginPath(),_.moveTo(d,y),_.lineTo(p,g),_.stroke();else if(i.tool==="rect"){const S=Math.min(d,p),z=Math.min(y,g),I=Math.abs(p-d),G=Math.abs(g-y);_.strokeRect(S,z,I,G)}else if(i.tool==="circle"){const S=Math.sqrt((p-d)**2+(g-y)**2);_.beginPath(),_.arc(d,y,Math.max(S,1),0,2*Math.PI),_.stroke()}else if(i.tool==="polygon"&&h.value.length>0){const S=h.value;_.beginPath(),_.moveTo(S[0].x,S[0].y);for(let z=1;z<S.length;z++)_.lineTo(S[z].x,S[z].y);_.lineTo(p,g),_.stroke()}}}function M(_){_.strokeStyle=i.strokeColor,_.lineWidth=i.strokeWidth,_.lineCap="round",_.lineJoin="round"}function D(){const _=r.value;if(!_)return;const S=_.getContext("2d");if(!S)return;const z=S.getImageData(0,0,_.width,_.height);c.value=[...c.value.slice(-19),z]}function W(_){if(!r.value)return;const{x:S,y:z}=B(_);d=S,y=z,p=S,g=z;const I=w();if(I){if(i.tool==="pen"||i.tool==="eraser"){D(),u.value=!0,i.tool==="eraser"?(I.globalCompositeOperation="destination-out",I.lineWidth=Math.max(i.strokeWidth*3,12)):(I.globalCompositeOperation="source-over",M(I)),I.beginPath(),I.moveTo(S,z);return}if(i.tool==="paint"){D(),u.value=!0,I.globalCompositeOperation="source-over",I.fillStyle=i.strokeColor,J(I,S,z);return}if(i.tool==="line"||i.tool==="rect"||i.tool==="circle"){D(),u.value=!0;return}if(i.tool==="polygon"){h.value=[...h.value,{x:S,y:z}],p=S,g=z,$();return}}}function K(_){const{x:S,y:z}=B(_);p=S,g=z,i.tool==="eraser"&&(s.value={x:_.clientX,y:_.clientY},a.value=!0);const I=w();if(I){if(i.tool==="pen"&&u.value){I.globalCompositeOperation="source-over",M(I),I.lineTo(S,z),I.stroke();return}if(i.tool==="eraser"&&u.value){I.globalCompositeOperation="destination-out",I.lineWidth=Math.max(i.strokeWidth*3,12),I.lineTo(S,z),I.stroke();return}if(i.tool==="paint"&&u.value){I.globalCompositeOperation="source-over",I.fillStyle=i.strokeColor,J(I,S,z);return}u.value&&(i.tool==="line"||i.tool==="rect"||i.tool==="circle")&&$(),i.tool==="polygon"&&h.value.length>0&&$()}}function Q(){a.value=!1}function H(){i.tool==="polygon"&&T()}function J(_,S,z){const I=Math.max(i.strokeWidth*2.5,8),G=12+Math.floor(i.strokeWidth);for(let ne=0;ne<G;ne++){const oe=Math.random()*2*Math.PI,ae=I*Math.random(),xe=S+Math.cos(oe)*ae,we=z+Math.sin(oe)*ae,P=1+Math.random()*2;_.beginPath(),_.arc(xe,we,P,0,2*Math.PI),_.fill()}}function O(){if(!u.value)return;const _=w();if(!_){u.value=!1;return}if(i.tool==="paint"){E(),u.value=!1,_.globalCompositeOperation="source-over";return}if(i.tool==="line")_.globalCompositeOperation="source-over",M(_),_.beginPath(),_.moveTo(d,y),_.lineTo(p,g),_.stroke();else if(i.tool==="rect"){_.globalCompositeOperation="source-over",M(_);const S=Math.min(d,p),z=Math.min(y,g),I=Math.abs(p-d),G=Math.abs(g-y);_.strokeRect(S,z,I,G)}else if(i.tool==="circle"){_.globalCompositeOperation="source-over",M(_);const S=Math.sqrt((p-d)**2+(g-y)**2);_.beginPath(),_.arc(d,y,Math.max(S,1),0,2*Math.PI),_.stroke()}E(),u.value=!1,_.globalCompositeOperation="source-over"}function T(){const _=w(),S=h.value;if(!_||S.length<2){h.value=[],E();return}D(),_.globalCompositeOperation="source-over",M(_),_.beginPath(),_.moveTo(S[0].x,S[0].y);for(let z=1;z<S.length;z++)_.lineTo(S[z].x,S[z].y);_.closePath(),_.stroke(),h.value=[],E(),_.globalCompositeOperation="source-over"}function F(){const _=r.value;if(!_||c.value.length===0)return;const S=_.getContext("2d");if(!S)return;const z=c.value[c.value.length-1];c.value=c.value.slice(0,-1),S.putImageData(z,0,0)}function X(){const _=r.value;if(!_)return;const S=_.getContext("2d");if(!S)return;const z=window.devicePixelRatio||1;S.clearRect(0,0,_.width/z,_.height/z),h.value=[],c.value=[],E()}function v(){return r.value}return e.watch(()=>i.tool,(_,S)=>{S==="polygon"&&_!=="polygon"&&(h.value=[],E())}),e.onMounted(()=>{x().then(()=>{var S;C();const _=(S=o.value)==null?void 0:S.parentElement;_&&typeof ResizeObserver<"u"&&(k=new ResizeObserver(C),k.observe(_))})}),e.onBeforeUnmount(()=>{k==null||k.disconnect(),k=null}),n({clear:X,getCanvas:v,finishPolygon:T,undo:F,canUndo:()=>c.value.length>0}),(_,S)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapRef",ref:o,class:e.normalizeClass(["drawing-canvas-wrap",{"drawing-canvas-wrap--eraser":t.tool==="eraser"}]),onMousedown:W,onMousemove:K,onMouseup:O,onDblclick:H,onMouseleave:S[0]||(S[0]=()=>{Q(),O()})},[e.createElementVNode("canvas",{ref_key:"canvasRef",ref:r,class:"drawing-canvas"},null,512),e.createElementVNode("canvas",{ref_key:"previewRef",ref:l,class:"drawing-canvas drawing-canvas--preview"},null,512),e.withDirectives(e.createElementVNode("div",{class:"drawing-canvas__eraser-cursor",style:e.normalizeStyle(m.value)},null,4),[[e.vShow,t.tool==="eraser"&&a.value]])],34))}}),[["__scopeId","data-v-ed2688bc"]]),Nb={key:2,class:"absolute bottom-16 right-4 z-[100] pointer-events-auto"},Cb={key:3,class:"absolute bottom-4 right-4 z-[80] flex items-end gap-2"},Vb={class:"absolute top-[103px] right-[6.5px] z-[80] flex flex-col items-end gap-1"},Bb=["aria-label","disabled"],$b={class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},vb=["aria-label"],Sb={class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},Lb=["aria-label"],Ab={class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},Mb={class:"map-widget__overlay-grid"},Tb={key:0,id:"map-filter-popover-host",class:"map-widget__filter-host"},Fb={key:1,class:"map-widget__stack-wrapper map-widget__stack-wrapper--top"},Db={class:"map-widget__stack"},zb={key:2,class:"map-widget__stack-wrapper map-widget__stack-wrapper--bottom xl:mb-5 mb-2"},Ib={class:"map-widget__stack map-widget__stack--bottom"},jb={key:0,class:"map-widget__state"},Pb={key:1,class:"map-widget__state map-widget__state--error"},Dn=ye(e.defineComponent({__name:"MapWidget",props:{id:{},height:{},minZoom:{},maxZoom:{},data:{}},setup(t){var In,Gt,mn,fn;const n=t,o=Fe.useRoute(),r=Fe.useRouter(),l=e.ref(null),s=e.ref({}),a=e.ref(null),i=e.ref(!1),f=e.ref(null),m=e.ref(!1),x=e.ref([]),u=e.ref(null),h=e.computed(()=>u.value==="ruler"),c=e.computed(()=>u.value==="draw"),d=e.computed(()=>u.value==="geolocation"),y=e.ref("general"),p=e.ref(null),g=e.ref(null),k=e.ref(null),C=e.ref("pen"),B=e.ref("#2563eb"),w=e.ref(3),N=e.ref([]),E=e.ref(!1),$=e.ref(null),M=e.ref(!1),D=e.ref(null),W=e.computed(()=>n.id||"main"),K=e.computed(()=>{var R,te;return{height:((R=n.height)==null?void 0:R.trim())||((te=s.value)==null?void 0:te.height)||"calc(100vh - 65px)"}}),Q=e.computed(()=>{var R;return((R=s.value)==null?void 0:R.name)??null}),H=e.computed(()=>{var R;return((R=s.value)==null?void 0:R.description)??null}),J=e.computed(()=>{var R;return xe((R=s.value)==null?void 0:R.maps)}),O=e.computed(()=>{var te,ge;const R=((te=s.value)==null?void 0:te.minZoom)??((ge=s.value)==null?void 0:ge.minzoom)??null;return typeof R=="number"?R:null}),T=e.computed(()=>{var te,ge;const R=((te=s.value)==null?void 0:te.maxZoom)??((ge=s.value)==null?void 0:ge.maxzoom)??null;return typeof R=="number"?R:typeof n.maxZoom=="number"?n.maxZoom:20}),F=e.ref(null),X=e.computed(()=>{if(!F.value)return null;const{lng:R,lat:te}=F.value;return`${te.toFixed(6)}, ${R.toFixed(6)}`}),v=e.computed(()=>{var R;return((R=l.value)==null?void 0:R.ctx)??null}),_=e.computed(()=>{var R;return((R=s.value)==null?void 0:R.minimap)??null});function S(R){if(!R||typeof R!="object")return R;const te=St(R.center);return te?{...R,center:te}:R}const z=((Gt=(In=e.getCurrentInstance())==null?void 0:In.appContext.config.globalProperties)==null?void 0:Gt.$settings)||null;function I(R){if(R==null)return null;const te=Number(typeof R=="string"?R.trim():R);return Number.isFinite(te)?te:null}const G=St((mn=z==null?void 0:z.map)==null?void 0:mn.center),ne=I((fn=z==null?void 0:z.map)==null?void 0:fn.zoom),oe=e.computed(()=>{const R=(z==null?void 0:z.map)||null,te=(R==null?void 0:R.boundary)??null,ge=(R==null?void 0:R.katottg)??null;return!te&&!ge?null:{boundary:te,katottg:ge}});function ae(R){return typeof R=="string"&&R.trim()?R.trim().toLowerCase():"top-left"}function xe(R){return Array.isArray(R)?R:R&&typeof R=="object"?Object.values(R).filter(Boolean):[]}const we=e.computed(()=>{var R;return xe((R=s.value)==null?void 0:R.widgets)}),P=e.computed(()=>we.value.some(R=>(R==null?void 0:R.type)==="basemaps")),ee=["left","right"],b=e.computed(()=>{const R={left:{top:[],bottom:[]},right:{top:[],bottom:[]}},te={"top-left":{side:"left",align:"top"},"bottom-left":{side:"left",align:"bottom"},"top-right":{side:"right",align:"top"},"bottom-right":{side:"right",align:"bottom"}};return we.value.forEach(ge=>{const Ce=ae(ge.position),ue=te[Ce]??{side:"left",align:"top"};R[ue.side][ue.align].push(ge)}),R});function A(R){return Array.isArray(R)?R[0]??null:typeof R=="string"?R:null}async function Z(){var te;await e.nextTick();const R=(te=l.value)==null?void 0:te.ctx;return R?(R.ready&&await R.ready(),R):null}function le(){var R,te,ge;return((ge=(te=(R=l.value)==null?void 0:R.ctx)==null?void 0:te.map)==null?void 0:ge.value)??null}function fe(){const R=le();if(!R)return null;const te=R.getCenter();return{z:R.getZoom().toFixed(2),x:te.lng.toFixed(5),y:te.lat.toFixed(5)}}async function ie(){var ge;const R=await Z(),te=(ge=R==null?void 0:R.map)==null?void 0:ge.value;te&&(typeof O.value=="number"&&te.setMinZoom(O.value),typeof T.value=="number"&&te.setMaxZoom(T.value))}async function Be(){var ue;if(a.value)return;const R=await Z(),te=(ue=R==null?void 0:R.map)==null?void 0:ue.value;if(!te)return;const ge=te.getCenter(),Ce=te.getZoom();a.value={center:[ge.lng,ge.lat],zoom:Ce}}function $e(){if(Mt.value)return;const R=fe();if(!R)return;const te=A(o.query.x),ge=A(o.query.y),Ce=A(o.query.z);te===R.x&&ge===R.y&&Ce===R.z||(Tt.value=R,r.replace({query:{...o.query,...R}}).catch(()=>{}))}function Re(R,te,ge=1e-6){return Math.abs(R-te)<=ge}async function De(){var Ae;if(Zt())return;const R=await Z(),te=(Ae=R==null?void 0:R.map)==null?void 0:Ae.value;if(!R||!te)return;const ge=parseFloat(A(o.query.x)??""),Ce=parseFloat(A(o.query.y)??""),ue=parseFloat(A(o.query.z)??""),Le=!Number.isNaN(ge),Ve=!Number.isNaN(Ce),ce=!Number.isNaN(ue);let ve=!1;Mt.value=!0;try{if(Le&&Ve){const ze=te.getCenter();(!Re(ze.lng,ge)||!Re(ze.lat,Ce))&&(te.setCenter([ge,Ce]),ve=!0)}if(ce){const ze=te.getZoom();Re(ze,ue,.001)||(te.setZoom(ue),ve=!0)}(!Le||!Ve||!ce||ve)&&$e()}finally{Mt.value=!1}}let Ue=null,tt=null;const Mt=e.ref(!1),Tt=e.ref(null);function Zt(){const R=Tt.value;if(!R)return!1;const te=A(o.query.x),ge=A(o.query.y),Ce=A(o.query.z);return te===R.x&&ge===R.y&&Ce===R.z?(Tt.value=null,!0):!1}function Ft(R){const te=R==null?void 0:R.lngLat;te&&(F.value={lng:te.lng,lat:te.lat})}let ut=null;function dn(R){var ge;if(!x.value.includes("ruler")||!h.value)return;const te=R==null?void 0:R.lngLat;te&&((ge=p.value)==null||ge.addPoint({lat:te.lat,lng:te.lng}))}function un(){var R;u.value==="ruler"?(N.value=[],E.value=!1,(R=p.value)==null||R.clearPoints(),u.value=null):($.value=null,D.value=null,u.value="ruler")}function Bt(){u.value=null,N.value=[],E.value=!1}function pn(){u.value==="draw"?u.value=null:($.value=null,D.value=null,u.value="draw")}function j(){if(u.value==="geolocation"&&$.value!=null){q();return}if(D.value=null,M.value=!0,!navigator.geolocation){D.value="Геолокація не підтримується браузером",M.value=!1;return}navigator.geolocation.getCurrentPosition(R=>{const te=R.coords.latitude,ge=R.coords.longitude;$.value={lat:te,lng:ge},D.value=null,M.value=!1,u.value="geolocation",Z().then(Ce=>{Ce!=null&&Ce.flyTo&&Ce.flyTo({center:[ge,te],zoom:15})})},()=>{D.value="Не вдалося визначити місце розташування",M.value=!1},{enableHighAccuracy:!0})}function Y(){u.value=null,$.value=null,D.value=null}function q(){const R=$.value;R!=null&&Z().then(te=>{te!=null&&te.flyTo&&te.flyTo({center:[R.lng,R.lat],zoom:15})})}function se(R){N.value=R}function pe(){var R;(R=k.value)==null||R.clear()}function be(){var R;(R=k.value)==null||R.finishPolygon()}function Ne(){var R;(R=k.value)==null||R.undo()}function _e(){var ue,Le,Ve,ce;const R=(Ve=(Le=(ue=l.value)==null?void 0:ue.ctx)==null?void 0:Le.map)==null?void 0:Ve.value,te=(ce=k.value)==null?void 0:ce.getCanvas();if(!R||!te)return;const ge=(ve,Ae)=>{const ze=document.createElement("a");ze.download=Ae,ze.rel="noopener",typeof ve=="string"?ze.href=ve:(ze.href=URL.createObjectURL(ve),setTimeout(()=>URL.revokeObjectURL(ze.href),100)),document.body.appendChild(ze),ze.click(),document.body.removeChild(ze)},Ce=()=>{const ve=R.getCanvas();if(!ve)return;const Ae=ve.width,ze=ve.height;if(Ae<=0||ze<=0)return;const rt=document.createElement("canvas");rt.width=Ae,rt.height=ze;const pt=rt.getContext("2d");if(!pt)return;pt.drawImage(ve,0,0),pt.drawImage(te,0,0,te.width,te.height,0,0,Ae,ze);const je=`map-drawing-${Date.now()}.png`;rt.toBlob(ft=>{if(ft){ge(ft,je);return}try{const Xe=rt.toDataURL("image/png");ge(Xe,je)}catch{const Xe=document.createElement("canvas");Xe.width=te.width,Xe.height=te.height;const wt=Xe.getContext("2d");wt&&(wt.drawImage(te,0,0),Xe.toBlob(jn=>jn&&ge(jn,je),"image/png"))}},"image/png")};requestAnimationFrame(()=>requestAnimationFrame(Ce))}async function it(){const R=await Z();R!=null&&R.on&&(Ue==null||Ue(),Ue=R.on("moveend",$e),tt==null||tt(),tt=R.on("mousemove",Ft),ut==null||ut(),ut=R.on("click",dn))}e.onUnmounted(()=>{Ue==null||Ue(),Ue=null,tt==null||tt(),tt=null,ut==null||ut(),ut=null});async function ot(R=!1){var ge,Ce;m.value=!1,f.value=null,F.value=null;const te=R||!n.data;i.value=te;try{const ue=te?await(async()=>{const Ae=await fetch(`/api/gis-map/${encodeURIComponent(W.value)}`);if(!Ae.ok)throw new Error(`Помилка завантаження (${Ae.status})`);return Ae.json()})():n.data;te||(m.value=!0);const Le=St(ue.center)??G,Ve=xe(ue.layers).map(Ae=>S(Ae)),ce=I(ue.zoom)??ne;s.value={...ue,center:Le??null,zoom:ce??ue.zoom??null,layers:Ve,widgets:ue.widgets},x.value=ue.tools||["home","print","ruler","draw"];const ve=await Z();ve&&(Le&&((ge=ve.setCenter)==null||ge.call(ve,Le)),ce!=null&&((Ce=ve.setZoom)==null||Ce.call(ve,ce)),a.value||await Be()),await ie(),await De(),await it(),m.value=!0}catch(ue){f.value=(ue==null?void 0:ue.message)||"Не вдалося завантажити карту"}finally{te&&(i.value=!1)}}const Ze=e.computed(()=>{var Ce;const R=new Map;return xe((Ce=s.value)==null?void 0:Ce.layers).forEach(ue=>{if(!(ue!=null&&ue.id))return;const Le=S(ue)||ue;R.set(ue.id,{...Le})}),we.value.filter(ue=>(ue==null?void 0:ue.type)==="layers").flatMap(ue=>{var Le;return xe((Le=ue==null?void 0:ue.config)==null?void 0:Le.layers)}).forEach(ue=>{if(!(ue!=null&&ue.id))return;const Le=R.get(ue.id)||{},Ve=S(ue)||ue;R.set(ue.id,{...Le,...Ve,actions:ue.actions||Le.actions||null,name:Le.name||ue.name||ue.title||Le.title||ue.id,title:Le.title||ue.title||Le.name||null,visible:Le.visible??ue.visible??!0})}),Array.from(R.values())}),ct=e.ref([]);function kt(R){ct.value.includes(R)?ct.value=ct.value.filter(te=>te!==R):ct.value.push(R)}const zn=e.computed(()=>R=>ct.value.includes(R.id));return e.watch([O,T],()=>{ie()},{immediate:!0}),e.watch(W,()=>{ot(!0)}),e.watch(()=>n.data,R=>{R&&ot()}),e.onMounted(()=>{ot()}),e.watch(()=>[o.query.x,o.query.y,o.query.z],()=>{De()}),(R,te)=>(e.openBlock(),e.createElementBlock("div",{class:"map-widget",style:e.normalizeStyle(K.value)},[te[8]||(te[8]=e.createElementVNode("div",{id:"map-filter-popover-host",class:"map-widget__filter-host"},null,-1)),e.createVNode($n,{ref_key:"mapViewRef",ref:l,class:"map-widget__view"},{default:e.withCtx(()=>{var ge,Ce,ue,Le;return[P.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Yt,{key:0,class:"hidden"})),oe.value?(e.openBlock(),e.createBlock(dl,{key:1,"layer-id":"app-boundary",boundary:oe.value.boundary,katottg:oe.value.katottg},null,8,["boundary","katottg"])):e.createCommentVNode("",!0),v.value&&x.value.includes("draw")&&c.value?(e.openBlock(),e.createElementBlock("div",Nb,[e.createVNode(_b,{ref_key:"drawingPanelRef",ref:g,onClose:te[0]||(te[0]=Ve=>u.value=null),onClear:pe,onDownload:_e,onFinishPolygon:be,onUndo:Ne,"onUpdate:tool":te[1]||(te[1]=Ve=>C.value=Ve),"onUpdate:strokeColor":te[2]||(te[2]=Ve=>B.value=Ve),"onUpdate:strokeWidth":te[3]||(te[3]=Ve=>w.value=Ve)},null,512)])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("div",Cb,[X.value?(e.openBlock(),e.createBlock(Jx,{key:0,coordinates:X.value},null,8,["coordinates"])):e.createCommentVNode("",!0),e.createVNode(n1,{"map-context":v.value,options:_.value},null,8,["map-context","options"]),x.value.includes("ruler")&&h.value?(e.openBlock(),e.createBlock(G1,{key:1,ref_key:"rulerPanelRef",ref:p,onClose:Bt,onTabChange:te[4]||(te[4]=Ve=>y.value=Ve),onPointsChange:se,onShapeClosedChange:te[5]||(te[5]=Ve=>E.value=Ve)},null,512)):e.createCommentVNode("",!0),x.value.includes("geolocation")&&d.value?(e.openBlock(),e.createBlock(ab,{key:2,position:$.value,onClose:Y,onRecenter:q},null,8,["position"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Vb,[x.value.includes("home")?(e.openBlock(),e.createBlock(Lt,{key:0,center:((ge=s.value)==null?void 0:ge.center)||((Ce=a.value)==null?void 0:Ce.center)||null,zoom:((ue=s.value)==null?void 0:ue.zoom)??((Le=a.value)==null?void 0:Le.zoom)??null},null,8,["center","zoom"])):e.createCommentVNode("",!0),x.value.includes("print")?(e.openBlock(),e.createBlock(Kx,{key:1})):e.createCommentVNode("",!0),x.value.includes("geolocation")?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:e.normalizeClass(["group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2",d.value?"bg-blue-500 text-white hover:bg-blue-600":"bg-white text-gray-700 hover:bg-gray-50 hover:scale-105"]),"aria-label":d.value?"Вимкнути геолокацію":"Ваше розташування",disabled:M.value,onClick:e.withModifiers(j,["stop"])},[e.createElementVNode("span",$b,e.toDisplayString(d.value?"Вимкнути геолокацію":"Ваше розташування"),1),e.createVNode(e.unref(bn),{class:"w-4 h-4"})],10,Bb)):e.createCommentVNode("",!0),x.value.includes("ruler")?(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:e.normalizeClass(["group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2",h.value?"bg-blue-500 text-white hover:bg-blue-600":"bg-white text-gray-700 hover:bg-gray-50 hover:scale-105"]),"aria-label":h.value?"Вимкнути вимірювання":"Вимірювання",onClick:e.withModifiers(un,["stop"])},[e.createElementVNode("span",Sb,e.toDisplayString(h.value?"Вимкнути вимірювання":"Вимірювання"),1),e.createVNode(e.unref(To),{class:"w-4 h-4"})],10,vb)):e.createCommentVNode("",!0),x.value.includes("draw")?(e.openBlock(),e.createElementBlock("button",{key:4,type:"button",class:e.normalizeClass(["group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2",c.value?"bg-blue-500 text-white hover:bg-blue-600":"bg-white text-gray-700 hover:bg-gray-50 hover:scale-105"]),"aria-label":c.value?"Вимкнути малювання":"Малювання",onClick:e.withModifiers(pn,["stop"])},[e.createElementVNode("span",Ab,e.toDisplayString(c.value?"Вимкнути малювання":"Малювання"),1),e.createVNode(e.unref(kn),{class:"w-4 h-4"})],10,Lb)):e.createCommentVNode("",!0)]),m.value&&h.value&&N.value.length>0?(e.openBlock(),e.createBlock(K1,{key:4,points:N.value,"is-shape-closed":E.value,"label-mode":y.value},null,8,["points","is-shape-closed","label-mode"])):e.createCommentVNode("",!0),m.value&&$.value!=null?(e.openBlock(),e.createBlock(sb,{key:5,position:$.value},null,8,["position"])):e.createCommentVNode("",!0),m.value&&c.value?(e.openBlock(),e.createBlock(Eb,{key:6,ref_key:"drawingCanvasRef",ref:k,tool:C.value,"stroke-color":B.value,"stroke-width":w.value},null,8,["tool","stroke-color","stroke-width"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[e.createElementVNode("div",Mb,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(ee,Ve=>e.createElementVNode("div",{key:Ve,class:e.normalizeClass(["map-widget__side",`map-widget__side--${Ve}`])},[Ve==="left"?(e.openBlock(),e.createElementBlock("div",Tb)):e.createCommentVNode("",!0),b.value[Ve].top.length?(e.openBlock(),e.createElementBlock("div",Fb,[e.createElementVNode("div",Db,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value[Ve].top,ce=>{var ve,Ae,ze,rt,pt,je,ft,Xe;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:ce.id||ce.type,class:"map-overlay__item"},[ce.type==="info"?(e.openBlock(),e.createBlock(hl,{key:0,title:((ve=ce.config)==null?void 0:ve.title)||ce.title||null,content:((Ae=ce.config)==null?void 0:Ae.content)||"",links:J.value,"map-name":Q.value,"map-description":H.value},null,8,["title","content","links","map-name","map-description"])):ce.type==="catalog"?(e.openBlock(),e.createBlock(wl,{key:1,api:((ze=ce.config)==null?void 0:ze.api)||null},null,8,["api"])):ce.type==="layers"?(e.openBlock(),e.createBlock(kl,{key:2,layers:Ze.value,onAction:te[6]||(te[6]=wt=>kt(wt.layerId)),config:ce.config},null,8,["layers","config"])):ce.type==="basemaps"?(e.openBlock(),e.createBlock(Yt,{key:3,layers:((rt=ce.config)==null?void 0:rt.layers)||null,"default-layer":((pt=ce.config)==null?void 0:pt.default)||null,title:ce.title||((je=ce.config)==null?void 0:je.title)||null},null,8,["layers","default-layer","title"])):ce.type==="legend"?(e.openBlock(),e.createBlock(go,{key:4,items:((ft=ce.config)==null?void 0:ft.items)||[]},null,8,["items"])):ce.type==="filters"&&zn.value(ce)?(e.openBlock(),e.createBlock(fo,{key:5,"layer-id":(Xe=ce.config)==null?void 0:Xe.layer,onClose:kt},null,8,["layer-id"])):ce.type==="dataset"||ce.type==="attribute"?(e.openBlock(),e.createBlock(_l,{key:6,config:ce.config},null,8,["config"])):ce.type==="search"?(e.openBlock(),e.createBlock(Nl,{key:7,config:ce.config},null,8,["config"])):e.createCommentVNode("",!0)])),[[e.vShow,ce.visible!==!1]])}),128))])])):e.createCommentVNode("",!0),b.value[Ve].bottom.length?(e.openBlock(),e.createElementBlock("div",zb,[e.createElementVNode("div",Ib,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value[Ve].bottom,ce=>{var ve,Ae,ze,rt,pt,je,ft,Xe;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:ce.id||ce.type,class:"map-overlay__item"},[ce.type==="info"?(e.openBlock(),e.createBlock(hl,{key:0,title:((ve=ce.config)==null?void 0:ve.title)||ce.title||null,content:((Ae=ce.config)==null?void 0:Ae.content)||"",links:J.value,"map-name":Q.value,"map-description":H.value},null,8,["title","content","links","map-name","map-description"])):ce.type==="catalog"?(e.openBlock(),e.createBlock(wl,{key:1,api:((ze=ce.config)==null?void 0:ze.api)||null},null,8,["api"])):ce.type==="layers"?(e.openBlock(),e.createBlock(kl,{key:2,layers:Ze.value,onAction:te[7]||(te[7]=wt=>kt(wt.layerId)),config:ce.config},null,8,["layers","config"])):ce.type==="basemaps"?(e.openBlock(),e.createBlock(Yt,{key:3,layers:((rt=ce.config)==null?void 0:rt.layers)||null,"default-layer":((pt=ce.config)==null?void 0:pt.default)||null,title:ce.title||((je=ce.config)==null?void 0:je.title)||null},null,8,["layers","default-layer","title"])):ce.type==="legend"?(e.openBlock(),e.createBlock(go,{key:4,items:((ft=ce.config)==null?void 0:ft.items)||[]},null,8,["items"])):ce.type==="filters"&&zn.value(ce)?(e.openBlock(),e.createBlock(fo,{key:5,"layer-id":(Xe=ce.config)==null?void 0:Xe.layer,onClose:kt},null,8,["layer-id"])):ce.type==="dataset"||ce.type==="attribute"?(e.openBlock(),e.createBlock(_l,{key:6,config:ce.config},null,8,["config"])):ce.type==="search"?(e.openBlock(),e.createBlock(Nl,{key:7,config:ce.config},null,8,["config"])):e.createCommentVNode("",!0)])),[[e.vShow,ce.visible!==!1]])}),128))])])):e.createCommentVNode("",!0)],2)),64))]),e.createVNode(sl),e.createVNode(bo,{"map-id":W.value},null,8,["map-id"])],64)):e.createCommentVNode("",!0)]}),_:1},512),i.value?(e.openBlock(),e.createElementBlock("div",jb,"Завантаження карти…")):f.value?(e.openBlock(),e.createElementBlock("div",Pb,e.toDisplayString(f.value),1)):e.createCommentVNode("",!0)],4))}}),[["__scopeId","data-v-524cd6dd"]]),Rb={class:"rounded-lg border border-gray-200 bg-gray-50 p-6"},Ob={class:"rounded-xl border border-gray-200 overflow-hidden bg-white"},Ub=e.defineComponent({__name:"MapPreview",props:{id:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("section",Rb,[o[0]||(o[0]=e.createElementVNode("h2",{class:"text-lg font-semibold text-gray-800 mb-4"}," Попередній перегляд карти ",-1)),e.createElementVNode("div",Ob,[e.createVNode(Dn,{class:"w-full h-[360px]",id:t.id},null,8,["id"])])]))}}),qb={class:"bg-white rounded-lg shadow-xl w-full max-w-4xl flex flex-col h-[80vh] m-4"},Hb={class:"flex items-center justify-between px-6 py-4 border-b border-gray-200"},Wb={key:0,class:"absolute top-0 left-0 right-0 bg-red-100 text-red-700 text-sm px-4 py-2 z-10 border-b border-red-200"},Yb={class:"flex-1 overflow-hidden relative bg-[#fffffe]"},Zb={class:"px-6 py-4 border-t border-gray-200 flex justify-end gap-3"},Gb=["disabled"],Kb=e.defineComponent({__name:"ConfigEditor",props:{modelValue:{}},emits:["update:modelValue","save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(""),s=e.ref(null);e.watch(()=>o.modelValue,f=>{if(f){try{l.value=JSON.stringify(f,null,2)}catch{l.value="{}"}s.value=null}},{immediate:!0}),e.watch(l,f=>{if(!f.trim()){s.value=null;return}try{JSON.parse(f),s.value=null}catch(m){s.value=m.message}}),e.watch(()=>o.modelValue,()=>{setTimeout(()=>{const{monaco:f}=window;if(f&&f.editor){const m=f.editor.getEditors();m.length>0&&m[m.length-1].updateOptions({wordWrap:"on"})}},300)},{immediate:!0});function a(){r("update:modelValue",null),l.value="",s.value=null}function i(){if(!s.value)try{const f=JSON.parse(l.value);r("save",f),a()}catch(f){console.error("Failed to parse JSON",f)}}return(f,m)=>t.modelValue!==null?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm",onClick:e.withModifiers(a,["self"])},[e.createElementVNode("div",qb,[e.createElementVNode("div",Hb,[m[1]||(m[1]=e.createElementVNode("h3",{class:"text-lg font-semibold text-gray-800"}," Редагування конфігурації (JSON) ",-1)),e.createElementVNode("button",{onClick:a,class:"text-gray-500 hover:text-gray-700 transition-colors"},[e.createVNode(e.unref(_t),{size:20})])]),s.value?(e.openBlock(),e.createElementBlock("div",Wb," Помилка JSON: "+e.toDisplayString(s.value),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Yb,[e.createVNode(rn,{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=x=>l.value=x),language:"json",theme:"vs-light",class:"w-full h-full"},null,8,["modelValue"])]),e.createElementVNode("div",Zb,[e.createElementVNode("button",{onClick:a,class:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors"}," Скасувати "),e.createElementVNode("button",{onClick:i,disabled:!!s.value,class:"px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"}," Зберегти ",8,Gb)])])])):e.createCommentVNode("",!0)}}),Xb={key:0,class:"text-center py-8 text-gray-500 border rounded-lg bg-[rgba(252,252,252,0.8)]"},Qb={key:1,class:"rounded-lg border border-gray-200 overflow-hidden"},Jb={class:"w-full text-sm"},ek={class:"divide-y divide-gray-200"},tk={class:"px-4 py-3"},nk=["onUpdate:modelValue","onChange"],ok=["value"],rk={class:"px-4 py-3"},lk=["onUpdate:modelValue","onChange"],ak=["value"],sk={class:"px-4 py-3 text-center"},ik=["checked","onChange"],ck={class:"px-4 py-3"},dk={key:0,class:"flex items-center gap-2"},uk=["onClick"],pk=["onClick"],mk={key:1},fk=["onClick"],gk={class:"px-4 py-3 text-right"},yk=["onClick"],hk=e.defineComponent({__name:"WidgetSettings",props:{modelValue:{}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,l=["catalog","legend","basemaps","info","layers","dataset","filters","search"],s=["top-left","top-right","bottom-left","bottom-right"],a=e.ref(null),i=e.ref(-1),f=e.computed(()=>o.modelValue||[]);function m(){const g=[...f.value,{type:"info",position:"top-left",visible:!0,config:{}}];r("update:modelValue",g)}function x(g){he.confirm({title:"Видалити віджет?",message:"Ви впевнені, що хочете видалити цей віджет?",type:"warning",onConfirm:()=>{const k=f.value.filter((C,B)=>B!==g);r("update:modelValue",k)}})}function u(g,k,C){const B=[...f.value];B[g]={...B[g],[k]:C},r("update:modelValue",B)}function h(g){return!!g&&Object.keys(g).length>0}function c(g,k){i.value=g,a.value=k||{}}function d(g){c(g,{})}function y(g){he.confirm({title:"Видалити конфігурацію?",message:"Ви впевнені, що хочете видалити конфігурацію цього віджета?",type:"warning",onConfirm:()=>{u(g,"config",void 0)}})}function p(g){i.value>-1&&u(i.value,"config",g),a.value=null,i.value=-1}return(g,k)=>{var C;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:"flex items-center justify-between mb-4"},[k[1]||(k[1]=e.createElementVNode("h2",{class:"text-lg font-semibold text-gray-800"},"Віджети",-1)),e.createElementVNode("button",{onClick:m,class:"px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"}," + Додати віджет ")]),(C=f.value)!=null&&C.length?(e.openBlock(),e.createElementBlock("div",Qb,[e.createElementVNode("table",Jb,[k[2]||(k[2]=e.createElementVNode("thead",{class:"bg-[rgba(252,252,252,0.8)] border-b border-gray-200"},[e.createElementVNode("tr",null,[e.createElementVNode("th",{class:"px-4 py-3 text-left font-medium text-gray-700 w-1/4"},"Тип"),e.createElementVNode("th",{class:"px-4 py-3 text-left font-medium text-gray-700 w-1/4"},"Розташування"),e.createElementVNode("th",{class:"px-4 py-3 text-center font-medium text-gray-700 w-24"},"Видимість"),e.createElementVNode("th",{class:"px-4 py-3 text-left font-medium text-gray-700"},"Конфігурація"),e.createElementVNode("th",{class:"px-4 py-3 text-right font-medium text-gray-700 w-24"},"Дії")])],-1)),e.createElementVNode("tbody",ek,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(B,w)=>(e.openBlock(),e.createElementBlock("tr",{key:w,class:"hover:bg-gray-50"},[e.createElementVNode("td",tk,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":N=>B.type=N,onChange:N=>u(w,"type",B.type),class:"w-full px-2 py-1.5 bg-white border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 text-gray-700"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,N=>e.createElementVNode("option",{key:N,value:N},e.toDisplayString(N),9,ok)),64))],40,nk),[[e.vModelSelect,B.type]])]),e.createElementVNode("td",rk,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":N=>B.position=N,onChange:N=>u(w,"position",B.position),class:"w-full px-2 py-1.5 bg-white border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 text-gray-700"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(s,N=>e.createElementVNode("option",{key:N,value:N},e.toDisplayString(N),9,ak)),64))],40,lk),[[e.vModelSelect,B.position]])]),e.createElementVNode("td",sk,[e.createElementVNode("input",{type:"checkbox",checked:B.visible!==!1,onChange:N=>u(w,"visible",N.target.checked),class:"w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"},null,40,ik)]),e.createElementVNode("td",ck,[h(B.config)?(e.openBlock(),e.createElementBlock("div",dk,[e.createElementVNode("button",{onClick:N=>c(w,B.config),class:"p-1 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded transition-colors",title:"Редагувати конфігурацію"},[e.createVNode(e.unref(kn),{size:16})],8,uk),e.createElementVNode("button",{onClick:N=>y(w),class:"p-1 text-red-500 hover:text-red-700 hover:bg-red-50 rounded transition-colors",title:"Видалити конфігурацію"},[e.createVNode(e.unref(_t),{size:16})],8,pk)])):(e.openBlock(),e.createElementBlock("div",mk,[e.createElementVNode("button",{onClick:N=>d(w),class:"p-1 text-green-600 hover:text-green-800 hover:bg-green-50 rounded transition-colors",title:"Додати конфігурацію"},[e.createVNode(e.unref(wn),{size:16})],8,fk)]))]),e.createElementVNode("td",gk,[e.createElementVNode("button",{onClick:N=>x(w),class:"p-1 text-gray-400 hover:text-red-500 transition-colors",title:"Видалити віджет"},[e.createVNode(e.unref(On),{size:16})],8,yk)])]))),128))])])])):(e.openBlock(),e.createElementBlock("div",Xb," Немає віджетів. Додайте перший віджет. ")),e.createVNode(Kb,{teleport:"#modal",modelValue:a.value,"onUpdate:modelValue":k[0]||(k[0]=B=>a.value=B),onSave:p},null,8,["modelValue"])])}}}),xk={class:"relative h-full flex flex-col flex-1 min-h-0 overflow-hidden mx-auto w-full"},bk={class:"mx-1"},kk={class:"text-gray-900 font-semibold"},wk=["disabled"],_k={key:0,class:"text-center py-12 mt-6 px-[24px]"},Ek={key:1,class:"px-[24px] overflow-y-auto"},Nk={class:"space-y-6"},Ck={class:"space-y-6"},Vk={class:"space-y-6"},Bk=ye(e.defineComponent({__name:"MapSettings",setup(t){const n=Fe.useRouter(),o=Fe.useRoute(),r=e.computed(()=>{var E;return((E=n.resolve("/maps").meta)==null?void 0:E.title)??"Карти"}),l=e.ref(!0),s=e.ref(!1),a=e.ref([]),i=e.ref({}),f=[{name:"Загальна",id:"general"},{name:"Шари",id:"layers"},{name:"Віджети",id:"widgets"},{name:"Карта",id:"map"}],m=f.map(E=>E.id),x=E=>E?Array.isArray(E)?E[0]:E:null,u=(()=>{const E=x(o.query.tab);return E&&m.includes(E)?E:"general"})(),h=e.ref(u);e.watch(()=>o.query.tab,E=>{const $=x(E);$&&m.includes($)&&h.value!==$&&(h.value=$)}),e.watch(h,E=>{o.query.tab!==E&&n.replace({query:{...o.query,tab:E}})});const c=e.ref({name:"",map_key:"",description:"",holder:"",image:"",keywords:[],center:null,zoom:11,widgets:[],layers:[]}),d=e.computed({get:()=>(c.value.layers||[]).map(E=>E.id||E),set:E=>{c.value.layers=E}}),y=e.computed(()=>a.value.map(E=>({id:E.id,text:E.name||E.id}))),p=e.computed({get:()=>d.value.map(E=>{const $=y.value.find(M=>M.id===E);return $?$.text:E}),set:E=>{const $=E.map(M=>{const D=y.value.find(W=>W.text===M);return D?D.id:null}).filter(M=>M!==null);d.value=$}}),g=e.computed(()=>{const E=c.value.center;if(!Array.isArray(E)||E.length<2)return"Не задано";const[$,M]=E;return $===void 0||M===void 0||$===null||M===null||Number.isNaN(Number($))||Number.isNaN(Number(M))?"Не задано":`Lng ${Number($).toFixed(6)}, Lat ${Number(M).toFixed(6)}`}),k=e.computed(()=>{const E=c.value.zoom;if(E==null||E==="")return"Не задано";const $=Number(E);return Number.isNaN($)?"Не задано":$.toFixed(2)}),C=[{name:"name",type:"text",label:"Назва",col:6,validators:["required"]},{name:"map_key",type:"text",label:"Унікальний ключ",col:6,validators:["required"]},{name:"description",type:"textarea",label:"Опис",col:12},{name:"holder",type:"text",label:"Власник/Утримувач/Відповідальний",col:6},{name:"keywords",type:"Tags",label:"Ключові слова",placeholder:"Введіть тег та натисніть Enter",col:6},{name:"center",type:"array",label:"Центр",inputType:"number",limit:2,count:2,col:6},{name:"zoom",type:"number",label:"Зум",col:6,validators:["required"]},{name:"is_public",type:"switcher",label:"Чи публічна карта?",col:6,data:"yes_no"},{name:"is_active",type:"switcher",label:"Чи активна?",col:6,data:"yes_no"},{name:"image",type:"File",label:"Фото",col:12}];async function B(){try{const E=await fetch("/api/gis-layer-list");E.ok&&(a.value=await E.json())}catch(E){console.error("Failed to load available layers:",E)}}async function w(){try{const $=await(await fetch(`/api/gis-map/${o.params.id}?original=1`)).json();c.value={...$,keywords:$.keywords||[],center:$.center??null,widgets:Array.isArray($.widgets)?$.widgets:[],layers:($.layers||[]).map(M=>M.id||M)}}catch(E){console.error("Failed to load map:",E),he.notify({type:"error",title:"Помилка",message:"Не вдалося завантажити карту"})}finally{l.value=!1}}async function N(){var $,M;const E=(M=($=i.value)==null?void 0:$.validate)==null?void 0:M.call($);if(E){he.notify({type:"warning",title:"Валідація",message:Object.entries(E).map(([D,W])=>`${D}: ${W}`).join(`
|
|
247
|
-
`)});return}s.value=!0;try{const D=JSON.parse(JSON.stringify(c.value));if(D.zoom=Number(D.zoom),Array.isArray(D.center)&&(D.center.every(Q=>Q==null||Q===""||Q===0)||D.center.length===0)&&(D.center=null),delete D.created_at,delete D.updated_at,delete D.created_by,delete D.updated_by,delete D.history,delete D.maps,!(await fetch(`/api/gis-map/${o.params.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(D)})).ok)throw new Error("Save failed");he.notify({type:"success",title:"Успіх",message:"Збережено!"})}catch(D){console.error("Save error:",D),he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти"})}finally{s.value=!1}}return e.onMounted(async()=>{await B(),w()}),(E,$)=>{const M=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",xk,[e.createVNode(Vo,{variant:"form",title:c.value.name||"Налаштування карти"},{breadcrumbs:e.withCtx(()=>[e.createVNode(M,{to:"/maps",class:"text-gray-500 hover:text-gray-700"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value),1)]),_:1}),e.createElementVNode("span",bk,[e.createVNode(e.unref(Rn),{size:16,class:"shrink-0"})]),e.createElementVNode("span",kk,e.toDisplayString(c.value.name||"Налаштування карти"),1)]),description:e.withCtx(()=>[...$[7]||($[7]=[e.createTextVNode("Редагування параметрів карти",-1)])]),actions:e.withCtx(()=>[e.createElementVNode("button",{onClick:$[0]||($[0]=D=>e.unref(n).back()),class:"inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"}," Повернутися "),e.createElementVNode("button",{onClick:N,disabled:s.value,class:"inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:opacity-50"},e.toDisplayString(s.value?"Збереження...":"Зберегти"),9,wk)]),_:1},8,["title"]),l.value?(e.openBlock(),e.createElementBlock("div",_k,[...$[8]||($[8]=[e.createElementVNode("p",{class:"text-gray-500"},"Завантаження...",-1)])])):(e.openBlock(),e.createElementBlock("div",Ek,[e.createVNode(Yy,{tabs:f,activeTab:h.value,"onUpdate:activeTab":$[1]||($[1]=D=>h.value=D)},null,8,["activeTab"]),e.withDirectives(e.createElementVNode("div",Nk,[e.createVNode(Gy,{schema:C,loading:l.value,modelValue:c.value,"onUpdate:modelValue":$[2]||($[2]=D=>c.value=D),form:i.value,"onUpdate:form":$[3]||($[3]=D=>i.value=D)},null,8,["loading","modelValue","form"])],512),[[e.vShow,h.value==="general"]]),e.withDirectives(e.createElementVNode("div",Ck,[e.createVNode(Xy,{options:y.value,layerIDs:d.value,"onUpdate:layerIDs":$[4]||($[4]=D=>d.value=D),layerNames:p.value,"onUpdate:layerNames":$[5]||($[5]=D=>p.value=D)},null,8,["options","layerIDs","layerNames"])],512),[[e.vShow,h.value==="layers"]]),e.withDirectives(e.createVNode(hk,{modelValue:c.value.widgets,"onUpdate:modelValue":$[6]||($[6]=D=>c.value.widgets=D)},null,8,["modelValue"]),[[e.vShow,h.value==="widgets"]]),e.withDirectives(e.createElementVNode("div",Vk,[e.createVNode(Ub,{"center-display":g.value,"zoom-display":k.value,"layer-names":p.value,id:e.unref(o).params.id},null,8,["center-display","zoom-display","layer-names","id"])],512),[[e.vShow,h.value==="map"]])]))])}}}),[["__scopeId","data-v-84ec8129"]]),$k={class:"flex-1 overflow-y-auto p-0 overflow-x-hidden max-h-[70%] lg:max-h-[80%] xl:max-h-[83%] 2xl:max-h-[95%]"},vk={class:"pt-0 mt-0"},Sk={key:0,class:"flex items-center justify-center py-12"},Lk={key:1,class:"bg-red-50 border border-red-200 text-red-700 rounded-lg p-4 text-sm"},Ak={key:2,class:"text-center py-12 text-gray-500"},Mk={key:3,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-6"},Tk=["onClick"],Fk={class:"flex items-start justify-between"},Dk={class:"flex items-start gap-3"},zk={class:"flex-1 min-w-0"},Ik={class:"flex items-center gap-2 mb-[-0.2rem] -mt-1"},jk=["onClick"],Pk={class:"relative"},Rk=["onClick"],Ok={key:0,class:"absolute left-full top-1/2 -translate-y-1/2 ml-2 px-2 py-1 bg-white text-gray-600 text-xs rounded shadow-sm z-10 whitespace-nowrap animate-fade-in-out border border-gray-200/70"},Uk={class:"text-xs text-gray-600 line-clamp-2"},qk={class:"flex items-center gap-2 shrink-0"},Hk={key:0,class:"text-xs text-gray-500 whitespace-nowrap"},Wk={class:"px-6 py-3 border-t border-gray-200 custom-pagination bg-gray-100"},wo=30,Yk=ye(e.defineComponent({__name:"DictionariesGrid",props:{search:{},type:{}},emits:["update:counts"],setup(t,{expose:n,emit:o}){const r=t,l=o,s=Fe.useRouter(),a=Fe.useRoute(),i=e.ref(Number(a.query.page)||1),f=e.ref(!1),m=e.ref(0),x=e.ref([]),u=e.computed(()=>{const E=(i.value-1)*wo,$=E+wo;return x.value.slice(E,$)}),h=e.ref(!0),c=e.ref(null),d=e.ref(null);let y=null,p=null;const g=(E="",$="")=>{const M=new URLSearchParams,D=E.trim();D&&M.set("search",D);const W=($||"").trim();W&&M.set("type",W);const K=M.toString();return K?`/api/user-cls?${K}`:"/api/user-cls"},k=async(E="",$="")=>{try{h.value=!0,c.value=null;const M=g(E,$),D=await fetch(M);if(!D.ok)throw new Error(`HTTP error: ${D.status}`);const W=await D.json();if(x.value=W.data,!E.trim())m.value=W.data.length;else if(m.value===0){const K=await fetch(g("",$));if(K.ok){const Q=await K.json();m.value=Q.data.length}}l("update:counts",{filtered:x.value.length,total:m.value})}catch(M){c.value=M instanceof Error?M.message:"Failed to load classifiers",console.error("Error fetching classifiers:",M)}finally{h.value=!1}};e.onMounted(()=>{f.value=!0,k(r.search,r.type??"")}),e.watch(()=>[r.search,r.type],([E,$])=>{y&&clearTimeout(y),y=setTimeout(()=>{k(E,$??""),i.value=1},300)});const C=E=>{s.push({name:"classifier-detail",params:{name:E.name}})},B=()=>{k(r.search,r.type??"")},w=async E=>{try{await navigator.clipboard.writeText(E),d.value=E,p&&clearTimeout(p),p=setTimeout(()=>{d.value=null},500)}catch($){console.error("Failed to copy text: ",$)}};n({refetch:B});const N=E=>{i.value=E,s.replace({query:{...a.query,page:String(E)}})};return(E,$)=>(e.openBlock(),e.createElementBlock("div",$k,[e.createElementVNode("div",vk,[h.value?(e.openBlock(),e.createElementBlock("div",Sk,[e.createVNode(e.unref(Ao),{width:32,height:32,"stroke-width":2,class:"text-sky-600 animate-spin"})])):c.value?(e.openBlock(),e.createElementBlock("div",Lk,e.toDisplayString(c.value),1)):x.value.length===0?(e.openBlock(),e.createElementBlock("div",Ak," Нічого не знайдено ")):e.createCommentVNode("",!0),x.value.length>0?(e.openBlock(),e.createElementBlock("div",Mk,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(M,D)=>(e.openBlock(),e.createElementBlock("div",{key:D,class:"w-full border border-gray-200 bg-white rounded-lg p-4 text-left hover:shadow-md transition-all hover:border-gray-300 cursor-pointer",onClick:W=>C(M)},[e.createElementVNode("div",Fk,[e.createElementVNode("div",Dk,[M.type==="sql"?(e.openBlock(),e.createBlock(e.unref(Ul),{key:0,width:20,height:20,"stroke-width":2,class:"shrink-0 w-5 h-5 text-blue-600"})):(e.openBlock(),e.createBlock(e.unref(Gl),{key:1,width:20,height:20,"stroke-width":2,class:"shrink-0 w-5 h-5 text-blue-600"})),e.createElementVNode("div",zk,[e.createElementVNode("div",Ik,[e.createElementVNode("h4",{onClick:e.withModifiers(W=>w(M.name),["stop"]),class:"text-sm font-semibold text-gray-800 mb-0 hover:border-b hover:border-gray-300 cursor-pointer"},e.toDisplayString(M.name),9,jk),e.createElementVNode("div",Pk,[e.createElementVNode("button",{onClick:e.withModifiers(W=>w(M.name),["stop"]),class:"pt-1 mt-0.5 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded transition-colors"},[e.createVNode(e.unref(Rl),{width:14,height:14,"stroke-width":2})],8,Rk),d.value===M.name?(e.openBlock(),e.createElementBlock("div",Ok," Copied ")):e.createCommentVNode("",!0)])]),e.createElementVNode("p",Uk,e.toDisplayString(M.description||"Опис відсутній"),1)])]),e.createElementVNode("div",qk,[M.type!="sql"?(e.openBlock(),e.createElementBlock("span",Hk,e.toDisplayString(M.count)+" записів ",1)):e.createCommentVNode("",!0),e.createVNode(e.unref(Rn),{width:16,height:16,"stroke-width":2,class:"w-4 h-4 text-gray-400"})])])],8,Tk))),128))])):e.createCommentVNode("",!0)]),f.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"#pagination"},[e.createElementVNode("div",Wk,[e.createVNode(e.unref(he.VsPagination),{total:x.value.length,page:i.value,"page-size":wo,showPageSizes:!1,pageRange:10,view:"button",color:"gray","onUpdate:page":N,onPageChange:N},null,8,["total","page"])])])):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-e728e68b"]]),Zk={class:"flex flex-col 2xl:flex-row 2xl:items-center 2xl:justify-between"},Gk={class:""},Kk={class:"text-2xl font-bold mb-2 flex items-center gap-2"},Xk={key:0,class:"text-sm font-normal text-gray-500 mt-2 ml-1"},Qk={class:"flex flex-col gap-3 mt-4 lg:mt-5 lg:flex-row lg:items-center"},Jk={class:"w-full md:w-auto"},e2=["value"],t2={class:"relative w-full lg:w-[16rem]"},n2={class:"bg-white focus:bg-white focus:border-blue-500 focus:ring-blue-500 rounded-lg"},o2={class:"absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"},r2=["value"],l2=e.defineComponent({__name:"DictionariesHeader",props:{modelValue:{},filter:{default:""},counts:{}},emits:["update:modelValue","update:filter","refresh"],setup(t,{emit:n}){const o=t,r=n,l=a=>{const i=a.target.value;r("update:filter",i)},s=e.ref(!1);return(a,i)=>(e.openBlock(),e.createElementBlock("div",Zk,[e.createElementVNode("div",Gk,[e.createElementVNode("h1",Kk,[i[3]||(i[3]=e.createTextVNode(" Довідники ",-1)),t.counts&&t.counts.total>0?(e.openBlock(),e.createElementBlock("span",Xk,e.toDisplayString(t.counts.filtered)+" / "+e.toDisplayString(t.counts.total),1)):e.createCommentVNode("",!0)]),i[4]||(i[4]=e.createElementVNode("p",{class:"text-sm opacity-60"}," Редагуйте довідники класифікаторів, що використовуються у вашій системі ",-1))]),e.createElementVNode("div",Qk,[e.createElementVNode("div",Jk,[i[6]||(i[6]=e.createElementVNode("label",{class:"sr-only",for:"dictionary-filter"},"Фільтр типу",-1)),e.createElementVNode("select",{id:"dictionary-filter",class:"w-full md:w-[140px] h-[38px] rounded-lg border border-stone-300 bg-white px-3 text-sm text-stone-800 focus:border-blue-500 focus:ring-blue-500 selection:border-blue-500 selection:text-white active:border-blue-500 active:text-white",value:o.filter,onChange:l},[...i[5]||(i[5]=[e.createElementVNode("option",{value:""},"Всі",-1),e.createElementVNode("option",{value:"cls"},"Довідники",-1),e.createElementVNode("option",{value:"select"},"Вибірки з БД",-1)])],40,e2)]),e.createElementVNode("div",t2,[e.createElementVNode("div",n2,[e.createElementVNode("div",o2,[e.createVNode(e.unref(Fo),{width:14,height:14,"stroke-width":2,class:"stroke-gray-500 transition-all"})]),e.createElementVNode("input",{type:"text",value:t.modelValue,placeholder:"Пошук за назвою довідника",class:"pl-9 pr-8 bg-white h-[38px] min-w-[100px] py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-300 text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500 rounded-lg",onInput:i[0]||(i[0]=f=>a.$emit("update:modelValue",f.target.value))},null,40,r2),t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute top-1/2 -translate-y-1/2 right-3 cursor-pointer text-gray-400 hover:text-gray-600",onClick:i[1]||(i[1]=f=>a.$emit("update:modelValue",""))},[e.createVNode(e.unref(_t),{width:14,height:14,"stroke-width":2})])):e.createCommentVNode("",!0)])]),e.createElementVNode("button",{onClick:i[2]||(i[2]=f=>s.value=!0),class:"w-full md:w-auto flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-all duration-200 transform hover:scale-105 text-sm font-medium"},[e.createVNode(e.unref(wn),{width:16,height:16,"stroke-width":2,class:"shrink-0"}),i[7]||(i[7]=e.createTextVNode(" Додати ",-1))])])]))}}),a2={class:"bg-white rounded-lg shadow-sm border border-gray-200 overflow-x-auto"},s2={key:0,class:"flex items-center justify-center py-12"},i2={key:1,class:"bg-red-50 border border-red-200 text-red-700 rounded-lg p-4 text-sm m-4"},c2={key:2,class:"text-center py-12 text-gray-500"},d2={key:3,class:"w-full min-w-[640px] divide-y divide-gray-200"},u2={class:"bg-gray-50 border-b border-gray-200"},p2={class:"divide-y divide-gray-200"},m2={class:"px-4 py-3 w-1/12"},f2={class:"px-4 py-3 text-sm font-medium text-gray-900 w-2/12"},g2={class:"px-4 py-3 text-sm text-gray-600 font-mono"},y2=e.defineComponent({__name:"DetailsTable",props:{classifierName:{},search:{}},setup(t,{expose:n}){const o=t,r=[{key:"color",label:"Колір",width:"w-2/12",align:"text-left"},{key:"text",label:"Назва",width:"w-6/12",align:"text-left"},{key:"id",label:"Код",width:"w-4/12",align:"text-left"}],l=e.ref([]),s=e.ref(!0),a=e.ref(null),i=e.computed(()=>{var u;if(!((u=o.search)!=null&&u.trim()))return l.value;const x=o.search.toLowerCase().trim();return l.value.filter(h=>{var c,d;return((c=h.text)==null?void 0:c.toLowerCase().includes(x))||((d=h.id)==null?void 0:d.toLowerCase().includes(x))})}),f=async x=>{try{s.value=!0,a.value=null;const u=await fetch(`/api/suggest/${encodeURIComponent(x)}`);if(!u.ok)throw new Error(`HTTP error: ${u.status}`);const h=await u.json();l.value=h.data}catch(u){a.value=u instanceof Error?u.message:"Failed to load items",console.error("Error fetching suggest items:",u)}finally{s.value=!1}};return e.onMounted(()=>{o.classifierName&&f(o.classifierName)}),e.watch(()=>o.classifierName,x=>{x&&f(x)}),n({refetch:()=>{f(o.classifierName)}}),(x,u)=>(e.openBlock(),e.createElementBlock("div",a2,[s.value?(e.openBlock(),e.createElementBlock("div",s2,[e.createVNode(e.unref(Ao),{width:32,height:32,"stroke-width":2,class:"text-sky-600 animate-spin"})])):a.value?(e.openBlock(),e.createElementBlock("div",i2,e.toDisplayString(a.value),1)):l.value.length===0?(e.openBlock(),e.createElementBlock("div",c2," Записи відсутні ")):(e.openBlock(),e.createElementBlock("table",d2,[e.createElementVNode("thead",u2,[e.createElementVNode("tr",null,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(r,h=>e.createElementVNode("th",{key:h.key,class:e.normalizeClass(["px-4 py-3 text-xs font-semibold text-gray-900",[h.width,h.align]])},e.toDisplayString(h.label),3)),64))])]),e.createElementVNode("tbody",p2,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,h=>(e.openBlock(),e.createElementBlock("tr",{key:h.id,class:"hover:bg-gray-50 transition-colors"},[e.createElementVNode("td",m2,[e.createElementVNode("div",{class:"w-6 h-6 rounded border border-gray-300",style:e.normalizeStyle({backgroundColor:h.color})},null,4)]),e.createElementVNode("td",f2,e.toDisplayString(h.text),1),e.createElementVNode("td",g2,e.toDisplayString(h.id),1)]))),128))])]))]))}}),h2={class:"space-y-6 flex-1 overflow-y-auto p-0"},x2={class:"flex items-center gap-2 text-sm text-gray-600 mb-4"},b2={class:"text-gray-900"},k2={class:"flex items-start justify-between mb-6"},w2={class:"flex-1 mr-4"},_2={class:"text-2xl font-bold text-gray-900"},E2={key:0,class:"flex items-center gap-2 group mt-1"},N2={class:"text-sm text-gray-500"},C2={key:1,class:"flex items-center gap-2 mt-1"},V2=["disabled"],B2=["disabled"],$2={class:"flex items-center gap-3"},v2={class:"bg-white rounded-lg shadow-sm border border-gray-200 p-4 mb-4"},S2={class:"relative max-w-md"},L2={class:"vs-form-text relative w-full border-transparent text-sm focus:bg-white focus:border-blue-500 focus:ring-blue-500 rounded-sm"},A2={class:"absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"},M2=e.defineComponent({__name:"DictionaryDetails",setup(t){const n=Fe.useRouter(),o=Fe.useRoute(),r=e.computed(()=>o.params.name),l=e.ref(!1),s=e.ref(null),a=e.ref(null),i=e.ref(""),f=e.ref(""),m=e.ref(""),x=e.ref(!1),u=e.ref(!1),h=e.ref(null),c=async()=>{var C;try{const B=await fetch(`/api/user-cls?name=${encodeURIComponent(r.value)}`);if(!B.ok)return;const N=(C=(await B.json()).data)==null?void 0:C[0];N&&(f.value=N.description||"")}catch(B){console.error("Error fetching classifier details:",B)}},d=()=>{m.value=f.value,x.value=!0,e.nextTick(()=>{var C;(C=h.value)==null||C.focus()})},y=()=>{x.value=!1,m.value=""},p=async()=>{try{u.value=!0;const w=(await(await fetch(`/api/suggest/${encodeURIComponent(r.value)}`)).json()).data||[],N={name:r.value,description:m.value.trim()||null,data:w},E=await fetch(`/api/user-cls/${encodeURIComponent(r.value)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(N)});if(!E.ok)throw new Error(`HTTP error: ${E.status}`);f.value=m.value,x.value=!1}catch(C){console.error("Error saving description:",C)}finally{u.value=!1}};e.onMounted(()=>{c()}),e.watch(r,()=>{c()});const g=()=>{s.value=null,l.value=!0},k=C=>{s.value=C,l.value=!0};return(C,B)=>(e.openBlock(),e.createElementBlock("div",h2,[e.createElementVNode("div",null,[e.createElementVNode("div",x2,[e.createElementVNode("button",{onClick:B[0]||(B[0]=w=>e.unref(n).back()),class:"text-blue-600 hover:text-blue-500 transition-colors"}," Довідники "),B[4]||(B[4]=e.createElementVNode("span",{class:"text-gray-400"},"/",-1)),e.createElementVNode("span",b2,e.toDisplayString(r.value),1)]),e.createElementVNode("div",k2,[e.createElementVNode("div",w2,[e.createElementVNode("h1",_2,e.toDisplayString(r.value),1),x.value?(e.openBlock(),e.createElementBlock("div",C2,[e.withDirectives(e.createElementVNode("input",{ref_key:"editInputRef",ref:h,"onUpdate:modelValue":B[1]||(B[1]=w=>m.value=w),type:"text",class:"text-sm text-gray-600 border-b-2 border-sky-500 focus:outline-none bg-transparent w-full py-0.5",onKeydown:[e.withKeys(p,["enter"]),e.withKeys(y,["esc"])],placeholder:"Введіть опис"},null,544),[[e.vModelText,m.value]]),e.createElementVNode("button",{onClick:p,disabled:u.value,class:"p-1.5 text-green-600 hover:bg-green-50 rounded transition-colors disabled:opacity-50"},[e.createVNode(e.unref(jl),{width:18,height:18,"stroke-width":2})],8,V2),e.createElementVNode("button",{onClick:y,disabled:u.value,class:"p-1.5 text-gray-400 hover:text-red-500 hover:bg-red-50 rounded transition-colors"},[e.createVNode(e.unref(_t),{width:18,height:18,"stroke-width":2})],8,B2)])):(e.openBlock(),e.createElementBlock("div",E2,[e.createElementVNode("p",N2,e.toDisplayString(f.value||"Опис відсутній"),1),e.createElementVNode("button",{onClick:d,class:"p-1 text-gray-400 hover:text-sky-600 transition-all rounded hover:bg-sky-50",title:"Редагувати опис"},[e.createVNode(e.unref(Do),{width:16,height:16,"stroke-width":2})])]))]),e.createElementVNode("div",$2,[e.createElementVNode("button",{onClick:g,class:"w-full md:w-auto flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-all duration-200 transform hover:scale-105 text-sm font-medium"},[e.createVNode(e.unref(wn),{width:16,height:16,"stroke-width":2,class:"shrink-0"}),B[5]||(B[5]=e.createTextVNode(" Додати запис ",-1))]),e.createElementVNode("button",{onClick:B[2]||(B[2]=w=>e.unref(n).back()),class:"px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors text-gray-700 text-sm font-medium"}," Назад ")])])]),e.createElementVNode("div",v2,[e.createElementVNode("div",S2,[e.createElementVNode("div",L2,[e.createElementVNode("div",A2,[e.createVNode(e.unref(Fo),{width:18,height:18,"stroke-width":2,class:"stroke-gray-400 transition-all"})]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":B[3]||(B[3]=w=>i.value=w),type:"text",placeholder:"Пошук за назвою або описом...",class:"pl-9 bg-white h-[38px] min-w-[100px] py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500 rounded-lg"},null,512),[[e.vModelText,i.value]])])])]),e.createVNode(y2,{ref_key:"detailsTableRef",ref:a,"classifier-name":r.value,search:i.value,onEdit:k},null,8,["classifier-name","search"])]))}}),T2={class:"flex-col justify-between h-full"},F2={class:"classifiers-component space-y-6 p-8 pt-2 max-w-[90%] mx-auto h-[calc(100vh-95px)]"},D2=e.defineComponent({__name:"index",setup(t){const n=Fe.useRoute(),o=e.ref(""),r=e.ref(""),l=e.ref(null),s=e.ref({filtered:0,total:0}),a=f=>{s.value=f},i=()=>{var f;(f=l.value)==null||f.refetch()};return(f,m)=>(e.openBlock(),e.createElementBlock("div",T2,[e.createElementVNode("div",F2,[e.unref(n).params.name?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(l2,{key:0,modelValue:o.value,"onUpdate:modelValue":m[0]||(m[0]=x=>o.value=x),filter:r.value,"onUpdate:filter":m[1]||(m[1]=x=>r.value=x),counts:s.value,onRefresh:i},null,8,["modelValue","filter","counts"])),e.unref(n).params.name?(e.openBlock(),e.createBlock(M2,{key:2})):(e.openBlock(),e.createBlock(Yk,{key:1,ref_key:"gridRef",ref:l,search:o.value,type:r.value,"onUpdate:counts":a},null,8,["search","type"]))]),m[2]||(m[2]=e.createElementVNode("div",{id:"pagination",class:"bg-gray-100"},null,-1))]))}}),z2={class:"border border-gray-300 rounded-lg shadow-sm overflow-auto max-h-[calc(100vh-10rem)]"},I2={class:"w-full bg-white relative"},j2={class:"bg-gradient-to-b from-gray-50 to-gray-100 border-b border-gray-300 sticky top-0 z-10"},P2={key:0,class:"bg-white divide-y divide-gray-200"},R2={class:"bg-gradient-to-r from-gray-50 to-gray-100 border-t-2 border-gray-300"},O2=["onClick"],U2={class:"flex items-center gap-2 text-sm font-semibold text-gray-900 hover:text-blue-600 transition-colors"},q2={key:1,class:"px-6 py-3.5"},H2={class:"text-sm font-semibold text-gray-900"},W2={class:"text-xs text-gray-400 mt-0.5"},Y2={key:0,class:"inline-flex items-center cursor-pointer"},Z2={class:"relative"},G2=["checked","onChange"],K2=["checked","onChange"],X2={class:"px-6 py-3"},Q2={class:"ml-6"},J2={class:"text-sm text-black font-medium"},ew={class:"text-xs text-gray-400 mt-0.5"},tw=["checked","onChange"],nw={key:1},ow=e.defineComponent({__name:"permissions",props:{data:{},modelValue:{},actions:{}},emits:["update:modelValue"],setup(t,{expose:n,emit:o}){const r=t,l=o,s=e.computed(()=>r.actions&&r.actions.length?r.actions:["view"]),a=e.ref({}),i=e.ref({}),f=e.computed(()=>{var C;return((C=r.data)==null?void 0:C.routers)||[]});e.watch(()=>r.modelValue,C=>{const B={};(C||[]).forEach(w=>{B[w.id]=new Set(w.actions||[])}),i.value=B},{immediate:!0});function m(){const C=Object.entries(i.value).map(([B,w])=>({id:B,actions:Array.from(w)}));l("update:modelValue",C)}function x(C){return C?C.id||C.path||C.table||C.ua||JSON.stringify(C):""}function u(C){return C?C.id||C.ua||C.name:""}function h(C){return{view:"Перегляд",edit:"Редагування",add:"Додавання",del:"Видалення"}[C]||C}function c(C,B){var N;const w=x(C);return((N=i.value[w])==null?void 0:N.has(B))||!1}function d(C){const B=u(C);return a.value[B]===!0}function y(C){const B=u(C);a.value[B]=!d(C)}function p(C,B){var w;return(w=C.menu)!=null&&w.length?C.menu.every(N=>c(N,B)):c(C,B)}function g(C,B,w){var N;if((N=C.menu)!=null&&N.length){const E={...i.value};C.menu.forEach($=>{const M=x($),D=new Set(E[M]||[]);w?D.add(B):D.delete(B),E[M]=D}),i.value=E,m()}}function k(C,B,w){const N=x(C),E=new Set(i.value[N]||[]);w?E.add(B):E.delete(B),i.value={...i.value,[N]:E},m()}return n({getSelected:()=>r.modelValue}),(C,B)=>{var w;return e.openBlock(),e.createElementBlock("div",z2,[e.createElementVNode("table",I2,[e.createElementVNode("thead",j2,[e.createElementVNode("tr",null,[B[0]||(B[0]=e.createElementVNode("th",{class:"px-6 py-4 text-xs font-semibold text-gray-800 uppercase tracking-wider w-32 text-left"},"Групи",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,N=>(e.openBlock(),e.createElementBlock("th",{key:N,class:"px-4 py-4 text-xs font-semibold text-gray-800 uppercase tracking-wider w-20 text-center"},e.toDisplayString(h(N)),1))),128))])]),(w=f.value)!=null&&w.length?(e.openBlock(),e.createElementBlock("tbody",P2,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,N=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:x(N)},[e.createElementVNode("tr",R2,[N!=null&&N.menu?(e.openBlock(),e.createElementBlock("td",{key:0,class:"px-6 py-3.5 cursor-pointer",onClick:E=>y(N)},[e.createElementVNode("button",U2,[e.createVNode(e.unref(So),{class:e.normalizeClass(["text-gray-600 w-4 h-4 transition-transform duration-200",{"rotate-180":d(N)}])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(N.ua),1)])],8,O2)):(e.openBlock(),e.createElementBlock("td",q2,[e.createElementVNode("div",H2,e.toDisplayString(N.ua),1),e.createElementVNode("div",W2,e.toDisplayString(N.path||N.table),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,E=>(e.openBlock(),e.createElementBlock("td",{key:E,class:"px-4 py-3.5 text-center"},[N!=null&&N.menu?(e.openBlock(),e.createElementBlock("label",Y2,[e.createElementVNode("div",Z2,[e.createElementVNode("input",{type:"checkbox",class:"sr-only peer",checked:p(N,E),onChange:$=>g(N,E,$.target.checked)},null,40,G2),B[1]||(B[1]=e.createElementVNode("div",{class:"w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"},null,-1))])])):(e.openBlock(),e.createElementBlock("input",{key:1,type:"checkbox",checked:c(N,E),onChange:$=>k(N,E,$.target.checked),class:"w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500 cursor-pointer"},null,40,K2))]))),128))]),N!=null&&N.menu&&d(N)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(N.menu,E=>(e.openBlock(),e.createElementBlock("tr",{key:x(E),class:"hover:bg-gray-50 transition-colors"},[e.createElementVNode("td",X2,[e.createElementVNode("div",Q2,[e.createElementVNode("div",J2,e.toDisplayString(E.ua),1),e.createElementVNode("div",ew,e.toDisplayString(E.path||E.table),1)])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,$=>(e.openBlock(),e.createElementBlock("td",{key:$,class:"px-5 py-3 text-center"},[e.createElementVNode("input",{type:"checkbox",checked:c(E,$),onChange:M=>k(E,$,M.target.checked),class:"w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500 cursor-pointer"},null,40,tw)]))),128))]))),128)):e.createCommentVNode("",!0)],64))),128))])):(e.openBlock(),e.createElementBlock("tfoot",nw,[...B[2]||(B[2]=[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:"100%",class:"text-center py-4"}," Немає доступних шарів ")],-1)])]))])])}}}),rw={class:"flex flex-col gap-4 mt-2 mx-2"},lw={class:"flex items-center gap-3"},aw={class:"flex-1 relative"},sw=e.defineComponent({__name:"VsPermissions",setup(t){const n=Fe.useRoute(),o=e.ref(""),r=e.ref(null),l=e.ref({categories:[],layers:[]}),s=e.ref([]),a=e.ref(["edit"]),i=e.computed(()=>m(l.value)),f=e.computed(()=>{const h=o.value.toLowerCase().trim();return h?i.value.map(c=>{const d=String(c.ua||"").toLowerCase().includes(h),y=(c.menu||[]).filter(p=>String(p.ua||"").toLowerCase().includes(h));return d?{...c,menu:c.menu}:y.length?{...c,menu:y}:null}).filter(Boolean):i.value}),m=h=>{const c=h.categories||[],d=h.layers||[],y=c.map(g=>{const k=d.filter(C=>C.category_id===g.category_id).map(C=>({id:String(C.layer_id),ua:C.name,path:String(C.layer_id)}));return k.length?{ua:g.name,menu:k,id:String(g.category_id)}:null}).filter(Boolean),p=d.filter(g=>!g.category_id).map(g=>({ua:g.name,id:String(g.layer_id),path:String(g.layer_id)}));return p.length&&y.push({ua:"Без категорії",menu:p,id:"noCategory"}),y},x=async()=>{const[h,c]=await Promise.all([fetch("/api/catalog").then(d=>d.json()),fetch(`/api/catalog-permissions/${n.params.id}`).then(d=>d.json())]);l.value=h,s.value=((c==null?void 0:c.layer_list)||[]).filter(d=>d.service_id).map(d=>({id:String(d.service_id),actions:d.actions||[]}))},u=async()=>{var d,y;const c=(((y=(d=r.value)==null?void 0:d.getSelected)==null?void 0:y.call(d))||s.value).filter(p=>{var g;return(g=p.actions)==null?void 0:g.length}).map(p=>({service_id:p.id,actions:p.actions}));await fetch(`/api/catalog-permissions/${n.params.id}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)}).then(p=>p.json()).then(p=>{he.notify({title:"Успіх",message:"Доступ успішно збережено",type:"success"})}).catch(p=>{he.notify({title:"Помилка",message:p.message,type:"error"})})};return e.onMounted(x),(h,c)=>(e.openBlock(),e.createElementBlock("div",rw,[e.createElementVNode("div",lw,[e.createElementVNode("div",aw,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=d=>o.value=d),type:"text",placeholder:"Пошук...",class:"w-full pl-3 pr-4 py-2 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"},null,512),[[e.vModelText,o.value]])]),e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-10 px-4 py-2 border-gray-300 text-gray-700 hover:bg-gray-50",onClick:c[1]||(c[1]=d=>h.$router.back())}," Повернутися "),e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-white rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary-foreground h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700",onClick:u}," Зберегти ")]),e.createVNode(ow,{ref_key:"accessRef",ref:r,data:{routers:f.value},modelValue:s.value,"onUpdate:modelValue":c[2]||(c[2]=d=>s.value=d),actions:a.value},null,8,["data","modelValue","actions"])]))}});function iw(t){t.component("MapCustom",Dn)}Ie.CartoCSS=Uy,Ie.Classifiers=D2,Ie.MapSettings=Bk,Ie.MapWidget=Dn,Ie.Permissions=sw,Ie.Raster=Z0,Ie.Register=nd,Ie.Service=Sg,Ie.default=Dn,Ie.install=iw,Ie.template1=Po,Ie.template2=Ro,Ie.template3=Oo,Ie.template4=Uo,Ie.template5=qo,Object.defineProperties(Ie,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
245
|
+
${$}`:$}i.value=!1,f.value=[]}function c(){i.value=!1,f.value=[]}function d(){const p=s.value==="html"?"html":"list",g={card_mode:p};p==="html"?g.html=a.value:p==="list"&&(g.list=l.value),r("save","card",g)}const y=[{value:"all",label:"Всі"},{value:"list",label:"Список"},{value:"none",label:"Жодне"},{value:"html",label:"HTML"}];return(p,g)=>(e.openBlock(),e.createElementBlock("div",Km,[e.createElementVNode("div",{class:"flex justify-between mb-3 gap-2"},[e.createElementVNode("button",{onClick:u,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Імпорт "),e.createElementVNode("button",{onClick:d,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Зберегти ")]),e.createVNode(Gm,{modelValue:s.value,"onUpdate:modelValue":g[0]||(g[0]=k=>s.value=k),options:y},null,8,["modelValue"]),e.createElementVNode("div",Xm,[s.value==="list"?(e.openBlock(),e.createBlock(Et,{key:0,modelValue:l.value,"onUpdate:modelValue":g[1]||(g[1]=k=>l.value=k),"columns-scheme":m,"form-scheme":x,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])):s.value==="html"?(e.openBlock(),e.createBlock(rn,{key:1,modelValue:a.value,"onUpdate:modelValue":g[2]||(g[2]=k=>a.value=k),language:"html",theme:"vs-light",class:"flex-1 min-h-0"},null,8,["modelValue"])):e.createCommentVNode("",!0)]),e.createVNode(Dt,{visible:i.value,"onUpdate:visible":g[3]||(g[3]=k=>i.value=k),selection:f.value,"onUpdate:selection":g[4]||(g[4]=k=>f.value=k),fields:t.fields,title:"Імпорт полів для картки","id-prefix":"import-card",onConfirm:h,onCancel:c},null,8,["visible","selection","fields"])]))}}),Jm={class:"flex flex-col flex-1 min-h-0"},ef=e.defineComponent({__name:"vs-tab-filter",props:{fields:{},columns:{}},emits:["update:columns","save"],setup(t,{emit:n}){const o=t,r=n;console.log(o.columns);const l=e.ref(o.columns||[]);e.watch(()=>o.columns,d=>l.value=d||[],{immediate:!0}),e.watch(l,d=>r("update:columns",d),{deep:!0,immediate:!0});const s=e.ref("list"),a=e.ref(!1),i=e.ref([]),f=[{key:"id",label:"Name"},{key:"label",label:"UA"}],m={name:{type:"text",label:"Name",disabled:!0,validators:["required"]},label:{type:"text",label:"UA",validators:["required"]},type:{type:"radio",label:"Тип",position:"horizontal",validators:["required"],options:[{text:"Check",id:"check"},{text:"Range",id:"range"},{text:"Date",id:"date"},{text:"Text",id:"text"},{text:"Select",id:"select"}]},hidden:{label:"Приховати",type:"Switcher"},data:{type:"text",label:"Класифікатор",conditions:["type","in",["autocomplete","select","check"]],validators:["required"]}};function x(){i.value=l.value.map(d=>d.name||d.id),a.value=!0}function u(){var g;const d=[...l.value],y=((g=o.fields)==null?void 0:g.filter(k=>i.value.includes(k.name)))||[],p=It(d,y,{selectedKeys:i.value,resolveKey:k=>Nt(k)});l.value=p,a.value=!1,i.value=[]}function h(){a.value=!1,i.value=[]}function c(){let d=[];s.value==="all"?d=o.fields||[]:s.value==="none"?d=[]:d=l.value,r("save",d)}return(d,y)=>(e.openBlock(),e.createElementBlock("div",Jm,[e.createElementVNode("div",{class:"flex justify-between mb-3 gap-2"},[e.createElementVNode("button",{onClick:x,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Імпорт "),e.createElementVNode("button",{onClick:c,class:"inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition disabled:opacity-70 disabled:cursor-not-allowed"}," Зберегти фільтр ")]),s.value==="list"?(e.openBlock(),e.createBlock(Et,{key:0,modelValue:l.value,"onUpdate:modelValue":y[0]||(y[0]=p=>l.value=p),"columns-scheme":f,"form-scheme":m,"main-col-width":"250px","add-button":!1},null,8,["modelValue"])):e.createCommentVNode("",!0),e.createVNode(Dt,{visible:a.value,"onUpdate:visible":y[1]||(y[1]=p=>a.value=p),selection:i.value,"onUpdate:selection":y[2]||(y[2]=p=>i.value=p),fields:t.fields,title:"Імпорт полів","id-prefix":"import-filter",onConfirm:u,onCancel:h},null,8,["visible","selection","fields"])]))}}),al=Symbol.for("gis.settingsRef");function po(){const t=e.getCurrentInstance();if(!t)return e.ref(null);const n=t.appContext.config.globalProperties;let o=n[al];return o||(o=e.ref(n.$settings??null),Object.defineProperty(n,"$settings",{configurable:!0,enumerable:!0,get:()=>o.value,set:r=>{o.value=r}}),n[al]=o),o}const $n=ye(e.defineComponent({__name:"MapView",setup(t,{expose:n}){const o=e.ref(null),r=e.ref(null),l=po(),s=hm({container:o,mapOptions:{style:{version:8,sources:{},layers:[]},doubleClickZoom:!1,canvasContextAttributes:{preserveDrawingBuffer:!0}},controls:{navigation:!0,scale:!0},settings:l});async function a(){var x;await e.nextTick();const m=(x=s.map)==null?void 0:x.value;m!=null&&m.resize&&m.resize()}function i(){typeof ResizeObserver>"u"||r.value||!o.value||(r.value=new ResizeObserver(()=>{a()}),r.value.observe(o.value))}function f(){var m;(m=r.value)==null||m.disconnect(),r.value=null}return e.onMounted(()=>{a(),i(),window.addEventListener("resize",a)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",a),f()}),n({ctx:s}),(m,x)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"el",ref:o,class:"map-view-root w-full h-full rounded-xl overflow-hidden"},[e.renderSlot(m.$slots,"default",{},void 0,!0)],512))}}),[["__scopeId","data-v-d6e61166"]]),tf=e.defineComponent({__name:"MapDataLayer",props:{id:{},layer:{},styleSpec:{},autoCenter:{type:[Boolean,null]}},setup(t,{expose:n}){var d,y,p,g;const{map:o,flyTo:r,setZoom:l}=Pe(),s=((y=(d=e.getCurrentInstance())==null?void 0:d.appContext.config.globalProperties)==null?void 0:y.$settings)||null,a=t,i=a.id;String(a.id);const f=`${location.origin}/api/vtile/${a.id}/ua/{z}/{x}/{y}.vmt?all=1`,m=Se(i,{source:{type:"vector",tiles:[f],minzoom:0,maxzoom:14},popup:a.layer.popup,layer:{style:(p=a.layer)==null?void 0:p.style}});n({layerHandle:m}),(a.autoCenter??!0)&&r({center:a.layer.center||((g=s==null?void 0:s.map)==null?void 0:g.center)||[30,50],animate:!1});let x=null;function u(){if(!(m!=null&&m.setTiles))return;const k=f.includes("?")?"&":"?",C=`${f}${k}_=${Date.now()}`;m.setTiles([C])}function h(){x&&clearTimeout(x),x=setTimeout(()=>{x=null,c().catch(k=>console.error("Failed to update map layer",k))},300)}async function c(){o.value&&(u(),m.setStyle(a.styleSpec??null))}return e.watch(()=>a.styleSpec,h,{deep:!0}),e.onBeforeUnmount(()=>{m.remove()}),(k,C)=>null}}),ln=e.ref(null);function nf(){ln.value=null}function of(t){const n=e.ref(!1),o=()=>typeof t=="string"?t:t.value;e.watch(ln,a=>{a!==o()&&n.value&&(n.value=!1)});function r(){ln.value=o(),n.value=!0}function l(){ln.value===o()&&(ln.value=null),n.value=!1}function s(){n.value?l():r()}return{isOpen:n,open:r,close:l,toggle:s}}const rf={class:"map-filter"},lf={class:"map-filter__header"},af={class:"map-filter__title"},sf={"aria-hidden":"true"},mo="#map-filter-popover-host",vn=ye(e.defineComponent({__name:"MapFilterPopover",props:{count:{},layer:{},catalogAnchor:{},disabled:{type:Boolean}},setup(t){const n=e.defineAsyncComponent(()=>import("@opengis/filter")),o=t,r=e.computed(()=>{var v;return((v=o.layer)==null?void 0:v.id)??""}),l=e.computed(()=>`filter-popover-${r.value}`),{isOpen:s,close:a,toggle:i}=of(l),f=e.reactive({top:0,left:0,transform:"translateX(-50%)"}),m=e.ref(null),x=e.ref(null);let u=null;const h=e.ref({}),c=e.reactive({visible:!1,text:"Спочатку активуйте шар, щоб застосувати фільтр",top:0,left:0}),d=e.computed(()=>s.value),y=e.computed(()=>{var v;return Array.isArray((v=o.layer)==null?void 0:v.filters)?o.layer.filters:[]}),p=e.computed(()=>y.value.length>0),g=e.computed(()=>{var v;return((v=o.layer)==null?void 0:v.name)??""}),k=e.computed(()=>y.value),C=e.ref(null),$=e.computed(()=>y.value.length),w=e.computed(()=>$.value<=2),N=e.computed(()=>w.value?"body":typeof window>"u"||C.value?mo:"body"),E=e.computed(()=>{if(!d.value||!w.value)return{};const v=typeof window<"u"?window.innerWidth:280,S=Math.max(280,v-16*2);return{position:"absolute",top:`${f.top}px`,left:`${f.left}px`,transform:f.transform,zIndex:1e3,width:"280px",maxWidth:`${S}px`}});function B(){a()}function M(v,_,S=8){const z=window.scrollY+S,I=window.scrollY+window.innerHeight-S;let G=v;return G+_>I&&(G=I-_),G<z&&(G=z),G}function D(){var oe,ae,xe;if(!m.value||!w.value)return;const v=m.value.getBoundingClientRect(),_=window.scrollX+8,S=window.scrollX+window.innerWidth-8,z=((oe=x.value)==null?void 0:oe.offsetWidth)||280,I=((ae=x.value)==null?void 0:ae.offsetHeight)||0;let G=0,ne=0;if((xe=o.catalogAnchor)!=null&&xe.value){const we=o.catalogAnchor.value.getBoundingClientRect(),P=we.top+window.scrollY;G=M(P,I,8);const ee=we.right+window.scrollX+12,b=S-z,A=_;ne=Math.min(Math.max(ee,A),Math.max(A,b))}else{const we=v.bottom+window.scrollY+8;G=M(we,I,8);let P=v.left+window.scrollX;P<_&&(P=_),P+z>S&&(P=Math.max(_,S-z)),ne=P}f.left=ne,f.top=G,f.transform="none"}function W(){w.value||X(),i(),s.value&&w.value&&e.nextTick(()=>{D(),T(),requestAnimationFrame(()=>D())})}function K(){o.disabled||W()}e.watch(d,v=>{v&&w.value?e.nextTick(()=>{D(),T(),requestAnimationFrame(()=>D())}):(F(),w.value||X())}),e.watch(k,()=>{!d.value||!w.value||e.nextTick(()=>D())},{deep:!0}),e.watch(w,v=>{d.value&&(v?e.nextTick(()=>{D(),T()}):(F(),X()))}),e.watch(()=>o.disabled,v=>{v&&(a(),h.value={})});function Q(){!d.value||!w.value||D()}function H(v){const _=r.value;if(!_)return;const S=Se(_);if(!(S!=null&&S.setFilter))return;h.value=v;const z=Object.entries(v).map(([I,G])=>`${I}=${G}`).join("|");S.setFilter(z)}function J(v){if(!o.disabled)return;const _=v.currentTarget;if(!_)return;const S=_.getBoundingClientRect();c.left=S.left+S.width/2+window.scrollX,c.top=S.bottom+8+window.scrollY,c.visible=!0}function O(){c.visible=!1}e.onMounted(()=>{X(),window.addEventListener("resize",Q),window.addEventListener("scroll",Q,!0)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",Q),window.removeEventListener("scroll",Q,!0),F()});function T(){F(),!(!x.value||!w.value)&&(u=new ResizeObserver(()=>{!d.value||!w.value||D()}),u.observe(x.value))}function F(){u&&(u.disconnect(),u=null)}function X(){typeof window>"u"||typeof document>"u"||(C.value=document.querySelector(mo))}return(v,_)=>p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"mapLayer-filter",ref_key:"anchor",ref:m},[e.createElementVNode("a",{class:e.normalizeClass(["mapLayer-filter__trigger",{"mapLayer-filter__trigger--disabled":o.disabled}]),href:"#",onClick:e.withModifiers(K,["prevent","stop"]),onMouseenter:J,onMouseleave:O,onFocus:J,onBlur:O},[..._[2]||(_[2]=[e.createElementVNode("div",{class:"mapLayer-filter__icon"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M3 4h18l-7 8v6l-4 2v-8z"})])],-1)])],34),d.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:N.value},[e.createElementVNode("div",{class:e.normalizeClass(["vst-popover__content inline-block z-50 rounded-[16px] bg-white text-sm text-gray-500 rounded-md shadow-lg bottom mapLayer-filter__popover",{"mapLayer-filter__popover--static":!w.value}]),style:e.normalizeStyle(E.value),ref_key:"panel",ref:x,onClick:_[1]||(_[1]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",rf,[e.createElementVNode("div",lf,[e.createElementVNode("h3",af,e.toDisplayString(g.value||"Фільтр"),1),e.createElementVNode("button",{type:"button",class:"map-filter__close",onClick:B},[e.createElementVNode("span",sf,[e.createVNode(e.unref(_t),{class:"h-4 w-4"})]),_[3]||(_[3]=e.createElementVNode("span",{class:"sr-only"},"Закрити",-1))])]),e.createVNode(e.unref(n),{view:"inline",schema:k.value,value:h.value,limit:10,onChange:_[0]||(_[0]=S=>H(S.data)),width:250},null,8,["schema","value"])])],6)],8,["to"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[c.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"filter-badge__hint",style:e.normalizeStyle({top:`${c.top}px`,left:`${c.left}px`})},e.toDisplayString(c.text),5)):e.createCommentVNode("",!0)]))],512)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-cc1f0579"]]),cf={key:0,class:"flex justify-center items-center h-[40px] w-[40px] bg-white text-sm border border-gray-200 text-gray-600 hover:bg-gray-100 rounded-full"},fo=ye(e.defineComponent({__name:"MapFilterWidget",props:{filters:{},title:{},layerId:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",null,[t.filters.length>0?(e.openBlock(),e.createElementBlock("div",cf,[e.createVNode(vn,{layer:{filters:t.filters,id:t.layerId},count:t.filters.length},null,8,["layer","count"])])):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-98772410"]]),df={class:"flex flex-row gap-x-3 z-10 relative widget"},uf=["onClick"],pf=["src","alt"],Yt=e.defineComponent({__name:"BaseMaps",setup(t){var g,k,C;const n={gki:{url:"https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",preview:"https://data.gki.com.ua/api-user/rtile/voyager/ua/12/2422/1400.png",title:"Базова карта (voyager)"},arcgisonline:{url:"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.png",preview:"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/7/47/69.png",title:"ESRI Online Imagery(2022-2023)"},none:{}},o={z:13,x:4790,y:2762};function r($){if($)return $.replace(/{z}/gi,String(o.z)).replace(/{x}/gi,String(o.x)).replace(/{y}/gi,String(o.y))}function l($,w){let N=$||`layers-${Object.keys(w).length}`,E=1;for(;w[N];)N=`${$}-${E}`,E+=1;return N}const s=e.getCurrentInstance(),a=(g=s==null?void 0:s.appContext.config.globalProperties)==null?void 0:g.$settings,i=a==null?void 0:a.map,f=Fe.useRoute(),m=Fe.useRouter();function x(){const $=f==null?void 0:f.query;return!$||typeof $!="object"?null:typeof $.basemap=="string"?$.basemap:null}const u=e.computed(()=>x()),h=e.computed(()=>{const $=Array.isArray(i==null?void 0:i.basemaps)?i==null?void 0:i.basemaps:[];if(!$.length)return{};const w={};return $.forEach((N,E)=>{const B=N.name??N.title??`basemap-${E}`,M=(N.id??B??`basemap-${E}`).toString().toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,""),D=l(M||`basemap-${E}`,w),W=N.preview||(N.url?r(N.url):void 0);w[D]={url:N.url,preview:W,title:B}}),w}),c=e.computed(()=>{const $=h.value;return Object.keys($).length?$:n}),d=e.ref(u.value??Object.keys(c.value)[0]??"gki"),y=Se("base",{source:{type:"raster",tiles:(k=c.value[d.value])!=null&&k.url?[(C=c.value[d.value])==null?void 0:C.url]:[]},beforeId:0});function p($){if(!c.value[$])return;d.value=$;const w=c.value[$];if(!(w!=null&&w.url)){y.setVisible(!1);return}y.setVisible(!0),y.setTiles([w.url]),typeof window<"u"&&x()!==$&&m.replace({query:{...f==null?void 0:f.query,basemap:$}}).catch(()=>{})}return e.watch(()=>c.value,$=>{const w=u.value&&$[u.value]?u.value:d.value;$[w]?d.value=w:d.value=Object.keys($)[0]??w;const N=$[d.value];N!=null&&N.url?(y.setVisible(!0),y.setTiles([N.url])):y.setVisible(!1)},{immediate:!0}),e.watch(()=>[u.value,c.value],([$])=>{if(typeof $!="string"||!c.value[$]||d.value===$)return;d.value=$;const w=c.value[$];if(!(w!=null&&w.url)){y.setVisible(!1);return}y.setVisible(!0),y.setTiles([w.url])}),($,w)=>(e.openBlock(),e.createElementBlock("div",df,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(N,E)=>(e.openBlock(),e.createElementBlock("div",{key:E,onClick:B=>p(E)},[E!=="none"&&N.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["lg:w-14 lg:h-14 w-10 h-10 flex items-center justify-center bg-gray-200 rounded-xl shadow-2xs cursor-pointer transition-all border-4",d.value===E?"border-blue-500":"border-gray-200"])},[N.preview?(e.openBlock(),e.createElementBlock("img",{key:0,src:N.preview,alt:N.title,class:"object-cover rounded-lg lg:w-12 lg:h-12 w-8 h-8"},null,8,pf)):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["lg:w-14 lg:h-14 w-10 h-10 flex items-center justify-center bg-gray-200/80 rounded-xl shadow-2xs cursor-pointer transition-all border-4",d.value===E?"border-blue-500":"border-gray-200"])},[e.createVNode(e.unref(Yl),{class:"w-4 h-4 text-gray-500"})],2))],8,uf))),128))]))}}),mf={key:0,class:"legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget",style:{width:"100%"}},ff={class:"flex flex-col gap-1 p-5"},gf={class:"flex items-center justify-between w-full text-sm text-gray-800 ml-2"},go=e.defineComponent({__name:"MapLegendWidget",props:{items:{}},setup(t){const n=t,{map:o,ready:r}=Pe(),l=e.ref([]);let s=null;function a(x){return x?x.map((u,h)=>{var y;const c=(u==null?void 0:u.name)||(u==null?void 0:u.label)||(u==null?void 0:u.title)||(u==null?void 0:u.id)||`Layer ${h+1}`,d=(u==null?void 0:u.color)||(u==null?void 0:u.fill)||((y=u==null?void 0:u.paint)==null?void 0:y.color)||"#3388ff";return{id:`${c}-${h}`,label:c,color:d}}):[]}function i(x){return x!=null&&x.layers?x.layers.filter(u=>{const h=u.paint||{};return h["fill-color"]||h["line-color"]||h["circle-color"]}).map((u,h)=>{var y;const c=u.paint||{},d=c["fill-color"]||c["line-color"]||c["circle-color"]||"#3388ff";return{id:u.id||`layer-${h}`,label:((y=u.metadata)==null?void 0:y.title)||u.id||`Layer ${h+1}`,color:d}}):[]}async function f(){var h;await r();const x=o.value;if(!x)return;const u=(h=x.getStyle)==null?void 0:h.call(x);l.value=i(u)}function m(){o.value&&(s==null||s())}return e.watch(()=>n.items,async x=>{x!=null?(l.value=a(x),s==null||s()):(await r(),m(),f())},{immediate:!0,deep:!0}),e.onMounted(async()=>{(n.items===void 0||n.items===null)&&(await r(),m(),f())}),e.onBeforeUnmount(()=>{s==null||s(),s=null}),(x,u)=>l.value.length?(e.openBlock(),e.createElementBlock("div",mf,[e.createElementVNode("div",ff,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,h=>(e.openBlock(),e.createElementBlock("div",{key:h.id,class:"flex items-center"},[e.createElementVNode("span",{class:"shrink-0 size-2.5 inline-block me-2.5 h-[10px] w-[10px] rounded-full",style:e.normalizeStyle({background:h.color})},null,4),e.createElementVNode("span",gf,[e.createElementVNode("span",null,e.toDisplayString(h.label),1)])]))),128))])])):e.createCommentVNode("",!0)}});function yf(){const{map:t,ready:n}=Pe(),o=e.ref(null),r=e.ref(null),l=e.ref(null),s=e.ref(null);let a=[];function i(){a.forEach(c=>c()),a=[]}const f=c=>{const d=(c==null?void 0:c.properties)||{};return!!(d.cluster||d.point_count||d.point_count_abbreviated)},m=c=>{var g,k;o.value=[c.point.x,c.point.y];const d=t.value.queryRenderedFeatures(c.point);if(!(d!=null&&d.length)){x();return}const y=d.find(C=>!f(C));if(!y){x();return}const p=Se(y.source)||Se((g=y.layer)==null?void 0:g.id);p!=null&&p.popup&&(r.value=((k=p.popup)==null?void 0:k.fields)||p.popup,s.value=y.properties)},x=()=>{r.value=null,s.value=null,o.value=null};async function u(){await n(),t.value&&(i(),t.value.on("mousemove",m),t.value.on("mouseleave",x))}function h(){i(),r.value=null,s.value=null,o.value=null}return n().then(u),{popupCoords:o,popupFields:r,popupValues:s,disable:h,title:l}}const hf={class:"min-w-[200px] max-w-[280px] rounded-lg border border-slate-200 bg-white/90 p-3 text-xs shadow-lg backdrop-blur"},xf={class:"space-y-1.5"},bf={class:"font-bold text-slate-700"},kf={class:"text-slate-700"},sl=e.defineComponent({__name:"MapPopup",setup(t){const{popupCoords:n,popupFields:o,popupValues:r,disable:l}=yf(),{map:s}=Pe(),a=e.ref(null),i=e.ref({left:"-9999px",top:"-9999px"}),f=new Intl.NumberFormat("uk-UA",{maximumFractionDigits:2});function m(y,p){if(p==null||p==="")return p;if((y==null?void 0:y.type)==="number"){const g=typeof p=="number"?p:Number(p);if(Number.isFinite(g))return f.format(g)}return p}function x(y,p,g){const k=y.name||y.label||y.title||`field-${g}`,C=y.label||y.title||y.name||k,$=y.name?p[y.name]:void 0,N=(y.name?p[`${y.name}_text`]:void 0)??$??y.value??null;return{key:k,label:C,value:m(y,N)}}const u=e.computed(()=>{const y=o.value||[],p=r.value||{};return y.filter(g=>(g==null?void 0:g.meta)!=="title").map((g,k)=>x(g,p,k)).filter(g=>g.label)}),h=e.computed(()=>{const y=o.value||[],p=r.value||{},g=y.find(k=>(k==null?void 0:k.meta)==="title");return g?x(g,p,0):null}),c=e.computed(()=>{var p;const y=u.value;return(p=h.value)!=null&&p.value?[{...h.value,key:`${h.value.key}-title`,label:"Назва"},...y]:y});function d(){var F,X;if(!c.value.length||!n.value||!a.value){i.value={left:"-9999px",top:"-9999px"};return}const y=a.value,p=y.offsetParent||null,g=(p==null?void 0:p.getBoundingClientRect())??{left:0,top:0,width:window.innerWidth,height:window.innerHeight},k=((X=(F=s.value)==null?void 0:F.getContainer)==null?void 0:X.call(F))||void 0,C=(k==null?void 0:k.getBoundingClientRect())??g,$=C.left-g.left,w=C.top-g.top,N=y.offsetWidth||0,E=y.offsetHeight||0,B=12,M=8,[D,W]=n.value;let K=$+D+B,Q=w+W+B;K+N+M>g.width&&(K=$+D-N-B),Q+E+M>g.height&&(Q=w+W-E-B);const H=M,J=M,O=Math.max(M,g.width-N-M),T=Math.max(M,g.height-E-M);K=Math.min(Math.max(K,H),O),Q=Math.min(Math.max(Q,J),T),i.value={left:`${K}px`,top:`${Q}px`}}return e.watch([n,c],()=>{e.nextTick(()=>d())}),e.onMounted(()=>{window.addEventListener("resize",d)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",d),l()}),(y,p)=>c.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popupRef",ref:a,class:"absolute pointer-events-none z-20",style:e.normalizeStyle(i.value)},[e.createElementVNode("div",hf,[e.createElementVNode("div",xf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.key,class:"flex flex-col"},[e.createElementVNode("span",bf,e.toDisplayString(g.label),1),e.createElementVNode("span",kf,e.toDisplayString(g.value??"—"),1)]))),128))])])],4)):e.createCommentVNode("",!0)}});function wf(){const{map:t,ready:n}=Pe(),o=Fe.useRoute(),r=Fe.useRouter(),l=e.ref(null),s=e.ref(null),a=e.ref(null),i=e.ref(!1),f=e.ref([]),m=e.ref(0),x=e.computed(()=>f.value.length),u=e.computed(()=>i.value||!!l.value||!!a.value);let h=null,c=!1;function d(){l.value=null,s.value=null,a.value=null,i.value=!1,f.value=[],m.value=0}function y(){if(h){try{h()}catch{}h=null}}async function p(){await n();const K=t.value;K&&(y(),d(),K.on("click",g),h=()=>K.off("click",g),W(B()))}function g(K){const Q=t.value;if(!Q)return;const H=(Q.queryRenderedFeatures(K.point)||[]).filter(J=>{var O;return(O=J==null?void 0:J.properties)==null?void 0:O.id});if(!H.length){d(),D(null);return}f.value=H,m.value=0,k(m.value)}function k(K){const Q=f.value[K];if(!Q)return;m.value=K;const H=Se(Q.source);w(Q,H==null?void 0:H.card)}function C(){m.value>=f.value.length-1||k(m.value+1)}function $(){m.value<=0||k(m.value-1)}async function w(K,Q){var O,T,F,X,v;if(!((O=K==null?void 0:K.properties)!=null&&O.id))return;const H=new URLSearchParams;H.set("layer",K.source),H.set("id",String((T=K.properties)==null?void 0:T.id));const J=Array.isArray(Q)&&Q.length>0;i.value=J,a.value=null,l.value=null,s.value=K||null;try{const _=await fetch(`/api/map-format?${H.toString()}`);if(!_.ok)throw new Error(`Failed (${_.status})`);const S=await _.json(),z=Array.isArray(S.columns)?S.columns:[],I=Array.isArray(Q)?Q:[];if(!z.length&&!I.length){console.error("Configure layer in admin"),N();return}const G=S.rows??S.data??{};l.value={rows:G,fields:I,columns:z,html:S.html||null},c||D(s.value);const ne=((F=S.rows)==null?void 0:F.geom)??((X=S.data)==null?void 0:X.geom);if(ne){const oe=typeof ne=="string"?JSON.parse(ne):ne;oe&&(s.value={...s.value,geometry:oe,properties:{...((v=s.value)==null?void 0:v.properties)||{},geom:oe,geom_4326:oe}})}}catch(_){console.error("Failed to load feature card:",_),N()}finally{i.value=!1}}function N(){d(),D(null)}function E(){y(),d()}n().then(p),e.onBeforeUnmount(()=>E());function B(){const K=Array.isArray(o.query.info)?o.query.info[0]:o.query.info;return typeof K!="string"?null:K.trim()||null}function M(K){var O,T;const Q=(K==null?void 0:K.source)??((O=K==null?void 0:K.layer)==null?void 0:O.id),H=(T=K==null?void 0:K.properties)==null?void 0:T.id;return!Q||H===void 0||H===null?null:`${Q},${H}`.trim()||null}function D(K){const Q=M(K),H=B();if(Q===H)return;const J={...o.query};Q?J.info=Q:delete J.info,r.push({query:J}).catch(()=>{})}async function W(K){if(!K){d();return}if(K===M(s.value))return;const[Q,H]=K.split(","),J=Q==null?void 0:Q.trim(),O=H==null?void 0:H.trim();if(!J||!O){d(),D(null);return}c=!0;try{const T={source:J,properties:{id:O}};f.value=[T],m.value=0;const F=Se(J);await w(T,F==null?void 0:F.card)}finally{c=!1}}return e.watch(()=>B(),K=>{K!==M(s.value)&&(c=!0,W(K).finally(()=>{c=!1}))}),{card:l,cardFeature:s,cardError:a,cardLoading:i,isOpen:u,close:N,next:C,prev:$,count:x,index:m}}function _f(){const{map:t,ready:n}=Pe(),o=e.ref([]),r=e.ref(0),l=e.ref(0),s=e.ref(!1),a=e.ref(null),i=e.ref({}),f=e.ref(null),m=e.ref([]),x=e.computed(()=>o.value[l.value]||null),u=e.computed(()=>o.value.length>0);let h=null;const c=()=>{h==null||h.remove(),h=null},d=B=>B?B.type==="FeatureCollection"?B:B.type==="Feature"?{type:"FeatureCollection",features:[B]}:B.type&&Array.isArray(B.coordinates)?{type:"FeatureCollection",features:[{type:"Feature",geometry:B,properties:{}}]}:Array.isArray(B.features)?{type:"FeatureCollection",features:B.features}:B.geometry?d(B.geometry):null:null,y=()=>({type:"line",color:"#0a57ff",width:4,opacity:.95}),p=B=>Number(B.toFixed(5)),g=async B=>{if(await n(),!t.value)return;const M=d(B);M&&(c(),h=Se("feature-highlight",{source:{type:"geojson",data:M},style:y()},t))},k=async(B,M,D)=>{var Q,H;const[W,K]=[p(B),p(M)];f.value={x:W,y:K},m.value=D,s.value=!0,a.value=null,o.value=[],i.value={},l.value=0;try{const J=D.map(async v=>{const _=`/api/map-info-point?x=${W}&y=${K}&layers=${v}`,S=await fetch(_);if(!S.ok)return null;const z=await S.json();if(!z.count)return null;const G=await(await fetch(`${_}&index=0`)).json();return{layerId:v,data:G,count:z.count}}),T=(await Promise.all(J)).filter(Boolean);if(T.length===0){r.value=0;return}o.value=T.map(v=>v.data);const[F]=o.value;r.value=T.reduce((v,_)=>v+(_.count||0),0),i.value[0]=F;const X=((Q=F==null?void 0:F.data)==null?void 0:Q.geom_4326)??((H=F==null?void 0:F.data)==null?void 0:H.geom);await g(X)}catch(J){a.value=J.message}finally{s.value=!1}},C=async B=>{if(!f.value||!m.value.length)return;if(i.value[B]){o.value[B]=i.value[B];return}const{x:M,y:D}=f.value,W=m.value.join(","),K=`/api/map-info-point?x=${M}&y=${D}&index=${B}&layers=${W}`;try{s.value=!0;const Q=await fetch(K);if(!Q.ok)throw new Error("Failed to fetch feature by index");const H=await Q.json();o.value[B]=H,i.value[B]=H}catch(Q){a.value=Q.message}finally{s.value=!1}},$=async()=>{l.value<r.value-1&&(l.value+=1,i.value[l.value]||await C(l.value))},w=async()=>{l.value>0&&(l.value-=1,i.value[l.value]||await C(l.value))},N=()=>{o.value=[],r.value=0,l.value=0,i.value={},f.value=null,m.value=[],c()};e.watch(l,async()=>{var M,D;const B=x.value;if(B){const W=((M=B==null?void 0:B.data)==null?void 0:M.geom_4326)??((D=B==null?void 0:B.data)==null?void 0:D.geom);await g(W)}});let E=null;return e.onMounted(async()=>{await n(),t.value&&(E=async B=>{const{lng:M,lat:D}=B.lngLat,W=Se(),Q=Object.entries(W).map(([H,J])=>{var O,T,F,X;return{id:H,service:((O=J==null?void 0:J.opts)==null?void 0:O.service)??((F=(T=J==null?void 0:J.opts)==null?void 0:T.source)==null?void 0:F.service)??null,count:((X=J==null?void 0:J.opts)==null?void 0:X.count)??null,visible:(()=>{var v;try{return((v=t.value)==null?void 0:v.getLayer(H))?t.value.getLayoutProperty(H,"visibility")!=="none":!0}catch{return!0}})()}}).filter(H=>H.service==="ogc"&&H.visible).map(H=>H.id);Q.length>0&&await k(M,D,Q)},t.value.on("dblclick",E))}),e.onBeforeUnmount(()=>{t.value&&E&&t.value.off("dblclick",E),c()}),{features:o,count:r,index:l,current:x,loading:s,error:a,active:u,next:$,prev:w,close:N}}const il=e.defineComponent({__name:"LayerSwitcher",props:{title:{},url:{},id:{},buttonText:{}},emits:["activate"],setup(t,{emit:n}){const o=t,r=n;function l(m){const x=m.normalize("NFKD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-zA-Z0-9]+/g,"-").replace(/^-+|-+$/g,"").toLowerCase();if(x)return x;const u=Array.from(m).map(h=>h.charCodeAt(0).toString(16)).join("").slice(0,8);return u?`layer-${u}`:"layer-temp"}const s=e.computed(()=>{var m;return((m=o.id)==null?void 0:m.trim())||l(o.title)}),a=e.computed(()=>o.buttonText||"Показати шар");function i(){return{id:s.value,title:o.title,url:o.url}}function f(){r("activate",i())}return(m,x)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"flex items-center justify-center bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full",onClick:f},[e.renderSlot(m.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.value),1)])]))}}),at=e.ref([]);function Ef(t,n){return typeof t!="string"?"":t.includes("{{")?t.replace(/\{\{\s*([a-zA-Z0-9_]+)\s*}}/g,(o,r)=>{const l=String(r||"").trim();if(!l)return"";const s=n[l];return s!=null?String(s):""}):t}function Sn(t){return t==null?"":String(t).trim()}function yo(t){var n,o;(o=(n=t==null?void 0:t.handle)==null?void 0:n.remove)==null||o.call(n)}function Nf(t){return t?typeof(t==null?void 0:t.value)<"u"?t.value:t:null}function Cf(t){var o;if(!(t!=null&&t.getStyle))return;const n=((o=t.getStyle())==null?void 0:o.layers)||[];for(let r=0;r<n.length;r+=1){const l=n[r];if(!(!l||typeof l.id!="string")&&l.type&&l.type!=="background"&&l.type!=="raster")return l.id}}function ho(t){function n(a,i={},f,m){var C,$;const x=Sn(a==null?void 0:a.id),u=((C=a==null?void 0:a.title)==null?void 0:C.trim())||x,h=(($=a==null?void 0:a.url)==null?void 0:$.trim())||"";if(!x||!h)return;const c=Ef(h,i);if(!c)return;const d=m??t;if(!d)return;const y=Nf(d);if(!y)return;const p=at.value.findIndex(w=>w.id===x);p!==-1&&(yo(at.value[p]),at.value.splice(p,1));let g=null;const k=a.beforeId??Cf(y);try{g=Se(x,{source:{type:"raster",tiles:[c],tileSize:a.tileSize??256,minzoom:a.minzoom??0,maxzoom:a.maxzoom??19},layer:{id:x,type:"raster",source:x,paint:{"raster-opacity":a.opacity??.85}},beforeId:k},d)}catch(w){const N=(w==null?void 0:w.message)??"";if(!(typeof N=="string"&&N.includes("Map provider")))throw w;return}at.value=[...at.value,{id:x,title:u,originalUrl:h,resolvedUrl:c,owner:f??null,handle:g??null}]}function o(a,i){const f=Sn(a);if(!f)return;const m=at.value.findIndex(u=>u.id===f&&(!i||u.owner===i));if(m===-1)return;const[x]=at.value.splice(m,1);yo(x)}function r(a,i,f){var u;const m=Sn(a);if(!m)return;const x=at.value.find(h=>h.id===m&&(!f||h.owner===f));(u=x==null?void 0:x.handle)!=null&&u.setOpacity&&x.handle.setOpacity(i)}function l(a){if(!at.value.length)return;const i=[];at.value.forEach(f=>{(a?f.owner===a:!0)?yo(f):i.push(f)}),at.value=i}function s(a,i){const f=Sn(a);return f?at.value.some(m=>m.id===f&&(!i||m.owner===i)):!1}return{temporaryLayers:at,activateTemporaryLayer:n,deactivateTemporaryLayer:o,setTemporaryLayerOpacity:r,clearTemporaryLayers:l,isTemporaryLayerActive:s}}const xo="map-card:external-payload",Vf=t=>t?typeof t.html=="string"&&t.html.trim().length>0:!1,Bf={key:0,class:"card absolute top-4 lg:left-auto right-11 md:left-4 z-[82] w-[calc(100%-36px)] md:w-[400px] max-h-[80%] overflow-hidden rounded-2xl border border-slate-200 bg-white/95 shadow-2xl backdrop-blur-md flex flex-col"},$f={class:"flex items-start justify-between gap-3 border-b border-slate-200 px-4 py-3"},vf={class:"min-w-0 flex-1"},Sf={class:"text-base font-semibold text-slate-900 truncate"},Lf={key:0,class:"flex gap-1 mt-1"},Af=["disabled"],Mf=["disabled"],Tf={key:1,class:"flex gap-1 mt-1"},Ff=["disabled"],Df=["disabled"],zf={class:"flex-1 overflow-y-auto px-4 py-3 space-y-4 text-sm text-slate-700"},If={key:0,class:"text-center text-xs text-slate-500"},jf={key:1,class:"text-center text-xs text-red-500"},Pf={key:0,class:"prose prose-sm max-w-none space-y-3 border-slate-200"},Rf={class:"divide-y divide-gray-100 py-[5px]"},Of={class:"text-gray-900 font-normal"},Uf={key:0,class:"flex gap-1 flex-wrap"},qf={key:1,class:"prose prose-sm max-w-none space-y-3 border-slate-200"},Hf=["innerHTML"],Wf=["innerHTML"],Yf={key:2,class:"space-y-3 border-t border-slate-200 pt-3"},Zf={key:3,class:"border-t border-slate-100 px-4 py-2 text-right text-xs text-slate-500"},Gf={class:"text-xs tracking-[0.02em] leading-none"},Kf={key:4,class:"space-y-3 border-t border-slate-200 pt-3"},Xf={class:"space-y-1"},Qf={class:"flex items-center cursor-pointer gap-2 flex-1"},Jf=["checked","onChange"],eg={class:"text-[13px] text-gray-600"},tg={key:0,class:"text-right text-xs text-gray-400 truncate max-w-[40%]"},ng={key:5,class:"text-center text-xs text-slate-400"},og="map:temporary-layer-request",cl="cardHideEmpty",rg=14,bo=ye(e.defineComponent({__name:"MapCardWidget",props:{mapId:{}},setup(t){const n=t,o=wf(),r=_f(),l=e.ref(null),s=e.ref(null),a=e.computed(()=>{var V;return!!((V=l.value)!=null&&V.trim())});function i(){return a.value?s.value?(Vl(s.value),!0):(je(),!0):(je(),!1)}const f=V=>{var U,re;const L=V;l.value=((U=L.detail)==null?void 0:U.html)??null,s.value=((re=L.detail)==null?void 0:re.geometry)??null,a.value?i():je()};e.onMounted(()=>{typeof window>"u"||window.addEventListener(xo,f)}),e.onBeforeUnmount(()=>{typeof window>"u"||window.removeEventListener(xo,f)});const m=e.computed(()=>r.active.value),x=e.computed(()=>m.value||o.isOpen.value||a.value),u=e.computed(()=>m.value?r.loading.value:o.cardLoading.value),h=e.computed(()=>m.value?r.error.value:o.cardError.value),c=e.computed(()=>{var V,L;return m.value?((V=r.current.value)==null?void 0:V.html)||null:a.value?l.value:((L=o.card.value)==null?void 0:L.html)||null}),d=Pe(),y=po(),p=e.computed(()=>{var V,L;return((L=(V=y.value)==null?void 0:V.map)==null?void 0:L.cardHideEmpty)??null}),g=Fe.useRoute(),{activateTemporaryLayer:k,deactivateTemporaryLayer:C,clearTemporaryLayers:$,isTemporaryLayerActive:w}=ho(d.map);function N(V){window.dispatchEvent(new CustomEvent(og,{detail:V}))}const E=e.computed(()=>{var V;return((V=o.cardFeature.value)==null?void 0:V.source)??null}),B=e.computed(()=>E.value?`map-card:${E.value}`:"map-card"),M=e.computed(()=>{var re,de;const V=o.cardFeature.value,L=(V==null?void 0:V.source)||((re=V==null?void 0:V.layer)==null?void 0:re.id),U=((de=V==null?void 0:V.properties)==null?void 0:de.id)??(V==null?void 0:V.id);return L&&U!=null?`${L}:${U}`:null}),D=e.ref(null),W=e.ref(null),K=e.ref(0),Q=new Map;function H(){if(typeof window>"u")return null;const L=(window.location.pathname||"").match(/\/maps?\/([^/]+)/i);return L&&L[1]?L[1]:null}const J=e.computed(()=>{const V=typeof n.mapId=="string"?n.mapId.trim():"";if(V.length)return V;const L=typeof g.params.slug=="string"?g.params.slug.trim():"";if(L.length)return L;const U=typeof g.query.slug=="string"?g.query.slug.trim():"";return U.length?U:H()}),O=e.ref(null),T=e.ref(null),F=new Map;function X(V){const L=V.normalize("NFKD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-zA-Z0-9]+/g,"-").replace(/^-+|-+$/g,"").toLowerCase();if(L)return L;const U=Array.from(V).map(re=>re.charCodeAt(0).toString(16)).join("").slice(0,8);return U?`layer-${U}`:`layer-${Math.random().toString(36).slice(2,8)}`}function v(V){if(typeof V!="string")return"";const L=V.trim();if(!L)return"";if(/^https?:\/\//i.test(L))return L;if(L.startsWith("//"))return typeof window>"u"?`https:${L}`:`${window.location.protocol}${L}`;const U=typeof window<"u"?window.location.origin:"";return L.startsWith("/")?U?`${U}${L}`:L:U?`${U}/${L}`:L}function _(V){if(V==null)return[];if(Array.isArray(V))return V.flatMap(L=>_(L));if(typeof V=="number")return Number.isFinite(V)?[V]:[];if(typeof V=="string"){const L=V.match(/-?\d+(?:\.\d+)?/g);return!L||!L.length?[]:L.map(U=>Number(U)).filter(U=>Number.isFinite(U))}return[]}function S(V){const L=_(V);if(L.length<4)return null;const[U,re,de,ke]=L;return[U,re,de,ke].every(Me=>Number.isFinite(Me))?[U,re,de,ke]:null}function z(V){if(!V)return null;const L=V.trim();if(!L.length)return null;try{const de=JSON.parse(L),ke=S(de);if(ke)return ke}catch{}const U=L.match(/-?\d+(?:\.\d+)?/g);if(!U||U.length<4)return null;const re=U.slice(0,4).map(de=>Number(de));return re.every(de=>Number.isFinite(de))?[re[0],re[1],re[2],re[3]]:null}function I(V){const L={},U=/([:@\w-]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'>]+)))?/g;let re;for(;(re=U.exec(V))!==null;){const de=re[1],ke=re[2]??re[3]??re[4]??"";de&&(L[de]=ke)}return L}function G(V,L){for(const U of L)if(V[U]!=null&&String(V[U]).trim().length)return String(V[U]).trim();return""}function ne(V){if(!(V!=null&&V.length))return;const L=Number(V);return Number.isFinite(L)?L:void 0}function oe(V){if(typeof V!="string"||!V.length)return[];const L=[],U=/<LayerSwitcher\b([^>]*)>([\s\S]*?)<\/LayerSwitcher>/gi;let re=0,de;const ke=new Set,Me=Te=>{let We=Te,Qe=2;for(;ke.has(We);)We=`${Te}-${Qe}`,Qe+=1;return ke.add(We),We};for(;(de=U.exec(V))!==null;){const[Te,We="",Qe=""]=de,Oe=de.index;if(Oe>re){const vl=V.slice(re,Oe);vl.trim().length&&L.push({type:"html",content:vl})}const Je=I(We),lt=G(Je,["title"])||"Тимчасовий шар",$t=v(G(Je,["url"]));if(!$t){L.push({type:"html",content:Te}),re=Oe+Te.length;continue}const yn=G(Je,["id"]),_o=G(Je,["button-text","buttonText","show","show-label","showLabel"]),mw=ne(G(Je,["tile-size","tileSize"])),fw=ne(G(Je,["minzoom","minZoom"])),gw=ne(G(Je,["maxzoom","maxZoom"])),yw=ne(G(Je,["opacity"])),hw=z(G(Je,["bounds","data-bounds","bbox"])),xw=yn||X(`${lt}-${$t}`)||X(lt),Bl=Me(xw||`layer-${L.length+1}`),Eo=Qe.trim(),$l=/<[^>]+>/.test(Eo),bw=$l?Eo:null,No=$l?null:Eo,kw=_o&&_o.trim().length?_o.trim():No&&No.trim().length?No.trim():void 0;L.push({type:"layer",spec:{id:Bl,title:lt,url:$t,tileSize:mw,minzoom:fw,maxzoom:gw,opacity:yw,bounds:hw},componentProps:{title:lt,url:$t,id:Bl,buttonText:kw},slotText:bw}),re=Oe+Te.length}if(re<V.length){const Te=V.slice(re);Te.trim().length&&L.push({type:"html",content:Te})}return!L.length&&V.trim().length&&L.push({type:"html",content:V}),L}function ae(V){if(!V)return null;const L=typeof V.id=="string"?V.id.trim():"",U=typeof V.title=="string"?V.title.trim():"",re=v(typeof V.url=="string"?V.url:"");return!L||!re?null:{id:L,title:U||L,url:re,tileSize:V.tileSize,minzoom:V.minzoom,maxzoom:V.maxzoom,opacity:V.opacity,bounds:V.bounds}}const xe=e.computed(()=>{if(m.value&&r.current.value)return r.current.value.data??{};const V=o.card.value;return(V==null?void 0:V.rows)??{}}),we=e.computed(()=>{if(m.value&&r.current.value){const re=r.current.value,de=Array.isArray(re.columns)?re.columns:[];return de.length?de:re.fields??[]}const V=o.card.value;if(!V)return[];const L=Array.isArray(V.columns)?V.columns:[];return L.length?L:Array.isArray(V.fields)?V.fields:[]}),P=e.computed(()=>{const V=we.value;if(!V.length)return[];const L=xe.value;return V.map(U=>({key:U.name,label:U.ua||U.label||U.title||U.name,value:Z(L[U.name],U.format||"text"),format:U.format||"text"}))}),ee=new Set(["—","-","–","−"]);function b(V){const L=V.match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!L)return V;const[,U,re,de]=L;return`${de}.${re}.${U}`}function A(V){return Number.isFinite(V)?new Intl.NumberFormat("uk-UA").format(V):"—"}function Z(V,L){if(V==null)return"—";if(L==="tags")return V;if(Array.isArray(V))return V.length?V.map(U=>Z(U,"text")).join(", "):"—";if(typeof V=="boolean")return V?"так":"ні";if(typeof V=="number")return A(V);if(typeof V=="string"){const U=V.trim();if(!U.length)return"—";if(/^\d{4}-\d{2}-\d{2}$/.test(U))return b(U);if(/^-?\d+(?:\.\d+)?$/.test(U)){const re=Number(U);return Number.isFinite(re)?A(re):U}return U}return String(V)}function le(V){if(V==null)return!0;if(typeof V=="string"){const L=V.trim();return L.length?ee.has(L):!0}return!1}function fe(V){if(!V)return[];if(Array.isArray(V))return V;if(typeof V=="string"){const L=V.trim();if(L.startsWith("{")&&L.endsWith("}")){const re=L.slice(1,-1).match(/"((?:[^"\\]|\\.)*)"/g);return re?re.map(de=>de.slice(1,-1).replace(/\\"/g,'"')):[]}}return[]}const ie=e.ref(!1),Be=e.ref(!0),$e=()=>{var V,L;return typeof window>"u"?null:((L=(V=window.localStorage)==null?void 0:V.getItem)==null?void 0:L.call(V,cl))??null},Re=e.ref($e()),De=V=>{const L=typeof V=="string"&&V.toLowerCase()==="true";ie.value=L,Be.value=!L},Ue=V=>{Re.value=V};if(typeof window<"u"){const V=L=>{L.key===cl&&Ue(L.newValue)};window.addEventListener("storage",V),e.onBeforeUnmount(()=>{window.removeEventListener("storage",V)})}const tt=e.computed(()=>typeof Re.value=="string");e.watch(Re,V=>{De(typeof V=="string"?V:p.value)},{immediate:!0}),e.watch(p,V=>{tt.value||De(V)},{immediate:!0});const Mt=e.computed(()=>P.value.filter(V=>le(V.value)).length),Tt=e.computed(()=>ie.value&&!Be.value?P.value.filter(V=>!le(V.value)):P.value);function Zt(V){const L=typeof V=="string"?V:"";if(!L.length)return{sanitized:"",hiddenCount:0};if(typeof DOMParser>"u")return{sanitized:L,hiddenCount:0};const re=new DOMParser().parseFromString(L,"text/html");let de=0;return re.querySelectorAll("dd").forEach(ke=>{var We;const Me=((We=ke.textContent)==null?void 0:We.trim())??"",Te=ke.closest("div");if(le(Me)){de+=1,Te?Te.remove():ke.remove();return}}),{sanitized:re.body.innerHTML,hiddenCount:de}}const Ft=e.computed(()=>Zt(c.value)),ut=e.computed(()=>c.value?Ft.value.hiddenCount:0),dn=e.computed(()=>Mt.value+ut.value),un=e.computed(()=>{var V;return ie.value&&!Be.value&&!!((V=c.value)!=null&&V.trim())}),Bt=e.computed(()=>ie.value&&dn.value>0),pn=e.computed(()=>Be.value?"Приховати пусті значення":"Показати пусті значення"),j=e.computed(()=>Be.value?Pl:So);function Y(){Be.value=!Be.value}const q=e.computed(()=>{const V=un.value?Ft.value.sanitized:c.value??"";return oe(V)}),se=e.computed(()=>q.value.filter(V=>V.type==="layer"));function pe(V){return Array.isArray(V)?V.map((L,U)=>{const re=v(typeof(L==null?void 0:L.url)=="string"?L.url:""),de=typeof(L==null?void 0:L.geohub)=="string"&&L.geohub.trim().length?`/api-hub/tms/${L.geohub.trim()}/ua/{z}/{x}/{y}.png`:"",ke=((L==null?void 0:L.name)||(L==null?void 0:L.title)||(L==null?void 0:L.label)||`Шар ${U+1}`).toString(),Me=(L==null?void 0:L.id)!=null?String(L.id):X(`${ke}-${U+1}`),Te=(L==null?void 0:L.buttonText)||(L==null?void 0:L.button_text)||null,We=(L==null?void 0:L.description)||(L==null?void 0:L.subtitle)||null,Qe=re||v(de)||"";if(!Qe)return null;const Oe={id:Me,title:ke,url:Qe,subtitle:We,buttonText:Te||void 0};typeof(L==null?void 0:L.tileSize)=="number"&&(Oe.tileSize=L.tileSize),typeof(L==null?void 0:L.tile_size)=="number"&&(Oe.tileSize=L.tile_size),typeof(L==null?void 0:L.minzoom)=="number"&&(Oe.minzoom=L.minzoom),typeof(L==null?void 0:L.maxzoom)=="number"&&(Oe.maxzoom=L.maxzoom),typeof(L==null?void 0:L.opacity)=="number"&&(Oe.opacity=L.opacity);const Je=S((L==null?void 0:L.bounds)??(L==null?void 0:L.bbox)??null);return Je&&(Oe.bounds=Je),Oe}).filter(Boolean):[]}const be=e.computed(()=>{var re,de;const V=o.card.value,L=r.current.value,U=[(re=V==null?void 0:V.rows)==null?void 0:re.layers,V==null?void 0:V.layers,(de=L==null?void 0:L.data)==null?void 0:de.layers,L==null?void 0:L.layers];for(const ke of U){const Me=pe(ke);if(Me.length)return Me}return[]}),Ne=e.computed(()=>q.value.length>0||P.value.length>0||be.value.length>0),_e=e.computed(()=>!o.cardLoading.value&&!!o.card.value);function it(){const V={},L=O.value;if(L&&typeof L=="object"&&Object.entries(L).forEach(([U,re])=>{typeof re=="string"&&(V[U]=re)}),E.value&&(V.layer=E.value),!V.geohub){const U=typeof(L==null?void 0:L.geohub)=="string"?L.geohub:null,re=typeof(L==null?void 0:L.geohub_key)=="string"?L.geohub_key:null,de=typeof(L==null?void 0:L.geohubId)=="string"?L.geohubId:null;V.geohub=U||re||de||V.layer||""}return V}async function ot(){const V=E.value;if(!V)return O.value=null,T.value=null,null;if(T.value===V&&O.value)return O.value;if(F.has(V)){const L=F.get(V);return O.value=L,T.value=V,L}try{const L=await fetch(`/api/gis-service/${encodeURIComponent(V)}`);if(!L.ok)return null;const U=await L.json();return F.set(V,U),O.value=U,T.value=V,U}catch{return null}}async function Ze(V){if(!(V!=null&&V.id))return;await ot();const L=it(),U=se.value.find(Te=>Te.spec.id===V.id),re=be.value.find(Te=>Te.id===V.id),de=(U==null?void 0:U.spec)||ae(re)||ae(V),ke=(U==null?void 0:U.spec.bounds)??(re==null?void 0:re.bounds);if(!de||w(de.id,B.value))return;const Me=B.value||void 0;D.value=Me??null,k(de,L,Me),N({action:"activate",owner:Me,spec:de,context:L}),ct(ke)}async function ct(V){var ke;if(!(V!=null&&V.length))return;const[L,U,re,de]=V;[L,U,re,de].every(Me=>Number.isFinite(Me))&&typeof d.fitBounds=="function"&&(await((ke=d.ready)==null?void 0:ke.call(d)),d.fitBounds([[L,U],[re,de]],{padding:48,maxZoom:18}))}function kt(V){if(!V)return;const L=Gt()||void 0;C(V,L),N({action:"deactivate",owner:L,spec:{id:V}})}function zn(V){return w(V,Gt())}function In(V,L){const U=L.target;!!(U!=null&&U.checked)?Ze(V):kt(V.id)}function Gt(){return D.value||B.value||null}e.watch(E,(V,L)=>{V!==L&&(O.value=null,T.value=null)});const{next:mn,prev:fn,count:R,index:te}=r,ge=e.computed(()=>o.count.value),Ce=e.computed(()=>o.index.value),ue=e.computed(()=>ge.value>1),Le=e.computed(()=>m.value?R.value:ge.value),Ve=e.computed(()=>m.value?te.value:Ce.value),ce=o.next,ve=o.prev;function Ae(){const V=Gt();V&&($(V),N({action:"clear",owner:V}),D.value=null)}function ze(){l.value=null,s.value=null,o.close(),r.close(),Ae()}e.watch(x,(V,L)=>{!V&&L&&(Ae(),je())});function rt(){!o.isOpen.value&&!r.active.value&&Ae()}e.watch(()=>o.isOpen.value,()=>{rt()}),e.watch(()=>r.active.value,()=>{rt()}),e.watch(E,(V,L)=>{V&&L&&V!==L&&Ae()}),e.watch(te,(V,L)=>{V!==L&&Ae()}),e.watch(M,(V,L)=>{V&&L&&V!==L&&Ae()});function pt(V){if(!V)return null;if(V.geometry)return V.geometry;const L=(V==null?void 0:V.data)??(V==null?void 0:V.properties);return L!=null&&L.geom_4326?L.geom_4326:L!=null&&L.geom?L.geom:null}function je(){var V,L;(L=(V=W.value)==null?void 0:V.remove)==null||L.call(V),W.value=null}function ft(V){var U,re,de;const L=(V==null?void 0:V.type)||((de=(re=(U=V==null?void 0:V.features)==null?void 0:U[0])==null?void 0:re.geometry)==null?void 0:de.type)||"";return L.includes("Polygon")?{type:"fill",paint:{"fill-color":"#0a57ff","fill-opacity":.2,"fill-outline-color":"#0a57ff"}}:L.includes("LineString")?{type:"line",paint:{"line-color":"#0a57ff","line-width":3,"line-opacity":.9}}:{type:"circle",paint:{"circle-color":"#0a57ff","circle-opacity":.9,"circle-radius":8,"circle-stroke-color":"#ffffff","circle-stroke-width":2}}}let Xe=null;function wt(){const V=Array.isArray(g.query.info)?g.query.info[0]:g.query.info;return typeof V!="string"?null:V.trim()||null}function jn(V){var de,ke;if(!V)return null;const L=(V==null?void 0:V.source)??((de=V==null?void 0:V.layer)==null?void 0:de.id),U=((ke=V==null?void 0:V.properties)==null?void 0:ke.id)??(V==null?void 0:V.id);return!L||U===void 0||U===null?null:`${L},${U}`.trim()||null}function Pn(V,L){if(V){if(Array.isArray(V)){if(V.length>=2&&typeof V[0]=="number"&&typeof V[1]=="number"){L.push([V[0],V[1]]);return}V.forEach(U=>Pn(U,L));return}typeof V=="object"&&(Array.isArray(V.coordinates)&&Pn(V.coordinates,L),Array.isArray(V.features)&&V.features.forEach(U=>Pn(U==null?void 0:U.geometry,L)))}}function cw(V){var Te,We;if(!V)return null;const L=V.type==="FeatureCollection"?(We=(Te=V.features)==null?void 0:Te[0])==null?void 0:We.geometry:V.type==="Feature"?V.geometry:V,U=[];if(Pn(L,U),!U.length)return null;let re=U[0][0],de=U[0][0],ke=U[0][1],Me=U[0][1];return U.forEach(([Qe,Oe])=>{Qe<re&&(re=Qe),Qe>de&&(de=Qe),Oe<ke&&(ke=Oe),Oe>Me&&(Me=Oe)}),[(re+de)/2,(ke+Me)/2]}async function dw(V,L){var ke;const U=wt();if(!U)return;const re=jn(V);if(!re||re!==U||Xe===U)return;const de=cw(L);de&&(await((ke=d.ready)==null?void 0:ke.call(d)),d.flyTo({center:de,zoom:rg}),Xe=U)}function Vl(V){var de;if(!V){je();return}const L=(de=d.map)==null?void 0:de.value,U={type:"FeatureCollection",features:[{type:"Feature",geometry:V,properties:{}}]};je();const re=ft(V);if(W.value=Se("feature-card-highlight",{source:{type:"geojson",data:U},layer:{id:"feature-card-highlight",type:re.type,source:"feature-card-highlight",paint:re.paint}},d.map),L!=null&&L.moveLayer){const ke=()=>{try{L.moveLayer("feature-card-highlight")}catch{}},Me=()=>{typeof window<"u"&&window.requestAnimationFrame?window.requestAnimationFrame(()=>{window.requestAnimationFrame(ke)}):setTimeout(ke,0)};Me();const Te=()=>Me();L.once("styledata",Te);const We=()=>{Me(),L.off("styledata",Te),L.off("idle",We)};L.on("idle",We)}}function uw(V){var re,de;const L=(V==null?void 0:V.source)||((re=V==null?void 0:V.layer)==null?void 0:re.id)||"unknown",U=((de=V==null?void 0:V.properties)==null?void 0:de.id)??(V==null?void 0:V.id)??"unknown";return`${L}:${U}`}async function pw(V){var ke,Me,Te,We,Qe;if(!V)return null;const L=pt(V);if(L)return L;const U=((ke=V==null?void 0:V.properties)==null?void 0:ke.id)??(V==null?void 0:V.id);if(!U)return null;const re=uw(V);if(Q.has(re))return Q.get(re);const de=[J.value,V==null?void 0:V.source,(Me=V==null?void 0:V.layer)==null?void 0:Me.id].map(Oe=>typeof Oe=="string"?Oe.trim():"").filter(Boolean);for(const Oe of de)try{const Je=await fetch(`/api/map-features/${encodeURIComponent(Oe)}/${encodeURIComponent(String(U))}`);if(!Je.ok)continue;const lt=await Je.json(),$t=((Te=lt==null?void 0:lt.data)==null?void 0:Te.geom)||((We=lt==null?void 0:lt.data)==null?void 0:We.geometry)||((Qe=lt==null?void 0:lt.data)==null?void 0:Qe.geom_4326)||null,yn=typeof $t=="string"?JSON.parse($t):$t;if(yn)return Q.set(re,yn),yn}catch{continue}return null}async function gn(V){K.value+=1;const L=K.value;if(i())return;if(!V||m.value){je();return}if(!_e.value){je();return}const U=await pw(V);if(L===K.value){if(!U){je();return}Vl(U),dw(V,U)}}return e.watch(()=>o.cardFeature.value,V=>{gn(V)},{immediate:!0}),e.watch(()=>o.index.value,()=>{m.value||gn(o.cardFeature.value)}),e.watch(m,V=>{if(V){a.value||je();return}if(a.value){i();return}gn(o.cardFeature.value)}),e.watch(J,()=>{if(a.value){i();return}!m.value&&o.cardFeature.value&&gn(o.cardFeature.value)}),e.watch(_e,V=>{i()||(V?gn(o.cardFeature.value):je())}),e.watch(()=>wt(),()=>{Xe=null}),e.watch(l,V=>{V||(s.value=null,je())}),e.onBeforeUnmount(()=>{Ae(),je()}),(V,L)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade"},{default:e.withCtx(()=>[x.value?(e.openBlock(),e.createElementBlock("div",Bf,[e.createElementVNode("div",$f,[e.createElementVNode("div",vf,[e.createElementVNode("p",Sf,[m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(" Об’єкт "+e.toDisplayString(Ve.value+1)+" / "+e.toDisplayString(Le.value),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ue.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" Об’єкт "+e.toDisplayString(Ve.value+1)+" / "+e.toDisplayString(Le.value),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(" Інформація про об’єкт ")],64))],64))])]),m.value&&e.unref(R)>1?(e.openBlock(),e.createElementBlock("div",Lf,[e.createElementVNode("button",{onClick:L[0]||(L[0]=(...U)=>e.unref(fn)&&e.unref(fn)(...U)),disabled:e.unref(te)===0,class:"border p-1 rounded text-xs disabled:opacity-40"},[e.createVNode(e.unref($o),{class:"h-4 w-4"})],8,Af),e.createElementVNode("button",{onClick:L[1]||(L[1]=(...U)=>e.unref(mn)&&e.unref(mn)(...U)),disabled:e.unref(te)===e.unref(R)-1,class:"border p-1 rounded text-xs disabled:opacity-40"},[e.createVNode(e.unref(vo),{class:"h-4 w-4"})],8,Mf)])):!m.value&&ue.value?(e.openBlock(),e.createElementBlock("div",Tf,[e.createElementVNode("button",{onClick:L[2]||(L[2]=(...U)=>e.unref(ve)&&e.unref(ve)(...U)),disabled:Ce.value===0,class:"border p-1 rounded text-xs disabled:opacity-40"},[e.createVNode(e.unref($o),{class:"h-4 w-4"})],8,Ff),e.createElementVNode("button",{onClick:L[3]||(L[3]=(...U)=>e.unref(ce)&&e.unref(ce)(...U)),disabled:Ce.value===ge.value-1,class:"border p-1 rounded text-xs disabled:opacity-40"},[e.createVNode(e.unref(vo),{class:"h-4 w-4"})],8,Df)])):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:"inline-flex h-7 w-7 items-center justify-center rounded-full bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-700 ml-1",onClick:ze}," ✕ ")]),e.createElementVNode("div",zf,[u.value?(e.openBlock(),e.createElementBlock("div",If," Завантаження даних… ")):h.value?(e.openBlock(),e.createElementBlock("div",jf,e.toDisplayString(h.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[P.value.length?(e.openBlock(),e.createElementBlock("div",Pf,[e.createElementVNode("dl",Rf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Tt.value,U=>(e.openBlock(),e.createElementBlock("div",{key:U.key,class:"grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4 even:bg-gray-50 text-[12px]"},[e.createElementVNode("dt",Of,e.toDisplayString(U.label),1),e.createElementVNode("dd",{class:e.normalizeClass(["text-gray-700 sm:col-span-2 font-normal whitespace-pre-wrap",U.format==="badge"?"font-semibold text-yellow-800":""])},[U.format==="tags"?(e.openBlock(),e.createElementBlock("div",Uf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(fe(U.value),(re,de)=>(e.openBlock(),e.createElementBlock("span",{key:de,class:"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold text-foreground"},e.toDisplayString(re),1))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(U.value),1)],64))],2)]))),128))])])):q.value.length?(e.openBlock(),e.createElementBlock("div",qf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(U,re)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:re},[U.type==="html"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:U.content},null,8,Hf)):(e.openBlock(),e.createBlock(il,{key:1,title:U.componentProps.title,url:U.componentProps.url,id:U.componentProps.id,"button-text":U.componentProps.buttonText,onActivate:Ze},e.createSlots({_:2},[U.slotText?{name:"default",fn:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:U.slotText},null,8,Wf)]),key:"0"}:void 0]),1032,["title","url","id","button-text"]))],64))),128))])):e.createCommentVNode("",!0),se.value.length?(e.openBlock(),e.createElementBlock("div",Yf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.value,U=>(e.openBlock(),e.createBlock(il,{key:U.spec.id,title:U.componentProps.title,url:U.componentProps.url,id:U.spec.id,"button-text":U.componentProps.buttonText,onActivate:Ze},null,8,["title","url","id","button-text"]))),128))])):e.createCommentVNode("",!0),Bt.value?(e.openBlock(),e.createElementBlock("div",Zf,[e.createElementVNode("button",{type:"button",class:"flex items-center gap-1 justify-end w-full font-medium text-blue-600 hover:text-blue-800 transition-colors disabled:opacity-60 cursor-pointer",onClick:Y},[e.createElementVNode("span",Gf,e.toDisplayString(pn.value),1),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(j.value),{class:"h-3 w-3 stroke-[1.5px]"}))])])):e.createCommentVNode("",!0),be.value.length?(e.openBlock(),e.createElementBlock("div",Kf,[L[5]||(L[5]=e.createElementVNode("p",{class:"text-xs font-semibold uppercase tracking-wide text-slate-500"},"Шари",-1)),e.createElementVNode("div",Xf,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(be.value,U=>(e.openBlock(),e.createElementBlock("div",{key:U.id,class:"hover:bg-gray-100 rounded-lg flex items-center justify-between py-[8px] px-[8px] gap-3"},[e.createElementVNode("label",Qf,[e.createElementVNode("input",{type:"checkbox",class:"peer hidden",checked:zn(U.id),onChange:re=>In(U,re)},null,40,Jf),L[4]||(L[4]=e.createElementVNode("div",{class:"w-4 h-4 rounded border border-blue-800 flex items-center justify-center peer-checked:bg-blue-600 peer-checked:border-blue-600"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none"},[e.createElementVNode("path",{d:"M10.6663 1L4.24967 7.41667L1.33301 4.5",stroke:"#fff","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createElementVNode("span",eg,e.toDisplayString(U.title),1)]),U.subtitle?(e.openBlock(),e.createElementBlock("div",tg,e.toDisplayString(U.subtitle),1)):e.createCommentVNode("",!0)]))),128))])])):e.createCommentVNode("",!0),Ne.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ng," Даних не знайдено. "))],64))])])):e.createCommentVNode("",!0)]),_:1}))}}),[["__scopeId","data-v-79735544"]]),dl=e.defineComponent({__name:"MapBoundaryLayer",props:{layerId:{},boundary:{},katottg:{},settingsMap:{}},setup(t){var h,c;const n=t,o=((c=(h=e.getCurrentInstance())==null?void 0:h.appContext.config.globalProperties)==null?void 0:c.$settings)||null,{map:r,ready:l}=Pe();let s=null;function a(){s==null||s.remove(),s=null}function i(d){if(!d)return null;if(typeof d=="string")try{d=JSON.parse(d)}catch{return null}return d.type==="FeatureCollection"?d:d.type==="Feature"?{type:"FeatureCollection",features:[d]}:d.type&&Array.isArray(d.coordinates)?{type:"FeatureCollection",features:[{type:"Feature",geometry:d,properties:{}}]}:Array.isArray(d.features)?{type:"FeatureCollection",features:d.features}:d.geometry?i(d.geometry):null}function f(d){var g,k,C;return{type:"line",color:"#8e4484",width:2,opacity:((((C=(k=(g=d==null?void 0:d.features)==null?void 0:g[0])==null?void 0:k.geometry)==null?void 0:C.type)||"").includes("Polygon"),.95)}}async function m(d){const y=await fetch(d);if(!y.ok)throw new Error(String(y.status));return y.json()}async function x(d,y){if(d){const p=/^https?:\/\//.test(d)?d:new URL(d,location.origin).toString(),g=await m(p).catch(()=>null),k=i(g);if(k)return k}if(y){const p=await m(`https://data.gki.com.ua/api-user/atu/${encodeURIComponent(y)}`).catch(()=>null),g=i(p);if(g)return g}return null}async function u(){var g,k,C,$;if(!n.layerId||!r.value){a();return}typeof l=="function"&&await l().catch(()=>{});const d=n.boundary??((g=n.settingsMap)==null?void 0:g.boundary)??((k=o==null?void 0:o.map)==null?void 0:k.boundary)??null,y=n.katottg??((C=n.settingsMap)==null?void 0:C.katottg)??(($=o==null?void 0:o.map)==null?void 0:$.katottg)??null;if(!d&&!y){a();return}const p=await x(d,y);if(!p){a();return}a(),s=Se(`${n.layerId}-boundary`,{source:{type:"geojson",data:p},style:f(p)},r)}return e.watch(()=>{var d,y;return[n.layerId,n.boundary,n.katottg,(d=n.settingsMap)==null?void 0:d.boundary,(y=n.settingsMap)==null?void 0:y.katottg,r.value]},()=>{u()},{immediate:!0}),e.onBeforeUnmount(a),(d,y)=>null}}),lg={class:"map-center-control"},ag=["aria-label"],sg={class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},Lt=ye(e.defineComponent({name:"MapCenterControl",__name:"MapCenterControl",props:{center:{},zoom:{},targetCenter:{},targetZoom:{},targetLabel:{},targetAriaLabel:{}},setup(t){const n=t,{map:o,ready:r}=Pe(),l=e.ref(null),s=e.ref(null),a=e.ref(null),i=e.ref(null),f=po(),m=e.computed(()=>{var k;return((k=f.value)==null?void 0:k.map)??null});function x(k){if(Array.isArray(k)&&k.length>=2){const[C,$]=k.slice(0,2).map(w=>Number(w));return Number.isNaN(C)||Number.isNaN($)?null:[C,$]}if(k&&typeof k=="object"){const C=k,$=C.lng??C.lon??C.long??C.x,w=C.lat??C.y;if($!=null&&w!=null){const N=Number($),E=Number(w);if(!Number.isNaN(N)&&!Number.isNaN(E))return[N,E]}}if(typeof k=="string"){const C=k.split(",").map($=>Number($.trim()));if(C.length>=2&&C.every($=>!Number.isNaN($)))return[C[0],C[1]]}return null}function u(k){const C=x(k);C&&(l.value=C)}function h(k){const C=Number(k);Number.isNaN(C)||(s.value=C)}e.watch(()=>n.center,k=>u(k),{immediate:!0}),e.watch(()=>n.zoom,k=>h(k),{immediate:!0}),e.watch(()=>n.targetCenter,k=>{a.value=x(k)},{immediate:!0}),e.watch(()=>n.targetZoom,k=>{const C=Number(k);i.value=Number.isNaN(C)?null:C},{immediate:!0}),e.watch(()=>{var k;return(k=m.value)==null?void 0:k.center},k=>{u(k)},{immediate:!0}),e.watch(()=>{var k;return(k=m.value)==null?void 0:k.zoom},k=>{h(k)},{immediate:!0});const c=e.computed(()=>{var k;return((k=n.targetLabel)==null?void 0:k.trim())||"Точка"}),d=e.computed(()=>n.targetAriaLabel||"Перейти до точки"),y=e.computed(()=>!!a.value);e.onMounted(async()=>{await(r==null?void 0:r());const k=o.value;if(k){if(!l.value){const C=k.getCenter();l.value=[C.lng,C.lat]}s.value==null&&(s.value=k.getZoom())}});function p(){const k=o.value;if(!k)return;const C=l.value||(()=>{const w=k.getCenter();return[w.lng,w.lat]})(),$=s.value??k.getZoom();k.flyTo({center:C,zoom:$})}function g(){const k=o.value;if(!k||!a.value)return;const C=i.value??s.value??k.getZoom();k.flyTo({center:a.value,zoom:C})}return(k,C)=>(e.openBlock(),e.createElementBlock("div",lg,[y.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,id:"center-btn",type:"button",class:"group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-transform transition-shadow duration-200 bg-white text-gray-700 hover:bg-gray-50 hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2","aria-label":"Повернути центр",onClick:e.withModifiers(p,["stop"])},[C[0]||(C[0]=e.createElementVNode("span",{class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},"Центр мапи",-1)),e.createVNode(e.unref(Zl),{class:"w-4 h-4"})])),y.value?(e.openBlock(),e.createElementBlock("button",{key:1,id:"goto-target-btn",type:"button",class:"group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-transform transition-shadow duration-200 bg-white text-gray-700 hover:bg-gray-50 hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2","aria-label":d.value,onClick:e.withModifiers(g,["stop"])},[e.createElementVNode("span",sg,e.toDisplayString(c.value),1),e.createVNode(e.unref(bn),{class:"w-4 h-4"})],8,ag)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-03fa94f6"]]),ig={class:"flex h-full bg-gradient-to-br from-slate-50 to-white"},cg={class:"flex-1 relative overflow-hidden"},dg={class:"absolute top-0 left-0 w-full z-20"},ug={class:"flex items-center justify-between bg-white/80 backdrop-blur border-b border-gray-200 px-6 py-3 shadow-sm gap-4"},pg={class:"flex items-center gap-3 h-[2.75rem]"},mg={class:"font-semibold text-lg text-gray-800 line-clamp-1"},fg={key:0,class:"text-xs text-gray-500 truncate"},gg=["title"],yg={class:"w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[64px]"},hg={class:"relative w-full h-full"},xg={style:{top:"17px",left:"230px",position:"absolute","z-index":"1"}},bg={class:"absolute top-4 left-4 z-20"},kg={class:"absolute top-[6.5rem] right-2 space-y-1 z-20"},wg={class:"absolute bottom-4 left-4 z-20"},_g={class:"flex-1 flex flex-col h-full"},Eg={class:"px-3 pt-3 pb-2 border-b border-gray-100"},Ng={class:"items-center justify-center text-muted-foreground grid w-full grid-cols-6 h-12 p-1 bg-gray-50 rounded-xl shadow-sm"},Cg=["aria-selected","onClick"],Vg={class:"leading-none"},Bg={class:"flex flex-col flex-1 overflow-y-hidden p-3"},$g="OpenGIS",ul=2,Ln=5,vg=1e3,Sg=ye(e.defineComponent({__name:"service",props:{hideServiceKey:{type:Boolean,default:!1}},setup(t){var P,ee;const n=t,o=e.toRef(n,"hideServiceKey"),r=Fe.useRoute(),l=Fe.useRouter(),{id:s}=r.params,a=e.ref(null),i=e.ref(null),f=e.ref({}),m=e.ref(null),x=((ee=(P=e.getCurrentInstance())==null?void 0:P.appContext.config.globalProperties)==null?void 0:ee.$settings)||null;function u(b){typeof document>"u"||(document.title=b?`${b} — Сервіс`:$g)}let h=null;const c=e.ref(!1);function d(){var b;return(b=a.value)==null?void 0:b.ctx}function y(b){if(Array.isArray(b))return y(b[0]);if(typeof b!="string"&&typeof b!="number")return null;const A=typeof b=="number"?b:Number(b.trim());return Number.isFinite(A)?A:null}function p(b,A){return b.toFixed(A)}function g(b,A,Z){const le=.5*10**-Z;return Math.abs(b-A)>le}function k(){var $e,Re,De,Ue;const b=(Re=($e=d())==null?void 0:$e.map)==null?void 0:Re.value;if(!b)return;const A=y(r.query.z),Z=y(r.query.x),le=y(r.query.y);if(A==null||Z==null||le==null)return;const fe=(De=b.getCenter)==null?void 0:De.call(b),ie=(Ue=b.getZoom)==null?void 0:Ue.call(b);(!fe||g(fe.lng,Z,Ln)||g(fe.lat,le,Ln)||g(ie??0,A,ul))&&(c.value=!0,b.jumpTo({center:[Z,le],zoom:A}),c.value=!1)}function C(){var fe,ie,Be,$e;if(c.value)return;const b=(ie=(fe=d())==null?void 0:fe.map)==null?void 0:ie.value;if(!b)return;const A=(Be=b.getCenter)==null?void 0:Be.call(b),Z=($e=b.getZoom)==null?void 0:$e.call(b);if(!A||Z==null)return;const le={...r.query,z:p(Z,ul),x:p(A.lng,Ln),y:p(A.lat,Ln)};r.query.z===le.z&&r.query.x===le.x&&r.query.y===le.y||l.replace({query:le})}const $=e.ref(null),w=e.ref(""),N=e.ref([]),E=e.ref([]),B=e.ref([]),M=e.ref("list"),D=e.ref(""),W=e.ref([]),K=e.ref(!0);let Q=null;const H=e.computed(()=>{var b,A;return((b=m.value)==null?void 0:b.id)??((A=m.value)==null?void 0:A.service_id)??null}),J=e.computed(()=>{const b=(x==null?void 0:x.map)||null,A=(b==null?void 0:b.boundary)??null,Z=(b==null?void 0:b.katottg)??null;return!A&&!Z?null:{boundary:A,katottg:Z}}),O=e.computed(()=>{const b=m.value;if(!b)return"";const A=[];!o.value&&b.service_key&&A.push(`Сервіс: ${b.service_key}`),b.description&&A.push(b.description);const Z=b.group_name||b.group_id;return Z&&A.push(`Група: ${Z}`),typeof b.is_public<"u"&&A.push(b.is_public?"Публічний":"Не публічний"),typeof b.is_active<"u"&&A.push(b.is_active?"Активний":"Неактивний"),A.join(", ")}),T=[{key:"style",label:"Стиль",icon:Xr},{key:"popup",label:"Попап",icon:Ip},{key:"filter",label:"Фільтр",icon:Op},{key:"legend",label:"Легенда",icon:Lp},{key:"card",label:"Картка",icon:Qr},{key:"metadata",label:"Метадані",icon:lo}],F=T.map(b=>b.key),X=e.ref("style");e.onMounted(async()=>{const b=r.query.tab;b&&F.includes(b)&&(X.value=b),await ne(),v()});async function v(){var le;const b=d();if(!(b!=null&&b.ready))return;await b.ready(),k();const A=(le=b.map)==null?void 0:le.value;if(!A)return;const Z=()=>C();A.on("moveend",Z),A.on("zoomend",Z),h=()=>{A.off("moveend",Z),A.off("zoomend",Z)}}e.watch(()=>[r.query.z,r.query.x,r.query.y],()=>{k()}),e.watch(X,b=>{r.query.tab!==b&&l.replace({query:{...r.query,tab:b}})}),e.watch(()=>r.query.tab,b=>{b&&F.includes(b)&&X.value!==b&&(X.value=b)}),e.watch(()=>{var b;return(b=m.value)==null?void 0:b.name},b=>u(b),{immediate:!0});function _(b){if(!b)return null;try{return JSON.parse(JSON.stringify(b))}catch(A){return console.warn("Failed to clone style",A),null}}function S(b){if(!b)return null;if(typeof b=="string")try{return oo(Kr.load(b)||null)}catch(A){return console.warn("Failed to parse style yaml",A),null}return oo(_(b))}function z(b,A){try{return JSON.stringify(b)===JSON.stringify(A)}catch{return!1}}function I(){var A;if(!m.value)return;const b=S($.value);z(b,((A=m.value)==null?void 0:A.style)??null)||(m.value={...m.value,style:b})}function G(){Q&&clearTimeout(Q),Q=setTimeout(()=>{Q=null,I()},vg)}const ne=async()=>{try{const b=await fetch(`/api/gis-service/${s}`);if(!b.ok)throw new Error(`${b.status}`);const A=await b.json();f.value=A||{},i.value=s;const Z=S(A.style);m.value=A?{...A,style:_(Z)}:null,$.value=Z,w.value=typeof(A==null?void 0:A.style)=="string"?A.style:Z?Kr.dump(Z):"",E.value=(A==null?void 0:A.popup)||[],M.value=A.card_mode==="html"?"html":"list",B.value=A.card,D.value=A.html,N.value=(A==null?void 0:A.legend)||[],W.value=(A==null?void 0:A.filters)||[]}catch(b){console.error("Failed to fetch map info",b)}};e.watch(()=>{var b;return(b=m.value)==null?void 0:b.style},b=>{$.value=S(b)},{deep:!0}),e.watch(()=>$.value,()=>{G()},{deep:!0}),e.onBeforeUnmount(()=>{Q&&(clearTimeout(Q),Q=null),h==null||h(),h=null});async function oe(b,A){await xe({[b]:A},b)}function ae(){const b=_($.value);m.value=m.value?{...m.value,style:b}:m.value}async function xe(b,A){if(m.value={...m.value||{},...b},typeof b.html<"u"&&(f.value={...f.value||{},html:b.html}),!!H.value)try{if(!(await fetch(`/api/gis-service/${H.value}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(b)})).ok)throw new Error("Save failed");he.notify({type:"success",title:"Успіх",message:`${A} saved`}),await ne()}catch(Z){he.notify({type:"error",title:"Помилка",message:`Failed to save ${A}`}),console.error(Z)}}async function we(b,A){if(b!=="card"){await oe(b,A);return}const Z=(A==null?void 0:A.card_mode)==="html"?"html":"list",le=Z==="html"&&typeof(A==null?void 0:A.html)=="string"?A.html:"",fe=(Z==="html"?[]:null)||(Array.isArray(A==null?void 0:A.list)?A.list:[]);B.value=fe,M.value=Z,D.value=le;const ie={card_mode:Z};Z==="html"&&(ie.html=le),Z==="list"&&(ie.card=fe),await xe(ie,"card")}return(b,A)=>{var Z,le,fe;return e.openBlock(),e.createElementBlock("div",ig,[e.createElementVNode("div",cg,[e.createElementVNode("div",dg,[e.createElementVNode("div",ug,[e.createElementVNode("div",pg,[e.createElementVNode("button",{onClick:A[0]||(A[0]=ie=>b.$router.back()),class:"inline-flex items-center px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition"},[...A[11]||(A[11]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 mr-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1),e.createTextVNode(" Назад ",-1)])]),e.createElementVNode("div",null,[e.createElementVNode("div",mg,e.toDisplayString((Z=m.value)==null?void 0:Z.name),1),O.value?(e.openBlock(),e.createElementBlock("div",fg,e.toDisplayString(O.value),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",{class:"max-w-xl text-xs text-gray-600 truncate",title:(le=m.value)==null?void 0:le.description},e.toDisplayString((fe=m.value)==null?void 0:fe.description),9,gg)])]),e.createElementVNode("div",yg,[e.createElementVNode("div",hg,[e.createVNode($n,{ref_key:"mapViewRef",ref:a},{default:e.withCtx(()=>{var ie,Be,$e,Re,De,Ue,tt;return[(ie=m.value)!=null&&ie.service_id?(e.openBlock(),e.createBlock(tf,{key:0,id:(Be=m.value)==null?void 0:Be.service_id,layer:m.value,"style-spec":(($e=m.value)==null?void 0:$e.style)||null,autoCenter:!1},null,8,["id","layer","style-spec"])):e.createCommentVNode("",!0),H.value?(e.openBlock(),e.createBlock(dl,{key:1,"layer-id":H.value,boundary:((Re=m.value)==null?void 0:Re.boundary)||((De=J.value)==null?void 0:De.boundary)||null,katottg:((Ue=m.value)==null?void 0:Ue.katottg)||((tt=J.value)==null?void 0:tt.katottg)||null},null,8,["layer-id","boundary","katottg"])):e.createCommentVNode("",!0),e.createElementVNode("div",xg,[H.value?(e.openBlock(),e.createBlock(fo,{key:0,"layer-id":H.value,filters:W.value},null,8,["layer-id","filters"])):e.createCommentVNode("",!0)]),A[12]||(A[12]=e.createElementVNode("div",{id:"map-filter-popover-host",class:"map-widget__filter-host"},null,-1)),e.createElementVNode("div",bg,[e.createVNode(Yt)]),e.createElementVNode("div",kg,[e.createVNode(Lt),f.value.center?(e.openBlock(),e.createBlock(Lt,{key:0,targetCenter:f.value.center,targetLabel:"Ценр даних"},null,8,["targetCenter"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",wg,[e.createVNode(go,{items:N.value||null},null,8,["items"])]),e.createVNode(sl),e.createVNode(bo,{html:f.value.html},null,8,["html"])]}),_:1},512)])]),e.createVNode(ro,{open:K.value,onToggle:A[1]||(A[1]=ie=>K.value=!K.value)},null,8,["open"])]),e.createElementVNode("div",{class:e.normalizeClass(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out",K.value?"w-[650px]":"w-0"])},[e.createElementVNode("div",_g,[e.createElementVNode("div",Eg,[e.createElementVNode("div",Ng,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(T,ie=>e.createElementVNode("button",{key:ie.key,type:"button",role:"tab","aria-selected":X.value===ie.key,class:e.normalizeClass(["whitespace-nowrap flex flex-col items-center justify-center gap-0.5 py-1 px-1 text-[9px] font-medium transition-all duration-300 hover:bg-white/70 rounded-lg group",X.value===ie.key?"bg-white shadow-sm text-gray-700":""]),onClick:Be=>X.value=ie.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ie.icon),{class:"h-3.5 w-3.5 mb-0.5"})),e.createElementVNode("span",Vg,e.toDisplayString(ie.label),1)],10,Cg)),64))])]),e.createElementVNode("div",Bg,[X.value==="style"?(e.openBlock(),e.createBlock(ym,{key:0,token:H.value,"style-text":w.value,"style-yaml":$.value,"onUpdate:styleYaml":A[2]||(A[2]=ie=>$.value=ie),"onUpdate:styleText":A[3]||(A[3]=ie=>w.value=ie),onUpdate:ae},null,8,["token","style-text","style-yaml"])):X.value==="legend"?(e.openBlock(),e.createBlock(qm,{key:1,token:H.value,columns:N.value,"onUpdate:columns":A[4]||(A[4]=ie=>N.value=ie),onSave:A[5]||(A[5]=ie=>oe("legend",ie))},null,8,["token","columns"])):X.value==="popup"?(e.openBlock(),e.createBlock(Dm,{key:2,token:H.value,columns:E.value,fields:f.value.fields,"onUpdate:columns":A[6]||(A[6]=ie=>E.value=ie),onSave:A[7]||(A[7]=ie=>oe("popup",ie))},null,8,["token","columns","fields"])):X.value==="card"?(e.openBlock(),e.createBlock(Qm,{key:3,token:H.value,columns:B.value,fields:f.value.fields,"view-mode":M.value,html:D.value,"onUpdate:columns":A[8]||(A[8]=ie=>B.value=ie),onSave:we},null,8,["token","columns","fields","view-mode","html"])):X.value==="filter"?(e.openBlock(),e.createBlock(ef,{key:4,token:H.value,fields:f.value.fields,columns:W.value,"onUpdate:columns":A[9]||(A[9]=ie=>W.value=ie),onSave:A[10]||(A[10]=ie=>oe("filters",ie))},null,8,["token","fields","columns"])):X.value==="metadata"?(e.openBlock(),e.createBlock(ao,{key:5,data:m.value,"entity-id":String(e.unref(s)),"entity-type":"service",onSaved:ne},null,8,["data","entity-id"])):e.createCommentVNode("",!0)])])],2)])}}}),[["__scopeId","data-v-66d33228"]]),Lg={class:"flex-1 overflow-y-auto p-4 sm:p-6"},Ag={class:"space-y-3"},Mg={class:"bg-white p-3 rounded-xl border border-gray-200 shadow-sm"},Tg={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2"},Fg={class:"text-xs text-gray-500 mb-1"},Dg={key:0,class:"text-base text-md font-semibold text-gray-900"},zg={key:1,class:"text-base text-md font-semibold text-gray-900"},Ig={class:"bg-white p-3 rounded-xl border border-gray-200 shadow-sm"},jg={class:"space-y-2"},Pg={class:"bg-gradient-to-br from-blue-50 to-blue-100/30 p-4 rounded-lg border border-blue-200"},Rg={class:"text-sm font-semibold text-gray-900"},Og={class:"text-xs text-gray-600 mt-1"},Ug={class:"grid grid-cols-2 gap-3"},qg={class:"text-xs text-gray-500 mb-1"},Hg={class:"text-sm font-semibold text-gray-900"},Wg={class:"bg-gray-50 p-4 rounded-lg"},Yg={class:"grid grid-cols-2 gap-4"},Zg={class:"text-xs text-gray-500 mb-1"},Gg={class:"text-sm font-semibold text-gray-900"},Kg=e.defineComponent({directives:{tooltip:he.TooltipDirective},__name:"raster-info-tab",props:{details:{}},setup(t){return(n,o)=>{const r=e.resolveDirective("tooltip");return e.openBlock(),e.createElementBlock("div",Lg,[e.createElementVNode("div",Ag,[e.createElementVNode("div",Mg,[o[0]||(o[0]=e.createElementVNode("div",{class:"mb-4"},[e.createElementVNode("h4",{class:"text-sm font-semibold text-gray-900 uppercase tracking-wide"},"Основні параметри")],-1)),e.createElementVNode("div",Tg,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.details.baseParams,l=>(e.openBlock(),e.createElementBlock("div",{key:l.label,class:"bg-gray-50 p-2 rounded-lg"},[e.createElementVNode("p",Fg,e.toDisplayString(l.label),1),l.tooltip?e.withDirectives((e.openBlock(),e.createElementBlock("p",Dg,[e.createTextVNode(e.toDisplayString(l.value),1)])),[[r,l.tooltip]]):(e.openBlock(),e.createElementBlock("p",zg,e.toDisplayString(l.value),1))]))),128))])]),e.createElementVNode("div",Ig,[o[3]||(o[3]=e.createElementVNode("div",{class:"mb-2"},[e.createElementVNode("h4",{class:"text-sm font-semibold text-gray-900 uppercase tracking-wide"},"Просторова інформація")],-1)),e.createElementVNode("div",jg,[e.createElementVNode("div",null,[o[1]||(o[1]=e.createElementVNode("p",{class:"text-xs text-gray-500 mb-2"},"Система координат",-1)),e.createElementVNode("div",Pg,[e.createElementVNode("p",Rg,e.toDisplayString(t.details.spatial.crs.code),1),e.createElementVNode("p",Og,e.toDisplayString(t.details.spatial.crs.description),1)])]),e.createElementVNode("div",null,[o[2]||(o[2]=e.createElementVNode("p",{class:"text-xs text-gray-500 mb-2"},"Межі покриття",-1)),e.createElementVNode("div",Ug,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.details.spatial.bounds,l=>(e.openBlock(),e.createElementBlock("div",{key:l.label,class:"bg-gray-50 p-2 rounded-lg border border-gray-200"},[e.createElementVNode("p",qg,e.toDisplayString(l.label),1),e.createElementVNode("p",Hg,e.toDisplayString(l.value),1)]))),128))])]),e.createElementVNode("div",Wg,[e.createElementVNode("div",Yg,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.details.spatial.resolution,l=>(e.openBlock(),e.createElementBlock("div",{key:l.label},[e.createElementVNode("p",Zg,e.toDisplayString(l.label),1),e.createElementVNode("p",Gg,e.toDisplayString(l.value),1)]))),128))])])])])])])}}}),Xg={class:"flex-1 overflow-y-auto space-y-3 pr-1"},Qg={class:"font-medium text-sm text-gray-800"},Jg={class:"text-xs text-gray-500"},e0=e.defineComponent({__name:"raster-files-tab",props:{files:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",Xg,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.files,r=>(e.openBlock(),e.createElementBlock("div",{key:r.name,class:"border border-gray-100 rounded-xl p-4 shadow-sm bg-white flex items-start justify-between"},[e.createElementVNode("div",null,[e.createElementVNode("p",Qg,e.toDisplayString(r.name),1),e.createElementVNode("p",Jg,e.toDisplayString(r.resolution)+" • "+e.toDisplayString(r.size)+"MB",1)]),e.createElementVNode("span",{class:e.normalizeClass(["text-[11px] font-semibold px-2 py-0.5 rounded-full",r.statusClass])},e.toDisplayString(r.status),3)]))),128))]))}}),t0={},n0={xmlns:"http://www.w3.org/2000/svg",width:"12px",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"};function o0(t,n){return e.openBlock(),e.createElementBlock("svg",n0,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M20,16v4a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V6A2,2,0,0,1,4,4H8",fill:"none",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1),e.createElementVNode("polygon",{fill:"none",points:"12.5 15.8 22 6.2 17.8 2 8.3 11.5 8 16 12.5 15.8",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)])])}const r0=ye(t0,[["render",o0]]),l0={},a0={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"};function s0(t,n){return e.openBlock(),e.createElementBlock("svg",a0,[...n[0]||(n[0]=[e.createElementVNode("circle",{cx:"12",cy:"12",r:"9"},null,-1),e.createElementVNode("line",{x1:"12",y1:"8",x2:"12",y2:"8"},null,-1),e.createElementVNode("path",{d:"M11 12h1v4h1"},null,-1)])])}const i0=ye(l0,[["render",s0]]),c0={class:"absolute top-[5.5rem] left-4 z-30 flex flex-col items-start gap-2"},d0={class:"rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur"},u0={class:"flex items-center gap-2"},p0={class:"rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur"},m0={class:"inline-flex items-center gap-2 text-[11px] text-slate-600"},f0=["checked"],g0=e.defineComponent({__name:"RasterLayer",props:{tileUrl:{},extent:{},layerId:{},beforeId:{},showRasterExtent:{type:Boolean}},emits:["toggle-extent"],setup(t){const n=t,o=n.layerId||"raster-preview-layer",r=`${o}-source`,l=n.extent&&n.extent.length===4?[...n.extent]:void 0,s=Se(o,{sourceId:r,source:{type:"raster",tiles:n.tileUrl?[n.tileUrl+"?nottl=1"]:[],tileSize:256,...l?{bounds:l}:{}},layer:{id:`${o}-raster`,type:"raster",paint:{"raster-opacity":1}},beforeId:n.beforeId??null}),{fitBounds:a}=Pe(),i=e.ref(1);e.watch(()=>n.tileUrl,u=>{if(!u){s.setVisible(!1);return}s.setVisible(!0),s.setTiles([u])},{immediate:!0}),e.watch(()=>i.value,u=>{s.setOpacity(u)},{immediate:!0});let f=null,m=!1;e.watch(()=>n.extent,u=>{if(!u||u.length!==4)return;const h=u.join(",");if(h!==f){if(f=h,!m){m=!0;return}a==null||a([[u[0],u[1]],[u[2],u[3]]],{padding:40,maxZoom:17})}},{immediate:!0});const x=e.computed(()=>`${Math.round(i.value*100)}%`);return(u,h)=>(e.openBlock(),e.createElementBlock("div",c0,[e.createElementVNode("div",d0,[e.createElementVNode("div",u0,[h[2]||(h[2]=e.createElementVNode("span",null,"Прозорість:",-1)),e.withDirectives(e.createElementVNode("input",{type:"range",min:"0",max:"1",step:"0.01","onUpdate:modelValue":h[0]||(h[0]=c=>i.value=c),class:"h-1 w-28 cursor-pointer appearance-none rounded-full bg-slate-300 focus:outline-none",style:{"accent-color":"#3b82f6"}},null,512),[[e.vModelText,i.value,void 0,{number:!0}]]),e.createElementVNode("span",null,e.toDisplayString(x.value),1)])]),e.createElementVNode("div",p0,[e.createElementVNode("label",m0,[e.createElementVNode("input",{type:"checkbox",class:"h-3.5 w-3.5 rounded border-slate-300 text-blue-600 focus:ring-blue-200",checked:t.showRasterExtent,onChange:h[1]||(h[1]=c=>u.$emit("toggle-extent",c.target.checked))},null,40,f0),h[3]||(h[3]=e.createElementVNode("span",null,"Межі растру",-1))])])]))}}),pl=e.defineComponent({__name:"ExtentOutlineLayer",props:{extent:{},layerId:{},beforeId:{}},setup(t){const n=t,o=n.layerId||"extent-outline-layer",r=`${o}-source`,l=e.computed(()=>{const i=n.extent;if(!i||i.length!==4)return null;const[f,m,x,u]=i;return[f,m,x,u].some(h=>typeof h!="number"||Number.isNaN(h))?null:{type:"FeatureCollection",features:[{type:"Feature",properties:{},geometry:{type:"Polygon",coordinates:[[[f,m],[x,m],[x,u],[f,u],[f,m]]]}}]}}),s=Pe(),a=Se(o,{sourceId:r,source:{type:"geojson",data:l.value||{type:"FeatureCollection",features:[]}},layer:{id:o,type:"line",paint:{"line-color":"#ef4444","line-width":2}},beforeId:n.beforeId??null});return e.watch(()=>l.value,i=>{var m;if(!i){a.setVisible(!1),a.setData({type:"FeatureCollection",features:[]});return}a.setVisible(!0),a.setData(i);const f=(m=s.map)==null?void 0:m.value;f!=null&&f.moveLayer&&f.getLayer(o)&&f.moveLayer(o)},{immediate:!0}),(i,f)=>e.createCommentVNode("",!0)}}),y0=["href"],h0=["href"],x0={key:0,class:"py-6 px-4 text-sm text-gray-500"},b0={key:1,class:"py-6 px-4 text-sm text-red-600"},k0={class:"flex justify-end gap-2 px-4 py-3 border-t border-gray-100 w-full"},w0=["disabled"],_0=["disabled"],E0=192,ml=8,an=8,fl=e.defineComponent({__name:"HeaderActions",props:{entityId:{},entityInfo:{},table:{},formEndpoint:{type:[String,Function]},saveEndpoint:{type:[String,Function]},entityLabel:{},editButtonText:{},saveMethod:{}},emits:["saved"],setup(t,{emit:n}){const o=t,r=n,l=e.defineAsyncComponent(()=>import("@opengis/core").then(I=>I.VsModal)),s=e.defineAsyncComponent(()=>import("@opengis/form")),a=e.ref(!1),i=e.ref(null),f=e.ref(null),m=e.ref(null),x=e.ref(null),u=e.computed(()=>x.value?{position:"fixed",top:`${x.value.top}px`,left:`${x.value.left}px`}:{});e.watch(a,I=>{I&&e.nextTick(F)});const h=e.ref(!1),c=e.ref(null),d=e.ref({}),y=e.ref(null),p=e.ref(""),g=e.ref(!1),k=e.ref(!1),C=e.ref(null),$=e.computed(()=>o.entityId||""),w=(I,G)=>I?typeof I=="function"?I(G):typeof I!="string"?"":I.includes(":id")?G?I.replace(":id",encodeURIComponent(G)):"":I:"",N=e.computed(()=>{var I;return(I=o.table)==null?void 0:I.trim()}),E=e.computed(()=>{if(o.formEndpoint)return o.formEndpoint;if(N.value)return I=>`/api/form/${N.value}/${I}`}),B=e.computed(()=>{if(o.saveEndpoint)return o.saveEndpoint;if(N.value)return I=>`/api/table/${I}`}),M=e.computed(()=>w(E.value,$.value)),D=e.computed(()=>o.saveEndpoint?w(o.saveEndpoint,$.value):C.value?`/api/table/${encodeURIComponent(C.value)}`:w(B.value,$.value)),W=e.computed(()=>w("/api/gis-clear-rtile/:id",$.value)),K=e.computed(()=>w("/api/gis-xml/:id",$.value)),Q=e.computed(()=>{var ne,oe,ae;const I=(oe=(ne=o.entityInfo)==null?void 0:ne.name)==null?void 0:oe.trim();if(I)return`Редагування ${I}`;const G=(ae=o.entityLabel)==null?void 0:ae.trim();return G?`Редагування ${G}`:"Редагування"}),H=e.computed(()=>o.editButtonText||"Редагувати"),J=e.computed(()=>(o.saveMethod||"POST").toUpperCase());function O(){a.value||F(),a.value=!a.value}function T(){a.value=!1}function F(){var b;if(typeof window>"u"||!f.value)return;const I=f.value.getBoundingClientRect(),G=window.innerWidth,ne=window.innerHeight,oe=I.left,ae=Math.max(G-E0-an,an),xe=Math.min(Math.max(oe,an),ae),we=((b=m.value)==null?void 0:b.offsetHeight)??0,P=I.bottom+ml;let ee=P;if(we&&P+we>ne-an){const A=I.top-ml-we;ee=Math.max(A,an)}x.value={top:ee,left:xe}}function X(I){var ne,oe;if(!i.value&&!m.value)return;const G=I.target;G&&((ne=i.value)!=null&&ne.contains(G)||(oe=m.value)!=null&&oe.contains(G))||(a.value=!1)}function v(){a.value&&F()}e.onMounted(()=>{window.addEventListener("click",X),window.addEventListener("resize",v),window.addEventListener("scroll",v,!0)}),e.onUnmounted(()=>{window.removeEventListener("click",X),window.removeEventListener("resize",v),window.removeEventListener("scroll",v,!0)});async function _(){var I,G,ne;if(!(!$.value||!M.value)){T(),h.value=!0,g.value=!0,p.value="",c.value=null,d.value={},C.value=null;try{const oe=await fetch(M.value);if(!oe.ok)throw new Error(`Failed to load form: ${oe.status}`);const ae=await oe.json();d.value=(ae==null?void 0:ae.data)||{},c.value=(ae==null?void 0:ae.schema)||null;const xe=typeof(ae==null?void 0:ae.token)=="string"&&ae.token||typeof((I=ae==null?void 0:ae.tokens)==null?void 0:I.edit)=="string"&&ae.tokens.edit||typeof((G=ae==null?void 0:ae.tokens)==null?void 0:G.edit_token)=="string"&&ae.tokens.edit_token||typeof((ne=ae==null?void 0:ae.data)==null?void 0:ne.token)=="string"&&ae.data.token||null;C.value=xe,y.value=null}catch(oe){console.error("Failed to load edit form",oe),p.value="Не вдалося завантажити форму редагування"}finally{g.value=!1}}}function S(){h.value=!1,c.value=null,p.value="",C.value=null}async function z(){var I,G;if(!(!$.value||!D.value)){if(y.value){const ne=(G=(I=y.value).validate)==null?void 0:G.call(I);if(ne){he.notify({type:"warning",title:"Validation",message:Object.entries(ne).map(([oe,ae])=>`${oe}: ${ae}`).join(`
|
|
246
|
+
`)});return}}k.value=!0;try{const ne=await fetch(D.value,{method:J.value,headers:{"Content-Type":"application/json"},body:JSON.stringify(d.value)});if(!ne.ok)throw new Error(`Failed to save: ${ne.status}`);he.notify({type:"success",title:"Збережено",message:"Зміни збережено"}),r("saved",d.value),S()}catch(ne){console.error("Failed to save edit form",ne),he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти зміни"})}finally{k.value=!1}}}return(I,G)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:i,class:"relative flex items-center"},[e.createElementVNode("button",{ref_key:"triggerButton",ref:f,type:"button",onClick:e.withModifiers(O,["stop"]),class:"flex items-center justify-center w-9 h-9 hover:rounded-md hover:border hover:border-gray-200 bg-white text-gray-600 hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-500","aria-label":"Дії"},[...G[3]||(G[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 5.5v.01M12 12v.01M12 18.5v.01"})],-1)])],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuContainer",ref:m,style:e.normalizeStyle(u.value),class:"absolute top-0 left-0 mt-2 w-48 rounded-xl border border-gray-200 bg-white shadow-lg text-sm z-[1000]"},[W.value?(e.openBlock(),e.createElementBlock("a",{key:0,href:W.value,target:"_blank",rel:"noreferrer",class:"flex items-center gap-2 px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-t-xl",onClick:T},[e.createVNode(e.unref(Il),{size:16,class:"lucide lucide-brush-cleaning text-gray-500"}),G[4]||(G[4]=e.createElementVNode("span",null,"Очистити тайли",-1))],8,y0)):e.createCommentVNode("",!0),e.createElementVNode("a",{href:K.value,target:"_blank",rel:"noreferrer",class:"flex items-center gap-2 px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-t-xl",onClick:T},[e.createVNode(e.unref(ea),{size:16,class:"lucide lucide-square-code text-gray-500"}),G[5]||(G[5]=e.createElementVNode("span",null,"Створити XML",-1))],8,h0),e.createElementVNode("button",{type:"button",class:"flex items-center gap-2 w-full px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-b-xl",onClick:_},[e.createVNode(e.unref(Ql),{size:16,class:"lucide lucide-pencil text-gray-500"}),e.createElementVNode("span",null,e.toDisplayString(H.value),1)])],4)):e.createCommentVNode("",!0)])),e.createVNode(e.unref(l),{teleport:"#modal",visible:h.value,"onUpdate:visible":G[2]||(G[2]=ne=>h.value=ne),title:Q.value,size:"lg"},{footer:e.withCtx(()=>[e.createElementVNode("div",k0,[e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-gray-100 text-gray-700",onClick:S,disabled:k.value}," Скасувати ",8,w0),e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-blue-600 text-white",onClick:z,disabled:k.value},e.toDisplayString(k.value?"Зберігається…":"Зберегти"),9,_0)])]),default:e.withCtx(()=>[g.value?(e.openBlock(),e.createElementBlock("div",x0," Завантаження форми редагування… ")):p.value?(e.openBlock(),e.createElementBlock("div",b0,e.toDisplayString(p.value),1)):(e.openBlock(),e.createBlock(e.unref(s),{key:2,values:d.value,"onUpdate:values":G[0]||(G[0]=ne=>d.value=ne),form:y.value,"onUpdate:form":G[1]||(G[1]=ne=>y.value=ne),schema:c.value},null,8,["values","form","schema"]))]),_:1},8,["visible","title"])],512))}}),N0={class:"flex h-full bg-gradient-to-br from-slate-50 to-white"},C0={class:"flex-1 relative overflow-hidden"},V0={class:"absolute top-0 left-0 w-full z-20"},B0={class:"flex items-center justify-between bg-white/80 backdrop-blur border-b border-gray-200 px-6 py-3 shadow-sm gap-4"},$0={class:"flex items-center gap-3 min-w-0"},v0={class:"flex flex-col min-w-0"},S0={class:"font-semibold text-lg text-gray-800 line-clamp-1"},L0={key:0,class:"text-xs text-gray-500 truncate"},A0={class:"flex items-center gap-4"},M0={class:"flex-1 min-w-0"},T0=["title"],F0={class:"w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[64px]"},D0={class:"relative w-full h-full"},z0={class:"absolute top-4 left-4 z-20"},I0={class:"absolute top-[6.5rem] right-2 space-y-1 z-20"},j0={class:"flex-1 flex flex-col h-full"},P0={class:"px-3 pt-3 pb-2 border-b border-gray-100"},R0={class:"items-center justify-center text-muted-foreground grid w-full grid-cols-3 h-12 p-1 bg-gray-50 rounded-xl shadow-sm"},O0=["aria-selected","onClick"],U0={class:"leading-none"},q0={class:"flex flex-col flex-1 overflow-y-hidden p-4"},H0={key:0,class:"mb-3 text-xs text-slate-500"},W0={key:1,class:"mb-3 text-xs text-rose-600"},Y0="OpenGIS",gl=2,An=5,Z0=e.defineComponent({__name:"raster",setup(t){const n=[{cardClass:"bg-gradient-to-br from-green-50 to-green-100/30 border-green-200",titleClass:"text-green-900"},{cardClass:"bg-gradient-to-br from-blue-50 to-blue-100/30 border-blue-200",titleClass:"text-blue-900"},{cardClass:"bg-gradient-to-br from-purple-50 to-purple-100/30 border-purple-200",titleClass:"text-purple-900"},{cardClass:"bg-gradient-to-br from-gray-50 to-gray-100/30 border-gray-200",titleClass:"text-gray-900"}],o=Fe.useRouter(),r=Fe.useRoute(),l=e.ref(null),s=e.computed(()=>{var A;const b=(A=r.params)==null?void 0:A.id;return typeof b=="string"?b:void 0}),a=e.ref(null),i=e.ref(!1),f=e.ref(!1),m=e.ref(null),x=e.ref(!0);let u=null;const h=e.ref(!1);function c(b){if(Array.isArray(b))return c(b[0]);if(typeof b!="string"&&typeof b!="number")return null;const A=typeof b=="number"?b:Number(b.trim());return Number.isFinite(A)?A:null}function d(b,A){return b.toFixed(A)}function y(b,A,Z){const le=.5*10**-Z;return Math.abs(b-A)>le}function p(){var b;return(b=l.value)==null?void 0:b.ctx}function g(){var $e,Re,De,Ue;const b=(Re=($e=p())==null?void 0:$e.map)==null?void 0:Re.value;if(!b)return;const A=c(r.query.z),Z=c(r.query.x),le=c(r.query.y);if(A==null||Z==null||le==null)return;const fe=(De=b.getCenter)==null?void 0:De.call(b),ie=(Ue=b.getZoom)==null?void 0:Ue.call(b);(!fe||y(fe.lng,Z,An)||y(fe.lat,le,An)||y(ie??0,A,gl))&&(h.value=!0,b.jumpTo({center:[Z,le],zoom:A}),h.value=!1)}function k(){var fe,ie,Be,$e;if(h.value)return;const b=(ie=(fe=p())==null?void 0:fe.map)==null?void 0:ie.value;if(!b)return;const A=(Be=b.getCenter)==null?void 0:Be.call(b),Z=($e=b.getZoom)==null?void 0:$e.call(b);if(!A||Z==null)return;const le={...r.query,z:d(Z,gl),x:d(A.lng,An),y:d(A.lat,An)};r.query.z===le.z&&r.query.x===le.x&&r.query.y===le.y||o.replace({query:le})}function C(){var A;if(typeof document>"u")return;const b=(A=W.value)==null?void 0:A.name;document.title=b?`${b} — Растер`:Y0}const $=e.computed(()=>{var A;const b=(A=a.value)==null?void 0:A.url;return b?/^https?:\/\//i.test(b)||typeof window>"u"||typeof location>"u"?b:`${location.origin}${b}`:""}),w=e.computed(()=>{var b;return((b=a.value)==null?void 0:b.extent)??null}),N=e.computed(()=>s.value?`raster-${s.value}`:void 0),E=e.computed(()=>s.value?`raster-extent-${s.value}`:"raster-extent"),B=e.computed(()=>{const b=N.value??"raster",A=w.value&&w.value.length===4?w.value.join(","):"no-extent";return`${b}-${A}`}),M=e.computed(()=>!!$.value),D=e.computed(()=>{const b=w.value;if(!b||b.length!==4)return null;const[A,Z,le,fe]=b;return[A,Z,le,fe].some(ie=>typeof ie!="number"||Number.isNaN(ie))?null:[(A+le)/2,(Z+fe)/2]}),W=e.computed(()=>{var fe,ie;const b=a.value,A=b==null?void 0:b.extent;return{id:s.value??"—",name:(b==null?void 0:b.name)||((ie=(fe=b==null?void 0:b.files)==null?void 0:fe[0])==null?void 0:ie.name),description:b!=null&&b.extension?`Формат ${b.extension.toUpperCase()}`:"Попередній перегляд растрового шару. Реальні метадані підвантажуються.",coverage:A&&A.length===4?`${ee(A[0])}, ${ee(A[1])} → ${ee(A[2])}, ${ee(A[3])}`:"Покриття уточнюється",crs:b!=null&&b.srid?`EPSG:${b.srid}`:"EPSG:4326",source:b!=null&&b.proj4?b.proj4:"Джерело: Mapnik",updatedAt:b!=null&&b.cache?"Дані кешовано":"Нові дані"}}),K=e.computed(()=>{const b=a.value;return b?[b.source_path,b.description,b.is_public?"Публічна":"Не публічна",b.is_active?"Архівна":"Активна"].filter(A=>A).join(", "):""}),Q=[{key:"info",label:"Інформація",icon:i0},{key:"files",label:"Файли",icon:r0},{key:"metadata",label:"Метадані",icon:lo}],H=Q.map(b=>b.key),J=e.ref(H.includes(r.query.tab)?r.query.tab:"info"),O=e.ref(!0);e.watch(()=>r.query.tab,b=>{b&&H.includes(b)&&J.value!==b&&(J.value=b)}),e.watch(J,b=>{r.query.tab!==b&&o.replace({query:{...r.query,tab:b}})});const T=e.computed(()=>z(a.value)),F=e.computed(()=>G(a.value));e.watch(()=>a.value,()=>{C()},{immediate:!0});async function X(){var le;const b=p();if(!(b!=null&&b.ready))return;await b.ready(),g();const A=(le=b.map)==null?void 0:le.value;if(!A)return;const Z=()=>k();A.on("moveend",Z),A.on("zoomend",Z),u=()=>{A.off("moveend",Z),A.off("zoomend",Z)}}e.watch(()=>[r.query.z,r.query.x,r.query.y],()=>{g()}),e.onMounted(()=>{X()}),e.onBeforeUnmount(()=>{u==null||u(),u=null}),e.watch(s,()=>{_()},{immediate:!0});async function v(b){var A;_(),((A=a.value)==null?void 0:A.srid)!==b.srid&&(he.notify({title:"XML start",type:"info",message:"зміна системи координат, оновлюємо карту ..."}),await S(`/api/gis-xml/${encodeURIComponent(s.value)}`),he.notify({title:"XML created",type:"info",message:"карта створена"}),location.reload())}async function _(){const b=s.value;if(!b){a.value=null,m.value=null;return}i.value=!0,m.value=null;try{const A=await fetch(`/api/gis-raster/${encodeURIComponent(b)}`);if(!A.ok)throw new Error(`HTTP ${A.status}`);const Z=await A.json();Z.xml&&(f.value=!0),a.value=Z,Z.xml||(he.notify({title:"XML not found",type:"info",message:"йде створення xml ... зачекайте"}),await S(`/api/gis-xml/${encodeURIComponent(b)}`),he.notify({title:"XML created",type:"info",message:"карта створена"}),fetch(`/api/gis-raster/${encodeURIComponent(b)}?nocache=1`),f.value=!0)}catch(A){console.error("Failed to load raster info",A),a.value=null,m.value=A instanceof Error?A.message:String(A)}finally{i.value=!1}}function S(b){return new Promise((A,Z)=>{const le=new EventSource(b),fe=[];le.onmessage=ie=>{fe.push(ie.data),console.log("Received:",ie.data)},le.addEventListener("end",()=>{le.close(),A(fe)}),le.onerror=ie=>{le.close(),A(ie)}})}function z(b){var A;return(A=b==null?void 0:b.files)!=null&&A.length?b.files.map(Z=>({name:Z.name,resolution:I(Z.name,b),size:Z.size||"—",status:"Готово",statusClass:"bg-emerald-50 text-emerald-600 border border-emerald-100"})):[]}function I(b,A){const Z=b.toLowerCase();return Z.endsWith(".tfw")?"Georeference":Z.endsWith(".xml")?"Опис":Z.endsWith(".tif")||Z.endsWith(".tiff")?A!=null&&A.resolution?A.resolution:"Растер":(A==null?void 0:A.resolution)??"Файл"}function G(b){return b?{baseParams:oe(b),spatial:{crs:{code:b.srid?`EPSG:${b.srid}`:"EPSG:4326",description:b.proj4||"WGS 84 — World Geodetic System 1984"},bounds:ae(b.extent),resolution:xe(b)},statistics:we(b),technical:P(b)}:null}function ne(b){return b!=null&&b.length?b.map(Z=>{var fe;if(!Z)return"";const le=Z.trim().split(/\s+/)[0];return((fe=le==null?void 0:le[0])==null?void 0:fe.toUpperCase())||""}).filter(Boolean).join(""):""}function oe(b){var ie,Be;const A=b.bands_count??((ie=b.bands)==null?void 0:ie.length)??"—",Z=ne(b.bands),le=(b.bands??[]).map($e=>$e.trim()).filter($e=>$e.length>0),fe=le.length?le.join(", "):void 0;return[{label:"Розмір растру, px",value:b.width&&b.height?`${b.width}×${b.height}`:"—"},{label:"Формат файлу",value:((Be=b.extension)==null?void 0:Be.toUpperCase())??"—"},{label:"Розмір файлу, mb",value:b.total_size?`${b.total_size}`:"—"},{label:"Кількість каналів",value:typeof A=="number"?`${A}${Z?` (${Z})`:""}`:`${A}${Z?` (${Z})`:""}`,tooltip:fe},{label:"Глибина кольору",value:b.color_depth?`${b.color_depth} біт/канал`:"—"},{label:"Стиснення",value:b.compression||"—"}]}function ae(b){return!b||b.length!==4?[]:[{label:"Північ",value:ee(b[3],"N")},{label:"Схід",value:ee(b[2],"E")},{label:"Південь",value:ee(b[1],"S")},{label:"Захід",value:ee(b[0],"W")}]}function xe(b){const A=[{label:"Роздільна здатність",value:b.resolution||"—"}];return b.width&&b.height&&A.push({label:"Розмір пікселя",value:`${b.width} × ${b.height} px`}),A}function we(b){var A;return(A=b.bands)!=null&&A.length?b.bands.map((Z,le)=>{const fe=n[le%n.length];return{label:`Канал ${le+1}${Z?` (${Z})`:""}`,cardClass:fe.cardClass,titleClass:fe.titleClass,metrics:[{label:"Назва",value:Z||`Канал ${le+1}`},{label:"Глибина",value:b.color_depth?`${b.color_depth} біт`:"—"},{label:"Статус",value:b.cache?"Кешовано":"Готово"}]}}):[]}function P(b){var A;return[{label:"Тип даних",value:b.color_depth?`Unsigned Integer ${b.color_depth}-bit`:"—"},{label:"Компресія",value:b.compression||"—"},{label:"Кольорова інтерпретація",value:((A=b.bands)==null?void 0:A.join(", "))||"—"},{label:"SRID",value:b.srid?`EPSG:${b.srid}`:"—"},{label:"Проекція (proj4)",value:b.proj4||"—"},{label:"URL тайла",value:b.url||"—"}]}function ee(b,A){if(b==null||Number.isNaN(b))return"—";const Z=`${b.toFixed(5)}°`;return A?`${Z} ${A}`:Z}return(b,A)=>(e.openBlock(),e.createElementBlock("div",N0,[e.createElementVNode("div",C0,[e.createElementVNode("div",V0,[e.createElementVNode("div",B0,[e.createElementVNode("div",$0,[e.createElementVNode("button",{type:"button",onClick:A[0]||(A[0]=Z=>e.unref(o).back()),class:"inline-flex items-center px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition"},[...A[3]||(A[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 mr-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1),e.createTextVNode(" Назад ",-1)])]),e.createElementVNode("div",v0,[e.createElementVNode("div",S0,e.toDisplayString(W.value.name),1),K.value?(e.openBlock(),e.createElementBlock("div",L0,e.toDisplayString(K.value),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",A0,[e.createElementVNode("div",M0,[e.createElementVNode("div",{class:"w-full text-xs text-gray-600 truncate",title:W.value.description},e.toDisplayString(W.value.description),9,T0)]),e.createVNode(fl,{"entity-id":s.value||"","entity-info":{name:W.value.name},table:"gis.rasters.table","entity-label":"Растер","save-method":"put","edit-button-text":"Редагувати",onSaved:v},null,8,["entity-id","entity-info"])])])]),e.createElementVNode("div",F0,[e.createElementVNode("div",D0,[e.createVNode($n,{ref_key:"mapViewRef",ref:l},{default:e.withCtx(()=>[M.value&&f.value?(e.openBlock(),e.createBlock(g0,{key:B.value,"tile-url":$.value,extent:w.value,"layer-id":N.value,"show-raster-extent":x.value,onToggleExtent:A[1]||(A[1]=Z=>x.value=Z)},null,8,["tile-url","extent","layer-id","show-raster-extent"])):e.createCommentVNode("",!0),e.createVNode(pl,{extent:x.value?w.value:null,"layer-id":E.value},null,8,["extent","layer-id"]),e.createElementVNode("div",z0,[e.createVNode(Yt)]),e.createElementVNode("div",I0,[e.createVNode(Lt),D.value?(e.openBlock(),e.createBlock(Lt,{key:0,targetCenter:D.value,targetLabel:"Центр даних",targetAriaLabel:"Перейти до центру даних"},null,8,["targetCenter"])):e.createCommentVNode("",!0)])]),_:1},512)])]),e.createVNode(ro,{open:O.value,"top-class":"top-3",onToggle:A[2]||(A[2]=Z=>O.value=!O.value)},null,8,["open"])]),e.createElementVNode("div",{class:e.normalizeClass(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out",O.value?"w-[520px]":"w-0"])},[e.createElementVNode("div",j0,[e.createElementVNode("div",P0,[e.createElementVNode("div",R0,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(Q,Z=>e.createElementVNode("button",{key:Z.key,type:"button",role:"tab","aria-selected":J.value===Z.key,class:e.normalizeClass(["whitespace-nowrap flex flex-col items-center justify-center gap-0.5 py-1 px-1 text-[9px] font-medium transition-all duration-300 hover:bg-white/70 rounded-lg group",J.value===Z.key?"bg-white shadow-sm text-gray-700":""]),onClick:le=>J.value=Z.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Z.icon),{class:"h-3.5 w-3.5 mb-0.5"})),e.createElementVNode("span",U0,e.toDisplayString(Z.label),1)],10,O0)),64))])]),e.createElementVNode("div",q0,[i.value?(e.openBlock(),e.createElementBlock("div",H0," Завантаження метаданих растру… ")):m.value?(e.openBlock(),e.createElementBlock("div",W0," Не вдалося отримати дані: "+e.toDisplayString(m.value),1)):e.createCommentVNode("",!0),J.value==="files"?(e.openBlock(),e.createBlock(e0,{key:2,files:T.value},null,8,["files"])):J.value==="metadata"?(e.openBlock(),e.createBlock(ao,{key:3,data:a.value,"entity-id":s.value,"entity-type":"raster",onSaved:_},null,8,["data","entity-id"])):F.value?(e.openBlock(),e.createBlock(Kg,{key:4,details:F.value},null,8,["details"])):e.createCommentVNode("",!0)])])],2)]))}}),G0={},K0={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-table"};function X0(t,n){return e.openBlock(),e.createElementBlock("svg",K0,[...n[0]||(n[0]=[e.createElementVNode("path",{d:"M12 3v18"},null,-1),e.createElementVNode("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"},null,-1),e.createElementVNode("path",{d:"M3 9h18"},null,-1),e.createElementVNode("path",{d:"M3 15h18"},null,-1)])])}const Q0=ye(G0,[["render",X0]]),J0={class:"flex flex-col h-full"},ey={class:"flex justify-end mb-3 gap-2"},ty=e.defineComponent({__name:"cartocss-css-tab",props:{modelValue:{}},emits:["update:modelValue","save"],setup(t,{emit:n}){const o=t,r=n,l=e.computed({get:()=>o.modelValue,set:s=>r("update:modelValue",s)});return(s,a)=>(e.openBlock(),e.createElementBlock("div",J0,[e.createElementVNode("div",ey,[e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",onClick:a[0]||(a[0]=i=>s.$emit("save"))},[...a[2]||(a[2]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a 2 2 0 0 1-2-2V5a 2 2 0 0 1 2-2z"}),e.createElementVNode("path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a 1 1 0 0 0-1 1v7"}),e.createElementVNode("path",{d:"M7 3v4a1 1 0 0 0 1 1h7"})],-1),e.createTextVNode(" Зберегти ",-1)])])]),e.createVNode(rn,{modelValue:l.value,"onUpdate:modelValue":a[1]||(a[1]=i=>l.value=i),language:"cartocss",class:"flex-1 rounded-lg overflow-hidden"},null,8,["modelValue"])]))}}),ny={class:"flex flex-col flex-1 min-h-0"},oy={class:"flex justify-between mb-3 gap-2"},ry={class:"text-left"},ly={class:"font-medium text-gray-900"},ay={class:"text-xs text-gray-500"},sy={class:"flex justify-center gap-2"},iy=["checked","onChange"],cy={class:"text-sm font-medium text-gray-900"},dy=e.defineComponent({__name:"cartocss-data-tab",props:{modelValue:{default:[]},modelModifiers:{}},emits:e.mergeModels(["save"],["update:modelValue"]),setup(t,{emit:n}){const o=[{key:"table",label:"Таблиця",slot:"datasetCell"},{key:"active",label:"Активний",slot:"activeCell",width:"140px"},{key:"zoom",label:"Min Зум",slot:"zoomCell",width:"140px"}],r=e.defineAsyncComponent(()=>import("@opengis/core").then(d=>d.VsModal)),l=e.defineAsyncComponent(()=>import("@opengis/form")),s=e.useModel(t,"modelValue"),a=n,i=e.ref(!1),f=e.ref({table:"",query:"",srid:"",key:"",columns:"",minzoom:"",maxzoom:"",proj4text:"",active:!0}),m={table:{type:"text",label:"Таблиця",validators:["required"]},key:{type:"text",label:"Ключ",validators:["required"]},query:{type:"text",label:"Query"},columns:{type:"text",label:"Колонки"},srid:{type:"number",label:"SRID"},proj4text:{type:"text",label:"PROJ4"},active:{type:"switcher",label:"Активна"},minzoom:{type:"number",label:"Min Зум",col:6},maxzoom:{type:"number",label:"Max Зум",col:6}};function x(){f.value={table:"",query:"",srid:"",key:"",columns:"",minzoom:"",maxzoom:"",proj4text:"",active:!0},i.value=!0}function u(){i.value=!1}function h(){var p,g;const d=(p=f.value.table)==null?void 0:p.trim(),y=(g=f.value.key)==null?void 0:g.trim();if(!d||!y){he.notify({type:"warning",title:"Перевірка",message:"Вкажіть таблицю та підпис"});return}s.value=[...Array.isArray(s.value)?s.value:[],{...f.value,table:d,key:y}],i.value=!1}function c(d,y){var g;const p=((g=y==null?void 0:y.target)==null?void 0:g.checked)??!1;d.active=p,s.value=Array.isArray(s.value)?[...s.value]:[]}return(d,y)=>(e.openBlock(),e.createElementBlock("div",ny,[e.createElementVNode("div",oy,[e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium bg-gradient-to-r from-gray-500 to-gray-400 text-white h-9 px-4 py-2 hover:from-gray-600 hover:to-gray-500",onClick:x}," Додати таблицю "),e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",onClick:y[0]||(y[0]=p=>a("save"))}," Зберегти ")]),e.createVNode(Et,{modelValue:s.value,"onUpdate:modelValue":y[1]||(y[1]=p=>s.value=p),"columns-scheme":o,"form-scheme":m,"add-button":!1,"main-col-width":"260px"},{datasetCell:e.withCtx(({row:p})=>[e.createElementVNode("div",ry,[e.createElementVNode("div",ly,e.toDisplayString(p.table),1),e.createElementVNode("div",ay,e.toDisplayString(p.key),1)])]),activeCell:e.withCtx(({row:p})=>[e.createElementVNode("label",sy,[e.createElementVNode("input",{type:"checkbox",class:"h-4 w-4 text-sky-500 border-gray-300 rounded focus:ring-sky-300",checked:p.active,onChange:g=>c(p,g)},null,40,iy)])]),zoomCell:e.withCtx(({row:p})=>[e.createElementVNode("div",cy,e.toDisplayString(p.zoom),1)]),_:1},8,["modelValue"]),e.createVNode(e.unref(r),{teleport:"#modal",visible:i.value,"onUpdate:visible":y[3]||(y[3]=p=>i.value=p),title:"Нова таблиця CartoCSS"},{footer:e.withCtx(()=>[e.createElementVNode("div",{class:"flex justify-end gap-2 p-4 border-т"},[e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-gray-100 text-gray-700",onClick:u}," Скасувати "),e.createElementVNode("button",{type:"button",class:"px-4 py-2 rounded bg-blue-600 text-white",onClick:h}," Додати ")])]),default:e.withCtx(()=>[e.createVNode(e.unref(l),{values:f.value,"onUpdate:values":y[2]||(y[2]=p=>f.value=p),schema:m},null,8,["values"])]),_:1},8,["visible"])]))}}),uy={class:"flex flex-col flex-1 min-h-0 gap-4"},py={class:"h-[calc(100vh-230px)] rounded-md border border-gray-200 bg-white"},my=e.defineComponent({__name:"cartocss-card-tab",props:{card:{},table:{}},emits:["save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(o.table),s=e.ref(o.card),a=e.defineAsyncComponent(()=>import("@opengis/form").then(f=>f.VsInputText));function i(){r("save",{card_html:s.value,card_table:l.value})}return(f,m)=>(e.openBlock(),e.createElementBlock("div",uy,[e.createElementVNode("div",{class:"flex items-center justify-end gap-3"},[e.createElementVNode("button",{type:"button",class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",onClick:i},[...m[2]||(m[2]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"h-3.5 w-3.5"},[e.createElementVNode("path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a 2 2 0 0 1-2-2V5a 2 2 0 0 1 2-2z"}),e.createElementVNode("path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a 1 1 0 0 0-1 1v7"}),e.createElementVNode("path",{d:"M7 3v4a1 1 0 0 0 1 1h7"})],-1),e.createTextVNode(" Зберегти картку ",-1)])])]),e.createElementVNode("div",null,[e.createVNode(e.unref(a),{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=x=>l.value=x)},null,8,["modelValue"])]),e.createElementVNode("div",py,[e.createVNode(rn,{modelValue:s.value,"onUpdate:modelValue":m[1]||(m[1]=x=>s.value=x),language:"html",theme:"vs-light",class:"h-full w-full rounded-md"},null,8,["modelValue"])])]))}}),fy=e.defineComponent({__name:"CartocssLayerLoader",props:{layerId:{type:String,required:!0},tileUrl:{type:String,default:""},title:{type:String,default:""},active:{type:Boolean,default:!1},owner:{type:String,default:""},opacity:{type:Number,default:1}},setup(t){const n=t,o=Pe(),{activateTemporaryLayer:r,deactivateTemporaryLayer:l,setTemporaryLayerOpacity:s}=ho(o.map),a=e.computed(()=>{var u;const x=`${(u=n==null?void 0:n.tileUrl)==null?void 0:u.trim()}`;return x?typeof window>"u"||typeof location>"u"||/^https?:\/\//i.test(x)?x:x.startsWith("//")?`${window.location.protocol}${x}`:x.startsWith("/")?`${location.origin}${x}`:`${location.origin}/${x}`:""});let i="",f="";function m(){const x=n.active&&!!a.value;i&&(!x||i!==n.layerId)&&(l(i,f||void 0),i="",f=""),x&&(r({id:n.layerId,title:n.title||n.layerId,url:a.value,opacity:n.opacity},{},n.owner),i=n.layerId,f=n.owner||"")}return e.watch(()=>[n.layerId,a.value,n.active,n.owner],m,{immediate:!0}),e.watch(()=>n.opacity,x=>{!i||!n.active||s(i,x,f||void 0)},{immediate:!0}),e.onUnmounted(()=>{i&&(l(i,f||void 0),i="",f="")}),(x,u)=>e.createCommentVNode("",!0)}}),gy=e.defineComponent({__name:"CartocssMapClickListener",props:{cartocssId:{},infoEnabled:{type:[Boolean,null]}},setup(t){const n=t,o=e.computed(()=>n.cartocssId??null),r=e.computed(()=>!!n.infoEnabled),{map:l,ready:s}=Pe(),a=c=>{!c||typeof window>"u"||window.dispatchEvent(new CustomEvent(xo,{detail:c}))},i=async c=>{const d=await fetch(`/api/map-format?${c.toString()}`);if(!d.ok)throw new Error(`API returned ${d.status}`);return d.json()};let f=null,m=null;const x=c=>{if(!c)return null;if(typeof c=="string")try{return JSON.parse(c)}catch{return null}return c},u=async(c,d)=>{var p;const y=new URLSearchParams({layer:o.value??"",id:String(c)});try{const g=await i(y),k=typeof g.html=="string"?g.html:null,C=x(((p=g==null?void 0:g.data)==null?void 0:p.geom)??(g==null?void 0:g.geom)??null);(k||C)&&a({html:k,geometry:C??d})}catch(g){console.warn("CartoCSS map-format (id) error",g)}},h=async c=>{var g,k,C,$;if(!o.value)return;if(!r.value){he.notify({type:"error",title:"CartoCSS",message:"Картка не налаштована"});return}const d=(g=c==null?void 0:c.lngLat)==null?void 0:g.lng,y=(k=c==null?void 0:c.lngLat)==null?void 0:k.lat;if(typeof d!="number"||typeof y!="number")return;const p=new URLSearchParams({layer:o.value,lat:y.toFixed(6),lng:d.toFixed(6)});try{const w=await i(p),N=x(((C=w==null?void 0:w.data)==null?void 0:C.geom)??(w==null?void 0:w.geom)??null),E=(($=w==null?void 0:w.data)==null?void 0:$.id)??(w==null?void 0:w.id);if(E!=null){await u(E,N);return}Vf({html:w==null?void 0:w.html})&&a({html:w==null?void 0:w.html,geometry:N})}catch(w){console.warn("CartoCSS map-format error",w)}};return s().then(()=>{m=l.value,m&&(m.on("click",h),f=()=>m==null?void 0:m.off("click",h))}),e.onBeforeUnmount(()=>{f==null||f(),f=null,m=null}),()=>{}}}),yy={class:"flex h-full bg-gradient-to-br from-slate-50 to-white"},hy={class:"flex-1 relative overflow-hidden"},xy={class:"absolute top-0 left-0 w-full z-20"},by={class:"flex items-center justify-between bg-white/80 backdrop-blur border-b border-gray-200 px-6 py-3 shadow-sm gap-4"},ky={class:"flex items-center gap-3 min-w-0"},wy={class:"flex flex-col min-w-0"},_y={class:"font-semibold text-lg text-gray-800 line-clamp-1"},Ey={key:0,class:"text-xs text-gray-500 truncate"},Ny={class:"w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[64px]"},Cy={class:"relative w-full h-full"},Vy={class:"absolute top-[5.5rem] left-4 z-30 flex flex-col items-start gap-2"},By={class:"rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur"},$y={class:"flex items-center gap-2"},vy={class:"rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur"},Sy={class:"inline-flex items-center gap-2 text-[11px] text-slate-600"},Ly=["checked"],Ay={class:"absolute top-4 left-4 z-20"},My={class:"absolute top-[6.5rem] right-2 space-y-1 z-20"},Ty={class:"flex-1 flex flex-col h-full"},Fy={key:0,class:"px-3 pt-3 pb-2 border-b border-gray-100"},Dy={class:"items-center justify-center text-muted-foreground grid w-full grid-cols-4 h-12 p-1 bg-gray-50 rounded-xl shadow-sm"},zy=["aria-selected","onClick"],Iy={class:"leading-none"},jy={class:"flex flex-col flex-1 overflow-y-hidden p-4"},Py={key:0,class:"flex-1 flex items-center justify-center text-sm text-gray-500"},Ry="cartocss-demo-001",Oy="OpenGIS",yl=2,Mn=5,Uy=e.defineComponent({__name:"cartocss",setup(t){const n=Fe.useRouter(),o=Fe.useRoute(),r=e.ref(null),l=[{key:"css",label:"CSS",icon:Xr},{key:"data",label:"Дані",icon:Q0},{key:"metadata",label:"Метадані",icon:lo},{key:"card",label:"Картка",icon:Qr}],s=l.map(P=>P.key),a=e.ref(s.includes(o.query.tab)?o.query.tab:"css"),i=e.ref(!0),f=e.ref(null),m=e.computed(()=>{var P;return(P=f.value)!=null&&P.source_path?l.filter(ee=>ee.key==="card"||ee.key==="metadata"):l}),x=e.computed(()=>o.params.id||Ry),u=e.ref({id:x.value,name:"",description:""});let h=null;const c=e.ref(!1);function d(P){if(Array.isArray(P))return d(P[0]);if(typeof P!="string"&&typeof P!="number")return null;const ee=typeof P=="number"?P:Number(P.trim());return Number.isFinite(ee)?ee:null}function y(P,ee){return P.toFixed(ee)}function p(P,ee,b){const A=.5*10**-b;return Math.abs(P-ee)>A}function g(){var P;return(P=r.value)==null?void 0:P.ctx}function k(){var ie,Be,$e,Re;const P=(Be=(ie=g())==null?void 0:ie.map)==null?void 0:Be.value;if(!P)return;const ee=d(o.query.z),b=d(o.query.x),A=d(o.query.y);if(ee==null||b==null||A==null)return;const Z=($e=P.getCenter)==null?void 0:$e.call(P),le=(Re=P.getZoom)==null?void 0:Re.call(P);(!Z||p(Z.lng,b,Mn)||p(Z.lat,A,Mn)||p(le??0,ee,yl))&&(c.value=!0,P.jumpTo({center:[b,A],zoom:ee}),c.value=!1)}function C(){var Z,le,fe,ie;if(c.value)return;const P=(le=(Z=g())==null?void 0:Z.map)==null?void 0:le.value;if(!P)return;const ee=(fe=P.getCenter)==null?void 0:fe.call(P),b=(ie=P.getZoom)==null?void 0:ie.call(P);if(!ee||b==null)return;const A={...o.query,z:y(b,yl),x:y(ee.lng,Mn),y:y(ee.lat,Mn)};o.query.z===A.z&&o.query.x===A.x&&o.query.y===A.y||n.replace({query:A})}function $(P){typeof document>"u"||(document.title=P?`${P} — CartoCSS`:Oy)}const w=e.ref("");e.ref("");const N=e.ref([]),E=e.ref(!1),B=e.ref(!1),M=e.ref(""),D=e.ref(0),W=e.ref(!1),K=e.ref(1),Q=e.ref(!0),H=e.computed(()=>`cartocss-layer-${x.value}`),J=e.computed(()=>`${Math.round(K.value*100)}%`),O=e.computed(()=>`cartocss-extent-${x.value}`),T=e.computed(()=>{var Z;const P=(Z=M.value)==null?void 0:Z.trim();if(!P)return"";const ee=P.includes("?")?"&":"?",b=`${P}${ee}nottl=1`,A=D.value;return A?`${P}${ee}ts=${A}&nocache=1`:b});e.computed(()=>{const P=f.value;return P?P.cartocss_key||P.source_path||x.value||"":x.value||""});const F=e.ref(""),X=e.ref(""),v=e.computed(()=>{var le;const P=(le=f.value)==null?void 0:le.bounds;if(!Array.isArray(P)||P.length<4)return null;const[ee,b,A,Z]=P;return[ee,b,A,Z].some(fe=>typeof fe!="number"||Number.isNaN(fe))?null:[(ee+A)/2,(b+Z)/2]}),_=e.computed(()=>{var le;const P=(le=f.value)==null?void 0:le.bounds;if(!Array.isArray(P)||P.length<4)return null;const[ee,b,A,Z]=P;return[ee,b,A,Z].some(fe=>typeof fe!="number"||Number.isNaN(fe))?null:[ee,b,A,Z]}),S=e.computed(()=>{const P=f.value;return P?(N.value.map(b=>b==null?void 0:b.table).filter(Boolean),[P.description,P.group_id?`Група: ${P.group_id}`:null,P.source_path?`Шлях: ${P.source_path}`:null,P.is_public===!0?"Публічний":"Не публічний",P.enabled===!0?"Активний":"Неактивний"].filter(Boolean).join(", ")):""});e.watch(x,P=>{P&&ae(P)},{immediate:!0}),e.watch(()=>{var P;return(P=u.value)==null?void 0:P.name},P=>$(P),{immediate:!0});async function z(){var A;const P=g();if(!(P!=null&&P.ready))return;await P.ready(),k();const ee=(A=P.map)==null?void 0:A.value;if(!ee)return;const b=()=>C();ee.on("moveend",b),ee.on("zoomend",b),h=()=>{ee.off("moveend",b),ee.off("zoomend",b)}}e.watch(()=>[o.query.z,o.query.x,o.query.y],()=>{k()}),e.onMounted(()=>{z()}),e.onBeforeUnmount(()=>{h==null||h(),h=null}),e.watch(()=>o.query.tab,P=>{P&&m.value.some(ee=>ee.key===P)&&a.value!==P&&(a.value=P)}),e.watch(m,P=>{P.length&&!P.some(ee=>ee.key===a.value)&&(a.value=P[0].key)},{immediate:!0}),e.watch(a,P=>{o.query.tab!==P&&m.value.some(ee=>ee.key===P)&&n.replace({query:{...o.query,tab:P}})}),e.watch(()=>f.value,P=>{const ee=P==null?void 0:P.card_html;F.value=ee,X.value=P==null?void 0:P.card_table},{immediate:!0});function I(){x.value&&ae(x.value,{bustCache:!0})}async function G(P,ee){if(x.value){B.value=!0;try{const b=await fetch(`/api/gis-css/${x.value}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(P)});if(!b.ok)throw new Error(`Failed to save cartocss: ${b.status}`);he.notify({type:"success",title:"Збережено",message:ee}),await ae(x.value,{bustCache:!0})}catch(b){console.error("Failed to save CartoCSS",b),he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти CartoCSS"})}finally{B.value=!1}}}function ne(P){if(!P)return null;if(typeof P=="string")try{return JSON.parse(P)}catch(ee){return console.warn("Failed to parse CartoCSS config",ee),null}return typeof P=="object"?P:null}function oe(P){const ee=Array.isArray(P)?P:P==null?void 0:P.datasets;return Array.isArray(ee)?ee.map((b,A)=>({table:(b==null?void 0:b.table)||(b==null?void 0:b.id)||`dataset_${A+1}`,query:(b==null?void 0:b.query)||"",srid:(b==null?void 0:b.srid)||"",key:(b==null?void 0:b.key)||(b==null?void 0:b.label)||"Без підпису",active:typeof(b==null?void 0:b.active)=="boolean"?b.active:!0,minzoom:typeof(b==null?void 0:b.zoom)>"u"?"":String(b.zoom),maxzoom:typeof(b==null?void 0:b.maxzoom)>"u"?"":String(b.maxzoom),columns:(b==null?void 0:b.columns)||"",proj4text:(b==null?void 0:b.proj4text)||""})):[]}async function ae(P,ee){E.value=!0;try{const b=await fetch(`/api/gis-css/${P}`);if(!b.ok)throw new Error(`Failed to load cartocss: ${b.status}`);const A=await b.json(),Z=(A==null?void 0:A.message)||A||{};f.value=Z,u.value={id:Z.cartocss_key||P,name:Z.name||u.value.name,description:Z.description||u.value.description},w.value=typeof Z.style=="string"?Z.style:"";const le=ne(Z.config??[]);N.value=oe(le);const fe=typeof Z.url=="string"?Z.url:"";M.value=fe,W.value=!!(fe&&Z.enabled!==!1),D.value=ee!=null&&ee.bustCache?Date.now():0}catch(b){console.error("Failed to fetch CartoCSS",b),W.value=!1,M.value="",D.value=0,f.value=null}finally{E.value=!1}}async function xe(){await G({style:w.value||"",config:N.value},"CartoCSS оновлено")}async function we(P){const ee=await fetch(`/api/gis-css/${x.value}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(P)});if(!ee.ok)throw new Error(`Failed to save cartocss: ${ee.status}`);he.notify({type:"success",title:"Збережено",message:"Картка CartoCSS оновлена"})}return(P,ee)=>(e.openBlock(),e.createElementBlock("div",yy,[e.createElementVNode("div",hy,[e.createElementVNode("div",xy,[e.createElementVNode("div",by,[e.createElementVNode("div",ky,[e.createElementVNode("button",{type:"button",onClick:ee[0]||(ee[0]=b=>e.unref(n).back()),class:"inline-flex items-center px-3 py-1.5 rounded-md bg-sky-100 hover:bg-sky-200 text-sky-700 font-medium text-sm transition"},[...ee[6]||(ee[6]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 mr-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1),e.createTextVNode(" Назад ",-1)])]),e.createElementVNode("div",wy,[e.createElementVNode("div",_y,e.toDisplayString(u.value.name),1),S.value?(e.openBlock(),e.createElementBlock("div",Ey,e.toDisplayString(S.value),1)):e.createCommentVNode("",!0)])]),e.createVNode(fl,{"entity-id":x.value,"entity-info":u.value,"form-endpoint":b=>`/api/form/gis.cartocss.table/${b}`,"save-endpoint":b=>`/api/gis-css/${b}`,"entity-label":"CartoCSS","save-method":"post",onSaved:I},null,8,["entity-id","entity-info","form-endpoint","save-endpoint"])])]),e.createElementVNode("div",Ny,[e.createElementVNode("div",Cy,[e.createVNode($n,{ref_key:"mapViewRef",ref:r},{default:e.withCtx(()=>{var b,A;return[e.createElementVNode("div",Vy,[e.createElementVNode("div",By,[e.createElementVNode("div",$y,[ee[7]||(ee[7]=e.createElementVNode("span",null,"Прозорість:",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":ee[1]||(ee[1]=Z=>K.value=Z),type:"range",min:"0",max:"1",step:"0.01",class:"h-1 w-28 cursor-pointer appearance-none rounded-full bg-slate-300 focus:outline-none",style:{"accent-color":"#3b82f6"}},null,512),[[e.vModelText,K.value,void 0,{number:!0}]]),e.createElementVNode("span",null,e.toDisplayString(J.value),1)])]),e.createElementVNode("div",vy,[e.createElementVNode("label",Sy,[e.createElementVNode("input",{type:"checkbox",class:"h-3.5 w-3.5 rounded border-slate-300 text-blue-600 focus:ring-blue-200",checked:Q.value,onChange:ee[2]||(ee[2]=Z=>Q.value=Z.target.checked)},null,40,Ly),ee[8]||(ee[8]=e.createElementVNode("span",null,"Межі css",-1))])])]),e.createElementVNode("div",Ay,[e.createVNode(Yt)]),e.createElementVNode("div",My,[e.createVNode(Lt),v.value?(e.openBlock(),e.createBlock(Lt,{key:0,targetCenter:v.value,targetLabel:"Центр даних",targetAriaLabel:"Перейти до центру даних"},null,8,["targetCenter"])):e.createCommentVNode("",!0)]),T.value?(e.openBlock(),e.createBlock(fy,{key:0,"layer-id":H.value,"tile-url":T.value,active:W.value,opacity:K.value,title:u.value.name,owner:x.value},null,8,["layer-id","tile-url","active","opacity","title","owner"])):e.createCommentVNode("",!0),e.createVNode(pl,{extent:Q.value?_.value:null,"layer-id":O.value},null,8,["extent","layer-id"]),e.createVNode(gy,{"cartocss-id":x.value,bounds:((b=f.value)==null?void 0:b.bounds)??null,active:W.value,"info-enabled":(A=f.value)==null?void 0:A.info},null,8,["cartocss-id","bounds","active","info-enabled"]),e.createVNode(bo,{"map-id":x.value},null,8,["map-id"])]}),_:1},512)])]),f.value?(e.openBlock(),e.createBlock(ro,{key:0,open:i.value,"top-class":"top-4",onToggle:ee[3]||(ee[3]=b=>i.value=!i.value)},null,8,["open"])):e.createCommentVNode("",!0)]),f.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out",i.value?"w-[650px]":"w-0"])},[e.createElementVNode("div",Ty,[m.value.length>1?(e.openBlock(),e.createElementBlock("div",Fy,[e.createElementVNode("div",Dy,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,b=>(e.openBlock(),e.createElementBlock("button",{key:b.key,type:"button",role:"tab","aria-selected":a.value===b.key,class:e.normalizeClass(["whitespace-nowrap flex flex-col items-center justify-center gap-0.5 py-1 px-1 text-[9px] font-medium transition-all duration-300 hover:bg-white/70 rounded-lg group",a.value===b.key?"bg-white shadow-sm text-gray-700":""]),onClick:A=>a.value=b.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.icon),{class:"h-3.5 w-3.5 mb-0.5"})),e.createElementVNode("span",Iy,e.toDisplayString(b.label),1)],10,zy))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("div",jy,[E.value?(e.openBlock(),e.createElementBlock("div",Py," Завантаження стилю… ")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.value==="css"?(e.openBlock(),e.createBlock(ty,{key:0,modelValue:w.value,"onUpdate:modelValue":ee[4]||(ee[4]=b=>w.value=b),class:"flex-1 min-h-0",onSave:xe},null,8,["modelValue"])):a.value==="data"?(e.openBlock(),e.createBlock(dy,{key:1,modelValue:N.value,"onUpdate:modelValue":ee[5]||(ee[5]=b=>N.value=b),class:"flex-1 min-h-0 flex flex-col",onSave:xe},null,8,["modelValue"])):a.value==="card"?(e.openBlock(),e.createBlock(my,{key:2,card:F.value,table:X.value,class:"flex-1 min-h-0",onSave:we},null,8,["card","table"])):a.value==="metadata"?(e.openBlock(),e.createBlock(ao,{key:3,data:f.value,"entity-id":x.value,"entity-type":"css",onSaved:I},null,8,["data","entity-id"])):e.createCommentVNode("",!0)],64))])])],2)):e.createCommentVNode("",!0)]))}}),qy={class:"w-full mb-6"},Hy={class:"flex items-center w-full h-10 max-w-md p-1 bg-white border border-gray-200 rounded-md"},Wy=["onClick"],Yy=e.defineComponent({__name:"MapSettingsTabs",props:{tabs:{},activeTab:{}},emits:["update:activeTab"],setup(t,{emit:n}){const o=n,r=l=>{o("update:activeTab",l)};return(l,s)=>(e.openBlock(),e.createElementBlock("div",qy,[e.createElementVNode("div",Hy,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,a=>(e.openBlock(),e.createElementBlock("button",{key:a.id,onClick:i=>r(a.id),class:e.normalizeClass(["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all",a.id===t.activeTab?"bg-blue-50 text-blue-700":"text-gray-600 hover:bg-gray-50"])},e.toDisplayString(a.name),11,Wy))),128))])]))}}),Zy={class:"rounded-lg border border-gray-200 bg-[rgba(252,252,252,0.8)] p-6"},Gy=e.defineComponent({__name:"GeneralSettings",props:{schema:{},modelValue:{},loading:{type:Boolean},form:{}},emits:["update:modelValue","update:form"],setup(t,{emit:n}){const o=e.defineAsyncComponent(()=>import("@opengis/form")),r=t,l=n,s=e.computed({get:()=>r.modelValue,set:i=>l("update:modelValue",i)}),a=e.computed({get:()=>r.form,set:i=>l("update:form",i)});return(i,f)=>(e.openBlock(),e.createElementBlock("section",Zy,[f[2]||(f[2]=e.createElementVNode("h2",{class:"text-lg font-semibold text-gray-800 mb-4"}," Основна інформація ",-1)),t.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(o),{key:0,schema:t.schema,values:s.value,"onUpdate:values":f[0]||(f[0]=m=>s.value=m),form:a.value,"onUpdate:form":f[1]||(f[1]=m=>a.value=m)},null,8,["schema","values","form"]))]))}}),Ky={class:"rounded-lg border border-gray-200 bg-[rgba(252,252,252,0.8)] p-6"},Xy=e.defineComponent({__name:"LayerSettings",props:{layerIDs:{},layerNames:{},options:{}},emits:["update:layerIDs","update:layerNames"],setup(t,{emit:n}){const o=t,r=n,l=e.computed({get:()=>o.layerIDs,set:s=>r("update:layerIDs",s)});return e.computed({get:()=>o.layerNames,set:s=>r("update:layerNames",s)}),(s,a)=>(e.openBlock(),e.createElementBlock("section",Ky,[a[1]||(a[1]=e.createElementVNode("h2",{class:"text-lg font-semibold text-gray-800 mb-4"},"Шари",-1)),a[2]||(a[2]=e.createElementVNode("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"Доступні шари",-1)),e.createVNode(e.unref(Co.VsInputArraySelect),{options:t.options,modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=i=>l.value=i),placeholder:"Шари"},null,8,["options","modelValue"])]))}}),Qy={class:"mapLayer-info__inner"},Jy={class:"mapLayer-info__item-label"},ko=ye(e.defineComponent({__name:"MapLayerInfoPopover",props:{items:{}},setup(t,{expose:n}){const o=t,r=e.reactive({open:!1,top:0,left:0,transform:"translateX(-50%)"}),l=e.ref(null),s=e.ref(null);let a=null;const i=e.computed(()=>r.open?{position:"absolute",width:"auto",maxWidth:`${Math.min(300,window.innerWidth-24)}px`,top:`${r.top}px`,left:`${r.left}px`,transform:r.transform,display:"block"}:{display:"none"});function f(y){if(r.open){h();return}const p=y.currentTarget,g=p==null?void 0:p.closest(".mapLayer-info");if(!g){h();return}l.value=g,r.open=!0,e.nextTick(()=>{m(),c(),requestAnimationFrame(()=>{m()})})}function m(){if(!r.open||!l.value||!s.value)return;const y=l.value.getBoundingClientRect(),p=12,g=window.scrollX+p,k=window.scrollX+window.innerWidth-p,C=window.scrollY+p,$=window.scrollY+window.innerHeight-p,w=s.value.offsetWidth||Math.min(300,window.innerWidth-24),N=s.value.offsetHeight||0;let E=y.left+window.scrollX+(y.width-w)/2;E<g&&(E=g),E+w>k&&(E=Math.max(g,k-w)),r.left=E;let B=y.bottom+window.scrollY+p;B+N>$&&(B=y.top+window.scrollY-N-p,B<C&&(B=Math.max(C,$-N))),B<C&&(B=C),B+N>$&&(B=Math.max(C,$-N)),r.top=B,r.transform="none"}function x(y){var g,k;if(!r.open)return;const p=y.target;(g=l.value)!=null&&g.contains(p)||(k=s.value)!=null&&k.contains(p)||h()}function u(y){y.key==="Escape"&&h()}function h(){d(),r.open=!1,l.value=null,s.value=null}function c(){d(),s.value&&(a=new ResizeObserver(()=>{m()}),a.observe(s.value))}function d(){a&&(a.disconnect(),a=null)}return e.onMounted(()=>{document.addEventListener("click",x,!0),document.addEventListener("keydown",u),window.addEventListener("scroll",m,!0),window.addEventListener("resize",m)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",x,!0),document.removeEventListener("keydown",u),window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m),d()}),e.watch(()=>o.items,()=>{r.open&&e.nextTick(()=>m())},{deep:!0}),n({close:h}),(y,p)=>(e.openBlock(),e.createElementBlock("div",{class:"mapLayer-info",ref_key:"anchorEl",ref:l},[e.createElementVNode("a",{class:"mapLayer-info__trigger",href:"#",onClick:e.withModifiers(f,["prevent","stop"])},[...p[1]||(p[1]=[e.createStaticVNode('<div class="mapLayer-info__icon" data-v-cc1cc7bf><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" data-v-cc1cc7bf><circle cx="12" cy="12" r="10" data-v-cc1cc7bf></circle><line x1="12" y1="16" x2="12" y2="12" data-v-cc1cc7bf></line><line x1="12" y1="8" x2="12.01" y2="8" data-v-cc1cc7bf></line></svg></div>',1)])]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[r.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vst-popover__content inline-block z-[81] py-3 px-4 bg-white text-sm text-gray-500 rounded-md shadow-lg bottom mapLayer-info__popover",style:e.normalizeStyle(i.value),ref_key:"popoverEl",ref:s,onClick:p[0]||(p[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Qy,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,g=>(e.openBlock(),e.createElementBlock("div",{key:g.label,class:"mapLayer-info__item"},[e.createElementVNode("div",Jy,e.toDisplayString(g.label),1),e.createElementVNode("div",{class:e.normalizeClass(["mapLayer-info__item-value",{"mapLayer-info__item-value--break-all":g.breakLine}])},e.toDisplayString(g.value??"—"),3)]))),128))])],4)):e.createCommentVNode("",!0)]))],512))}}),[["__scopeId","data-v-cc1cc7bf"]]),eh={key:0,class:"map-info__title"},th={class:"map-info__actions"},nh={key:0,class:"map-info__menu"},oh=["href"],rh=["innerHTML"],hl=ye(e.defineComponent({__name:"MapInfoWidget",props:{title:{},content:{},links:{},mapName:{},mapDescription:{}},setup(t){const n=t,o=e.ref(null),r=e.ref(!1),l=e.ref(null),s=e.ref(null),a=e.ref({top:0,left:0});Fe.useRouter();const i=e.ref(!0),f=e.ref(!1),m=e.computed(()=>Array.isArray(n.links)?n.links.filter($=>($==null?void 0:$.name)&&($==null?void 0:$.slug)):[]),x=e.computed(()=>({top:`${a.value.top}px`,left:`${a.value.left}px`})),u=e.computed(()=>{const $=[];return n.mapName&&$.push({label:"Назва карти",value:n.mapName}),n.mapDescription&&$.push({label:"Опис",value:n.mapDescription,breakLine:!0}),$});function h($){return $==null?!1:$.replace(/<[^>]*>/g,"").trim().length>0}const c=e.computed(()=>h(n.content)),d=e.computed(()=>c.value);function y($){$.stopPropagation(),r.value=!r.value}function p(){const $=l.value;if(!$||!s.value)return;const w=$.getBoundingClientRect(),N=12,E=8,B=window.scrollX+N,M=window.scrollX+window.innerWidth-N,D=window.scrollY+N,W=window.scrollY+window.innerHeight-N,K=s.value.offsetWidth||160,Q=s.value.offsetHeight||0;let H=w.bottom+window.scrollY+E,J=w.left+window.scrollX;J+K>M&&(J=w.right+window.scrollX-K,J<B&&(J=B)),J<B&&(J=B),H+Q>W&&(H=w.top+window.scrollY-Q-E,H<D&&(H=Math.max(D,W-Q))),H<D&&(H=D),H+Q>W&&(H=Math.max(D,W-Q)),a.value={top:H,left:J}}function g($){if(!r.value)return;const w=o.value;if(!w){r.value=!1;return}w.contains($.target)||(r.value=!1)}e.watch(r,$=>{$?e.nextTick(()=>{p(),requestAnimationFrame(()=>{p()}),window.addEventListener("scroll",p,!0),window.addEventListener("resize",p)}):(window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p))});function k(){i.value=!i.value}function C(){f.value=window.innerWidth<=768}return e.onMounted(()=>{document.addEventListener("click",g,!0),C(),d.value?f.value&&(i.value=!1):i.value=!1,window.addEventListener("resize",C)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",g,!0),window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p),window.removeEventListener("resize",C)}),($,w)=>(e.openBlock(),e.createElementBlock("div",{class:"map-info legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget",ref_key:"container",ref:o},[t.title||m.value.length||u.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"map-info__header",style:e.normalizeStyle([c.value?"":"padding-bottom: 20px"])},[t.title?(e.openBlock(),e.createElementBlock("h2",eh,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",th,[m.value.length?(e.openBlock(),e.createElementBlock("div",nh,[e.createElementVNode("button",{ref_key:"menuButton",ref:l,type:"button",class:"map-info__menu-button",onClick:y,"aria-label":"Показати посилання"},[...w[1]||(w[1]=[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M4 12H20",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M4 6H20",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M4 18H20",stroke:"#000000","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuPopover",ref:s,class:"vsTailwind vs-popover__content right map-info__popover",style:e.normalizeStyle(x.value),onClick:w[0]||(w[0]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,N=>(e.openBlock(),e.createElementBlock("a",{key:N.slug||N.name,href:`/maps/${N.slug}`,class:"map-info__popover-link"},e.toDisplayString(N.name),9,oh))),128))],4)):e.createCommentVNode("",!0)]))])):e.createCommentVNode("",!0),u.value.length?(e.openBlock(),e.createBlock(ko,{key:1,items:u.value},null,8,["items"])):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"map-info__toggle-button",onClick:k,"aria-label":"Розгорнути/згорнути"},[(e.openBlock(),e.createElementBlock("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass({"map-info__toggle-icon--rotated":i.value})},[...w[2]||(w[2]=[e.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))])):e.createCommentVNode("",!0)])],4)):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["map-info__content",{"map-info__content--collapsed":!i.value}]),innerHTML:t.content},null,10,rh)):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-813e24fb"]]),lh={class:"opacity-popover__content"},ah={class:"opacity-popover__value"},xl=ye(e.defineComponent({__name:"LayerOpacityPopover",props:{layerId:{}},setup(t){const n=t,o=e.ref(!1),r=e.ref(100),l=e.ref(null),s=e.ref(null),a=e.reactive({top:0,left:0});function i(){var w;const u=(w=s.value)==null?void 0:w.querySelector("button");if(!u||!l.value)return;const h=u.getBoundingClientRect(),c=260,d=l.value.offsetHeight||60,y=8,p=12,g=window.innerWidth,k=window.innerHeight;let C=h.bottom+y+window.scrollY,$=h.left+window.scrollX;$+c>g-p&&($=g-c-p+window.scrollX),$<p+window.scrollX&&($=p+window.scrollX),C+d>k+window.scrollY-p&&(C=h.top-d-y+window.scrollY,C<p+window.scrollY&&(C=k-d-p+window.scrollY)),a.top=C,a.left=$}function f(){o.value=!o.value,o.value&&e.nextTick(i)}function m(){var d;const u=Se(n.layerId),h=(r.value??100)/100;if(u!=null&&u.setOpacity){u.setOpacity(h);return}const c=(d=u==null?void 0:u.getLayer)==null?void 0:d.call(u);if(c)switch(c.type){case"raster":u.updatePaint({"raster-opacity":h});break;case"fill":u.updatePaint({"fill-opacity":h});break;case"line":u.updatePaint({"line-opacity":h});break;case"circle":u.updatePaint({"circle-opacity":h});break;case"symbol":u.updatePaint({"icon-opacity":h});break}}function x(u){var c,d;if(!o.value)return;const h=u.target;(c=l.value)!=null&&c.contains(h)||(d=s.value)!=null&&d.contains(h)||(o.value=!1)}return e.onMounted(()=>{document.addEventListener("click",x),window.addEventListener("scroll",i,!0),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",x),window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",i)}),(u,h)=>(e.openBlock(),e.createElementBlock("div",{class:"opacity-wrapper",ref_key:"wrapper",ref:s},[e.renderSlot(u.$slots,"trigger",{toggle:f,opacity:r.value},()=>[e.createElementVNode("button",{type:"button",class:"opacity-btn",onClick:e.withModifiers(f,["stop"])},e.toDisplayString(r.value)+"% ",1)],!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popoverEl",ref:l,class:"opacity-popover",style:e.normalizeStyle({top:a.top+"px",left:a.left+"px"})},[e.createElementVNode("div",lh,[h[1]||(h[1]=e.createElementVNode("label",{class:"opacity-popover__label"},"Прозорість:",-1)),e.withDirectives(e.createElementVNode("input",{type:"range",min:"0",max:"100",step:"1","onUpdate:modelValue":h[0]||(h[0]=c=>r.value=c),class:"opacity-popover__range",onInput:m},null,544),[[e.vModelText,r.value]]),e.createElementVNode("span",ah,e.toDisplayString(r.value)+"%",1)])],4)):e.createCommentVNode("",!0)]))],512))}}),[["__scopeId","data-v-b278347a"]]),sh={class:"layers-panel"},ih={class:"layers-panel__header"},ch={class:"layers-panel__heading"},dh={class:"layers-panel__heading-title"},uh={class:"layers-panel__count"},ph={class:"layers-panel__bulk-actions"},mh={class:"layers-panel__header-actions"},fh={class:"layers-panel__header-controls"},gh={class:"layers-panel__label"},yh={class:"layers-panel__label-row"},hh=["checked","onChange"],xh={class:"layers-panel__title-block"},bh={class:"layers-panel__name"},kh={class:"layers-panel__meta text-slate-500"},wh=["onClick"],_h={class:"inline-flex items-center justify-center w-[18px] h-[18px] text-slate-500 transition-colors duration-200 hover:text-blue-700"},Eh={key:0,class:"layers-panel__actions"},Nh=["innerHTML","onClick"],bl="map:temporary-layer-request",Ch="#5763ba",kl=ye(e.defineComponent({__name:"MapDataLayersWidget",props:{layers:{},config:{}},emits:["action"],setup(t,{emit:n}){const o=t,r=e.ref({}),l=e.ref(!0),s=e.ref(!1),a=Pe(),{temporaryLayers:i,activateTemporaryLayer:f,deactivateTemporaryLayer:m,clearTemporaryLayers:x}=ho(a.map),u=e.computed(()=>{const v=o.layers.map(S=>({...S,isTemporary:!1,owner:null,visible:S.visible!==!1})),_=i.value.map(S=>({id:S.id,name:S.title,visible:r.value[S.id]??!0,actions:[],filters:null,isTemporary:!0,owner:S.owner??null,handle:S.handle??null,card:S.card??null,popup:S.popup??null,style:S.style??null,group_name:null,count:null,holder:null}));return[...v,..._]}),h=e.computed(()=>u.value.length),c=e.computed(()=>u.value.filter(v=>$(v.id)).length),d=e.computed(()=>h.value>0&&c.value===h.value),y=e.computed(()=>i.value.length>0),p=n;function g(){var v;for(let _=0;_<o.layers.length;_++){const S=o.layers[_],z=k(S);if(!z)continue;const I=Se(S.id,z),G=S.visible!==!1;r.value[S.id]=G,G||(v=I==null?void 0:I.setVisible)==null||v.call(I,!1)}}function k(v){const _=v.id;if(!_)return null;const S=(v.type||v.service_type||v.service||"").toString().toLowerCase(),z=v.service_url||v.url||null;if(!!z&&(S==="tms"||S==="wmts"||S==="wms"||S==="ogc")){const ne=C(z);return ne?{sourceId:_,source:{type:"raster",tiles:[ne],tileSize:v.tileSize||256,minzoom:v.minzoom??0,maxzoom:v.maxzoom??22,scheme:v.scheme||"xyz"},layer:{id:_,type:"raster",source:_},card:v.card,popup:v.popup}:null}if(S==="cartocss"){const ne=v.url?C(v.url):`${location.origin}/api/gis-rtile/${_}/{z}/{x}/{y}.png`;return ne?{sourceId:_,source:{type:"raster",tiles:[ne],tileSize:v.tileSize||256,minzoom:v.minzoom??0,maxzoom:v.maxzoom??22},layer:{id:_,type:"raster",source:_},card:v.card,popup:v.popup}:null}const G=`${location.origin}/api/vtile/${_}/ua/{z}/{x}/{y}.vmt`;return{sourceId:_,source:{type:"vector",tiles:[G],minZoom:4,maxZoom:14},layer:{id:_,source:_,"source-layer":_,style:v.style},card:v.card,popup:v.popup}}function C(v){return v?/^https?:\/\//i.test(v)?v:v.startsWith("//")?`${window.location.protocol}${v}`:v.startsWith("/")?`${location.origin}${v}`:`${location.origin}/${v}`:null}function $(v){const _=r.value[v];return _??!0}function w(v){var z,I;if(!(v!=null&&v.id))return null;const _=(z=v.title)==null?void 0:z.trim(),S=(I=v.url)==null?void 0:I.trim();return!_||!S?null:{id:v.id,title:_,url:S,tileSize:v.tileSize,minzoom:v.minzoom,maxzoom:v.maxzoom,opacity:v.opacity}}function N(v){if(!v)return;const _=v.owner;if(v.action==="clear"){const z=i.value.filter(I=>!_||I.owner===_).map(I=>I.id);x(_),z.forEach(I=>{I in r.value&&delete r.value[I]});return}const S=w(v.spec);if(S){if(v.action==="activate"){f(S,v.context||{},_),r.value[S.id]=!0;return}v.action==="deactivate"&&(m(S.id,_),delete r.value[S.id])}}function E(v){v instanceof CustomEvent&&N(v.detail)}e.watch(()=>i.value.map(v=>v.id),(v,_)=>{const S=new Set(_||[]),z=new Set(v);v.forEach(I=>{I in r.value||(r.value[I]=!0)}),S.forEach(I=>{z.has(I)||delete r.value[I]})},{immediate:!0});function B(v,_){var z,I,G;if(v.isTemporary){if(!_){m(v.id,v.owner||void 0),delete r.value[v.id];return}r.value[v.id]=!0;const ne=v.handle||((z=i.value.find(oe=>oe.id===v.id))==null?void 0:z.handle);(I=ne==null?void 0:ne.setVisible)==null||I.call(ne,!0);return}r.value[v.id]=_;const S=Se(v.id);(G=S==null?void 0:S.setVisible)==null||G.call(S,_)}function M(v,_){const S=_.target;B(v,S.checked)}function D(v){u.value.forEach(_=>B(_,v))}function W(){D(!d.value)}function K(v){return v.isTemporary?[{label:"Назва",value:v.name??null},{label:"Тип",value:"Тимчасовий шар"},v.owner?{label:"Джерело",value:v.owner}:null].filter(Boolean):[{label:"Назва",value:v.name??null},{label:"Назва групи",value:v.group_name||null},{label:"Кількість",value:v.count??null},{label:"Балансоутримувач",value:v.holder??null}]}function Q(v){const _=v.trim();return _?!!(/^#[\da-fA-F]{3,8}$/.test(_)||/^rgb\s*\(/.test(_)||/^rgba\s*\(/.test(_)||/^hsl\s*\(/.test(_)||/^hsla\s*\(/.test(_)||/^[a-zA-Z]+$/.test(_)&&_.length<25):!1}function H(v){var _,S,z,I,G,ne;if(!v)return null;if(typeof v=="string"){const oe=v.trim();return!oe||!Q(oe)?null:oe}if(Array.isArray(v)){for(const oe of v){const ae=H(oe);if(ae)return ae}return null}if(typeof v=="object"){const oe=v;return H(oe.color??oe.fill??oe.stroke??oe.lineColor??oe.fillColor??((_=oe.paint)==null?void 0:_["fill-color"])??((S=oe.paint)==null?void 0:S["line-color"])??((z=oe.paint)==null?void 0:z["circle-color"])??((I=oe.paint)==null?void 0:I.color)??((G=oe.paint)==null?void 0:G.lineColor)??((ne=oe.paint)==null?void 0:ne.fillColor)??oe.paint??oe.value)}return null}function J(v){const _=Array.isArray(v==null?void 0:v.legend)?v.legend[0]:v==null?void 0:v.legend,S=H(_);return S||H(v==null?void 0:v.style)||Ch}function O(v){return{"--layers-panel-checkbox-color":J(v)}}function T(){if(!i.value.length)return;const v=i.value.map(_=>_.id);x(),v.forEach(_=>delete r.value[_])}function F(){l.value=!l.value}function X(){s.value=window.innerWidth<=768}return e.onMounted(()=>{g(),window.addEventListener(bl,E),X(),s.value&&(l.value=!1),window.addEventListener("resize",X)}),e.watch(()=>{var v;return((v=o.layers)==null?void 0:v.length)??0},(v,_)=>{v>0&&_===0&&g()}),e.onBeforeUnmount(()=>{window.removeEventListener(bl,E),window.removeEventListener("resize",X)}),(v,_)=>(e.openBlock(),e.createElementBlock("div",sh,[e.createElementVNode("div",ih,[e.createElementVNode("div",ch,[e.createElementVNode("div",dh,[_[0]||(_[0]=e.createElementVNode("h2",{class:"layers-panel__title"},"Шари",-1)),e.createElementVNode("span",uh," ("+e.toDisplayString(c.value)+" з "+e.toDisplayString(h.value)+") ",1),e.createElementVNode("div",ph,[u.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"layers-panel__header-link",onClick:W},e.toDisplayString(d.value?"Вимкнути всі":"Увімкнути всі"),1)):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",mh,[e.createElementVNode("div",fh,[u.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"layers-panel__toggle-button",onClick:F,"aria-label":"Розгорнути/згорнути"},[(e.openBlock(),e.createElementBlock("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass({"layers-panel__toggle-icon--rotated":l.value})},[..._[1]||(_[1]=[e.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))])):e.createCommentVNode("",!0),y.value?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"layers-panel__clear",onClick:T}," Очистити тимчасові шари ")):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",{class:e.normalizeClass(["layers-panel__content",{"layers-panel__content--collapsed":!l.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,S=>{var z;return e.openBlock(),e.createElementBlock("div",{key:S.id,class:"layers-panel__item"},[e.createElementVNode("label",gh,[e.createElementVNode("div",yh,[e.createElementVNode("input",{type:"checkbox",class:"layers-panel__checkbox",checked:$(S.id),style:e.normalizeStyle(O(S)),onChange:I=>M(S,I)},null,44,hh),e.createElementVNode("div",xh,[e.createElementVNode("span",bh,e.toDisplayString(S.name),1)]),e.createElementVNode("div",kh,[$(S.id)&&!S.isTemporary?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(xl,{"layer-id":S.id,class:"flex"},{trigger:e.withCtx(({toggle:I})=>[e.createElementVNode("button",{class:"inline-flex items-center justify-center p-0 text-inherit no-underline cursor-pointer",onClick:e.withModifiers(I,["prevent","stop"])},[e.createElementVNode("div",_h,[e.createVNode(e.unref(ql))])],8,wh)]),_:1},8,["layer-id"]),e.createVNode(vn,{count:Array.isArray(S.filters)?S.filters.length:0,layer:S},null,8,["count","layer"])],64)):e.createCommentVNode("",!0),e.createVNode(ko,{items:K(S)},null,8,["items"])])])]),(z=S.actions)!=null&&z.length?(e.openBlock(),e.createElementBlock("div",Eh,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.actions,I=>(e.openBlock(),e.createElementBlock("button",{key:I.widget||I.id||I.icon,type:"button",class:"layers-panel__action",innerHTML:I.icon,onClick:G=>p("action",{layerId:I.widget})},null,8,Nh))),128))])):e.createCommentVNode("",!0)])}),128))],2)]))}}),[["__scopeId","data-v-57bebfd3"]]),Vh={class:"catalog-tab__search relative mt-[10px]"},Bh={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"absolute top-[40%] left-[8px] w-[16px] h-[16px]",style:{transform:"translate(0, -50%)"}},$h={class:"catalog-tab__list flex-1 overflow-y-auto mt-2"},vh={key:0,class:"text-sm text-gray-400 text-center mt-6"},Sh=["onClick"],Lh={class:"flex items-center gap-x-3"},Ah={class:"max-w-[260px] text-[14px] text-[#4b5563]"},Mh={class:"text-xs opacity-60 text-[#4b5563]"},Th={class:"flex items-center cursor-pointer gap-2 flex-1"},Fh=["checked","onChange"],Dh={class:"text-[13px] text-gray-600 max-w-[260px]"},zh={class:"flex items-center gap-2"},Ih=ye(e.defineComponent({__name:"LayersCatalogTab",props:{catalog:{},selected:{},search:{}},emits:["toggle-layer","update:search","open-filter"],setup(t,{emit:n}){const o=t,r=n,l=e.reactive({}),s=e.ref(null),a=e.reactive({visible:!1,text:"Спочатку активуйте шар, щоб застосувати фільтр",top:0,left:0,layerId:null}),i=new Intl.Collator("uk",{sensitivity:"base"}),f=e.computed(()=>{const g=o.search.trim().toLowerCase();return o.catalog.groups.map(k=>{const C=k.layers.filter($=>{const w=y($);return w?g?w.toLowerCase().includes(g):!0:!1}).sort(($,w)=>i.compare(y($),y(w)));return{...k,layers:C}}).filter(k=>k.layers.length>0).sort((k,C)=>i.compare(k.name,C.name))}),m=e.computed({get:()=>o.search,set:g=>r("update:search",g)});function x(g){l[g]=!l[g],nf()}function u(g){return!!l[g]}function h(g,k){if(o.selected.includes(k)){a.visible=!1,a.layerId=null;return}const C=g.currentTarget;if(!C)return;const $=C.getBoundingClientRect(),w=typeof window<"u"?window.scrollX:0,N=typeof window<"u"?window.scrollY:0;a.left=$.left+$.width/2+w,a.top=$.bottom+8+N,a.layerId=k,a.visible=!0}function c(){a.visible=!1,a.layerId=null}function d(g){return[{label:"Назва",value:p(g.name)},{label:"Сервіс",value:p(g.service)},{label:"Посилання",value:p(g.url),breakLine:!0}]}function y(g){return typeof(g==null?void 0:g.name)=="string"?g.name.trim():""}function p(g){return g==null||g===""?null:String(g)}return e.watch(()=>o.selected?o.selected.slice():[],g=>{!a.visible||!a.layerId||g.includes(a.layerId)&&(a.visible=!1,a.layerId=null)}),(g,k)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"catalogRef",ref:s,class:"catalog-tab"},[e.createElementVNode("div",Vh,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":k[0]||(k[0]=C=>m.value=C),type:"text",placeholder:"Введіть назву шару...",class:"py-[7px] pl-8 pe-8 block w-full bg-gray-100 border-transparent rounded-lg text-sm focus:bg-white focus:border-blue-500 focus:ring-blue-500"},null,512),[[e.vModelText,m.value]]),(e.openBlock(),e.createElementBlock("svg",Bh,[...k[1]||(k[1]=[e.createElementVNode("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.5817 15.4183 3 11 3C6.5817 3 3 6.5817 3 11C3 15.4183 6.5817 19 11 19Z",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M21 21L16.7 16.7",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])]))]),e.createElementVNode("div",$h,[f.value.length===0?(e.openBlock(),e.createElementBlock("div",vh," Нічого не знайдено ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,C=>(e.openBlock(),e.createElementBlock("div",{key:C.id,class:"mt-2"},[e.createElementVNode("div",{class:"hover:bg-gray-100 cursor-pointer p-[8px] rounded-lg flex justify-between items-center",onClick:$=>x(C.id)},[e.createElementVNode("div",Lh,[(e.openBlock(),e.createElementBlock("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass(["transition-transform",u(C.id)?"rotate-90":""])},[...k[2]||(k[2]=[e.createElementVNode("path",{d:"M1 9L5 5L1 1",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2)),e.createElementVNode("div",Ah,e.toDisplayString(C.name),1)]),e.createElementVNode("div",Mh,e.toDisplayString(C.layers.length),1)],8,Sh),e.createVNode(e.Transition,{name:"out-in"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.layers,$=>(e.openBlock(),e.createElementBlock("div",{key:$.id,class:"hover:bg-gray-100 rounded-lg flex items-center justify-between ml-[20px] py-[8px] px-[8px] gap-3"},[e.createElementVNode("label",Th,[e.createElementVNode("input",{type:"checkbox",class:"peer hidden",checked:t.selected.includes($.id),onChange:w=>g.$emit("toggle-layer",$.id,w.target.checked,$)},null,40,Fh),k[3]||(k[3]=e.createElementVNode("div",{class:"w-4 h-4 rounded border border-blue-800 flex items-center justify-center peer-checked:bg-blue-600 peer-checked:border-blue-600 shrink-0"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none"},[e.createElementVNode("path",{d:"M10.6663 1L4.24967 7.41667L1.33301 4.5",stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createElementVNode("span",Dh,e.toDisplayString($.name),1)]),e.createElementVNode("div",zh,[Array.isArray($.filters)&&$.filters.length?(e.openBlock(),e.createBlock(vn,{key:0,count:$.filters.length,layer:$,disabled:!t.selected.includes($.id),onMouseenter:w=>h(w,$.id),onMouseleave:c,onFocus:w=>h(w,$.id),onBlur:c},null,8,["count","layer","disabled","onMouseenter","onFocus"])):e.createCommentVNode("",!0),e.createVNode(ko,{items:d($)},null,8,["items"])])]))),128))],512),[[e.vShow,u(C.id)]])]),_:2},1024)]))),128))]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"filter-badge__hint",style:e.normalizeStyle({top:`${a.top}px`,left:`${a.left}px`})},e.toDisplayString(a.text),5)):e.createCommentVNode("",!0)]))],512))}}),[["__scopeId","data-v-36ed2aad"]]),jh={class:"flex flex-col gap-0"},Ph={class:"text-xs text-slate-600 font-semibold"},Rh=e.defineComponent({__name:"MapLayerPopover",props:{items:{}},setup(t,{expose:n}){const o=t,r=e.reactive({open:!1,top:0,left:0,transform:"translateX(-50%)"}),l=e.ref(null),s=e.ref(null);let a=null;const i=e.computed(()=>{if(!r.open)return{display:"none"};const y=Math.min(460,window.innerWidth-24);return{position:"absolute",width:`${y}px`,maxWidth:`${y}px`,top:`${r.top}px`,left:`${r.left}px`,transform:r.transform,display:"block"}});function f(){if(r.open){h();return}if(!l.value){h();return}r.open=!0,e.nextTick(()=>{m(),c(),requestAnimationFrame(()=>{m()})})}function m(){if(!r.open||!l.value||!s.value)return;const y=l.value.getBoundingClientRect(),p=12,g=window.scrollX+p,k=window.scrollX+window.innerWidth-p,C=window.scrollY+p,$=window.scrollY+window.innerHeight-p,w=s.value.offsetWidth||Math.min(460,window.innerWidth-24),N=s.value.offsetHeight||0;let E=y.left+window.scrollX+(y.width-w)/2;E<g&&(E=g),E+w>k&&(E=Math.max(g,k-w)),r.left=E;let B=y.bottom+window.scrollY+p;B+N>$&&(B=y.top+window.scrollY-N-p,B<C&&(B=Math.max(C,$-N))),B<C&&(B=C),B+N>$&&(B=Math.max(C,$-N)),r.top=B,r.transform="none"}function x(y){var g,k;if(!r.open)return;const p=y.target;(g=l.value)!=null&&g.contains(p)||(k=s.value)!=null&&k.contains(p)||h()}function u(y){y.key==="Escape"&&h()}function h(){d(),r.open=!1,l.value=null,s.value=null}function c(){d(),s.value&&(a=new ResizeObserver(()=>{m()}),a.observe(s.value))}function d(){a&&(a.disconnect(),a=null)}return e.onMounted(()=>{document.addEventListener("click",x,!0),document.addEventListener("keydown",u),window.addEventListener("scroll",m,!0),window.addEventListener("resize",m)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",x,!0),document.removeEventListener("keydown",u),window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m),d()}),e.watch(()=>o.items,()=>{r.open&&e.nextTick(()=>m())},{deep:!0}),n({close:h}),(y,p)=>(e.openBlock(),e.createElementBlock("div",{class:"inline-flex relative",ref_key:"anchorEl",ref:l},[e.createElementVNode("div",{onClick:e.withModifiers(f,["prevent","stop"])},[e.renderSlot(y.$slots,"default")]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[r.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vst-popover__content inline-block z-[103] py-3 px-4 bg-white text-sm text-gray-500 rounded-md shadow-lg bottom absolute min-w-[200px]",style:e.normalizeStyle(i.value),ref_key:"popoverEl",ref:s,onClick:p[0]||(p[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",jh,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,g=>(e.openBlock(),e.createElementBlock("div",{key:g.label,class:"grid grid-cols-[120px_1fr] gap-3 items-start py-1.5 border-b border-slate-200 last:border-b-0"},[e.createElementVNode("div",Ph,e.toDisplayString(g.label),1),e.createElementVNode("div",{class:e.normalizeClass(["text-sm text-gray-800",{"break-all":g.breakLine}])},e.toDisplayString(g.value??"—"),3)]))),128))])],4)):e.createCommentVNode("",!0)]))],512))}}),Oh={class:"selected-tab"},Uh={class:"selected-tab__actions"},qh={key:0,class:"selected-tab__scroll"},Hh=["onDragstart","onDragover","onDrop"],Wh={class:"selected-tab__item-header"},Yh={class:"selected-tab__item-info"},Zh=["checked","onChange"],Gh={class:"selected-tab__item-name"},Kh={class:"selected-tab__item-controls"},Xh=["onClick"],Qh={class:"selected-tab__menu-inner"},Jh=ye(e.defineComponent({__name:"LayersSelectedTab",props:{catalog:{},selected:{}},emits:["select-layer","reorder","remove","toggle-layer"],setup(t,{emit:n}){const o=t,r=n,l=e.reactive({}),s=e.ref(null),a=e.ref(null),i=new Map,f=e.reactive({top:0,left:0}),m=e.ref(null),x=e.reactive({top:0,left:0}),u=e.ref(null),h=new Map,c=e.reactive({});function d(v){var _;for(const S of((_=o.catalog)==null?void 0:_.groups)??[]){const z=S.layers.find(I=>I.id===v);if(z)return z}return null}const y=new Intl.Collator("uk",{sensitivity:"base"}),p=e.computed(()=>[...o.selected].sort((v,_)=>{var I,G;const S=((I=d(v))==null?void 0:I.name)??"",z=((G=d(_))==null?void 0:G.name)??"";return y.compare(S,z)}));e.watch(()=>o.selected,v=>{v.forEach(_=>{l[_]==null&&(l[_]=100)})},{immediate:!0});function g(){if(!s.value)return;const v=i.get(s.value);if(!v)return;const _=v.getBoundingClientRect();f.top=_.bottom+8+window.scrollY,f.left=_.left+window.scrollX}e.watch(()=>o.selected,v=>{v.forEach(_=>{c[_]==null&&(c[_]=!0)})},{immediate:!0});function k(v,_){c[v]=_;const S=Se(v);S&&S.setVisible(_)}function C(v,_){_?h.set(v,_):h.delete(v)}function $(v){m.value=m.value===v?null:v,m.value&&e.nextTick(()=>{w(v),requestAnimationFrame(()=>{w(v)})})}function w(v){const _=h.get(v);if(!_||!u.value)return;const S=_.getBoundingClientRect(),z=12,I=6,G=window.scrollX+z,ne=window.scrollX+window.innerWidth-z,oe=window.scrollY+z,ae=window.scrollY+window.innerHeight-z,xe=u.value.offsetWidth||190,we=u.value.offsetHeight||0;let P=S.bottom+window.scrollY+I,ee=S.left+window.scrollX;ee+xe>ne&&(ee=S.right+window.scrollX-xe,ee<G&&(ee=G)),ee<G&&(ee=G),P+we>ae&&(P=S.top+window.scrollY-we-I,P<oe&&(P=Math.max(oe,ae-we))),P<oe&&(P=oe),P+we>ae&&(P=Math.max(oe,ae-we)),x.top=P,x.left=ee}function N(v){const _=Se(v);_&&_.remove(),r("remove",v),m.value=null}function E(v){const _=v.target,S=s.value,z=m.value;if(S){const I=a.value,G=i.get(S);if(I&&I.contains(_)||G&&G.contains(_))return;s.value=null}if(z){const I=u.value,G=h.get(z);if(I&&I.contains(_)||G&&G.contains(_))return;m.value=null}}function B(){s.value&&g(),m.value&&w(m.value)}e.onMounted(()=>{document.addEventListener("click",E),window.addEventListener("resize",B),window.addEventListener("scroll",B,!0)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",E),window.removeEventListener("resize",B),window.removeEventListener("scroll",B,!0)});const{map:M}=Pe();function D(v){var I,G,ne;if(!v)return;const _=Se(v),S=d(v);if(!_&&!S)return;if(((I=S==null?void 0:S.extent)==null?void 0:I.length)===4&&((G=M.value)!=null&&G.fitBounds)){const oe=S.extent.map(ae=>Number(ae));if(oe.every(ae=>Number.isFinite(ae))){const[ae,xe,we,P]=oe;M.value.fitBounds([[ae,xe],[we,P]],{padding:40}),m.value=null;return}}(ne=_==null?void 0:_.getSource)!=null&&ne.call(_)&&(m.value=null)}const W=e.ref(null),K=e.ref(null);function Q(v,_){W.value=_,K.value=_,v.dataTransfer&&(v.dataTransfer.effectAllowed="move",v.dataTransfer.setData("text/plain",String(_)))}function H(v){K.value=v}function J(v,_){if(v.preventDefault(),W.value===null||W.value===_){W.value=null,K.value=null;return}const z=[...p.value],[I]=z.splice(W.value,1);z.splice(_,0,I),r("reorder",z),W.value=null,K.value=null}function O(){W.value=null,K.value=null}function T(v){return v==null||v===""?null:String(v)}function F(v,_){return!Array.isArray(v)||v.length===0?null:`${v.length} ${_}`}function X(v){var P,ee,b,A,Z,le;const _=Se(v),S=d(v);if(!_&&!S)return[];const z=(S==null?void 0:S.name)||((ee=(P=_==null?void 0:_.opts)==null?void 0:P.layer)==null?void 0:ee.name)||null,I=(S==null?void 0:S.service)||((b=_==null?void 0:_.opts)==null?void 0:b.service)||null,G=(A=_==null?void 0:_.getSource)==null?void 0:A.call(_),ne=G&&"tiles"in G?(Z=G.tiles)==null?void 0:Z[0]:(S==null?void 0:S.url)||null,oe=(S==null?void 0:S.source_path)||null,ae=(_==null?void 0:_.popup)||(S==null?void 0:S.popup),xe=(_==null?void 0:_.card)||(S==null?void 0:S.card),we=(S==null?void 0:S.filters)||((le=_==null?void 0:_.opts)==null?void 0:le.filters);return[{label:"Назва",value:T(z)},{label:"Сервіс",value:T(I)},{label:"Посилання",value:T(ne),breakLine:!0},{label:"Джерело",value:T(oe),breakLine:!0},{label:"Popup",value:F(ae,"полів")},{label:"Картка",value:F(xe,"полів")},{label:"Фільтри",value:F(we,"фільтрів")}]}return(v,_)=>(e.openBlock(),e.createElementBlock("div",Oh,[e.createElementVNode("div",Uh,[e.createElementVNode("button",{class:"selected-tab__add",onClick:_[0]||(_[0]=S=>r("select-layer"))},[..._[3]||(_[3]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-plus"},[e.createElementVNode("path",{d:"M5 12h14"}),e.createElementVNode("path",{d:"M12 5v14"})],-1),e.createElementVNode("span",null,"Вибрати шар",-1)])])]),t.selected.length?(e.openBlock(),e.createElementBlock("div",qh,[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(S,z)=>{var I;return e.openBlock(),e.createElementBlock("div",{key:S,class:e.normalizeClass(["selected-tab__item",{"selected-tab__item--dragging":W.value===z,"selected-tab__item--over":K.value===z}]),draggable:"true",onDragstart:G=>Q(G,z),onDragover:e.withModifiers(G=>H(z),["prevent"]),onDrop:G=>J(G,z),onDragend:O},[e.createElementVNode("div",Wh,[e.createElementVNode("div",Yh,[_[4]||(_[4]=e.createElementVNode("span",{class:"selected-tab__item-handle"},"☰",-1)),e.createElementVNode("input",{type:"checkbox",class:"selected-tab__item-checkbox shrink-0",checked:c[S]??!0,onChange:G=>k(S,G.target.checked)},null,40,Zh),e.createElementVNode("span",Gh,e.toDisplayString(((I=d(S))==null?void 0:I.name)||"Шар"),1)]),e.createElementVNode("div",Kh,[e.createVNode(xl,{"layer-id":S},null,8,["layer-id"]),e.createElementVNode("button",{type:"button",class:"selected-tab__item-menu",ref_for:!0,ref:G=>C(S,G),onClick:e.withModifiers(G=>$(S),["stop"])},[..._[5]||(_[5]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-more-vertical"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"1"}),e.createElementVNode("circle",{cx:"12",cy:"5",r:"1"}),e.createElementVNode("circle",{cx:"12",cy:"19",r:"1"})],-1)])],8,Xh)])])],42,Hh)}),128))])])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuEl",ref:u,class:"selected-tab__menu",style:e.normalizeStyle({top:x.top+"px",left:x.left+"px"})},[e.createElementVNode("div",Qh,[e.createElementVNode("button",{class:"selected-tab__menu-item",onClick:_[1]||(_[1]=S=>D(m.value))},[..._[6]||(_[6]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-zoom-in"},[e.createElementVNode("circle",{cx:"11",cy:"11",r:"8"}),e.createElementVNode("line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65"}),e.createElementVNode("line",{x1:"11",x2:"11",y1:"8",y2:"14"}),e.createElementVNode("line",{x1:"8",x2:"14",y1:"11",y2:"11"})],-1),e.createTextVNode(" Збільшити до шару ",-1)])]),e.createVNode(Rh,{items:X(m.value)},{default:e.withCtx(()=>[..._[7]||(_[7]=[e.createElementVNode("button",{class:"selected-tab__menu-item"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-info"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"10"}),e.createElementVNode("path",{d:"M12 16v-4"}),e.createElementVNode("path",{d:"M12 8h.01"})]),e.createTextVNode(" Інформація про шар ")],-1)])]),_:1},8,["items"]),_[9]||(_[9]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("button",{class:"selected-tab__menu-item selected-tab__menu-item--danger",onClick:_[2]||(_[2]=S=>N(m.value))},[..._[8]||(_[8]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-trash2"},[e.createElementVNode("path",{d:"M3 6h18"}),e.createElementVNode("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.createElementVNode("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"}),e.createElementVNode("line",{x1:"10",x2:"10",y1:"11",y2:"17"}),e.createElementVNode("line",{x1:"14",x2:"14",y1:"11",y2:"17"})],-1),e.createTextVNode(" Видалити шар ",-1)])])])],4)):e.createCommentVNode("",!0)]))]))}}),[["__scopeId","data-v-aabdc291"]]),ex={class:"filter-tab"},tx={key:0,class:"filter-tab__header"},nx={class:"filter-tab__title"},ox={key:1,class:"filter-tab__content rounded-md"},rx={class:"filter-tab__scroll"},lx={key:2,class:"filter-tab__empty"},ax=ye(e.defineComponent({__name:"LayersFilterTab",props:{layer:{},value:{}},emits:["change"],setup(t,{emit:n}){const o=e.defineAsyncComponent(()=>import("@opengis/filter")),r=t,l=n,s=e.computed(()=>{var f;return((f=r.layer)==null?void 0:f.filters)??[]}),a=e.computed(()=>s.value.length>0);function i(f){l("change",f.data)}return(f,m)=>(e.openBlock(),e.createElementBlock("div",ex,[t.layer&&a.value?(e.openBlock(),e.createElementBlock("div",tx,[e.createElementVNode("div",null,[e.createElementVNode("p",nx,e.toDisplayString(t.layer.name),1)])])):e.createCommentVNode("",!0),t.layer&&a.value?(e.openBlock(),e.createElementBlock("div",ox,[e.createElementVNode("div",rx,[e.createVNode(e.unref(o),{view:"vertical",schema:s.value,value:t.value,limit:5,class:"rounded-md pb-0",onChange:m[0]||(m[0]=x=>i(x))},null,8,["schema","value"])])])):(e.openBlock(),e.createElementBlock("div",lx,[...m[1]||(m[1]=[e.createElementVNode("p",{class:"filter-tab__empty-title"},"Немає доступних фільтрів",-1),e.createElementVNode("p",{class:"filter-tab__empty-text"}," Оберіть шар із фільтрами у каталозі, щоб налаштувати відбір даних. ",-1)])]))]))}}),[["__scopeId","data-v-c6632fbd"]]),sx={class:"flex items-center justify-between mb-1"},ix={class:"flex items-center gap-2"},cx={class:"text-lg font-semibold text-gray-800"},dx={key:0},ux={key:1,class:"block text-sm font-normal text-gray-500"},px={class:"flex items-center gap-2"},mx={class:"flex mb-4 border-b border-gray-200"},fx={class:"map-catalog-widget__body"},wl=ye(e.defineComponent({__name:"MapCatalogWidget",setup(t){const n=Fe.useRoute(),o=Fe.useRouter();function r(){const T=n.query["catalog-tab"];return(Array.isArray(T)?T[0]:T)==="selected"?"selected":"catalog"}const l=e.ref(r()),s=e.ref({groups:[]}),a=e.ref([]),i=e.ref(""),{map:f}=Pe(),m=e.reactive({}),x=e.ref(null),u=e.ref(!0),h=e.ref(!1);function c(T){return s.value.groups.map(F=>F.layers.find(X=>X.id===T)).find(Boolean)||null}function d(T){return typeof(T==null?void 0:T.name)=="string"&&T.name.trim().length>0}function y(){const T=x.value;if(!T)return;delete m[T];const F=Se(T);F!=null&&F.setFilter&&F.setFilter("")}function p(T,F){const X=Se(T);if(m[T]={...F},!(X!=null&&X.setFilter))return;const v=Object.entries(F).filter(([,_])=>_!=null&&_!=="").map(([_,S])=>`${_}=${S}`);X.setFilter(v.join("|"))}function g(T){const F=x.value;F&&p(F,T)}function k(T){const F=T.url;let X=null;if(F&&(X=F.startsWith("http")?F:`${window.location.origin}${F}`),!X)return null;const v=(T.service||"").toString().toLowerCase(),_=T.count??null;return v&&v!=="vtile"?{service:v,count:_,source:{type:"raster",tiles:[X],tileSize:256,minzoom:0,maxzoom:20}}:{service:v,count:_,source:{type:"vector",tiles:[X],minzoom:0,maxzoom:14},layer:{style:T.style},card:T.card,popup:T.popup}}function C(T,F,X){var z;const v=X??c(T);if(!v)return;const _=k(v);if(!_)return;const S=Se(v.id,_,f);if(S)if(S.setVisible(F),F){if(!a.value.includes(T)&&(a.value.push(T),(z=f.value)!=null&&z.getLayer(T)))try{f.value.moveLayer(T)}catch(I){console.warn("Cannot move new layer",T,I)}}else a.value=a.value.filter(I=>I!==T),x.value===T&&(y(),x.value=null)}function $(){a.value.forEach(T=>{const F=Se(T);F&&F.setVisible(!1)}),a.value=[]}function w(T){a.value=[...T],e.nextTick(()=>{var _;if(!f.value)return;const F=((_=f.value.getStyle())==null?void 0:_.layers)??[];let X;const v=S=>F.filter(z=>{var I,G;return(z==null?void 0:z.source)===S||(z==null?void 0:z.id)===S||((G=(I=z==null?void 0:z.id)==null?void 0:I.startsWith)==null?void 0:G.call(I,`${S}`))}).map(z=>z.id);for(let S=T.length-1;S>=0;S-=1){const z=T[S],I=v(z);I.length&&(I.forEach(G=>{var ne;if((ne=f.value)!=null&&ne.getLayer(G))try{f.value.moveLayer(G,X)}catch(oe){console.warn("Cannot move layer",G,oe)}}),X=I[0])}})}function N(T){!T||!Array.isArray(T.filters)||T.filters.length===0||a.value.includes(T.id)&&(x.value=T.id,m[T.id]||(m[T.id]={}),l.value="filter")}function E(){l.value="catalog"}const B=e.computed(()=>x.value?c(x.value):null),M=e.computed(()=>{const T=x.value;return T?m[T]??{}:{}}),D=e.computed(()=>s.value.groups.reduce((T,F)=>T+F.layers.filter(d).length,0)),W=e.computed(()=>l.value==="selected"?"Вибрані шари":l.value==="filter"?"Фільтр шарів":"Каталог"),K=e.computed(()=>l.value==="selected"?a.value.length:l.value==="catalog"?D.value:null),Q=e.computed(()=>{var T;return l.value==="filter"?((T=B.value)==null?void 0:T.name)??"":""});async function H(){const F=await(await fetch("/api/gis-layer-list")).json(),X=new Map;F.forEach(S=>{const z=S.group_id??"other";X.has(z)||X.set(z,{id:z,name:S.group_name||"Інші шари",layers:[]}),X.get(z).layers.push(S)}),s.value={groups:Array.from(X.values())};const v=n.query.layers;if(!v)return;const _=Array.isArray(v)?v[0]:v;typeof _=="string"&&_.split(",").forEach(S=>{const z=S.trim();if(!z)return;const I=c(z);I&&C(z,!0,I)})}e.watch(x,T=>{!T&&l.value==="filter"&&(l.value="catalog")}),e.watch(B,T=>{!T&&x.value&&(x.value=null)}),e.watch(a,T=>{const F={...n.query};T.length?F.layers=T.join(","):delete F.layers,o.replace({query:F}).catch(()=>{})},{deep:!0});function J(){u.value=!u.value}function O(){h.value=window.innerWidth<=768}return e.onMounted(()=>{H(),O(),h.value&&(u.value=!1),window.addEventListener("resize",O)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",O)}),(T,F)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["map-catalog-widget w-full max-w-md mx-auto p-4 bg-white border border-gray-200 rounded-lg shadow-sm widget",K.value>1?"min-h-[250px] md:min-h-[0px]":"min-h-[0px]"])},[e.createElementVNode("div",sx,[e.createElementVNode("div",ix,[F[5]||(F[5]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-layers text-blue-600"},[e.createElementVNode("path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"}),e.createElementVNode("path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"}),e.createElementVNode("path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"})],-1)),e.createElementVNode("h2",cx,[e.createTextVNode(e.toDisplayString(W.value)+" ",1),K.value!==null?(e.openBlock(),e.createElementBlock("span",dx,"("+e.toDisplayString(K.value)+")",1)):e.createCommentVNode("",!0),Q.value?(e.openBlock(),e.createElementBlock("span",ux,e.toDisplayString(Q.value),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",px,[e.createElementVNode("button",{onClick:$,class:"p-1 rounded-full hover:bg-gray-200 transition-colors","aria-label":"Reset layers"},[...F[6]||(F[6]=[e.createStaticVNode('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw text-gray-600" data-v-99290304><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" data-v-99290304></path><path d="M21 3v5h-5" data-v-99290304></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" data-v-99290304></path><path d="M8 16H3v5" data-v-99290304></path></svg>',1)])]),e.createElementVNode("button",{type:"button",class:"map-catalog-widget__toggle-button",onClick:J,"aria-label":"Розгорнути/згорнути"},[(e.openBlock(),e.createElementBlock("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass({"map-catalog-widget__toggle-icon--rotated":u.value})},[...F[7]||(F[7]=[e.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))])])]),e.createElementVNode("div",{class:e.normalizeClass(["map-catalog-widget__content",{"map-catalog-widget__content--collapsed":!u.value}])},[e.createElementVNode("div",mx,[e.createElementVNode("button",{onClick:F[0]||(F[0]=X=>l.value="catalog"),class:e.normalizeClass(["px-4 py-2 text-sm font-medium",l.value==="catalog"?"text-blue-600 border-b-2 border-blue-600":"text-gray-600 hover:text-gray-800"])}," Каталог ",2),e.createElementVNode("button",{onClick:F[1]||(F[1]=X=>l.value="selected"),class:e.normalizeClass(["px-4 py-2 text-sm font-medium",l.value==="selected"?"text-blue-600 border-b-2 border-blue-600":"text-gray-600 hover:text-gray-800"])}," Вибрані шари ",2)]),e.createElementVNode("div",fx,[l.value==="catalog"?(e.openBlock(),e.createBlock(Ih,{key:0,class:"map-catalog-widget__scroll",catalog:s.value,selected:a.value,search:i.value,"onUpdate:search":F[2]||(F[2]=X=>i.value=X),onToggleLayer:C,onOpenFilter:N},null,8,["catalog","selected","search"])):l.value==="selected"?(e.openBlock(),e.createBlock(Jh,{key:1,catalog:s.value,selected:a.value,onToggleLayer:C,onSelectLayer:F[3]||(F[3]=X=>l.value="catalog"),onReorder:w,onRemove:F[4]||(F[4]=X=>a.value=a.value.filter(v=>v!==X))},null,8,["catalog","selected"])):(e.openBlock(),e.createBlock(ax,{key:2,layer:B.value,value:M.value,onChange:g,onClose:E},null,8,["layer","value"]))])],2)],2))}}),[["__scopeId","data-v-99290304"]]),gx={key:1,class:"flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget"},yx={class:"flex items-start justify-between gap-3 p-5 pb-3"},hx={class:"inline-block text-xl font-semibold text-gray-800"},xx={key:0,class:"mt-1 text-sm text-gray-500"},bx={class:"flex items-center gap-[6px]"},kx={class:"px-5 pb-5 space-y-6"},wx={key:0,class:"space-y-2"},_x={class:"flex flex-wrap gap-4"},Ex=["value"],Nx={key:1,class:"text-sm text-gray-500"},Cx={key:2,class:"text-sm text-gray-500"},Vx={class:"text-4xl font-medium text-gray-800"},Bx={class:"space-y-[14px]"},$x={class:"flex items-center gap-[10px] text-gray-600"},vx={class:"font-medium text-gray-700"},Sx={class:"flex items-center justify-end text-end gap-3"},Lx={class:"font-medium text-gray-800"},Ax={class:"min-w-[40px] font-medium text-[#3C3C4399]"},_l=ye(e.defineComponent({__name:"MapAttributeWidget",props:{config:{}},setup(t){const n=["#3a7a57","#d970d5","#8e997b","#b4c039","#a855f7","#71823a","#f79d92","#8b5cf6","#a6514e","#6b7280"],o=t,r=e.ref(!0),l=e.ref(!1),s=e.ref([]),a=e.ref(null),i=e.ref(null),f=e.ref(null),m=e.ref(null),x=e.ref(null),u=e.ref({}),h=e.ref(null);function c(O){return O&&JSON.parse(JSON.stringify(O))}const d=e.computed(()=>{const O=o.config.layer;if(typeof O!="string")throw new Error("MapAttributeWidget: `layer` must be a string");const T=O.trim();if(!T)throw new Error("MapAttributeWidget: `layer` must be non-empty");return T}),y=e.computed(()=>{const{list:O,attribute:T}=o.config;if(Array.isArray(O)&&O.length)return O.map(F=>({id:(F==null?void 0:F.id)!=null?String(F.id).trim():"",text:(F==null?void 0:F.text)!=null&&String(F.text).trim()||null})).filter(F=>F.id.length);if(Array.isArray(T))return T.map(F=>F!=null?String(F).trim():"").filter(F=>F.length).map(F=>({id:F,text:null}));if(typeof T=="string"){const F=T.trim();if(!F)throw new Error("MapAttributeWidget: `attribute` must be non-empty");return[{id:F,text:null}]}throw new Error("MapAttributeWidget: `attribute` or `list` must be provided")}),p=e.computed(()=>y.value.map(O=>({id:O.id,label:O.text||u.value[O.id]||O.id})));e.watch(y,O=>{if(!O.length){h.value=null,s.value=[];return}(!h.value||!O.some(T=>T.id===h.value))&&(h.value=O[0].id)},{immediate:!0});const g=e.computed(()=>{var O;return h.value||((O=y.value[0])==null?void 0:O.id)||null});e.watch(d,()=>{var O,T;(T=(O=i.value)==null?void 0:O.remove)==null||T.call(O),i.value=null,f.value=null,m.value=null,x.value=null,u.value={}});const k=e.computed(()=>{var O;return(O=m.value)!=null&&O.length?{id:d.value,name:f.value,filters:m.value}:null}),C=e.computed(()=>{var O,T;return((T=(O=k.value)==null?void 0:O.filters)==null?void 0:T.length)||0});async function $(O){var X;const T=await fetch(`/api/gis-service/${encodeURIComponent(O)}`);if(!T.ok){let v="Не вдалося завантажити налаштування шару";try{const _=await T.json();v=((X=_==null?void 0:_.message)==null?void 0:X.error)||(_==null?void 0:_.message)||v}catch{}throw new Error(v)}const F=await T.json();return f.value=(F==null?void 0:F.name)||null,m.value=Array.isArray(F==null?void 0:F.filters)?F.filters:null,x.value=c((F==null?void 0:F.style)||{}),u.value=((F==null?void 0:F.attributes)||[]).reduce((v,_)=>{const S=typeof(_==null?void 0:_.name)=="string"?_.name.trim():"",z=typeof(_==null?void 0:_.ua)=="string"?_.ua.trim():"";return S&&(v[S]=z||S),v},{}),F}function w(O,T){let F=Se(O);if(!F){const X=`${location.origin}/api/vtile/${O}/ua/{z}/{x}/{y}.vmt`;F=Se(O,{source:{type:"vector",tiles:[X],minzoom:0,maxzoom:14},layer:{id:O,source:O,"source-layer":O,style:(T==null?void 0:T.style)||{}},card:T==null?void 0:T.card,popup:T==null?void 0:T.popup})}return i.value=F,F}async function N(O,T){var v;const F=`/api/gis-service/${encodeURIComponent(O)}/${encodeURIComponent(T)}`,X=await fetch(F);if(!X.ok){let _="Не вдалося отримати статистику";try{const S=await X.json();_=((v=S==null?void 0:S.message)==null?void 0:v.error)||(S==null?void 0:S.message)||_}catch{}throw new Error(_)}return X.json()}function E(O){const T=new Map;return O&&(O.rules||[]).forEach(X=>{const v=(X==null?void 0:X.value)??(X==null?void 0:X.id);v!=null&&T.set(String(v),X)}),T}function B(O,T,F,X,v){if(typeof(T==null?void 0:T.color)=="string"&&T.color.trim())return T.color.trim();const _=o.config.colors||{};if(_[O])return _[O];const z=E(F==null?void 0:F.style).get(O);return typeof(z==null?void 0:z.color)=="string"&&z.color.trim()?z.color.trim():n[v%n.length]}function M(O,T,F,X){var v;return(T==null?void 0:T.text)||(T==null?void 0:T.label)||(T==null?void 0:T.name)||(T==null?void 0:T[`${X}_text`])||((v=E(F==null?void 0:F.style).get(O))==null?void 0:v.label)||O}function D(O,T,F,X){if(!O)return;const v=c((T==null?void 0:T.style)||x.value)||{},_=X.trim();if(!_)return;const S={...v.colors||{},...o.config.colors||{}};_===X&&F.forEach(z=>{z.color.trim()&&(S[z.id]=z.color)}),O.setStyle({...v,type:v.type||"polygon",colorAttr:_,opacity:.8,colors:S})}async function W(){var _,S;s.value=[],a.value=null;const O=d.value,T=g.value;if(!T)return;l.value=!0;const F=await $(O);w(O,F);const X=await N(O,T),v=Array.isArray(X==null?void 0:X.rows)?X.rows.map((z,I)=>{const G=(z==null?void 0:z.id)??(z==null?void 0:z.value),ne=G!=null?String(G):"";if(!ne)return null;const oe=M(ne,z,F,T),ae=Number((z==null?void 0:z.count)??0)||0,xe=B(ne,z,F,T,I);return{id:ne,label:oe,count:ae,color:xe}}).filter(Boolean):[];s.value=v,a.value=((_=X==null?void 0:X.field)==null?void 0:_.label)||((S=X==null?void 0:X.field)==null?void 0:S.name)||null,D(i.value,F,v,T),l.value=!1}e.watch(()=>[d.value,g.value],()=>{W()},{immediate:!0});const K=e.computed(()=>"Набори даних"),Q=e.computed(()=>s.value.reduce((O,T)=>O+T.count,0)),H=e.computed(()=>{var F;const O=g.value;return((F=p.value.find(X=>X.id===O))==null?void 0:F.label)||null||a.value||O||null});function J(O){return Q.value?`${(O/Q.value*100).toFixed(2)}%`:"0.00%"}return e.onBeforeUnmount(()=>{var O,T;(T=(O=i.value)==null?void 0:O.remove)==null||T.call(O)}),(O,T)=>r.value?(e.openBlock(),e.createElementBlock("div",gx,[e.createElementVNode("div",yx,[e.createElementVNode("div",null,[e.createElementVNode("h2",hx,e.toDisplayString(K.value),1),H.value&&p.value.length===1?(e.openBlock(),e.createElementBlock("p",xx,e.toDisplayString(H.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",bx,[k.value?(e.openBlock(),e.createBlock(vn,{key:0,class:"flex justify-center items-center h-[36px] w-[36px] text-sm border border-gray-200 text-gray-600 hover:bg-gray-100 rounded-full",count:C.value,layer:k.value},null,8,["count","layer"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"flex justify-center items-center h-[36px] w-[36px] text-sm border border-gray-200 text-gray-600 hover:bg-gray-100 rounded-full",onClick:T[1]||(T[1]=F=>r.value=!1)},[...T[3]||(T[3]=[e.createElementVNode("svg",{class:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",viewBox:"0 0 24 24"},[e.createElementVNode("path",{d:"M18 6 6 18"}),e.createElementVNode("path",{d:"m6 6 12 12"})],-1)])])])]),e.createElementVNode("div",kx,[p.value.length>1?(e.openBlock(),e.createElementBlock("div",wx,[e.createElementVNode("div",_x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,F=>(e.openBlock(),e.createElementBlock("label",{key:F.id,class:"inline-flex items-center gap-2 text-sm text-gray-700"},[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"text-sky-600 focus:ring-sky-500",value:F.id,"onUpdate:modelValue":T[2]||(T[2]=X=>h.value=X)},null,8,Ex),[[e.vModelRadio,h.value]]),e.createElementVNode("span",null,e.toDisplayString(F.label),1)]))),128))])])):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createElementBlock("div",Nx,"Завантаження…")):s.value.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createElementVNode("h4",Vx,e.toDisplayString(Q.value),1),e.createElementVNode("ul",Bx,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,F=>(e.openBlock(),e.createElementBlock("li",{key:F.id,class:"flex flex-wrap items-center justify-between gap-x-2"},[e.createElementVNode("div",$x,[e.createElementVNode("span",{class:"block w-[16px] h-[16px] rounded",style:e.normalizeStyle({backgroundColor:F.color})},null,4),e.createElementVNode("span",vx,e.toDisplayString(F.label),1)]),e.createElementVNode("div",Sx,[e.createElementVNode("span",Lx,e.toDisplayString(F.count),1),e.createElementVNode("span",Ax,e.toDisplayString(J(F.count)),1)])]))),128))])],64)):(e.openBlock(),e.createElementBlock("div",Cx,"Дані відсутні"))])])):(e.openBlock(),e.createElementBlock("button",{key:0,class:"py-2 px-2.5 max-h-[38px] inline-flex items-center gap-x-1.5 text-sm font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50",onClick:T[0]||(T[0]=F=>r.value=!0)}," Набори даних "))}}),[["__scopeId","data-v-9686ce7b"]]),Mx=["title"],Tx={key:0,class:"vs-select__options absolute z-50 mt-1 w-auto min-w-full bg-white border border-gray-300 shadow-lg rounded-lg text-sm text-gray-900"},Fx=["onClick"],Dx=["placeholder"],zx={class:"absolute inset-y-0 right-2 flex items-center gap-1"},Ix={class:"flex items-center justify-between gap-2 px-3 py-2 border-b border-gray-100"},jx={class:"text-xs font-semibold uppercase tracking-wide text-gray-500"},Px={class:"max-h-[60vh] overflow-auto"},Rx={key:0,class:"divide-y divide-gray-100"},Ox=["onClick"],Ux={key:1,class:"px-3 py-3 text-xs text-gray-500"},El="mapSearchAddressHistory",sn="search-geom-source",cn="search-geom-layer-fill",Tn="search-geom-layer-line",qx=12,Hx="https://data.softpro.ua/api-user/gis-url-proxy",Wx="https://geo.rv.ua/api-user/dzk.api",Yx="https://nominatim.openstreetmap.org/search",Nl=ye(e.defineComponent({__name:"MapSearchWidget",props:{config:{}},setup(t){const n={mounted(j,Y){if(typeof document>"u")return;let q=null;const se=8,pe=()=>{const Ne=String((Y==null?void 0:Y.value)??"");if(!Ne)return;q=document.createElement("div"),q.textContent=Ne,Object.assign(q.style,{position:"absolute",background:"#333",color:"#fff",padding:"4px 8px",borderRadius:"4px",fontSize:"12px",whiteSpace:"nowrap",pointerEvents:"none",zIndex:"9999"}),document.body.appendChild(q);const _e=j.getBoundingClientRect();q.style.left=`${_e.right+window.scrollX+se}px`,q.style.top=`${_e.top+window.scrollY+(_e.height-q.offsetHeight)/2}px`},be=()=>{q!=null&&q.parentNode&&q.parentNode.removeChild(q),q=null};j.addEventListener("mouseenter",pe),j.addEventListener("mouseleave",be),Object.assign(j,{tooltipRightHandlers:{show:pe,hide:be}})},unmounted(j){if(typeof document>"u")return;const Y=j.tooltipRightHandlers;Y&&(j.removeEventListener("mouseenter",Y.show),j.removeEventListener("mouseleave",Y.hide))}},o=t,r=Pe(),l=e.getCurrentInstance();function s(){return typeof globalThis<"u"&&globalThis.proxy?globalThis.proxy:typeof window<"u"&&window.proxy?window.proxy:null}function a(){var se,pe,be;const j=(se=l==null?void 0:l.appContext.config.globalProperties)==null?void 0:se.$settings,Y=(pe=j==null?void 0:j.map)==null?void 0:pe.searchViewbox;if(Y)return Y;const q=s();return(be=q==null?void 0:q.map)==null?void 0:be.searchViewbox}function i(){var pe,be,Ne;const j=(pe=l==null?void 0:l.appContext.config.globalProperties)==null?void 0:pe.$settings,Y=(be=j==null?void 0:j.map)==null?void 0:be.addressSuggest;if(typeof Y=="string"&&Y.trim())return Y.trim();const q=s(),se=(Ne=q==null?void 0:q.map)==null?void 0:Ne.addressSuggest;if(typeof se=="string"&&se.trim())return se.trim()}const f=!!i(),m=!!a(),x=e.computed(()=>{const j=["xy","parcel"];return f&&j.push("address"),m&&j.push("nominatim"),j}),u=e.computed(()=>{var q,se;const j=x.value,Y=(se=(q=o.config)==null?void 0:q.tools)==null?void 0:se.filter(pe=>j.includes(pe));return Y&&Y.length?Y:j}),h=e.computed(()=>{var j,Y;return((Y=(j=o.config)==null?void 0:j.placeholder)==null?void 0:Y.trim())||"Пошук…"}),c=e.ref(u.value[0]);e.watch(u,j=>{j.includes(c.value)||(c.value=j[0])});const d=e.ref(""),y=e.ref(!1),p=e.ref(null),g=e.ref(null),k=e.ref(null),C=e.ref(null),$=e.ref([]),w=e.ref(null),N=e.ref(!1),E=e.ref([]),B=e.computed(()=>(c.value==="address"||c.value==="nominatim")&&N.value),M=e.computed(()=>{var j;return((j=o.config)==null?void 0:j.addressDebounceMs)??1e3});let D=null;const W=e.ref(!1),K=e.computed(()=>d.value.trim().length>0?$.value:E.value),Q=e.computed(()=>d.value.trim().length?`Знайдено ${$.value.length}`:"Історія пошуку"),H=e.computed(()=>d.value.trim().length?"Нічого не знайдено":"Історія порожня");function J(){var j,Y;if(typeof window>"u")return[];try{const q=(Y=(j=window.localStorage)==null?void 0:j.getItem)==null?void 0:Y.call(j,El);if(!q)return[];const se=JSON.parse(q);return Array.isArray(se)?se:[]}catch{return[]}}function O(j){var Y,q;typeof window>"u"||(q=(Y=window.localStorage)==null?void 0:Y.setItem)==null||q.call(Y,El,JSON.stringify(j))}function T(j){const q=[j,...E.value.filter(se=>se.id!==j.id)].slice(0,10);E.value=q,O(q)}let F=null;function X(){F&&(F.remove(),F=null)}function v(){var Y;const j=(Y=r.map)==null?void 0:Y.value;j&&(j.getLayer(cn)&&j.removeLayer(cn),j.getLayer(Tn)&&j.removeLayer(Tn),j.getSource(sn)&&j.removeSource(sn))}function _(j){var pe,be,Ne,_e;if(!((pe=o.config)!=null&&pe.showMarker)||!j)return;const Y=(be=r.map)==null?void 0:be.value;if(!Y)return;v(),z();const q={type:"Feature",geometry:j,properties:{}};Y.addSource(sn,{type:"geojson",data:q});const se=((Ne=o.config)==null?void 0:Ne.geometryColor)||((_e=o.config)==null?void 0:_e.markerColor)||"#3B82F6";Y.addLayer({id:cn,type:"fill",source:sn,paint:{"fill-color":se,"fill-opacity":.3}}),Y.addLayer({id:Tn,type:"line",source:sn,paint:{"line-color":se,"line-width":1,"line-opacity":1}}),I(Y)}let S=null;function z(){S&&(cancelAnimationFrame(S),S=null)}function I(j){const q=performance.now();function se(pe){if(!j.getLayer(cn))return;const Ne=(pe-q)%1200/1200,_e=Math.sin(Ne*Math.PI),it=.2+_e*.3,ot=1+_e*1;j.setPaintProperty(cn,"fill-opacity",it),j.setPaintProperty(Tn,"line-width",ot),S=requestAnimationFrame(se)}S=requestAnimationFrame(se)}function G(j,Y){var pe,be,Ne;if(!((pe=o.config)!=null&&pe.showMarker))return;X(),v();const q=(be=r.map)==null?void 0:be.value;if(!q)return;if(Y){_(Y);return}const se=((Ne=o.config)==null?void 0:Ne.markerColor)||"#3B82F6";F=new maplibregl.Marker({color:se}).setLngLat([j.lng,j.lat]).addTo(q)}const ne=e.reactive({position:"absolute",left:"0px",top:"0px",width:"100%",display:"none"});function oe(){var be;if(!C.value)return;const j=C.value.getBoundingClientRect(),Y=(be=k.value)==null?void 0:be.getBoundingClientRect(),q=(Y==null?void 0:Y.width)??j.width,se=((Y==null?void 0:Y.left)??j.left)+window.scrollX,pe=j.bottom+window.scrollY+qx;ne.left=`${se}px`,ne.top=`${pe}px`,ne.width=`${q}px`,ne.display="block"}const ae=()=>{B.value&&oe()};function xe(){D&&(clearTimeout(D),D=null)}e.watch(c,()=>{d.value="",y.value=!1,$.value=[],N.value=!1,xe(),W.value=!1,X(),v()}),e.watch(B,j=>{j?e.nextTick(()=>{oe()}):ne.display="none"}),e.watch(d,j=>{if(c.value!=="address"&&c.value!=="nominatim"){$.value=[],xe();return}if(!j.trim()){$.value=[],N.value=E.value.length>0,xe();return}xe(),N.value=!0,D=window.setTimeout(()=>{Ft(j).catch(Y=>{const q=(Y==null?void 0:Y.message)||"Помилка пошуку адреси";he.notify({type:"error",title:"Пошук адреси",message:q})})},M.value)});function we(j){var se;const Y=[];g.value&&Y.push(g.value),j instanceof HTMLElement&&Y.push(j);const q=(se=p.value)==null?void 0:se.querySelectorAll("li");q==null||q.forEach(pe=>{Y.push(pe)}),Y.forEach(pe=>{pe.dispatchEvent(new MouseEvent("mouseleave",{bubbles:!0}))})}function P(j){y.value&&we(j.target),y.value=!y.value}function ee(j,Y){we(Y==null?void 0:Y.target),c.value=j}function b(){d.value="",$.value=[],N.value=!1,W.value=!1,X(),v()}function A(j){const Y=j.target;if(y.value){const q=p.value;q&&!q.contains(Y)&&(we(Y),y.value=!1)}if(B.value){const q=w.value,se=C.value;q&&!q.contains(Y)&&(!se||!se.contains(Y))&&(N.value=!1)}}e.onMounted(()=>{E.value=J(),window.addEventListener("click",A,!0),window.addEventListener("scroll",ae,!0),window.addEventListener("resize",ae)}),e.onBeforeUnmount(()=>{window.removeEventListener("click",A,!0),window.removeEventListener("scroll",ae,!0),window.removeEventListener("resize",ae),xe(),X(),v()});function Z(j){return j==="xy"?"Координати":j==="parcel"?"Кадастр":j==="nominatim"?"Nominatim":"Адресний"}function le(j){switch(j){case"xy":return"Пошук за географічними координатами. Введіть широту і довготу через пробіл або кому (lat lng або lng lat).";case"parcel":return"Пошук земельної ділянки за кадастровим номером у форматі 0000000000:00:000:0000 з відображенням меж ділянки на карті.";case"nominatim":return"Пошук адрес та обʼєктів через Nominatim з обмеженням у межах карти.";case"address":return"Пошук адрес через локальний сервіс addressSuggest (швидкі підказки з вашого геопорталу).";default:return""}}function fe(j){const Y=j.replace(/[,]+/g," ").trim();if(!Y)return null;const q=Y.split(/\s+/).filter(Boolean);if(q.length<2)return null;const se=q.slice(0,2).map(Number);if(!se.every(Ze=>Number.isFinite(Ze)))return null;let[pe,be]=se,Ne=pe,_e=be;const it=Ze=>Math.abs(Ze)<=90,ot=Ze=>Math.abs(Ze)<=180;if(!it(Ne)||!ot(_e))if(it(_e)&&ot(Ne))Ne=be,_e=pe;else return null;return{lat:Ne,lng:_e}}function ie(j){return((j==null?void 0:j.items)||[]).map((q,se)=>{var pe,be,Ne;return{id:String((q==null?void 0:q.id)??se),title:(q==null?void 0:q.title)||((pe=q==null?void 0:q.address)==null?void 0:pe.label)||"Знайдений обʼєкт",lat:Number((be=q==null?void 0:q.position)==null?void 0:be.lat),lng:Number((Ne=q==null?void 0:q.position)==null?void 0:Ne.lng)}})}function Be(j){const Y=(j==null?void 0:j.result)||(j==null?void 0:j.data)||j;if(!Y)return[];const q=Y.geom_centroid;if(!q||!Array.isArray(q.coordinates))return[];const[se,pe]=q.coordinates;return!Number.isFinite(pe)||!Number.isFinite(se)?[]:[{id:"parcel",title:Y.cadnum||Y.cad_num||"Земельна ділянка",lat:pe,lng:se,geom:Y.geom||null}]}function $e(j){return(Array.isArray(j==null?void 0:j.features)?j.features:[]).map((q,se)=>{var Ze,ct,kt;const pe=(Ze=q==null?void 0:q.geometry)==null?void 0:Ze.coordinates,be=Number(pe==null?void 0:pe[0]),Ne=Number(pe==null?void 0:pe[1]);if(!Number.isFinite(Ne)||!Number.isFinite(be))return null;const _e=(q==null?void 0:q.properties)||{},it=((ct=_e==null?void 0:_e.geocoding)==null?void 0:ct.label)||(_e==null?void 0:_e.display_name)||(_e==null?void 0:_e.label)||"Адреса";return{id:String(((kt=_e==null?void 0:_e.geocoding)==null?void 0:kt.place_id)||(_e==null?void 0:_e.place_id)||se),title:it,lat:Ne,lng:be}}).filter(q=>!!q)}function Re(j){return Number.isFinite(j.lat)&&Number.isFinite(j.lng)}function De(j){const Y=Number(j);return Number.isFinite(Y)?Y:null}function Ue(j){var pe,be,Ne,_e,it,ot;const Y=De(j.lng)??De(j.lon)??De(j.longitude)??De(j.x),q=De(j.lat)??De(j.latitude)??De(j.y);if(Y!=null&&q!=null)return{lat:q,lng:Y};const se=((pe=j==null?void 0:j.geometry)==null?void 0:pe.coordinates)??((be=j==null?void 0:j.geom_centroid)==null?void 0:be.coordinates)??((Ne=j==null?void 0:j.centroid)==null?void 0:Ne.coordinates)??((it=(_e=j==null?void 0:j.geojson)==null?void 0:_e.geometry)==null?void 0:it.coordinates)??((ot=j==null?void 0:j.geom)==null?void 0:ot.coordinates);if(Array.isArray(se)&&se.length>=2){const Ze=De(se[0]),ct=De(se[1]);if(Ze!=null&&ct!=null)return{lat:ct,lng:Ze}}return null}function tt(j){return(Array.isArray(j==null?void 0:j.data)?j.data:[]).map((q,se)=>{const pe=Ue(q),be=String(q.text??q.title??q.label??q.name??q.address??q.display_name??q.id??"Адреса"),Ne=String(q.id??q.code??q.value??se);return pe?{id:Ne,title:be,...pe}:{id:Ne,title:be}}).filter(q=>!!(q!=null&&q.title))}function Mt(j){const Y=i();if(!Y)return null;if(Y.includes(":name"))return Y.replace(":name",encodeURIComponent(j));try{const q=new URL(Y,window.location.origin);return j.trim()&&q.searchParams.set("q",j),q.toString()}catch{return Y}}async function Tt(j){const Y=Mt(j);if(!Y)return[];const q=await fetch(Y);if(!q.ok)throw new Error(`HTTP ${q.status}`);const se=await q.json();return tt(se)}async function Zt(j){const Y=new URL(Yx);Y.searchParams.set("format","geojson"),Y.searchParams.set("q",j),Y.searchParams.set("addressdetails","1"),Y.searchParams.set("bounded","1");const q=a();q&&Y.searchParams.set("viewbox",q);const se=await fetch(Y.toString());if(!se.ok)throw new Error(`HTTP ${se.status}`);const pe=await se.json();return $e(pe)}async function Ft(j){if($.value=[],xe(),c.value==="address"){if(!i()){he.notify({type:"warning",title:"Пошук адреси",message:"Не налаштовано addressSuggest"});return}const se=await Tt(j);if(!se.length){he.notify({type:"warning",title:"Пошук адреси",message:"Не знайдено результатів"});return}$.value=se;return}const Y=await Zt(j);if(!Y.length){he.notify({type:"warning",title:"Пошук адреси",message:"Не знайдено результатів"});return}$.value=Y}async function ut(j){if(Re(j)){Bt(j),T(j);return}try{const q=(await Zt(j.title))[0];if(!q||!Re(q)){he.notify({type:"warning",title:"Пошук адреси",message:"Не знайдено координати адреси"});return}Bt(q),T(q)}catch(Y){const q=(Y==null?void 0:Y.message)||"Помилка пошуку адреси";he.notify({type:"error",title:"Пошук адреси",message:q})}}function dn(){c.value!=="address"&&c.value!=="nominatim"||d.value.trim().length||E.value.length&&(N.value=!0,e.nextTick(()=>{oe()}))}function un(j){const q=j.replace(/\s+/g,"").split(":");if(console.log(q),q.length!==4)return!1;const se=[10,2,3,4];return q.every((pe,be)=>pe.length===se[be]&&/^\d+$/.test(pe))}function Bt(j){var q,se;const Y=((q=o.config)==null?void 0:q.zoom)??17;(se=r.flyTo)==null||se.call(r,{center:[j.lng,j.lat],zoom:Y}),G(j,j.geom),W.value=!0}async function pn(){const j=d.value.trim();if(j){if(c.value==="xy"){const Y=fe(j);if(!Y){he.notify({type:"warning",title:"Пошук координат",message:"Не знайдено або невірний формат координат"});return}Bt(Y);return}if(c.value==="address"||c.value==="nominatim"){try{await Ft(j)}catch(Y){const q=(Y==null?void 0:Y.message)||"Помилка пошуку адреси";he.notify({type:"error",title:"Пошук адреси",message:q})}return}try{const Y=new URL(c.value==="here"?Hx:Wx);if(c.value==="here")Y.searchParams.set("searchtext",j);else{if(!un(j)){he.notify({type:"warning",title:"Пошук кадастру",message:"Кадастровий номер має формат ХХХХХХХХХХ:ХХ:ХХХ:ХХХХ"});return}Y.searchParams.set("cad_num",j)}const q=await fetch(Y.toString());if(!q.ok)throw new Error(`HTTP ${q.status}`);const se=await q.json(),pe=c.value==="here"?ie(se):Be(se);if(!pe.length)he.notify({type:"warning",title:"Пошук",message:"Не знайдено результатів"});else{const be=pe[0];Bt(be)}}catch(Y){const q=(Y==null?void 0:Y.message)||"Помилка пошуку";he.notify({type:"error",title:"Пошук",message:q})}}}return(j,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"widgetRef",ref:k,class:"map-search-widget flex flex-col gap-2 bg-white border border-stone-200 shadow-2xs rounded-xl widget p-3 min-w-[200px]"},[e.createElementVNode("form",{class:"flex gap-2",onSubmit:e.withModifiers(pn,["prevent"])},[u.value.length>1?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"dropdownRef",ref:p,class:"relative search-type w-[100px]"},[e.createElementVNode("button",{type:"button",class:"vstSelect-input transition-all text-left bg-white border border-gray-200 text-gray-900 rounded-lg focus:ring-blue-500 focus:border-blue-100 block w-full py-1.5 px-3 text-sm cursor-pointer flex items-center justify-between gap-2",onClick:P},[e.withDirectives((e.openBlock(),e.createElementBlock("span",{ref_key:"selectedToolLabelRef",ref:g,class:"block w-full truncate",title:Z(c.value)},[e.createTextVNode(e.toDisplayString(Z(c.value)),1)],8,Mx)),[[n,le(c.value)]]),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["w-4 h-4 text-gray-500 transition-transform",{"rotate-180":y.value}]),viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...Y[3]||(Y[3]=[e.createElementVNode("path",{d:"M6 9l6 6 6-6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))]),y.value?(e.openBlock(),e.createElementBlock("div",Tx,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,q=>e.withDirectives((e.openBlock(),e.createElementBlock("li",{key:q,class:"px-3 py-2 cursor-pointer hover:bg-gray-100 text-gray-900",onClick:se=>ee(q,se)},[e.createTextVNode(e.toDisplayString(Z(q)),1)],8,Fx)),[[n,le(q)]])),128))])])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"searchWrapperRef",ref:C,class:"relative flex-1 min-w-[140px]"},[c.value==="parcel"?(e.openBlock(),e.createBlock(e.unref(Co.VsInputMask),{key:0,modelValue:d.value,"onUpdate:modelValue":Y[0]||(Y[0]=q=>d.value=q),mask:"0000000000:00:000:0000",class:e.normalizeClass(["vs-input !h-[34px] transition-all border block w-full border-gray-200 rounded-md focus:border-blue-100 border-solid py-1.5 pl-3 text-sm",W.value?"!pr-14":"!pr-8"])},null,8,["modelValue","class"])):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":Y[1]||(Y[1]=q=>d.value=q),placeholder:h.value,type:"text",class:e.normalizeClass(["vs-input transition-all border block w-full border-gray-200 rounded-md focus:border-blue-100 border-solid py-1.5 pl-3 text-sm",W.value?"!pr-14":"!pr-8"]),onFocus:dn},null,42,Dx)),[[e.vModelText,d.value,void 0,{trim:!0}]]),e.createElementVNode("div",zx,[W.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"flex items-center text-gray-400 hover:text-gray-600","aria-label":"Очистити",onClick:b},[...Y[4]||(Y[4]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)])])):e.createCommentVNode("",!0),Y[5]||(Y[5]=e.createElementVNode("button",{type:"submit",class:"flex items-center text-gray-400 hover:text-gray-600","aria-label":"Пошук"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m21 21-4.35-4.35m0 0A7.5 7.5 0 1 0 5 5a7.5 7.5 0 0 0 11.65 11.65Z"})])],-1))]),B.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:"body"},[e.createElementVNode("div",{ref_key:"addressResultsRef",ref:w,class:"vs-select__options mt-1 bg-white border border-gray-300 rounded-lg shadow-lg text-sm text-gray-900 z-50",style:e.normalizeStyle(ne)},[e.createElementVNode("div",Ix,[e.createElementVNode("span",jx,e.toDisplayString(Q.value),1),e.createElementVNode("button",{type:"button",class:"text-gray-400 hover:text-gray-600","aria-label":"Закрити",onClick:Y[2]||(Y[2]=q=>N.value=!1)}," ✕ ")]),e.createElementVNode("div",Px,[K.value.length?(e.openBlock(),e.createElementBlock("ul",Rx,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(K.value,q=>(e.openBlock(),e.createElementBlock("li",{key:q.id,class:"px-3 py-2 cursor-pointer hover:bg-gray-50",onClick:se=>ut(q)},e.toDisplayString(q.title),9,Ox))),128))])):(e.openBlock(),e.createElementBlock("div",Ux,e.toDisplayString(H.value),1))])],4)])):e.createCommentVNode("",!0)],512)],32)],512))}}),[["__scopeId","data-v-ba50488b"]]),Zx="https://watergis.github.io/mapbox-gl-export/mapbox-gl-export.css",Gx="https://watergis.github.io/mapbox-gl-export/mapbox-gl-export.js",Kx=ye(e.defineComponent({__name:"MapPrintControl",setup(t){const{map:n,ready:o,addControl:r,removeControl:l}=Pe(),s=e.ref(null),a=e.ref(null),i=e.ref(null),f=e.ref(null);let m=null;function x(){!window.mapboxgl&&window.maplibregl&&(window.mapboxgl=window.maplibregl)}function u(N){if(Array.from(document.styleSheets).some(M=>{var D;return(D=M==null?void 0:M.href)==null?void 0:D.includes(N)}))return;const B=document.createElement("link");B.rel="stylesheet",B.href=N,document.head.appendChild(B)}function h(N){return new Promise((E,B)=>{const M=Array.from(document.scripts).find(W=>W.src===N);if(M){if(M._loaded)return E();M.addEventListener("load",()=>E()),M.addEventListener("error",()=>B(new Error(`Failed ${N}`)));return}const D=document.createElement("script");D.src=N,D.async=!0,D.onload=()=>{D._loaded=!0,E()},D.onerror=()=>B(new Error(`Failed ${N}`)),document.head.appendChild(D)})}function c(){var E,B,M;const N=window;return N.MapboxExportControl||((E=N.mapboxgl)==null?void 0:E.MapboxExportControl)||((B=N.mapboxglExport)==null?void 0:B.MapboxExportControl)||((M=N.mapboxglExport)==null?void 0:M.default)||null}function d(){const N=document.createElementNS("http://www.w3.org/2000/svg","svg");return N.setAttribute("xmlns","http://www.w3.org/2000/svg"),N.setAttribute("viewBox","0 0 24 24"),N.setAttribute("width","18"),N.setAttribute("height","18"),N.setAttribute("fill","none"),N.setAttribute("stroke","currentColor"),N.setAttribute("stroke-width","2"),N.setAttribute("stroke-linecap","round"),N.setAttribute("stroke-linejoin","round"),N.classList.add("map-control-button__icon"),[{d:"M0 0h24v24H0z",stroke:"none",fill:"none"},{d:"M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2"},{d:"M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4"},{d:"M7 13m0 2a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2z"}].forEach((B,M)=>{const D=document.createElementNS("http://www.w3.org/2000/svg","path");Object.entries(B).forEach(([W,K])=>{D.setAttribute(W,K)}),N.appendChild(D)}),N}function y(){const N=document.createElement("button");N.id="print-btn",N.type="button",N.className=["group relative flex items-center justify-center","w-9 h-9 rounded-xl shadow-lg transition-transform transition-shadow duration-200","bg-white text-gray-700 hover:bg-gray-50 hover:scale-105","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2"].join(" "),N.setAttribute("aria-label","Друк карти");const E=d(),B=document.createElement("span");return B.className=["absolute right-full mr-3 px-1.5 py-0.5","bg-gray-700 text-white text-[0.75rem] font-medium rounded-md","opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100","pointer-events-none transition-opacity duration-200 whitespace-nowrap"].join(" "),B.textContent="Друк карти",B.setAttribute("aria-hidden","true"),N.appendChild(E),N.appendChild(B),N.addEventListener("click",M=>{M.stopPropagation(),p()}),f.value=N,N}function p(){if(!i.value)return;i.value.style.display==="block"?k():g()}function g(){var N,E,B;i.value&&(i.value.style.display="block",(N=f.value)==null||N.classList.add("scale-105","shadow-xl"),(E=a.value)==null||E.toggleCrosshair(!0),(B=a.value)==null||B.togglePrintableArea(!0),document.addEventListener("click",C))}function k(){var N,E,B;i.value&&(i.value.style.display="none",(N=f.value)==null||N.classList.remove("scale-105","shadow-xl"),(E=a.value)==null||E.toggleCrosshair(!1),(B=a.value)==null||B.togglePrintableArea(!1),document.removeEventListener("click",C))}function C(N){const E=s.value;E&&(N.target&&E.contains(N.target)||k())}function $(N){const E={Size:"Розмір",Orientation:"Орієнтація",Format:"Формат",DPI:"DPI",Landscape:"Горизонтальна",Portrait:"Вертикальна",PNG:"PNG",JPEG:"JPEG",SVG:"SVG",PDF:"PDF","Page Size":"Розмір","Page Orientation":"Орієнтація"};N.querySelectorAll("label, option").forEach(M=>{var W;const D=(W=M.textContent)==null?void 0:W.trim();D&&E[D]&&(M.textContent=E[D])});const B=N.querySelector("button");B&&(B.textContent="Друкувати")}function w(N){const E=N.querySelector(".mapboxgl-export-list");if(!E||!s.value)return;i.value=E;const B=N.querySelector("button");if(B&&(B.style.display="none"),N.style.display="none",!f.value){const D=y();s.value.appendChild(D)}E.style.display="none";const M="_printControlBound";if(!E[M]){const D=W=>W.stopPropagation();E.addEventListener("click",D),E.addEventListener("mousedown",D),E[M]=!0}s.value.appendChild(E),$(E)}return e.onMounted(async()=>{await(o==null?void 0:o());const N=n.value;if(!N)return;u(Zx),x();try{await h(Gx)}catch(M){console.warn("[MapPrintControl] load error",M);return}const E=c();if(!E)return;const B=new E({PageSize:"A4",PageOrientation:"landscape",Format:"pdf",DPI:300,Crosshair:!0,PrintableArea:!0});if(a.value=B,typeof B.onAdd=="function"){const M=B.onAdd.bind(B);B.onAdd=D=>{const W=M(D);return setTimeout(()=>W&&w(W),50),W}}r?r(B,"top-right"):N.addControl(B,"top-right"),m=M=>{M.key==="Escape"&&k()},document.addEventListener("keyup",m)}),e.onBeforeUnmount(()=>{k(),m&&(document.removeEventListener("keyup",m),m=null);const N=n.value;if(a.value)try{l?l(a.value):N==null||N.removeControl(a.value)}catch{}a.value=null}),(N,E)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:s,class:"map-print-control"},null,512))}}),[["__scopeId","data-v-4fae7635"]]),Xx={class:"cursor-coordinates"},Qx={class:"cursor-coordinates__text"},Jx=ye(e.defineComponent({__name:"MapCursorCoordinates",props:{coordinates:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",Xx,[e.createElementVNode("span",Qx,e.toDisplayString(t.coordinates),1)]))}}),[["__scopeId","data-v-334315d9"]]),e1={class:"minimap__wrapper"},Fn="minimap-viewport",t1="minimap-viewport-layer",n1=ye(e.defineComponent({__name:"MapMiniMap",props:{mapContext:{},width:{},height:{},options:{}},setup(t){var C,$,w,N;const n=t,o=(($=(C=e.getCurrentInstance())==null?void 0:C.appContext.config.globalProperties)==null?void 0:$.$settings)||null,r=St((w=o==null?void 0:o.map)==null?void 0:w.center)||[30,50],l=e.ref(null),s=e.shallowRef(null),a=(N=n.options)==null?void 0:N.active,i=e.ref(a===void 0?!1:!!a);function f(E,B){return typeof E=="number"&&Number.isFinite(E)?E:B}const m=e.computed(()=>{var W,K;const E=(W=n.options)==null?void 0:W.width,B=(K=n.options)==null?void 0:K.height,M=f(n.width??E,210),D=f(n.height??B,150);return{width:`${M}px`,height:`${D}px`}});function x(){var B,M;const E=(M=(B=n.mapContext)==null?void 0:B.map)==null?void 0:M.value;if(!E||typeof E.getStyle!="function")return null;try{const D=E.getStyle();return D?JSON.parse(JSON.stringify(D)):null}catch{return null}}let u=null;function h(){var W;if(typeof window>"u"||s.value||!l.value)return;const E=x(),B=r,M={container:l.value,style:E??{version:8,sources:{voyager:{type:"raster",tiles:["https://tile.openstreetmap.org/{z}/{x}/{y}.png"],tileSize:256}},layers:[{id:"voyager",type:"raster",source:"voyager"}]},center:B,zoom:((W=n.options)==null?void 0:W.zoom)??3,interactive:!1,attributionControl:!1},D={...M,...n.options??{}};D.container=M.container,s.value=new maplibregl.Map(D),s.value.on("load",()=>{d(),p()})}function c(){if(!s.value)return;const E=x();E&&(s.value.once("styledata",()=>{d(),p()}),s.value.setStyle(E))}function d(){if(s.value){if(typeof s.value.isStyleLoaded=="function"&&!s.value.isStyleLoaded()){s.value.once("styledata",()=>{d(),p()});return}s.value.getSource(Fn)||(s.value.addSource(Fn,{type:"geojson",data:{type:"Feature",geometry:{type:"Polygon",coordinates:[[[0,0],[0,0],[0,0],[0,0],[0,0]]]},properties:{}}}),s.value.addLayer({id:t1,type:"fill",source:Fn,paint:{"fill-color":"#3b82f6","fill-opacity":.2,"fill-outline-color":"#1d4ed8"}}))}}function y(){i.value=!i.value,i.value&&e.nextTick(()=>{var E;return(E=s.value)==null?void 0:E.resize()})}function p(){var Q,H;const E=(H=(Q=n.mapContext)==null?void 0:Q.map)==null?void 0:H.value;if(!s.value||!E||!E.getBounds)return;if(typeof s.value.isStyleLoaded=="function"&&!s.value.isStyleLoaded()){s.value.once("styledata",()=>{p()});return}const B=E.getBounds();if(!B)return;const M=B.getNorthEast(),D=B.getSouthWest();if(!M||!D)return;const W=[[D.lng,M.lat],[M.lng,M.lat],[M.lng,D.lat],[D.lng,D.lat],[D.lng,M.lat]],K=s.value.getSource(Fn);if(!K){d();return}K.setData({type:"Feature",geometry:{type:"Polygon",coordinates:[W]},properties:{}})}function g(){var M;const E=n.mapContext,B=(M=E==null?void 0:E.map)==null?void 0:M.value;!(E!=null&&E.on)||!B||(u==null||u(),u=E.on("move",p),p())}async function k(){const E=n.mapContext;if(E){if(typeof E.ready=="function")try{await E.ready()}catch{return}g()}}return e.onMounted(()=>{h(),k()}),e.watch(()=>n.mapContext,()=>{k(),p()}),e.watch(()=>{var E,B;return(B=(E=n.mapContext)==null?void 0:E.map)==null?void 0:B.value},()=>{s.value&&(c(),k())}),e.watch(m,()=>{s.value&&e.nextTick(()=>{var E;return(E=s.value)==null?void 0:E.resize()})}),e.watch(()=>n.options,()=>{var B;u==null||u(),u=null,s.value&&(s.value.remove(),s.value=null);const E=(B=n.options)==null?void 0:B.active;typeof E=="boolean"&&(i.value=E),e.nextTick(()=>{h(),k()})},{deep:!0}),e.onBeforeUnmount(()=>{u==null||u(),u=null,s.value&&(s.value.remove(),s.value=null)}),(E,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["minimap",{"minimap--open":i.value}])},[e.createElementVNode("button",{type:"button",class:"minimap__button",onClick:y},[e.createVNode(e.unref(zl))]),e.createVNode(e.Transition,{name:"minimap-slide"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e1,[e.createElementVNode("div",{ref_key:"minimapRoot",ref:l,class:"mapboxgl-ctrl-minimap mapboxgl-ctrl mapboxgl-map",style:e.normalizeStyle(m.value),id:"mapboxgl-minimap"},null,4)],512),[[e.vShow,i.value]])]),_:1})],2))}}),[["__scopeId","data-v-bc754c89"]]),o1={class:"pt-1 border-t border-gray-100"},r1={class:"space-y-1"},l1=e.defineComponent({__name:"AddCoordinates",emits:["submit","cancel"],setup(t,{emit:n}){const o=n,r=e.ref(null),l=e.ref(null),s=(f,m,x)=>Math.min(Math.max(f,m),x),a=()=>{if(r.value===null||l.value===null||!Number.isFinite(r.value)||!Number.isFinite(l.value))return;const f=s(r.value,-90,90),m=s(l.value,-180,180);o("submit",{lat:f,lng:m}),r.value=null,l.value=null},i=()=>{r.value=null,l.value=null,o("cancel")};return(f,m)=>(e.openBlock(),e.createElementBlock("div",o1,[m[2]||(m[2]=e.createElementVNode("p",{class:"text-xs text-gray-600 mb-1"},"Додати точку за координатами:",-1)),e.createElementVNode("div",r1,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=x=>r.value=x),type:"number",step:"0.0001",class:"w-full px-2 py-1 text-xs border border-gray-300 rounded focus:outline-none focus:border-blue-500",placeholder:"Широта (50.4501)"},null,512),[[e.vModelText,r.value,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[1]||(m[1]=x=>l.value=x),type:"number",step:"0.0001",class:"w-full px-2 py-1 text-xs border border-gray-300 rounded focus:outline-none focus:border-blue-500",placeholder:"Довгота (30.5234)"},null,512),[[e.vModelText,l.value,void 0,{number:!0}]]),e.createElementVNode("div",{class:"flex gap-1.5"},[e.createElementVNode("button",{class:"flex-1 px-2 py-1 bg-blue-500 hover:bg-blue-600 text-white text-xs font-medium rounded transition-colors",type:"button",onClick:a}," Додати "),e.createElementVNode("button",{class:"px-2 py-1 bg-gray-200 hover:bg-gray-300 text-gray-700 text-xs font-medium rounded transition-colors",type:"button",onClick:i}," Скасувати ")])])]))}}),a1=e.defineComponent({__name:"BtnAdd",emits:["click"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("button",{class:"flex-1 px-2 py-1.5 bg-blue-500 hover:bg-blue-600 text-white text-xs font-medium rounded transition-colors duration-150 flex items-center justify-center gap-1",onClick:o[0]||(o[0]=r=>n.$emit("click"))},[e.createVNode(e.unref(wn),{size:12,"stroke-width":2}),o[1]||(o[1]=e.createTextVNode(" Додати ",-1))]))}}),s1=e.defineComponent({__name:"BtnClear",emits:["click"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("button",{class:"w-full px-2 py-1.5 bg-rose-500 hover:bg-rose-600 text-white text-xs font-medium rounded transition-colors duration-150 flex items-center justify-center gap-1",onClick:o[0]||(o[0]=r=>n.$emit("click"))},[e.createVNode(e.unref(On),{size:12,"stroke-width":2}),o[1]||(o[1]=e.createTextVNode(" Очистити ",-1))]))}}),i1=e.defineComponent({__name:"BtnComplete",emits:["click"],setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("button",{class:"flex-1 px-2 py-1.5 bg-emerald-500 hover:bg-emerald-600 text-white text-xs font-medium rounded transition-colors duration-150 flex items-center justify-center gap-1",onClick:o[0]||(o[0]=r=>n.$emit("click"))},[e.createVNode(e.unref(Lo),{size:12,"stroke-width":2}),o[1]||(o[1]=e.createTextVNode("Замкнути ",-1))]))}}),c1=new Intl.NumberFormat("uk-UA",{minimumFractionDigits:2,maximumFractionDigits:2});function At(t){return c1.format(t)}function Cl(t){return t>=1e3?`${At(t/1e3)} км`:`${At(t)} м`}const d1={class:"flex items-center gap-1.5 text-xs bg-gray-50 rounded p-1.5"},u1={key:0,class:"flex-1 flex gap-1"},p1={key:1,class:"flex-1 font-mono text-gray-700"},m1=e.defineComponent({__name:"DotListItem",props:{id:{},index:{},coords:{}},emits:["update","delete"],setup(t,{emit:n}){const o=t,r=n,l=e.computed(()=>`${o.coords.lat.toFixed(4)}°, ${o.coords.lng.toFixed(4)}°`),s=e.ref(!1),a=e.ref(o.coords.lat),i=e.ref(o.coords.lng);e.watch(()=>o.coords,h=>{a.value=h.lat,i.value=h.lng},{deep:!0,immediate:!0});const f=(h,c,d)=>Math.min(Math.max(h,c),d),m=()=>{s.value=!0},x=()=>{if(!Number.isFinite(a.value)||!Number.isFinite(i.value))return;const h=f(a.value,-90,90),c=f(i.value,-180,180);r("update",{id:o.id,coords:{lat:h,lng:c}}),s.value=!1},u=()=>{r("delete",o.id)};return(h,c)=>(e.openBlock(),e.createElementBlock("div",d1,[e.createVNode(e.unref(bn),{size:12,"stroke-width":2,class:"text-gray-400 flex-shrink-0"}),s.value?(e.openBlock(),e.createElementBlock("div",u1,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=d=>a.value=d),type:"number",step:"0.0001",min:"-90",max:"90",class:"flex-1 px-1.5 py-0.5 text-xs border border-gray-300 rounded focus:outline-none focus:border-blue-500",placeholder:"Широта"},null,512),[[e.vModelText,a.value,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[1]||(c[1]=d=>i.value=d),type:"number",step:"0.0001",min:"-180",max:"180",class:"flex-1 px-1.5 py-0.5 text-xs border border-gray-300 rounded focus:outline-none focus:border-blue-500",placeholder:"Довгота"},null,512),[[e.vModelText,i.value,void 0,{number:!0}]]),e.createElementVNode("button",{class:"px-1.5 py-0.5 bg-emerald-500 text-white rounded hover:bg-emerald-600 text-xs",type:"button",onClick:x}," ✓ ")])):(e.openBlock(),e.createElementBlock("span",p1,e.toDisplayString(l.value),1)),s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:2,class:"text-blue-500 hover:text-blue-600 px-0.5",type:"button",onClick:m}," ✎ ")),e.createElementVNode("button",{class:"text-rose-500 hover:text-rose-600 px-0.5",type:"button",onClick:u}," ✕ ")]))}}),f1={class:"ruler-control px-3 py-2.5 space-y-2"},g1={type:"button",class:"ruler-row w-full flex items-center gap-2 cursor-pointer group text-left"},y1={class:e.normalizeClass(["flex items-center justify-center w-5 h-5 rounded-full shrink-0 transition-colors pointer-events-none"]),title:"Сумарна довжина всіх відрізків","aria-hidden":"true"},h1={class:"text-sm font-semibold text-slate-700"},x1={class:"ruler-row"},b1={type:"button",class:"w-full flex items-center gap-2 cursor-pointer group text-left"},k1={class:e.normalizeClass(["flex items-center justify-center w-5 h-5 rounded-full shrink-0 transition-colors pointer-events-none"]),title:"Площа замкнутого контуру","aria-hidden":"true"},w1={class:"inline-flex rounded-md overflow-hidden border border-gray-200 bg-gray-100"},_1=["onClick"],E1={class:"flex items-center gap-2 mt-0.5 pl-7"},N1={key:0,class:"text-base font-semibold text-green-600"},C1={key:1,class:"text-xs text-gray-400"},V1={class:"ruler-row flex items-center gap-2 cursor-pointer"},B1={class:e.normalizeClass(["flex items-center justify-center w-5 h-5 rounded-full shrink-0 transition-colors pointer-events-none"]),title:"Список точок","aria-hidden":"true"},$1={class:"text-xs font-medium text-gray-600 flex-1"},v1={key:0,class:"pt-1.5 border-t border-gray-100 max-h-32 overflow-y-auto space-y-1"},S1=e.defineComponent({__name:"ControlPanel",props:{points:{},isShapeClosed:{type:Boolean}},emits:["update-point","delete-point"],setup(t){const n=t,o=e.ref(!1),r=e.ref("km2"),l=[{id:"km2",label:"км²"},{id:"ha",label:"га"},{id:"m2",label:"м²"}],s=()=>{o.value=!o.value},a=(d,y)=>{const p=M=>M*Math.PI/180,g=p(y.lat-d.lat),k=p(y.lng-d.lng),C=p(d.lat),$=p(y.lat),w=Math.sin(g/2),N=Math.sin(k/2);return 6371e3*(2*Math.asin(Math.sqrt(w*w+Math.cos(C)*Math.cos($)*N*N)))},i=e.computed(()=>{if(n.points.length<2)return 0;let d=0;for(let y=1;y<n.points.length;y+=1)d+=a(n.points[y-1].coords,n.points[y].coords);return n.isShapeClosed&&n.points.length>=2&&(d+=a(n.points[n.points.length-1].coords,n.points[0].coords)),d}),f=e.computed(()=>i.value>=1e3?`${At(i.value/1e3)} км`:`${At(i.value)} м`);function m(d){if(d.length<3)return 0;const y=d[0].lat,p=d[0].lng,g=(C,$)=>{const w=(C-y)*110574;return{x:($-p)*111320*Math.cos(y*Math.PI/180),y:w}};let k=0;for(let C=0;C<d.length;C++){const $=(C+1)%d.length,w=g(d[C].lat,d[C].lng),N=g(d[$].lat,d[$].lng);k+=w.x*N.y-w.y*N.x}return Math.abs(k)*.5}const x=e.computed(()=>{if(!n.isShapeClosed||n.points.length<3)return 0;const d=n.points.map(y=>y.coords);return m(d)}),u=e.computed(()=>x.value>0),h=e.computed(()=>{const d=x.value;if(d===0)return"—";if(r.value==="km2"){const p=d/1e6;return`${At(p)} км²`}if(r.value==="ha"){const p=d/1e4;return`${At(p)} га`}const y=d>=1?Math.round(d):d;return`${At(y)} м²`}),c=e.computed(()=>{const d=n.points.length;return d===1?"1 точка":d>=2&&d<=4?`${d} точки`:`${d} точок`});return e.watch(()=>n.points.length,()=>{n.points.length===0&&(o.value=!1)}),(d,y)=>(e.openBlock(),e.createElementBlock("div",f1,[e.createElementVNode("button",g1,[e.createElementVNode("span",y1,[e.createVNode(e.unref(xn),{size:12,"stroke-width":2.5})]),y[1]||(y[1]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-600 flex-1"},"Загальна відстань",-1)),e.createElementVNode("span",h1,e.toDisplayString(f.value),1)]),e.createElementVNode("div",x1,[e.createElementVNode("button",b1,[e.createElementVNode("span",k1,[e.createVNode(e.unref(xn),{size:12,"stroke-width":2.5})]),y[2]||(y[2]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-600 flex-1"},"Площа",-1)),e.createElementVNode("div",w1,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,(p,g)=>e.createElementVNode("button",{key:p.id,type:"button",class:e.normalizeClass(["px-2.5 py-1 text-xs font-medium transition-colors border-r border-gray-200 last:border-r-0",g===0&&"rounded-l-md",g===l.length-1&&"rounded-r-md",r.value===p.id?"bg-white text-green-600 font-semibold shadow-sm":"text-gray-600 hover:bg-gray-50"]),onClick:e.withModifiers(k=>r.value=p.id,["stop"])},e.toDisplayString(p.label),11,_1)),64))])]),e.createElementVNode("div",E1,[u.value?(e.openBlock(),e.createElementBlock("span",N1,e.toDisplayString(h.value),1)):(e.openBlock(),e.createElementBlock("span",C1,"—"))])]),e.createElementVNode("div",V1,[e.createElementVNode("span",B1,[e.createVNode(e.unref(xn),{size:12,"stroke-width":2.5})]),e.createElementVNode("span",$1,e.toDisplayString(c.value),1),e.createElementVNode("button",{type:"button",class:"text-xs text-blue-500 hover:text-blue-600 font-medium transition-colors",onClick:e.withModifiers(s,["stop"])}," Координати ")]),o.value?(e.openBlock(),e.createElementBlock("div",v1,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.points,(p,g)=>(e.openBlock(),e.createBlock(m1,{key:p.id,id:p.id,index:g+1,coords:p.coords,onUpdate:y[0]||(y[0]=k=>d.$emit("update-point",k)),onDelete:k=>d.$emit("delete-point",p.id)},null,8,["id","index","coords","onDelete"]))),128))])):e.createCommentVNode("",!0)]))}}),L1={class:"px-3 py-3 bg-blue-50/50 border-b border-blue-100"},A1={class:"flex items-start gap-2"},M1=e.defineComponent({__name:"InfoHint",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",L1,[e.createElementVNode("div",A1,[e.createVNode(e.unref(xn),{size:16,"stroke-width":2,class:"text-blue-600 flex-shrink-0 mt-0.5"}),o[0]||(o[0]=e.createElementVNode("div",{class:"space-y-1"},[e.createElementVNode("p",{class:"text-xs font-medium text-blue-900"}," Натискайте на карту, щоб додати точки вимірювання "),e.createElementVNode("p",{class:"text-[10px] text-blue-700"},' Або скористайтесь кнопкою "Додати" внизу для введення координат вручну ')],-1))])]))}}),T1={class:"space-y-1.5"},F1={class:"space-y-1 max-h-40 overflow-y-auto"},D1={class:"text-gray-700"},z1={class:"font-semibold text-slate-800"},I1=e.defineComponent({__name:"ToPointList",props:{points:{},isShapeClosed:{type:Boolean}},setup(t){const n=t;function o(s,a){const i=c=>c*Math.PI/180,f=i(a.lat-s.lat),m=i(a.lng-s.lng),x=i(s.lat),u=i(a.lat);return 6371e3*(2*Math.asin(Math.sqrt(Math.sin(f/2)**2+Math.cos(x)*Math.cos(u)*Math.sin(m/2)**2)))}function r(s){return Cl(s)}const l=e.computed(()=>{const s=[],a=n.points;if(a.length<2)return s;for(let i=0;i<a.length;i++){const f=i===a.length-1&&n.isShapeClosed?0:i+1;if(f>=a.length)break;const m=o(a[i].coords,a[f].coords);s.push({from:i+1,to:f+1,label:r(m)})}return s});return(s,a)=>(e.openBlock(),e.createElementBlock("div",T1,[a[0]||(a[0]=e.createElementVNode("p",{class:"text-xs font-medium text-gray-600 mb-1.5"},"Відстань між точками:",-1)),e.createElementVNode("div",F1,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(i,f)=>(e.openBlock(),e.createElementBlock("div",{key:f,class:"flex items-center justify-between text-xs py-1 px-2 rounded bg-gray-50"},[e.createElementVNode("span",D1,"Точка "+e.toDisplayString(i.from)+" → Точка "+e.toDisplayString(i.to),1),e.createElementVNode("span",z1,e.toDisplayString(i.label),1)]))),128))])]))}}),j1={class:"ruler-panel-wrap absolute bottom-12 right-0 z-20 animate-slide-up"},P1={class:"bg-white rounded-xl shadow-2xl border border-gray-200 overflow-hidden w-72"},R1={class:"bg-gradient-to-r from-blue-400 to-blue-500 px-3 py-2 flex items-center justify-between"},O1={class:"flex items-center gap-2"},U1={class:"w-6 h-6 bg-white/20 rounded-lg flex items-center justify-center"},q1={class:"flex border-b border-gray-200"},H1={key:1,class:"px-3 py-2.5"},W1={key:1,class:"text-xs text-gray-500"},Y1={class:"px-2.5 py-1.5 bg-gray-50 border-t border-gray-200 space-y-1.5"},Z1={class:"flex gap-1.5"},G1=e.defineComponent({name:"RulerPanel",__name:"index",emits:["close","tab-change","points-change","add-request","complete","shape-closed-change"],setup(t,{expose:n,emit:o}){const r=o,l=e.ref([]),s=e.computed(()=>l.value.length>0),a=e.ref(!1),i=e.ref(!1),f=e.ref("general");function m(W){f.value=W,r("tab-change",W)}e.onMounted(()=>{r("tab-change",f.value)});const x=e.computed(()=>l.value.length>=3&&!i.value);let u=1;const h=()=>l.value.map(W=>({id:W.id,coords:{...W.coords}})),c=()=>{l.value.length<3&&i.value&&(i.value=!1,r("shape-closed-change",!1)),r("points-change",h())},d=()=>{const W=u;return u+=1,W},y=W=>{l.value=[...l.value,{id:d(),coords:{lat:W.lat,lng:W.lng}}],c()},p=({id:W,coords:K})=>{const Q=l.value.findIndex(J=>J.id===W);if(Q===-1)return;const H=[...l.value];H[Q]={id:W,coords:{...K}},l.value=H,c()},g=W=>{l.value=l.value.filter(K=>K.id!==W),c()},k=()=>{l.value=[],i.value&&(i.value=!1,r("shape-closed-change",!1)),c()},C=W=>{p(W)},$=W=>{g(W)},w=()=>{a.value=!0,r("add-request")},N=W=>{y(W),a.value=!1},E=()=>{a.value=!1},B=()=>{x.value&&(i.value=!0,r("complete"),r("shape-closed-change",!0))},M=W=>{const K=(W??[]).map(Q=>({id:Q.id??d(),coords:{...Q.coords}}));l.value=K,K.length===0?u=1:u=Math.max(...K.map(Q=>Q.id))+1,c()},D=()=>{k(),a.value=!1,r("close")};return n({addPoint:y,setPoints:M,clearPoints:k}),(W,K)=>(e.openBlock(),e.createElementBlock("div",j1,[e.createElementVNode("div",P1,[e.createElementVNode("div",R1,[e.createElementVNode("div",O1,[e.createElementVNode("div",U1,[e.createVNode(e.unref(To),{size:14,"stroke-width":2,class:"text-white"})]),K[2]||(K[2]=e.createElementVNode("h3",{class:"text-white font-semibold text-xs"},"Вимірювання",-1))]),e.createElementVNode("button",{class:"w-5 h-5 flex items-center justify-center rounded hover:bg-white/20 transition-colors","aria-label":"Закрити",onClick:D},[e.createVNode(e.unref(_t),{size:14,"stroke-width":2,class:"text-white"})])]),e.createElementVNode("div",q1,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["flex-1 px-3 py-2 text-xs font-medium transition-colors",f.value==="general"?"text-blue-600 border-b-2 border-blue-500 bg-blue-50/50":"text-gray-500 hover:text-gray-700"]),onClick:K[0]||(K[0]=Q=>m("general"))}," Загальна ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["flex-1 px-3 py-2 text-xs font-medium transition-colors",f.value==="topoint"?"text-blue-600 border-b-2 border-blue-500 bg-blue-50/50":"text-gray-500 hover:text-gray-700"]),onClick:K[1]||(K[1]=Q=>m("topoint"))}," До точки ",2)]),f.value==="general"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.value?(e.openBlock(),e.createBlock(S1,{key:1,points:l.value,"is-shape-closed":i.value,onUpdatePoint:C,onDeletePoint:$},null,8,["points","is-shape-closed"])):(e.openBlock(),e.createBlock(M1,{key:0}))],64)):(e.openBlock(),e.createElementBlock("div",H1,[s.value?(e.openBlock(),e.createBlock(I1,{key:0,points:l.value,"is-shape-closed":i.value},null,8,["points","is-shape-closed"])):(e.openBlock(),e.createElementBlock("p",W1,"Додайте точки на карті, щоб бачити відстані між ними."))])),e.createElementVNode("div",Y1,[e.createElementVNode("div",Z1,[a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(a1,{key:0,onClick:w})),x.value?(e.openBlock(),e.createBlock(i1,{key:1,onClick:B})):e.createCommentVNode("",!0)]),a.value?(e.openBlock(),e.createBlock(l1,{key:0,onSubmit:N,onCancel:E})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(s1,{key:1,onClick:k})):e.createCommentVNode("",!0)])])]))}}),st="ruler-points",yt="ruler-line",ht="ruler-polygon",xt="ruler-segments",K1=e.defineComponent({__name:"RulerLayer",props:{points:{},isShapeClosed:{type:Boolean},labelMode:{}},setup(t){function n(p,g){const k=B=>B*Math.PI/180,C=k(g.lat-p.lat),$=k(g.lng-p.lng),w=k(p.lat),N=k(g.lat);return 6371e3*(2*Math.asin(Math.sqrt(Math.sin(C/2)**2+Math.cos(w)*Math.cos(N)*Math.sin($/2)**2)))}function o(p){return Cl(p)}const r=t,{map:l,ready:s}=Pe();function a(){return{type:"FeatureCollection",features:[]}}function i(p,g,k){const C=k??"general",$=[];let w=0;$.push(0);for(let N=1;N<p.length;N++)w+=n(p[N-1].coords,p[N].coords),$.push(w);return g&&p.length>=2&&(w+=n(p[p.length-1].coords,p[0].coords)),{type:"FeatureCollection",features:p.map((N,E)=>{const B=C==="general"?E===0?"0":o($[E]):E===0?"0":o(n(p[E-1].coords,p[E].coords));return{type:"Feature",geometry:{type:"Point",coordinates:[N.coords.lng,N.coords.lat]},properties:{id:N.id,index:E+1,label:B}}})}}function f(p,g){if(p.length<2)return a();const k=[];for(let C=0;C<p.length;C++){const $=C===p.length-1&&g?0:C+1;if($>=p.length)break;const w=p[C].coords,N=p[$].coords,E=n(w,N);k.push({type:"Feature",geometry:{type:"LineString",coordinates:[[w.lng,w.lat],[N.lng,N.lat]]},properties:{distance:o(E)}})}return{type:"FeatureCollection",features:k}}function m(p,g){if(p.length<2)return a();const k=p.map(C=>[C.coords.lng,C.coords.lat]);return g&&k.push(k[0]),{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"LineString",coordinates:k},properties:{}}]}}function x(p){if(p.length<3)return a();const g=p.map(k=>[k.coords.lng,k.coords.lat]);return g.push(g[0]),{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"Polygon",coordinates:[g]},properties:{}}]}}let u=!1;function h(p){p.getSource(st)||(p.addSource(st,{type:"geojson",data:a()}),p.addLayer({id:`${st}-circle`,type:"circle",source:st,paint:{"circle-radius":5,"circle-color":"#1e293b","circle-stroke-width":2,"circle-stroke-color":"#ffffff"}}),p.addLayer({id:`${st}-labels`,type:"symbol",source:st,layout:{"text-field":["get","label"],"text-size":14,"text-offset":[0,1.3]},paint:{"text-color":"#0f172a","text-halo-color":"#ffffff","text-halo-width":1}})),p.getSource(xt)||(p.addSource(xt,{type:"geojson",data:a()}),p.addLayer({id:`${xt}-labels`,type:"symbol",source:xt,layout:{"text-field":["get","distance"],"text-size":13,"symbol-placement":"line-center","text-rotation-alignment":"map","text-pitch-alignment":"map"},paint:{"text-color":"#1e293b","text-halo-color":"#ffffff","text-halo-width":1.5}})),p.getSource(yt)||(p.addSource(yt,{type:"geojson",data:a()}),p.addLayer({id:`${yt}-layer`,type:"line",source:yt,paint:{"line-color":"#3b82f6","line-width":2}})),p.getSource(ht)||(p.addSource(ht,{type:"geojson",data:a()}),p.addLayer({id:`${ht}-layer`,type:"fill",source:ht,paint:{"fill-color":"#93c5fd","fill-opacity":.25}})),u=!0}function c(p){if(p){try{p.getLayer(`${ht}-layer`)&&p.removeLayer(`${ht}-layer`),p.getSource(ht)&&p.removeSource(ht),p.getLayer(`${yt}-layer`)&&p.removeLayer(`${yt}-layer`),p.getSource(yt)&&p.removeSource(yt),p.getLayer(`${xt}-labels`)&&p.removeLayer(`${xt}-labels`),p.getSource(xt)&&p.removeSource(xt),p.getLayer(`${st}-labels`)&&p.removeLayer(`${st}-labels`),p.getLayer(`${st}-circle`)&&p.removeLayer(`${st}-circle`),p.getSource(st)&&p.removeSource(st)}catch{}u=!1}}function d(p){if(!p)return;const g=p.getSource(st),k=p.getSource(yt),C=p.getSource(ht),$=p.getSource(xt),w=r.points,N=r.labelMode??"general";g&&g.setData(i(w,r.isShapeClosed,N)),k&&k.setData(m(w,r.isShapeClosed)),C&&C.setData(x(w)),$&&$.setData(N==="topoint"?f(w,r.isShapeClosed):a())}function y(){s().then(()=>{const p=l.value;p&&(u||h(p),d(p))})}return e.watch(()=>[r.points,r.isShapeClosed,r.labelMode],()=>y(),{deep:!0,immediate:!0}),e.onBeforeUnmount(()=>{s().then(()=>c(l.value))}),(p,g)=>null}}),X1={class:"geolocation-panel-wrap absolute bottom-12 right-0 z-20 animate-slide-up flex items-end gap-2"},Q1={class:"bg-white rounded-xl shadow-2xl border border-gray-200 overflow-hidden w-72"},J1={class:"bg-gradient-to-r from-blue-400 to-blue-500 px-3 py-2 flex items-center justify-between"},eb={class:"flex items-center gap-2"},tb=["disabled"],nb={class:"px-3 py-3 border-t border-gray-100 flex items-center justify-between gap-3"},ob={class:"text-sm font-mono text-slate-700"},rb={class:"flex items-center gap-2 shrink-0"},lb={key:0,class:"text-xs font-[100] text-gray-500"},ab=e.defineComponent({name:"GeolocationPanel",__name:"index",props:{position:{}},emits:["close","recenter"],setup(t,{emit:n}){const o=t,r=n,l=e.computed(()=>o.position!=null?o.position.lng.toFixed(6):"—"),s=e.computed(()=>o.position!=null?o.position.lat.toFixed(6):"—"),a=e.ref(!1);let i=null;function f(){if(o.position==null)return;const u=`${o.position.lat.toFixed(6)}, ${o.position.lng.toFixed(6)}`;navigator.clipboard.writeText(u).then(()=>{a.value=!0,i&&clearTimeout(i),i=setTimeout(()=>{a.value=!1,i=null},600)})}function m(){r("close")}function x(){o.position!=null&&r("recenter")}return(u,h)=>(e.openBlock(),e.createElementBlock("div",X1,[e.createElementVNode("div",Q1,[e.createElementVNode("div",J1,[e.createElementVNode("div",eb,[e.createElementVNode("button",{type:"button",class:"w-6 h-6 bg-white/20 rounded-lg flex items-center justify-center hover:bg-white/30 transition-colors disabled:opacity-50 disabled:cursor-not-allowed","aria-label":"Центрувати на моєму місці",disabled:t.position==null,onClick:x},[e.createVNode(e.unref(bn),{size:14,"stroke-width":2,class:"text-white"})],8,tb),h[0]||(h[0]=e.createElementVNode("h3",{class:"text-white font-semibold text-xs"},"Ваше розташування",-1))]),e.createElementVNode("button",{type:"button",class:"w-5 h-5 flex items-center justify-center rounded hover:bg-white/20 transition-colors","aria-label":"Закрити",onClick:m},[e.createVNode(e.unref(_t),{size:14,"stroke-width":2,class:"text-white"})])]),e.createElementVNode("div",nb,[e.createElementVNode("div",null,[h[4]||(h[4]=e.createElementVNode("p",{class:"text-xs font-medium text-gray-500 mb-1"},"Координати",-1)),e.createElementVNode("p",ob,[h[1]||(h[1]=e.createElementVNode("span",{class:"text-gray-500"},"x:",-1)),e.createTextVNode(" "+e.toDisplayString(l.value)+" ",1),h[2]||(h[2]=e.createElementVNode("br",null,null,-1)),h[3]||(h[3]=e.createElementVNode("span",{class:"text-gray-500"},"y:",-1)),e.createTextVNode(" "+e.toDisplayString(s.value),1)])]),e.createElementVNode("div",rb,[a.value?(e.openBlock(),e.createElementBlock("span",lb," Скопійовано! ")):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:"flex items-center justify-center w-9 h-9 rounded-xl border border-gray-200 text-gray-500 hover:bg-gray-50 hover:text-gray-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/50 focus-visible:ring-offset-1","aria-label":"Копіювати координати",onClick:f},[e.createVNode(e.unref(Ol),{size:18,"stroke-width":2})])])])])]))}}),bt="geolocation-marker",sb=e.defineComponent({__name:"GeolocationMarkerLayer",props:{position:{}},setup(t){const n=t,{map:o,ready:r}=Pe();let l=!1;function s(){return{type:"FeatureCollection",features:[]}}function a(u){return{type:"Feature",geometry:{type:"Point",coordinates:[u.lng,u.lat]},properties:{}}}function i(u){u.getSource(bt)||(u.addSource(bt,{type:"geojson",data:s()}),u.addLayer({id:`${bt}-circle`,type:"circle",source:bt,paint:{"circle-radius":6,"circle-color":"#3b82f6","circle-stroke-width":2,"circle-stroke-color":"#dddddd"}}),l=!0)}function f(u){try{u.getLayer(`${bt}-circle`)&&u.removeLayer(`${bt}-circle`),u.getSource(bt)&&u.removeSource(bt)}catch{}l=!1}function m(u){const h=u.getSource(bt);if(h){if(n.position==null){h.setData(s());return}h.setData({type:"FeatureCollection",features:[a(n.position)]})}}function x(){r().then(()=>{const u=o.value;if(u){if(n.position==null){l&&f(u);return}l||i(u),m(u)}})}return e.watch(()=>n.position,()=>x(),{deep:!0,immediate:!0}),e.onBeforeUnmount(()=>{r().then(()=>f(o.value))}),(u,h)=>null}}),ib={class:"animate-slide-up"},cb={class:"bg-white rounded-xl shadow-2xl border border-gray-200 overflow-hidden w-72"},db={class:"bg-gradient-to-r from-blue-400 to-blue-500 px-3 py-2 flex items-center justify-between"},ub={class:"flex items-center gap-2"},pb={class:"w-6 h-6 bg-white/20 rounded-lg flex items-center justify-center"},mb={class:"px-3 py-2.5 border-b border-gray-200"},fb={class:"flex gap-1 flex-nowrap"},gb=["title","onClick"],yb={class:"px-3 py-2.5 border-b border-gray-200"},hb={class:"flex items-center gap-4"},xb={class:"flex items-center gap-2 cursor-pointer shrink-0"},bb={class:"flex items-center gap-2 cursor-pointer flex-1 min-w-0"},kb={class:"px-2.5 py-1.5 bg-gray-50 border-t border-gray-200 space-y-1.5"},wb={class:"flex items-center gap-1.5"},_b=ye(e.defineComponent({name:"DrawingPanel",__name:"index",emits:["close","clear","download","finish-polygon","undo","update:tool","update:stroke-color","update:stroke-width"],setup(t,{expose:n,emit:o}){const r=o,l=[{id:"pen",icon:kn,title:"Олівець"},{id:"line",icon:Kl,title:"Лінія"},{id:"rect",icon:ta,title:"Прямокутник"},{id:"circle",icon:Lo,title:"Коло"},{id:"polygon",icon:Mo,title:"Полігон"},{id:"paint",icon:Xl,title:"Балончик"},{id:"eraser",icon:Wl,title:"Стирачка"}],s=e.ref("pen"),a=e.ref("#2563eb"),i=e.ref(3),f=()=>r("update:stroke-color",a.value),m=()=>r("update:stroke-width",i.value);e.watch(s,y=>r("update:tool",y)),e.watch(a,y=>r("update:stroke-color",y)),e.watch(i,y=>r("update:stroke-width",y));function x(){r("close")}function u(){r("undo")}function h(){r("finish-polygon")}function c(){r("clear")}function d(){r("download")}return n({tool:s,strokeColor:a,strokeWidth:i}),(y,p)=>(e.openBlock(),e.createElementBlock("div",ib,[e.createElementVNode("div",cb,[e.createElementVNode("div",db,[e.createElementVNode("div",ub,[e.createElementVNode("div",pb,[e.createVNode(e.unref(kn),{size:14,"stroke-width":2,class:"text-white"})]),p[2]||(p[2]=e.createElementVNode("h3",{class:"text-white font-semibold text-xs"},"Малювання",-1))]),e.createElementVNode("button",{type:"button",class:"w-5 h-5 flex items-center justify-center rounded hover:bg-white/20 transition-colors","aria-label":"Закрити",onClick:x},[e.createVNode(e.unref(_t),{size:14,"stroke-width":2,class:"text-white"})])]),e.createElementVNode("section",mb,[p[3]||(p[3]=e.createElementVNode("span",{class:"block text-[11px] font-semibold text-gray-500 uppercase tracking-wider mb-2"}," Інструмент ",-1)),e.createElementVNode("div",fb,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,g=>e.createElementVNode("button",{key:g.id,type:"button",class:e.normalizeClass(["w-8 h-8 shrink-0 flex items-center justify-center rounded-lg border transition-all",s.value===g.id?"bg-blue-50 text-blue-600 border-blue-200 ring-2 ring-blue-200":"bg-gray-50 text-gray-500 border-gray-200 hover:bg-gray-100 hover:text-gray-700 hover:border-gray-300"]),title:g.title,onClick:k=>s.value=g.id},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.icon),{size:16,"stroke-width":2}))],10,gb)),64))])]),e.createElementVNode("section",yb,[p[6]||(p[6]=e.createElementVNode("span",{class:"block text-[11px] font-semibold text-gray-500 uppercase tracking-wider mb-2"}," Стиль ",-1)),e.createElementVNode("div",hb,[e.createElementVNode("label",xb,[p[4]||(p[4]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-600"},"Колір",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=g=>a.value=g),type:"color",class:"w-9 h-9 p-0.5 border-2 border-gray-200 rounded-lg cursor-pointer bg-white [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-none [&::-webkit-color-swatch]:rounded-md",onChange:f},null,544),[[e.vModelText,a.value]])]),e.createElementVNode("label",bb,[p[5]||(p[5]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-600 shrink-0 w-14"},"Товщина",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[1]||(p[1]=g=>i.value=g),type:"range",min:"1",max:"12",class:"drawing-panel-range w-full min-w-[100px] h-2 bg-gray-200 rounded-full appearance-none cursor-pointer",onInput:m},null,544),[[e.vModelText,i.value,void 0,{number:!0}]])])])]),e.createElementVNode("footer",kb,[e.createElementVNode("div",wb,[e.createElementVNode("button",{type:"button",class:"w-9 h-9 shrink-0 flex items-center justify-center rounded-lg bg-gray-100 text-gray-700 hover:bg-gray-200 transition-colors",title:"Відкотити дію","aria-label":"Відкотити дію",onClick:u},[e.createVNode(e.unref(oa),{size:14,"stroke-width":2})]),e.createElementVNode("button",{type:"button",class:"flex-1 flex items-center justify-center gap-1.5 px-2 py-2 text-xs font-medium rounded-lg bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700 transition-colors",onClick:c},[e.createVNode(e.unref(On),{size:14,"stroke-width":2}),p[7]||(p[7]=e.createTextVNode(" Очистити ",-1))])]),s.value==="polygon"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"w-full flex items-center justify-center gap-2 px-3 py-2 text-xs font-medium rounded-lg bg-blue-50 text-blue-600 hover:bg-blue-100 transition-colors",onClick:h},[e.createVNode(e.unref(Mo),{size:14,"stroke-width":2}),p[8]||(p[8]=e.createTextVNode(" Замкнути полігон ",-1))])):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:"w-full flex items-center justify-center gap-2 px-3 py-2 text-xs font-medium rounded-lg bg-gradient-to-r from-blue-400 to-blue-500 text-white shadow-sm hover:brightness-105 transition-[filter]",onClick:d},[e.createVNode(e.unref(Hl),{size:14,"stroke-width":2}),p[9]||(p[9]=e.createTextVNode(" Завантажити як фото ",-1))])])])]))}}),[["__scopeId","data-v-4cee5a30"]]),Eb=ye(e.defineComponent({name:"DrawingCanvas",__name:"DrawingCanvas",props:{tool:{default:"pen"},strokeColor:{default:"#2563eb"},strokeWidth:{default:3}},setup(t,{expose:n}){const o=e.ref(null),r=e.ref(null),l=e.ref(null),s=e.ref({x:0,y:0}),a=e.ref(!1),i=t,f=e.computed(()=>Math.max(i.strokeWidth*3,12)),m=e.computed(()=>{const _=f.value*2;return{width:`${_}px`,height:`${_}px`,left:`${s.value.x}px`,top:`${s.value.y}px`,marginLeft:`-${f.value}px`,marginTop:`-${f.value}px`}}),{ready:x}=Pe(),u=e.ref(!1),h=e.ref([]),c=e.ref([]);let d=0,y=0,p=0,g=0,k=null;function C(){const _=r.value,S=l.value,z=o.value;if(!_||!z)return;const I=z.parentElement;if(!I)return;const G=I.clientWidth,ne=I.clientHeight;if(G<=0||ne<=0)return;const oe=window.devicePixelRatio||1;_.width=G*oe,_.height=ne*oe,_.style.width=`${G}px`,_.style.height=`${ne}px`;const ae=_.getContext("2d");if(ae&&ae.scale(oe,oe),S){S.width=G*oe,S.height=ne*oe,S.style.width=`${G}px`,S.style.height=`${ne}px`;const xe=S.getContext("2d");xe&&xe.scale(oe,oe)}}function $(_){const S=r.value;if(!S)return{x:0,y:0};const z=S.getBoundingClientRect();return{x:_.clientX-z.left,y:_.clientY-z.top}}function w(){const _=r.value;return _?_.getContext("2d"):null}function N(){const _=l.value;return _?_.getContext("2d"):null}function E(){const _=l.value;if(!_)return;const S=window.devicePixelRatio||1,z=_.getContext("2d");z&&z.clearRect(0,0,_.width/S,_.height/S)}function B(){const _=N();if(_){if(E(),_.globalCompositeOperation="source-over",_.strokeStyle=i.strokeColor,_.lineWidth=i.strokeWidth,_.lineCap="round",_.lineJoin="round",i.tool==="line")_.beginPath(),_.moveTo(d,y),_.lineTo(p,g),_.stroke();else if(i.tool==="rect"){const S=Math.min(d,p),z=Math.min(y,g),I=Math.abs(p-d),G=Math.abs(g-y);_.strokeRect(S,z,I,G)}else if(i.tool==="circle"){const S=Math.sqrt((p-d)**2+(g-y)**2);_.beginPath(),_.arc(d,y,Math.max(S,1),0,2*Math.PI),_.stroke()}else if(i.tool==="polygon"&&h.value.length>0){const S=h.value;_.beginPath(),_.moveTo(S[0].x,S[0].y);for(let z=1;z<S.length;z++)_.lineTo(S[z].x,S[z].y);_.lineTo(p,g),_.stroke()}}}function M(_){_.strokeStyle=i.strokeColor,_.lineWidth=i.strokeWidth,_.lineCap="round",_.lineJoin="round"}function D(){const _=r.value;if(!_)return;const S=_.getContext("2d");if(!S)return;const z=S.getImageData(0,0,_.width,_.height);c.value=[...c.value.slice(-19),z]}function W(_){if(!r.value)return;const{x:S,y:z}=$(_);d=S,y=z,p=S,g=z;const I=w();if(I){if(i.tool==="pen"||i.tool==="eraser"){D(),u.value=!0,i.tool==="eraser"?(I.globalCompositeOperation="destination-out",I.lineWidth=Math.max(i.strokeWidth*3,12)):(I.globalCompositeOperation="source-over",M(I)),I.beginPath(),I.moveTo(S,z);return}if(i.tool==="paint"){D(),u.value=!0,I.globalCompositeOperation="source-over",I.fillStyle=i.strokeColor,J(I,S,z);return}if(i.tool==="line"||i.tool==="rect"||i.tool==="circle"){D(),u.value=!0;return}if(i.tool==="polygon"){h.value=[...h.value,{x:S,y:z}],p=S,g=z,B();return}}}function K(_){const{x:S,y:z}=$(_);p=S,g=z,i.tool==="eraser"&&(s.value={x:_.clientX,y:_.clientY},a.value=!0);const I=w();if(I){if(i.tool==="pen"&&u.value){I.globalCompositeOperation="source-over",M(I),I.lineTo(S,z),I.stroke();return}if(i.tool==="eraser"&&u.value){I.globalCompositeOperation="destination-out",I.lineWidth=Math.max(i.strokeWidth*3,12),I.lineTo(S,z),I.stroke();return}if(i.tool==="paint"&&u.value){I.globalCompositeOperation="source-over",I.fillStyle=i.strokeColor,J(I,S,z);return}u.value&&(i.tool==="line"||i.tool==="rect"||i.tool==="circle")&&B(),i.tool==="polygon"&&h.value.length>0&&B()}}function Q(){a.value=!1}function H(){i.tool==="polygon"&&T()}function J(_,S,z){const I=Math.max(i.strokeWidth*2.5,8),G=12+Math.floor(i.strokeWidth);for(let ne=0;ne<G;ne++){const oe=Math.random()*2*Math.PI,ae=I*Math.random(),xe=S+Math.cos(oe)*ae,we=z+Math.sin(oe)*ae,P=1+Math.random()*2;_.beginPath(),_.arc(xe,we,P,0,2*Math.PI),_.fill()}}function O(){if(!u.value)return;const _=w();if(!_){u.value=!1;return}if(i.tool==="paint"){E(),u.value=!1,_.globalCompositeOperation="source-over";return}if(i.tool==="line")_.globalCompositeOperation="source-over",M(_),_.beginPath(),_.moveTo(d,y),_.lineTo(p,g),_.stroke();else if(i.tool==="rect"){_.globalCompositeOperation="source-over",M(_);const S=Math.min(d,p),z=Math.min(y,g),I=Math.abs(p-d),G=Math.abs(g-y);_.strokeRect(S,z,I,G)}else if(i.tool==="circle"){_.globalCompositeOperation="source-over",M(_);const S=Math.sqrt((p-d)**2+(g-y)**2);_.beginPath(),_.arc(d,y,Math.max(S,1),0,2*Math.PI),_.stroke()}E(),u.value=!1,_.globalCompositeOperation="source-over"}function T(){const _=w(),S=h.value;if(!_||S.length<2){h.value=[],E();return}D(),_.globalCompositeOperation="source-over",M(_),_.beginPath(),_.moveTo(S[0].x,S[0].y);for(let z=1;z<S.length;z++)_.lineTo(S[z].x,S[z].y);_.closePath(),_.stroke(),h.value=[],E(),_.globalCompositeOperation="source-over"}function F(){const _=r.value;if(!_||c.value.length===0)return;const S=_.getContext("2d");if(!S)return;const z=c.value[c.value.length-1];c.value=c.value.slice(0,-1),S.putImageData(z,0,0)}function X(){const _=r.value;if(!_)return;const S=_.getContext("2d");if(!S)return;const z=window.devicePixelRatio||1;S.clearRect(0,0,_.width/z,_.height/z),h.value=[],c.value=[],E()}function v(){return r.value}return e.watch(()=>i.tool,(_,S)=>{S==="polygon"&&_!=="polygon"&&(h.value=[],E())}),e.onMounted(()=>{x().then(()=>{var S;C();const _=(S=o.value)==null?void 0:S.parentElement;_&&typeof ResizeObserver<"u"&&(k=new ResizeObserver(C),k.observe(_))})}),e.onBeforeUnmount(()=>{k==null||k.disconnect(),k=null}),n({clear:X,getCanvas:v,finishPolygon:T,undo:F,canUndo:()=>c.value.length>0}),(_,S)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapRef",ref:o,class:e.normalizeClass(["drawing-canvas-wrap",{"drawing-canvas-wrap--eraser":t.tool==="eraser"}]),onMousedown:W,onMousemove:K,onMouseup:O,onDblclick:H,onMouseleave:S[0]||(S[0]=()=>{Q(),O()})},[e.createElementVNode("canvas",{ref_key:"canvasRef",ref:r,class:"drawing-canvas"},null,512),e.createElementVNode("canvas",{ref_key:"previewRef",ref:l,class:"drawing-canvas drawing-canvas--preview"},null,512),e.withDirectives(e.createElementVNode("div",{class:"drawing-canvas__eraser-cursor",style:e.normalizeStyle(m.value)},null,4),[[e.vShow,t.tool==="eraser"&&a.value]])],34))}}),[["__scopeId","data-v-ed2688bc"]]),Nb={key:2,class:"absolute bottom-16 right-4 z-[100] pointer-events-auto"},Cb={key:3,class:"absolute bottom-4 right-4 z-[80] flex items-end gap-2"},Vb={class:"absolute top-[103px] right-[6.5px] z-[80] flex flex-col items-end gap-1"},Bb=["aria-label","disabled"],$b={class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},vb=["aria-label"],Sb={class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},Lb=["aria-label"],Ab={class:"absolute right-full mr-3 px-1.5 py-0.5 bg-gray-700 text-white text-[0.75rem] font-medium rounded-md opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap","aria-hidden":"true"},Mb={class:"map-widget__overlay-grid"},Tb={key:0,id:"map-filter-popover-host",class:"map-widget__filter-host"},Fb={key:1,class:"map-widget__stack-wrapper map-widget__stack-wrapper--top"},Db={class:"map-widget__stack"},zb={key:2,class:"map-widget__stack-wrapper map-widget__stack-wrapper--bottom xl:mb-5 mb-2"},Ib={class:"map-widget__stack map-widget__stack--bottom"},jb={key:0,class:"map-widget__state"},Pb={key:1,class:"map-widget__state map-widget__state--error"},Dn=ye(e.defineComponent({__name:"MapWidget",props:{id:{},height:{},minZoom:{},maxZoom:{},data:{}},setup(t){var In,Gt,mn,fn;const n=t,o=Fe.useRoute(),r=Fe.useRouter(),l=e.ref(null),s=e.ref({}),a=e.ref(null),i=e.ref(!1),f=e.ref(null),m=e.ref(!1),x=e.ref([]),u=e.ref(null),h=e.computed(()=>u.value==="ruler"),c=e.computed(()=>u.value==="draw"),d=e.computed(()=>u.value==="geolocation"),y=e.ref("general"),p=e.ref(null),g=e.ref(null),k=e.ref(null),C=e.ref("pen"),$=e.ref("#2563eb"),w=e.ref(3),N=e.ref([]),E=e.ref(!1),B=e.ref(null),M=e.ref(!1),D=e.ref(null),W=e.computed(()=>n.id||"main"),K=e.computed(()=>{var R,te;return{height:((R=n.height)==null?void 0:R.trim())||((te=s.value)==null?void 0:te.height)||"calc(100vh - 65px)"}}),Q=e.computed(()=>{var R;return((R=s.value)==null?void 0:R.name)??null}),H=e.computed(()=>{var R;return((R=s.value)==null?void 0:R.description)??null}),J=e.computed(()=>{var R;return xe((R=s.value)==null?void 0:R.maps)}),O=e.computed(()=>{var te,ge;const R=((te=s.value)==null?void 0:te.minZoom)??((ge=s.value)==null?void 0:ge.minzoom)??null;return typeof R=="number"?R:null}),T=e.computed(()=>{var te,ge;const R=((te=s.value)==null?void 0:te.maxZoom)??((ge=s.value)==null?void 0:ge.maxzoom)??null;return typeof R=="number"?R:typeof n.maxZoom=="number"?n.maxZoom:20}),F=e.ref(null),X=e.computed(()=>{if(!F.value)return null;const{lng:R,lat:te}=F.value;return`${te.toFixed(6)}, ${R.toFixed(6)}`}),v=e.computed(()=>{var R;return((R=l.value)==null?void 0:R.ctx)??null}),_=e.computed(()=>{var R;return((R=s.value)==null?void 0:R.minimap)??null});function S(R){if(!R||typeof R!="object")return R;const te=St(R.center);return te?{...R,center:te}:R}const z=((Gt=(In=e.getCurrentInstance())==null?void 0:In.appContext.config.globalProperties)==null?void 0:Gt.$settings)||null;function I(R){if(R==null)return null;const te=Number(typeof R=="string"?R.trim():R);return Number.isFinite(te)?te:null}const G=St((mn=z==null?void 0:z.map)==null?void 0:mn.center),ne=I((fn=z==null?void 0:z.map)==null?void 0:fn.zoom),oe=e.computed(()=>{const R=(z==null?void 0:z.map)||null,te=(R==null?void 0:R.boundary)??null,ge=(R==null?void 0:R.katottg)??null;return!te&&!ge?null:{boundary:te,katottg:ge}});function ae(R){return typeof R=="string"&&R.trim()?R.trim().toLowerCase():"top-left"}function xe(R){return Array.isArray(R)?R:R&&typeof R=="object"?Object.values(R).filter(Boolean):[]}const we=e.computed(()=>{var R;return xe((R=s.value)==null?void 0:R.widgets)}),P=e.computed(()=>we.value.some(R=>(R==null?void 0:R.type)==="basemaps")),ee=["left","right"],b=e.computed(()=>{const R={left:{top:[],bottom:[]},right:{top:[],bottom:[]}},te={"top-left":{side:"left",align:"top"},"bottom-left":{side:"left",align:"bottom"},"top-right":{side:"right",align:"top"},"bottom-right":{side:"right",align:"bottom"}};return we.value.forEach(ge=>{const Ce=ae(ge.position),ue=te[Ce]??{side:"left",align:"top"};R[ue.side][ue.align].push(ge)}),R});function A(R){return Array.isArray(R)?R[0]??null:typeof R=="string"?R:null}async function Z(){var te;await e.nextTick();const R=(te=l.value)==null?void 0:te.ctx;return R?(R.ready&&await R.ready(),R):null}function le(){var R,te,ge;return((ge=(te=(R=l.value)==null?void 0:R.ctx)==null?void 0:te.map)==null?void 0:ge.value)??null}function fe(){const R=le();if(!R)return null;const te=R.getCenter();return{z:R.getZoom().toFixed(2),x:te.lng.toFixed(5),y:te.lat.toFixed(5)}}async function ie(){var ge;const R=await Z(),te=(ge=R==null?void 0:R.map)==null?void 0:ge.value;te&&(typeof O.value=="number"&&te.setMinZoom(O.value),typeof T.value=="number"&&te.setMaxZoom(T.value))}async function Be(){var ue;if(a.value)return;const R=await Z(),te=(ue=R==null?void 0:R.map)==null?void 0:ue.value;if(!te)return;const ge=te.getCenter(),Ce=te.getZoom();a.value={center:[ge.lng,ge.lat],zoom:Ce}}function $e(){if(Mt.value)return;const R=fe();if(!R)return;const te=A(o.query.x),ge=A(o.query.y),Ce=A(o.query.z);te===R.x&&ge===R.y&&Ce===R.z||(Tt.value=R,r.replace({query:{...o.query,...R}}).catch(()=>{}))}function Re(R,te,ge=1e-6){return Math.abs(R-te)<=ge}async function De(){var Ae;if(Zt())return;const R=await Z(),te=(Ae=R==null?void 0:R.map)==null?void 0:Ae.value;if(!R||!te)return;const ge=parseFloat(A(o.query.x)??""),Ce=parseFloat(A(o.query.y)??""),ue=parseFloat(A(o.query.z)??""),Le=!Number.isNaN(ge),Ve=!Number.isNaN(Ce),ce=!Number.isNaN(ue);let ve=!1;Mt.value=!0;try{if(Le&&Ve){const ze=te.getCenter();(!Re(ze.lng,ge)||!Re(ze.lat,Ce))&&(te.setCenter([ge,Ce]),ve=!0)}if(ce){const ze=te.getZoom();Re(ze,ue,.001)||(te.setZoom(ue),ve=!0)}(!Le||!Ve||!ce||ve)&&$e()}finally{Mt.value=!1}}let Ue=null,tt=null;const Mt=e.ref(!1),Tt=e.ref(null);function Zt(){const R=Tt.value;if(!R)return!1;const te=A(o.query.x),ge=A(o.query.y),Ce=A(o.query.z);return te===R.x&&ge===R.y&&Ce===R.z?(Tt.value=null,!0):!1}function Ft(R){const te=R==null?void 0:R.lngLat;te&&(F.value={lng:te.lng,lat:te.lat})}let ut=null;function dn(R){var ge;if(!x.value.includes("ruler")||!h.value)return;const te=R==null?void 0:R.lngLat;te&&((ge=p.value)==null||ge.addPoint({lat:te.lat,lng:te.lng}))}function un(){var R;u.value==="ruler"?(N.value=[],E.value=!1,(R=p.value)==null||R.clearPoints(),u.value=null):(B.value=null,D.value=null,u.value="ruler")}function Bt(){u.value=null,N.value=[],E.value=!1}function pn(){u.value==="draw"?u.value=null:(B.value=null,D.value=null,u.value="draw")}function j(){if(u.value==="geolocation"&&B.value!=null){q();return}if(D.value=null,M.value=!0,!navigator.geolocation){D.value="Геолокація не підтримується браузером",M.value=!1;return}navigator.geolocation.getCurrentPosition(R=>{const te=R.coords.latitude,ge=R.coords.longitude;B.value={lat:te,lng:ge},D.value=null,M.value=!1,u.value="geolocation",Z().then(Ce=>{Ce!=null&&Ce.flyTo&&Ce.flyTo({center:[ge,te],zoom:15})})},()=>{D.value="Не вдалося визначити місце розташування",M.value=!1},{enableHighAccuracy:!0})}function Y(){u.value=null,B.value=null,D.value=null}function q(){const R=B.value;R!=null&&Z().then(te=>{te!=null&&te.flyTo&&te.flyTo({center:[R.lng,R.lat],zoom:15})})}function se(R){N.value=R}function pe(){var R;(R=k.value)==null||R.clear()}function be(){var R;(R=k.value)==null||R.finishPolygon()}function Ne(){var R;(R=k.value)==null||R.undo()}function _e(){var ue,Le,Ve,ce;const R=(Ve=(Le=(ue=l.value)==null?void 0:ue.ctx)==null?void 0:Le.map)==null?void 0:Ve.value,te=(ce=k.value)==null?void 0:ce.getCanvas();if(!R||!te)return;const ge=(ve,Ae)=>{const ze=document.createElement("a");ze.download=Ae,ze.rel="noopener",typeof ve=="string"?ze.href=ve:(ze.href=URL.createObjectURL(ve),setTimeout(()=>URL.revokeObjectURL(ze.href),100)),document.body.appendChild(ze),ze.click(),document.body.removeChild(ze)},Ce=()=>{const ve=R.getCanvas();if(!ve)return;const Ae=ve.width,ze=ve.height;if(Ae<=0||ze<=0)return;const rt=document.createElement("canvas");rt.width=Ae,rt.height=ze;const pt=rt.getContext("2d");if(!pt)return;pt.drawImage(ve,0,0),pt.drawImage(te,0,0,te.width,te.height,0,0,Ae,ze);const je=`map-drawing-${Date.now()}.png`;rt.toBlob(ft=>{if(ft){ge(ft,je);return}try{const Xe=rt.toDataURL("image/png");ge(Xe,je)}catch{const Xe=document.createElement("canvas");Xe.width=te.width,Xe.height=te.height;const wt=Xe.getContext("2d");wt&&(wt.drawImage(te,0,0),Xe.toBlob(jn=>jn&&ge(jn,je),"image/png"))}},"image/png")};requestAnimationFrame(()=>requestAnimationFrame(Ce))}async function it(){const R=await Z();R!=null&&R.on&&(Ue==null||Ue(),Ue=R.on("moveend",$e),tt==null||tt(),tt=R.on("mousemove",Ft),ut==null||ut(),ut=R.on("click",dn))}e.onUnmounted(()=>{Ue==null||Ue(),Ue=null,tt==null||tt(),tt=null,ut==null||ut(),ut=null});async function ot(R=!1){var ge,Ce;m.value=!1,f.value=null,F.value=null;const te=R||!n.data;i.value=te;try{const ue=te?await(async()=>{const Ae=await fetch(`/api/gis-map/${encodeURIComponent(W.value)}`);if(!Ae.ok)throw new Error(`Помилка завантаження (${Ae.status})`);return Ae.json()})():n.data;te||(m.value=!0);const Le=St(ue.center)??G,Ve=xe(ue.layers).map(Ae=>S(Ae)),ce=I(ue.zoom)??ne;s.value={...ue,center:Le??null,zoom:ce??ue.zoom??null,layers:Ve,widgets:ue.widgets},x.value=ue.tools||["home","print","ruler","draw"];const ve=await Z();ve&&(Le&&((ge=ve.setCenter)==null||ge.call(ve,Le)),ce!=null&&((Ce=ve.setZoom)==null||Ce.call(ve,ce)),a.value||await Be()),await ie(),await De(),await it(),m.value=!0}catch(ue){f.value=(ue==null?void 0:ue.message)||"Не вдалося завантажити карту"}finally{te&&(i.value=!1)}}const Ze=e.computed(()=>{var Ce;const R=new Map;return xe((Ce=s.value)==null?void 0:Ce.layers).forEach(ue=>{if(!(ue!=null&&ue.id))return;const Le=S(ue)||ue;R.set(ue.id,{...Le})}),we.value.filter(ue=>(ue==null?void 0:ue.type)==="layers").flatMap(ue=>{var Le;return xe((Le=ue==null?void 0:ue.config)==null?void 0:Le.layers)}).forEach(ue=>{if(!(ue!=null&&ue.id))return;const Le=R.get(ue.id)||{},Ve=S(ue)||ue;R.set(ue.id,{...Le,...Ve,actions:ue.actions||Le.actions||null,name:Le.name||ue.name||ue.title||Le.title||ue.id,title:Le.title||ue.title||Le.name||null,visible:Le.visible??ue.visible??!0})}),Array.from(R.values())}),ct=e.ref([]);function kt(R){ct.value.includes(R)?ct.value=ct.value.filter(te=>te!==R):ct.value.push(R)}const zn=e.computed(()=>R=>ct.value.includes(R.id));return e.watch([O,T],()=>{ie()},{immediate:!0}),e.watch(W,()=>{ot(!0)}),e.watch(()=>n.data,R=>{R&&ot()}),e.onMounted(()=>{ot()}),e.watch(()=>[o.query.x,o.query.y,o.query.z],()=>{De()}),(R,te)=>(e.openBlock(),e.createElementBlock("div",{class:"map-widget",style:e.normalizeStyle(K.value)},[te[8]||(te[8]=e.createElementVNode("div",{id:"map-filter-popover-host",class:"map-widget__filter-host"},null,-1)),e.createVNode($n,{ref_key:"mapViewRef",ref:l,class:"map-widget__view"},{default:e.withCtx(()=>{var ge,Ce,ue,Le;return[P.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Yt,{key:0,class:"hidden"})),oe.value?(e.openBlock(),e.createBlock(dl,{key:1,"layer-id":"app-boundary",boundary:oe.value.boundary,katottg:oe.value.katottg},null,8,["boundary","katottg"])):e.createCommentVNode("",!0),v.value&&x.value.includes("draw")&&c.value?(e.openBlock(),e.createElementBlock("div",Nb,[e.createVNode(_b,{ref_key:"drawingPanelRef",ref:g,onClose:te[0]||(te[0]=Ve=>u.value=null),onClear:pe,onDownload:_e,onFinishPolygon:be,onUndo:Ne,"onUpdate:tool":te[1]||(te[1]=Ve=>C.value=Ve),"onUpdate:strokeColor":te[2]||(te[2]=Ve=>$.value=Ve),"onUpdate:strokeWidth":te[3]||(te[3]=Ve=>w.value=Ve)},null,512)])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("div",Cb,[X.value?(e.openBlock(),e.createBlock(Jx,{key:0,coordinates:X.value},null,8,["coordinates"])):e.createCommentVNode("",!0),e.createVNode(n1,{"map-context":v.value,options:_.value},null,8,["map-context","options"]),x.value.includes("ruler")&&h.value?(e.openBlock(),e.createBlock(G1,{key:1,ref_key:"rulerPanelRef",ref:p,onClose:Bt,onTabChange:te[4]||(te[4]=Ve=>y.value=Ve),onPointsChange:se,onShapeClosedChange:te[5]||(te[5]=Ve=>E.value=Ve)},null,512)):e.createCommentVNode("",!0),x.value.includes("geolocation")&&d.value?(e.openBlock(),e.createBlock(ab,{key:2,position:B.value,onClose:Y,onRecenter:q},null,8,["position"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Vb,[x.value.includes("home")?(e.openBlock(),e.createBlock(Lt,{key:0,center:((ge=s.value)==null?void 0:ge.center)||((Ce=a.value)==null?void 0:Ce.center)||null,zoom:((ue=s.value)==null?void 0:ue.zoom)??((Le=a.value)==null?void 0:Le.zoom)??null},null,8,["center","zoom"])):e.createCommentVNode("",!0),x.value.includes("print")?(e.openBlock(),e.createBlock(Kx,{key:1})):e.createCommentVNode("",!0),x.value.includes("geolocation")?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:e.normalizeClass(["group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2",d.value?"bg-blue-500 text-white hover:bg-blue-600":"bg-white text-gray-700 hover:bg-gray-50 hover:scale-105"]),"aria-label":d.value?"Вимкнути геолокацію":"Ваше розташування",disabled:M.value,onClick:e.withModifiers(j,["stop"])},[e.createElementVNode("span",$b,e.toDisplayString(d.value?"Вимкнути геолокацію":"Ваше розташування"),1),e.createVNode(e.unref(bn),{class:"w-4 h-4"})],10,Bb)):e.createCommentVNode("",!0),x.value.includes("ruler")?(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:e.normalizeClass(["group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2",h.value?"bg-blue-500 text-white hover:bg-blue-600":"bg-white text-gray-700 hover:bg-gray-50 hover:scale-105"]),"aria-label":h.value?"Вимкнути вимірювання":"Вимірювання",onClick:e.withModifiers(un,["stop"])},[e.createElementVNode("span",Sb,e.toDisplayString(h.value?"Вимкнути вимірювання":"Вимірювання"),1),e.createVNode(e.unref(To),{class:"w-4 h-4"})],10,vb)):e.createCommentVNode("",!0),x.value.includes("draw")?(e.openBlock(),e.createElementBlock("button",{key:4,type:"button",class:e.normalizeClass(["group relative flex items-center justify-center w-9 h-9 rounded-xl shadow-lg transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60 focus-visible:ring-offset-2",c.value?"bg-blue-500 text-white hover:bg-blue-600":"bg-white text-gray-700 hover:bg-gray-50 hover:scale-105"]),"aria-label":c.value?"Вимкнути малювання":"Малювання",onClick:e.withModifiers(pn,["stop"])},[e.createElementVNode("span",Ab,e.toDisplayString(c.value?"Вимкнути малювання":"Малювання"),1),e.createVNode(e.unref(kn),{class:"w-4 h-4"})],10,Lb)):e.createCommentVNode("",!0)]),m.value&&h.value&&N.value.length>0?(e.openBlock(),e.createBlock(K1,{key:4,points:N.value,"is-shape-closed":E.value,"label-mode":y.value},null,8,["points","is-shape-closed","label-mode"])):e.createCommentVNode("",!0),m.value&&B.value!=null?(e.openBlock(),e.createBlock(sb,{key:5,position:B.value},null,8,["position"])):e.createCommentVNode("",!0),m.value&&c.value?(e.openBlock(),e.createBlock(Eb,{key:6,ref_key:"drawingCanvasRef",ref:k,tool:C.value,"stroke-color":$.value,"stroke-width":w.value},null,8,["tool","stroke-color","stroke-width"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[e.createElementVNode("div",Mb,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(ee,Ve=>e.createElementVNode("div",{key:Ve,class:e.normalizeClass(["map-widget__side",`map-widget__side--${Ve}`])},[Ve==="left"?(e.openBlock(),e.createElementBlock("div",Tb)):e.createCommentVNode("",!0),b.value[Ve].top.length?(e.openBlock(),e.createElementBlock("div",Fb,[e.createElementVNode("div",Db,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value[Ve].top,ce=>{var ve,Ae,ze,rt,pt,je,ft,Xe;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:ce.id||ce.type,class:"map-overlay__item"},[ce.type==="info"?(e.openBlock(),e.createBlock(hl,{key:0,title:((ve=ce.config)==null?void 0:ve.title)||ce.title||null,content:((Ae=ce.config)==null?void 0:Ae.content)||"",links:J.value,"map-name":Q.value,"map-description":H.value},null,8,["title","content","links","map-name","map-description"])):ce.type==="catalog"?(e.openBlock(),e.createBlock(wl,{key:1,api:((ze=ce.config)==null?void 0:ze.api)||null},null,8,["api"])):ce.type==="layers"?(e.openBlock(),e.createBlock(kl,{key:2,layers:Ze.value,onAction:te[6]||(te[6]=wt=>kt(wt.layerId)),config:ce.config},null,8,["layers","config"])):ce.type==="basemaps"?(e.openBlock(),e.createBlock(Yt,{key:3,layers:((rt=ce.config)==null?void 0:rt.layers)||null,"default-layer":((pt=ce.config)==null?void 0:pt.default)||null,title:ce.title||((je=ce.config)==null?void 0:je.title)||null},null,8,["layers","default-layer","title"])):ce.type==="legend"?(e.openBlock(),e.createBlock(go,{key:4,items:((ft=ce.config)==null?void 0:ft.items)||[]},null,8,["items"])):ce.type==="filters"&&zn.value(ce)?(e.openBlock(),e.createBlock(fo,{key:5,"layer-id":(Xe=ce.config)==null?void 0:Xe.layer,onClose:kt},null,8,["layer-id"])):ce.type==="dataset"||ce.type==="attribute"?(e.openBlock(),e.createBlock(_l,{key:6,config:ce.config},null,8,["config"])):ce.type==="search"?(e.openBlock(),e.createBlock(Nl,{key:7,config:ce.config},null,8,["config"])):e.createCommentVNode("",!0)])),[[e.vShow,ce.visible!==!1]])}),128))])])):e.createCommentVNode("",!0),b.value[Ve].bottom.length?(e.openBlock(),e.createElementBlock("div",zb,[e.createElementVNode("div",Ib,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value[Ve].bottom,ce=>{var ve,Ae,ze,rt,pt,je,ft,Xe;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:ce.id||ce.type,class:"map-overlay__item"},[ce.type==="info"?(e.openBlock(),e.createBlock(hl,{key:0,title:((ve=ce.config)==null?void 0:ve.title)||ce.title||null,content:((Ae=ce.config)==null?void 0:Ae.content)||"",links:J.value,"map-name":Q.value,"map-description":H.value},null,8,["title","content","links","map-name","map-description"])):ce.type==="catalog"?(e.openBlock(),e.createBlock(wl,{key:1,api:((ze=ce.config)==null?void 0:ze.api)||null},null,8,["api"])):ce.type==="layers"?(e.openBlock(),e.createBlock(kl,{key:2,layers:Ze.value,onAction:te[7]||(te[7]=wt=>kt(wt.layerId)),config:ce.config},null,8,["layers","config"])):ce.type==="basemaps"?(e.openBlock(),e.createBlock(Yt,{key:3,layers:((rt=ce.config)==null?void 0:rt.layers)||null,"default-layer":((pt=ce.config)==null?void 0:pt.default)||null,title:ce.title||((je=ce.config)==null?void 0:je.title)||null},null,8,["layers","default-layer","title"])):ce.type==="legend"?(e.openBlock(),e.createBlock(go,{key:4,items:((ft=ce.config)==null?void 0:ft.items)||[]},null,8,["items"])):ce.type==="filters"&&zn.value(ce)?(e.openBlock(),e.createBlock(fo,{key:5,"layer-id":(Xe=ce.config)==null?void 0:Xe.layer,onClose:kt},null,8,["layer-id"])):ce.type==="dataset"||ce.type==="attribute"?(e.openBlock(),e.createBlock(_l,{key:6,config:ce.config},null,8,["config"])):ce.type==="search"?(e.openBlock(),e.createBlock(Nl,{key:7,config:ce.config},null,8,["config"])):e.createCommentVNode("",!0)])),[[e.vShow,ce.visible!==!1]])}),128))])])):e.createCommentVNode("",!0)],2)),64))]),e.createVNode(sl),e.createVNode(bo,{"map-id":W.value},null,8,["map-id"])],64)):e.createCommentVNode("",!0)]}),_:1},512),i.value?(e.openBlock(),e.createElementBlock("div",jb,"Завантаження карти…")):f.value?(e.openBlock(),e.createElementBlock("div",Pb,e.toDisplayString(f.value),1)):e.createCommentVNode("",!0)],4))}}),[["__scopeId","data-v-524cd6dd"]]),Rb={class:"rounded-lg border border-gray-200 bg-gray-50 p-6"},Ob={class:"rounded-xl border border-gray-200 overflow-hidden bg-white"},Ub=e.defineComponent({__name:"MapPreview",props:{id:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("section",Rb,[o[0]||(o[0]=e.createElementVNode("h2",{class:"text-lg font-semibold text-gray-800 mb-4"}," Попередній перегляд карти ",-1)),e.createElementVNode("div",Ob,[e.createVNode(Dn,{class:"w-full h-[360px]",id:t.id},null,8,["id"])])]))}}),qb={class:"bg-white rounded-lg shadow-xl w-full max-w-4xl flex flex-col h-[80vh] m-4"},Hb={class:"flex items-center justify-between px-6 py-4 border-b border-gray-200"},Wb={key:0,class:"absolute top-0 left-0 right-0 bg-red-100 text-red-700 text-sm px-4 py-2 z-10 border-b border-red-200"},Yb={class:"flex-1 overflow-hidden relative bg-[#fffffe]"},Zb={class:"px-6 py-4 border-t border-gray-200 flex justify-end gap-3"},Gb=["disabled"],Kb=e.defineComponent({__name:"ConfigEditor",props:{modelValue:{}},emits:["update:modelValue","save"],setup(t,{emit:n}){const o=t,r=n,l=e.ref(""),s=e.ref(null);e.watch(()=>o.modelValue,f=>{if(f){try{l.value=JSON.stringify(f,null,2)}catch{l.value="{}"}s.value=null}},{immediate:!0}),e.watch(l,f=>{if(!f.trim()){s.value=null;return}try{JSON.parse(f),s.value=null}catch(m){s.value=m.message}}),e.watch(()=>o.modelValue,()=>{setTimeout(()=>{const{monaco:f}=window;if(f&&f.editor){const m=f.editor.getEditors();m.length>0&&m[m.length-1].updateOptions({wordWrap:"on"})}},300)},{immediate:!0});function a(){r("update:modelValue",null),l.value="",s.value=null}function i(){if(!s.value)try{const f=JSON.parse(l.value);r("save",f),a()}catch(f){console.error("Failed to parse JSON",f)}}return(f,m)=>t.modelValue!==null?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm",onClick:e.withModifiers(a,["self"])},[e.createElementVNode("div",qb,[e.createElementVNode("div",Hb,[m[1]||(m[1]=e.createElementVNode("h3",{class:"text-lg font-semibold text-gray-800"}," Редагування конфігурації (JSON) ",-1)),e.createElementVNode("button",{onClick:a,class:"text-gray-500 hover:text-gray-700 transition-colors"},[e.createVNode(e.unref(_t),{size:20})])]),s.value?(e.openBlock(),e.createElementBlock("div",Wb," Помилка JSON: "+e.toDisplayString(s.value),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Yb,[e.createVNode(rn,{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=x=>l.value=x),language:"json",theme:"vs-light",class:"w-full h-full"},null,8,["modelValue"])]),e.createElementVNode("div",Zb,[e.createElementVNode("button",{onClick:a,class:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors"}," Скасувати "),e.createElementVNode("button",{onClick:i,disabled:!!s.value,class:"px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"}," Зберегти ",8,Gb)])])])):e.createCommentVNode("",!0)}}),Xb={key:0,class:"text-center py-8 text-gray-500 border rounded-lg bg-[rgba(252,252,252,0.8)]"},Qb={key:1,class:"rounded-lg border border-gray-200 overflow-hidden"},Jb={class:"w-full text-sm"},ek={class:"divide-y divide-gray-200"},tk={class:"px-4 py-3"},nk=["onUpdate:modelValue","onChange"],ok=["value"],rk={class:"px-4 py-3"},lk=["onUpdate:modelValue","onChange"],ak=["value"],sk={class:"px-4 py-3 text-center"},ik=["checked","onChange"],ck={class:"px-4 py-3"},dk={key:0,class:"flex items-center gap-2"},uk=["onClick"],pk=["onClick"],mk={key:1},fk=["onClick"],gk={class:"px-4 py-3 text-right"},yk=["onClick"],hk=e.defineComponent({__name:"WidgetSettings",props:{modelValue:{}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,l=["catalog","legend","basemaps","info","layers","dataset","filters","search"],s=["top-left","top-right","bottom-left","bottom-right"],a=e.ref(null),i=e.ref(-1),f=e.computed(()=>o.modelValue||[]);function m(){const g=[...f.value,{type:"info",position:"top-left",visible:!0,config:{}}];r("update:modelValue",g)}function x(g){he.confirm({title:"Видалити віджет?",message:"Ви впевнені, що хочете видалити цей віджет?",type:"warning",onConfirm:()=>{const k=f.value.filter((C,$)=>$!==g);r("update:modelValue",k)}})}function u(g,k,C){const $=[...f.value];$[g]={...$[g],[k]:C},r("update:modelValue",$)}function h(g){return!!g&&Object.keys(g).length>0}function c(g,k){i.value=g,a.value=k||{}}function d(g){c(g,{})}function y(g){he.confirm({title:"Видалити конфігурацію?",message:"Ви впевнені, що хочете видалити конфігурацію цього віджета?",type:"warning",onConfirm:()=>{u(g,"config",void 0)}})}function p(g){i.value>-1&&u(i.value,"config",g),a.value=null,i.value=-1}return(g,k)=>{var C;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:"flex items-center justify-between mb-4"},[k[1]||(k[1]=e.createElementVNode("h2",{class:"text-lg font-semibold text-gray-800"},"Віджети",-1)),e.createElementVNode("button",{onClick:m,class:"px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"}," + Додати віджет ")]),(C=f.value)!=null&&C.length?(e.openBlock(),e.createElementBlock("div",Qb,[e.createElementVNode("table",Jb,[k[2]||(k[2]=e.createElementVNode("thead",{class:"bg-[rgba(252,252,252,0.8)] border-b border-gray-200"},[e.createElementVNode("tr",null,[e.createElementVNode("th",{class:"px-4 py-3 text-left font-medium text-gray-700 w-1/4"},"Тип"),e.createElementVNode("th",{class:"px-4 py-3 text-left font-medium text-gray-700 w-1/4"},"Розташування"),e.createElementVNode("th",{class:"px-4 py-3 text-center font-medium text-gray-700 w-24"},"Видимість"),e.createElementVNode("th",{class:"px-4 py-3 text-left font-medium text-gray-700"},"Конфігурація"),e.createElementVNode("th",{class:"px-4 py-3 text-right font-medium text-gray-700 w-24"},"Дії")])],-1)),e.createElementVNode("tbody",ek,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,($,w)=>(e.openBlock(),e.createElementBlock("tr",{key:w,class:"hover:bg-gray-50"},[e.createElementVNode("td",tk,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":N=>$.type=N,onChange:N=>u(w,"type",$.type),class:"w-full px-2 py-1.5 bg-white border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 text-gray-700"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,N=>e.createElementVNode("option",{key:N,value:N},e.toDisplayString(N),9,ok)),64))],40,nk),[[e.vModelSelect,$.type]])]),e.createElementVNode("td",rk,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":N=>$.position=N,onChange:N=>u(w,"position",$.position),class:"w-full px-2 py-1.5 bg-white border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 text-gray-700"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(s,N=>e.createElementVNode("option",{key:N,value:N},e.toDisplayString(N),9,ak)),64))],40,lk),[[e.vModelSelect,$.position]])]),e.createElementVNode("td",sk,[e.createElementVNode("input",{type:"checkbox",checked:$.visible!==!1,onChange:N=>u(w,"visible",N.target.checked),class:"w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"},null,40,ik)]),e.createElementVNode("td",ck,[h($.config)?(e.openBlock(),e.createElementBlock("div",dk,[e.createElementVNode("button",{onClick:N=>c(w,$.config),class:"p-1 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded transition-colors",title:"Редагувати конфігурацію"},[e.createVNode(e.unref(kn),{size:16})],8,uk),e.createElementVNode("button",{onClick:N=>y(w),class:"p-1 text-red-500 hover:text-red-700 hover:bg-red-50 rounded transition-colors",title:"Видалити конфігурацію"},[e.createVNode(e.unref(_t),{size:16})],8,pk)])):(e.openBlock(),e.createElementBlock("div",mk,[e.createElementVNode("button",{onClick:N=>d(w),class:"p-1 text-green-600 hover:text-green-800 hover:bg-green-50 rounded transition-colors",title:"Додати конфігурацію"},[e.createVNode(e.unref(wn),{size:16})],8,fk)]))]),e.createElementVNode("td",gk,[e.createElementVNode("button",{onClick:N=>x(w),class:"p-1 text-gray-400 hover:text-red-500 transition-colors",title:"Видалити віджет"},[e.createVNode(e.unref(On),{size:16})],8,yk)])]))),128))])])])):(e.openBlock(),e.createElementBlock("div",Xb," Немає віджетів. Додайте перший віджет. ")),e.createVNode(Kb,{teleport:"#modal",modelValue:a.value,"onUpdate:modelValue":k[0]||(k[0]=$=>a.value=$),onSave:p},null,8,["modelValue"])])}}}),xk={class:"relative h-full flex flex-col flex-1 min-h-0 overflow-hidden mx-auto w-full"},bk={class:"mx-1"},kk={class:"text-gray-900 font-semibold"},wk=["disabled"],_k={key:0,class:"text-center py-12 mt-6 px-[24px]"},Ek={key:1,class:"px-[24px] overflow-y-auto"},Nk={class:"space-y-6"},Ck={class:"space-y-6"},Vk={class:"space-y-6"},Bk=ye(e.defineComponent({__name:"MapSettings",setup(t){const n=Fe.useRouter(),o=Fe.useRoute(),r=e.computed(()=>{var E;return((E=n.resolve("/maps").meta)==null?void 0:E.title)??"Карти"}),l=e.ref(!0),s=e.ref(!1),a=e.ref([]),i=e.ref({}),f=[{name:"Загальна",id:"general"},{name:"Шари",id:"layers"},{name:"Віджети",id:"widgets"},{name:"Карта",id:"map"}],m=f.map(E=>E.id),x=E=>E?Array.isArray(E)?E[0]:E:null,u=(()=>{const E=x(o.query.tab);return E&&m.includes(E)?E:"general"})(),h=e.ref(u);e.watch(()=>o.query.tab,E=>{const B=x(E);B&&m.includes(B)&&h.value!==B&&(h.value=B)}),e.watch(h,E=>{o.query.tab!==E&&n.replace({query:{...o.query,tab:E}})});const c=e.ref({name:"",map_key:"",description:"",holder:"",image:"",keywords:[],center:null,zoom:11,widgets:[],layers:[]}),d=e.computed({get:()=>(c.value.layers||[]).map(E=>E.id||E),set:E=>{c.value.layers=E}}),y=e.computed(()=>{var B;return(Array.isArray(a.value)?a.value:((B=a.value)==null?void 0:B.data)||[]).map(M=>({id:M.id,text:M.text||M.name||M.id}))}),p=e.computed({get:()=>d.value.map(E=>{const B=y.value.find(M=>M.id===E);return B?B.text:E}),set:E=>{const B=E.map(M=>{const D=y.value.find(W=>W.text===M);return D?D.id:null}).filter(M=>M!==null);d.value=B}}),g=e.computed(()=>{const E=c.value.center;if(!Array.isArray(E)||E.length<2)return"Не задано";const[B,M]=E;return B===void 0||M===void 0||B===null||M===null||Number.isNaN(Number(B))||Number.isNaN(Number(M))?"Не задано":`Lng ${Number(B).toFixed(6)}, Lat ${Number(M).toFixed(6)}`}),k=e.computed(()=>{const E=c.value.zoom;if(E==null||E==="")return"Не задано";const B=Number(E);return Number.isNaN(B)?"Не задано":B.toFixed(2)}),C=[{name:"name",type:"text",label:"Назва",col:6,validators:["required"]},{name:"map_key",type:"text",label:"Унікальний ключ",col:6,validators:["required"]},{name:"description",type:"textarea",label:"Опис",col:12},{name:"holder",type:"text",label:"Власник/Утримувач/Відповідальний",col:6},{name:"keywords",type:"Tags",label:"Ключові слова",placeholder:"Введіть тег та натисніть Enter",col:6},{name:"center",type:"array",label:"Центр",inputType:"number",limit:2,count:2,col:6},{name:"zoom",type:"number",label:"Зум",col:6,validators:["required"]},{name:"is_public",type:"switcher",label:"Чи публічна карта?",col:6,data:"yes_no"},{name:"is_active",type:"switcher",label:"Чи активна?",col:6,data:"yes_no"},{name:"image",type:"File",label:"Фото",col:12}];async function $(){try{const E=await fetch("/api/suggest/layer_list");E.ok&&(a.value=await E.json())}catch(E){console.error("Failed to load available layers:",E)}}async function w(){try{const B=await(await fetch(`/api/gis-map/${o.params.id}?original=1`)).json();c.value={...B,keywords:B.keywords||[],center:B.center??null,widgets:Array.isArray(B.widgets)?B.widgets:[],layers:(B.layers||[]).map(M=>M.id||M)}}catch(E){console.error("Failed to load map:",E),he.notify({type:"error",title:"Помилка",message:"Не вдалося завантажити карту"})}finally{l.value=!1}}async function N(){var B,M;const E=(M=(B=i.value)==null?void 0:B.validate)==null?void 0:M.call(B);if(E){he.notify({type:"warning",title:"Валідація",message:Object.entries(E).map(([D,W])=>`${D}: ${W}`).join(`
|
|
247
|
+
`)});return}s.value=!0;try{const D=JSON.parse(JSON.stringify(c.value));if(D.zoom=Number(D.zoom),Array.isArray(D.center)&&(D.center.every(Q=>Q==null||Q===""||Q===0)||D.center.length===0)&&(D.center=null),delete D.created_at,delete D.updated_at,delete D.created_by,delete D.updated_by,delete D.history,delete D.maps,!(await fetch(`/api/gis-map/${o.params.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(D)})).ok)throw new Error("Save failed");he.notify({type:"success",title:"Успіх",message:"Збережено!"})}catch(D){console.error("Save error:",D),he.notify({type:"error",title:"Помилка",message:"Не вдалося зберегти"})}finally{s.value=!1}}return e.onMounted(async()=>{await $(),w()}),(E,B)=>{const M=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",xk,[e.createVNode(Vo,{variant:"form",title:c.value.name||"Налаштування карти"},{breadcrumbs:e.withCtx(()=>[e.createVNode(M,{to:"/maps",class:"text-gray-500 hover:text-gray-700"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value),1)]),_:1}),e.createElementVNode("span",bk,[e.createVNode(e.unref(Rn),{size:16,class:"shrink-0"})]),e.createElementVNode("span",kk,e.toDisplayString(c.value.name||"Налаштування карти"),1)]),description:e.withCtx(()=>[...B[7]||(B[7]=[e.createTextVNode("Редагування параметрів карти",-1)])]),actions:e.withCtx(()=>[e.createElementVNode("button",{onClick:B[0]||(B[0]=D=>e.unref(n).back()),class:"inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"}," Повернутися "),e.createElementVNode("button",{onClick:N,disabled:s.value,class:"inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:opacity-50"},e.toDisplayString(s.value?"Збереження...":"Зберегти"),9,wk)]),_:1},8,["title"]),l.value?(e.openBlock(),e.createElementBlock("div",_k,[...B[8]||(B[8]=[e.createElementVNode("p",{class:"text-gray-500"},"Завантаження...",-1)])])):(e.openBlock(),e.createElementBlock("div",Ek,[e.createVNode(Yy,{tabs:f,activeTab:h.value,"onUpdate:activeTab":B[1]||(B[1]=D=>h.value=D)},null,8,["activeTab"]),e.withDirectives(e.createElementVNode("div",Nk,[e.createVNode(Gy,{schema:C,loading:l.value,modelValue:c.value,"onUpdate:modelValue":B[2]||(B[2]=D=>c.value=D),form:i.value,"onUpdate:form":B[3]||(B[3]=D=>i.value=D)},null,8,["loading","modelValue","form"])],512),[[e.vShow,h.value==="general"]]),e.withDirectives(e.createElementVNode("div",Ck,[e.createVNode(Xy,{options:y.value,layerIDs:d.value,"onUpdate:layerIDs":B[4]||(B[4]=D=>d.value=D),layerNames:p.value,"onUpdate:layerNames":B[5]||(B[5]=D=>p.value=D)},null,8,["options","layerIDs","layerNames"])],512),[[e.vShow,h.value==="layers"]]),e.withDirectives(e.createVNode(hk,{modelValue:c.value.widgets,"onUpdate:modelValue":B[6]||(B[6]=D=>c.value.widgets=D)},null,8,["modelValue"]),[[e.vShow,h.value==="widgets"]]),e.withDirectives(e.createElementVNode("div",Vk,[e.createVNode(Ub,{"center-display":g.value,"zoom-display":k.value,"layer-names":p.value,id:e.unref(o).params.id},null,8,["center-display","zoom-display","layer-names","id"])],512),[[e.vShow,h.value==="map"]])]))])}}}),[["__scopeId","data-v-54593f35"]]),$k={class:"flex-1 overflow-y-auto p-0 overflow-x-hidden max-h-[70%] lg:max-h-[80%] xl:max-h-[83%] 2xl:max-h-[95%]"},vk={class:"pt-0 mt-0"},Sk={key:0,class:"flex items-center justify-center py-12"},Lk={key:1,class:"bg-red-50 border border-red-200 text-red-700 rounded-lg p-4 text-sm"},Ak={key:2,class:"text-center py-12 text-gray-500"},Mk={key:3,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-6"},Tk=["onClick"],Fk={class:"flex items-start justify-between"},Dk={class:"flex items-start gap-3"},zk={class:"flex-1 min-w-0"},Ik={class:"flex items-center gap-2 mb-[-0.2rem] -mt-1"},jk=["onClick"],Pk={class:"relative"},Rk=["onClick"],Ok={key:0,class:"absolute left-full top-1/2 -translate-y-1/2 ml-2 px-2 py-1 bg-white text-gray-600 text-xs rounded shadow-sm z-10 whitespace-nowrap animate-fade-in-out border border-gray-200/70"},Uk={class:"text-xs text-gray-600 line-clamp-2"},qk={class:"flex items-center gap-2 shrink-0"},Hk={key:0,class:"text-xs text-gray-500 whitespace-nowrap"},Wk={class:"px-6 py-3 border-t border-gray-200 custom-pagination bg-gray-100"},wo=30,Yk=ye(e.defineComponent({__name:"DictionariesGrid",props:{search:{},type:{}},emits:["update:counts"],setup(t,{expose:n,emit:o}){const r=t,l=o,s=Fe.useRouter(),a=Fe.useRoute(),i=e.ref(Number(a.query.page)||1),f=e.ref(!1),m=e.ref(0),x=e.ref([]),u=e.computed(()=>{const E=(i.value-1)*wo,B=E+wo;return x.value.slice(E,B)}),h=e.ref(!0),c=e.ref(null),d=e.ref(null);let y=null,p=null;const g=(E="",B="")=>{const M=new URLSearchParams,D=E.trim();D&&M.set("search",D);const W=(B||"").trim();W&&M.set("type",W);const K=M.toString();return K?`/api/user-cls?${K}`:"/api/user-cls"},k=async(E="",B="")=>{try{h.value=!0,c.value=null;const M=g(E,B),D=await fetch(M);if(!D.ok)throw new Error(`HTTP error: ${D.status}`);const W=await D.json();if(x.value=W.data,!E.trim())m.value=W.data.length;else if(m.value===0){const K=await fetch(g("",B));if(K.ok){const Q=await K.json();m.value=Q.data.length}}l("update:counts",{filtered:x.value.length,total:m.value})}catch(M){c.value=M instanceof Error?M.message:"Failed to load classifiers",console.error("Error fetching classifiers:",M)}finally{h.value=!1}};e.onMounted(()=>{f.value=!0,k(r.search,r.type??"")}),e.watch(()=>[r.search,r.type],([E,B])=>{y&&clearTimeout(y),y=setTimeout(()=>{k(E,B??""),i.value=1},300)});const C=E=>{s.push({name:"classifier-detail",params:{name:E.name}})},$=()=>{k(r.search,r.type??"")},w=async E=>{try{await navigator.clipboard.writeText(E),d.value=E,p&&clearTimeout(p),p=setTimeout(()=>{d.value=null},500)}catch(B){console.error("Failed to copy text: ",B)}};n({refetch:$});const N=E=>{i.value=E,s.replace({query:{...a.query,page:String(E)}})};return(E,B)=>(e.openBlock(),e.createElementBlock("div",$k,[e.createElementVNode("div",vk,[h.value?(e.openBlock(),e.createElementBlock("div",Sk,[e.createVNode(e.unref(Ao),{width:32,height:32,"stroke-width":2,class:"text-sky-600 animate-spin"})])):c.value?(e.openBlock(),e.createElementBlock("div",Lk,e.toDisplayString(c.value),1)):x.value.length===0?(e.openBlock(),e.createElementBlock("div",Ak," Нічого не знайдено ")):e.createCommentVNode("",!0),x.value.length>0?(e.openBlock(),e.createElementBlock("div",Mk,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(M,D)=>(e.openBlock(),e.createElementBlock("div",{key:D,class:"w-full border border-gray-200 bg-white rounded-lg p-4 text-left hover:shadow-md transition-all hover:border-gray-300 cursor-pointer",onClick:W=>C(M)},[e.createElementVNode("div",Fk,[e.createElementVNode("div",Dk,[M.type==="sql"?(e.openBlock(),e.createBlock(e.unref(Ul),{key:0,width:20,height:20,"stroke-width":2,class:"shrink-0 w-5 h-5 text-blue-600"})):(e.openBlock(),e.createBlock(e.unref(Gl),{key:1,width:20,height:20,"stroke-width":2,class:"shrink-0 w-5 h-5 text-blue-600"})),e.createElementVNode("div",zk,[e.createElementVNode("div",Ik,[e.createElementVNode("h4",{onClick:e.withModifiers(W=>w(M.name),["stop"]),class:"text-sm font-semibold text-gray-800 mb-0 hover:border-b hover:border-gray-300 cursor-pointer"},e.toDisplayString(M.name),9,jk),e.createElementVNode("div",Pk,[e.createElementVNode("button",{onClick:e.withModifiers(W=>w(M.name),["stop"]),class:"pt-1 mt-0.5 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded transition-colors"},[e.createVNode(e.unref(Rl),{width:14,height:14,"stroke-width":2})],8,Rk),d.value===M.name?(e.openBlock(),e.createElementBlock("div",Ok," Copied ")):e.createCommentVNode("",!0)])]),e.createElementVNode("p",Uk,e.toDisplayString(M.description||"Опис відсутній"),1)])]),e.createElementVNode("div",qk,[M.type!="sql"?(e.openBlock(),e.createElementBlock("span",Hk,e.toDisplayString(M.count)+" записів ",1)):e.createCommentVNode("",!0),e.createVNode(e.unref(Rn),{width:16,height:16,"stroke-width":2,class:"w-4 h-4 text-gray-400"})])])],8,Tk))),128))])):e.createCommentVNode("",!0)]),f.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"#pagination"},[e.createElementVNode("div",Wk,[e.createVNode(e.unref(he.VsPagination),{total:x.value.length,page:i.value,"page-size":wo,showPageSizes:!1,pageRange:10,view:"button",color:"gray","onUpdate:page":N,onPageChange:N},null,8,["total","page"])])])):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-e728e68b"]]),Zk={class:"flex flex-col 2xl:flex-row 2xl:items-center 2xl:justify-between"},Gk={class:""},Kk={class:"text-2xl font-bold mb-2 flex items-center gap-2"},Xk={key:0,class:"text-sm font-normal text-gray-500 mt-2 ml-1"},Qk={class:"flex flex-col gap-3 mt-4 lg:mt-5 lg:flex-row lg:items-center"},Jk={class:"w-full md:w-auto"},e2=["value"],t2={class:"relative w-full lg:w-[16rem]"},n2={class:"bg-white focus:bg-white focus:border-blue-500 focus:ring-blue-500 rounded-lg"},o2={class:"absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"},r2=["value"],l2=e.defineComponent({__name:"DictionariesHeader",props:{modelValue:{},filter:{default:""},counts:{}},emits:["update:modelValue","update:filter","refresh"],setup(t,{emit:n}){const o=t,r=n,l=a=>{const i=a.target.value;r("update:filter",i)},s=e.ref(!1);return(a,i)=>(e.openBlock(),e.createElementBlock("div",Zk,[e.createElementVNode("div",Gk,[e.createElementVNode("h1",Kk,[i[3]||(i[3]=e.createTextVNode(" Довідники ",-1)),t.counts&&t.counts.total>0?(e.openBlock(),e.createElementBlock("span",Xk,e.toDisplayString(t.counts.filtered)+" / "+e.toDisplayString(t.counts.total),1)):e.createCommentVNode("",!0)]),i[4]||(i[4]=e.createElementVNode("p",{class:"text-sm opacity-60"}," Редагуйте довідники класифікаторів, що використовуються у вашій системі ",-1))]),e.createElementVNode("div",Qk,[e.createElementVNode("div",Jk,[i[6]||(i[6]=e.createElementVNode("label",{class:"sr-only",for:"dictionary-filter"},"Фільтр типу",-1)),e.createElementVNode("select",{id:"dictionary-filter",class:"w-full md:w-[140px] h-[38px] rounded-lg border border-stone-300 bg-white px-3 text-sm text-stone-800 focus:border-blue-500 focus:ring-blue-500 selection:border-blue-500 selection:text-white active:border-blue-500 active:text-white",value:o.filter,onChange:l},[...i[5]||(i[5]=[e.createElementVNode("option",{value:""},"Всі",-1),e.createElementVNode("option",{value:"cls"},"Довідники",-1),e.createElementVNode("option",{value:"select"},"Вибірки з БД",-1)])],40,e2)]),e.createElementVNode("div",t2,[e.createElementVNode("div",n2,[e.createElementVNode("div",o2,[e.createVNode(e.unref(Fo),{width:14,height:14,"stroke-width":2,class:"stroke-gray-500 transition-all"})]),e.createElementVNode("input",{type:"text",value:t.modelValue,placeholder:"Пошук за назвою довідника",class:"pl-9 pr-8 bg-white h-[38px] min-w-[100px] py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-300 text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500 rounded-lg",onInput:i[0]||(i[0]=f=>a.$emit("update:modelValue",f.target.value))},null,40,r2),t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute top-1/2 -translate-y-1/2 right-3 cursor-pointer text-gray-400 hover:text-gray-600",onClick:i[1]||(i[1]=f=>a.$emit("update:modelValue",""))},[e.createVNode(e.unref(_t),{width:14,height:14,"stroke-width":2})])):e.createCommentVNode("",!0)])]),e.createElementVNode("button",{onClick:i[2]||(i[2]=f=>s.value=!0),class:"w-full md:w-auto flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-all duration-200 transform hover:scale-105 text-sm font-medium"},[e.createVNode(e.unref(wn),{width:16,height:16,"stroke-width":2,class:"shrink-0"}),i[7]||(i[7]=e.createTextVNode(" Додати ",-1))])])]))}}),a2={class:"bg-white rounded-lg shadow-sm border border-gray-200 overflow-x-auto"},s2={key:0,class:"flex items-center justify-center py-12"},i2={key:1,class:"bg-red-50 border border-red-200 text-red-700 rounded-lg p-4 text-sm m-4"},c2={key:2,class:"text-center py-12 text-gray-500"},d2={key:3,class:"w-full min-w-[640px] divide-y divide-gray-200"},u2={class:"bg-gray-50 border-b border-gray-200"},p2={class:"divide-y divide-gray-200"},m2={class:"px-4 py-3 w-1/12"},f2={class:"px-4 py-3 text-sm font-medium text-gray-900 w-2/12"},g2={class:"px-4 py-3 text-sm text-gray-600 font-mono"},y2=e.defineComponent({__name:"DetailsTable",props:{classifierName:{},search:{}},setup(t,{expose:n}){const o=t,r=[{key:"color",label:"Колір",width:"w-2/12",align:"text-left"},{key:"text",label:"Назва",width:"w-6/12",align:"text-left"},{key:"id",label:"Код",width:"w-4/12",align:"text-left"}],l=e.ref([]),s=e.ref(!0),a=e.ref(null),i=e.computed(()=>{var u;if(!((u=o.search)!=null&&u.trim()))return l.value;const x=o.search.toLowerCase().trim();return l.value.filter(h=>{var c,d;return((c=h.text)==null?void 0:c.toLowerCase().includes(x))||((d=h.id)==null?void 0:d.toLowerCase().includes(x))})}),f=async x=>{try{s.value=!0,a.value=null;const u=await fetch(`/api/suggest/${encodeURIComponent(x)}`);if(!u.ok)throw new Error(`HTTP error: ${u.status}`);const h=await u.json();l.value=h.data}catch(u){a.value=u instanceof Error?u.message:"Failed to load items",console.error("Error fetching suggest items:",u)}finally{s.value=!1}};return e.onMounted(()=>{o.classifierName&&f(o.classifierName)}),e.watch(()=>o.classifierName,x=>{x&&f(x)}),n({refetch:()=>{f(o.classifierName)}}),(x,u)=>(e.openBlock(),e.createElementBlock("div",a2,[s.value?(e.openBlock(),e.createElementBlock("div",s2,[e.createVNode(e.unref(Ao),{width:32,height:32,"stroke-width":2,class:"text-sky-600 animate-spin"})])):a.value?(e.openBlock(),e.createElementBlock("div",i2,e.toDisplayString(a.value),1)):l.value.length===0?(e.openBlock(),e.createElementBlock("div",c2," Записи відсутні ")):(e.openBlock(),e.createElementBlock("table",d2,[e.createElementVNode("thead",u2,[e.createElementVNode("tr",null,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(r,h=>e.createElementVNode("th",{key:h.key,class:e.normalizeClass(["px-4 py-3 text-xs font-semibold text-gray-900",[h.width,h.align]])},e.toDisplayString(h.label),3)),64))])]),e.createElementVNode("tbody",p2,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,h=>(e.openBlock(),e.createElementBlock("tr",{key:h.id,class:"hover:bg-gray-50 transition-colors"},[e.createElementVNode("td",m2,[e.createElementVNode("div",{class:"w-6 h-6 rounded border border-gray-300",style:e.normalizeStyle({backgroundColor:h.color})},null,4)]),e.createElementVNode("td",f2,e.toDisplayString(h.text),1),e.createElementVNode("td",g2,e.toDisplayString(h.id),1)]))),128))])]))]))}}),h2={class:"space-y-6 flex-1 overflow-y-auto p-0"},x2={class:"flex items-center gap-2 text-sm text-gray-600 mb-4"},b2={class:"text-gray-900"},k2={class:"flex items-start justify-between mb-6"},w2={class:"flex-1 mr-4"},_2={class:"text-2xl font-bold text-gray-900"},E2={key:0,class:"flex items-center gap-2 group mt-1"},N2={class:"text-sm text-gray-500"},C2={key:1,class:"flex items-center gap-2 mt-1"},V2=["disabled"],B2=["disabled"],$2={class:"flex items-center gap-3"},v2={class:"bg-white rounded-lg shadow-sm border border-gray-200 p-4 mb-4"},S2={class:"relative max-w-md"},L2={class:"vs-form-text relative w-full border-transparent text-sm focus:bg-white focus:border-blue-500 focus:ring-blue-500 rounded-sm"},A2={class:"absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"},M2=e.defineComponent({__name:"DictionaryDetails",setup(t){const n=Fe.useRouter(),o=Fe.useRoute(),r=e.computed(()=>o.params.name),l=e.ref(!1),s=e.ref(null),a=e.ref(null),i=e.ref(""),f=e.ref(""),m=e.ref(""),x=e.ref(!1),u=e.ref(!1),h=e.ref(null),c=async()=>{var C;try{const $=await fetch(`/api/user-cls?name=${encodeURIComponent(r.value)}`);if(!$.ok)return;const N=(C=(await $.json()).data)==null?void 0:C[0];N&&(f.value=N.description||"")}catch($){console.error("Error fetching classifier details:",$)}},d=()=>{m.value=f.value,x.value=!0,e.nextTick(()=>{var C;(C=h.value)==null||C.focus()})},y=()=>{x.value=!1,m.value=""},p=async()=>{try{u.value=!0;const w=(await(await fetch(`/api/suggest/${encodeURIComponent(r.value)}`)).json()).data||[],N={name:r.value,description:m.value.trim()||null,data:w},E=await fetch(`/api/user-cls/${encodeURIComponent(r.value)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(N)});if(!E.ok)throw new Error(`HTTP error: ${E.status}`);f.value=m.value,x.value=!1}catch(C){console.error("Error saving description:",C)}finally{u.value=!1}};e.onMounted(()=>{c()}),e.watch(r,()=>{c()});const g=()=>{s.value=null,l.value=!0},k=C=>{s.value=C,l.value=!0};return(C,$)=>(e.openBlock(),e.createElementBlock("div",h2,[e.createElementVNode("div",null,[e.createElementVNode("div",x2,[e.createElementVNode("button",{onClick:$[0]||($[0]=w=>e.unref(n).back()),class:"text-blue-600 hover:text-blue-500 transition-colors"}," Довідники "),$[4]||($[4]=e.createElementVNode("span",{class:"text-gray-400"},"/",-1)),e.createElementVNode("span",b2,e.toDisplayString(r.value),1)]),e.createElementVNode("div",k2,[e.createElementVNode("div",w2,[e.createElementVNode("h1",_2,e.toDisplayString(r.value),1),x.value?(e.openBlock(),e.createElementBlock("div",C2,[e.withDirectives(e.createElementVNode("input",{ref_key:"editInputRef",ref:h,"onUpdate:modelValue":$[1]||($[1]=w=>m.value=w),type:"text",class:"text-sm text-gray-600 border-b-2 border-sky-500 focus:outline-none bg-transparent w-full py-0.5",onKeydown:[e.withKeys(p,["enter"]),e.withKeys(y,["esc"])],placeholder:"Введіть опис"},null,544),[[e.vModelText,m.value]]),e.createElementVNode("button",{onClick:p,disabled:u.value,class:"p-1.5 text-green-600 hover:bg-green-50 rounded transition-colors disabled:opacity-50"},[e.createVNode(e.unref(jl),{width:18,height:18,"stroke-width":2})],8,V2),e.createElementVNode("button",{onClick:y,disabled:u.value,class:"p-1.5 text-gray-400 hover:text-red-500 hover:bg-red-50 rounded transition-colors"},[e.createVNode(e.unref(_t),{width:18,height:18,"stroke-width":2})],8,B2)])):(e.openBlock(),e.createElementBlock("div",E2,[e.createElementVNode("p",N2,e.toDisplayString(f.value||"Опис відсутній"),1),e.createElementVNode("button",{onClick:d,class:"p-1 text-gray-400 hover:text-sky-600 transition-all rounded hover:bg-sky-50",title:"Редагувати опис"},[e.createVNode(e.unref(Do),{width:16,height:16,"stroke-width":2})])]))]),e.createElementVNode("div",$2,[e.createElementVNode("button",{onClick:g,class:"w-full md:w-auto flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-all duration-200 transform hover:scale-105 text-sm font-medium"},[e.createVNode(e.unref(wn),{width:16,height:16,"stroke-width":2,class:"shrink-0"}),$[5]||($[5]=e.createTextVNode(" Додати запис ",-1))]),e.createElementVNode("button",{onClick:$[2]||($[2]=w=>e.unref(n).back()),class:"px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors text-gray-700 text-sm font-medium"}," Назад ")])])]),e.createElementVNode("div",v2,[e.createElementVNode("div",S2,[e.createElementVNode("div",L2,[e.createElementVNode("div",A2,[e.createVNode(e.unref(Fo),{width:18,height:18,"stroke-width":2,class:"stroke-gray-400 transition-all"})]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":$[3]||($[3]=w=>i.value=w),type:"text",placeholder:"Пошук за назвою або описом...",class:"pl-9 bg-white h-[38px] min-w-[100px] py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500 rounded-lg"},null,512),[[e.vModelText,i.value]])])])]),e.createVNode(y2,{ref_key:"detailsTableRef",ref:a,"classifier-name":r.value,search:i.value,onEdit:k},null,8,["classifier-name","search"])]))}}),T2={class:"flex-col justify-between h-full"},F2={class:"classifiers-component space-y-6 p-8 pt-2 max-w-[90%] mx-auto h-[calc(100vh-95px)]"},D2=e.defineComponent({__name:"index",setup(t){const n=Fe.useRoute(),o=e.ref(""),r=e.ref(""),l=e.ref(null),s=e.ref({filtered:0,total:0}),a=f=>{s.value=f},i=()=>{var f;(f=l.value)==null||f.refetch()};return(f,m)=>(e.openBlock(),e.createElementBlock("div",T2,[e.createElementVNode("div",F2,[e.unref(n).params.name?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(l2,{key:0,modelValue:o.value,"onUpdate:modelValue":m[0]||(m[0]=x=>o.value=x),filter:r.value,"onUpdate:filter":m[1]||(m[1]=x=>r.value=x),counts:s.value,onRefresh:i},null,8,["modelValue","filter","counts"])),e.unref(n).params.name?(e.openBlock(),e.createBlock(M2,{key:2})):(e.openBlock(),e.createBlock(Yk,{key:1,ref_key:"gridRef",ref:l,search:o.value,type:r.value,"onUpdate:counts":a},null,8,["search","type"]))]),m[2]||(m[2]=e.createElementVNode("div",{id:"pagination",class:"bg-gray-100"},null,-1))]))}}),z2={class:"border border-gray-300 rounded-lg shadow-sm overflow-auto max-h-[calc(100vh-10rem)]"},I2={class:"w-full bg-white relative"},j2={class:"bg-gradient-to-b from-gray-50 to-gray-100 border-b border-gray-300 sticky top-0 z-10"},P2={key:0,class:"bg-white divide-y divide-gray-200"},R2={class:"bg-gradient-to-r from-gray-50 to-gray-100 border-t-2 border-gray-300"},O2=["onClick"],U2={class:"flex items-center gap-2 text-sm font-semibold text-gray-900 hover:text-blue-600 transition-colors"},q2={key:1,class:"px-6 py-3.5"},H2={class:"text-sm font-semibold text-gray-900"},W2={class:"text-xs text-gray-400 mt-0.5"},Y2={key:0,class:"inline-flex items-center cursor-pointer"},Z2={class:"relative"},G2=["checked","onChange"],K2=["checked","onChange"],X2={class:"px-6 py-3"},Q2={class:"ml-6"},J2={class:"text-sm text-black font-medium"},ew={class:"text-xs text-gray-400 mt-0.5"},tw=["checked","onChange"],nw={key:1},ow=e.defineComponent({__name:"permissions",props:{data:{},modelValue:{},actions:{}},emits:["update:modelValue"],setup(t,{expose:n,emit:o}){const r=t,l=o,s=e.computed(()=>r.actions&&r.actions.length?r.actions:["view"]),a=e.ref({}),i=e.ref({}),f=e.computed(()=>{var C;return((C=r.data)==null?void 0:C.routers)||[]});e.watch(()=>r.modelValue,C=>{const $={};(C||[]).forEach(w=>{$[w.id]=new Set(w.actions||[])}),i.value=$},{immediate:!0});function m(){const C=Object.entries(i.value).map(([$,w])=>({id:$,actions:Array.from(w)}));l("update:modelValue",C)}function x(C){return C?C.id||C.path||C.table||C.ua||JSON.stringify(C):""}function u(C){return C?C.id||C.ua||C.name:""}function h(C){return{view:"Перегляд",edit:"Редагування",add:"Додавання",del:"Видалення"}[C]||C}function c(C,$){var N;const w=x(C);return((N=i.value[w])==null?void 0:N.has($))||!1}function d(C){const $=u(C);return a.value[$]===!0}function y(C){const $=u(C);a.value[$]=!d(C)}function p(C,$){var w;return(w=C.menu)!=null&&w.length?C.menu.every(N=>c(N,$)):c(C,$)}function g(C,$,w){var N;if((N=C.menu)!=null&&N.length){const E={...i.value};C.menu.forEach(B=>{const M=x(B),D=new Set(E[M]||[]);w?D.add($):D.delete($),E[M]=D}),i.value=E,m()}}function k(C,$,w){const N=x(C),E=new Set(i.value[N]||[]);w?E.add($):E.delete($),i.value={...i.value,[N]:E},m()}return n({getSelected:()=>r.modelValue}),(C,$)=>{var w;return e.openBlock(),e.createElementBlock("div",z2,[e.createElementVNode("table",I2,[e.createElementVNode("thead",j2,[e.createElementVNode("tr",null,[$[0]||($[0]=e.createElementVNode("th",{class:"px-6 py-4 text-xs font-semibold text-gray-800 uppercase tracking-wider w-32 text-left"},"Групи",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,N=>(e.openBlock(),e.createElementBlock("th",{key:N,class:"px-4 py-4 text-xs font-semibold text-gray-800 uppercase tracking-wider w-20 text-center"},e.toDisplayString(h(N)),1))),128))])]),(w=f.value)!=null&&w.length?(e.openBlock(),e.createElementBlock("tbody",P2,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,N=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:x(N)},[e.createElementVNode("tr",R2,[N!=null&&N.menu?(e.openBlock(),e.createElementBlock("td",{key:0,class:"px-6 py-3.5 cursor-pointer",onClick:E=>y(N)},[e.createElementVNode("button",U2,[e.createVNode(e.unref(So),{class:e.normalizeClass(["text-gray-600 w-4 h-4 transition-transform duration-200",{"rotate-180":d(N)}])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(N.ua),1)])],8,O2)):(e.openBlock(),e.createElementBlock("td",q2,[e.createElementVNode("div",H2,e.toDisplayString(N.ua),1),e.createElementVNode("div",W2,e.toDisplayString(N.path||N.table),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,E=>(e.openBlock(),e.createElementBlock("td",{key:E,class:"px-4 py-3.5 text-center"},[N!=null&&N.menu?(e.openBlock(),e.createElementBlock("label",Y2,[e.createElementVNode("div",Z2,[e.createElementVNode("input",{type:"checkbox",class:"sr-only peer",checked:p(N,E),onChange:B=>g(N,E,B.target.checked)},null,40,G2),$[1]||($[1]=e.createElementVNode("div",{class:"w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"},null,-1))])])):(e.openBlock(),e.createElementBlock("input",{key:1,type:"checkbox",checked:c(N,E),onChange:B=>k(N,E,B.target.checked),class:"w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500 cursor-pointer"},null,40,K2))]))),128))]),N!=null&&N.menu&&d(N)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(N.menu,E=>(e.openBlock(),e.createElementBlock("tr",{key:x(E),class:"hover:bg-gray-50 transition-colors"},[e.createElementVNode("td",X2,[e.createElementVNode("div",Q2,[e.createElementVNode("div",J2,e.toDisplayString(E.ua),1),e.createElementVNode("div",ew,e.toDisplayString(E.path||E.table),1)])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,B=>(e.openBlock(),e.createElementBlock("td",{key:B,class:"px-5 py-3 text-center"},[e.createElementVNode("input",{type:"checkbox",checked:c(E,B),onChange:M=>k(E,B,M.target.checked),class:"w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500 cursor-pointer"},null,40,tw)]))),128))]))),128)):e.createCommentVNode("",!0)],64))),128))])):(e.openBlock(),e.createElementBlock("tfoot",nw,[...$[2]||($[2]=[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:"100%",class:"text-center py-4"}," Немає доступних шарів ")],-1)])]))])])}}}),rw={class:"flex flex-col gap-4 mt-2 mx-2"},lw={class:"flex items-center gap-3"},aw={class:"flex-1 relative"},sw=e.defineComponent({__name:"VsPermissions",setup(t){const n=Fe.useRoute(),o=e.ref(""),r=e.ref(null),l=e.ref({categories:[],layers:[]}),s=e.ref([]),a=e.ref(["edit"]),i=e.computed(()=>m(l.value)),f=e.computed(()=>{const h=o.value.toLowerCase().trim();return h?i.value.map(c=>{const d=String(c.ua||"").toLowerCase().includes(h),y=(c.menu||[]).filter(p=>String(p.ua||"").toLowerCase().includes(h));return d?{...c,menu:c.menu}:y.length?{...c,menu:y}:null}).filter(Boolean):i.value}),m=h=>{const c=h.categories||[],d=h.layers||[],y=c.map(g=>{const k=d.filter(C=>C.category_id===g.category_id).map(C=>({id:String(C.layer_id),ua:C.name,path:String(C.layer_id)}));return k.length?{ua:g.name,menu:k,id:String(g.category_id)}:null}).filter(Boolean),p=d.filter(g=>!g.category_id).map(g=>({ua:g.name,id:String(g.layer_id),path:String(g.layer_id)}));return p.length&&y.push({ua:"Без категорії",menu:p,id:"noCategory"}),y},x=async()=>{const[h,c]=await Promise.all([fetch("/api/catalog").then(d=>d.json()),fetch(`/api/catalog-permissions/${n.params.id}`).then(d=>d.json())]);l.value=h,s.value=((c==null?void 0:c.layer_list)||[]).filter(d=>d.service_id).map(d=>({id:String(d.service_id),actions:d.actions||[]}))},u=async()=>{var d,y;const c=(((y=(d=r.value)==null?void 0:d.getSelected)==null?void 0:y.call(d))||s.value).filter(p=>{var g;return(g=p.actions)==null?void 0:g.length}).map(p=>({service_id:p.id,actions:p.actions}));await fetch(`/api/catalog-permissions/${n.params.id}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)}).then(p=>p.json()).then(p=>{he.notify({title:"Успіх",message:"Доступ успішно збережено",type:"success"})}).catch(p=>{he.notify({title:"Помилка",message:p.message,type:"error"})})};return e.onMounted(x),(h,c)=>(e.openBlock(),e.createElementBlock("div",rw,[e.createElementVNode("div",lw,[e.createElementVNode("div",aw,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=d=>o.value=d),type:"text",placeholder:"Пошук...",class:"w-full pl-3 pr-4 py-2 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"},null,512),[[e.vModelText,o.value]])]),e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-10 px-4 py-2 border-gray-300 text-gray-700 hover:bg-gray-50",onClick:c[1]||(c[1]=d=>h.$router.back())}," Повернутися "),e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 whitespace-nowrap text-white rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary-foreground h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700",onClick:u}," Зберегти ")]),e.createVNode(ow,{ref_key:"accessRef",ref:r,data:{routers:f.value},modelValue:s.value,"onUpdate:modelValue":c[2]||(c[2]=d=>s.value=d),actions:a.value},null,8,["data","modelValue","actions"])]))}});function iw(t){t.component("MapCustom",Dn)}Ie.CartoCSS=Uy,Ie.Classifiers=D2,Ie.MapSettings=Bk,Ie.MapWidget=Dn,Ie.Permissions=sw,Ie.Raster=Z0,Ie.Register=nd,Ie.Service=Sg,Ie.default=Dn,Ie.install=iw,Ie.template1=Po,Ie.template2=Ro,Ie.template3=Oo,Ie.template4=Uo,Ie.template5=qo,Object.defineProperties(Ie,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|