ekke
4952c92e42
Four changes that together get a signed-in officer back to working data. The SSO validation in index.php and embed.php called the public hostname from inside the server. The Lands Commission's NAT rule blocks traffic that leaves the server and tries to come back in, so that curl stalled for its full 30-second timeout and then failed validation, bouncing the user back to the login. Both now call http://l4lmainbackend/sso/validate, overridable with LUPMIS_SSO_BASE. Measured from inside the spdrawing container: 25 ms with no redirect, against a 10-second timeout on the public name. API_ROOT is now the relative path /api. The PWA host already proxies it to the ApiEngine container — a deliberate route, not a catch-all: /api answers on pwa. and api. but not on permits., minio. or minioapi. Same-origin removes the mixed-content, CORS and CORP constraints that Cross-Origin-Embedder-Policy: require-corp imposes on a cross-origin call, and no API hostname is compiled into the bundle any more. The dev server proxies /api to the public host, which is right there because a developer's machine is outside the server and only callers inside it are blocked from the public name. A direct request for /index.html bypassed index.php, which is what injects window.LUPMIS_SESSION, so the app started with no session at all and said so in the menu. The LUSPA landing page links to exactly that URL, and the SPA fallback could not help because its RewriteCond !-f fails precisely when the file exists. .htaccess now routes it through index.php; index.php reads index.html from the filesystem, so there is no loop. This one is inert until AllowOverride is relaxed on the PWA container, where it is currently None. Service worker v29, and v28 before it, which carries the GIS Tools rename to devices that already have the app installed. The tile cache stays pinned at v24, so downloaded map areas survive both updates. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
934 lines
288 KiB
JavaScript
934 lines
288 KiB
JavaScript
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/geotiff-B_Wfowsp.js","assets/openlayers-D5-VSKzq.js","assets/openlayers-BtPuoxOl.css","assets/vite-helpers-BlTxHScW.js","assets/pako-n3Pgozwg.js","assets/pdf-export-DJBZ6C0H.js","assets/jspdf-HFui8oS7.js","assets/analysis-modal-BJxejC9Q.js","assets/bootstrap-D1-uvFxm.js","assets/bootstrap-BtmJYOxZ.css","assets/turf-B-0GbNlN.js","assets/ol-ext-DV70ljNY.js","assets/ol-ext-BgKrOIxx.css"])))=>i.map(i=>d[i]);
|
||
import{_ as Le}from"./vite-helpers-BlTxHScW.js";import{M as lt}from"./bootstrap-D1-uvFxm.js";import{ak as xe,h as M,F as A,j as I,k as he,m as fo,b as G,V as D,L as de,D as Ce,P as at,al as We,n as fe,am as Me,M as To,an as gr,ao as ee,ap as mr,S as yr,J as br,G as wr,aq as _r,ar as vr,as as Er,o as dt,O as Ee,at as nt,au as vt,A as xr,T as se,av as Ae,aw as Lo,ax as le,ay as ko,e as Sr,u as Nt,s as Tr,az as gn,aA as ho}from"./openlayers-D5-VSKzq.js";import{o as Lr,a as kr,b as Ir,c as Pr,d as Xt,e as Io,f as tt,g as Mr,h as Se,i as Ar,j as Po}from"./ol-ext-DV70ljNY.js";(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const n of document.querySelectorAll('link[rel="modulepreload"]'))r(n);new MutationObserver(n=>{for(const s of n)if(s.type==="childList")for(const a of s.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&r(a)}).observe(document,{childList:!0,subtree:!0});function t(n){const s={};return n.integrity&&(s.integrity=n.integrity),n.referrerPolicy&&(s.referrerPolicy=n.referrerPolicy),n.crossOrigin==="use-credentials"?s.credentials="include":n.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function r(n){if(n.ep)return;n.ep=!0;const s=t(n);fetch(n.href,s)}})();const Mo="function",je="64e10b34-2bf7-4616-9668-f99de5aa046e",Cr="get",Fr="has",Or="set",{isArray:yt}=Array;let{SharedArrayBuffer:Et,window:Dr}=globalThis,{notify:mn,wait:yn,waitAsync:xt}=Atomics,bn=null;xt||(xt=o=>({value:new Promise(e=>{let t=new Worker("data:application/javascript,onmessage%3D(%7Bdata%3Ab%7D)%3D%3E(Atomics.wait(b%2C0)%2CpostMessage(0))");t.onmessage=e,t.postMessage(o)})}));try{new Et(4)}catch{Et=ArrayBuffer;const e=new WeakMap;if(Dr){const t=new Map,{prototype:{postMessage:r}}=Worker,n=s=>{const a=s.data?.[je];if(!yt(a)){s.stopImmediatePropagation();const{id:i,sb:l}=a;t.get(i)(l)}};bn=function(s,...a){const i=s?.[je];if(yt(i)){const[l,c]=i;e.set(c,l),this.addEventListener("message",n)}return r.call(this,s,...a)},xt=s=>({value:new Promise(a=>{t.set(e.get(s),a)}).then(a=>{t.delete(e.get(s)),e.delete(s);for(let i=0;i<a.length;i++)s[i]=a[i];return"ok"})})}else{const t=(r,n)=>({[je]:{id:r,sb:n}});mn=r=>{postMessage(t(e.get(r),r))},addEventListener("message",r=>{const n=r.data?.[je];if(yt(n)){const[s,a]=n;e.set(a,s)}})}}/*! (c) Andrea Giammarchi - ISC */const{Int32Array:Yt,Map:Ao,Uint16Array:Jt}=globalThis,{BYTES_PER_ELEMENT:Co}=Yt,{BYTES_PER_ELEMENT:Rr}=Jt,Nr=(o,e,t)=>{for(;yn(o,0,0,e)==="timed-out";)t()},Zt=new WeakSet,$t=new WeakMap,$r={value:{then:o=>o()}};let Br=0;const go=(o,{parse:e=JSON.parse,stringify:t=JSON.stringify,transform:r,interrupt:n}=JSON)=>{if(!$t.has(o)){const s=bn||o.postMessage,a=(f,...p)=>s.call(o,{[je]:p},{transfer:f}),i=typeof n===Mo?n:n?.handler,l=n?.delay||42,c=new TextDecoder("utf-16"),d=(f,p)=>f?xt(p,0):(i?Nr(p,l,i):yn(p,0),$r);let u=!1;$t.set(o,new Proxy(new Ao,{[Fr]:(f,p)=>typeof p=="string"&&!p.startsWith("_"),[Cr]:(f,p)=>p==="then"?null:((...h)=>{const g=Br++;let m=new Yt(new Et(Co*2)),y=[];Zt.has(h.at(-1)||y)&&Zt.delete(y=h.pop()),a(y,g,m,p,r?h.map(r):h);const w=o!==globalThis;let _=0;return u&&w&&(_=setTimeout(console.warn,1e3,`💀🔒 - Possible deadlock if proxy.${p}(...args) is awaited`)),d(w,m).value.then(()=>{clearTimeout(_);const E=m[1];if(!E)return;const T=Rr*E;return m=new Yt(new Et(T+T%Co)),a([],g,m),d(w,m).value.then(()=>e(c.decode(new Jt(m.buffer).slice(0,E))))})}),[Or](f,p,h){const g=typeof h;if(g!==Mo)throw new Error(`Unable to assign ${p} as ${g}`);if(!f.size){const m=new Ao;o.addEventListener("message",async y=>{const w=y.data?.[je];if(yt(w)){y.stopImmediatePropagation();const[_,E,...T]=w;let x;if(T.length){const[S,P]=T;if(f.has(S)){u=!0;try{const k=await f.get(S)(...P);if(k!==void 0){const j=t(r?r(k):k);m.set(_,j),E[1]=j.length}}catch(k){x=k}finally{u=!1}}else x=new Error(`Unsupported action: ${S}`);E[0]=1}else{const S=m.get(_);m.delete(_);for(let P=new Jt(E.buffer),k=0;k<S.length;k++)P[k]=S.charCodeAt(k)}if(mn(E,0),x)throw x}})}return!!f.set(p,h)}}))}return $t.get(o)};go.transfer=(...o)=>(Zt.add(o),o);function Fo(){let o,e;return{lock:async()=>{for(;o;)await o;o=new Promise(n=>{e=n})},unlock:async()=>{const n=e;o=void 0,e=void 0,n?.()}}}async function wn(o,e){let t;if(o instanceof Blob?t=o.stream():t=o,t instanceof ReadableStream&&e){const n=t.getReader();switch(e){case"callback":return async()=>(await n.read()).value;case"buffer":const s=[];let a=!1;for(;!a;){const d=await n.read();d.value&&s.push(d.value),a=d.done}const i=s.reduce((d,u)=>d+u.length,0),l=new Uint8Array(i);let c=0;return s.forEach(d=>{l.set(d,c),c+=d.length}),l.buffer}}else return t}class St{constructor(e){Object.defineProperty(this,"sqlite3InitModule",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"sqlite3",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"db",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"config",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"pointers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"writeCallbacks",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"storageType",{enumerable:!0,configurable:!0,writable:!0,value:"memory"})}async init(e){const{databasePath:t}=e,r=this.getFlags(e);if(!this.sqlite3InitModule){const{default:n}=await Le(async()=>{const{default:s}=await import("./index-DTMgZTfd.js");return{default:s}},[]);this.sqlite3InitModule=n}this.sqlite3||(this.sqlite3=await this.sqlite3InitModule()),this.db&&await this.destroy(),this.db=new this.sqlite3.oo1.DB(t,r),this.config=e,this.initWriteHook()}onWrite(e){return this.writeCallbacks.add(e),()=>{this.writeCallbacks.delete(e)}}async exec(e){if(!this.db)throw new Error("Driver not initialized");return this.execOnDb(this.db,e)}async execBatch(e){if(!this.db)throw new Error("Driver not initialized");const t=[];return this.db.transaction(r=>{const n=new Map;try{for(let s of e){let a=n.get(s.sql);if(!a){const c=r.prepare(s.sql);n.set(s.sql,c),a=c}s.params?.length&&a.bind(s.params);let i=[],l=[];for(;a.step();)i=a.getColumnNames([]),l.push(a.get([]));t.push({columns:i,rows:l}),a.reset()}}finally{n.forEach(s=>{s.finalize()})}}),t}async isDatabasePersisted(){return!1}async getDatabaseSizeBytes(){const t=(await this.exec({sql:`SELECT page_count * page_size AS size
|
||
FROM pragma_page_count(), pragma_page_size()`,method:"get"}))?.rows?.[0];if(typeof t!="number")throw new Error("Failed to query database size");return t}async createFunction(e){if(!this.db)throw new Error("Driver not initialized");switch(e.type){case"callback":case"scalar":this.db.createFunction({name:e.name,xFunc:(t,...r)=>e.func(...r),arity:-1});break;case"aggregate":this.db.createFunction({name:e.name,xStep:(t,...r)=>e.func.step(...r),xFinal:(t,...r)=>e.func.final(...r),arity:-1});break}}async import(e){if(!this.sqlite3||!this.db||!this.config)throw new Error("Driver not initialized");const t=await wn(e,"buffer"),r=this.sqlite3.wasm.allocFromTypedArray(t);this.pointers.push(r);const n=this.sqlite3.capi.sqlite3_deserialize(this.db,"main",r,t.byteLength,t.byteLength,this.config.readOnly?this.sqlite3.capi.SQLITE_DESERIALIZE_READONLY:this.sqlite3.capi.SQLITE_DESERIALIZE_RESIZEABLE);this.db.checkRc(n)}async export(){if(!this.sqlite3||!this.db)throw new Error("Driver not initialized");return{name:"database.sqlite3",data:this.sqlite3.capi.sqlite3_js_db_export(this.db)}}async clear(){}async destroy(){this.closeDb(),this.pointers.forEach(e=>this.sqlite3?.wasm.dealloc(e)),this.pointers=[],this.writeCallbacks.clear()}getFlags(e){const{readOnly:t,verbose:r}=e;return[t===!0?"r":"cw",r===!0?"t":""].join("")}execOnDb(e,t){const r={rows:[],columns:[]},n=e.exec({sql:t.sql,bind:t.params,returnValue:"resultRows",rowMode:"array",columnNames:r.columns});switch(t.method){case"run":break;case"get":r.rows=n[0]??[];break;case"all":default:r.rows=n;break}return r}initWriteHook(){if(!this.config?.reactive)return;if(!this.sqlite3||!this.db)throw new Error("Driver not initialized");const e={[this.sqlite3.capi.SQLITE_INSERT]:"insert",[this.sqlite3.capi.SQLITE_UPDATE]:"update",[this.sqlite3.capi.SQLITE_DELETE]:"delete"};this.sqlite3.capi.sqlite3_update_hook(this.db,(t,r,n,s,a)=>{this.writeCallbacks.forEach(i=>{i({table:s,rowid:a,operation:e[r]})})},0)}closeDb(){this.db&&(this.db.close(),this.db=void 0)}}function Gr(o,e,t){let r,n,s,a,i,l,c=0,d=!1,u=!1,f=!0;if(typeof o!="function")throw new TypeError("Expected a function");e=Number(e)||0,typeof t=="object"&&t!==null&&(d=!!t.leading,u="maxWait"in t,s=u?Math.max(Number(t.maxWait)||0,e):0,f="trailing"in t?!!t.trailing:f);function p(x){const S=r,P=n;return r=n=void 0,c=x,a=o.apply(P,S),a}function h(x){return c=x,i=setTimeout(y,e),d?p(x):a}function g(x){const S=x-(l??0),P=x-c,k=e-S;return u?Math.min(k,s-P):k}function m(x){const S=x-(l??0),P=x-c;return l===void 0||S>=e||S<0||u&&P>=s}function y(){const x=Date.now();if(m(x))return w(x);i=setTimeout(y,g(x))}function w(x){return i=void 0,f&&r?p(x):(r=n=void 0,a)}function _(){i!==void 0&&clearTimeout(i),c=0,r=l=n=i=void 0}function E(){return i===void 0?a:w(Date.now())}function T(){const x=Date.now(),S=m(x);if(r=arguments,n=this,l=x,S){if(i===void 0)return h(l);if(u)return i=setTimeout(y,e),p(l)}return i===void 0&&(i=setTimeout(y,e)),a}return T.cancel=_,T.flush=E,T}function bt(){return crypto.randomUUID()}function _n(o,e){switch(o){case"session":case":sessionStorage:":let t=sessionStorage._sqlocal_session_key;return t||(t=bt(),sessionStorage._sqlocal_session_key=t),`session:${t}`;case"local":case":localStorage:":return"local";case":memory:":return`memory:${e}`;default:return`path:${o}`}}class ut{constructor(e){Object.defineProperty(this,"driver",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"config",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"userFunctions",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"initMutex",{enumerable:!0,configurable:!0,writable:!0,value:Fo()}),Object.defineProperty(this,"transactionMutex",{enumerable:!0,configurable:!0,writable:!0,value:Fo()}),Object.defineProperty(this,"transactionKey",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"proxy",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dirtyTables",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"effectsChannel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"reinitChannel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onmessage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"init",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{if(!(!this.config.databasePath||!this.config.clientKey)){await this.initMutex.lock();try{try{await this.driver.init(this.config)}catch{console.warn(`Persistence failed, so ${this.config.databasePath} will not be saved. For origin private file system persistence, make sure your web server is configured to use the correct HTTP response headers (See https://sqlocal.dev/guide/setup#cross-origin-isolation).`),this.config.databasePath=":memory:",this.driver=new St,await this.driver.init(this.config)}const s=_n(this.config.databasePath,this.config.clientKey);this.reinitChannel=new BroadcastChannel(`_sqlocal_reinit_(${s})`),this.reinitChannel.onmessage=a=>{const i=a.data;if(this.config.clientKey!==i.clientKey)switch(i.type){case"reinit":this.init(i.reason);break;case"close":this.driver.destroy();break}},this.config.reactive&&(this.effectsChannel=new BroadcastChannel(`_sqlocal_effects_(${s})`),this.driver.onWrite(async a=>{this.dirtyTables.add(a.table),await this.transactionMutex.lock(),this.emitEffectsDebounced(),await this.transactionMutex.unlock()})),await Promise.all(Array.from(this.userFunctions.values()).map(a=>this.initUserFunction(a))),await this.execInitStatements(),this.emitMessage({type:"event",event:"connect",reason:n})}catch(s){this.emitMessage({type:"error",error:s,queryKey:null}),await this.destroy()}finally{await this.initMutex.unlock()}}}}),Object.defineProperty(this,"postMessage",{enumerable:!0,configurable:!0,writable:!0,value:async(n,s)=>{const a=n instanceof MessageEvent?n.data:n;switch(await this.initMutex.lock(),a.type){case"config":this.editConfig(a);break;case"query":case"batch":case"transaction":this.exec(a);break;case"function":this.createUserFunction(a);break;case"getinfo":this.getDatabaseInfo(a);break;case"import":this.importDb(a);break;case"export":this.exportDb(a);break;case"delete":this.deleteDb(a);break;case"destroy":this.destroy(a);break}await this.initMutex.unlock()}}),Object.defineProperty(this,"emitMessage",{enumerable:!0,configurable:!0,writable:!0,value:(n,s=[])=>{this.onmessage&&this.onmessage(n,s)}}),Object.defineProperty(this,"emitEffects",{enumerable:!0,configurable:!0,writable:!0,value:()=>{!this.effectsChannel||this.dirtyTables.size===0||(this.effectsChannel.postMessage({type:"effects",tables:[...this.dirtyTables]}),this.dirtyTables.clear())}}),Object.defineProperty(this,"emitEffectsDebounced",{enumerable:!0,configurable:!0,writable:!0,value:Gr(()=>this.emitEffects(),32,{maxWait:180})}),Object.defineProperty(this,"editConfig",{enumerable:!0,configurable:!0,writable:!0,value:n=>{this.config=n.config,this.init("initial")}}),Object.defineProperty(this,"exec",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{try{const s={type:"data",queryKey:n.queryKey,data:[]};switch(n.type){case"query":const a=this.transactionKey!==null&&this.transactionKey===n.transactionKey;try{a||await this.transactionMutex.lock();const i=await this.driver.exec(n);s.data.push(i)}finally{a||await this.transactionMutex.unlock()}break;case"batch":try{await this.transactionMutex.lock();const i=await this.driver.execBatch(n.statements);s.data.push(...i)}finally{await this.transactionMutex.unlock()}break;case"transaction":if(n.action==="begin"&&(await this.transactionMutex.lock(),this.transactionKey=n.transactionKey,await this.driver.exec({sql:"BEGIN"})),(n.action==="commit"||n.action==="rollback")&&this.transactionKey!==null&&this.transactionKey===n.transactionKey){const i=n.action==="commit"?"COMMIT":"ROLLBACK";await this.driver.exec({sql:i}),this.transactionKey=null,await this.transactionMutex.unlock()}break}this.emitMessage(s)}catch(s){this.emitMessage({type:"error",error:s,queryKey:n.queryKey})}}}),Object.defineProperty(this,"execInitStatements",{enumerable:!0,configurable:!0,writable:!0,value:async()=>{if(this.config.onInitStatements)for(let n of this.config.onInitStatements)await this.driver.exec(n)}}),Object.defineProperty(this,"getDatabaseInfo",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{try{this.emitMessage({type:"info",queryKey:n.queryKey,info:{databasePath:this.config.databasePath,storageType:this.driver.storageType,databaseSizeBytes:await this.driver.getDatabaseSizeBytes(),persisted:await this.driver.isDatabasePersisted()}})}catch(s){this.emitMessage({type:"error",queryKey:n.queryKey,error:s})}}}),Object.defineProperty(this,"createUserFunction",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{const{functionName:s,functionType:a,queryKey:i}=n;let l;if(this.userFunctions.has(s)){this.emitMessage({type:"error",error:new Error(`A user-defined function with the name "${s}" has already been created for this SQLocal instance.`),queryKey:i});return}switch(a){case"callback":l={type:a,name:s,func:(...c)=>{this.emitMessage({type:"callback",name:s,args:c})}};break;case"scalar":l={type:a,name:s,func:this.proxy[`_sqlocal_func_${s}`]};break;case"aggregate":l={type:a,name:s,func:{step:this.proxy[`_sqlocal_func_${s}_step`],final:this.proxy[`_sqlocal_func_${s}_final`]}};break}try{await this.initUserFunction(l),this.emitMessage({type:"success",queryKey:i})}catch(c){this.emitMessage({type:"error",error:c,queryKey:i})}}}),Object.defineProperty(this,"initUserFunction",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{await this.driver.createFunction(n),this.userFunctions.set(n.name,n)}}),Object.defineProperty(this,"importDb",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{const{queryKey:s,database:a}=n;let i=!1;try{await this.driver.import(a),this.driver.storageType==="memory"&&await this.execInitStatements()}catch(l){this.emitMessage({type:"error",error:l,queryKey:s}),i=!0}finally{this.driver.storageType!=="memory"&&await this.init("overwrite")}i||this.emitMessage({type:"success",queryKey:s})}}),Object.defineProperty(this,"exportDb",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{const{queryKey:s}=n;try{const{name:a,data:i}=await this.driver.export();this.emitMessage({type:"buffer",queryKey:s,bufferName:a,buffer:i},[i])}catch(a){this.emitMessage({type:"error",error:a,queryKey:s})}}}),Object.defineProperty(this,"deleteDb",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{const{queryKey:s}=n;let a=!1;try{await this.driver.clear()}catch(i){this.emitMessage({type:"error",error:i,queryKey:s}),a=!0}finally{await this.init("delete")}a||this.emitMessage({type:"success",queryKey:s})}}),Object.defineProperty(this,"destroy",{enumerable:!0,configurable:!0,writable:!0,value:async n=>{await this.driver.exec({sql:"PRAGMA optimize"}),await this.driver.destroy(),this.effectsChannel&&(this.emitEffectsDebounced.flush(),this.effectsChannel.close(),this.effectsChannel=void 0),this.reinitChannel&&(this.reinitChannel.close(),this.reinitChannel=void 0),n&&this.emitMessage({type:"success",queryKey:n.queryKey})}});const r=typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope?go(globalThis):globalThis;this.proxy=r,this.driver=e}}function Tt(o,...e){return{sql:o.join("?"),params:e}}function Ur(o){return!o.some(e=>!Array.isArray(e))}function Bt(o,e){let t;return Ur(o)?t=o:t=[o],t.map(r=>{const n={};return e.forEach((s,a)=>{n[s]=r[a]}),n})}function jr(o){return typeof o=="object"&&o!==null&&"getSQL"in o&&typeof o.getSQL=="function"}function zr(o){return typeof o=="object"&&o!==null&&"sql"in o&&typeof o.sql=="string"&&"params"in o}function Oo(o){if(typeof o=="function"&&(o=o(Tt)),jr(o))try{if(!("toSQL"in o&&typeof o.toSQL=="function"))throw 1;const r=o.toSQL();if(!zr(r))throw 2;const n="all"in o&&typeof o.all=="function"?o.all:void 0;return{...r,exec:n?()=>n():void 0}}catch{throw new Error("The passed statement could not be parsed.")}const e=o.sql;let t=[];return"params"in o?t=o.params:"parameters"in o&&(t=o.parameters),{sql:e,params:t}}function Do(o,e){let t;return typeof o=="string"?t={sql:o,params:e}:t=Tt(o,...e),t}async function pt(o,e,t,r){return!e&&"locks"in navigator?navigator.locks.request(`_sqlocal_mutation_(${t.databasePath})`,{mode:o},r):r()}class Ro extends St{constructor(e,t){super(t),Object.defineProperty(this,"storageType",{enumerable:!0,configurable:!0,writable:!0,value:e})}async init(e){const t=this.getFlags(e);if(e.readOnly)throw new Error(`SQLite storage type "${this.storageType}" does not support read-only mode.`);if(!this.sqlite3InitModule){const{default:r}=await Le(async()=>{const{default:n}=await import("./index-DTMgZTfd.js");return{default:n}},[]);this.sqlite3InitModule=r}this.sqlite3||(this.sqlite3=await this.sqlite3InitModule()),this.db&&await this.destroy(),this.db=new this.sqlite3.oo1.JsStorageDb({filename:this.storageType,flags:t}),this.config=e,this.initWriteHook()}async isDatabasePersisted(){return navigator.storage?.persisted()}async getDatabaseSizeBytes(){if(!this.db)throw new Error("Driver not initialized");return this.db.storageSize()}async import(e){const t=new St;await t.init({}),await t.import(e),await this.clear(),await t.exec({sql:`VACUUM INTO 'file:${this.storageType}?vfs=kvvfs'`}),await t.destroy()}async clear(){if(!this.db)throw new Error("Driver not initialized");this.db.clearStorage()}async destroy(){this.closeDb(),this.writeCallbacks.clear()}}var vn,En;class qr{constructor(e){Object.defineProperty(this,"config",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clientKey",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"processor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isDestroyed",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"bypassMutationLock",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"transactionQueryKeyQueue",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"userCallbacks",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"queriesInProgress",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"proxy",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"reinitChannel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"effectsChannel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"processMessageEvent",{enumerable:!0,configurable:!0,writable:!0,value:c=>{const d=c instanceof MessageEvent?c.data:c,u=this.queriesInProgress;switch(d.type){case"success":case"data":case"buffer":case"info":case"error":if(d.queryKey&&u.has(d.queryKey)){const[p,h]=u.get(d.queryKey);d.type==="error"?h(d.error):p(d),u.delete(d.queryKey)}else if(d.type==="error")throw d.error;break;case"callback":const f=this.userCallbacks.get(d.name);f&&f(...d.args??[]);break;case"event":this.config.onConnect?.(d.reason);break}}}),Object.defineProperty(this,"createQuery",{enumerable:!0,configurable:!0,writable:!0,value:async c=>pt("shared",this.bypassMutationLock||c.type==="import"||c.type==="delete",this.config,async()=>{if(this.isDestroyed===!0)throw new Error("This SQLocal client has been destroyed. You will need to initialize a new client in order to make further queries.");const d=bt();switch(c.type){case"import":this.processor.postMessage({...c,queryKey:d},[c.database]);break;default:this.processor.postMessage({...c,queryKey:d});break}return new Promise((u,f)=>{this.queriesInProgress.set(d,[u,f])})})}),Object.defineProperty(this,"broadcast",{enumerable:!0,configurable:!0,writable:!0,value:c=>{this.reinitChannel.postMessage(c)}}),Object.defineProperty(this,"exec",{enumerable:!0,configurable:!0,writable:!0,value:async(c,d,u="all",f)=>{const p=await this.createQuery({type:"query",transactionKey:f,sql:c,params:d,method:u}),h={rows:[],columns:[]};return p.type==="data"&&(h.rows=p.data[0]?.rows??[],h.columns=p.data[0]?.columns??[]),h}}),Object.defineProperty(this,"execBatch",{enumerable:!0,configurable:!0,writable:!0,value:async c=>{const d=await this.createQuery({type:"batch",statements:c}),u=new Array(c.length).fill({rows:[],columns:[]});return d.type==="data"&&d.data.forEach((f,p)=>{u[p]=f}),u}}),Object.defineProperty(this,"sql",{enumerable:!0,configurable:!0,writable:!0,value:async(c,...d)=>{const u=Do(c,d),{rows:f,columns:p}=await this.exec(u.sql,u.params,"all");return Bt(f,p)}}),Object.defineProperty(this,"batch",{enumerable:!0,configurable:!0,writable:!0,value:async c=>{const d=c(Tt);return(await this.execBatch(d)).map(({rows:f,columns:p})=>Bt(f,p))}}),Object.defineProperty(this,"beginTransaction",{enumerable:!0,configurable:!0,writable:!0,value:async()=>{const c=bt();await this.createQuery({type:"transaction",transactionKey:c,action:"begin"});const d=async h=>{const g=Oo(h);if(g.exec)return this.transactionQueryKeyQueue.push(c),g.exec();const{rows:m,columns:y}=await this.exec(g.sql,g.params,"all",c);return Bt(m,y)};return{query:d,sql:async(h,...g)=>{const m=Do(h,g);return await d(m)},commit:async()=>{await this.createQuery({type:"transaction",transactionKey:c,action:"commit"})},rollback:async()=>{await this.createQuery({type:"transaction",transactionKey:c,action:"rollback"})}}}}),Object.defineProperty(this,"transaction",{enumerable:!0,configurable:!0,writable:!0,value:async c=>pt("exclusive",!1,this.config,async()=>{let d;this.bypassMutationLock=!0;try{d=await this.beginTransaction();const u=await c({sql:d.sql,query:d.query});return await d.commit(),u}catch(u){throw await d?.rollback(),u}finally{this.bypassMutationLock=!1}})}),Object.defineProperty(this,"reactiveQuery",{enumerable:!0,configurable:!0,writable:!0,value:c=>{let d=[],u=!1,f=!1,p=0;const h=Oo(c),g=new Set,m=new Set,y=new Set,w=async()=>{try{const E=++p;if(g.size===0){const x=await this.sql("SELECT name, wr FROM tables_used(?) WHERE type = 'table'",h.sql),S=new Set,P=new Set;if(x.forEach(k=>{typeof k.name=="string"&&(k.wr?P.add(k.name):S.add(k.name))}),S.size===0)throw new Error("The passed SQL does not read any tables.");if(Array.from(P).some(k=>S.has(k)))throw new Error("The passed SQL would mutate one or more of the tables that it reads. Doing this in a reactive query would create an infinite loop.");S.forEach(k=>g.add(k))}const T=h.exec?await h.exec():await this.sql(h.sql,...h.params);E===p&&(d=T,u=!0,m.forEach(x=>x(d)))}catch(E){y.forEach(T=>{T(E instanceof Error?E:new Error(String(E)))})}},_=E=>{E.data.tables.some(T=>g.has(T))&&w()};return{get value(){return d},subscribe:(E,T)=>{if(!this.effectsChannel)throw new Error('This SQLocal instance is not configured for reactive queries. Set the "reactive" option to enable them.');return T||(T=x=>{throw x}),m.add(E),y.add(T),f?u&&E(d):(this.effectsChannel.addEventListener("message",_),f=!0,w()),{unsubscribe:()=>{m.delete(E),y.delete(T),m.size===0&&(this.effectsChannel?.removeEventListener("message",_),f=!1)}}}}}}),Object.defineProperty(this,"createCallbackFunction",{enumerable:!0,configurable:!0,writable:!0,value:async(c,d)=>{await this.createQuery({type:"function",functionName:c,functionType:"callback"}),this.userCallbacks.set(c,d)}}),Object.defineProperty(this,"createScalarFunction",{enumerable:!0,configurable:!0,writable:!0,value:async(c,d)=>{const u=`_sqlocal_func_${c}`,f=()=>{this.proxy[u]=d};this.proxy===globalThis&&f(),await this.createQuery({type:"function",functionName:c,functionType:"scalar"}),this.proxy!==globalThis&&f()}}),Object.defineProperty(this,"createAggregateFunction",{enumerable:!0,configurable:!0,writable:!0,value:async(c,d)=>{const u=`_sqlocal_func_${c}`,f=()=>{this.proxy[`${u}_step`]=d.step,this.proxy[`${u}_final`]=d.final};this.proxy===globalThis&&f(),await this.createQuery({type:"function",functionName:c,functionType:"aggregate"}),this.proxy!==globalThis&&f()}}),Object.defineProperty(this,"getDatabaseInfo",{enumerable:!0,configurable:!0,writable:!0,value:async()=>{const c=await this.createQuery({type:"getinfo"});if(c.type==="info")return c.info;throw new Error("The database failed to return valid information.")}}),Object.defineProperty(this,"getDatabaseFile",{enumerable:!0,configurable:!0,writable:!0,value:async()=>{const c=await this.createQuery({type:"export"});if(c.type==="buffer")return new File([c.buffer],c.bufferName,{type:"application/x-sqlite3"});throw new Error("The database failed to export.")}}),Object.defineProperty(this,"overwriteDatabaseFile",{enumerable:!0,configurable:!0,writable:!0,value:async(c,d)=>{await pt("exclusive",!1,this.config,async()=>{try{this.broadcast({type:"close",clientKey:this.clientKey});const u=await wn(c,"buffer");await this.createQuery({type:"import",database:u}),typeof d=="function"&&(this.bypassMutationLock=!0,await d()),this.broadcast({type:"reinit",clientKey:this.clientKey,reason:"overwrite"})}finally{this.bypassMutationLock=!1}})}}),Object.defineProperty(this,"deleteDatabaseFile",{enumerable:!0,configurable:!0,writable:!0,value:async c=>{await pt("exclusive",!1,this.config,async()=>{try{this.broadcast({type:"close",clientKey:this.clientKey}),await this.createQuery({type:"delete"}),typeof c=="function"&&(this.bypassMutationLock=!0,await c()),this.broadcast({type:"reinit",clientKey:this.clientKey,reason:"delete"})}finally{this.bypassMutationLock=!1}})}}),Object.defineProperty(this,"destroy",{enumerable:!0,configurable:!0,writable:!0,value:async()=>{await this.createQuery({type:"destroy"}),typeof globalThis.Worker<"u"&&this.processor instanceof Worker&&(this.processor.removeEventListener("message",this.processMessageEvent),this.processor.terminate()),this.queriesInProgress.clear(),this.userCallbacks.clear(),this.reinitChannel.close(),this.effectsChannel?.close(),this.isDestroyed=!0}}),Object.defineProperty(this,vn,{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.destroy()}}),Object.defineProperty(this,En,{enumerable:!0,configurable:!0,writable:!0,value:async()=>{await this.destroy()}});const t=typeof e=="string"?{databasePath:e}:e,{onInit:r,onConnect:n,processor:s,...a}=t,{databasePath:i}=a;this.config=t,this.clientKey=bt();const l=_n(i,this.clientKey);if(this.reinitChannel=new BroadcastChannel(`_sqlocal_reinit_(${l})`),a.reactive&&(this.effectsChannel=new BroadcastChannel(`_sqlocal_effects_(${l})`)),typeof s<"u")this.processor=s;else if(i==="local"||i===":localStorage:"){const c=new Ro("local");this.processor=new ut(c)}else if(i==="session"||i===":sessionStorage:"){const c=new Ro("session");this.processor=new ut(c)}else if(typeof globalThis.Worker<"u"&&i!==":memory:")this.processor=new Worker(new URL("/assets/worker-CuIBOSaM.js",import.meta.url),{type:"module"});else{const c=new St;this.processor=new ut(c)}this.processor instanceof ut?(this.processor.onmessage=c=>this.processMessageEvent(c),this.proxy=globalThis):(this.processor.addEventListener("message",this.processMessageEvent),this.proxy=go(this.processor)),this.processor.postMessage({type:"config",config:{...a,clientKey:this.clientKey,onInitStatements:r?.(Tt)??[]}})}}vn=Symbol.dispose,En=Symbol.asyncDispose;const mo="lupmis2.db",Hr="lupmis-db-sync",xn=new qr(mo),{sql:b}=xn;console.log("[Database] SQLocal instance created for:",mo);const Sn=new BroadcastChannel(Hr);let Tn=!1,Ln,kn;const No=new Promise((o,e)=>{Ln=o,kn=e}),Lt=new Set;function Wr(o){return Lt.add(o),()=>Lt.delete(o)}Sn.onmessage=o=>{const{type:e,payload:t}=o.data;if(e==="DB_CHANGE")for(const r of Lt)try{r(t)}catch(n){console.error("[Database] Change listener error:",n)}};function Y(o,e,t=null){Sn.postMessage({type:"DB_CHANGE",payload:{table:o,action:e,id:t,timestamp:Date.now()}});for(const r of Lt)try{r({table:o,action:e,id:t,timestamp:Date.now(),local:!0})}catch(n){console.error("[Database] Change listener error:",n)}}async function Vr(){try{console.log("[Database] Initializing schema...");const o=await b`SELECT sqlite_version() as version`;console.log("[Database] SQLite version:",o[0]?.version),console.log("[Database] Creating locations table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS locations (
|
||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||
name TEXT NOT NULL,
|
||
longitude REAL NOT NULL,
|
||
latitude REAL NOT NULL,
|
||
description TEXT,
|
||
category TEXT DEFAULT 'default',
|
||
created_at TEXT DEFAULT CURRENT_TIMESTAMP,
|
||
updated_at TEXT DEFAULT CURRENT_TIMESTAMP,
|
||
synced INTEGER DEFAULT 0
|
||
)
|
||
`;const e=await b`SELECT name FROM sqlite_master WHERE type='table' AND name='locations'`;console.log("[Database] Locations table exists:",e.length>0),console.log("[Database] Creating sync_log table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS sync_log (
|
||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||
table_name TEXT NOT NULL,
|
||
record_id INTEGER NOT NULL,
|
||
action TEXT NOT NULL,
|
||
timestamp TEXT DEFAULT CURRENT_TIMESTAMP,
|
||
synced INTEGER DEFAULT 0
|
||
)
|
||
`,console.log("[Database] Creating remote_data table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS remote_data (
|
||
key TEXT PRIMARY KEY,
|
||
data TEXT NOT NULL,
|
||
fetched_at TEXT DEFAULT CURRENT_TIMESTAMP
|
||
)
|
||
`,console.log("[Database] Creating collector_zones table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS collector_zones (
|
||
id INTEGER PRIMARY KEY,
|
||
zone_name TEXT,
|
||
geometry_wkt TEXT,
|
||
properties TEXT,
|
||
fetched_at TEXT DEFAULT CURRENT_TIMESTAMP
|
||
)
|
||
`,console.log("[Database] Creating parcels table...");try{const r=await b`PRAGMA table_info(parcels)`;r.length>0&&!r.some(n=>n.name==="upn")&&(console.log("[Database] Migrating parcels table to lu_parcels structure (dropping old cache)..."),await b`DROP TABLE parcels`)}catch(r){console.warn("[Database] parcels migration check failed:",r)}await b`
|
||
CREATE TABLE IF NOT EXISTS parcels (
|
||
id INTEGER PRIMARY KEY,
|
||
upn TEXT,
|
||
style INTEGER,
|
||
landuse TEXT,
|
||
zone_code TEXT,
|
||
zone_name TEXT,
|
||
sector TEXT,
|
||
block TEXT,
|
||
parcel_no TEXT,
|
||
prop_no TEXT,
|
||
st_name TEXT,
|
||
prop_add TEXT,
|
||
fac_name TEXT,
|
||
min_height INTEGER,
|
||
max_height INTEGER,
|
||
eff_date TEXT,
|
||
lp_name TEXT,
|
||
locality TEXT,
|
||
mmda TEXT,
|
||
last_update TEXT,
|
||
remarks TEXT,
|
||
geometry_wkt TEXT,
|
||
created_at TEXT,
|
||
updated_at TEXT,
|
||
districtid INTEGER,
|
||
status TEXT DEFAULT 'verified',
|
||
fetched_at TEXT DEFAULT CURRENT_TIMESTAMP
|
||
)
|
||
`,console.log("[Database] Creating building_footprints table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS building_footprints (
|
||
id INTEGER PRIMARY KEY,
|
||
geometry_wkt TEXT,
|
||
properties TEXT,
|
||
fetched_at TEXT DEFAULT CURRENT_TIMESTAMP
|
||
)
|
||
`,console.log("[Database] Creating osm_roads table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS osm_roads (
|
||
osm_id INTEGER PRIMARY KEY,
|
||
geometry_wkt TEXT,
|
||
properties TEXT,
|
||
fetched_at TEXT DEFAULT CURRENT_TIMESTAMP
|
||
)
|
||
`,console.log("[Database] Creating upn_grid table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS upn_grid (
|
||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||
districtid INTEGER,
|
||
upn_prefix TEXT,
|
||
geometry_wkt TEXT,
|
||
fetched_at TEXT DEFAULT CURRENT_TIMESTAMP
|
||
)
|
||
`,console.log("[Database] Creating gps_trails table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS gps_trails (
|
||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||
client_uuid TEXT UNIQUE,
|
||
name TEXT,
|
||
district_id TEXT,
|
||
started_at TEXT NOT NULL,
|
||
ended_at TEXT,
|
||
status TEXT NOT NULL DEFAULT 'recording',
|
||
point_count INTEGER NOT NULL DEFAULT 0,
|
||
distance_m REAL NOT NULL DEFAULT 0,
|
||
synced INTEGER NOT NULL DEFAULT 0,
|
||
remote_id TEXT,
|
||
created_at TEXT DEFAULT CURRENT_TIMESTAMP
|
||
)
|
||
`,console.log("[Database] Creating gps_trail_points table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS gps_trail_points (
|
||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||
trail_id INTEGER NOT NULL,
|
||
seq INTEGER NOT NULL,
|
||
longitude REAL NOT NULL,
|
||
latitude REAL NOT NULL,
|
||
altitude REAL,
|
||
accuracy REAL,
|
||
altitude_accuracy REAL,
|
||
heading REAL,
|
||
speed REAL,
|
||
satellites INTEGER,
|
||
recorded_at TEXT NOT NULL
|
||
)
|
||
`,console.log("[Database] Creating external_imports table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS external_imports (
|
||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||
filename TEXT NOT NULL,
|
||
target_type TEXT NOT NULL DEFAULT 'other',
|
||
mapping_json TEXT,
|
||
status TEXT NOT NULL DEFAULT 'imported',
|
||
feature_count INTEGER NOT NULL DEFAULT 0,
|
||
error_count INTEGER NOT NULL DEFAULT 0,
|
||
client_import_id TEXT UNIQUE,
|
||
created_at TEXT DEFAULT CURRENT_TIMESTAMP,
|
||
last_uploaded_at TEXT
|
||
)
|
||
`,console.log("[Database] Creating external_import_features table..."),await b`
|
||
CREATE TABLE IF NOT EXISTS external_import_features (
|
||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||
import_id INTEGER NOT NULL REFERENCES external_imports(id) ON DELETE CASCADE,
|
||
client_uuid TEXT UNIQUE,
|
||
geometry_wkt TEXT NOT NULL,
|
||
properties_json TEXT,
|
||
upload_status TEXT NOT NULL DEFAULT 'pending',
|
||
server_id INTEGER,
|
||
error_message TEXT
|
||
)
|
||
`,await b`CREATE INDEX IF NOT EXISTS idx_locations_category ON locations(category)`,await b`CREATE INDEX IF NOT EXISTS idx_locations_synced ON locations(synced)`,await b`CREATE INDEX IF NOT EXISTS idx_gps_trails_synced ON gps_trails(synced, status)`,await b`CREATE INDEX IF NOT EXISTS idx_gps_trail_points_trail ON gps_trail_points(trail_id, seq)`,await b`CREATE INDEX IF NOT EXISTS idx_external_imports_status ON external_imports(status)`,await b`CREATE INDEX IF NOT EXISTS idx_external_import_features_import ON external_import_features(import_id, upload_status)`;const t=await b`SELECT name FROM sqlite_master WHERE type='table' AND name NOT LIKE 'sqlite_%'`;console.log("[Database] All tables:",t.map(r=>r.name)),Tn=!0,Ln(!0),console.log("[Database] ✓ Schema initialized")}catch(o){throw console.error("[Database] ✗ Schema init failed:",o),kn(o),o}}async function Kr(o,e,t,r={}){const{description:n=null,category:s="default"}=r;console.log("[Database] Adding location:",o,e,t,s);try{const a=await b`SELECT name FROM sqlite_master WHERE type='table' AND name='locations'`;if(console.log("[Database] Table check before insert:",a),a.length===0)throw console.error("[Database] ✗ locations table does not exist!"),new Error("locations table does not exist");console.log("[Database] Executing INSERT..."),await b`
|
||
INSERT INTO locations (name, longitude, latitude, description, category)
|
||
VALUES (${o}, ${e}, ${t}, ${n}, ${s})
|
||
`,console.log("[Database] INSERT completed");const l=(await b`SELECT last_insert_rowid() as id`)[0]?.id;console.log("[Database] New ID:",l);const c=await b`SELECT * FROM locations WHERE id = ${l}`;if(console.log("[Database] Verify insert:",c),c.length===0)throw console.error("[Database] ✗ Insert verification failed - row not found!"),new Error("Insert verification failed");return await b`
|
||
INSERT INTO sync_log (table_name, record_id, action)
|
||
VALUES ('locations', ${l}, 'INSERT')
|
||
`,Y("locations","INSERT",l),console.log("[Database] ✓ Location added:",l),{id:l}}catch(a){throw console.error("[Database] ✗ Failed to add location:",a),a}}async function In(o={}){const{category:e=null,limit:t=1e3}=o;try{const r=await b`SELECT name FROM sqlite_master WHERE type='table' AND name='locations'`;if(console.log("[Database] getLocations - table exists:",r.length>0),r.length===0)return console.warn("[Database] locations table does not exist yet"),[];let n;return e?n=await b`
|
||
SELECT * FROM locations
|
||
WHERE category = ${e}
|
||
ORDER BY created_at DESC
|
||
LIMIT ${t}
|
||
`:n=await b`
|
||
SELECT * FROM locations
|
||
ORDER BY created_at DESC
|
||
LIMIT ${t}
|
||
`,console.log("[Database] getLocations returned",n.length,"rows"),n}catch(r){return console.error("[Database] getLocations error:",r),[]}}async function Xr(){try{return(await b`SELECT COUNT(*) as count FROM locations`)[0]?.count??0}catch(o){return console.error("[Database] getLocationCount error:",o),0}}async function Pn(o,e){try{const t=JSON.stringify(e);await b`
|
||
INSERT OR REPLACE INTO remote_data (key, data, fetched_at)
|
||
VALUES (${o}, ${t}, CURRENT_TIMESTAMP)
|
||
`,console.log("[Database] ✓ Remote data cached:",o)}catch(t){throw console.error("[Database] ✗ Failed to cache remote data:",o,t),t}}async function Mn(o){try{const e=await b`SELECT data, fetched_at FROM remote_data WHERE key = ${o}`;if(e.length===0)return null;const t=JSON.parse(e[0].data);return console.log("[Database] ✓ Remote data loaded from cache:",o,"(fetched",e[0].fetched_at+")"),t}catch(e){return console.error("[Database] ✗ Failed to read cached remote data:",o,e),null}}async function Yr(o){try{await b`DELETE FROM collector_zones`;for(const e of o){const t=JSON.stringify(e);await b`
|
||
INSERT INTO collector_zones (id, zone_name, geometry_wkt, properties, fetched_at)
|
||
VALUES (${e.colzonenr||e.id}, ${e.colzonename||e.zone_name||""}, ${e.polygon||e.boundary||""}, ${t}, CURRENT_TIMESTAMP)
|
||
`}console.log("[Database] ✓ Saved",o.length,"collector zones")}catch(e){throw console.error("[Database] ✗ Failed to save collector zones:",e),e}}async function Jr(){try{const o=await b`SELECT properties FROM collector_zones ORDER BY id`;return o.length===0?null:o.map(e=>JSON.parse(e.properties))}catch(o){return console.error("[Database] ✗ Failed to read local collector zones:",o),null}}async function Zr(o,e){try{await b`BEGIN`,await b`DELETE FROM upn_grid`;let t=0;for(const r of o){const n=r.polygon||r.geometry_wkt||r.geom||"";await b`
|
||
INSERT INTO upn_grid (districtid, upn_prefix, geometry_wkt, fetched_at)
|
||
VALUES (${X(e)}, ${r.upn_prefix??null}, ${n}, CURRENT_TIMESTAMP)
|
||
`,t++}await b`COMMIT`,console.log("[Database] ✓ Saved",t,"UPN-grid cells (district",e,")")}catch(t){try{await b`ROLLBACK`}catch{}throw console.error("[Database] ✗ Failed to save UPN grid:",t),t}}async function Qr(o){try{const e=await b`
|
||
SELECT id, districtid, upn_prefix, geometry_wkt
|
||
FROM upn_grid
|
||
WHERE districtid = ${X(o)}
|
||
ORDER BY id
|
||
`;return e.length===0?null:e}catch(e){return console.error("[Database] ✗ Failed to read UPN grid:",e),null}}function An(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,o=>{const e=Math.random()*16|0;return(o==="x"?e:e&3|8).toString(16)})}async function es(o){const{filename:e,targetType:t="other",featureCount:r=0}=o,n=An();try{await b`
|
||
INSERT INTO external_imports
|
||
(filename, target_type, status, feature_count, client_import_id)
|
||
VALUES
|
||
(${e}, ${t},
|
||
${t==="other"?"other":"imported"},
|
||
${r}, ${n})
|
||
`;const a=(await b`SELECT last_insert_rowid() AS id`)[0]?.id;return Y("external_imports","INSERT",a),{id:a,client_import_id:n}}catch(s){throw console.error("[Database] ✗ Failed to create external import:",s),s}}async function ts(o,e){if(!Array.isArray(e)||e.length===0)return 0;try{await b`BEGIN`;let t=0;for(const r of e){const n=r.geometry_wkt||"";if(!n)continue;const s=JSON.stringify(r.properties??{}),a=r.client_uuid||An();await b`
|
||
INSERT INTO external_import_features
|
||
(import_id, client_uuid, geometry_wkt, properties_json, upload_status)
|
||
VALUES
|
||
(${o}, ${a}, ${n}, ${s}, 'pending')
|
||
`,t++}return await b`COMMIT`,Y("external_import_features","INSERT",o),t}catch(t){try{await b`ROLLBACK`}catch{}throw console.error("[Database] ✗ Failed to add import features:",t),t}}async function kt(o,e={}){try{const t=await b`SELECT * FROM external_imports WHERE id = ${o}`;if(t.length===0)throw new Error(`Import ${o} not found`);const r=t[0],n=e.targetType??r.target_type,s=e.mapping!==void 0?e.mapping?JSON.stringify(e.mapping):null:r.mapping_json,a=e.status??r.status,i=e.errorCount??r.error_count,l=e.lastUploadedAt??r.last_uploaded_at;await b`
|
||
UPDATE external_imports SET
|
||
target_type = ${n},
|
||
mapping_json = ${s},
|
||
status = ${a},
|
||
error_count = ${i},
|
||
last_uploaded_at = ${l}
|
||
WHERE id = ${o}
|
||
`,Y("external_imports","UPDATE",o)}catch(t){throw console.error("[Database] ✗ Failed to update external import:",t),t}}async function os(o){try{const e=await b`SELECT * FROM external_imports WHERE id = ${o}`;if(e.length===0)return null;const t=e[0];return{...t,mapping:t.mapping_json?JSON.parse(t.mapping_json):null}}catch(e){return console.error("[Database] ✗ Failed to read external import:",e),null}}async function ns(o){try{return(await b`
|
||
SELECT id, client_uuid, geometry_wkt, properties_json,
|
||
upload_status, server_id, error_message
|
||
FROM external_import_features
|
||
WHERE import_id = ${o}
|
||
ORDER BY id
|
||
`).map(t=>({...t,properties:t.properties_json?JSON.parse(t.properties_json):{}}))}catch(e){return console.error("[Database] ✗ Failed to read import features:",e),[]}}async function rs(o,e){try{const t=await b`
|
||
SELECT id, properties_json
|
||
FROM external_import_features
|
||
WHERE import_id = ${o}
|
||
`;if(t.length===0)return 0;await b`BEGIN`;let r=0;for(const n of t){const s=n.properties_json?JSON.parse(n.properties_json):{},a=e(s)??{};await b`
|
||
UPDATE external_import_features
|
||
SET properties_json = ${JSON.stringify(a)}
|
||
WHERE id = ${n.id}
|
||
`,r++}return await b`COMMIT`,Y("external_import_features","UPDATE",o),r}catch(t){try{await b`ROLLBACK`}catch{}throw console.error("[Database] ✗ Failed to remap import features:",t),t}}async function ss(o,e,t){try{if(t!==void 0){const r=JSON.stringify(t);await b`
|
||
UPDATE external_import_features
|
||
SET geometry_wkt = ${e}, properties_json = ${r}
|
||
WHERE client_uuid = ${o}
|
||
`}else await b`
|
||
UPDATE external_import_features
|
||
SET geometry_wkt = ${e}
|
||
WHERE client_uuid = ${o}
|
||
`;Y("external_import_features","UPDATE",o)}catch(r){throw console.error("[Database] ✗ Failed to update import feature geometry:",r),r}}async function as(o){try{const e=await b`
|
||
SELECT import_id FROM external_import_features WHERE client_uuid = ${o}
|
||
`;if(e.length===0)return;const t=e[0].import_id;await b`BEGIN`;try{await b`DELETE FROM external_import_features WHERE client_uuid = ${o}`,await b`
|
||
UPDATE external_imports
|
||
SET feature_count = MAX(0, feature_count - 1)
|
||
WHERE id = ${t}
|
||
`,await b`COMMIT`}catch(r){try{await b`ROLLBACK`}catch{}throw r}Y("external_import_features","DELETE",o),Y("external_imports","UPDATE",t)}catch(e){throw console.error("[Database] ✗ Failed to delete import feature:",e),e}}function X(o){if(o===""||o===null||o===void 0)return null;const e=Number(o);return Number.isNaN(e)?null:e}async function is(o){try{await b`BEGIN`,await b`DELETE FROM parcels`;let e=0;for(const t of o){const r=t.id??t.parcelid??t.parcel_id??null;if(r==null)continue;const n=t.boundary||t.geometry_wkt||t.polygon||t.wkt||(typeof t.geom=="string"?t.geom:"");await b`
|
||
INSERT OR REPLACE INTO parcels (
|
||
id, upn, style, landuse, zone_code, zone_name, sector, block, parcel_no,
|
||
prop_no, st_name, prop_add, fac_name, min_height, max_height, eff_date,
|
||
lp_name, locality, mmda, last_update, remarks, geometry_wkt,
|
||
created_at, updated_at, districtid, status, fetched_at
|
||
) VALUES (
|
||
${r}, ${t.upn??null}, ${X(t.style)}, ${t.landuse??null},
|
||
${t.zone_code??null}, ${t.zone_name??null}, ${t.sector??null},
|
||
${t.block??null}, ${t.parcel_no??null}, ${t.prop_no??null},
|
||
${t.st_name??null}, ${t.prop_add??null}, ${t.fac_name??null},
|
||
${X(t.min_height)}, ${X(t.max_height)}, ${t.eff_date??null},
|
||
${t.lp_name??null}, ${t.locality??null}, ${t.mmda??null},
|
||
${t.last_update??null}, ${t.remarks??null}, ${n},
|
||
${t.created_at??null}, ${t.updated_at??null}, ${X(t.districtid)},
|
||
'verified', CURRENT_TIMESTAMP
|
||
)
|
||
`,e++}await b`COMMIT`,console.log("[Database] ✓ Saved",e,"parcels (from",o.length,"rows,",o.length-e,"skipped/replaced)")}catch(e){try{await b`ROLLBACK`}catch{}throw console.error("[Database] ✗ Failed to save parcels:",e),e}}async function ls(){try{const o=await b`SELECT * FROM parcels ORDER BY id`;return o.length===0?null:o}catch(o){return console.error("[Database] ✗ Failed to read local parcels:",o),null}}async function cs(o,e){try{await b`
|
||
UPDATE parcels SET
|
||
upn = ${e.upn??null},
|
||
style = ${X(e.style)},
|
||
landuse = ${e.landuse??null},
|
||
zone_code = ${e.zone_code??null},
|
||
zone_name = ${e.zone_name??null},
|
||
sector = ${e.sector??null},
|
||
block = ${e.block??null},
|
||
parcel_no = ${e.parcel_no??null},
|
||
prop_no = ${e.prop_no??null},
|
||
st_name = ${e.st_name??null},
|
||
prop_add = ${e.prop_add??null},
|
||
fac_name = ${e.fac_name??null},
|
||
min_height = ${X(e.min_height)},
|
||
max_height = ${X(e.max_height)},
|
||
eff_date = ${e.eff_date??null},
|
||
lp_name = ${e.lp_name??null},
|
||
locality = ${e.locality??null},
|
||
mmda = ${e.mmda??null},
|
||
last_update = ${e.last_update??null},
|
||
remarks = ${e.remarks??null},
|
||
districtid = ${X(e.districtid)},
|
||
updated_at = CURRENT_TIMESTAMP
|
||
WHERE id = ${o}
|
||
`,console.log("[Database] ✓ Parcel updated:",o),Y("parcels","UPDATE",o)}catch(t){throw console.error("[Database] ✗ Failed to update parcel:",o,t),t}}async function ds(o,e={}){try{await b`
|
||
INSERT INTO parcels (
|
||
id, upn, style, landuse, zone_code, zone_name, sector, block, parcel_no,
|
||
prop_no, st_name, prop_add, fac_name, min_height, max_height, eff_date,
|
||
lp_name, locality, mmda, last_update, remarks, geometry_wkt,
|
||
created_at, updated_at, districtid, status, fetched_at
|
||
) VALUES (
|
||
NULL, ${e.upn??null}, ${X(e.style)}, ${e.landuse??null},
|
||
${e.zone_code??null}, ${e.zone_name??null}, ${e.sector??null},
|
||
${e.block??null}, ${e.parcel_no??null}, ${e.prop_no??null},
|
||
${e.st_name??null}, ${e.prop_add??null}, ${e.fac_name??null},
|
||
${X(e.min_height)}, ${X(e.max_height)}, ${e.eff_date??null},
|
||
${e.lp_name??null}, ${e.locality??null}, ${e.mmda??null},
|
||
${e.last_update??null}, ${e.remarks??null}, ${o},
|
||
CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, ${X(e.districtid)},
|
||
'new', CURRENT_TIMESTAMP
|
||
)
|
||
`;const r=(await b`SELECT last_insert_rowid() as id`)[0]?.id;return console.log("[Database] ✓ New parcel inserted:",r,"(status: new)"),Y("parcels","INSERT",r),{id:r}}catch(t){throw console.error("[Database] ✗ Failed to insert new parcel:",t),t}}async function us(o){try{if(o.length>0){const e=o[0],t={};for(const[r,n]of Object.entries(e))t[r]=n===null?"null":typeof n;console.log("[Database] First footprint field types:",t)}await b`DELETE FROM building_footprints`;for(const e of o){const t=JSON.stringify(e);let r=e.polygon||e.boundary||e.geom||e.wkt||e.footprint||"";const n=typeof r=="object"?JSON.stringify(r):String(r);let s=e.id||e.footprint_id||e.building_id||null;await b`
|
||
INSERT INTO building_footprints (id, geometry_wkt, properties, fetched_at)
|
||
VALUES (${s!==null&&typeof s=="object"?null:s}, ${n}, ${t}, CURRENT_TIMESTAMP)
|
||
`}console.log("[Database] ✓ Saved",o.length,"building footprints")}catch(e){throw console.error("[Database] ✗ Failed to save building footprints:",e),e}}async function ps(){try{const o=await b`SELECT properties FROM building_footprints ORDER BY id`;return o.length===0?null:o.map(e=>JSON.parse(e.properties))}catch(o){return console.error("[Database] ✗ Failed to read local building footprints:",o),null}}async function fs(o){try{if(o.length>0){const e=o[0],t={};for(const[r,n]of Object.entries(e))t[r]=n===null?"null":typeof n;console.log("[Database] First road field types:",t)}await b`DELETE FROM osm_roads`;for(const e of o){const t=JSON.stringify(e);let r=e.geom||e.geometry||e.wkt||e.road||e.line||"";const n=typeof r=="object"?JSON.stringify(r):String(r);let s=e.osm_id??e.osmid??e.id??null;await b`
|
||
INSERT OR REPLACE INTO osm_roads (osm_id, geometry_wkt, properties, fetched_at)
|
||
VALUES (${s!==null&&typeof s=="object"?null:s}, ${n}, ${t}, CURRENT_TIMESTAMP)
|
||
`}console.log("[Database] ✓ Saved",o.length,"OSM roads")}catch(e){throw console.error("[Database] ✗ Failed to save OSM roads:",e),e}}async function hs(){try{const o=await b`SELECT properties FROM osm_roads ORDER BY osm_id`;return o.length===0?null:o.map(e=>JSON.parse(e.properties))}catch(o){return console.error("[Database] ✗ Failed to read local OSM roads:",o),null}}async function gs(){return xn.getDatabaseFile()}async function ms(o="lupmis-backup.sqlite3"){const e=await gs(),t=new Blob([e],{type:"application/x-sqlite3"}),r=URL.createObjectURL(t),n=document.createElement("a");n.href=r,n.download=o,n.click(),URL.revokeObjectURL(r)}async function ys(){return{type:"FeatureCollection",features:(await In()).map(e=>({type:"Feature",properties:{id:e.id,name:e.name,category:e.category,notes:e.notes,created_at:e.created_at},geometry:{type:"Point",coordinates:[e.lon,e.lat]}}))}}async function yo(){try{const o=await b`
|
||
SELECT name FROM sqlite_master
|
||
WHERE type='table' AND name NOT LIKE 'sqlite_%'
|
||
ORDER BY name
|
||
`,e=await Xr();return{ready:Tn,databasePath:mo,tables:o.map(t=>t.name),locationCount:e}}catch(o){return{ready:!1,error:o.message}}}const Cn=Object.freeze(["parcels","building_footprints","osm_roads","collector_zones","upn_grid","remote_data"]);function Fn(o){return Cn.includes(o)}async function On(o){if(!Fn(o))throw new Error(`Refusing to clear "${o}" — not a known cached-layer table`);const t=(await b(`SELECT COUNT(*) AS n FROM "${o}"`))[0]?.n??0;return await b(`DELETE FROM "${o}"`),console.log(`[Database] ✓ Cleared "${o}" (${t} rows)`),Y(o,"CLEAR",null),t}async function bo(){const o=await b`
|
||
SELECT name FROM sqlite_master
|
||
WHERE type='table' AND name IN (
|
||
'parcels', 'building_footprints', 'osm_roads', 'collector_zones', 'upn_grid', 'remote_data'
|
||
)
|
||
`,e=new Set(o.map(n=>n.name)),t=[];for(const n of Cn)if(e.has(n))try{const s=await On(n);t.push({table:n,count:s})}catch(s){console.error(`[Database] Failed to clear ${n}:`,s),t.push({table:n,count:0,error:s.message})}const r=t.reduce((n,s)=>n+s.count,0);return console.log(`[Database] ✓ Cleared all cached layers: ${r} rows across ${t.length} tables`),t}async function bs(){const o=await b`
|
||
SELECT name FROM sqlite_master
|
||
WHERE type='table' AND name NOT LIKE 'sqlite_%'
|
||
ORDER BY name
|
||
`;if(o.length===0)return[];const e=o.map(t=>`SELECT '${t.name}' AS name, COUNT(*) AS count FROM "${t.name}"`).join(" UNION ALL ");return b(e)}async function ws(o,e=200){if((await b`
|
||
SELECT name FROM sqlite_master
|
||
WHERE type='table' AND name = ${o}
|
||
`).length===0)throw new Error(`Table "${o}" does not exist`);const r=await b(`SELECT * FROM "${o}" LIMIT ${e}`);return{columns:r.length>0?Object.keys(r[0]):[],rows:r}}async function _s(){console.log("=== DATABASE TEST ===");try{const o=await b`SELECT sqlite_version() as v`;console.log("1. SQLite version:",o[0].v);const e=await b`SELECT name FROM sqlite_master WHERE type='table'`;console.log("2. Tables:",e.map(n=>n.name)),console.log("3. Inserting test row..."),await b`INSERT INTO locations (name, longitude, latitude, category) VALUES ('TEST', -1.0, 7.0, 'test')`;const t=await b`SELECT * FROM locations WHERE name = 'TEST'`;console.log("4. Test row:",t);const r=await b`SELECT COUNT(*) as c FROM locations`;return console.log("5. Total rows:",r[0].c),await b`DELETE FROM locations WHERE name = 'TEST'`,console.log("6. Test row deleted"),console.log("=== TEST PASSED ==="),!0}catch(o){return console.error("=== TEST FAILED ===",o),!1}}typeof window<"u"&&(window.testDatabase=_s,window.dbStatus=yo);async function vs(o){const{uuid:e,name:t=null,startedAt:r,districtId:n=null}=o;await b`
|
||
INSERT INTO gps_trails (client_uuid, name, district_id, started_at, status)
|
||
VALUES (${e}, ${t}, ${n}, ${r}, 'recording')
|
||
`;const a=(await b`SELECT last_insert_rowid() as id`)[0]?.id;return Y("gps_trails","insert",a),a}async function Es(o,e){const{seq:t,lon:r,lat:n,altitude:s=null,accuracy:a=null,altitudeAccuracy:i=null,heading:l=null,speed:c=null,satellites:d=null,timestamp:u}=e,f=typeof u=="number"?new Date(u).toISOString():u||new Date().toISOString();await b`
|
||
INSERT INTO gps_trail_points
|
||
(trail_id, seq, longitude, latitude, altitude, accuracy, altitude_accuracy, heading, speed, satellites, recorded_at)
|
||
VALUES
|
||
(${o}, ${t}, ${r}, ${n}, ${s}, ${a}, ${i}, ${l}, ${c}, ${d}, ${f})
|
||
`}async function xs(o,e){const{endedAt:t,pointCount:r=0,distanceM:n=0}=e;await b`
|
||
UPDATE gps_trails
|
||
SET ended_at = ${t}, point_count = ${r}, distance_m = ${n}, status = 'completed'
|
||
WHERE id = ${o}
|
||
`,Y("gps_trails","update",o)}async function Ss(){return b`SELECT * FROM gps_trails WHERE synced = 0 AND status = 'completed' ORDER BY started_at ASC`}async function Ts(o){return b`SELECT * FROM gps_trail_points WHERE trail_id = ${o} ORDER BY seq ASC`}async function Ls(o,e=null){await b`UPDATE gps_trails SET synced = 1, remote_id = ${e} WHERE id = ${o}`,Y("gps_trails","update",o)}const Dn=3.28084,Rn=621371e-9,Nn=10.7639,$n=247105e-9,Bn=3861e-10;function At(){return localStorage.getItem("measurement-system")||"metric"}function rt(o){if(At()==="imperial"){const e=o*Dn;return e>=5280?Math.round(o*Rn*100)/100+" mi":Math.round(e)+" ft"}return o>1e3?Math.round(o/1e3*100)/100+" km":Math.round(o*100)/100+" m"}function ks(o){if(At()==="imperial"){const e=o*Dn,t=o*Rn;return e>=5280?`${t.toFixed(2)} mi (${e.toLocaleString("en",{maximumFractionDigits:0})} ft)`:`${e.toLocaleString("en",{maximumFractionDigits:1})} ft`}return o>=1e3?`${(o/1e3).toFixed(2)} km (${o.toLocaleString("en",{maximumFractionDigits:0})} m)`:`${o.toLocaleString("en",{maximumFractionDigits:1})} m`}function qe(o){if(At()==="imperial"){const e=o*$n;return e>=640?Math.round(o*Bn*100)/100+" mi²":e>=1?Math.round(e*100)/100+" acres":Math.round(o*Nn).toLocaleString("en")+" ft²"}return o>1e6?Math.round(o/1e6*100)/100+" km²":Math.round(o*100)/100+" m²"}function Is(o){if(At()==="imperial"){const e=o*Nn,t=o*$n,r=o*Bn;return t>=640?`${r.toFixed(2)} mi² (${t.toLocaleString("en",{maximumFractionDigits:0})} acres)`:t>=1?`${t.toLocaleString("en",{maximumFractionDigits:1})} acres (${e.toLocaleString("en",{maximumFractionDigits:0})} ft²)`:`${e.toLocaleString("en",{maximumFractionDigits:0})} ft²`}return o>1e6?`${(o/1e6).toFixed(2)} km² (${o.toLocaleString("en",{maximumFractionDigits:0})} m²)`:`${o.toLocaleString("en",{maximumFractionDigits:0})} m²`}function Ps(o){return qe(Math.PI*o*o)}function Gn(o){const e=xe(o)[1];return Math.cos(e*Math.PI/180)}function Qt(o,e){return o*Gn(e)}function Ms(o,e){const t=Gn(e);return t===0?o:o/t}function As(o){return o<50?1:o<200?5:o<1e3?10:o<5e3?50:100}function Cs(o,e,t,r,n=1e-10){const s=e[0]-o[0],a=e[1]-o[1],i=r[0]-t[0],l=r[1]-t[1],c=s*l-a*i;if(Math.abs(c)<n)return null;const d=t[0]-o[0],u=t[1]-o[1],f=(d*l-u*i)/c,p=(d*a-u*s)/c;return f<-n||f>1+n||p<-n||p>1+n?null:{point:[o[0]+f*s,o[1]+f*a],t:Math.max(0,Math.min(1,f)),u:Math.max(0,Math.min(1,p))}}function Un(o){let e=0;for(let t=0,r=o.length;t<r-1;t++)e+=o[t][0]*o[t+1][1]-o[t+1][0]*o[t][1];return e/2}function eo(o,e){let t=!1;for(let r=0,n=e.length-2;r<e.length-1;n=r++){const s=e[r][0],a=e[r][1],i=e[n][0],l=e[n][1];a>o[1]!=l>o[1]&&o[0]<(i-s)*(o[1]-a)/(l-a)+s&&(t=!t)}return t}function it(o,e){return(o[0]-e[0])**2+(o[1]-e[1])**2}function Fs(o,e){const t=[];for(let n=0;n<e.length-1;n++)for(let s=0;s<o.length-1;s++){const a=Cs(o[s],o[s+1],e[n],e[n+1],1e-10);if(!a)continue;const i=a.point;let l=!1;for(const c of t)if(it(c.point,i)<1e-6){l=!0;break}l||t.push({point:i,ringSegIdx:s,ringT:a.t,lineSegIdx:n,lineT:a.u})}return t.sort((n,s)=>n.lineSegIdx!==s.lineSegIdx?n.lineSegIdx-s.lineSegIdx:n.lineT-s.lineT),t}function Os(o,e){const t=e.map((s,a)=>({...s,origOrder:a}));t.sort((s,a)=>s.ringSegIdx!==a.ringSegIdx?s.ringSegIdx-a.ringSegIdx:s.ringT-a.ringT);const r=o.slice(),n=new Array(t.length);for(let s=t.length-1;s>=0;s--){const a=t[s],i=a.ringSegIdx+1,l=1e-6;if(it(a.point,r[a.ringSegIdx])<l){n[a.origOrder]=a.ringSegIdx;continue}if(it(a.point,r[a.ringSegIdx+1])<l){n[a.origOrder]=a.ringSegIdx+1;continue}r.splice(i,0,a.point),n[a.origOrder]=i;for(let c=s+1;c<t.length;c++)n[t[c].origOrder]>=i&&n[t[c].origOrder]++}return{ring:r,indices:n}}function $o(o,e,t){const r=o.length-1,n=(e%r+r)%r,s=(t%r+r)%r,a=[];let i=n;for(;a.push(o[i]),i!==s;)i=(i+1)%r;return a}function Bo(o,e,t){const r=[e.point],n=e.lineSegIdx,s=t.lineSegIdx;for(let a=n+1;a<=s;a++)r.push(o[a]);return it(r[r.length-1],t.point)>1e-10&&r.push(t.point),r}function Go(o,e){const t=Un(o);return e&&t<0||!e&&t>0?o.slice().reverse():o}function Uo(o){if(o.length<2)return o;const e=o[0],t=o[o.length-1];return it(e,t)>1e-10?[...o,e.slice()]:o}function Ds(o,e){let t=1/0,r=1/0,n=-1/0,s=-1/0;for(const c of e)c[0]<t&&(t=c[0]),c[1]<r&&(r=c[1]),c[0]>n&&(n=c[0]),c[1]>s&&(s=c[1]);const a=Math.sqrt((n-t)**2+(s-r)**2)||1,i=o.slice();if(eo(i[0],e)){const c=i[0],d=i[1],u=c[0]-d[0],f=c[1]-d[1],p=Math.sqrt(u*u+f*f)||1,h=a*2/p;i[0]=[c[0]+u*h,c[1]+f*h]}const l=i.length-1;if(eo(i[l],e)){const c=i[l],d=i[l-1],u=c[0]-d[0],f=c[1]-d[1],p=Math.sqrt(u*u+f*f)||1,h=a*2/p;i[l]=[c[0]+u*h,c[1]+f*h]}return i}function wt(o,e){const t=o[0],r=o.slice(1),n=Ds(e,t),s=Fs(t,n);if(s.length!==2)return console.warn(`[polygonSplit] Expected 2 intersections, got ${s.length}`),null;const[a,i]=s,{ring:l,indices:c}=Os(t,s),d=c[0],u=c[1],[f,p]=d<u?[d,u]:[u,d],h=d<u?Bo(n,a,i):Bo(n,i,a),g=h.slice().reverse(),m=$o(l,f,p),y=Uo([...m,...g.slice(1)]),w=$o(l,p,f),_=Uo([...w,...h.slice(1)]),E=Un(t)>0,T=Go(y,E),x=Go(_,E),S=[T],P=[x];for(const k of r){const j=Rs(k);eo(j,T)?S.push(k):P.push(k)}return[S,P]}function Rs(o){let e=0,t=0;const r=o.length-1;for(let n=0;n<r;n++)e+=o[n][0],t+=o[n][1];return[e/r,t/r]}const jo={success:{bg:"#10b981",icon:"✅"},error:{bg:"#ef4444",icon:"❌"},warning:{bg:"#f59e0b",icon:"⚠️"},info:{bg:"#0ea5e9",icon:"ℹ️"}};let Re=null;function Ns(){return Re||(Re=document.createElement("div"),Re.style.cssText=`
|
||
position: fixed;
|
||
top: 16px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
z-index: 10000;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 8px;
|
||
pointer-events: none;
|
||
`,document.body.appendChild(Re),Re)}function F(o,e="info",t=4e3){const r=Ns(),n=jo[e]||jo.info,s=document.createElement("div");s.style.cssText=`
|
||
background: ${n.bg};
|
||
color: #fff;
|
||
padding: 10px 18px;
|
||
border-radius: 8px;
|
||
font-family: var(--font-body, 'Exo', sans-serif);
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
|
||
pointer-events: auto;
|
||
cursor: pointer;
|
||
opacity: 0;
|
||
transition: opacity 0.25s ease, transform 0.25s ease;
|
||
transform: translateY(-8px);
|
||
max-width: 420px;
|
||
text-align: center;
|
||
line-height: 1.4;
|
||
`,s.textContent=`${n.icon} ${o}`,r.appendChild(s),requestAnimationFrame(()=>{s.style.opacity="1",s.style.transform="translateY(0)"});const a=()=>{s.style.opacity="0",s.style.transform="translateY(-8px)",setTimeout(()=>s.remove(),300)};s.addEventListener("click",a),setTimeout(a,t)}const ft=[{stroke:"#ef4444",fill:"rgba(239,68,68,0.25)"},{stroke:"#3b82f6",fill:"rgba(59,130,246,0.25)"}],$s=new M({stroke:new I({color:"#0ea5e9",width:3}),fill:new A({color:"rgba(14,165,233,0.15)"})}),Bs=new M({stroke:new I({color:"#f43f5e",width:2,lineDash:[8,6]}),image:new he({radius:5,fill:new A({color:"#f43f5e"}),stroke:new I({color:"#fff",width:1.5})})});class Gs extends fo{constructor(e={}){super({handleEvent:t=>this._handleEvent(t)}),this.snapDistance_=e.snapDistance||25,this._sources=e.sources?Array.isArray(e.sources)?e.sources:[e.sources]:null,this._phase="select",this._selectedFeature=null,this._selectedSource=null,this._drawInteraction=null,this._splitFeatures=null,this._overlaySource=new G({useSpatialIndex:!1}),this._overlayLayer=new D({source:this._overlaySource,displayInLayerSwitcher:!1,style:$s})}setMap(e){this.getMap()&&(this.getMap().removeLayer(this._overlayLayer),this._removeDrawInteraction()),super.setMap(e),e&&this._overlayLayer.setMap(e)}setActive(e){super.setActive(e),e||this._reset()}_getSources(){if(this._sources)return this._sources;if(!this.getMap())return[];const e=[],t=r=>{r.forEach(n=>{n.getVisible()&&(n.getSource&&n.getSource()instanceof G?e.push(n.getSource()):n.getLayers&&t(n.getLayers()))})};return t(this.getMap().getLayers()),e}_handleEvent(e){if(!this.getActive())return!0;if(this._phase==="select"){if(e.type==="pointermove")return this._onSelectMove(e);if(e.type==="singleclick")return this._onSelectClick(e)}if(this._phase==="draw"&&e.type==="keydown"&&e.originalEvent?.key==="Escape")return this._cancelDraw(),!1;if(this._phase==="pick"){if(e.type==="pointermove")return this._onPickMove(e);if(e.type==="singleclick")return this._onPickClick(e);if(e.type==="keydown"&&e.originalEvent?.key==="Escape")return this._reset(),!1}return!0}_onSelectMove(e){const t=this.getMap();if(!t)return!0;this._overlaySource.clear();const r=this._closestPolygon(e);if(r){const n=r.feature.clone();this._overlaySource.addFeature(n),t.getTargetElement().style.cursor="pointer"}else t.getTargetElement().style.cursor="";return!0}_onSelectClick(e){const t=this._closestPolygon(e);if(!t)return!0;this._selectedFeature=t.feature,this._selectedSource=t.source,this._overlaySource.clear();const r=t.feature.clone();return this._overlaySource.addFeature(r),this._startDrawPhase(),!1}_closestPolygon(e){let t=null,r=this.snapDistance_+1;for(const n of this._getSources()){const s=n.getClosestFeatureToCoordinate(e.coordinate);if(!s)continue;const a=s.getGeometry();if(!a)continue;const i=a.getType();if(i!=="Polygon"&&i!=="MultiPolygon")continue;const l=a.getClosestPoint(e.coordinate),d=new de([e.coordinate,l]).getLength()/e.frameState.viewState.resolution;d<r&&(r=d,t={feature:s,source:n,coord:l})}return t}_startDrawPhase(){this._phase="draw";const e=this.getMap();e&&(e.getTargetElement().style.cursor="crosshair",this._drawInteraction=new Ce({type:"LineString",style:Bs}),this._drawInteraction.on("drawend",t=>{const r=t.feature.getGeometry().getCoordinates();this._performSplit(r)}),e.addInteraction(this._drawInteraction))}_removeDrawInteraction(){this._drawInteraction&&this.getMap()&&this.getMap().removeInteraction(this._drawInteraction),this._drawInteraction=null}_cancelDraw(){this._removeDrawInteraction(),this._reset()}_performSplit(e){const t=this._selectedFeature,r=this._selectedSource,n=t.getGeometry();let s;n.getType()==="Polygon"?s=n.getCoordinates():n.getType()==="MultiPolygon"&&(s=n.getCoordinates()[0]);const a=wt(s,e);if(!a){console.warn("[PolygonSplit] Split failed — line must cross the polygon boundary at exactly 2 points."),this._removeDrawInteraction(),this._startDrawPhase();return}const[i,l]=a,c=t.clone();c.setGeometry(new at(i)),c.setStyle(new M({stroke:new I({color:ft[0].stroke,width:2.5}),fill:new A({color:ft[0].fill})}));const d=t.clone();d.setGeometry(new at(l)),d.setStyle(new M({stroke:new I({color:ft[1].stroke,width:2.5}),fill:new A({color:ft[1].fill})}));const u=[c,d];this.dispatchEvent({type:"beforesplit",original:t,features:u}),r.dispatchEvent({type:"beforesplit",original:t,features:u});const f=this.getMap();if(f?.dispatchEvent("undoblockstart"),r.removeFeature(t),r.addFeature(c),r.addFeature(d),f?.dispatchEvent("undoblockend"),this.dispatchEvent({type:"aftersplit",original:t,features:u}),r.dispatchEvent({type:"aftersplit",original:t,features:u}),this._removeDrawInteraction(),t.get("_layerType")==="parcel"){this._splitFeatures=u,this._phase="pick",this._overlaySource.clear();const h=this.getMap();h&&(h.getTargetElement().style.cursor=""),F("Click the polygon that should keep the original identifier.","info",5e3),this.dispatchEvent({type:"splitparcel",features:u,originalProps:t.getProperties(),source:r})}else this._reset()}_onPickMove(e){const t=this.getMap();if(!t)return!0;this._overlaySource.clear();const r=this._closestSplitPiece(e);if(r){const n=r.clone();this._overlaySource.addFeature(n),t.getTargetElement().style.cursor="pointer"}else t.getTargetElement().style.cursor="";return!0}_onPickClick(e){const t=this._closestSplitPiece(e);return t?(this.dispatchEvent({type:"splitpick",picked:t,features:this._splitFeatures}),this._reset(),!1):!0}_closestSplitPiece(e){if(!this._splitFeatures)return null;let t=null,r=this.snapDistance_+1;for(const n of this._splitFeatures){const s=n.getGeometry();if(!s)continue;const a=s.getClosestPoint(e.coordinate),l=new de([e.coordinate,a]).getLength()/e.frameState.viewState.resolution;l<r&&(r=l,t=n)}return t}_reset(){this._phase="select",this._selectedFeature=null,this._selectedSource=null,this._splitFeatures=null,this._overlaySource.clear(),this._removeDrawInteraction();const e=this.getMap();e&&(e.getTargetElement().style.cursor="")}}function Ve(o,e){return(o[0]-e[0])**2+(o[1]-e[1])**2}function ot(o){let e=0;for(let t=0,r=o.length;t<r-1;t++)e+=o[t][0]*o[t+1][1]-o[t+1][0]*o[t][1];return e/2}function Us(o,e){let t=!1;for(let r=0,n=e.length-2;r<e.length-1;n=r++){const s=e[r][0],a=e[r][1],i=e[n][0],l=e[n][1];a>o[1]!=l>o[1]&&o[0]<(i-s)*(o[1]-a)/(l-a)+s&&(t=!t)}return t}function js(o,e){const t=ot(o);return e&&t<0||!e&&t>0?o.slice().reverse():o}function zs(o){return o.length<2?o:Ve(o[0],o[o.length-1])>1e-10?[...o,o[0].slice()]:o}function ze(o,e,t){const r=t[0]-e[0],n=t[1]-e[1],s=r*r+n*n;if(s<1e-20)return Ve(o,e);let a=((o[0]-e[0])*r+(o[1]-e[1])*n)/s;a=Math.max(0,Math.min(1,a));const i=e[0]+a*r,l=e[1]+a*n;return(o[0]-i)**2+(o[1]-l)**2}function zo(o,e){let t=0,r=1/0;const n=o.length-1;for(let s=0;s<n;s++){const a=ze(e,o[s],o[(s+1)%n===0?n:s+1]);a<r&&(r=a,t=s)}return{segIdx:t,distSq:r}}function Ne(o,e,t){return Ve(o,e)<t}function ht(o,e,t){const r=e.length-1;for(let n=0;n<r;n++)if(ze(o,e[n],e[n+1])<t)return!0;return!1}function qs(o,e,t,r,n){const s=o.length-1,a=e.length-1,i=n*n,l=o[t],c=o[(t+1)%s],d=e[r],u=e[(r+1)%a],f=ht(l,e,i),p=ht(c,e,i),h=ht(d,o,i),g=ht(u,o,i);if(!(f&&p)&&!(h&&g))return console.warn("[polygonMerge] Seed edges are not on the shared boundary"),null;let m;Ne(l,u,i)&&Ne(c,d,i)?m=!0:Ne(l,d,i)&&Ne(c,u,i)?m=!1:m=Ve(l,u)<Ve(l,d);let y=t,w=(t+1)%s,_,E;m?(_=(r+1)%a,E=r):(_=r,E=(r+1)%a);let T=s+a;for(;T-- >0;){const x=(w+1)%s,S=m?(E-1+a)%a:(E+1)%a;if(x===y||S===_)break;if(Ne(o[x],e[S],i)){w=x,E=S;continue}if(ze(o[x],e[E],e[S])<i){w=x;continue}if(ze(e[S],o[w],o[x])<i){E=S;continue}break}for(T=s+a;T-- >0;){const x=(y-1+s)%s,S=m?(_+1)%a:(_-1+a)%a;if(x===w||S===E)break;if(Ne(o[x],e[S],i)){y=x,_=S;continue}if(ze(o[x],e[_],e[S])<i){y=x;continue}if(ze(e[S],o[y],o[x])<i){_=S;continue}break}return{startA:y,endA:w,startB:_,endB:E,reversed:m}}function Gt(o,e,t){const r=o.length-1,n=[];let s=e;for(;n.push(o[s]),!(s===t||(s=(s+1)%r,n.length>r+1)););return n}function Hs(o,e,t,r,n=5){const s=o[0],a=e[0],i=o.slice(1),l=e.slice(1),c=zo(s,t),d=zo(a,r),u=qs(s,a,c.segIdx,d.segIdx,n);if(!u)return console.warn("[polygonMerge] Could not find shared boundary between polygons — seed edges are not near the other ring"),{coords:null,error:"The selected edges are not on a shared boundary. Click edges that lie on the common border between the two polygons."};const{startA:f,endA:p,startB:h,endB:g,reversed:m}=u;s.length-1,a.length-1;const y=Gt(s,p,f);let w;m?w=Gt(a,h,g):w=Gt(a,g,h);const _=[...y,...w.slice(1)],E=n*n;_.length>2&&Ve(_[_.length-1],_[0])<E&&(_[_.length-1]=_[0].slice());const T=zs(_),x=Math.abs(ot(s)),S=Math.abs(ot(a)),P=Math.abs(ot(T)),k=x+S;if(P<k*.5||P>k*1.5)return console.warn(`[polygonMerge] Area mismatch: A=${x.toFixed(1)}, B=${S.toFixed(1)}, merged=${P.toFixed(1)}, expected≈${k.toFixed(1)}`),{coords:null,error:"Merge produced an invalid polygon (area mismatch). The polygons may not be truly adjacent — try clicking closer to the shared boundary."};const j=ot(s)>0,q=js(T,j),$=[...i,...l].filter(ce=>{const Q=ce.reduce((H,be)=>H+be[0],0)/(ce.length-1),ye=ce.reduce((H,be)=>H+be[1],0)/(ce.length-1);return Us([Q,ye],q)});return{coords:[q,...$]}}const qo=new M({stroke:new I({color:"#0ea5e9",width:3}),fill:new A({color:"rgba(14,165,233,0.15)"})}),Ws=new M({stroke:new I({color:"#f59e0b",width:3}),fill:new A({color:"rgba(245,158,11,0.15)"})}),Vs=new M({stroke:new I({color:"#0ea5e9",width:3}),fill:new A({color:"rgba(14,165,233,0.15)"}),text:new We({text:"A",font:"bold 22px Exo, sans-serif",fill:new A({color:"#0ea5e9"}),stroke:new I({color:"#fff",width:4}),overflow:!0})}),Ks=new M({stroke:new I({color:"#f59e0b",width:3}),fill:new A({color:"rgba(245,158,11,0.15)"}),text:new We({text:"B",font:"bold 22px Exo, sans-serif",fill:new A({color:"#f59e0b"}),stroke:new I({color:"#fff",width:4}),overflow:!0})}),Xs=new M({stroke:new I({color:"#ec4899",width:4,lineDash:[10,6]})}),Ys=new M({stroke:new I({color:"#10b981",width:2.5}),fill:new A({color:"rgba(16,185,129,0.3)"})});class Js extends fo{constructor(e={}){super({handleEvent:t=>this._handleEvent(t)}),this.snapDistance_=e.snapDistance||25,this.tolerance_=e.tolerance||5,this._phase="select_a",this._featureA=null,this._sourceA=null,this._featureB=null,this._sourceB=null,this._edgeClickA=null,this._edgeClickB=null,this._highlightSource=new G({useSpatialIndex:!1}),this._highlightLayer=new D({source:this._highlightSource,displayInLayerSwitcher:!1,style:t=>t.get("_highlightStyle")||qo}),this._edgeSource=new G({useSpatialIndex:!1}),this._edgeLayer=new D({source:this._edgeSource,displayInLayerSwitcher:!1,style:Xs})}setMap(e){this.getMap()&&(this.getMap().removeLayer(this._highlightLayer),this.getMap().removeLayer(this._edgeLayer)),super.setMap(e),e&&(this._highlightLayer.setMap(e),this._edgeLayer.setMap(e))}setActive(e){super.setActive(e),e||this._reset()}_getSources(){if(!this.getMap())return[];const e=[],t=r=>{r.forEach(n=>{n.getVisible()&&(n.getSource&&n.getSource()instanceof G?e.push(n.getSource()):n.getLayers&&t(n.getLayers()))})};return t(this.getMap().getLayers()),e}_handleEvent(e){if(!this.getActive())return!0;if(e.type==="keydown"&&e.originalEvent?.key==="Escape")return this._reset(),!1;switch(this._phase){case"select_a":if(e.type==="pointermove")return this._onSelectMove(e,null);if(e.type==="singleclick")return this._onSelectAClick(e);break;case"select_b":if(e.type==="pointermove")return this._onSelectMove(e,this._featureA);if(e.type==="singleclick")return this._onSelectBClick(e);break;case"click_edge_a":if(e.type==="pointermove")return this._onEdgeMove(e,this._featureA);if(e.type==="singleclick")return this._onEdgeAClick(e);break;case"click_edge_b":if(e.type==="pointermove")return this._onEdgeMove(e,this._featureB);if(e.type==="singleclick")return this._onEdgeBClick(e);break}return!0}_onSelectMove(e,t){const r=this.getMap();if(!r)return!0;this._highlightSource.clear(),this._edgeSource.clear(),this._rebuildHighlights();const n=this._closestPolygon(e,t);if(n){const s=this._phase==="select_a"?qo:Ws,a=n.feature.clone();a.set("_highlightStyle",s),this._highlightSource.addFeature(a),r.getTargetElement().style.cursor="pointer"}else r.getTargetElement().style.cursor="";return!0}_onSelectAClick(e){const t=this._closestPolygon(e,null);return t?(this._featureA=t.feature,this._sourceA=t.source,this._phase="select_b",this._rebuildHighlights(),!1):!0}_onSelectBClick(e){const t=this._closestPolygon(e,this._featureA);return t?(this._featureB=t.feature,this._sourceB=t.source,this._phase="click_edge_a",this._rebuildHighlights(),this.getMap().getTargetElement().style.cursor="crosshair",!1):!0}_closestPolygon(e,t){let r=null,n=this.snapDistance_+1;for(const s of this._getSources()){const a=s.getClosestFeatureToCoordinate(e.coordinate);if(!a||t&&a===t)continue;const i=a.getGeometry();if(!i)continue;const l=i.getType();if(l!=="Polygon"&&l!=="MultiPolygon")continue;const c=i.getClosestPoint(e.coordinate),u=new de([e.coordinate,c]).getLength()/e.frameState.viewState.resolution;u<n&&(n=u,r={feature:a,source:s,coord:c})}return r}_onEdgeMove(e,t){const r=this.getMap();if(!r)return!0;this._edgeSource.clear();const n=this._closestEdgeSegment(t,e);if(n){const s=new fe(new de([n.segStart,n.segEnd]));this._edgeSource.addFeature(s),r.getTargetElement().style.cursor="crosshair"}return!0}_onEdgeAClick(e){return this._edgeClickA=e.coordinate,this._phase="click_edge_b",this._edgeSource.clear(),!1}_onEdgeBClick(e){return this._edgeClickB=e.coordinate,this._performMerge(),!1}_closestEdgeSegment(e,t){const r=e.getGeometry();let n;if(r.getType()==="Polygon")n=r.getCoordinates()[0];else if(r.getType()==="MultiPolygon")n=r.getCoordinates()[0][0];else return null;const s=t.frameState.viewState.resolution;let a=1/0,i=null;const l=n.length-1;for(let c=0;c<l;c++){const d=n[c],u=n[c+1],f=u[0]-d[0],p=u[1]-d[1],h=f*f+p*p;if(h<1e-20)continue;let g=((t.coordinate[0]-d[0])*f+(t.coordinate[1]-d[1])*p)/h;g=Math.max(0,Math.min(1,g));const m=d[0]+g*f,y=d[1]+g*p,w=Math.sqrt((t.coordinate[0]-m)**2+(t.coordinate[1]-y)**2)/s;w<a&&(a=w,i={segStart:d,segEnd:u})}return a<=this.snapDistance_?i:null}_performMerge(){const e=this._featureA,t=this._featureB,r=this._sourceA,n=this._sourceB,s=e.getGeometry(),a=t.getGeometry(),i=s.getType()==="Polygon"?s.getCoordinates():s.getCoordinates()[0],l=a.getType()==="Polygon"?a.getCoordinates():a.getCoordinates()[0],c=Hs(i,l,this._edgeClickA,this._edgeClickB,this.tolerance_);if(!c.coords){F(c.error||"Merge failed — try clicking on the shared boundary.","error",5e3),this._edgeClickA=null,this._edgeClickB=null,this._phase="click_edge_a",this._edgeSource.clear();return}const d=e.clone();d.setGeometry(new at(c.coords)),d.setStyle(Ys);const u={type:"beforemerge",original:[e,t],merged:d};this.dispatchEvent(u),r.dispatchEvent({...u}),n!==r&&n.dispatchEvent({...u});const f=this.getMap();f?.dispatchEvent("undoblockstart"),r.removeFeature(e),n.removeFeature(t),r.addFeature(d),f?.dispatchEvent("undoblockend");const p={type:"aftermerge",original:[e,t],merged:d};this.dispatchEvent(p),r.dispatchEvent({...p}),n!==r&&n.dispatchEvent({...p});const h=e.get("_layerType")==="parcel",g=t.get("_layerType")==="parcel";h&&g?(this.dispatchEvent({type:"mergedparcel",merged:d,propsA:e.getProperties(),propsB:t.getProperties(),coordinate:this._edgeClickA}),F("Polygons merged — choose which identifier to keep.","success")):F("Polygons merged successfully.","success"),this._reset()}_rebuildHighlights(){const e=[];if(this._highlightSource.getFeatures().forEach(t=>{t.get("_permanent")&&e.push(t)}),e.forEach(t=>this._highlightSource.removeFeature(t)),this._featureA){const t=this._featureA.clone();t.set("_highlightStyle",Vs),t.set("_permanent",!0),this._highlightSource.addFeature(t)}if(this._featureB){const t=this._featureB.clone();t.set("_highlightStyle",Ks),t.set("_permanent",!0),this._highlightSource.addFeature(t)}}_reset(){this._phase="select_a",this._featureA=null,this._sourceA=null,this._featureB=null,this._sourceB=null,this._edgeClickA=null,this._edgeClickB=null,this._highlightSource.clear(),this._edgeSource.clear();const e=this.getMap();e&&(e.getTargetElement().style.cursor="")}}function Zs(o,e){return(o[0]-e[0])**2+(o[1]-e[1])**2}function Ho(o){let e=0;for(let t=0,r=o.length;t<r-1;t++)e+=o[t][0]*o[t+1][1]-o[t+1][0]*o[t][1];return e/2}function et(o){let e=Math.abs(Ho(o[0]));for(let t=1;t<o.length;t++)e-=Math.abs(Ho(o[t]));return e}function Qs(o){const e=o.length-1;let t=-1,r=0;for(let c=0;c<e;c++){const d=Zs(o[c],o[c+1]);d>t&&(t=d,r=c)}const n=o[r],s=o[r+1],a=Math.sqrt(t),i=[(s[0]-n[0])/a,(s[1]-n[1])/a],l=[-i[1],i[0]];return{p0:n,p1:s,along:i,perp:l}}function Ut(o,e,t,r,n){const s=o[0]+r*e[0],a=o[1]+r*e[1];return[[s-n*t[0],a-n*t[1]],[s+n*t[0],a+n*t[1]]]}function $e(o,e,t){const r=o[0],n=r.length-1;let s=0,a=0;for(let c=0;c<n;c++)s+=r[c][0],a+=r[c][1];const i=s/n-e[0],l=a/n-e[1];return i*t[0]+l*t[1]}function ea(o,e,t){if(!Number.isInteger(e)||e<1)return{pieces:null,error:"Number of divisions must be a positive integer."};if(e===1)return{pieces:[o]};const r=o[0];if(et(o)<1e-6)return{pieces:null,error:"Polygon has no measurable area."};let s,a,i;if(t&&t.length===2){s=t[0];const m=t[1][0]-t[0][0],y=t[1][1]-t[0][1],w=Math.sqrt(m*m+y*y);if(w<1e-10)return{pieces:null,error:"Selected edge has zero length."};a=[m/w,y/w],i=[-a[1],a[0]]}else{const m=Qs(r);s=m.p0,a=m.along,i=m.perp}const l=s,c=r.length-1;for(let m=0;m<c;m++){const y=r[m][0]-l[0],w=r[m][1]-l[1];y*a[0]+w*a[1]}let d=1/0,u=-1/0;for(let m=0;m<c;m++){const y=r[m][0]-l[0],w=r[m][1]-l[1],_=y*i[0]+w*i[1];_<d&&(d=_),_>u&&(u=_)}const f=(u-d)*1.5,p=[];let h=o,g=e;for(let m=0;m<e-1;m++){const y=et(h),w=y/g,_=h[0],E=_.length-1;let T=1/0,x=-1/0;for(let Z=0;Z<E;Z++){const $=_[Z][0]-l[0],ce=_[Z][1]-l[1],Q=$*a[0]+ce*a[1];Q<T&&(T=Q),Q>x&&(x=Q)}let S=T,P=x,k=null,j=null,q=1/0;for(let Z=0;Z<40;Z++){const $=(S+P)/2,ce=Ut(l,a,i,$,f),Q=wt(h,ce);if(!Q){const R=(P-S)*.01,W=Ut(l,a,i,$+R,f),re=wt(h,W);if(re){const[Ie,Pe]=re,Ye=$e(Ie,l,a),Je=$e(Pe,l,a),Ze=Ye<Je?Ie:Pe,Dt=Ye<Je?Pe:Ie,Rt=et(Ze),Qe=Math.abs(Rt-w);Qe<q&&(q=Qe,k=Ze,j=Dt)}const Ot=Ut(l,a,i,$-R,f),we=wt(h,Ot);if(we){const[Ie,Pe]=we,Ye=$e(Ie,l,a),Je=$e(Pe,l,a),Ze=Ye<Je?Ie:Pe,Dt=Ye<Je?Pe:Ie,Rt=et(Ze),Qe=Math.abs(Rt-w);Qe<q&&(q=Qe,k=Ze,j=Dt)}S=$;continue}const[ye,H]=Q,be=$e(ye,l,a),Xe=$e(H,l,a),B=be<Xe?ye:H,J=be<Xe?H:ye,V=et(B),ne=Math.abs(V-w);if(ne<q&&(q=ne,k=B,j=J),ne/y<.001)break;V<w?S=$:P=$}if(!k||!j)return{pieces:null,error:`Could not find a valid cut for piece ${m+1} of ${e}. The polygon shape may be too irregular for equal division.`};p.push(k),h=j,g--}return p.push(h),{pieces:p}}const ta=new M({stroke:new I({color:"#0ea5e9",width:3}),fill:new A({color:"rgba(14,165,233,0.15)"})}),oa=new M({stroke:new I({color:"#8b5cf6",width:4,lineDash:[10,6]})});function na(o){const e=[];for(let t=0;t<o;t++){const r=Math.round(t*360/o);e.push({stroke:`hsl(${r}, 70%, 45%)`,fill:`hsla(${r}, 70%, 55%, 0.25)`})}return e}class ra extends fo{constructor(e={}){super({handleEvent:t=>this._handleEvent(t)}),this.snapDistance_=e.snapDistance||25,this._sources=e.sources?Array.isArray(e.sources)?e.sources:[e.sources]:null,this._phase="select",this._selectedFeature=null,this._selectedSource=null,this._selectedEdge=null,this._dividedFeatures=null,this._overlaySource=new G({useSpatialIndex:!1}),this._overlayLayer=new D({source:this._overlaySource,displayInLayerSwitcher:!1,style:ta}),this._edgeSource=new G({useSpatialIndex:!1}),this._edgeLayer=new D({source:this._edgeSource,displayInLayerSwitcher:!1,style:oa})}setMap(e){this.getMap()&&(this.getMap().removeLayer(this._overlayLayer),this.getMap().removeLayer(this._edgeLayer)),super.setMap(e),e&&(this._overlayLayer.setMap(e),this._edgeLayer.setMap(e))}setActive(e){super.setActive(e),e||this._reset()}_getSources(){if(this._sources)return this._sources;if(!this.getMap())return[];const e=[],t=r=>{r.forEach(n=>{n.getVisible()&&(n.getSource&&n.getSource()instanceof G?e.push(n.getSource()):n.getLayers&&t(n.getLayers()))})};return t(this.getMap().getLayers()),e}_handleEvent(e){if(!this.getActive())return!0;if(e.type==="keydown"&&e.originalEvent?.key==="Escape")return this._phase==="form"?this.cancelDivide():this._reset(),!1;if(this._phase==="select"){if(e.type==="pointermove")return this._onSelectMove(e);if(e.type==="singleclick")return this._onSelectClick(e)}if(this._phase==="edge"){if(e.type==="pointermove")return this._onEdgeMove(e);if(e.type==="singleclick")return this._onEdgeClick(e)}if(this._phase==="pick"){if(e.type==="pointermove")return this._onPickMove(e);if(e.type==="singleclick")return this._onPickClick(e)}return!0}_onSelectMove(e){const t=this.getMap();if(!t)return!0;this._overlaySource.clear();const r=this._closestPolygon(e);if(r){const n=r.feature.clone();this._overlaySource.addFeature(n),t.getTargetElement().style.cursor="pointer"}else t.getTargetElement().style.cursor="";return!0}_onSelectClick(e){const t=this._closestPolygon(e);if(!t)return!0;this._selectedFeature=t.feature,this._selectedSource=t.source,this._overlaySource.clear();const r=t.feature.clone();return r.set("_permanent",!0),this._overlaySource.addFeature(r),this._phase="edge",F("Click the edge to divide along.","info",3e3),!1}_closestPolygon(e){let t=null,r=this.snapDistance_+1;for(const n of this._getSources()){const s=n.getClosestFeatureToCoordinate(e.coordinate);if(!s)continue;const a=s.getGeometry();if(!a)continue;const i=a.getType();if(i!=="Polygon"&&i!=="MultiPolygon")continue;const l=a.getClosestPoint(e.coordinate),d=new de([e.coordinate,l]).getLength()/e.frameState.viewState.resolution;d<r&&(r=d,t={feature:s,source:n})}return t}_onEdgeMove(e){const t=this.getMap();if(!t)return!0;this._edgeSource.clear();const r=this._closestEdgeSegment(this._selectedFeature,e);if(r){const n=new fe(new de([r.segStart,r.segEnd]));this._edgeSource.addFeature(n),t.getTargetElement().style.cursor="crosshair"}else t.getTargetElement().style.cursor="";return!0}_onEdgeClick(e){const t=this._closestEdgeSegment(this._selectedFeature,e);if(!t)return!0;this._selectedEdge=[t.segStart,t.segEnd],this._edgeSource.clear(),this._phase="form";const n=this._selectedFeature.getGeometry().getExtent(),s=[(n[0]+n[2])/2,(n[1]+n[3])/2];return this.dispatchEvent({type:"divideform",feature:this._selectedFeature,source:this._selectedSource,coordinate:s}),!1}_closestEdgeSegment(e,t){const r=e.getGeometry();let n;if(r.getType()==="Polygon")n=r.getCoordinates()[0];else if(r.getType()==="MultiPolygon")n=r.getCoordinates()[0][0];else return null;const s=t.frameState.viewState.resolution;let a=1/0,i=null;const l=n.length-1;for(let c=0;c<l;c++){const d=n[c],u=n[c+1],f=u[0]-d[0],p=u[1]-d[1],h=f*f+p*p;if(h<1e-20)continue;let g=((t.coordinate[0]-d[0])*f+(t.coordinate[1]-d[1])*p)/h;g=Math.max(0,Math.min(1,g));const m=d[0]+g*f,y=d[1]+g*p,w=Math.sqrt((t.coordinate[0]-m)**2+(t.coordinate[1]-y)**2)/s;w<a&&(a=w,i={segStart:d,segEnd:u})}return a<=this.snapDistance_?i:null}performDivide(e){if(this._phase!=="form"||!this._selectedFeature)return;const t=this._selectedFeature,r=this._selectedSource,n=t.getGeometry();let s;n.getType()==="Polygon"?s=n.getCoordinates():n.getType()==="MultiPolygon"&&(s=n.getCoordinates()[0]);const a=ea(s,e,this._selectedEdge);if(!a.pieces){F(a.error||"Division failed.","error",5e3),this._reset();return}const i=na(e),l=a.pieces.map((p,h)=>{const g=t.clone();return g.setGeometry(new at(p)),g.setStyle(new M({stroke:new I({color:i[h].stroke,width:2.5}),fill:new A({color:i[h].fill})})),g}),c={type:"beforedivide",original:t,features:l};this.dispatchEvent(c),r.dispatchEvent({...c});const d=this.getMap();d?.dispatchEvent("undoblockstart"),r.removeFeature(t);for(const p of l)r.addFeature(p);d?.dispatchEvent("undoblockend");const u={type:"afterdivide",original:t,features:l};this.dispatchEvent(u),r.dispatchEvent({...u}),t.get("_layerType")==="parcel"?(this._dividedFeatures=l,this._phase="pick",F("Click the polygon that should keep the original identifier.","info",5e3),this.dispatchEvent({type:"dividedparcel",features:l,originalProps:t.getProperties(),source:r})):(F(`Polygon divided into ${e} equal pieces.`,"success"),this._reset())}_onPickMove(e){const t=this.getMap();if(!t)return!0;this._overlaySource.clear();const r=this._closestDividedPiece(e);if(r){const n=r.clone();this._overlaySource.addFeature(n),t.getTargetElement().style.cursor="pointer"}else t.getTargetElement().style.cursor="";return!0}_onPickClick(e){const t=this._closestDividedPiece(e);return t?(this.dispatchEvent({type:"dividepick",picked:t,features:this._dividedFeatures}),this._reset(),!1):!0}_closestDividedPiece(e){if(!this._dividedFeatures)return null;let t=null,r=this.snapDistance_+1;for(const n of this._dividedFeatures){const s=n.getGeometry();if(!s)continue;const a=s.getClosestPoint(e.coordinate),l=new de([e.coordinate,a]).getLength()/e.frameState.viewState.resolution;l<r&&(r=l,t=n)}return t}cancelDivide(){this.dispatchEvent({type:"dividecancel"}),this._reset()}_reset(){this._phase="select",this._selectedFeature=null,this._selectedSource=null,this._selectedEdge=null,this._dividedFeatures=null,this._overlaySource.clear(),this._edgeSource.clear();const e=this.getMap();e&&(e.getTargetElement().style.cursor="")}}const sa="cb1_3oda_1_7e628f491723b99347ed6dca";function Wo(o){return`${`https://{a-c}.basemaps.cartocdn.com/${o}/{z}/{x}/{y}.png`}?key=${encodeURIComponent(sa)}`}const gt=[0,-10],aa={"ol-selection":"bi-cursor","ol-drawpoint":"bi-geo-alt","ol-drawline":"bi-vector-pen","ol-drawpolygon":"bi-pentagon","ol-drawregular":"bi-square","ol-drawhole":"bi-record-circle","ol-transform":"bi-arrows-move","ol-offset":"bi-arrows-angle-expand","ol-delete":"bi-trash3","ol-info":"bi-info-circle","ol-split":"bi-signpost-split","ol-split-line":"bi-slash-lg","ol-split-polygon":"bi-scissors","ol-split-divide":"bi-grid-3x3-gap","ol-merge":"bi-union","ol-undo":"bi-arrow-counterclockwise","ol-redo":"bi-arrow-clockwise","ol-save":"bi-floppy","ol-snap-toggle":"bi-magnet"},ia=[{label:"Draw",controls:["ol-drawpoint","ol-drawline","ol-drawpolygon","ol-drawregular","ol-drawhole"]},{label:"Edit",controls:["ol-selection","ol-transform"]},{label:"Shape",controls:["ol-split","ol-merge","ol-offset"]},{label:"File",controls:["ol-editbar-actions"]}];class la{constructor(e,t={}){this.options=t,this.markerSource=new G,this.clickCallbacks=[],this.categoryEmojis={default:{emoji:"📍",label:"Default"},water:{emoji:"💧",label:"Water Point"},school:{emoji:"🏫",label:"School"},health:{emoji:"🏥",label:"Health Facility"},market:{emoji:"🏪",label:"Market"},other:{emoji:"📌",label:"Other"}},this.getEmoji=i=>{const l=this.categoryEmojis[i];return l?l.emoji:"📍"},this.getCategoryOptionsHtml=()=>Object.entries(this.categoryEmojis).map(([i,{emoji:l,label:c}])=>`<option value="${i}">${l} ${c}</option>`).join(`
|
||
`),this.createEmojiStyle=(i,l=24)=>new M({text:new We({text:i,font:`${l}px sans-serif`,textBaseline:"bottom",textAlign:"center",offsetY:-5})}),this.defaultStyle=this.createEmojiStyle("📍",32),this.selectedStyle=this.createEmojiStyle("📍",42),this.categoryStyles={};for(const[i,{emoji:l}]of Object.entries(this.categoryEmojis))this.categoryStyles[i]=this.createEmojiStyle(l,32);const r=this.createBaseLayers(t.basemap||"topo");this.markersLayer=new D({title:"Markers",source:this.markerSource,style:i=>this.getFeatureStyle(i),visible:!1}),this.overlayGroup=new Me({title:"Overlays"}),this.map=new To({target:e,layers:[r,this.markersLayer,this.overlayGroup],view:new gr({center:ee(t.center||[0,0]),zoom:t.zoom||2,minZoom:t.minZoom||2,maxZoom:t.maxZoom||19})});const n=new Lr({collapsed:!0,mouseover:!0,extent:!0,trash:!1,oninfo:null});this.map.addControl(n),queueMicrotask(()=>{const i=n.element?.querySelector(":scope > button");if(i){const l="/".replace(/\/?$/,"/");i.style.backgroundImage=`url('${l}app-icons/luspa-72x72.png')`}});let s=!1;n.on("drawlist",i=>{this._decorateLayerListItem(i.layer,i.li),s||(s=!0,queueMicrotask(()=>{s=!1,this._refreshLayerSwitcherChrome(n)}))}),this.map.getLayers().on("change",()=>{this._refreshLayerSwitcherChrome(n)}),this._wireLayerSwitcherVisibilityHooks(n),this._createAddLayerDialog(),this._createLegendPanel(),this.scaleBar=new mr({bar:!0,steps:4,text:!0,minWidth:140}),this.map.addControl(this.scaleBar),this._initGpsRendering(),this._createLocationControl(),this._createBaseMapPicker();const a=new kr({placeholder:"Search location...",typing:300,minLength:3,maxItems:10,collapsed:!0});this.map.addControl(a),a.on("select",i=>{const l=i.search;if(l){const c=parseFloat(l.lon),d=parseFloat(l.lat),u=[c,d],f=ee(u);this.navigateTo(c,d,14);const p={coordinate:f,lonLat:u,name:l.display_name||l.name||"Unknown",searchResult:l};this.searchSelectCallbacks.forEach(h=>h(p))}}),this.searchNominatim=a,this.searchSelectCallbacks=[],this.selectedFeature=null,this.createPopup(),this.createInfoPopup(),this.createAddLocationPopup(),this.createParcelEditPopup(),this.createDrawnPolygonPopup(),this.createMergePopup(),this.createDividePopup(),this.dblClickCallbacks=[],this.editBar=null,this.drawingsSource=null,this.drawingsLayer=null,this.touchCursor=null,this._editBarActive=!1}initEditBar(){this.drawingsSource=new G,this.drawingsLayer=new D({title:"sketches",source:this.drawingsSource,style:new M({stroke:new I({color:"#f59e0b",width:2.5}),fill:new A({color:"rgba(245,158,11,0.15)"}),image:new he({radius:6,fill:new A({color:"#f59e0b"}),stroke:new I({color:"#fff",width:1.5})})})}),this._drawingsGroup=new Me({title:"Drawings",layers:[this.drawingsLayer]});const e=this.map.getLayers(),t=e.getArray().indexOf(this.overlayGroup);e.insertAt(t>=0?t:e.getLength(),this._drawingsGroup),this._selectInteraction=new yr({condition:wr,toggleCondition:br,filter:(p,h)=>!!h,layers:p=>p instanceof D&&p.get("selectable")!==!1}),this._selectInteraction.setActive(!1),this.map.addInteraction(this._selectInteraction),this._dragBoxSelect=new _r({condition:vr}),this._dragBoxSelect.setActive(!1),this.map.addInteraction(this._dragBoxSelect),this._dragBoxSelect.on("boxend",()=>{const p=this._dragBoxSelect.getGeometry().getExtent(),h=this._selectInteraction.getFeatures();this.map.getLayers().forEach(g=>this._boxAddFromLayer(g,p,h)),this._refreshVertexOverlay?.()}),this._selectInteraction.on("change:active",()=>{this._dragBoxSelect.setActive(this._selectInteraction.getActive())}),this._modifyInteraction=new Ir({features:this._selectInteraction.getFeatures()}),this._modifyInteraction.setActive(!1),this._modifyInteraction.on("modifyend",p=>{if(!this._featureModifiedCallbacks?.length)return;const h=p.features?.getArray?.()||[];for(const g of h)for(const m of this._featureModifiedCallbacks)try{m(g)}catch(y){console.warn("[MapView] onFeatureModified callback failed:",y)}}),this._undoRedo=new Pr,this.map.addInteraction(this._undoRedo),this.editBar=new Xt({source:this.drawingsSource,interactions:{Select:this._selectInteraction,ModifySelect:this._modifyInteraction,DrawPoint:!0,DrawLine:!0,DrawPolygon:!0,DrawRegular:!0,DrawHole:!0,Delete:!0,Info:!0,Transform:!0,Split:!1}}),this.map.addControl(this.editBar);const r=this.editBar.getInteraction("DrawPoint");r&&r.on("drawend",p=>{const h=p.feature?.getGeometry?.()?.getCoordinates?.();if(!h)return;this._discardPendingLocationSketch(),this._pendingLocationSketch=p.feature;const g=this._undoRedo,m=g?._record;g&&(g._record=!1),setTimeout(()=>{g&&(g._record=m)},0);for(const y of this._drawnPointCallbacks||[])try{y(h)}catch(w){console.warn("[MapView] onDrawnPoint callback failed:",w)}}),this._setupVertexOverlay();const n=new Io({group:!0,className:"ol-editbar-actions",controls:[new tt({html:'<i class="bi bi-arrow-counterclockwise"></i>',className:"ol-undo",title:"Undo",handleClick:()=>{this._undoRedo.hasUndo()&&this._undoRedo.undo()}}),new tt({html:'<i class="bi bi-arrow-clockwise"></i>',className:"ol-redo",title:"Redo",handleClick:()=>{this._undoRedo.hasRedo()&&this._undoRedo.redo()}}),new tt({html:'<i class="bi bi-floppy"></i>',className:"ol-save",title:"Save drawings",handleClick:()=>{this.dispatchEditEvent("save")}})]});this.editBar.addControl(n),this._lineSplitInteraction=new Mr,this._polygonSplitInteraction=new Gs,this.map.addInteraction(this._lineSplitInteraction),this.map.addInteraction(this._polygonSplitInteraction),this._lineSplitInteraction.setActive(!1),this._polygonSplitInteraction.setActive(!1),this._polygonSplitInteraction.on("splitpick",p=>{const h=["UPN","upn","id","parcelid","parcel_id","PARCELID","PARCEL_ID","ID"];for(const g of p.features)if(g!==p.picked)for(const m of h)g.get(m)!==void 0&&g.set(m,"")}),this._polygonDivideInteraction=new ra,this.map.addInteraction(this._polygonDivideInteraction),this._polygonDivideInteraction.setActive(!1);const s=new Se({html:'<i class="bi bi-slash-lg"></i>',className:"ol-split-line",title:"Split Lines",name:"SplitLine",interaction:this._lineSplitInteraction,autoActivate:!0}),a=new Se({html:'<i class="bi bi-scissors"></i>',className:"ol-split-polygon",title:"Split Polygons",name:"SplitPolygon",interaction:this._polygonSplitInteraction}),i=new Se({html:'<i class="bi bi-grid-3x3-gap"></i>',className:"ol-split-divide",title:"Divide Polygon",name:"DividePolygon",interaction:this._polygonDivideInteraction}),l=new Io({toggleOne:!0,autoDeactivate:!0,controls:[s,a,i]}),c=new Se({className:"ol-split",title:"Split",name:"Split",bar:l,onToggle:p=>{p||(this._lineSplitInteraction.setActive(!1),this._polygonSplitInteraction.setActive(!1),this._polygonDivideInteraction.setActive(!1))}});this.editBar.addControl(c),this._polygonDivideInteraction.on("divideform",p=>{this.showDividePopup(p.feature,p.source,p.coordinate)}),this._polygonDivideInteraction.on("dividecancel",()=>{this.hideDividePopup()}),this._polygonDivideInteraction.on("dividepick",p=>{const h=["UPN","upn","id","parcelid","parcel_id","PARCELID","PARCEL_ID","ID"];for(const g of p.features)if(g!==p.picked)for(const m of h)g.get(m)!==void 0&&g.set(m,"")}),this._polygonMergeInteraction=new Js,this.map.addInteraction(this._polygonMergeInteraction),this._polygonMergeInteraction.setActive(!1);const d=new Se({html:'<i class="bi bi-union"></i>',className:"ol-merge",title:"Merge Polygons",name:"Merge",interaction:this._polygonMergeInteraction});this.editBar.addControl(d),this._polygonMergeInteraction.on("mergedparcel",p=>{this.showMergeIdentifierPopup(p.merged,p.propsA,p.propsB,p.coordinate)}),this._snapGuidesEnabled=localStorage.getItem("snap-guides-enabled")==="1",this._snapGuides=new Ar({pixelTolerance:10,vectorClass:Er}),this.map.addInteraction(this._snapGuides);const u=["DrawPoint","DrawLine","DrawPolygon","DrawHole","DrawRegular"];for(const p of u){const h=this.editBar.getInteraction(p);h&&h.on("change:active",()=>{h.getActive()&&this._snapGuides.setDrawInteraction(h)})}this._modifyInteraction&&this._snapGuides.setModifyInteraction(this._modifyInteraction);const f=new tt({html:'<i class="bi bi-magnet"></i>',className:"ol-snap-toggle"+(this._snapGuidesEnabled?" ol-active":""),title:"Toggle Snap Guides",handleClick:()=>{this._snapGuidesEnabled=!this._snapGuidesEnabled,localStorage.setItem("snap-guides-enabled",this._snapGuidesEnabled?"1":"0"),f.element.classList.toggle("ol-active",this._snapGuidesEnabled),this._snapGuides&&this._snapGuides.setActive(this._snapGuidesEnabled&&this._editBarActive),console.log("[MapView] Snap guides:",this._snapGuidesEnabled?"ON":"OFF")}});this._snapToggleBtn=f,n.addControl(f),this._buildToolbarRail(),this.setEditMode(!1),this._drawingsGroup.on("change:visible",()=>{const p=this._drawingsGroup.getVisible();this.setEditMode(p)}),this._isTouchOnlyDevice()?(this.touchCursor=new Po({className:"ol-editbar-cursor"}),this.map.addInteraction(this.touchCursor),this.touchCursor.setActive(!1),console.log("[MapView] Touch-only device detected — TouchCursor added")):console.log("[MapView] Fine pointer available — TouchCursor skipped"),this._installPointerCapabilityWatcher(),this.drawingsSource.on("addfeature",p=>{const h=p.feature,g=h.getGeometry();if(!g||g.getType()!=="Polygon")return;const m=g.getInteriorPoint().getCoordinates();this.showDrawnPolygonPopup(h,m)}),this._editKeyHandler=p=>{if(p.key!=="Delete"&&p.key!=="Backspace"||!this._editBarActive)return;const h=p.target,g=h&&h.tagName;h?.isContentEditable||g==="INPUT"||g==="TEXTAREA"||g==="SELECT"||this._deleteSelectedFeatures()&&p.preventDefault()},document.addEventListener("keydown",this._editKeyHandler),console.log("[MapView] EditBar initialised with Drawings group, UndoRedo and SnapGuides (default:",this._snapGuidesEnabled?"ON":"OFF",")")}_deleteSelectedFeatures(){if(!this._editBarActive)return!1;const e=this.editBar?.getInteraction("Delete"),t=this._selectInteraction?.getFeatures();return!e||!t||t.getLength()===0?!1:(e.delete(t),t.clear(),this._refreshVertexOverlay?.(),!0)}_boxAddFromLayer(e,t,r){if(!e)return;if(typeof e.getLayers=="function"){e.getLayers().forEach(s=>this._boxAddFromLayer(s,t,r));return}if(!(e instanceof D)||e.getVisible&&!e.getVisible()||e===this._vertexOverlayLayer||e===this._gpsTrailLayer||e===this._gpsPositionLayer||e.get("selectable")===!1||e.get("displayInLayerSwitcher")===!1)return;const n=e.getSource&&e.getSource();!n||typeof n.forEachFeatureIntersectingExtent!="function"||n.forEachFeatureIntersectingExtent(t,s=>{r.getArray().includes(s)||r.push(s)})}dispatchEditEvent(e){if(!this._editEventListeners)return;const t=this._editEventListeners[e];t&&t.forEach(r=>r())}onEditEvent(e,t){this._editEventListeners||(this._editEventListeners={}),this._editEventListeners[e]||(this._editEventListeners[e]=[]),this._editEventListeners[e].push(t)}setEditMode(e){const t=this._editBarActive;if(this._editBarActive=!!e,this._editBarActive&&!t&&this._undoRedo)try{this._undoRedo._watchSources(),this._undoRedo.clear()}catch(r){console.warn("[MapView] UndoRedo re-watch/clear failed:",r)}this.editBar&&(this.editBar.setVisible(this._editBarActive),this._editBarActive||this.editBar.deactivateControls()),this._selectInteraction&&(this._editBarActive||this._selectInteraction.getFeatures().clear(),this._selectInteraction.setActive(this._editBarActive)),this._modifyInteraction&&this._modifyInteraction.setActive(this._editBarActive),this._snapGuides&&this._snapGuides.setActive(this._snapGuidesEnabled&&this._editBarActive),this.touchCursor&&this.touchCursor.setActive(this._editBarActive),this._editBarActive||this._discardPendingLocationSketch(),!this._editBarActive&&this._vertexOverlaySource&&this._withoutUndoRecording(()=>this._silentClearSource(this._vertexOverlaySource)),console.log("[MapView] Edit mode:",this._editBarActive?"ON":"OFF")}isEditMode(){return this._editBarActive}_isTouchOnlyDevice(){if(!("ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0))return!1;if(typeof window.matchMedia!="function")return!0;const t=window.matchMedia("(any-pointer: fine)").matches,r=window.matchMedia("(any-hover: hover)").matches;return!t&&!r}_refreshTouchCursor(){const e=this._isTouchOnlyDevice();e&&!this.touchCursor?(this.touchCursor=new Po({className:"ol-editbar-cursor"}),this.map.addInteraction(this.touchCursor),this.touchCursor.setActive(this._editBarActive),console.log("[MapView] Pointer change → TouchCursor added")):!e&&this.touchCursor&&(this.map.removeInteraction(this.touchCursor),this.touchCursor=null,console.log("[MapView] Pointer change → TouchCursor removed (fine pointer present)"))}_installPointerCapabilityWatcher(){if(typeof window.matchMedia!="function"||this._pointerMediaQueries)return;const e=["(any-pointer: fine)","(any-hover: hover)"].map(r=>window.matchMedia(r)),t=()=>this._refreshTouchCursor();for(const r of e)typeof r.addEventListener=="function"?r.addEventListener("change",t):typeof r.addListener=="function"&&r.addListener(t);this._pointerMediaQueries=e,this._pointerMediaListener=t}_buildToolbarRail(){const e=this.editBar?.element;if(e)try{this._applyToolbarRail(e)}catch(t){console.warn("[MapView] Could not build the toolbar rail; falling back to the default bar:",t),e.classList.remove("ol-left","ol-editbar-rail")}}_applyToolbarRail(e){e.classList.add("ol-left","ol-editbar-rail");for(const[n,s]of Object.entries(aa))for(const a of e.querySelectorAll(`.${n}`)){const i=a.matches("button")?a:a.querySelector(":scope > button");i&&(i.innerHTML=`<span class="bi ${s}" aria-hidden="true"></span>`)}const t=document.createDocumentFragment();for(const n of ia){const s=n.controls.map(i=>e.querySelector(`:scope > .${i}`)).filter(Boolean);if(!s.length)continue;const a=document.createElement("div");a.className="ol-rail-label",a.textContent=n.label,a.setAttribute("aria-hidden","true"),t.appendChild(a);for(const i of s)t.appendChild(i)}e.appendChild(t);const r=document.createElement("div");r.className="ol-rail-grip",r.title="Drag to move the toolbar — double-click to reset",r.setAttribute("role","button"),r.setAttribute("aria-label","Move the drawing toolbar"),e.insertBefore(r,e.firstChild),this._makeToolbarDraggable(e,r)}_makeToolbarDraggable(e,t){const r="editbar-position",n=window.matchMedia("(max-width: 576px), (max-height: 560px)"),s=(g,m,y)=>Math.min(Math.max(g,m),y),a=(g,m)=>{const y=e.offsetParent||this.map.getTargetElement();if(!y)return;const w=Math.max(0,y.clientWidth-e.offsetWidth-4),_=Math.max(0,y.clientHeight-e.offsetHeight-4);e.style.left=`${s(g,4,w)}px`,e.style.top=`${s(m,4,_)}px`,e.style.transform="none",e.style.bottom="auto"},i=()=>{e.style.left="",e.style.top="",e.style.transform="",e.style.bottom=""},l=()=>{if(n.matches){i();return}try{const g=JSON.parse(localStorage.getItem(r)||"null");g&&Number.isFinite(g.left)&&Number.isFinite(g.top)&&a(g.left,g.top)}catch{}};let c=0,d=0,u=0,f=0;const p=g=>{a(u+(g.clientX-c),f+(g.clientY-d))},h=g=>{t.releasePointerCapture?.(g.pointerId),window.removeEventListener("pointermove",p),window.removeEventListener("pointerup",h),e.classList.remove("is-dragging");try{localStorage.setItem(r,JSON.stringify({left:parseFloat(e.style.left)||0,top:parseFloat(e.style.top)||0}))}catch{}};t.addEventListener("pointerdown",g=>{if(n.matches||g.button!==0)return;g.preventDefault();const m=e.getBoundingClientRect(),y=(e.offsetParent||this.map.getTargetElement()).getBoundingClientRect();c=g.clientX,d=g.clientY,u=m.left-y.left,f=m.top-y.top,e.classList.add("is-dragging"),t.setPointerCapture?.(g.pointerId),window.addEventListener("pointermove",p),window.addEventListener("pointerup",h)}),t.addEventListener("dblclick",()=>{try{localStorage.removeItem(r)}catch{}i()}),typeof n.addEventListener=="function"?n.addEventListener("change",l):typeof n.addListener=="function"&&n.addListener(l),l()}_setupVertexOverlay(){this._vertexOverlaySource=new G,this._vertexOverlayLayer=new D({title:"__vertex_highlight__",source:this._vertexOverlaySource,zIndex:990,style:new M({image:new he({radius:4,fill:new A({color:"rgba(14,165,233,0.85)"}),stroke:new I({color:"#fff",width:1.2})})})}),this._vertexOverlayLayer.set("displayInLayerSwitcher",!1),this.map.addLayer(this._vertexOverlayLayer),this._onSelectedFeatureGeomChange=()=>this._refreshVertexOverlay(),this._vertexTrackedFeatures=new Set,this._selectInteraction.on("select",()=>this._refreshVertexOverlay())}_withoutUndoRecording(e){const t=this._undoRedo;if(!t)return e();const r=t._record;t._record=!1;try{return e()}finally{t._record=r}}_silentClearSource(e){if(!e)return;const t=e.getFeatures();for(let r=t.length-1;r>=0;r--)e.removeFeature(t[r])}_refreshVertexOverlay(){this._vertexOverlaySource&&this._withoutUndoRecording(()=>{if(this._silentClearSource(this._vertexOverlaySource),this._vertexTrackedFeatures){for(const t of this._vertexTrackedFeatures)t.un("change",this._onSelectedFeatureGeomChange);this._vertexTrackedFeatures.clear()}if(!this._editBarActive||!this._selectInteraction)return;const e=this._selectInteraction.getFeatures().getArray();for(const t of e){const r=t.getGeometry();if(!r)continue;const n=r.getType();if(!["Polygon","MultiPolygon","LineString","MultiLineString"].includes(n))continue;const s=this._collectAllVertices(r);for(const a of s)this._vertexOverlaySource.addFeature(new fe(new dt(a)));t.on("change",this._onSelectedFeatureGeomChange),this._vertexTrackedFeatures.add(t)}})}_collectAllVertices(e){const t=[],r=i=>Array.isArray(i)&&typeof i[0]=="number",n=(i,l)=>{const c=l&&i.length>1?i.length-1:i.length;for(let d=0;d<c;d++)t.push(i[d])},s=e.getType(),a=e.getCoordinates();switch(s){case"Polygon":for(const l of a)n(l,!0);break;case"MultiPolygon":for(const l of a)for(const c of l)n(c,!0);break;case"LineString":n(a,!1);break;case"MultiLineString":for(const l of a)n(l,!1);break;default:const i=l=>{if(r(l))t.push(l);else if(Array.isArray(l))for(const c of l)i(c)};i(a)}return t}getDrawingsLayer(){return this.drawingsLayer}getDrawingsSource(){return this.drawingsSource}getEditBar(){return this.editBar}setScaleBarUnits(e){this.scaleBar&&this.scaleBar.setUnits(e==="imperial"?"imperial":"metric")}createPopup(){this.popupElement=document.createElement("div"),this.popupElement.className="map-popup",this.popupElement.style.cssText=`
|
||
position: absolute;
|
||
background: var(--card, #fff);
|
||
color: var(--card-foreground, #1e1a4b);
|
||
border-radius: 8px;
|
||
padding: 10px 14px;
|
||
box-shadow: 0 2px 8px rgba(0,0,0,0.25);
|
||
font-family: var(--font-body, 'Exo', sans-serif);
|
||
font-size: 13px;
|
||
min-width: 150px;
|
||
max-width: 280px;
|
||
pointer-events: none;
|
||
z-index: 1000;
|
||
border: 1px solid var(--border, #1e1a4b1f);
|
||
`,this.popup=new Ee({element:this.popupElement,positioning:"bottom-center",offset:[0,-15],stopEvent:!1}),this.map.addOverlay(this.popup),this.setupHoverPopup()}setupHoverPopup(){let e=null;this.map.on("pointermove",t=>{if(t.dragging){this.hidePopup();return}const r=this.map.forEachFeatureAtPixel(t.pixel,n=>n.get("name")?n:null);r&&r!==e?(e=r,this.showPopup(r,t.coordinate)):!r&&e&&(e=null,this.hidePopup()),this.map.getTargetElement().style.cursor=r?"pointer":""}),this.map.getTargetElement().addEventListener("mouseleave",()=>{this.hidePopup(),e=null})}showPopup(e,t){const r=e.get("name")||"Unnamed",n=e.get("category")||"default",s=e.get("description"),a=e.get("lon"),i=e.get("lat");let c=`
|
||
<div style="font-weight: 600; font-size: 14px; margin-bottom: 6px;">
|
||
${this.getEmoji(n)} ${this.escapeHtml(r)}
|
||
</div>
|
||
`;const u={water:"#3b82f6",school:"#f59e0b",health:"#ef4444",market:"#8b5cf6",default:"#2d5016",other:"#6b7280"}[n]||"#6b7280";c+=`
|
||
<div style="margin-bottom: 6px;">
|
||
<span style="
|
||
background: ${u}20;
|
||
color: ${u};
|
||
padding: 2px 8px;
|
||
border-radius: 4px;
|
||
font-size: 11px;
|
||
font-weight: 500;
|
||
">${n}</span>
|
||
</div>
|
||
`,s&&(c+=`
|
||
<div style="color: var(--muted-foreground, #7a7a7a); font-size: 12px; margin-bottom: 6px; line-height: 1.4;">
|
||
${this.escapeHtml(s)}
|
||
</div>
|
||
`),a!==void 0&&i!==void 0&&(c+=`
|
||
<div style="color: var(--muted-foreground, #7a7a7a); font-size: 11px; font-family: monospace;">
|
||
${Number(a).toFixed(5)}, ${Number(i).toFixed(5)}
|
||
</div>
|
||
`),this.popupElement.innerHTML=c,this.popup.setPosition(t)}hidePopup(){this.popup.setPosition(void 0)}createInfoPopup(){this.infoPopupElement=document.createElement("div"),this.infoPopupElement.className="map-info-popup",this.infoPopupElement.style.cssText=`
|
||
position: absolute;
|
||
background: var(--card, #fff);
|
||
color: var(--card-foreground, #1e1a4b);
|
||
border-radius: 10px;
|
||
padding: 0;
|
||
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
|
||
font-family: var(--font-body, 'Exo', sans-serif);
|
||
font-size: 13px;
|
||
min-width: 220px;
|
||
max-width: 320px;
|
||
max-height: 70vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
z-index: 1001;
|
||
border: 1px solid var(--border, #1e1a4b1f);
|
||
overflow: hidden;
|
||
`,this.infoPopup=new Ee({element:this.infoPopupElement,positioning:"bottom-center",offset:gt.slice(),stopEvent:!0,autoPan:!0,autoPanAnimation:{duration:250}}),this.map.addOverlay(this.infoPopup)}showInfoPopup(e,t,r={}){const{title:n="Feature Info",color:s="#e11d48"}=r,a=e.getProperties(),i=e.getGeometry(),l=i.getType(),c=["geometry","_layerType"];let d="";for(const[f,p]of Object.entries(a))c.includes(f)||p===void 0||p===null||(d+=`
|
||
<tr>
|
||
<td style="padding:4px 8px;font-weight:600;color:var(--muted-foreground, #7a7a7a);white-space:nowrap;">${this.escapeHtml(f)}</td>
|
||
<td style="padding:4px 8px;color:var(--foreground, #1e1a4b);">${this.escapeHtml(String(p))}</td>
|
||
</tr>
|
||
`);if(l==="Polygon"||l==="MultiPolygon"){const f=nt(i,{projection:"EPSG:3857"}),p=Is(f);d+=`
|
||
<tr style="border-top:1px solid var(--border, #1e1a4b1f);">
|
||
<td style="padding:4px 8px;font-weight:600;color:var(--muted-foreground, #7a7a7a);white-space:nowrap;">area</td>
|
||
<td style="padding:4px 8px;color:var(--foreground, #1e1a4b);">${p}</td>
|
||
</tr>
|
||
`}else if(l==="LineString"||l==="MultiLineString"){const f=vt(i,{projection:"EPSG:3857"}),p=ks(f);d+=`
|
||
<tr style="border-top:1px solid var(--border, #1e1a4b1f);">
|
||
<td style="padding:4px 8px;font-weight:600;color:var(--muted-foreground, #7a7a7a);white-space:nowrap;">length</td>
|
||
<td style="padding:4px 8px;color:var(--foreground, #1e1a4b);">${p}</td>
|
||
</tr>
|
||
`}else if(l==="Point"){const f=xe(i.getCoordinates()),p=f[0].toFixed(6),h=f[1].toFixed(6);d+=`
|
||
<tr style="border-top:1px solid var(--border, #1e1a4b1f);">
|
||
<td style="padding:4px 8px;font-weight:600;color:var(--muted-foreground, #7a7a7a);white-space:nowrap;">longitude</td>
|
||
<td style="padding:4px 8px;color:var(--foreground, #1e1a4b);">${p}</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="padding:4px 8px;font-weight:600;color:var(--muted-foreground, #7a7a7a);white-space:nowrap;">latitude</td>
|
||
<td style="padding:4px 8px;color:var(--foreground, #1e1a4b);">${h}</td>
|
||
</tr>
|
||
`}const u=`
|
||
<div style="background:${s};color:#fff;padding:8px 12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:10px 10px 0 0;">
|
||
<span>${this.escapeHtml(n)}</span>
|
||
<button id="info-popup-close" style="background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;">×</button>
|
||
</div>
|
||
<div style="padding:8px 4px;overflow-y:auto;flex:1 1 auto;min-height:0;">
|
||
<table style="width:100%;border-collapse:collapse;font-size:13px;">
|
||
${d}
|
||
</table>
|
||
</div>
|
||
`;this.infoPopupElement.innerHTML=u,this.infoPopup.setPosition(t),this.infoPopupElement.querySelector("#info-popup-close").addEventListener("click",()=>{this.hideInfoPopup()})}hideInfoPopup(){this.infoPopup.setPosition(void 0)}_collectIntersectionRows(e,t,r){const n=[];if(e.length>0&&n.push({label:"Parcels",value:String(e.length),color:"#0ea5e9"}),t.length>0){const s=t.map(a=>a.get("colzonename")||a.get("zone_name")||a.get("name")||"unnamed");n.push({label:"Zones",value:String(t.length),color:"#7c3aed"}),n.push({label:"Zone Names",value:s.map(a=>this.escapeHtml(a)).join(", "),color:"#7c3aed"})}for(const[s,a]of Object.entries(r))n.push({label:this.escapeHtml(s),value:`${a.length} feature(s)`});return n.length===0&&n.push({label:"",value:"No intersecting features found",empty:!0}),n}_makePopupDraggable(){const e=this.infoPopupElement.querySelector("#info-popup-header");if(!e)return;this.infoPopup.setOffset(gt.slice());let t=0,r=0,n=gt.slice();const s=i=>{this.infoPopup.setOffset([n[0]+(i.clientX-t),n[1]+(i.clientY-r)])},a=i=>{e.releasePointerCapture?.(i.pointerId),e.removeEventListener("pointermove",s),e.removeEventListener("pointerup",a),e.removeEventListener("pointercancel",a),e.style.cursor="grab"};e.addEventListener("pointerdown",i=>{i.target.closest("#info-popup-close")||i.button!==0||(i.preventDefault(),t=i.clientX,r=i.clientY,n=(this.infoPopup.getOffset()||gt).slice(),e.style.cursor="grabbing",e.setPointerCapture?.(i.pointerId),e.addEventListener("pointermove",s),e.addEventListener("pointerup",a),e.addEventListener("pointercancel",a))})}_buildAnalysisPopupHtml(e,t,r){let n="";for(const s of r){if(s.empty){n+=`
|
||
<tr style="border-top:1px solid var(--border, #1e1a4b1f);">
|
||
<td colspan="2" style="padding:8px;color:#999;text-align:center;font-style:italic;">${s.value}</td>
|
||
</tr>`;continue}const a=s.color||"var(--muted-foreground, #7a7a7a)",i=s._first?"":"border-top:1px solid var(--border, #1e1a4b1f);";n+=`
|
||
<tr style="${i}">
|
||
<td style="padding:4px 8px;font-weight:600;color:${a};white-space:nowrap;">${s.label}</td>
|
||
<td style="padding:4px 8px;color:var(--foreground, #1e1a4b);">${s.value}</td>
|
||
</tr>`}return`
|
||
<div id="info-popup-header" style="background:var(--brand-navy, #1e1a4b);color:#fff;padding:8px 12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:10px 10px 0 0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;">
|
||
<span>${e} ${t}</span>
|
||
<button id="info-popup-close" style="background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;">×</button>
|
||
</div>
|
||
<div style="padding:8px 4px;overflow-y:auto;flex:1 1 auto;min-height:0;">
|
||
<table style="width:100%;border-collapse:collapse;font-size:13px;">
|
||
${n}
|
||
</table>
|
||
</div>
|
||
<div style="padding:2px 8px 8px;display:flex;justify-content:flex-end;gap:6px;flex-shrink:0;border-top:1px solid var(--border, #1e1a4b1f);">
|
||
<button id="info-popup-analyse"
|
||
style="background:#fff;color:var(--brand-navy,#1e1a4b);border:1px solid var(--brand-navy,#1e1a4b);border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit;">
|
||
🧮 Analyse
|
||
</button>
|
||
<button id="info-popup-export-gis"
|
||
style="background:var(--brand-navy,#1e1a4b);color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit;">
|
||
⬇️ Export
|
||
</button>
|
||
</div>`}_showAnalysisPopup(e,t,r,n,s=null){this.infoPopupElement.innerHTML=this._buildAnalysisPopupHtml(e,t,r),this.infoPopup.setPosition(n),this.infoPopupElement.querySelector("#info-popup-close").addEventListener("click",()=>{this.hideInfoPopup()}),this._makePopupDraggable();const a=r.filter(c=>!c.empty).map(c=>({label:c.label,value:String(c.value).replace(/<[^>]*>/g,"")})),i=this.infoPopupElement.querySelector("#info-popup-analyse");if(i){const c=s?s.parcelFeatures.length+s.zoneFeatures.length+Object.values(s.otherByLayer).reduce((d,u)=>d+u.length,0):0;!s||c===0?(i.disabled=!0,i.style.opacity="0.5",i.style.cursor="not-allowed",i.title="No intersecting features to analyse"):i.addEventListener("click",()=>{window.dispatchEvent(new CustomEvent("lupmis:analyse-features",{detail:{title:t,...s}}))})}const l=this.infoPopupElement.querySelector("#info-popup-export-gis");if(l){const c=s?s.parcelFeatures.length+s.zoneFeatures.length+Object.values(s.otherByLayer).reduce((d,u)=>d+u.length,0):0;!s||c===0?(l.disabled=!0,l.style.opacity="0.5",l.style.cursor="not-allowed",l.title="No intersecting features to export"):l.addEventListener("click",()=>{window.dispatchEvent(new CustomEvent("lupmis:export-gis",{detail:{title:t,pdfRows:a,...s}}))})}}showCircleIntersectionPopup(e,t){const r=e.getGeometry();if(!r||typeof r.getCenter!="function")return;const n=xr(r,64),s=n.getExtent(),a=r.getRadius(),i=[],l=[],c={},d=y=>{const w=y.getGeometry();if(!w)return!1;const _=w.getExtent();return _[2]<s[0]||_[0]>s[2]||_[3]<s[1]||_[1]>s[3]?!1:n.intersectsExtent(_)&&this._geometriesIntersect(n,w)},u=(y,w)=>{y.getLayers().forEach(_=>{if(_ instanceof Me)u(_,_.get("title")||w);else if(_ instanceof D&&_.getVisible()){const E=_.get("title")||w||"Unknown",T=_.getSource();if(!T)return;const x=T.getFeaturesInExtent(s);for(const S of x){const P=S.get("_layerType");P==="measure_circle"||P==="measure_circle_radius"||d(S)&&(P==="parcel"?i.push(S):P==="collector_zone"?l.push(S):(c[E]||(c[E]=[]),c[E].push(S)))}}})};u(this.overlayGroup,"Overlays");const f=Qt(a,r.getCenter()),p=rt(f),h=Math.PI*f*f,g=qe(h),m=[{label:"Radius",value:p,_first:!0},{label:"Area",value:g},...this._collectIntersectionRows(i,l,c)];this._showAnalysisPopup("⭕","Circle Analysis",m,t,{kind:"circle",clipGeometry:n,parcelFeatures:i,zoneFeatures:l,otherByLayer:c})}showAreaIntersectionPopup(e,t){const r=e.getGeometry();if(!r)return;const n=r.getExtent(),s=nt(r,{projection:"EPSG:3857"}),a=qe(s),i=vt(r,{projection:"EPSG:3857"}),l=rt(i),c=[],d=[],u={},f=g=>{const m=g.getGeometry();if(!m)return!1;const y=m.getExtent();return y[2]<n[0]||y[0]>n[2]||y[3]<n[1]||y[1]>n[3]?!1:r.intersectsExtent(y)&&this._geometriesIntersect(r,m)},p=(g,m)=>{g.getLayers().forEach(y=>{if(y instanceof Me)p(y,y.get("title")||m);else if(y instanceof D&&y.getVisible()){const w=y.get("title")||m||"Unknown",_=y.getSource();if(!_)return;const E=_.getFeaturesInExtent(n);for(const T of E){const x=T.get("_layerType");x==="measure_area"||x==="measure_circle"||x==="measure_circle_radius"||f(T)&&(x==="parcel"?c.push(T):x==="collector_zone"?d.push(T):(u[w]||(u[w]=[]),u[w].push(T)))}}})};p(this.overlayGroup,"Overlays");const h=[{label:"Area",value:a,_first:!0},{label:"Perimeter",value:l},...this._collectIntersectionRows(c,d,u)];this._showAnalysisPopup("📐","Area Analysis",h,t,{kind:"area",clipGeometry:r,parcelFeatures:c,zoneFeatures:d,otherByLayer:u})}_geometriesIntersect(e,t){const r=t.getType();if(r==="Polygon"||r==="MultiPolygon"){const n=t.getFlatCoordinates(),s=t.getStride();for(let l=0;l<n.length;l+=s)if(e.intersectsCoordinate([n[l],n[l+1]]))return!0;const a=e.getFlatCoordinates(),i=e.getStride();for(let l=0;l<a.length;l+=i)if(t.intersectsCoordinate([a[l],a[l+1]]))return!0;return!1}if(r==="Point")return e.intersectsCoordinate(t.getCoordinates());if(r==="LineString"||r==="MultiLineString"){const n=t.getFlatCoordinates(),s=t.getStride();for(let a=0;a<n.length;a+=s)if(e.intersectsCoordinate([n[a],n[a+1]]))return!0;return!1}return!0}createParcelEditPopup(){this.parcelEditElement=document.createElement("div"),this.parcelEditElement.className="map-parcel-edit-popup",this.parcelEditElement.style.cssText=`
|
||
position: absolute;
|
||
background: var(--card, #fff);
|
||
color: var(--card-foreground, #1e1a4b);
|
||
border-radius: 10px;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
|
||
font-family: var(--font-body, 'Exo', sans-serif);
|
||
font-size: 13px;
|
||
min-width: 280px;
|
||
max-width: 360px;
|
||
max-height: 420px;
|
||
z-index: 1002;
|
||
border: 2px solid var(--primary, #005eb8);
|
||
overflow: hidden;
|
||
display: flex;
|
||
flex-direction: column;
|
||
`,this.parcelEditPopup=new Ee({element:this.parcelEditElement,positioning:"bottom-center",offset:[0,-10],stopEvent:!0,autoPan:!0,autoPanAnimation:{duration:250}}),this.map.addOverlay(this.parcelEditPopup),this._parcelEditCallbacks=[],this._parcelEditFeature=null}showParcelEditPopup(e,t){this._parcelEditFeature=e;const r=e.getProperties(),n=["geometry","_layerType"];let s="";for(const[l,c]of Object.entries(r)){if(n.includes(l))continue;const d=c==null?"":String(c),u=this.escapeHtml(l),f=this.escapeHtml(d);s+=`
|
||
<div style="margin-bottom:8px;">
|
||
<label style="display:block;font-size:11px;font-weight:600;color:var(--muted-foreground, #7a7a7a);margin-bottom:2px;">${u}</label>
|
||
<input type="text" name="${u}" value="${f}"
|
||
style="width:100%;padding:6px 8px;border:1px solid var(--border, #1e1a4b1f);border-radius:4px;font-size:13px;color:var(--foreground, #1e1a4b);background:var(--muted, #f2f4f7);min-height:34px;"
|
||
/>
|
||
</div>
|
||
`}const a=`
|
||
<div style="background:var(--primary, #005eb8);color:#fff;padding:8px 12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;">
|
||
<span>✏️ Edit Parcel</span>
|
||
<button class="parcel-edit-close" style="background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;">×</button>
|
||
</div>
|
||
<form class="parcel-edit-form" style="padding:10px 12px;overflow-y:auto;flex:1;">
|
||
${s}
|
||
<div style="display:flex;gap:8px;margin-top:10px;">
|
||
<button type="submit" style="flex:1;padding:8px 12px;background:var(--primary, #005eb8);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
💾 Save
|
||
</button>
|
||
<button type="button" class="parcel-edit-cancel" style="flex:1;padding:8px 12px;background:var(--muted-foreground, #7a7a7a);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
Cancel
|
||
</button>
|
||
</div>
|
||
</form>
|
||
`;this.parcelEditElement.innerHTML=a,this.parcelEditPopup.setPosition(t),this.parcelEditElement.querySelector(".parcel-edit-close").addEventListener("click",()=>{this.hideParcelEditPopup()}),this.parcelEditElement.querySelector(".parcel-edit-cancel").addEventListener("click",()=>{this.hideParcelEditPopup()});const i=this.parcelEditElement.querySelector(".parcel-edit-form");i.addEventListener("submit",l=>{l.preventDefault();const c=new FormData(i),d={};for(const[u,f]of c.entries())d[u]=f;d._layerType="parcel";for(const[u,f]of Object.entries(d))this._parcelEditFeature.set(u,f);for(const u of this._parcelEditCallbacks)u(this._parcelEditFeature,d);this.hideParcelEditPopup()})}hideParcelEditPopup(){this.parcelEditPopup.setPosition(void 0),this._parcelEditFeature=null}onParcelEdit(e){this._parcelEditCallbacks.push(e)}createMergePopup(){this.mergePopupElement=document.createElement("div"),this.mergePopupElement.className="map-merge-popup",this.mergePopupElement.style.cssText=`
|
||
position: absolute;
|
||
background: var(--card, #fff);
|
||
color: var(--card-foreground, #1e1a4b);
|
||
border-radius: 10px;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
|
||
font-family: var(--font-body, 'Exo', sans-serif);
|
||
font-size: 13px;
|
||
min-width: 280px;
|
||
max-width: 360px;
|
||
z-index: 1002;
|
||
border: 2px solid #10b981;
|
||
overflow: hidden;
|
||
display: flex;
|
||
flex-direction: column;
|
||
`,this.mergePopup=new Ee({element:this.mergePopupElement,positioning:"bottom-center",offset:[0,-10],stopEvent:!0,autoPan:!0,autoPanAnimation:{duration:250}}),this.map.addOverlay(this.mergePopup)}showMergeIdentifierPopup(e,t,r,n){const s=["UPN","upn","id","parcelid","parcel_id","PARCELID","PARCEL_ID","ID"],a=h=>{for(const g of s)if(h[g]!==void 0&&h[g]!==null&&String(h[g]).trim())return{field:g,value:String(h[g])};return{field:"id",value:"Unknown"}},i=a(t),l=a(r),c=`
|
||
<div style="background:#10b981;color:#fff;padding:8px 12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;">
|
||
<span>🔗 Merged Parcel — Choose Identifier</span>
|
||
<button class="merge-popup-close" style="background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;">×</button>
|
||
</div>
|
||
<div style="padding:12px;">
|
||
<p style="margin:0 0 10px;color:var(--muted-foreground, #7a7a7a);font-size:12px;">
|
||
Select which parcel's attributes the merged polygon should keep:
|
||
</p>
|
||
<label style="display:flex;align-items:center;padding:10px;border:2px solid var(--border, #1e1a4b1f);border-radius:8px;cursor:pointer;margin-bottom:8px;transition:border-color 0.15s;">
|
||
<input type="radio" name="merge-choice" value="A" checked
|
||
style="margin-right:10px;accent-color:#0ea5e9;width:16px;height:16px;" />
|
||
<div>
|
||
<div style="font-weight:600;color:#0ea5e9;">Parcel A</div>
|
||
<div style="font-size:12px;color:var(--muted-foreground, #7a7a7a);">${this.escapeHtml(i.field)}: ${this.escapeHtml(i.value)}</div>
|
||
</div>
|
||
</label>
|
||
<label style="display:flex;align-items:center;padding:10px;border:2px solid var(--border, #1e1a4b1f);border-radius:8px;cursor:pointer;margin-bottom:12px;transition:border-color 0.15s;">
|
||
<input type="radio" name="merge-choice" value="B"
|
||
style="margin-right:10px;accent-color:#f59e0b;width:16px;height:16px;" />
|
||
<div>
|
||
<div style="font-weight:600;color:#f59e0b;">Parcel B</div>
|
||
<div style="font-size:12px;color:var(--muted-foreground, #7a7a7a);">${this.escapeHtml(l.field)}: ${this.escapeHtml(l.value)}</div>
|
||
</div>
|
||
</label>
|
||
<div style="display:flex;gap:8px;">
|
||
<button class="merge-popup-confirm" style="flex:1;padding:8px 12px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
✅ Confirm
|
||
</button>
|
||
<button class="merge-popup-cancel" style="flex:1;padding:8px 12px;background:var(--muted-foreground, #7a7a7a);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
Cancel
|
||
</button>
|
||
</div>
|
||
</div>
|
||
`;this.mergePopupElement.innerHTML=c,this.mergePopup.setPosition(n);const d=()=>{this.mergePopup.setPosition(void 0)};this.mergePopupElement.querySelector(".merge-popup-close").addEventListener("click",d),this.mergePopupElement.querySelector(".merge-popup-cancel").addEventListener("click",d),this.mergePopupElement.querySelector(".merge-popup-confirm").addEventListener("click",()=>{const g=this.mergePopupElement.querySelector('input[name="merge-choice"]:checked').value==="A"?t:r,m=["geometry"];for(const[y,w]of Object.entries(g))m.includes(y)||e.set(y,w);e.set("_layerType","parcel");for(const y of this._parcelEditCallbacks)y(e,g);d()});const u=this.mergePopupElement.querySelectorAll("label"),f=this.mergePopupElement.querySelectorAll('input[name="merge-choice"]'),p=()=>{u.forEach(h=>{const g=h.querySelector("input");h.style.borderColor=g.checked?g.value==="A"?"#0ea5e9":"#f59e0b":"var(--border, #1e1a4b1f)"})};f.forEach(h=>h.addEventListener("change",p)),p()}createDividePopup(){this.dividePopupElement=document.createElement("div"),this.dividePopupElement.className="map-divide-popup",this.dividePopupElement.style.cssText=`
|
||
position: absolute;
|
||
background: var(--card, #fff);
|
||
color: var(--card-foreground, #1e1a4b);
|
||
border-radius: 10px;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
|
||
font-family: var(--font-body, 'Exo', sans-serif);
|
||
font-size: 13px;
|
||
min-width: 260px;
|
||
max-width: 320px;
|
||
z-index: 1002;
|
||
border: 2px solid #8b5cf6;
|
||
overflow: hidden;
|
||
display: flex;
|
||
flex-direction: column;
|
||
`,this.dividePopup=new Ee({element:this.dividePopupElement,positioning:"bottom-center",offset:[0,-10],stopEvent:!0,autoPan:!0,autoPanAnimation:{duration:250}}),this.map.addOverlay(this.dividePopup)}showDividePopup(e,t,r){const n=`
|
||
<div style="background:#8b5cf6;color:#fff;padding:8px 12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;">
|
||
<span>Divide Polygon</span>
|
||
<button class="divide-popup-close" style="background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;">×</button>
|
||
</div>
|
||
<div style="padding:12px;">
|
||
<p style="margin:0 0 10px;color:var(--muted-foreground, #7a7a7a);font-size:12px;">
|
||
Enter the number of equal pieces:
|
||
</p>
|
||
<input type="number" class="divide-input" min="2" max="50" value="2"
|
||
style="width:100%;padding:8px 10px;border:2px solid var(--border, #1e1a4b1f);border-radius:6px;font-size:16px;font-weight:600;text-align:center;color:var(--foreground, #1e1a4b);background:var(--muted, #f2f4f7);min-height:40px;" />
|
||
<div style="display:flex;gap:8px;margin-top:12px;">
|
||
<button class="divide-popup-confirm" style="flex:1;padding:8px 12px;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
Divide
|
||
</button>
|
||
<button class="divide-popup-cancel" style="flex:1;padding:8px 12px;background:var(--muted-foreground, #7a7a7a);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
Cancel
|
||
</button>
|
||
</div>
|
||
</div>
|
||
`;this.dividePopupElement.innerHTML=n,this.dividePopup.setPosition(r);const s=this.dividePopupElement.querySelector(".divide-input");s.focus(),s.select();const a=()=>{this.hideDividePopup(),this._polygonDivideInteraction.cancelDivide()};this.dividePopupElement.querySelector(".divide-popup-close").addEventListener("click",a),this.dividePopupElement.querySelector(".divide-popup-cancel").addEventListener("click",a),this.dividePopupElement.querySelector(".divide-popup-confirm").addEventListener("click",()=>{const i=parseInt(s.value,10);if(!i||i<2){s.style.borderColor="#ef4444";return}this.hideDividePopup(),this._polygonDivideInteraction.performDivide(i)}),s.addEventListener("keydown",i=>{i.key==="Enter"&&(i.preventDefault(),this.dividePopupElement.querySelector(".divide-popup-confirm").click())})}hideDividePopup(){this.dividePopup.setPosition(void 0)}createDrawnPolygonPopup(){this.drawnPolygonElement=document.createElement("div"),this.drawnPolygonElement.className="map-drawn-polygon-popup",this.drawnPolygonElement.style.cssText=`
|
||
position: absolute;
|
||
background: var(--card, #fff);
|
||
border-radius: var(--radius-xl, 0.75rem);
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.2);
|
||
font-family: var(--font-body, 'Exo', sans-serif);
|
||
font-size: 13px;
|
||
min-width: 280px;
|
||
max-width: 360px;
|
||
max-height: 420px;
|
||
z-index: 1002;
|
||
border: 2px solid var(--success, #006b3f);
|
||
overflow: hidden;
|
||
display: flex;
|
||
flex-direction: column;
|
||
`,this.drawnPolygonPopup=new Ee({element:this.drawnPolygonElement,positioning:"bottom-center",offset:[0,-10],stopEvent:!0,autoPan:!0,autoPanAnimation:{duration:250}}),this.map.addOverlay(this.drawnPolygonPopup),this._drawnPolygonCallbacks=[],this._drawnPolygonFeature=null}getParcelAttributeKeys(){const e=["geometry","_layerType"],t=[],r=n=>{t.length>0||n.getLayers().forEach(s=>{if(!(t.length>0)){if(s instanceof Me)r(s);else if(s instanceof D){const a=s.getSource();if(!a)return;for(const i of a.getFeatures()){if(i.get("_layerType")!=="parcel")continue;const l=i.getProperties();for(const c of Object.keys(l))e.includes(c)||t.push(c);return}}}})};return r(this.overlayGroup),t}showDrawnPolygonPopup(e,t){this._drawnPolygonFeature=e;const r=this.getParcelAttributeKeys();if(r.length===0){console.warn("[MapView] No parcel attributes found — cannot build form");return}let n="";for(const d of r){const u=this.escapeHtml(d);n+=`
|
||
<div style="margin-bottom:8px;">
|
||
<label style="display:block;font-size:11px;font-weight:600;color:var(--muted-foreground, #7a7a7a);margin-bottom:2px;">${u}</label>
|
||
<input type="text" name="${u}" value=""
|
||
style="width:100%;padding:6px 8px;border:1px solid var(--border, #1e1a4b1f);border-radius:4px;font-size:13px;color:var(--foreground, #1e1a4b);background:var(--muted, #f2f4f7);min-height:34px;"
|
||
/>
|
||
</div>
|
||
`}const s=e.getGeometry(),a=nt(s,{projection:"EPSG:3857"}),l=`
|
||
<div style="background:var(--success, #006b3f);color:var(--success-foreground, #fff);padding:8px 12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;">
|
||
<span>📐 Polygon Attributes</span>
|
||
<button class="drawn-polygon-close" style="background:none;border:none;color:var(--success-foreground, #fff);font-size:18px;cursor:pointer;padding:0 4px;line-height:1;">×</button>
|
||
</div>
|
||
<div style="padding:8px 12px;background:var(--muted, #f2f4f7);border-bottom:1px solid var(--border, #1e1a4b1f);font-size:12px;color:var(--muted-foreground, #7a7a7a);flex-shrink:0;">
|
||
Area: <strong>${qe(a)}</strong>
|
||
</div>
|
||
<form class="drawn-polygon-form" style="padding:10px 12px;overflow-y:auto;flex:1;">
|
||
${n}
|
||
<div style="display:flex;gap:8px;margin-top:10px;">
|
||
<button type="submit" style="flex:1;padding:8px 12px;background:var(--success, #006b3f);color:var(--success-foreground, #fff);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
💾 Save
|
||
</button>
|
||
<button type="button" class="drawn-polygon-cancel" style="flex:1;padding:8px 12px;background:var(--muted-foreground, #7a7a7a);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
Cancel
|
||
</button>
|
||
</div>
|
||
</form>
|
||
`;this.drawnPolygonElement.innerHTML=l,this.drawnPolygonPopup.setPosition(t),this.drawnPolygonElement.querySelector(".drawn-polygon-close").addEventListener("click",()=>{this.hideDrawnPolygonPopup()}),this.drawnPolygonElement.querySelector(".drawn-polygon-cancel").addEventListener("click",()=>{this.hideDrawnPolygonPopup()});const c=this.drawnPolygonElement.querySelector(".drawn-polygon-form");c.addEventListener("submit",d=>{d.preventDefault();const u=new FormData(c),f={};for(const[p,h]of u.entries())f[p]=h;for(const[p,h]of Object.entries(f))this._drawnPolygonFeature.set(p,h);this._drawnPolygonFeature.set("_layerType","parcel");for(const p of this._drawnPolygonCallbacks)p(this._drawnPolygonFeature,f);this.hideDrawnPolygonPopup()})}hideDrawnPolygonPopup(){this.drawnPolygonPopup.setPosition(void 0),this._drawnPolygonFeature=null}onDrawnPolygonSave(e){this._drawnPolygonCallbacks.push(e)}onFeatureModified(e){this._featureModifiedCallbacks||(this._featureModifiedCallbacks=[]),this._featureModifiedCallbacks.push(e)}onDrawnPoint(e){this._drawnPointCallbacks||(this._drawnPointCallbacks=[]),this._drawnPointCallbacks.push(e)}onDblClick(e){return this.dblClickCallbacks.push(e),this.dblClickCallbacks.length===1&&this.map.on("dblclick",t=>{const[r,n]=xe(t.coordinate);let s=null;this.map.forEachFeatureAtPixel(t.pixel,a=>(s=a,!0)),s&&(t.preventDefault(),t.stopPropagation());for(const a of this.dblClickCallbacks)a(r,n,s,t);if(s)return!1}),()=>{const t=this.dblClickCallbacks.indexOf(e);t>-1&&this.dblClickCallbacks.splice(t,1)}}escapeHtml(e){if(!e)return"";const t=document.createElement("div");return t.textContent=e,t.innerHTML}createAddLocationPopup(){this.addLocationPopupElement=document.createElement("div"),this.addLocationPopupElement.className="map-add-location-popup",this.addLocationPopupElement.innerHTML=`
|
||
<div class="add-location-popup-header">
|
||
<span>➕ Add Location</span>
|
||
<button type="button" class="add-location-popup-close" aria-label="Close">×</button>
|
||
</div>
|
||
<form id="map-add-location-form">
|
||
<div class="add-location-popup-field">
|
||
<label for="map-location-name">Name <span class="text-danger">*</span></label>
|
||
<input type="text" id="map-location-name" name="name" required placeholder="e.g., Water Point A">
|
||
</div>
|
||
<div class="add-location-popup-field">
|
||
<label for="map-location-category">Category</label>
|
||
<select id="map-location-category" name="category">
|
||
${this.getCategoryOptionsHtml()}
|
||
</select>
|
||
</div>
|
||
<div class="add-location-popup-field">
|
||
<label for="map-location-description">Description</label>
|
||
<textarea id="map-location-description" name="description" rows="2" placeholder="Optional notes..."></textarea>
|
||
</div>
|
||
<div class="add-location-popup-coords">
|
||
<small>📍 <span id="map-location-coords"></span></small>
|
||
</div>
|
||
<button type="submit" class="add-location-popup-submit">➕ Add Location</button>
|
||
</form>
|
||
`,this.addLocationPopup=new Ee({element:this.addLocationPopupElement,positioning:"bottom-center",offset:[0,-10],stopEvent:!0,autoPan:!0,autoPanAnimation:{duration:250}}),this.map.addOverlay(this.addLocationPopup),this.addLocationCoords=null,this.addLocationPopupElement.querySelector(".add-location-popup-close").addEventListener("click",()=>{this.hideAddLocationPopup()}),this.addLocationCallbacks=[]}showAddLocationPopup(e){const[t,r]=xe(e);this.addLocationCoords={lon:t,lat:r};const n=this.addLocationPopupElement.querySelector("#map-location-coords");n.textContent=`${t.toFixed(6)}, ${r.toFixed(6)}`,this.addLocationPopupElement.querySelector("#map-add-location-form").reset(),this.addLocationPopup.setPosition(e)}hideAddLocationPopup(){this.addLocationPopup.setPosition(void 0),this.addLocationCoords=null,this._discardPendingLocationSketch()}_discardPendingLocationSketch(){const e=this._pendingLocationSketch;e&&(this._pendingLocationSketch=null,this._withoutUndoRecording(()=>{try{this.drawingsSource.removeFeature(e)}catch{}}))}onAddLocation(e){if(this.addLocationCallbacks.push(e),this.addLocationCallbacks.length===1){const t=this.addLocationPopupElement.querySelector("#map-add-location-form");t.addEventListener("submit",r=>{if(r.preventDefault(),!this.addLocationCoords)return;const n=new FormData(t),s={name:n.get("name"),category:n.get("category"),description:n.get("description"),lon:this.addLocationCoords.lon,lat:this.addLocationCoords.lat};this.addLocationCallbacks.forEach(a=>a(s)),this.hideAddLocationPopup()})}}createBaseLayers(e){const t=new se({title:"Topographic",type:"base",zIndex:-100,visible:e==="topo",source:new Ae({url:"https://{a-c}.tile.opentopomap.org/{z}/{x}/{y}.png",attributions:"Map data: © OpenTopoMap",maxZoom:17,crossOrigin:"anonymous"})});t.set("basemapKey","topo");const r=new se({title:"Carto Light",type:"base",zIndex:-100,visible:e==="carto-light",source:new Ae({url:Wo("light_all"),attributions:"© CARTO",maxZoom:19,crossOrigin:"anonymous"})});r.set("basemapKey","carto-light");const n=new se({title:"Carto Dark",type:"base",zIndex:-100,visible:e==="carto-dark",source:new Ae({url:Wo("dark_all"),attributions:"© CARTO",maxZoom:19,crossOrigin:"anonymous"})});n.set("basemapKey","carto-dark");const s=new se({title:"OSM Cycle map",type:"base",zIndex:-100,visible:!1,source:new Lo({url:"https://tile.thunderforest.com/cycle/{z}/{x}/{y}.png?apikey=ae1339c46dd3446b9c491e7336d38760"})});s.set("basemapKey","cycle");const a=new se({title:"Satellite",type:"base",zIndex:-100,visible:e==="satellite",source:new Ae({url:"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",attributions:"Tiles © Esri",maxZoom:19,crossOrigin:"anonymous"})});a.set("basemapKey","satellite");const i=new se({title:"Google Sat",type:"base",zIndex:-100,visible:e==="googlesat",source:new Ae({url:"http://mt0.google.com/vt/lyrs=y&hl=en&x={x}&y={y}&z={z}&s=Ga",attributions:"Tiles © Google",maxZoom:19,crossOrigin:"anonymous"})});i.set("basemapKey","googlesat");const l=new se({title:"OpenStreetMap",type:"base",zIndex:-100,visible:e==="osm",source:new Lo});l.set("basemapKey","osm"),this._baseMapLayers=[r,n,s,a,i,l,t];const c=new Me({title:"Base Maps",layers:[r,n,a,s,i,l,t]});return c.set("displayInLayerSwitcher",!1),c}setBaseMap(e){if(!this._baseMapLayers)return!1;if(e==="none"){for(const r of this._baseMapLayers)r.setVisible(!1);return console.log("[MapView] Base map switched off (none)"),this.map.dispatchEvent({type:"basemapchange",key:"none"}),!0}let t=!1;for(const r of this._baseMapLayers){const n=r.get("basemapKey")===e;r.setVisible(n),n&&(t=!0)}return t&&(console.log("[MapView] Base map switched to:",e),this.map.dispatchEvent({type:"basemapchange",key:e})),t}_createBaseMapPicker(){const e=[{key:"topo",label:"Topographic",grad:"linear-gradient(135deg,#e8d5b7,#a67c52)"},{key:"osm",label:"OpenStreetMap",grad:"linear-gradient(135deg,#d4e6f1,#85c1e9)"},{key:"satellite",label:"Satellite",grad:"linear-gradient(135deg,#1b4332,#40916c)"},{key:"googlesat",label:"Google Sat",grad:"linear-gradient(135deg,#2a5d3d,#4a8c5a)"},{key:"carto-light",label:"Carto Light",grad:"linear-gradient(135deg,#f5f5f5,#d4d4d4)"},{key:"carto-dark",label:"Carto Dark",grad:"linear-gradient(135deg,#1a1a2e,#0f3460)"},{key:"none",label:"None",grad:"repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 50% / 12px 12px"}],t=this.map.getTargetElement();if(!t)return;const r=document.createElement("button");r.type="button",r.className="ls-basemap-toggle",r.title="Switch base map",r.setAttribute("aria-label","Switch base map"),r.innerHTML='<svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true"><path d="M9 2L16 5.8L9 9.6L2 5.8L9 2Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/><path d="M2 9.2L9 13L16 9.2" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/><path d="M2 12.4L9 16.2L16 12.4" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round" stroke-opacity=".4"/></svg>',t.appendChild(r);const n=document.createElement("div");n.className="ls-basemap-panel",n.innerHTML='<div class="ls-basemap-header">Base Map</div><div class="ls-basemap-grid">'+e.map(a=>`
|
||
<label class="ls-bm-chip">
|
||
<input type="radio" name="lupmis-basemap" value="${a.key}">
|
||
<div class="ls-bm-label">
|
||
<div class="ls-bm-thumb" style="background:${a.grad};"></div>
|
||
<div class="ls-bm-name">${a.label}</div>
|
||
</div>
|
||
</label>
|
||
`).join("")+"</div>",t.appendChild(n),this._basemapPanel=n,this._basemapToggle=r;const s=a=>{const i=a||this._baseMapLayers?.find(l=>l.getVisible())?.get("basemapKey");n.querySelectorAll('input[name="lupmis-basemap"]').forEach(l=>{l.checked=l.value===i})};s(),r.addEventListener("click",a=>{a.stopPropagation();const i=!n.classList.contains("open");n.classList.toggle("open",i),r.classList.toggle("active",i),i&&s()}),document.addEventListener("click",a=>{n.classList.contains("open")&&(n.contains(a.target)||r.contains(a.target)||(n.classList.remove("open"),r.classList.remove("active")))}),n.addEventListener("change",a=>{const i=a.target.closest('input[type=radio][name="lupmis-basemap"]');if(!i)return;const l=i.value;this.setBaseMap(l);try{localStorage.setItem("default-basemap",l)}catch{}n.classList.remove("open"),r.classList.remove("active")}),this.map.on("basemapchange",a=>s(a.key))}_initGpsRendering(){this._gpsPositionSource=new G,this._gpsTrailSource=new G,this._gpsTrailCoords=[],this._gpsTrailLayer=new D({source:this._gpsTrailSource,zIndex:940,style:new M({stroke:new I({color:"#ff6d00",width:4,lineCap:"round",lineJoin:"round"})}),properties:{title:"GPS Trail",displayInLayerSwitcher:!1}}),this._gpsPositionLayer=new D({source:this._gpsPositionSource,zIndex:950,style:e=>e.get("_kind")==="accuracy"?new M({fill:new A({color:"rgba(0,94,184,0.12)"}),stroke:new I({color:"rgba(0,94,184,0.35)",width:1})}):new M({image:new he({radius:7,fill:new A({color:"#005eb8"}),stroke:new I({color:"#ffffff",width:2.5})})}),properties:{title:"GPS Position",displayInLayerSwitcher:!1}}),this.map.addLayer(this._gpsTrailLayer),this.map.addLayer(this._gpsPositionLayer),this._gpsCallbacks={locate:[],record:[]},this._gpsRecording=!1}onLocateMe(e){this._gpsCallbacks.locate.push(e)}onToggleRecording(e){this._gpsCallbacks.record.push(e)}showCurrentPosition(e,t,r=null){if(e==null||t==null)return;const n=ee([e,t]);if(this._gpsPositionSource.clear(),r&&r>0){const a=r/Math.cos(t*Math.PI/180),i=new fe({geometry:new at([this._circleRing(n,a)])});i.set("_kind","accuracy"),this._gpsPositionSource.addFeature(i)}const s=new fe({geometry:new dt(n)});s.set("_kind","dot"),this._gpsPositionSource.addFeature(s)}_circleRing(e,t,r=48){const n=[],a=t/1;for(let i=0;i<=r;i++){const l=i/r*2*Math.PI;n.push([e[0]+a*Math.cos(l),e[1]+a*Math.sin(l)])}return n}centerOn(e,t,r=16){this.map.getView().animate({center:ee([e,t]),zoom:r,duration:500})}startTrailRender(){this._gpsTrailCoords=[],this._gpsTrailSource.clear()}appendTrailPoint(e,t){e==null||t==null||(this._gpsTrailCoords.push(ee([e,t])),this._gpsTrailSource.clear(),this._gpsTrailCoords.length>=2&&this._gpsTrailSource.addFeature(new fe({geometry:new de(this._gpsTrailCoords)})))}clearTrailRender(){this._gpsTrailCoords=[],this._gpsTrailSource.clear()}setRecordingState(e){this._gpsRecording=!!e,this._recordBtn&&(this._recordBtn.classList.toggle("recording",this._gpsRecording),this._recordBtn.title=this._gpsRecording?"Stop trail recording":"Record GPS trail",this._recordBtn.innerHTML=this._gpsRecording?'<i class="bi bi-stop-fill"></i>':'<i class="bi bi-record-circle"></i>'),this._locateToggle&&this._locateToggle.classList.toggle("recording",this._gpsRecording)}_createLocationControl(){const e=this.map.getTargetElement();if(!e)return;const t=document.createElement("button");t.type="button",t.className="ls-locate-toggle",t.title="My Location",t.setAttribute("aria-label","My Location"),t.innerHTML='<i class="bi bi-geo-alt-fill"></i>',e.appendChild(t);const r=document.createElement("div");r.className="ls-locate-actions",r.innerHTML='<button type="button" class="ls-locate-btn ls-locate-me" title="Locate me"><i class="bi bi-crosshair"></i></button><button type="button" class="ls-locate-btn ls-locate-record" title="Record GPS trail"><i class="bi bi-record-circle"></i></button>',e.appendChild(r),this._locateToggle=t,this._locateActions=r,this._locateMeBtn=r.querySelector(".ls-locate-me"),this._recordBtn=r.querySelector(".ls-locate-record");const n=()=>{r.classList.remove("open"),t.classList.remove("active")},s=()=>{r.classList.add("open"),t.classList.add("active")};t.addEventListener("click",a=>{a.stopPropagation(),r.classList.contains("open")?n():s()}),document.addEventListener("click",a=>{r.classList.contains("open")&&(r.contains(a.target)||t.contains(a.target)||this._gpsRecording||n())}),this._locateMeBtn.addEventListener("click",a=>{a.stopPropagation();for(const i of this._gpsCallbacks.locate)try{i()}catch(l){console.error(l)}this._gpsRecording||n()}),this._recordBtn.addEventListener("click",a=>{a.stopPropagation();const i=!this._gpsRecording;for(const l of this._gpsCallbacks.record)try{l(i)}catch(c){console.error(c)}})}getFeatureStyle(e){const t=e.get("category")||"default",r=this.getEmoji(t);if(e===this.selectedFeature)return[new M({image:new he({radius:22,fill:new A({color:"rgba(220, 38, 38, 0.25)"}),stroke:new I({color:"#dc2626",width:3})})}),new M({text:new We({text:r,font:"40px sans-serif",textBaseline:"bottom",textAlign:"center",offsetY:-5})})];const n=e.get("style");return n||(this.categoryStyles[t]?this.categoryStyles[t]:this.defaultStyle)}setCategoryStyles(e){for(const[t,r]of Object.entries(e)){r.emoji&&(this.categoryEmojis[t]?(this.categoryEmojis[t].emoji=r.emoji,r.label&&(this.categoryEmojis[t].label=r.label)):this.categoryEmojis[t]={emoji:r.emoji,label:r.label||t});const n=this.getEmoji(t),s=r.fontSize||28;this.categoryStyles[t]=this.createEmojiStyle(n,s)}this.markerSource.changed()}addMarker(e,t,r={}){console.log("[MapView] Adding marker at",e,t,"with properties:",r);const n=new fe({geometry:new dt(ee([e,t])),...r});return n.set("lon",e),n.set("lat",t),this.markerSource.addFeature(n),console.log("[MapView] Marker added, total features:",this.markerSource.getFeatures().length),n}addMarkers(e){console.log("[MapView] Adding",e.length,"markers");const t=e.map(r=>new fe({geometry:new dt(ee([r.longitude,r.latitude])),id:r.id,name:r.name,description:r.description,category:r.category,lon:r.longitude,lat:r.latitude}));return this._withoutUndoRecording(()=>this.markerSource.addFeatures(t)),console.log("[MapView] Markers added, total features:",this.markerSource.getFeatures().length),t}clearMarkers(){this._withoutUndoRecording(()=>this._silentClearSource(this.markerSource)),this.selectedFeature=null}removeMarker(e){if(typeof e=="object")this.markerSource.removeFeature(e);else{const t=this.markerSource.getFeatures().find(r=>r.get("id")===e);t&&this.markerSource.removeFeature(t)}}getMarkers(){return this.markerSource.getFeatures()}findMarker(e){return this.markerSource.getFeatures().find(t=>t.get("id")===e)}showMarkers(){this.markersLayer&&!this.markersLayer.getVisible()&&(this.markersLayer.setVisible(!0),console.log("[MapView] Markers layer switched on to show a location"))}selectMarker(e){return typeof e=="object"?this.selectedFeature=e:this.selectedFeature=this.findMarker(e),this.markerSource.changed(),this.selectedFeature}clearSelection(){this.selectedFeature=null,this.markerSource.changed()}zoomTo(e,t,r=15){this.map.getView().animate({center:ee([e,t]),zoom:r,duration:500})}fitToMarkers(e=50){const t=this.markerSource.getExtent();t&&t[0]!==1/0&&this.map.getView().fit(t,{padding:[e,e,e,e],duration:500,maxZoom:16})}getCenter(){const e=this.map.getView().getCenter();return xe(e)}getZoom(){return this.map.getView().getZoom()}setCenter(e,t){this.map.getView().setCenter(ee([e,t]))}setZoom(e){this.map.getView().setZoom(e)}onClick(e){return this.clickCallbacks.push(e),this.clickCallbacks.length===1&&(this._clickTimer=null,this.map.on("dblclick",()=>{this._clickTimer&&(clearTimeout(this._clickTimer),this._clickTimer=null)}),this.map.on("click",t=>{this._clickTimer&&(clearTimeout(this._clickTimer),this._clickTimer=null),!this._editBarActive&&this._selectInteraction&&this._selectInteraction.getFeatures().clear();let r=!1,n=!1,s=null;if(this.map.forEachFeatureAtPixel(t.pixel,l=>{l.get("_layerType")==="parcel"&&(n=!0),l.get("name")&&(s=l),r=!0}),r&&!n&&!s)return;const[a,i]=xe(t.coordinate);this._clickTimer=setTimeout(()=>{this._clickTimer=null;let l=null;this.map.forEachFeatureAtPixel(t.pixel,c=>{if(c.get("name"))return l=c,!0});for(const c of this.clickCallbacks)c(a,i,l,t)},300)})),()=>{const t=this.clickCallbacks.indexOf(e);t>-1&&this.clickCallbacks.splice(t,1)}}onPointerMove(e){this.map.on("pointermove",t=>{if(t.dragging)return;const[r,n]=xe(t.coordinate);let s=null;this.map.forEachFeatureAtPixel(t.pixel,a=>{if(a.get("name"))return s=a,!0}),this.map.getTargetElement().style.cursor=s?"pointer":"",e(r,n,s,t)})}enableHoverCursor(){}addGeoJSONLayer(e,t,r={},n=null){const{strokeColor:s="#3b82f6",strokeWidth:a=2,strokeDash:i=null,fillColor:l="rgba(59,130,246,0.1)",lineCasingColor:c=null,lineCasingWidth:d=null,pointRadius:u=5,pointFillColor:f=null,pointStrokeColor:p="#ffffff",pointStrokeWidth:h=1.5}=r,g=new G({features:new le().readFeatures(e,{featureProjection:"EPSG:3857"})}),m=new A({color:l}),y=new he({radius:u,fill:new A({color:f||s}),stroke:new I({color:p,width:h})}),w=new I({color:s,width:a,...i?{lineDash:i}:{}});let _;if(c){const S=d??a+2;_=[new M({stroke:new I({color:c,width:S})}),new M({stroke:w,fill:m,image:y})]}else _=new M({stroke:w,fill:m,image:y});const E=new D({title:t,source:g,style:_,...r.declutter?{declutter:r.declutter}:{}});E.set("typeTag",r.typeTag||"VEC");const T=S=>S?S.includes("Polygon")?"Vector / Polygon":S.includes("LineString")?"Vector / Line":S.includes("Point")?"Vector / Point":"Vector":null;if(r.typeDescription)E.set("typeDescription",r.typeDescription);else{const S=g.getFeatures(),P=T(S[0]?.getGeometry?.()?.getType?.());if(P)E.set("typeDescription",P);else{const k=j=>{const q=T(j.feature.getGeometry?.()?.getType?.());q&&E.set("typeDescription",q),g.un("addfeature",k)};g.on("addfeature",k)}}return(n||this.overlayGroup).getLayers().push(E),console.log("[MapView] GeoJSON layer added:",t,"→",g.getFeatures().length,"features",n?`(in group "${n.get("title")}")`:""),E}addLayerGroup(e,t,r=""){const n=new Me({title:t.trim()});return n.set("layerId",e),n.set("description",r),this.overlayGroup.getLayers().push(n),console.log("[MapView] Layer group added:",t.trim(),"(id:",e+")"),n}addWMSLayer(e,t,r,n,s={}){const a=this.getLayerGroupByTitle(e);if(!a)return console.warn(`[MapView] Layer group "${e}" not found — cannot add WMS layer "${t}"`),null;const i={LAYERS:n,TILED:!0,WIDTH:256,HEIGHT:256};s.style!==void 0&&(i.STYLES=s.style);const l=new ko({url:r,params:i,serverType:s.serverType!==void 0?s.serverType:"geoserver",crossOrigin:"anonymous",hidpi:!1,attributions:s.attributions}),c=new se({title:t,visible:s.visible!==void 0?s.visible:!0,source:l,opacity:s.opacity!==void 0?s.opacity:1,zIndex:s.zIndex});if(c.set("typeTag","WMS"),c.set("typeDescription","WMS / Raster"),l.on("tileloaderror",()=>{F(`WMS layer "${t}" — tile load error. Check the URL and layer name.`,"warning",5e3)}),a.getLayers().push(c),s.legendUrl)try{this._registerLegend(c,t,s.legendUrl)}catch(d){console.warn(`[MapView] Could not register legend for "${t}":`,d)}return s.onlineOnly&&this._attachOnlineOnlyHandler(c,t),console.log(`[MapView] WMS layer added: "${t}" → group "${e}"`),c}addXYZLayer(e,t,r,n={}){const s=this.getLayerGroupByTitle(e);if(!s)return console.warn(`[MapView] Layer group "${e}" not found — cannot add XYZ layer "${t}"`),null;const a=new Ae({url:r,crossOrigin:"anonymous",maxZoom:n.maxZoom!==void 0?n.maxZoom:19,attributions:n.attributions}),i=new se({title:t,visible:n.visible!==void 0?n.visible:!0,source:a,opacity:n.opacity!==void 0?n.opacity:1,zIndex:n.zIndex});if(i.set("typeTag","XYZ"),i.set("typeDescription","XYZ / Tile"),a.on("tileloaderror",()=>{F(`XYZ layer "${t}" — tile load error. Check the URL.`,"warning",5e3)}),s.getLayers().push(i),n.legendUrl)try{this._registerLegend(i,t,n.legendUrl)}catch(l){console.warn(`[MapView] Could not register legend for "${t}":`,l)}return n.onlineOnly&&this._attachOnlineOnlyHandler(i,t),console.log(`[MapView] XYZ layer added: "${t}" → group "${e}"`),i}async addCOGLayer(e,t,r,n={}){const s=this.getLayerGroupByTitle(e);if(!s)return console.warn(`[MapView] Layer group "${e}" not found — cannot add COG layer "${t}"`),null;const a=await this._probeCOGUrl(r);if(a)return console.warn(`[MapView] COG pre-flight failed for "${t}":`,a),F(a,"error",8e3),null;let i,l;try{[{default:i},{default:l}]=await Promise.all([Le(()=>import("./geotiff-B_Wfowsp.js").then(d=>d.W),__vite__mapDeps([0,1,2,3,4])),Le(()=>import("./geotiff-B_Wfowsp.js").then(d=>d.G),__vite__mapDeps([0,1,2,3,4]))])}catch(d){return console.error("[MapView] Could not load COG support:",d),F("Raster (COG) support could not be loaded — check your connection.","error",6e3),null}let c=null;try{const d={sources:[{url:r,...n.min!==void 0?{min:n.min}:{},...n.max!==void 0?{max:n.max}:{}}],normalize:n.normalize!==void 0?n.normalize:!0,attributions:n.attributions},u=new l(d);c=new i({title:t,source:u,visible:n.visible!==void 0?n.visible:!0,opacity:n.opacity!==void 0?n.opacity:1,zIndex:n.zIndex,...n.style?{style:n.style}:{}}),c.set("typeTag","COG"),c.set("typeDescription","Cloud-Optimized GeoTIFF"),u.on("error",f=>{console.warn(`[MapView] COG "${t}" source error:`,f),F(`Raster "${t}" could not be loaded. Check that the file is a valid COG and is CORS-enabled.`,"warning",6e3)}),s.getLayers().push(c)}catch(d){return console.error(`[MapView] Failed to add COG layer "${t}":`,d),F(`Could not add raster "${t}": ${d.message}`,"error",6e3),null}return n.onlineOnly&&this._attachOnlineOnlyHandler(c,t),console.log(`[MapView] COG layer added: "${t}" → group "${e}"`),c}async _probeCOGUrl(e){let t;try{t=await fetch(e,{headers:{Range:"bytes=0-0"}})}catch{return"Could not reach that file. It may be offline, or the server may not allow cross-origin (CORS) requests from this app."}if(t.status===404)return"No file at that URL (404). Check the address.";if(!t.ok&&t.status!==206)return`The server refused the request (HTTP ${t.status}).`;const r=(t.headers.get("content-type")||"").toLowerCase();return r.includes("text/html")?"That URL is a web page, not a GeoTIFF. Paste the direct link to the .tif file itself — a documentation or viewer page will not work.":r.startsWith("text/")||r.includes("json")?`That URL returns ${r.split(";")[0]}rather than image data. Paste the direct link to the .tif file.`:(t.status===200&&F("This server does not support byte-range requests, so the whole raster will be downloaded. It may be slow for a large file.","warning",7e3),null)}getSelectedFeatures(){return this._selectInteraction?this._selectInteraction.getFeatures().getArray().slice():[]}listVectorLayers(e={}){const{visibleOnly:t=!1,nonEmptyOnly:r=!0}=e,n=[],s=a=>{if(!a)return;if(typeof a.getLayers=="function"){a.getLayers().forEach(s);return}if(!(a instanceof D)||a===this._vertexOverlayLayer||a===this._gpsTrailLayer||a===this._gpsPositionLayer||a.get("displayInLayerSwitcher")===!1||t&&a.getVisible&&!a.getVisible())return;const i=a.getSource&&a.getSource();if(!i||typeof i.getFeatures!="function")return;const l=i.getFeatures().length;r&&l===0||n.push({layer:a,title:a.get("title")||"(untitled layer)",count:l})};return this.map.getLayers().forEach(s),n}_createAddLayerDialog(){this._addLayerDialog=document.createElement("div"),this._addLayerDialog.className="map-add-layer-dialog",this._addLayerDialog.style.cssText=`
|
||
display:none;position:absolute;top:0;left:0;right:0;bottom:0;
|
||
z-index:1100;background:rgba(0,0,0,0.4);
|
||
align-items:center;justify-content:center;
|
||
`;const e=document.createElement("div");e.style.cssText=`
|
||
background:var(--card, #fff);color:var(--card-foreground, #1e1a4b);
|
||
border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.35);
|
||
font-family:var(--font-body, 'Exo', sans-serif);font-size:13px;
|
||
width:340px;max-width:90vw;border:2px solid #10b981;overflow:hidden;
|
||
`,e.innerHTML=`
|
||
<div style="background:#10b981;color:#fff;padding:10px 14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;">
|
||
<span>Add External Layer</span>
|
||
<button class="add-layer-close" style="background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;">×</button>
|
||
</div>
|
||
<div style="padding:14px;display:flex;flex-direction:column;gap:10px;">
|
||
<div>
|
||
<label style="font-weight:600;font-size:12px;display:block;margin-bottom:4px;">Layer Type</label>
|
||
<div class="add-layer-types" style="display:flex;gap:6px;">
|
||
<label style="flex:1;display:flex;align-items:center;gap:4px;cursor:pointer;padding:6px 8px;border:2px solid var(--border, #1e1a4b1f);border-radius:6px;font-size:12px;font-weight:600;">
|
||
<input type="radio" name="add-layer-type" value="wms" checked style="accent-color:#10b981;"> WMS
|
||
</label>
|
||
<label style="flex:1;display:flex;align-items:center;gap:4px;cursor:pointer;padding:6px 8px;border:2px solid var(--border, #1e1a4b1f);border-radius:6px;font-size:12px;font-weight:600;">
|
||
<input type="radio" name="add-layer-type" value="wfs" style="accent-color:#10b981;"> WFS
|
||
</label>
|
||
<label style="flex:1;display:flex;align-items:center;gap:4px;cursor:pointer;padding:6px 8px;border:2px solid var(--border, #1e1a4b1f);border-radius:6px;font-size:12px;font-weight:600;">
|
||
<input type="radio" name="add-layer-type" value="xyz" style="accent-color:#10b981;"> XYZ
|
||
</label>
|
||
<label style="flex:1;display:flex;align-items:center;gap:4px;cursor:pointer;padding:6px 8px;border:2px solid var(--border, #1e1a4b1f);border-radius:6px;font-size:12px;font-weight:600;">
|
||
<input type="radio" name="add-layer-type" value="cog" style="accent-color:#10b981;"> COG
|
||
</label>
|
||
</div>
|
||
<div style="font-size:11px;color:var(--muted-foreground, #7a7a7a);margin-top:4px;" class="add-layer-type-hint"></div>
|
||
</div>
|
||
<div>
|
||
<label style="font-weight:600;font-size:12px;display:block;margin-bottom:4px;">Server URL</label>
|
||
<input type="text" class="add-layer-url" placeholder="https://example.com/wms"
|
||
style="width:100%;padding:8px 10px;border:2px solid var(--border, #1e1a4b1f);border-radius:6px;font-size:13px;background:var(--muted, #f2f4f7);color:var(--foreground, #1e1a4b);box-sizing:border-box;" />
|
||
</div>
|
||
<div class="add-layer-name-row">
|
||
<label style="font-weight:600;font-size:12px;display:block;margin-bottom:4px;">Layer Name</label>
|
||
<input type="text" class="add-layer-name" placeholder="workspace:layer_name"
|
||
style="width:100%;padding:8px 10px;border:2px solid var(--border, #1e1a4b1f);border-radius:6px;font-size:13px;background:var(--muted, #f2f4f7);color:var(--foreground, #1e1a4b);box-sizing:border-box;" />
|
||
<div style="font-size:11px;color:var(--muted-foreground, #7a7a7a);margin-top:2px;" class="add-layer-name-hint">
|
||
WMS LAYERS parameter (e.g. workspace:layer)
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<label style="font-weight:600;font-size:12px;display:block;margin-bottom:4px;">Display Title</label>
|
||
<input type="text" class="add-layer-title" placeholder="My Layer"
|
||
style="width:100%;padding:8px 10px;border:2px solid var(--border, #1e1a4b1f);border-radius:6px;font-size:13px;background:var(--muted, #f2f4f7);color:var(--foreground, #1e1a4b);box-sizing:border-box;" />
|
||
</div>
|
||
<div style="display:flex;gap:8px;margin-top:4px;">
|
||
<button class="add-layer-confirm" style="flex:1;padding:8px 12px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
Add Layer
|
||
</button>
|
||
<button class="add-layer-cancel" style="flex:1;padding:8px 12px;background:var(--muted-foreground, #7a7a7a);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;min-height:38px;">
|
||
Cancel
|
||
</button>
|
||
</div>
|
||
</div>
|
||
`,this._addLayerDialog.appendChild(e),this.map.getTargetElement().appendChild(this._addLayerDialog);const t=e.querySelector(".add-layer-name-row"),r=e.querySelector(".add-layer-name-hint"),n=e.querySelector(".add-layer-url"),s=e.querySelector(".add-layer-type-hint");e.querySelectorAll('input[name="add-layer-type"]').forEach(i=>{i.addEventListener("change",()=>{const l=i.value;s.textContent=l==="cog"?"Cloud-Optimized GeoTIFF — the server must allow CORS and byte-range requests.":"",l==="cog"?(t.style.display="none",n.placeholder="https://example.com/data/elevation_cog.tif"):l==="xyz"?(t.style.display="none",n.placeholder="https://example.com/tiles/{z}/{x}/{y}.png"):(t.style.display="",n.placeholder=l==="wms"?"https://example.com/wms":"https://example.com/wfs",r.textContent=l==="wms"?"WMS LAYERS parameter (e.g. workspace:layer)":"WFS typename (e.g. workspace:layer)")})});const a=()=>this._hideAddLayerDialog();e.querySelector(".add-layer-close").addEventListener("click",a),e.querySelector(".add-layer-cancel").addEventListener("click",a),this._addLayerDialog.addEventListener("click",i=>{i.target===this._addLayerDialog&&a()}),e.querySelector(".add-layer-confirm").addEventListener("click",()=>{const i=e.querySelector('input[name="add-layer-type"]:checked').value,l=e.querySelector(".add-layer-url").value.trim(),c=e.querySelector(".add-layer-name").value.trim(),d=e.querySelector(".add-layer-title").value.trim();if(!l){e.querySelector(".add-layer-url").style.borderColor="#ef4444";return}if((i==="wms"||i==="wfs")&&!c){e.querySelector(".add-layer-name").style.borderColor="#ef4444";return}if(!d){e.querySelector(".add-layer-title").style.borderColor="#ef4444";return}this._addExternalLayer(i,l,c,d),this._hideAddLayerDialog()}),e.addEventListener("keydown",i=>{i.key==="Enter"&&(i.preventDefault(),e.querySelector(".add-layer-confirm").click()),i.key==="Escape"&&(i.preventDefault(),a())})}showAddLayerDialog(){const e=this._addLayerDialog;e.querySelector(".add-layer-url").value="",e.querySelector(".add-layer-name").value="",e.querySelector(".add-layer-title").value="",e.querySelectorAll('input[name="add-layer-type"]')[0].checked=!0,e.querySelector(".add-layer-name-row").style.display="",e.querySelector(".add-layer-url").placeholder="https://example.com/wms",e.querySelector(".add-layer-name-hint").textContent="WMS LAYERS parameter (e.g. workspace:layer)";const t=e.querySelector(".add-layer-type-hint");t&&(t.textContent=""),e.querySelectorAll('input[type="text"]').forEach(r=>{r.style.borderColor="var(--border, #1e1a4b1f)"}),e.style.display="flex",e.querySelector(".add-layer-url").focus()}_hideAddLayerDialog(){this._addLayerDialog.style.display="none"}_addExternalLayer(e,t,r,n){const s=this._externalSourceGroup;if(!s){F('Layer group "External Source" not found.',"error",4e3);return}let a;switch(e){case"wms":{const i=new ko({url:t,params:{LAYERS:r,TILED:!0,WIDTH:256,HEIGHT:256},serverType:"geoserver",crossOrigin:"anonymous",hidpi:!1});a=new se({title:n,visible:!0,source:i}),i.on("tileloaderror",()=>{F(`WMS "${n}" — tile load error. Check URL and layer name.`,"warning",5e3)});break}case"wfs":{const i=`${t}${t.includes("?")?"&":"?"}service=WFS&version=1.1.0&request=GetFeature&typename=${encodeURIComponent(r)}&outputFormat=application/json&srsname=EPSG:3857`,l=new G({url:i,format:new le});l.on("featuresloaderror",()=>{F(`WFS "${n}" — load error. Check URL and layer name.`,"warning",5e3)}),a=new D({title:n,visible:!0,source:l,style:new M({stroke:new I({color:"#e11d48",width:2}),fill:new A({color:"rgba(225,29,72,0.15)"})})});break}case"xyz":a=new se({title:n,visible:!0,source:new Ae({url:t,crossOrigin:"anonymous"})}),a.getSource().on("tileloaderror",()=>{F(`XYZ "${n}" — tile load error. Check the URL template.`,"warning",5e3)});break;case"cog":{const i=s.get("title")||"External Source";this.addCOGLayer(i,n,t).then(l=>{l&&(l.set("removable",!0),F(`Layer "${n}" added to External Source.`,"success",3e3),console.log(`[MapView] External COG layer added: "${n}"`))});return}default:F(`Unknown layer type: ${e}`,"error",4e3);return}a.set("typeTag",e.toUpperCase()),a.set("typeDescription",{wms:"WMS / Raster",wfs:"WFS / Vector",xyz:"XYZ / Tile"}[e]||e.toUpperCase()),a.set("removable",!0),s.getLayers().push(a),F(`Layer "${n}" added to External Source.`,"success",3e3),console.log(`[MapView] External ${e.toUpperCase()} layer added: "${n}"`)}_decorateLayerListItem(e,t){const r=e.get("typeTag");if(r){const c=t.querySelector(":scope > .li-content > label > span");if(c&&!c.querySelector(":scope > .ls-type-tag")){const d=document.createElement("span");d.className=`ls-type-tag ls-type-tag-${String(r).toLowerCase()}`,d.textContent=String(r),d.title=`${r} layer`,c.appendChild(d)}}const n=t.querySelector(":scope > .ol-layerswitcher-buttons");if(n){const c=n.querySelector(":scope > .expend-layers, :scope > .collapse-layers");c&&!c.querySelector(":scope > svg.ls-chevron-svg")&&(c.innerHTML='<svg class="ls-chevron-svg" width="11" height="11" viewBox="0 0 11 11" fill="none" aria-hidden="true"><path d="M3 2L7 5.5L3 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>')}const s=t.querySelector(":scope > .li-content"),a=()=>{if(!s)return;const c=e.get("typeDescription");let d=s.querySelector(":scope > .ls-layer-subtitle");if(!c){d&&d.remove();return}if(!d){d=document.createElement("div"),d.className="ls-layer-subtitle";const u=s.querySelector(":scope > label");u&&u.nextSibling?s.insertBefore(d,u.nextSibling):s.appendChild(d)}d.textContent=c};if(a(),e._lsSubtitleHooked||(e._lsSubtitleHooked=!0,e.on("change:typeDescription",()=>{a()})),e.get("removable")===!0&&n&&!n.querySelector(":scope > .ls-remove-btn")){const c=document.createElement("button");c.type="button",c.className="ls-remove-btn",c.title="Remove this layer",c.setAttribute("aria-label","Remove layer"),c.innerHTML='<svg width="11" height="11" viewBox="0 0 11 11" fill="none" aria-hidden="true"><path d="M2 2l7 7M9 2L2 9" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path></svg>',c.addEventListener("click",d=>{d.stopPropagation(),this._removeLayer(e)}),n.appendChild(c)}const i=e.get("_externalImportId");if(i!=null){const c=t.querySelector(":scope > .li-content > label > span");let d=c?c.querySelector(":scope > .ls-import-chip"):null;const u=e.get("_externalImportStatus")||"mapped",f=e.getSource()?.getFeatures().length??0,p=e.get("_externalImportErrorCount")??0,h=(()=>{switch(u){case"mapped":return{text:`Upload ${f}`,cls:"ls-import-chip-mapped",title:"Upload this dataset to the database",clickable:!0};case"uploading":return{text:"…",cls:"ls-import-chip-uploading",title:"Uploading…",clickable:!1};case"submitted":return{text:"✓ submitted",cls:"ls-import-chip-submitted",title:"Uploaded — awaiting supervisor review",clickable:!1};case"migrated":return{text:"✓ live",cls:"ls-import-chip-migrated",title:"Approved by supervisor and live on the server",clickable:!1};case"failed":return{text:`${p} errors — fix?`,cls:"ls-import-chip-failed",title:"Some rows failed; click to review",clickable:!0};case"other":case null:case void 0:default:return null}})();if(!h)d&&d.remove();else if(c){d||(d=document.createElement("span"),d.className="ls-import-chip",c.appendChild(d)),d.className=`ls-import-chip ${h.cls}`,d.textContent=h.text,d.title=h.title,d.style.cursor=h.clickable?"pointer":"default",d.style.opacity=h.clickable?"1":"0.85";const g=d.cloneNode(!0);d.replaceWith(g),d=g,h.clickable&&d.addEventListener("click",m=>{m.preventDefault(),m.stopPropagation(),window.dispatchEvent(new CustomEvent("lupmis:import-chip-click",{detail:{importId:i,status:u,layer:e}}))})}}if((e.get("title")||"").toLowerCase().includes("external")&&(this._externalSourceGroup=e,n&&!n.querySelector(".ol-add-layer"))){const c=document.createElement("span");c.className="ol-add-layer",c.title="Add external layer",c.textContent="+",c.style.cssText=`
|
||
display:inline-flex !important;align-items:center;justify-content:center;
|
||
width:22px !important;height:22px !important;border-radius:50%;
|
||
background:#41b6a6 !important;color:#fff !important;
|
||
font-size:15px !important;font-weight:700;
|
||
cursor:pointer;line-height:1 !important;
|
||
margin:0 4px 0 0;vertical-align:middle;
|
||
transition:background 0.2s;box-sizing:border-box;border:none;
|
||
`,c.addEventListener("mouseenter",()=>{c.style.background="#329686"}),c.addEventListener("mouseleave",()=>{c.style.background="#41b6a6"}),c.addEventListener("click",d=>{d.stopPropagation(),this.showAddLayerDialog()}),n.prepend(c)}}_removeLayer(e){const t=e.get("title")||"this layer";if(!confirm(`Remove "${t}" from the map?
|
||
|
||
This only affects the current session — built-in layers cannot be removed.`))return;const r=s=>{const a=s.getLayers();if(a.getArray().includes(e))return a.remove(e),!0;let i=!1;return a.forEach(l=>{!i&&l.getLayers&&(i=r(l))}),i};r(this.overlayGroup)?(console.log(`[MapView] Removed layer "${t}"`),F(`Removed "${t}" from the map.`,"info",3e3)):console.warn(`[MapView] Could not find layer "${t}" in any group`)}_refreshLayerSwitcherChrome(e){const t=e.element?.querySelector(".panel-container"),r=e.element?.querySelector("ul.panel");if(!t||!r)return;let n=t.querySelector(":scope > .ls-active-badge");n||(n=document.createElement("div"),n.className="ls-active-badge",n.innerHTML=`
|
||
<span class="ls-active-badge-title">Layers</span>
|
||
<span class="ls-active-badge-count">0 active</span>
|
||
`,t.insertBefore(n,r));let s=t.querySelector(":scope > .ls-footer-row");s||(s=document.createElement("div"),s.className="ls-footer-row",s.innerHTML=`
|
||
<span class="ls-footer-note">— layers total</span>
|
||
<button type="button" class="ls-footer-btn"
|
||
title="Hide every overlay (base map stays on)">
|
||
Reset
|
||
</button>
|
||
`,t.appendChild(s),s.querySelector(".ls-footer-btn").addEventListener("click",i=>{i.stopPropagation(),this._resetAllOverlays()}));const a=this._countLayers();n.querySelector(".ls-active-badge-count").textContent=`${a.activeOverlays} active`,s.querySelector(".ls-footer-note").textContent=`${a.totalOverlays} overlay${a.totalOverlays===1?"":"s"}`}_countLayers(){let e=0,t=0;const r=new Set(["__vertex_highlight__"]),n=s=>{s.getLayers().forEach(a=>{a.get("displayInLayerSwitcher")!==!1&&(r.has(a.get("title"))||(a.getLayers?n(a):(e++,a.getVisible()&&t++)))})};return this.overlayGroup&&n(this.overlayGroup),{totalOverlays:e,activeOverlays:t}}_resetAllOverlays(){const e=new Set(["__vertex_highlight__"]),t=r=>{r.getLayers().forEach(n=>{n.get("displayInLayerSwitcher")!==!1&&(e.has(n.get("title"))||(n.getLayers?t(n):n.setVisible(!1)))})};this.overlayGroup&&t(this.overlayGroup),console.log("[MapView] Reset overlays — all hidden")}_wireLayerSwitcherVisibilityHooks(e){const t=()=>this._refreshLayerSwitcherChrome(e),r=s=>{s._lsVisHooked||(s._lsVisHooked=!0,s.on("change:visible",t))},n=s=>{s.getLayers().forEach(a=>{a.getLayers?(n(a),s._lsAddHooked||(s._lsAddHooked=!0,s.getLayers().on("add",i=>{const l=i.element;l.getLayers?n(l):r(l),t()}))):r(a)})};this.overlayGroup&&n(this.overlayGroup)}_attachOnlineOnlyHandler(e,t){e.set("onlineOnly",!0),e.on("change:visible",()=>{e.getVisible()&&!navigator.onLine&&F(`"${t}" requires an internet connection. Connect to view this layer.`,"info",5e3)})}_createLegendPanel(){this._legendPanel=document.createElement("div"),this._legendPanel.className="map-legend-panel",this._legendPanel.style.cssText=`
|
||
position:absolute;right:10px;bottom:40px;z-index:900;
|
||
display:none;flex-direction:column;gap:6px;
|
||
background:var(--card, #fff);color:var(--card-foreground, #1e1a4b);
|
||
border:1px solid var(--border, #1e1a4b1f);border-radius:8px;
|
||
box-shadow:0 4px 12px rgba(0,0,0,0.15);
|
||
font-family:var(--font-body, 'Exo', sans-serif);font-size:11px;
|
||
max-width:220px;max-height:60%;overflow-y:auto;
|
||
padding:8px 10px;
|
||
`,this.map.getTargetElement().appendChild(this._legendPanel),this._legendEntries=new To}_registerLegend(e,t,r){if(!this._legendPanel)return;const n=document.createElement("div");n.className="map-legend-entry",n.style.cssText="border-bottom:1px solid var(--border, #1e1a4b1f);padding-bottom:6px;",n.innerHTML=`
|
||
<div style="font-weight:600;font-size:11px;margin-bottom:4px;line-height:1.3;">
|
||
${this._escapeHtml(t)}
|
||
</div>
|
||
<img src="${r}" alt="${this._escapeHtml(t)} legend"
|
||
style="display:block;max-width:100%;height:auto;border-radius:3px;"
|
||
onerror="this.style.display='none'" />
|
||
`,this._legendEntries.set(e,n);const s=()=>{try{this._updateLegendPanel()}catch(a){console.warn("[MapView] legend panel update failed:",a)}};e.on("change:visible",s),s()}_updateLegendPanel(){if(!this._legendPanel)return;const e=[];for(const[t,r]of this._legendEntries)t.getVisible()&&e.push(r);this._legendEntries.forEach(t=>{t.style.borderBottom="1px solid var(--border, #1e1a4b1f)",t.style.paddingBottom="6px"}),e.length>0&&(e[e.length-1].style.borderBottom="none",e[e.length-1].style.paddingBottom="0"),this._legendPanel.replaceChildren(...e),this._legendPanel.style.display=e.length>0?"flex":"none"}_escapeHtml(e){return String(e).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}getLayerGroup(e){let t=null;return this.overlayGroup.getLayers().forEach(r=>{r.get("layerId")===e&&(t=r)}),t}getLayerGroupByTitle(e){let t=null;return this.overlayGroup.getLayers().forEach(r=>{r.get("title")===e&&(t=r)}),t}getOverlayGroup(){return this.overlayGroup}getMap(){return this.map}getCurrentViewExtent(){const e=this.map.getView(),t=this.map.getSize();return t?e.calculateExtent(t):null}getDistrictBoundaryExtent(){let e=null;const t=r=>{r.getLayers().forEach(n=>{if(n.getLayers)t(n);else if(n.get("title")==="District Boundary"){const s=n.getSource&&n.getSource();if(s&&typeof s.getExtent=="function"){const a=s.getExtent();a&&Number.isFinite(a[0])&&(e={extent:a,title:n.get("title")})}}})};return t(this.overlayGroup),e}getMarkerSource(){return this.markerSource}getMarkersLayer(){return this.markersLayer}updateSize(){this.map.updateSize()}onSearchSelect(e){this.searchSelectCallbacks.push(e)}navigateTo(e,t,r=14,n=500){const s=ee([e,t]);this.map.getView().animate({center:s,zoom:r,duration:n})}}class ca{constructor(e,t={}){this.map=e,this.options=t,this.measureSource=new G,this.measureLayer=new D({source:this.measureSource,style:this.getMeasureStyle(),title:"Measurements",zIndex:100,selectable:!1}),this.drawSource=new G,this.drawLayer=new D({source:this.drawSource,style:this.getDrawStyle(),title:"Draw sketches",displayInLayerSwitcher:!1,zIndex:99});const r=this.map.getLayers();let n=r.getArray().findIndex(s=>s.get("title")==="Overlays");n<0&&(n=r.getLength()),r.insertAt(n,this.drawLayer),r.insertAt(n,this.measureLayer),this.activeInteraction=null,this.measureTooltip=null,this.measureTooltipElement=null,this.onMeasureCompleteCallbacks=[],this.onDrawCompleteCallbacks=[]}getMeasureStyle(){return new M({fill:new A({color:"rgba(255, 233, 106, 0.2)"}),stroke:new I({color:"#8B008B",lineDash:[10,10],width:2}),image:new he({radius:5,stroke:new I({color:"#8B008B"}),fill:new A({color:"rgba(255, 233, 106, 0.5)"})})})}getDrawStyle(){return new M({fill:new A({color:"rgba(255, 233, 106, 0.3)"}),stroke:new I({color:"#8B008B",width:2}),image:new he({radius:6,stroke:new I({color:"#8B008B",width:2}),fill:new A({color:"#FFE96A"})})})}createMeasureTooltip(){this.measureTooltipElement&&this.measureTooltipElement.parentNode.removeChild(this.measureTooltipElement),this.measureTooltipElement=document.createElement("div"),this.measureTooltipElement.className="measure-tooltip",this.measureTooltip=new Ee({element:this.measureTooltipElement,offset:[15,0],positioning:"center-left",stopEvent:!1}),this.map.addOverlay(this.measureTooltip)}setCircleRadius(e,t){const r=e.getGeometry();if(!r||typeof r.setRadius!="function")return;const n=r.getCenter(),s=Math.max(1,Number(t)||0),a=Ms(s,n);r.setRadius(a),e.set("_radius",a);const i=e.get("_radiusLine");i&&i.setGeometry(new de([n,[n[0]+a,n[1]]])),this._refreshRadiusAdjuster(e)}getCircleGroundRadius(e){const t=e.getGeometry();return Math.round(Qt(t.getRadius(),t.getCenter())*1e6)/1e6}_attachRadiusAdjuster(e,t,r){if(r){t.setPosition(t.getPosition()),r.classList.add("measure-tooltip-adjust"),r.innerHTML=`
|
||
<div class="mt-row">
|
||
<button type="button" class="mt-step" data-dir="-1" aria-label="Smaller radius">−</button>
|
||
<button type="button" class="mt-value" aria-label="Type an exact radius"></button>
|
||
<button type="button" class="mt-step" data-dir="1" aria-label="Larger radius">+</button>
|
||
</div>
|
||
<div class="mt-area"></div>`;for(const n of["pointerdown","pointerup","click","dblclick","touchstart"])r.addEventListener(n,s=>s.stopPropagation());r.querySelectorAll(".mt-step").forEach(n=>{n.addEventListener("click",()=>{const s=this.getCircleGroundRadius(e),a=As(s),i=Number(n.dataset.dir),l=Math.round(s/a)*a,c=Math.abs(l-s)>.01&&Math.sign(l-s)===i?l:l+i*a;this.setCircleRadius(e,c)})}),r.querySelector(".mt-value").addEventListener("click",()=>{this._promptRadius(e,r)}),e.set("_adjustEl",r),this._refreshRadiusAdjuster(e)}}_promptRadius(e,t){const r=t.querySelector(".mt-value");if(!r||t.querySelector(".mt-input"))return;const n=this.getCircleGroundRadius(e),s=document.createElement("input");s.type="number",s.className="mt-input",s.inputMode="decimal",s.min="1",s.step="any",s.value=String(Math.round(n*100)/100),s.setAttribute("aria-label","Radius in metres"),r.replaceWith(s),s.focus(),s.select();let a=!1;const i=l=>{a||!s.isConnected||(a=!0,l&&this.setCircleRadius(e,parseFloat(s.value)),s.replaceWith(r),this._refreshRadiusAdjuster(e))};s.addEventListener("keydown",l=>{l.key==="Enter"&&i(!0),l.key==="Escape"&&i(!1)}),s.addEventListener("blur",()=>i(!0))}_refreshRadiusAdjuster(e){const t=e.get("_adjustEl");if(!t)return;const r=this.getCircleGroundRadius(e),n=t.querySelector(".mt-value");n&&(n.textContent=rt(r));const s=t.querySelector(".mt-area");s&&(s.textContent=qe(Math.PI*r*r))}deactivate(){this.activeInteraction&&(this.map.removeInteraction(this.activeInteraction),this.activeInteraction=null),this.measureTooltip&&(this.map.removeOverlay(this.measureTooltip),this.measureTooltip=null),this.measureTooltipElement&&this.measureTooltipElement.parentNode&&(this.measureTooltipElement.parentNode.removeChild(this.measureTooltipElement),this.measureTooltipElement=null)}startCircleMeasure(){this.deactivate(),this.createMeasureTooltip();const e=new Ce({source:this.measureSource,type:"Circle",style:new M({fill:new A({color:"rgba(255, 233, 106, 0.2)"}),stroke:new I({color:"rgba(139, 0, 139, 0.7)",lineDash:[10,10],width:2}),image:new he({radius:5,stroke:new I({color:"rgba(139, 0, 139, 0.7)"}),fill:new A({color:"rgba(255, 233, 106, 0.5)"})})})});this.activeInteraction=e,this.map.addInteraction(e);let t;return e.on("drawstart",r=>{t=r.feature.getGeometry().on("change",s=>{const a=s.target;if(a instanceof Sr){const i=Qt(a.getRadius(),a.getCenter()),l=Ps(i),d=`<strong>${rt(i)}</strong><br><small>${l}</small>`;this.measureTooltipElement.innerHTML=d,this.measureTooltip.setPosition(a.getLastCoordinate())}})}),e.on("drawend",r=>{const n=r.feature,s=n.getGeometry(),a=s.getCenter(),i=s.getRadius();n.set("_layerType","measure_circle"),n.set("_radius",i),n.set("_center",a);const l=new fe({geometry:new de([a,[a[0]+i,a[1]]])});l.set("_layerType","measure_circle_radius"),this.measureSource.addFeature(l),n.set("_radiusLine",l),this.measureTooltipElement.className="measure-tooltip measure-tooltip-static",this.measureTooltip.setOffset([0,-7]),this._attachRadiusAdjuster(n,this.measureTooltip,this.measureTooltipElement),this.measureTooltipElement=null,this.createMeasureTooltip(),Nt(t);const c={type:"circle",center:a,radius:i,area:Math.PI*i*i,feature:n};this.onMeasureCompleteCallbacks.forEach(d=>d(c))}),e}startLineMeasure(){this.deactivate(),this.createMeasureTooltip();const e=new Ce({source:this.measureSource,type:"LineString",style:this.getMeasureStyle()});this.activeInteraction=e,this.map.addInteraction(e);let t;return e.on("drawstart",r=>{t=r.feature.getGeometry().on("change",s=>{const a=s.target,i=vt(a),l=rt(i);this.measureTooltipElement.innerHTML=l,this.measureTooltip.setPosition(a.getLastCoordinate())})}),e.on("drawend",r=>{const n=r.feature,s=n.getGeometry(),a=vt(s);this.measureTooltipElement.className="measure-tooltip measure-tooltip-static",this.measureTooltipElement=null,this.createMeasureTooltip(),Nt(t);const i={type:"line",length:a,feature:n};this.onMeasureCompleteCallbacks.forEach(l=>l(i))}),e}startAreaMeasure(){this.deactivate(),this.createMeasureTooltip();const e=new Ce({source:this.measureSource,type:"Polygon",style:this.getMeasureStyle()});this.activeInteraction=e,this.map.addInteraction(e);let t;return e.on("drawstart",r=>{t=r.feature.getGeometry().on("change",s=>{const a=s.target,i=nt(a),l=qe(i);this.measureTooltipElement.innerHTML=l,this.measureTooltip.setPosition(a.getInteriorPoint().getCoordinates())})}),e.on("drawend",r=>{const n=r.feature,s=n.getGeometry(),a=nt(s);n.set("_layerType","measure_area"),n.set("_area",a),this.measureTooltipElement.className="measure-tooltip measure-tooltip-static",this.measureTooltipElement=null,this.createMeasureTooltip(),Nt(t);const i={type:"polygon",area:a,feature:n,coordinate:s.getInteriorPoint().getCoordinates()};this.onMeasureCompleteCallbacks.forEach(l=>l(i))}),e}startDrawPoint(){this.deactivate();const e=new Ce({source:this.drawSource,type:"Point",style:this.getDrawStyle()});return this.activeInteraction=e,this.map.addInteraction(e),e.on("drawend",t=>{const r={type:"point",feature:t.feature};this.onDrawCompleteCallbacks.forEach(n=>n(r))}),e}startDrawLine(){this.deactivate();const e=new Ce({source:this.drawSource,type:"LineString",style:this.getDrawStyle()});return this.activeInteraction=e,this.map.addInteraction(e),e.on("drawend",t=>{const r={type:"line",feature:t.feature};this.onDrawCompleteCallbacks.forEach(n=>n(r))}),e}startDrawPolygon(){this.deactivate();const e=new Ce({source:this.drawSource,type:"Polygon",style:this.getDrawStyle()});return this.activeInteraction=e,this.map.addInteraction(e),e.on("drawend",t=>{const r={type:"polygon",feature:t.feature};this.onDrawCompleteCallbacks.forEach(n=>n(r))}),e}clearMeasurements(){this.measureSource.clear(),document.querySelectorAll(".measure-tooltip-static").forEach(t=>t.parentNode.removeChild(t))}clearDrawings(){this.drawSource.clear()}clearAll(){this.clearMeasurements(),this.clearDrawings()}onMeasureComplete(e){this.onMeasureCompleteCallbacks.push(e)}onDrawComplete(e){this.onDrawCompleteCallbacks.push(e)}createControlBar(e={}){e.position;const t=new Xt({group:!0,className:"map-tools-bar"}),r=new Xt({toggleOne:!0,group:!0}),n=new Se({html:'<span class="tool-icon">⭕</span>',title:"Measure Circle (radius & area)",className:"measure-circle-btn",onToggle:l=>{l?this.startCircleMeasure():this.deactivate()}});r.addControl(n);const s=new Se({html:'<span class="tool-icon">📏</span>',title:"Measure Distance",className:"measure-line-btn",onToggle:l=>{l?this.startLineMeasure():this.deactivate()}});r.addControl(s);const a=new Se({html:'<span class="tool-icon">⬛</span>',title:"Measure Area",className:"measure-area-btn",onToggle:l=>{l?this.startAreaMeasure():this.deactivate()}});r.addControl(a);const i=new tt({html:'<span class="tool-icon">🗑️</span>',title:"Clear Measurements",className:"clear-measure-btn",handleClick:()=>{this.clearMeasurements(),n.setActive(!1),s.setActive(!1),a.setActive(!1)}});return r.addControl(i),t.addControl(r),t}getMeasureLayer(){return this.measureLayer}getDrawLayer(){return this.drawLayer}getMeasureSource(){return this.measureSource}getDrawSource(){return this.drawSource}isActive(){return this.activeInteraction!==null}}let Oe=null;async function da(){if(!("serviceWorker"in navigator))return console.warn("[PWA] Service Workers not supported"),null;try{return Oe=await navigator.serviceWorker.register("/sw.js",{scope:"/"}),console.log("[PWA] Service Worker registered:",Oe.scope),Oe.addEventListener("updatefound",()=>{const o=Oe.installing;o.addEventListener("statechange",()=>{o.state==="installed"&&navigator.serviceWorker.controller&&(console.log("[PWA] New version available"),ga())})}),Oe}catch(o){return console.error("[PWA] Service Worker registration failed:",o),null}}async function ua(){if(!("serviceWorker"in navigator))return!1;let o=!1;try{for(const e of await navigator.serviceWorker.getRegistrations())await e.unregister()&&(o=!0);if("caches"in window){const e=await caches.keys();await Promise.all(e.filter(t=>!t.startsWith("tiles-")).map(t=>caches.delete(t)))}o&&console.log("[PWA] Service worker unregistered (development build) — reload once more to drop it completely")}catch(e){console.warn("[PWA] Could not unregister the service worker:",e)}return o}let Be=null,_e=null;function pa(o="#install-btn"){if(_e=typeof o=="string"?document.querySelector(o):o,!_e){console.warn("[PWA] Install button not found:",o);return}_e.style.display="none",window.addEventListener("beforeinstallprompt",e=>{e.preventDefault(),Be=e,_e.style.display="block",console.log("[PWA] Install prompt ready")}),_e.addEventListener("click",async()=>{if(!Be){fa();return}Be.prompt();const{outcome:e}=await Be.userChoice;console.log("[PWA] Install prompt outcome:",e),Be=null,_e.style.display="none"}),window.addEventListener("appinstalled",()=>{console.log("[PWA] App installed"),Be=null,_e.style.display="none"}),window.matchMedia("(display-mode: standalone)").matches&&(_e.style.display="none")}function fa(){const o=/iPad|iPhone|iPod/.test(navigator.userAgent),e=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);let t=`To install this app:
|
||
|
||
`;o?(t+=`1. Tap the Share button (square with arrow)
|
||
`,t+='2. Scroll down and tap "Add to Home Screen"'):e?(t+=`1. Click File menu
|
||
`,t+='2. Click "Add to Dock"'):(t+=`1. Click the menu button (three dots)
|
||
`,t+='2. Click "Install" or "Add to Home Screen"'),alert(t)}let to=null;const oo=new Set;function ha(o="#offline-indicator"){to=typeof o=="string"?document.querySelector(o):o,jt(!navigator.onLine),window.addEventListener("online",()=>{console.log("[PWA] Back online"),jt(!1),Vo(!1)}),window.addEventListener("offline",()=>{console.log("[PWA] Gone offline"),jt(!0),Vo(!0)})}function jt(o){to&&(to.style.display=o?"block":"none"),document.body.classList.toggle("is-offline",o)}function jn(o){return oo.add(o),o(!navigator.onLine),()=>oo.delete(o)}function Vo(o){for(const e of oo)try{e(o)}catch(t){console.error("[PWA] Offline listener error:",t)}}function K(){return navigator.onLine}function ga(){confirm("A new version is available. Reload now?")&&ma()}function ma(){Oe?.waiting&&Oe.waiting.postMessage({type:"SKIP_WAITING"}),window.location.reload()}async function ya({timeoutMs:o=1e4}={}){if(!("serviceWorker"in navigator))throw new Error("Service Workers not supported in this browser");if(navigator.serviceWorker.controller)return navigator.serviceWorker.controller;const e=navigator.serviceWorker.ready,t=new Promise((s,a)=>setTimeout(()=>a(new Error("Service-worker readiness timeout")),o)),r=await Promise.race([e,t]),n=navigator.serviceWorker.controller||r.active;if(!n)throw new Error("No active service worker available");return n}function ba(o){if(!("serviceWorker"in navigator))return()=>{};const e=()=>{try{o()}catch(t){console.error("[PWA] controllerchange handler error:",t)}};return navigator.serviceWorker.addEventListener("controllerchange",e),()=>navigator.serviceWorker.removeEventListener("controllerchange",e)}async function wo(o,e,t={},r=5e3,n=1e4){const s=await ya({timeoutMs:n});return new Promise((a,i)=>{const l=new MessageChannel,c=setTimeout(()=>{l.port1.close(),i(new Error(`Service-worker reply "${e}" timed out`))},r);l.port1.onmessage=d=>{if(d.data?.type===e){clearTimeout(c),l.port1.close();const{type:u,...f}=d.data;a(f)}},s.postMessage({type:o,...t},[l.port2])})}async function wa(){try{return(await wo("GET_TILE_STATS","TILE_STATS")).stats}catch(o){return console.warn("[PWA] getTileCacheStats failed:",o),null}}async function _a(){try{return await wo("CLEAR_TILE_CACHES","TILE_CACHES_CLEARED"),!0}catch(o){return console.warn("[PWA] clearTileCaches failed:",o),!1}}async function va(o){if(!o)return!1;try{return!!(await wo("CLEAR_TILE_CACHE","TILE_CACHE_CLEARED",{cacheName:o})).deleted}catch(e){return console.warn(`[PWA] clearTileCacheForProvider(${o}) failed:`,e),!1}}async function Ea(){if(!navigator.storage?.estimate)return null;try{const{usage:o,quota:e}=await navigator.storage.estimate();return{usage:o||0,quota:e||0}}catch(o){return console.warn("[PWA] getStorageEstimate failed:",o),null}}async function xa(o={}){const{installButton:e="#install-btn",offlineIndicator:t="#offline-indicator",autoRegisterSW:r=!0}=o;r?await da():await ua(),pa(e),ha(t),console.log("[PWA] Initialized")}const zn={topo:{url:"https://a.tile.opentopomap.org/{z}/{x}/{y}.png",label:"Topographic",maxZoom:17,cacheKey:"tiles-topo"},osm:{url:"https://a.tile.openstreetmap.org/{z}/{x}/{y}.png",label:"OpenStreetMap",maxZoom:19,cacheKey:"tiles-osm"}},Sa=30*1024,It=2*Math.PI*6378137/2;function Ko(o,e){const t=o/It*180;let r=e/It*180;return r=180/Math.PI*(2*Math.atan(Math.exp(r*Math.PI/180))-Math.PI/2),[t,r]}function Xo(o,e,t){const r=Math.pow(2,t),n=Math.floor((o+180)/360*r),s=e*Math.PI/180,a=Math.floor((1-Math.log(Math.tan(s)+1/Math.cos(s))/Math.PI)/2*r);return{x:n,y:a}}function qn(o,e){const[t,r,n,s]=o,[a,i]=Ko(t,r),[l,c]=Ko(n,s),d=Xo(a,c,e),u=Xo(l,i,e),f=Math.pow(2,e),p=Math.max(0,Math.min(d.x,u.x)),h=Math.min(f-1,Math.max(d.x,u.x)),g=Math.max(0,Math.min(d.y,u.y)),m=Math.min(f-1,Math.max(d.y,u.y));return{z:e,minX:p,maxX:h,minY:g,maxY:m,count:(h-p+1)*(m-g+1)}}function Ta(o,e,t){let r=0;for(let n=e;n<=t;n++)r+=qn(o,n).count;return r}function La(o,e,t){const r=[];for(let n=e;n<=t;n++){const s=qn(o,n);for(let a=s.minX;a<=s.maxX;a++)for(let i=s.minY;i<=s.maxY;i++)r.push({z:n,x:a,y:i})}return r}function ka(o,{z:e,x:t,y:r}){return o.replace("{z}",e).replace("{x}",t).replace("{y}",r)}class Ia{constructor({baseMap:e,extent3857:t,minZoom:r,maxZoom:n,concurrency:s=2,interBatchDelayMs:a=50,onProgress:i=()=>{}}){const l=zn[e];if(!l)throw new Error(`Unknown base map: ${e}`);n>l.maxZoom&&(console.warn(`[OfflineTiles] ${e}: maxZoom ${n} > supported ${l.maxZoom}; clamping`),n=l.maxZoom),this.baseMap=e,this.template=l.url,this.extent=t,this.minZoom=r,this.maxZoom=n,this.concurrency=Math.max(1,Math.min(s,6)),this.interBatchDelayMs=a,this.onProgress=i,this._abortCtrl=null,this._cancelled=!1}async start(){if(this._abortCtrl)throw new Error("Downloader already started");this._abortCtrl=new AbortController,this._cancelled=!1;const e=La(this.extent,this.minZoom,this.maxZoom),t=e.length,r=Date.now();let n=0,s=0,a=0,i=0;const l=c=>{const d=Date.now()-r,u=n>0?Math.round(d/n*(t-n)):null;this.onProgress({phase:c,done:n,total:t,ok:s,failed:a,cached:i,elapsedMs:d,etaMs:u})};l("running");for(let c=0;c<e.length&&!this._cancelled;c+=this.concurrency){const d=e.slice(c,c+this.concurrency);await Promise.all(d.map(async u=>{if(this._cancelled)return;const f=ka(this.template,u);try{const p=await fetch(f,{signal:this._abortCtrl.signal,cache:"default"});p.ok?(s++,p.body&&p.body.cancel().catch(()=>{})):(p.status,a++)}catch(p){p.name==="AbortError"||a++}n++})),l("running"),this.interBatchDelayMs>0&&c+this.concurrency<e.length&&await new Promise(u=>setTimeout(u,this.interBatchDelayMs))}return l(this._cancelled?"cancelled":"done"),{phase:this._cancelled?"cancelled":"done",done:n,total:t,ok:s,failed:a,cached:i,elapsedMs:Date.now()-r}}cancel(){this._cancelled=!0,this._abortCtrl&&this._abortCtrl.abort()}}const Pa=(()=>{const o=(r,n)=>{const s=r*It/180,a=Math.log(Math.tan((90+n)*Math.PI/360))/(Math.PI/180);return[s,a*It/180]},e=o(-3.3,4.5),t=o(1.2,11.2);return[e[0],e[1],t[0],t[1]]})();function Ma(o){return o*Sa}const Hn="/api",Wn=`${Hn}/spatial_planning`;function Aa(o){return o.includes("/")?`${Hn}/${o}`:`${Wn}/${o}`}const zt="1",Ca="1c46538c712e9b5b";function Fa(){try{if(typeof window>"u")return zt;const o=window.LUPMIS_SESSION;if(!o||typeof o!="object")return zt;const e=o.district_id;return e==null||String(e).length===0?null:String(e)}catch{}return zt}const _o={get district_id(){return Fa()},api_token:Ca};function Ke(){if(typeof window<"u"&&window.LUPMIS_SESSION&&window.LUPMIS_SESSION.user_id)return window.LUPMIS_SESSION;try{const o=localStorage.getItem("dev-session");if(o){const e=JSON.parse(o);if(e&&e.user_id)return e}}catch{}return null}typeof window<"u"&&(window.lupmisDevSession=o=>{o==null?(localStorage.removeItem("dev-session"),console.log("[Dev] Session override cleared. Reload to apply.")):(localStorage.setItem("dev-session",JSON.stringify(o)),console.log("[Dev] Session override saved. Reload to apply:",o))});const Oa=3e4,Da=5e3;let Fe=null;async function Ra(o=!1){if(Fe!==null&&!o)return Fe;const e=new AbortController,t=setTimeout(()=>e.abort(),Da);try{Fe=(await fetch(`${Wn}/get_layers.php`,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(_o),signal:e.signal})).ok}catch{Fe=!1}finally{clearTimeout(t)}return console.log("[RemoteDB] Server reachable:",Fe),Fe}function ke(){return Fe}function Na(o,e=Oa){const t=new AbortController,r=setTimeout(()=>t.abort(),e);return o.signal&&o.signal.addEventListener("abort",()=>t.abort()),{signal:t.signal,clear:()=>clearTimeout(r)}}async function me(o,e={},t={}){const r=Aa(o),n={..._o,...e};console.log("[RemoteDB] POST",r);const s=Na(t);try{const a=await fetch(r,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(n),...t,signal:s.signal});if(!a.ok)throw new Error(`HTTP ${a.status}: ${a.statusText}`);const i=await a.json();return console.log("[RemoteDB] POST response:",o,"→",typeof i=="object"?`${Array.isArray(i)?i.length+" items":"object"}`:i),i}catch(a){throw a.name==="AbortError"?(console.error("[RemoteDB] POST timed out:",o),new Error(`Request timed out: ${o}`)):(console.error("[RemoteDB] POST failed:",o,a),a)}finally{s.clear()}}async function $a(){return me("get_district_boundary.php")}async function Ba(){return me("get_layers.php")}async function Ga(){return me("get_all_collector_zone_per_district.php")}async function Ua(){return me("get_parcels_per_district.php")}async function ja(){return me("get_all_footprint_per_district.php")}async function za(){const o=_o.district_id;return me("contours/get_by_district.php",{districtid:o==null?null:Number(o)})}async function qa(){return me("get_osm_roads.php")}async function Ha(){return me("get_upn_grid_per_district.php")}async function Wa(o,e){const t={client_uuid:o.client_uuid,name:o.name??null,started_at:o.started_at,ended_at:o.ended_at,point_count:o.point_count??e.length,distance_m:o.distance_m??0,points:(e||[]).map(n=>({seq:n.seq,longitude:n.longitude,latitude:n.latitude,altitude:n.altitude??null,accuracy:n.accuracy??null,altitude_accuracy:n.altitude_accuracy??null,heading:n.heading??null,speed:n.speed??null,satellites:n.satellites??null,recorded_at:n.recorded_at}))},r=await me("save_gps_trail.php",t);return{remoteId:r?.id??r?.remote_id??null}}const Va=63710088e-1,De=Math.PI/180;function Ka(o,e,t,r){const n=(r-e)*De,s=(t-o)*De,a=Math.sin(n/2)**2+Math.cos(e*De)*Math.cos(r*De)*Math.sin(s/2)**2;return 2*Va*Math.asin(Math.min(1,Math.sqrt(a)))}function Yo(o,e=5){return o==null||Number.isNaN(o)?"—":o.toFixed(e)}const Jo=6378137,Zo=1/298.257223563,Qo=.9996,te=Zo*(2-Zo),qt=te/(1-te);function Xa(o,e){if(o==null||e==null||Number.isNaN(o)||Number.isNaN(e))return null;let t=((e+180)%360+360)%360-180;const r=Math.floor((t+180)/6)+1,n=(r-1)*6-180+3,s=o*De,a=t*De,i=n*De,l=Math.sin(s),c=Math.cos(s),d=Math.tan(s),u=Jo/Math.sqrt(1-te*l*l),f=d*d,p=qt*c*c,h=c*(a-i),g=Jo*((1-te/4-3*te**2/64-5*te**3/256)*s-(3*te/8+3*te**2/32+45*te**3/1024)*Math.sin(2*s)+(15*te**2/256+45*te**3/1024)*Math.sin(4*s)-35*te**3/3072*Math.sin(6*s));let m=Qo*u*(h+(1-f+p)*h**3/6+(5-18*f+f*f+72*p-58*qt)*h**5/120)+5e5,y=Qo*(g+u*d*(h*h/2+(5-f+9*p+4*p*p)*h**4/24+(61-58*f+f*f+600*p-330*qt)*h**6/720));const w=o>=0?"N":"S";return w==="S"&&(y+=1e7),{zone:r,hemisphere:w,easting:Math.round(m),northing:Math.round(y)}}function Ya(o,e){const t=Xa(o,e);return t?`${t.zone}${t.hemisphere} ${t.easting}E ${t.northing}N`:"—"}function Ja(o){return o==null||Number.isNaN(o)?"—":o<1e3?`${Math.round(o)} m`:`${(o/1e3).toFixed(2)} km`}function Za(o){return o==null||Number.isNaN(o)?"—":`±${Math.round(o)} m`}function Qa(o){return o==null||Number.isNaN(o)?"none":o<=10?"good":o<=30?"fair":"poor"}const ei={minDistanceM:5,minIntervalMs:1e3,heartbeatMs:2e4,maxAccuracyM:50,enableHighAccuracy:!0,timeoutMs:15e3,maximumAgeMs:0};class st{constructor(e={}){this.opts={...ei,...e},this.storage=e.storage||null,this.sync=e.sync||null,this._geo=e.geolocation||(typeof navigator<"u"?navigator.geolocation:null),this._state="idle",this._watchId=null,this._live=!1,this._recording=!1,this._activeTrailId=null,this._activeTrailUuid=null,this._lastRecorded=null,this._lastRecordedAt=0,this._distanceM=0,this._pointCount=0,this._lastFix=null,this._listeners=Object.create(null)}on(e,t){return(this._listeners[e]||(this._listeners[e]=new Set)).add(t),()=>this._listeners[e]?.delete(t)}_emit(e,t){const r=this._listeners[e];if(r)for(const n of r)try{n(t)}catch(s){console.error(`[GeoTracker] listener for "${e}" threw`,s)}}get state(){return this._state}get isRecording(){return this._recording}get lastFix(){return this._lastFix}get isSupported(){return!!this._geo}_setState(e){this._state!==e&&(this._state=e,this._emit("statechange",e))}startLive(){if(!this._geo){this._emit("error",new Error("Geolocation not supported"));return}this._live=!0,this._ensureWatch()}stopLive(){this._live=!1,this._recording||this._teardownWatch()}getCurrentPosition(){return new Promise((e,t)=>{if(!this._geo){t(new Error("Geolocation not supported"));return}this._geo.getCurrentPosition(r=>{const n=st.normalize(r);this._lastFix=n,this._emit("position",n),e(n)},r=>{this._emit("error",r),t(r)},{enableHighAccuracy:this.opts.enableHighAccuracy,timeout:this.opts.timeoutMs,maximumAge:this.opts.maximumAgeMs})})}async startRecording(e={}){if(!this._geo)throw new Error("Geolocation not supported");if(!this.storage)throw new Error("GeoTracker: no storage adapter configured");if(this._recording)return{trailId:this._activeTrailId,uuid:this._activeTrailUuid};const t=st.uuid(),r=new Date().toISOString(),n={uuid:t,name:e.name||null,startedAt:r,...e},s=await this.storage.createTrail(n);return this._activeTrailId=s,this._activeTrailUuid=t,this._lastRecorded=null,this._lastRecordedAt=0,this._distanceM=0,this._pointCount=0,this._recording=!0,this._ensureWatch(),this._setState("recording"),this._emit("trailstart",{trailId:s,uuid:t,startedAt:r}),{trailId:s,uuid:t}}async stopRecording(){if(!this._recording)return null;const e=this._activeTrailId,r={endedAt:new Date().toISOString(),pointCount:this._pointCount,distanceM:this._distanceM};this._recording=!1,this._live||this._teardownWatch(),this._setState(this._live?"watching":"idle");try{await this.storage.finishTrail(e,r)}catch(s){this._emit("error",s)}this._emit("trailstop",{trailId:e,...r});let n=!1;if(this.sync)try{n=await this._syncTrail(e)}catch(s){this._emit("error",s)}return this._activeTrailId=null,this._activeTrailUuid=null,{trailId:e,pointCount:r.pointCount,distanceM:r.distanceM,synced:n}}async syncPending(){if(!this.sync||!this.storage)return{pushed:0,failed:0};if(this.sync.isOnline&&!this.sync.isOnline())return{pushed:0,failed:0};let e=0,t=0;const r=await this.storage.getUnsyncedTrails();for(const n of r)try{await this._syncTrail(n.id??n.trailId,n)?e++:t++}catch(s){t++,this._emit("error",s)}return this._emit("syncstatus",{pushed:e,failed:t}),{pushed:e,failed:t}}async _syncTrail(e,t){const r=await this.storage.getTrailPoints(e),n=t||{id:e},s=await this.sync.pushTrail(n,r),a=s&&(s.remoteId??s.id??null);return await this.storage.markTrailSynced(e,a),!0}_ensureWatch(){if(this._watchId!=null||!this._geo){this._state==="idle"&&this._live&&this._setState("watching");return}this._watchId=this._geo.watchPosition(e=>this._onFix(e),e=>this._emit("error",e),{enableHighAccuracy:this.opts.enableHighAccuracy,timeout:this.opts.timeoutMs,maximumAge:this.opts.maximumAgeMs}),this._recording||this._setState("watching")}_teardownWatch(){this._watchId!=null&&this._geo&&this._geo.clearWatch(this._watchId),this._watchId=null}async _onFix(e){const t=st.normalize(e);if(this._lastFix=t,this._emit("position",t),!this._recording)return;const{minIntervalMs:r,minDistanceM:n,heartbeatMs:s,maxAccuracyM:a}=this.opts,i=t.timestamp;if(this._lastRecordedAt&&i-this._lastRecordedAt<r||a>0&&t.accuracy!=null&&t.accuracy>a&&this._lastRecorded)return;let l=!1,c=0;if(!this._lastRecorded)l=!0;else{c=Ka(this._lastRecorded.lon,this._lastRecorded.lat,t.lon,t.lat);const d=i-this._lastRecordedAt;(c>=n||d>=s)&&(l=!0)}if(l){this._lastRecorded&&(this._distanceM+=c),this._pointCount+=1,this._lastRecorded={lon:t.lon,lat:t.lat,timestamp:i},this._lastRecordedAt=i;try{await this.storage.addPoint(this._activeTrailId,{...t,seq:this._pointCount}),this._emit("point",{trailId:this._activeTrailId,seq:this._pointCount,point:t,distanceM:this._distanceM,pointCount:this._pointCount})}catch(d){this._emit("error",d)}}}static normalize(e){const t=e.coords||{},r=n=>n!=null&&!Number.isNaN(n)?n:null;return{lon:t.longitude,lat:t.latitude,accuracy:r(t.accuracy),altitude:r(t.altitude),altitudeAccuracy:r(t.altitudeAccuracy),heading:r(t.heading),speed:r(t.speed),satellites:null,timestamp:e.timestamp||Date.now()}}static uuid(){return typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})}}const ti={async createTrail(o){const e=o.districtId??Ke()?.district_id??null;return vs({...o,districtId:e!=null?String(e):null})},addPoint:(o,e)=>Es(o,e),finishTrail:(o,e)=>xs(o,e),getUnsyncedTrails:()=>Ss(),getTrailPoints:o=>Ts(o),markTrailSynced:(o,e)=>Ls(o,e)},oi={pushTrail:(o,e)=>Wa(o,e),isOnline:()=>K()},ve=new st({storage:ti,sync:oi,minDistanceM:5,minIntervalMs:1e3,heartbeatMs:2e4,maxAccuracyM:50,enableHighAccuracy:!0}),ni=new Set(["set:view","set:selected","clear:selected","set:basemap"]);function ri({mapView:o,embedConfig:e}){const t=o.getMap(),r=window.parent&&window.parent!==window?window.parent:null,n=new G,s=new D({source:n,zIndex:9999,style:new M({stroke:new I({color:"#f97316",width:3}),fill:new A({color:"rgba(249,115,22,0.18)"})}),properties:{title:"Permit selection",displayInLayerSwitcher:!1}});t.addLayer(s);let a=null,i=e?.upn?String(e.upn):null,l=!1;function c(m){if(!r){console.warn("[embed-bridge] No parent window — would have sent:",m);return}try{r.postMessage(m,"*")}catch(y){console.warn("[embed-bridge] postMessage failed:",y)}}function d(m,y){c({type:"error",code:m,message:y})}function u(){l||(l=!0,c({type:"ready"}))}function f(m,y,w){const _=m.getProperties();let E=y,T=w;if(E==null||T==null){const x=m.getGeometry()?.getExtent();if(x){const[S,P]=xe(Tr(x));E=S,T=P}}return{type:"parcel:select",upn:_.upn??null,parcel_id:_.id??null,lon:E??null,lat:T??null,zone_code:_.zone_code??null,zone_name:_.zone_name??null,landuse:_.landuse??null,min_height:_.min_height??null,max_height:_.max_height??null}}function p(m){if(n.clear(),m){const y=m.clone();n.addFeature(y)}}o.onClick((m,y,w,_)=>{let E=null;t.forEachFeatureAtPixel(_.pixel,T=>{if(T.get("_layerType")==="parcel")return E=T,!0}),E?(p(E),c(f(E,m,y))):(p(null),c({type:"parcel:cleared"}))}),window.addEventListener("message",m=>{const y=m.data;if(!(!y||typeof y!="object"||!ni.has(y.type)))try{switch(y.type){case"set:view":{if(typeof y.lon=="number"&&typeof y.lat=="number"){const w=t.getView();w.setCenter(ee([y.lon,y.lat])),typeof y.zoom=="number"&&w.setZoom(y.zoom)}break}case"set:selected":y.upn&&h(String(y.upn));break;case"clear:selected":p(null),i=null;break;case"set:basemap":y.key&&typeof o.setBaseMap=="function"&&o.setBaseMap(y.key);break}}catch(w){d("COMMAND_FAILED",`Failed to handle ${y.type}: ${w.message}`)}});function h(m){if(!a){i=m;return}const w=a.getSource().getFeatures().find(E=>String(E.get("upn")??"")===m);if(!w){i=m;return}i=null,p(w);const _=w.getGeometry()?.getExtent();_&&t.getView().fit(_,{padding:[50,50,50,50],duration:400,maxZoom:17}),c(f(w,null,null))}function g(m){a=m;const y=m.getSource(),w=()=>{queueMicrotask(()=>{i&&h(i),u()})};if(y.getFeatures().length>0)w();else{let _=!1;y.on("addfeature",()=>{_||(_=!0,queueMicrotask(()=>{_=!1,i&&h(i),u()}))})}}if(e?.basemap&&typeof o.setBaseMap=="function"&&o.setBaseMap(e.basemap),typeof e?.lon=="number"&&typeof e?.lat=="number"){const m=t.getView();m.setCenter(ee([e.lon,e.lat])),m.setZoom(typeof e?.zoom=="number"?e.zoom:15)}return{attachParcelsLayer:g,emitError:d}}const si=[{key:"parcels",label:"Parcels",geometryFamily:"polygon"},{key:"collector_zones",label:"Collector Zones",geometryFamily:"polygon"},{key:"building_footprints",label:"Building Footprints",geometryFamily:"polygon"},{key:"osm_roads",label:"OSM Roads",geometryFamily:"line"},{key:"other",label:"Other (view only)",geometryFamily:"any"}],Vn={parcels:["upn","landuse","zone_code","zone_name","sector","block","parcel_no","prop_no","st_name","prop_add","fac_name","min_height","max_height","eff_date","lp_name","locality","mmda","last_update","remarks"],collector_zones:["zone_name"],building_footprints:[],osm_roads:["osm_id","name","highway"],other:[]};function ai(o){if(!o?.features?.length)return"none";let e=0,t=0,r=0;for(const a of o.features){const i=a?.geometry?.type;i&&(i==="Polygon"||i==="MultiPolygon"?e++:i==="LineString"||i==="MultiLineString"?t++:(i==="Point"||i==="MultiPoint")&&r++)}const n=e+t+r;if(n===0)return"none";const s=Math.max(e,t,r);return s<n*.85?"mixed":e===s?"polygon":t===s?"line":"point"}function Kn(o,e=50){const t=new Set,r=Math.min(e,o.features.length);for(let n=0;n<r;n++){const s=o.features[n]?.properties;if(!(!s||typeof s!="object"))for(const a of Object.keys(s))t.add(String(a).toLowerCase())}return t}function Ge(o,...e){for(const t of e)if(o.has(t))return!0;return!1}function ii(o){const e=ai(o);if(e==="none"||e==="mixed")return"other";const t=Kn(o);return e==="line"?Ge(t,"osm_id","highway")?"osm_roads":"other":e==="polygon"?Ge(t,"upn","parcel_no","landuse","lu_code","zone_code")&&Ge(t,"upn","parcel_no","landuse","lu_code")?"parcels":Ge(t,"zone_name","colzonename","colzonenr")?"collector_zones":Ge(t,"building","building:levels","building_levels","height","min_height","max_height")&&!Ge(t,"upn","parcel_no")?"building_footprints":"other":"other"}const li={upn:["upn","unique_parcel_no","parcel_id","pid"],landuse:["landuse","land_use","lu","lu_code"],zone_code:["zone_code","zonecode","zone"],zone_name:["zone_name","zonename","colzonename"],sector:["sector","sec"],block:["block","blk"],parcel_no:["parcel_no","parcelno","plot_no","plotno"],prop_no:["prop_no","propertyno","property_no"],st_name:["st_name","street","street_name","road"],prop_add:["prop_add","address","addr"],fac_name:["fac_name","facility","facilityname"],min_height:["min_height","minheight","h_min"],max_height:["max_height","maxheight","h_max","height"],eff_date:["eff_date","effectivedate","effdate"],lp_name:["lp_name","lpname","localplan"],locality:["locality","town","settlement"],mmda:["mmda","district","assembly"],last_update:["last_update","lastupdate","updated"],remarks:["remarks","notes","comments"],osm_id:["osm_id","osmid","id"],name:["name","street_name","st_name"],highway:["highway","road_class","class"]};function en(o){return String(o).toLowerCase().replace(/[\s_\-]+/g,"")}function Xn(o,e){const t=Vn[e]||[];if(t.length===0)return{};const r=Kn(o,50),n=new Map;for(const a of r)n.set(en(a),a);const s={};for(const a of t){const i=li[a]||[a];let l=null;for(const c of i){const d=en(c);if(n.has(d)){l=n.get(d);break}}s[a]=l}return s}function ci(o,e){const t={};for(const[r,n]of Object.entries(e||{}))n!=null&&o&&Object.prototype.hasOwnProperty.call(o,n)&&(t[r]=o[n]);return t}function di(o){const e=new Map;for(const t of o.features||[]){const r=t?.properties;if(!(!r||typeof r!="object"))for(const n of Object.keys(r))e.has(n)||e.set(n,!0)}return Array.from(e.keys())}function ui(o,e=35){const t={};for(const r of o.features||[]){const n=r?.properties;if(!(!n||typeof n!="object"))for(const[s,a]of Object.entries(n)){if(t[s]!==void 0||a==null||a==="")continue;let i;if(typeof a=="object")try{i=JSON.stringify(a)}catch{i=String(a)}else i=String(a);i=i.replace(/\s+/g," ").trim(),i&&(i.length>e&&(i=i.slice(0,e-1)+"…"),t[s]=i)}}return t}const L={};let no=null,N=null;function pi(){L.root||(L.root=document.getElementById("importMappingModal"),L.filename=document.getElementById("import-modal-filename"),L.summary=document.getElementById("import-modal-summary"),L.target=document.getElementById("import-modal-target"),L.targetHint=document.getElementById("import-modal-target-hint"),L.fieldsWrap=document.getElementById("import-modal-fields-wrap"),L.tbody=document.getElementById("import-modal-fields-tbody"),L.btnSave=document.getElementById("import-modal-save"),L.btnSaveUpload=document.getElementById("import-modal-save-upload"),L.btnCancel=document.getElementById("import-modal-cancel"),L.target&&!L.target.dataset.populated&&(L.target.innerHTML=si.map(o=>`<option value="${o.key}">${o.label}</option>`).join(""),L.target.dataset.populated="1"),L.target&&!L.target.dataset.wired&&(L.target.dataset.wired="1",L.target.addEventListener("change",Yn)),L.btnSave&&!L.btnSave.dataset.wired&&(L.btnSave.dataset.wired="1",L.btnSave.addEventListener("click",()=>tn("save"))),L.btnSaveUpload&&!L.btnSaveUpload.dataset.wired&&(L.btnSaveUpload.dataset.wired="1",L.btnSaveUpload.addEventListener("click",()=>tn("upload"))),L.root&&!L.root.dataset.wired&&(L.root.dataset.wired="1",L.root.addEventListener("hidden.bs.modal",()=>{N?.onResult&&!N._resolved&&(N._resolved=!0,N.onResult({action:"cancel"})),N=null})))}function fi(){const o=N.targetType,e=Vn[o]||[];if(o==="other"||e.length===0){L.fieldsWrap.style.display="none";return}L.fieldsWrap.style.display="";const t=n=>{const s=N.sourceSamples[n];return s?` — [${_t(s)}]`:" — [(empty)]"},r=['<option value="">(none)</option>'].concat(N.sourceFields.map(n=>`<option value="${mt(n)}">${_t(gi(n))}${t(n)}</option>`)).join("");L.tbody.innerHTML=e.map(n=>{const s=N.mapping[n]||"",a=r.replace(`<option value="${mt(s)}">`,`<option value="${mt(s)}" selected>`);return`
|
||
<tr>
|
||
<td><code>${_t(n)}</code></td>
|
||
<td>
|
||
<select class="form-select form-select-sm import-field-map"
|
||
data-col="${mt(n)}">
|
||
${a}
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
`}).join(""),L.tbody.querySelectorAll(".import-field-map").forEach(n=>{n.addEventListener("change",s=>{const a=s.target.dataset.col;N.mapping[a]=s.target.value||null})})}function Yn(){const o=L.target.value;N.targetType=o,N.mapping=Xn(N.fc,o),o==="other"?(L.targetHint.innerHTML="<em>This dataset will be visible on the map but cannot be uploaded to the database. You can change the type later.</em>",L.btnSave.disabled=!1,L.btnSaveUpload.disabled=!0):(L.targetHint.innerHTML="Each LUPMIS2 column is matched to a source field where possible. You can override any choice below.",L.btnSave.disabled=!1,L.btnSaveUpload.disabled=!1),fi()}function tn(o){if(!N||N._resolved)return;N._resolved=!0;const{targetType:e,mapping:t,onResult:r}=N;no.hide(),r&&r({action:o,targetType:e,mapping:e==="other"?null:{...t}}),N=null}function hi(o){if(pi(),!L.root){console.warn("[ImportModal] Modal element missing — calling onResult with cancel"),o.onResult?.({action:"cancel"});return}const e=o.fc,t=e?.features?.length??0,r=ii(e);N={importId:o.importId,filename:o.filename,fc:e,sourceFields:di(e),sourceSamples:ui(e),targetType:r,mapping:Xn(e,r),onResult:o.onResult,_resolved:!1},L.filename.textContent=o.filename||"imported dataset",L.summary.textContent=`— ${t} feature${t===1?"":"s"}`,L.target.value=N.targetType,Yn(),no=lt.getOrCreateInstance(L.root),no.show()}function _t(o){return String(o).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function mt(o){return _t(o)}function gi(o){let e="";for(const t of String(o)){const r=t.codePointAt(0);r>=97&&r<=122?e+=String.fromCodePoint(r-97+119834):r>=65&&r<=90?e+=String.fromCodePoint(r-65+119808):r>=48&&r<=57?e+=String.fromCodePoint(r-48+120782):e+=t}return e}const mi=(()=>{const o=new Uint32Array(256);for(let e=0;e<256;e++){let t=e;for(let r=0;r<8;r++)t=t&1?3988292384^t>>>1:t>>>1;o[e]=t>>>0}return o})();function yi(o){let e=4294967295;for(let t=0;t<o.length;t++)e=mi[(e^o[t])&255]^e>>>8;return(e^4294967295)>>>0}function bi(o,e){return e instanceof Uint8Array?e:e instanceof ArrayBuffer?new Uint8Array(e):ArrayBuffer.isView(e)?new Uint8Array(e.buffer,e.byteOffset,e.byteLength):o.encode(String(e))}function wi(o,e="application/zip"){const t=new TextEncoder,r=Object.entries(o).map(([h,g])=>{const m=t.encode(h);return{nameBytes:m,data:bi(t,g),flags:m.length===h.length?0:2048}}),n=0,s=20513,a=[],i=[];let l=0;const c=h=>[h&255,h>>>8&255],d=h=>[h&255,h>>>8&255,h>>>16&255,h>>>24&255];for(const h of r){const g=yi(h.data),m=h.data.length,y=[...d(67324752),...c(20),...c(h.flags),...c(0),...c(n),...c(s),...d(g),...d(m),...d(m),...c(h.nameBytes.length),...c(0)];a.push(new Uint8Array(y),h.nameBytes,h.data),i.push([...d(33639248),...c(20),...c(20),...c(h.flags),...c(0),...c(n),...c(s),...d(g),...d(m),...d(m),...c(h.nameBytes.length),...c(0),...c(0),...c(0),...c(0),...d(0),...d(l)]),i.push(h.nameBytes),l+=y.length+h.nameBytes.length+m}const u=[];let f=0;for(const h of i){const g=h instanceof Uint8Array?h:new Uint8Array(h);u.push(g),f+=g.length}const p=new Uint8Array([...d(101010256),...c(0),...c(0),...c(r.length),...c(r.length),...d(f),...d(l),...c(0)]);return new Blob([...a,...u,p],{type:e})}function ro(o,e){const t=URL.createObjectURL(o),r=document.createElement("a");r.href=t,r.download=e,document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(t),1e3)}const Pt=1,_i=3,vi=5,Ei='GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]';function xi(o,e={}){const t=Ti(o),r=Object.keys(t).filter(a=>t[a].length>0);if(r.length===0)throw new Error("No point, line or polygon geometries to export.");const n=e.folder?`${String(e.folder).replace(/\/+$/,"")}/`:"",s={};for(const a of r){const i=t[a],l=e.types&&e.types[a]||a,{shp:c,shx:d}=Ii(i,Si[a]);s[`${n}${l}.shp`]=c,s[`${n}${l}.shx`]=d,s[`${n}${l}.dbf`]=Ci(i.map(u=>u.properties)),s[`${n}${l}.prj`]=Ei,s[`${n}${l}.cpg`]="UTF-8"}return wi(s,"application/zip")}const Si={point:Pt,polyline:_i,polygon:vi};function Ti(o){const e={point:[],polyline:[],polygon:[]},t=o&&o.features||[];for(const r of t){const n=r&&r.properties||{};for(const s of Jn(r&&r.geometry))switch(s.type){case"Point":so(s.coordinates)&&e.point.push({parts:[[s.coordinates]],properties:n});break;case"MultiPoint":for(const a of s.coordinates||[])so(a)&&e.point.push({parts:[[a]],properties:n});break;case"LineString":{const a=[ao(s.coordinates)].filter(i=>i.length>=2);a.length&&e.polyline.push({parts:a,properties:n});break}case"MultiLineString":{const a=(s.coordinates||[]).map(ao).filter(i=>i.length>=2);a.length&&e.polyline.push({parts:a,properties:n});break}case"Polygon":{const a=on(s.coordinates);a.length&&e.polygon.push({parts:a,properties:n});break}case"MultiPolygon":{const a=[];for(const i of s.coordinates||[])a.push(...on(i));a.length&&e.polygon.push({parts:a,properties:n});break}}}return e}function*Jn(o){if(!(!o||!o.type))if(o.type==="GeometryCollection")for(const e of o.geometries||[])yield*Jn(e);else yield o}function so(o){return Array.isArray(o)&&Number.isFinite(o[0])&&Number.isFinite(o[1])}function ao(o){const e=[];for(const t of o||[]){if(!so(t))continue;const r=e[e.length-1];r&&r[0]===t[0]&&r[1]===t[1]||e.push([t[0],t[1]])}return e}function on(o){const e=[];return(o||[]).forEach((t,r)=>{const n=Li(ao(t));if(n.length<4)return;const s=r===0;ki(n)>0===s&&n.reverse(),e.push(n)}),e}function Li(o){if(o.length<3)return o;const e=o[0],t=o[o.length-1];return(e[0]!==t[0]||e[1]!==t[1])&&o.push([e[0],e[1]]),o}function ki(o){let e=0;for(let t=0,r=o.length-1;t<o.length;r=t++)e+=o[r][0]*o[t][1]-o[t][0]*o[r][1];return e/2}function Ii(o,e){const t=e===Pt,r=o.map(d=>t?20:44+4*d.parts.length+16*Zn(d.parts)),n=r.reduce((d,u)=>d+8+u,100),s=100+8*o.length,a=new DataView(new ArrayBuffer(n)),i=new DataView(new ArrayBuffer(s)),l=Qn(o);nn(a,e,n,l),nn(i,e,s,l);let c=100;return o.forEach((d,u)=>{const f=r[u];a.setInt32(c,u+1),a.setInt32(c+4,f/2),i.setInt32(100+u*8,c/2),i.setInt32(100+u*8+4,f/2),Pi(a,c+8,d,e),c+=8+f}),{shp:new Uint8Array(a.buffer),shx:new Uint8Array(i.buffer)}}function nn(o,e,t,r){o.setInt32(0,9994),o.setInt32(24,t/2),o.setInt32(28,1e3,!0),o.setInt32(32,e,!0),o.setFloat64(36,r.xmin,!0),o.setFloat64(44,r.ymin,!0),o.setFloat64(52,r.xmax,!0),o.setFloat64(60,r.ymax,!0)}function Pi(o,e,t,r){if(r===Pt){const[c,d]=t.parts[0][0];o.setInt32(e,Pt,!0),o.setFloat64(e+4,c,!0),o.setFloat64(e+12,d,!0);return}const n=Qn([t]),s=Zn(t.parts);o.setInt32(e,r,!0),o.setFloat64(e+4,n.xmin,!0),o.setFloat64(e+12,n.ymin,!0),o.setFloat64(e+20,n.xmax,!0),o.setFloat64(e+28,n.ymax,!0),o.setInt32(e+36,t.parts.length,!0),o.setInt32(e+40,s,!0);let a=e+44,i=0;for(const c of t.parts)o.setInt32(a,i,!0),a+=4,i+=c.length;let l=a;for(const c of t.parts)for(const[d,u]of c)o.setFloat64(l,d,!0),o.setFloat64(l+8,u,!0),l+=16}function Zn(o){return o.reduce((e,t)=>e+t.length,0)}function Qn(o){let e=1/0,t=1/0,r=-1/0,n=-1/0;for(const s of o)for(const a of s.parts)for(const[i,l]of a)i<e&&(e=i),l<t&&(t=l),i>r&&(r=i),l>n&&(n=l);return Number.isFinite(e)?{xmin:e,ymin:t,xmax:r,ymax:n}:{xmin:0,ymin:0,xmax:0,ymax:0}}const Mi=254,Ai=18,rn=10;function Ci(o){const e=Fi(o),t=new TextEncoder,r=32+32*e.length+1,n=e.reduce((u,f)=>u+f.size,1),s=r+o.length*n+1,a=new ArrayBuffer(s),i=new DataView(a),l=new Uint8Array(a),c=new Date;i.setUint8(0,3),i.setUint8(1,c.getFullYear()-1900),i.setUint8(2,c.getMonth()+1),i.setUint8(3,c.getDate()),i.setUint32(4,o.length,!0),i.setUint16(8,r,!0),i.setUint16(10,n,!0),e.forEach((u,f)=>{const p=32+f*32,h=t.encode(u.name).subarray(0,10);l.set(h,p),i.setUint8(p+11,u.type.charCodeAt(0)),i.setUint8(p+16,u.size),i.setUint8(p+17,u.decimals)}),i.setUint8(32+e.length*32,13);let d=r;return o.forEach((u,f)=>{i.setUint8(d,32),d+=1;for(const p of e){const h=p.sequential?f+1:u?u[p.source]:void 0;l.set(Ni(t,p,h),d),d+=p.size}}),i.setUint8(d,26),l}function Fi(o){const e=[];for(const r of o)for(const n of Object.keys(r||{}))e.includes(n)||e.push(n);if(e.length===0)return[{name:"FID",source:null,type:"N",size:9,decimals:0,sequential:!0}];const t=new Set;return e.map(r=>{const n=Di(o.map(s=>s?s[r]:void 0));return n.source=r,n.name=Oi(r,t),n})}function Oi(o,e){const t=String(o).replace(/[^A-Za-z0-9_]+/g,"_").slice(0,10)||"field";let r=t,n=1;for(;e.has(r.toUpperCase());){const s=String(n++);r=t.slice(0,Math.max(1,10-s.length))+s}return e.add(r.toUpperCase()),r}function Di(o){const e=new TextEncoder;let t=!1,r=!0,n=!0,s=0,a=1,i=1;for(const l of o){if(l==null||l==="")continue;if(t=!0,typeof l!="boolean"&&(r=!1),typeof l=="number"&&Number.isFinite(l)){const d=Ri(l);d>s&&(s=d)}else n=!1;const c=l instanceof Date?l.toISOString():String(l);i=Math.max(i,e.encode(c).length)}if(!t)return{type:"C",size:1,decimals:0};if(r)return{type:"L",size:1,decimals:0};if(n){let l=!0;for(const c of o){if(typeof c!="number"||!Number.isFinite(c))continue;const d=er(c,s);if(d===null){l=!1;break}a=Math.max(a,d.length)}if(l&&a<=Ai)return{type:"N",size:a,decimals:s}}return{type:"C",size:Math.min(i,Mi),decimals:0}}function er(o,e){const t=o.toFixed(e);return t.includes("e")||t.includes("E")?null:t}function Ri(o){if(Number.isInteger(o))return 0;for(let e=1;e<rn;e++)if(Number(o.toFixed(e))===o)return e;return rn}function Ni(o,e,t){const r=new Uint8Array(e.size).fill(32);if(e.type==="L")return r[0]=t==null||t===""?63:t?84:70,r;if(t==null||t==="")return r;if(e.type==="N"){const s=typeof t=="number"&&Number.isFinite(t)?er(t,e.decimals):null,a=s===null?null:o.encode(s);return a&&a.length&&a.length<=e.size&&r.set(a,e.size-a.length),r}const n=t instanceof Date?t.toISOString():String(t);return r.set($i(o,n,e.size),0),r}function $i(o,e,t){const r=o.encode(e);if(r.length<=t)return r;let n=t;for(;n>0&&(r[n]&192)===128;)n--;return r.subarray(0,n)}const tr="EPSG:3857",or="EPSG:4326";async function Bi({features:o,rename:e,format:t,filenameBase:r="export"}){if(!Array.isArray(o)||o.length===0)throw new Error("No features to export");const n=Gi(o,e);switch(t){case"geojson":return ro(new Blob([JSON.stringify(n,null,2)],{type:"application/geo+json"}),`${r}.geojson`);case"kml":return ro(new Blob([Ui(o,e)],{type:"application/vnd.google-earth.kml+xml"}),`${r}.kml`);case"shp":return ji(n,r);default:throw new Error(`Unknown export format: ${t}`)}}function Gi(o,e){const t=new le,r={type:"FeatureCollection",features:[]};for(const n of o){if(!n.getGeometry())continue;const s=t.writeGeometryObject(n.getGeometry(),{dataProjection:or,featureProjection:tr}),a=nr(n.getProperties()),i={};for(const[l,c]of Object.entries(e||{}))c&&Object.prototype.hasOwnProperty.call(a,l)&&(i[c]=a[l]);r.features.push({type:"Feature",geometry:s,properties:i})}return r}function nr(o){const e={};for(const[t,r]of Object.entries(o||{}))t!=="geometry"&&(e[t]=r);return e}function Ui(o,e){const t=o.filter(r=>r.getGeometry()).map(r=>{const n=r.clone(),s=nr(r.getProperties()),a={};for(const[l,c]of Object.entries(e||{}))c&&Object.prototype.hasOwnProperty.call(s,l)&&(a[c]=s[l]);n.setProperties(a,!0);const i=Object.values(e||{}).find(l=>l&&a[l]!=null&&a[l]!=="");return i&&n.set("name",String(a[i])),n});return new gn({extractStyles:!1}).writeFeatures(t,{dataProjection:or,featureProjection:tr})}function ji(o,e){const t=xi(o,{folder:e,types:{point:`${e}_point`,polygon:`${e}_polygon`,polyline:`${e}_line`}});ro(t,`${e}.zip`)}const C={};let io=null,Te=null;function zi(){C.root||(C.root=document.getElementById("exportGisModal"),C.summary=document.getElementById("export-gis-summary"),C.filename=document.getElementById("export-gis-filename"),C.tbody=document.getElementById("export-gis-fields-tbody"),C.fmtHint=document.getElementById("export-gis-format-hint"),C.fieldsWrap=document.getElementById("export-gis-fields-wrap"),C.btnGo=document.getElementById("export-gis-go"),C.fmtInputs=Array.from(document.querySelectorAll('input[name="export-gis-format"]')),C.root.dataset.wired||(C.root.dataset.wired="1",C.fmtInputs.forEach(o=>o.addEventListener("change",sr)),C.btnGo.addEventListener("click",Wi)))}function qi(o){const e=[];for(const t of o.parcelFeatures||[])e.push(Ht(t,"Parcels"));for(const t of o.zoneFeatures||[])e.push(Ht(t,"Zones"));for(const[t,r]of Object.entries(o.otherByLayer||{}))for(const n of r)e.push(Ht(n,t));return e}function Ht(o,e){const t=o.clone();return t.set("_source",e),t}function Hi(o){const e=new Set(["geometry","_layerType"]),t=new Map;for(const n of o)for(const s of Object.keys(n.getProperties()||{}))e.has(s)||t.has(s)||t.set(s,!0);t.delete("_source");const r=Array.from(t.keys());return r.push("_source"),r}function rr(){const o=Mt();C.tbody.innerHTML=Te.keys.map(e=>{const t=Te.rename[e]??e,n=o==="shp"&&t.length>10?`<div class="form-text text-danger mt-1">
|
||
${lo(t.length)} characters — Shapefile will
|
||
truncate / rename.
|
||
</div>`:"";return`
|
||
<tr>
|
||
<td><code>${lo(e)}</code></td>
|
||
<td>
|
||
<input type="text" class="form-control form-control-sm export-field-rename"
|
||
data-src="${sn(e)}"
|
||
value="${sn(t)}">
|
||
${n}
|
||
</td>
|
||
</tr>
|
||
`}).join(""),C.tbody.querySelectorAll(".export-field-rename").forEach(e=>{e.addEventListener("input",t=>{const r=t.target.dataset.src;Te.rename[r]=t.target.value,Mt()==="shp"&&rr()})})}function sr(){const o=Mt();C.fmtHint.innerHTML={geojson:"GeoJSON keeps all attributes as-is and is the safest default.",shp:"Shapefile attribute names are limited to <strong>10 characters</strong> and alphanumeric/underscore only. Over-length names will be truncated (collisions are auto-numbered). One file per geometry type is written, all zipped into one download.",kml:"KML preserves attribute names; the first non-empty renamed field is used as each feature's <name> in Google Earth.",pdf:"A one-page <strong>summary report</strong> of the analysis figures — not the feature geometry. Field renaming does not apply."}[o];const e=o==="pdf";C.fieldsWrap&&C.fieldsWrap.classList.toggle("d-none",e),rr()}function Mt(){return C.fmtInputs.find(o=>o.checked)?.value||"geojson"}async function Wi(){const o=Mt(),e=(C.filename.value||"export").replace(/[^A-Za-z0-9_\-]+/g,"_");C.btnGo.disabled=!0;try{if(o==="pdf"){const t=Te.pdfRows||[];if(t.length===0)throw new Error("No summary figures available for a PDF report.");const{exportAnalysisPDF:r}=await Le(async()=>{const{exportAnalysisPDF:n}=await import("./pdf-export-DJBZ6C0H.js");return{exportAnalysisPDF:n}},__vite__mapDeps([5,6,4,3]));await r({title:Te.title||"Analysis",rows:t})}else await Bi({features:Te.features,rename:Te.rename,format:o,filenameBase:e});io.hide()}catch(t){console.error("[ExportGIS] failed:",t),alert("Export failed: "+t.message)}finally{C.btnGo.disabled=!1}}function Vi(o){if(zi(),!C.root){console.warn("[ExportGIS] Modal missing from DOM");return}const e=qi(o);if(e.length===0){alert("No intersecting features to export.");return}const t=Hi(e),r=Object.fromEntries(t.map(s=>[s,s]));Te={features:e,keys:t,rename:r,pdfRows:o.pdfRows||[],title:o.title},C.summary.textContent=`${e.length} feature${e.length===1?"":"s"} intersecting the ${o.kind==="circle"?"circle":"area"}`,C.filename.value=o.kind==="circle"?"circle_analysis":"area_analysis";const n=document.getElementById("export-gis-fmt-geojson");n&&(n.checked=!0),sr(),io=lt.getOrCreateInstance(C.root),io.show()}function lo(o){return String(o).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function sn(o){return lo(o)}let Wt=null;async function an(){if(!Wt){const o=await Le(()=>import("./shpjs-CNrRgkgn.js"),[]);Wt=o.default||o}return Wt}function vo(o){const e=document.getElementById("import-spinner-overlay"),t=document.getElementById("import-spinner-filename");e&&(t&&(t.textContent=o||""),e.classList.remove("d-none"),e.classList.add("d-flex"))}function ue(){const o=document.getElementById("import-spinner-overlay");o&&(o.classList.add("d-none"),o.classList.remove("d-flex"))}let v=null,ae=null,ie=null,Vt=null;const co=typeof window<"u"&&window.LUPMIS_EMBED||null,Ue=!!(co&&co.mode==="permit");let z=Ue?"embed-permit":"none";function Ki(){const o=typeof window<"u"?window.LUPMIS_SESSION:null;if(!o||typeof o!="object")return!1;const e=o.district_id;if(e!=null&&String(e).length>0)return!1;console.warn("[App] Authenticated user has no district assigned; halting init.");const t=document.createElement("div");t.id="no-district-overlay",t.setAttribute("role","alertdialog"),t.setAttribute("aria-modal","true"),t.style.cssText="position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.98);padding:24px;";const r=o.full_name||o.username||"You";return t.innerHTML=`
|
||
<div style="max-width:480px;text-align:center;border:1px solid #e5e7eb;
|
||
border-radius:12px;padding:28px 24px;box-shadow:0 8px 24px rgba(0,0,0,0.08);
|
||
background:#fff;font-family:var(--font-body,sans-serif);">
|
||
<div style="font-size:42px;line-height:1;margin-bottom:12px;">🛑</div>
|
||
<h2 style="margin:0 0 12px;color:var(--primary,#005eb8);font-size:1.35rem;">
|
||
No district assigned
|
||
</h2>
|
||
<p style="margin:0 0 10px;color:#333;">
|
||
${U(r)}, your user profile is not associated with any
|
||
district. LUPMIS2 cannot load the relevant map data without one.
|
||
</p>
|
||
<p style="margin:0 0 20px;color:#6b7280;font-size:0.95rem;">
|
||
Please contact the system administrator to have a district assigned
|
||
to your account.
|
||
</p>
|
||
<button type="button" id="no-district-portal-btn"
|
||
style="background:var(--primary,#005eb8);color:#fff;border:0;
|
||
border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;">
|
||
Return to LUSPA portal
|
||
</button>
|
||
</div>`,document.body.appendChild(t),t.querySelector("#no-district-portal-btn")?.addEventListener("click",()=>{window.location.href="https://lupmis4luspa.org/"}),!0}async function ln(){if(console.log("[App] Initializing..."),Ki())return;await xa({installButton:"#install-btn",offlineIndicator:"#offline-indicator",autoRegisterSW:!0});const o=localStorage.getItem("default-basemap")||"topo";v=new la("map",{center:[-1.5,7.5],zoom:7,basemap:o}),ae=new ca(v.getMap()),Ml(),ae.onMeasureComplete(t=>{console.log("[MapTools] Measurement complete:",t),t.type==="polygon"&&t.coordinate&&t.feature?.get("_layerType")!=="measure_area"&&v?.showDrawnPolygonPopup(t.feature,t.coordinate)}),Ue&&(Vt=ri({mapView:v,embedConfig:co})),v.onClick((t,r,n,s)=>{if(Ue||(console.log("[MapClick] Clicked at:",t.toFixed(4),r.toFixed(4)),console.log("[MapClick] currentMode =",z),z==="draw"||z.startsWith("measure")))return;let a=null;if(v.getMap().forEachFeatureAtPixel(s.pixel,l=>{if(l.get("_layerType")==="parcel")return a=l,!0}),a){console.log("[MapClick] Clicked on parcel → Edit Attributes"),v.showParcelEditPopup(a,s.coordinate);return}let i=null;if(v.getMap().forEachFeatureAtPixel(s.pixel,l=>{if(l.get("_layerType")==="upn_grid")return i=l,!0}),i){console.log("[MapClick] Clicked on UPN-grid cell → Info popup"),v.showInfoPopup(i,s.coordinate,{title:"UPN Grid Cell",color:"#7c3aed"});return}z==="none"&&(n?(console.log("[MapClick] Clicked on marker:",n.getId()),v.selectMarker(n),Yi(n)):v.clearSelection())}),v.onDblClick((t,r,n,s)=>{if(Ue||!n)return;const a=n.get("_layerType");if(console.log("[App] Double-click on feature, _layerType:",a||"none"),a==="measure_circle")v.showCircleIntersectionPopup(n,s.coordinate);else{if(a==="measure_circle_radius")return;a==="measure_area"?v.showAreaIntersectionPopup(n,s.coordinate):a==="collector_zone"?v.showInfoPopup(n,s.coordinate,{title:"Zone Info",color:"#7c3aed"}):a==="parcel"?v.showInfoPopup(n,s.coordinate,{title:"Parcel Info",color:"#0ea5e9"}):v.showInfoPopup(n,s.coordinate,{title:"Feature Info",color:"#e11d48"})}}),v.onDrawnPoint(t=>{Ue||(console.log("[App] Point drawn → Add Location popup"),v.clearSelection(),v.showAddLocationPopup(t))}),v.onAddLocation(async t=>{console.log("[App] Add location from map popup:",t);try{const r=await Kr(t.name,t.lon,t.lat,{description:t.description||null,category:t.category||"default"});console.log("[App] Location added:",t.name,"id:",r.id),await Kt(),v?.zoomTo(t.lon,t.lat,14),r.id&&v?.selectMarker(r.id),ge("Location added successfully")}catch(r){console.error("[App] Failed to add location:",r),O("Failed to add location: "+r.message)}}),v.onParcelEdit(async(t,r)=>{const n=r.id||r.parcelid||r.parcel_id;if(console.log("[App] Parcel edit saved:",n,r),!n){console.warn("[App] No parcel ID found in updated properties — skipping local save");return}try{await cs(n,r),ge("Parcel updated locally")}catch(s){console.error("[App] Failed to save parcel update:",s),O("Failed to save parcel: "+s.message)}});const e=new ho;v.onDrawnPolygonSave(async(t,r)=>{console.log("[App] Drawn polygon attributes saved:",r);try{const n=e.writeGeometry(t.getGeometry(),{dataProjection:"EPSG:4326",featureProjection:"EPSG:3857"}),s=await ds(n,r);console.log("[App] New parcel inserted with id:",s.id),ge("New parcel saved (pending verification)")}catch(n){console.error("[App] Failed to save new parcel:",n),O("Failed to save parcel: "+n.message)}}),v.onFeatureModified(async t=>{const r=t.get("_externalImportId"),n=t.get("_clientUuid");if(!(r==null||!n))try{const s=e.writeGeometry(t.getGeometry(),{dataProjection:"EPSG:4326",featureProjection:"EPSG:3857"});await ss(n,s),console.log("[App] Imported feature geometry updated in staging:",n)}catch(s){console.warn("[App] Failed to persist imported-feature edit:",s),O("Could not save the edit locally: "+s.message)}});try{console.log("[App] Initializing database..."),await Vr(),console.log("[App] Database ready"),await il();const t=await yo();console.log("[App] Database status:",t),K()&&(await Ra()||(console.warn("[App] API server unreachable — using local data only"),So("Server not responding — loading cached data."))),await ml(),v?.initEditBar(),ll(),cl(),dl(),ul(),Ue&&Vt&&ie&&(ie.setVisible(!0),Vt.attachParcelsLayer(ie)),pl(),fl(),hl(),gl()}catch(t){console.error("[App] Database initialization failed:",t),O("Failed to initialize database. Please refresh the page.");return}Xi(),await Kt(),Wr(t=>{if(console.log("[App] Database change:",t),t.table==="locations"&&!t.local&&Kt(),t.table==="parcels"){const r=document.getElementById("local-data-stats");r&&!r.classList.contains("d-none")&&Ct()}}),jn(t=>{t?console.log("[App] Working offline - data will sync when back online"):(console.log("[App] Back online - syncing data..."),yl())}),Al(),Fl(),Ol(),Cl(),Dl(),Rl(),Nl(),$l(),console.log("[App] Initialized successfully")}function Xi(){console.log("[initUI] Starting UI initialization..."),Pl();const o=document.getElementById("export-btn");o&&o.addEventListener("click",el);const e=document.getElementById("local-data-btn");e&&e.addEventListener("click",()=>Ct());const t=document.getElementById("import-shp-btn"),r=document.getElementById("shp-file-input");t&&r&&(t.addEventListener("click",()=>r.click()),r.addEventListener("change",dr));const n=document.getElementById("import-geojson-btn"),s=document.getElementById("geojson-file-input");n&&s&&(n.addEventListener("click",()=>s.click()),s.addEventListener("change",ur));const a=document.getElementById("import-kml-btn"),i=document.getElementById("kml-file-input");a&&i&&(a.addEventListener("click",()=>i.click()),i.addEventListener("change",pr)),kl();const l=document.getElementById("exportGeoJSON-btn");l&&l.addEventListener("click",tl);const c=document.getElementById("status-btn");c&&c.addEventListener("click",ol);const d=document.getElementById("fit-btn");d&&d.addEventListener("click",()=>v?.fitToMarkers());const u=document.getElementById("dock-btn-measure-circle"),f=document.getElementById("dock-btn-measure-line"),p=document.getElementById("dock-btn-measure-area"),h=document.getElementById("dock-btn-draw"),g=document.getElementById("dock-btn-clear"),m=document.getElementById("dock-btn-analysis");m&&m.addEventListener("click",async()=>{if(v)try{const{openAnalysisModal:_}=await Le(async()=>{const{openAnalysisModal:E}=await import("./analysis-modal-BJxejC9Q.js");return{openAnalysisModal:E}},__vite__mapDeps([7,3,8,9,1,2,10,11,12]));_(v)}catch(_){console.error("[App] Could not load the Analysis panel:",_),O("Analysis tools could not be loaded — check your connection and try again.")}}),console.log("[initUI] Buttons found:",{measureCircle:!!u,measureLine:!!f,measureArea:!!p,draw:!!h,clear:!!g});const y=[u,f,p,h],w=(_,E)=>{switch(console.log("[setMode] Changing mode from",z,"to",_),z=_,console.log("[setMode] currentMode is now:",z),y.forEach(T=>{T&&T.classList.toggle("active",T===E)}),ae?.deactivate(),_!=="draw"&&v?.setEditMode(!1),_!=="draw"&&v?.hideAddLocationPopup(),_){case"measureCircle":ae?.startCircleMeasure();break;case"measureLine":ae?.startLineMeasure();break;case"measureArea":ae?.startAreaMeasure();break;case"draw":v?.setEditMode(!0);break}};u&&u.addEventListener("click",()=>{console.log("[Button] Circle clicked, currentMode is:",z),z==="measureCircle"?w("none",null):w("measureCircle",u)}),f&&f.addEventListener("click",()=>{console.log("[Button] Line clicked, currentMode is:",z),z==="measureLine"?w("none",null):w("measureLine",f)}),p&&p.addEventListener("click",()=>{console.log("[Button] Area clicked, currentMode is:",z),z==="measureArea"?w("none",null):w("measureArea",p)}),h&&h.addEventListener("click",()=>{console.log("[Button] Draw clicked, currentMode is:",z),z==="draw"?w("none",null):w("draw",h)}),g&&g.addEventListener("click",()=>{if(ae?.clearMeasurements(),z.startsWith("measure"))switch(ae?.deactivate(),z){case"measureCircle":ae?.startCircleMeasure();break;case"measureLine":ae?.startLineMeasure();break;case"measureArea":ae?.startAreaMeasure();break}})}async function Kt(){try{console.log("[App] Loading locations...");const o=await In();console.log("[App] Locations loaded:",o),Ji(o),v&&(v.clearMarkers(),o.length>0&&(v.addMarkers(o),v.showMarkers(),console.log("[App] Added",o.length,"markers to map")));const e=document.getElementById("location-count");e&&(e.textContent=o.length)}catch(o){console.error("[App] Failed to load locations:",o)}}function Yi(o){const e=o.get("name"),t=o.get("description"),r=o.get("category"),n=o.get("lon")||o.get("longitude"),s=o.get("lat")||o.get("latitude");console.log("[App] Selected location:",{name:e,description:t,category:r,lon:n,lat:s})}function Ji(o){const e=document.getElementById("locations-list");if(!e)return;const t=document.getElementById("location-count-mobile");if(t&&(t.textContent=o.length),o.length===0){e.innerHTML=`
|
||
<div class="text-center text-muted py-4">
|
||
<p class="mb-0">No locations yet.</p>
|
||
<small>Click the map or fill the form above!</small>
|
||
</div>
|
||
`;return}const r={water:"💧",school:"🏫",health:"🏥",market:"🏪",default:"📍",other:"📌"};e.innerHTML=o.map(n=>{const s=r[n.category]||"📍";return`
|
||
<a href="#" class="list-group-item list-group-item-action location-item py-2"
|
||
data-id="${n.id}" data-lon="${n.longitude}" data-lat="${n.latitude}">
|
||
<div class="d-flex w-100 justify-content-between align-items-start">
|
||
<div>
|
||
<h6 class="mb-1">${s} ${U(n.name)}</h6>
|
||
<small class="text-muted font-monospace">${n.latitude.toFixed(5)}, ${n.longitude.toFixed(5)}</small>
|
||
</div>
|
||
<span class="badge badge-${n.category}">${n.category}</span>
|
||
</div>
|
||
${n.description?`<small class="text-secondary d-block mt-1">${U(n.description)}</small>`:""}
|
||
</a>
|
||
`}).join(""),e.querySelectorAll(".location-item").forEach(n=>{n.addEventListener("click",s=>{s.preventDefault();const a=parseFloat(n.dataset.lon),i=parseFloat(n.dataset.lat),l=parseInt(n.dataset.id);v?.showMarkers(),v?.zoomTo(a,i,14),v?.selectMarker(l)})})}async function Ct(){const o=document.getElementById("local-data-stats"),e=document.getElementById("local-data-tbody"),t=document.getElementById("clear-all-cached-btn");if(!(!o||!e)){try{const r=await bs();e.innerHTML=r.map(n=>{const a=Fn(n.name)?`<button type="button" class="btn btn-sm btn-link text-danger p-0 table-clear-btn"
|
||
data-table="${U(n.name)}"
|
||
title="Clear local cache (will re-download from server)">
|
||
<i class="bi bi-trash3"></i>
|
||
</button>`:"";return`
|
||
<tr>
|
||
<td class="ps-3">
|
||
<a href="#" class="table-name-link" data-table="${U(n.name)}">${U(n.name)}</a>
|
||
</td>
|
||
<td class="text-end"><span class="badge bg-secondary">${n.count}</span></td>
|
||
<td class="text-end pe-3">${a}</td>
|
||
</tr>
|
||
`}).join(""),o.classList.remove("d-none"),e.querySelectorAll(".table-name-link").forEach(n=>{n.addEventListener("click",s=>{s.preventDefault(),Qi(n.dataset.table)})}),e.querySelectorAll(".table-clear-btn").forEach(n=>{n.addEventListener("click",async s=>{s.preventDefault();const a=n.dataset.table;if(confirm(`Clear local cache for "${a}"?
|
||
|
||
The data will be re-downloaded from the server on the next app start.`))try{const i=await On(a);ge(`Cleared ${i} row${i===1?"":"s"} from "${a}". It will re-download on next start.`),await Ct()}catch(i){console.error("[App] Per-table clear failed:",i),O(`Could not clear "${a}": ${i.message}`)}})})}catch(r){console.error("[App] Failed to load table stats:",r),e.innerHTML='<tr><td colspan="3" class="text-danger ps-3">Failed to load</td></tr>',o.classList.remove("d-none")}t&&!t._wired&&(t._wired=!0,t.addEventListener("click",Zi))}}async function Zi(){if(confirm(`Delete all cached map layers from this device?
|
||
|
||
The next time the app starts (or after a reload), every layer will be re-downloaded from the server. Your locally drawn data is not affected.`))try{const o=await bo(),e=o.reduce((t,r)=>t+r.count,0);ge(`Cleared ${e} row${e===1?"":"s"} across ${o.length} table${o.length===1?"":"s"}.`),await Ct(),confirm("Reload the app now to re-download the layers fresh from the server?")&&window.location.reload()}catch(o){console.error("[App] Clear-all failed:",o),O("Failed to clear cached layers: "+o.message)}}async function Qi(o){const e=document.getElementById("tableContentModalLabel"),t=document.getElementById("table-content-body"),r=document.getElementById("table-content-info");e.textContent=`Table: ${o}`,t.innerHTML=`
|
||
<div class="text-center py-4">
|
||
<div class="spinner-border text-primary" role="status">
|
||
<span class="visually-hidden">Loading...</span>
|
||
</div>
|
||
</div>
|
||
`,r.textContent="",new lt(document.getElementById("tableContentModal")).show();try{const{columns:s,rows:a}=await ws(o);if(a.length===0){t.innerHTML='<div class="text-center text-muted py-4">Table is empty</div>',r.textContent="0 rows";return}const i=s.map(c=>`<th class="text-nowrap">${U(c)}</th>`).join(""),l=a.map(c=>`<tr>${s.map(u=>{let f=c[u];if(f==null)return'<td class="text-muted fst-italic">NULL</td>';f=String(f);const p=f.length>120?f.substring(0,120)+"...":f;return`<td>${U(p)}</td>`}).join("")}</tr>`).join("");t.innerHTML=`
|
||
<div class="table-responsive">
|
||
<table class="table table-sm table-striped table-hover mb-0" style="font-size:12px;">
|
||
<thead class="table-light">
|
||
<tr>${i}</tr>
|
||
</thead>
|
||
<tbody>${l}</tbody>
|
||
</table>
|
||
</div>
|
||
`,r.textContent=`${a.length}${a.length>=200?"+":""} row(s), ${s.length} column(s)`}catch(s){console.error("[App] Failed to load table content:",s),t.innerHTML=`<div class="text-danger text-center py-4">Failed to load: ${U(s.message)}</div>`}}async function el(){try{await ms("lupmis-backup.sqlite3"),ge("Database exported successfully")}catch(o){console.error("[App] Export failed:",o),O("Export failed: "+o.message)}}async function tl(){try{const o=await ys(),e=new Blob([JSON.stringify(o,null,2)],{type:"application/json"}),t=URL.createObjectURL(e),r=document.createElement("a");r.href=t,r.download="locations.geojson",r.click(),URL.revokeObjectURL(t),ge(`Exported ${o.features.length} location(s)`)}catch(o){console.error("[App] GeoJSON Export failed:",o),O("GeoJSON Export failed: "+o.message)}}async function ol(){try{const o=await yo(),e=document.getElementById("status-content");e&&(e.innerHTML=`
|
||
<table class="table table-sm table-borderless mb-0">
|
||
<tbody>
|
||
<tr>
|
||
<td class="fw-semibold">Ready:</td>
|
||
<td><span class="badge ${o.ready?"bg-success":"bg-danger"}">${o.ready?"Yes":"No"}</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-semibold">Online:</td>
|
||
<td><span class="badge ${K()?"bg-success":"bg-warning"}">${K()?"Yes":"Offline"}</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-semibold">Database:</td>
|
||
<td><code>${o.databasePath||"N/A"}</code></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-semibold">Tables:</td>
|
||
<td>${o.tables.map(r=>`<span class="badge bg-secondary me-1">${r}</span>`).join("")}</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-semibold">Locations:</td>
|
||
<td><span class="badge bg-primary">${o.locationCount}</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
`),new lt(document.getElementById("statusModal")).show()}catch(o){console.error("[App] Failed to get status:",o),O("Failed to get status")}}function ar(o){return o.replace(/^\(+/,"").replace(/\)+$/,"").split(",").map(e=>{const[t,r]=e.trim().split(/\s+/).map(Number);return[t,r]})}function nl(o){return{type:"Polygon",coordinates:o.trim().replace(/^POLYGON\s*\(\s*/i,"").replace(/\s*\)$/,"").split("),(").map(ar)}}function rl(o){return{type:"MultiPolygon",coordinates:o.trim().replace(/^MULTIPOLYGON\s*\(\s*/i,"").replace(/\s*\)$/,"").split(")),((").map(n=>n.replace(/^\(+/,"").replace(/\)+$/,"").split("),(").map(ar))}}function ct(o){if(!o)return null;const e=o.trim().toUpperCase();return e.startsWith("MULTIPOLYGON")?rl(o):e.startsWith("POLYGON")?nl(o):(console.warn("[App] Unsupported WKT type:",e.substring(0,30)),null)}function sl(o){if(!o?.success||!o?.data?.boundary)return console.warn("[App] API response missing success or boundary data"),null;const{boundary:e,districtid:t,district_name:r}=o.data,n=ct(e);return{type:"FeatureCollection",features:[{type:"Feature",properties:{districtid:t,district_name:r},geometry:n}]}}function cn(o){if(!Array.isArray(o)||o.length===0)return null;const e=[];for(const t of o){const r=t.polygon||t.boundary,n=ct(r);if(!n)continue;const s={_layerType:"collector_zone"};for(const[a,i]of Object.entries(t))a==="polygon"||a==="boundary"||(s[a]=i);e.push({type:"Feature",properties:s,geometry:n})}return e.length===0?null:{type:"FeatureCollection",features:e}}const uo="lupmis-last-district";function al(o){return o==null||String(o).length===0?"district_boundary":`district_boundary_${o}`}async function il(){const e=Ke()?.district_id;if(e==null||String(e).length===0)return;const t=String(e);let r=null;try{r=localStorage.getItem(uo)}catch{}if(r!==null&&r!==t){console.warn(`[App] District changed ${r} → ${t}; clearing cached layers.`);try{await bo(),So("Your district was updated — refreshing map data.")}catch(n){console.error("[App] Failed to clear caches on district change:",n)}}try{localStorage.setItem(uo,t)}catch{}}async function ll(){const o=Ke()?.district_id??null,e=al(o),t=1,r={strokeColor:"#e11d48",strokeWidth:2.5,fillColor:"rgba(225,29,72,0.08)",typeDescription:"Vector / Polygon"},n=v?.getLayerGroup(t)||null;function s(i){if(!i)return;const l=i.getLayers(),c=[];l.forEach(d=>{d.get("title")==="District Boundary"&&c.push(d)}),c.forEach(d=>l.remove(d))}function a(i){if(!i||!v)return;const l=i.getSource().getExtent();l&&l[0]!==1/0&&v.getMap().getView().fit(l,{padding:[40,40,40,40],duration:600})}try{const i=K()&&ke(),l=await Mn(e);if(l){console.log("[App] District boundary loaded from local cache");const c=v?.addGeoJSONLayer(l,"District Boundary",r,n);i||a(c)}if(i){console.log("[App] Fetching district boundary from API...");const c=await $a(),d=sl(c);if(!d){console.warn("[App] Could not convert API response to GeoJSON");return}console.log("[App] District boundary:",d.features[0]?.properties?.district_name,"→",d.features[0]?.geometry?.coordinates?.length,"polygon(s)"),await Pn(e,d),l&&s(n||v?.getOverlayGroup());const u=v?.addGeoJSONLayer(d,"District Boundary",r,n);a(u),console.log("[App] District boundary loaded from API")}else l||console.log("[App] District boundary not available — offline and no local cache")}catch(i){console.error("[App] Failed to load district boundary:",i)}}function dn(o){if(!Array.isArray(o)||o.length===0)return null;const e=[];for(const t of o){const r=t.polygon||t.geometry_wkt||t.geom,n=ct(r);n&&e.push({type:"Feature",properties:{_layerType:"upn_grid",upn_prefix:t.upn_prefix??null},geometry:n})}return e.length===0?null:{type:"FeatureCollection",features:e}}async function cl(){const e={strokeColor:"#5b21b6",strokeWidth:1.5,fillColor:"rgba(124,58,237,0.04)",typeDescription:"Vector / Polygon"},t=v?.getLayerGroup(1)||null,r={type:"FeatureCollection",features:[]},n=v?.addGeoJSONLayer(r,"UPN Grid",e,t);if(!n){console.warn("[App] Could not create UPN Grid layer");return}n.setVisible(!1);const s=7;n.setStyle((i,l)=>{const c=[new M({stroke:new I({color:"rgba(255,255,255,0.95)",width:3.5})}),new M({stroke:new I({color:"#5b21b6",width:1.5,lineDash:[7,4]}),fill:new A({color:"rgba(124,58,237,0.04)"})})];if(l<=s){const d=i.get("upn_prefix");d!=null&&String(d).length>0&&c.push(new M({text:new We({text:String(d),font:"600 12px Arial, sans-serif",fill:new A({color:"#3b0764"}),stroke:new I({color:"rgba(255,255,255,0.95)",width:3}),overflow:!0})}))}return c}),n.on("change:visible",()=>{n.getVisible()&&n.getSource().getFeatures().length===0&&O("No UPN grid available locally. Connect to the internet to download it.")});function a(i){const l=new le().readFeatures(i,{featureProjection:"EPSG:3857"});n.getSource().clear(),n.getSource().addFeatures(l)}try{const l=Ke()?.district_id??null,c=await Qr(l);if(c){const p=dn(c);p&&a(p),console.log("[App] UPN grid from cache:",c.length,"cells (district",l,")");return}if(!K()||!ke()){console.log("[App] UPN grid not available — offline and no cache for district",l);return}console.log("[App] Fetching UPN grid from API (district",l,")...");const d=await Ha();if(!d?.success||!Array.isArray(d?.data)){console.warn("[App] getUpnGrid invalid response:",d);return}const u=d.data;console.log("[App] UPN grid from API:",u.length,"cells"),await Zr(u,l);const f=dn(u);f&&a(f),console.log("[App] UPN grid loaded:",f?.features.length??0,"cells rendered")}catch(i){console.error("[App] Failed to load UPN grid:",i)}}async function dl(){const e={strokeColor:"#7c3aed",strokeWidth:1.5,fillColor:"rgba(124,58,237,0.12)",typeDescription:"Vector / Polygon"},t=v?.getLayerGroup(1)||null;console.log("[App] loadCollectorZones — adminGroup:",t?t.get("title"):"null");const r={type:"FeatureCollection",features:[]},n=v?.addGeoJSONLayer(r,"Zones",e,t);if(!n){console.warn("[App] Could not create Zones layer");return}n.setVisible(!1),n.on("change:visible",()=>{n.getVisible()&&n.getSource().getFeatures().length===0&&O("No collector zones available locally. Connect to the internet to download zone data.")});function s(a){const i=new le().readFeatures(a,{featureProjection:"EPSG:3857"});n.getSource().clear(),n.getSource().addFeatures(i)}try{const a=await Jr();if(a){const i=cn(a);i&&(console.log("[App] Collector zones loaded from local cache:",i.features.length,"zones"),s(i))}if(K()&&ke()){console.log("[App] Fetching collector zones from API...");const i=await Ga();if(!i?.success||!Array.isArray(i?.data)){console.warn("[App] getCollectorZones API response invalid:",i);return}const l=i.data;console.log("[App] Collector zones from API:",l.length,"entries"),await Yr(l);const c=cn(l);if(!c){console.warn("[App] Could not convert zones to GeoJSON");return}s(c),console.log("[App] Collector zones updated from API:",c.features.length,"zones")}else a||console.log("[App] Collector zones not available — offline and no local cache")}catch(a){console.error("[App] Failed to load collector zones:",a)}}function un(o){if(!Array.isArray(o)||o.length===0)return null;const e=new Set,t=[];for(const r of o){const n=r.id||r.parcelid||r.parcel_id;if(n!=null){if(e.has(n))continue;e.add(n)}let s=null;if(r.geom&&r.geom.type&&r.geom.coordinates)s={type:r.geom.type,coordinates:r.geom.coordinates};else if(r.sp_boundary&&r.sp_boundary.type&&r.sp_boundary.coordinates)s={type:r.sp_boundary.type,coordinates:r.sp_boundary.coordinates};else{const l=r.boundary||r.geometry_wkt||r.polygon||r.wkt;s=ct(l)}if(!s)continue;const a=new Set(["polygon","boundary","geom","geometry_wkt","wkt","textboundary","sp_boundary","fetched_at"]),i={_layerType:"parcel"};for(const[l,c]of Object.entries(r))a.has(l)||(i[l]=c);t.push({type:"Feature",properties:i,geometry:s})}return t.length===0?null:{type:"FeatureCollection",features:t}}async function ul(){const e={strokeColor:"#0ea5e9",strokeWidth:1.5,fillColor:"rgba(14,165,233,0.12)",typeDescription:"Vector / Polygon"},t=v?.getLayerGroup(4)||null;console.log("[App] loadParcels — landUseGroup:",t?t.get("title"):"null");const r={type:"FeatureCollection",features:[]};if(ie=v?.addGeoJSONLayer(r,"Parcels",e,t),!ie){console.warn("[App] Could not create Parcels layer");return}ie.setVisible(!1),ie.on("change:visible",()=>{ie.getVisible()&&ie.getSource().getFeatures().length===0&&O("No parcels available locally. Connect to the internet to download parcel data.")});function n(s){const a=new le().readFeatures(s,{featureProjection:"EPSG:3857"});ie.getSource().clear(),ie.getSource().addFeatures(a)}try{const s=await ls();if(s){const a=un(s);a&&(console.log("[App] Parcels loaded from local cache:",a.features.length,"parcels"),n(a))}if(K()&&ke()){console.log("[App] Fetching parcels from API...");const a=await Ua();if(!a?.success||!Array.isArray(a?.data)){console.warn("[App] getDistrictParcels API response invalid:",a);return}const i=a.data;console.log("[App] Parcels from API:",i.length,"entries"),i.length>0&&console.log("[App] First parcel keys:",Object.keys(i[0])),await is(i);const l=un(i);if(!l){console.warn("[App] Could not convert parcels to GeoJSON");return}n(l),console.log("[App] Parcels updated from API:",l.features.length,"parcels")}else s||console.log("[App] Parcels not available — offline and no local cache")}catch(s){console.error("[App] Failed to load parcels:",s)}}function pn(o){if(!Array.isArray(o)||o.length===0)return null;const e=["polygon","boundary","geom","wkt","footprint"],t=[];for(const r of o){const n=r.polygon||r.boundary||r.geom||r.wkt||r.footprint;let s;if(typeof n=="object"&&n!==null&&n.type?s=n:s=ct(n),!s)continue;const a={_layerType:"building_footprint"};for(const[i,l]of Object.entries(r))e.includes(i)||typeof l=="object"&&l!==null||(a[i]=l);t.push({type:"Feature",properties:a,geometry:s})}return t.length===0?null:{type:"FeatureCollection",features:t}}async function pl(){const e={strokeColor:"#8b6f47",strokeWidth:1,fillColor:"rgba(139,111,71,0.18)",typeDescription:"Vector / Polygon"},t=v?.getLayerGroup(5)||null;console.log("[App] loadBuildingFootprints — physInfraGroup:",t?t.get("title"):"null");const r={type:"FeatureCollection",features:[]},n=v?.addGeoJSONLayer(r,"Building footprints",e,t);if(!n){console.warn("[App] Could not create Building footprints layer");return}n.setVisible(!1),n.on("change:visible",()=>{n.getVisible()&&n.getSource().getFeatures().length===0&&O("No building footprints available locally. Connect to the internet to download footprint data.")});function s(a){const i=new le().readFeatures(a,{featureProjection:"EPSG:3857"});n.getSource().clear(),n.getSource().addFeatures(i)}try{const a=await ps();if(a){const i=pn(a);i&&(console.log("[App] Building footprints loaded from local cache:",i.features.length,"footprints"),s(i))}if(K()&&ke()){console.log("[App] Fetching building footprints from API...");const i=await ja();if(!i?.success||!Array.isArray(i?.data)){console.warn("[App] getBuildingFootprints API response invalid:",i);return}const l=i.data;console.log("[App] Building footprints from API:",l.length,"entries"),l.length>0&&console.log("[App] First footprint keys:",Object.keys(l[0])),await us(l);const c=pn(l);if(!c){console.warn("[App] Could not convert building footprints to GeoJSON");return}s(c),console.log("[App] Building footprints updated from API:",c.features.length,"footprints")}else a||console.log("[App] Building footprints not available — offline and no local cache")}catch(a){console.error("[App] Failed to load building footprints:",a)}}function ir(o,e){if(!Array.isArray(o)||o.length===0)return null;const t=new ho,r=new le,n=["geom","geometry","wkt","polygon","boundary","road","line"],s=[];for(const a of o){const i=a.geom||a.geometry||a.wkt||a.polygon||a.boundary||a.road||a.line;if(!i)continue;let l;try{if(typeof i=="object"&&i!==null&&i.type){s.push({type:"Feature",properties:fn(a,n,e),geometry:i});continue}l=t.readGeometry(i)}catch(d){console.warn(`[App] Could not parse WKT for ${e}:`,d,i?.toString().slice(0,60));continue}const c=JSON.parse(r.writeGeometry(l));s.push({type:"Feature",properties:fn(a,n,e),geometry:c})}return s.length===0?null:{type:"FeatureCollection",features:s}}function fn(o,e,t){const r={_layerType:t};for(const[n,s]of Object.entries(o))e.includes(n)||typeof s=="object"&&s!==null||(r[n]=s);return r}async function fl(){const o={strokeColor:"#78716c",strokeWidth:.8,typeDescription:"Vector / Line",fillColor:"rgba(0,0,0,0)",declutter:!0},e=v?.getLayerGroupByTitle("Biophysical Environment");console.log("[App] loadContoursHillshade — group:",e?e.get("title"):"null");const t={type:"FeatureCollection",features:[]},r=v?.addGeoJSONLayer(t,"Contours hillshade",o,e);if(!r){console.warn("[App] Could not create Contours hillshade layer");return}r.setVisible(!1);const n=10;if(r.setStyle((s,a)=>{const i=[new M({stroke:new I({color:"#78716c",width:.8})})];if(a<=n){const l=s.get("elev");l!=null&&l!==""&&i.push(new M({text:new We({text:String(l),font:"600 11px Arial, sans-serif",fill:new A({color:"#57534e"}),stroke:new I({color:"rgba(255,255,255,0.95)",width:3}),overflow:!0})}))}return i}),r.on("change:visible",()=>{r.getVisible()&&r.getSource().getFeatures().length===0&&O("No Contours hillshade data available. Connect to the internet to download it.")}),!K()||!ke()){console.log("[App] Contours hillshade not available — offline or server unreachable");return}try{console.log("[App] Fetching contours_hillshade from API...");const s=await za(),a=Array.isArray(s)?s:Array.isArray(s?.data)?s.data:null;if(!a){console.warn("[App] getContoursHillshade API response invalid:",s);return}console.log("[App] Contours hillshade from API:",a.length,"rows"),a.length>0&&console.log("[App] First row keys:",Object.keys(a[0]));const i=ir(a,"contours_hillshade");if(!i){console.warn("[App] Could not convert contours to GeoJSON");return}const l=new le().readFeatures(i,{featureProjection:"EPSG:3857"});r.getSource().clear(),r.getSource().addFeatures(l),console.log("[App] Contours hillshade loaded:",l.length,"features")}catch(s){console.error("[App] Failed to load contours_hillshade:",s)}}async function hl(){const e={strokeColor:"#F0F1F0",strokeWidth:1.5,lineCasingColor:"#000000",lineCasingWidth:3.5,fillColor:"rgba(0,0,0,0)",typeDescription:"Vector / Line"},t=v?.getLayerGroup(5)||null;console.log("[App] loadOSMRoads — group:",t?t.get("title"):"null");const r={type:"FeatureCollection",features:[]},n=v?.addGeoJSONLayer(r,"OSM_roads",e,t);if(!n){console.warn("[App] Could not create OSM_roads layer");return}n.setVisible(!1),n.on("change:visible",()=>{n.getVisible()&&n.getSource().getFeatures().length===0&&O("No OSM roads available locally. Connect to the internet to download them.")});function s(a){const i=ir(a,"osm_road");if(!i)return console.warn("[App] Could not convert OSM roads to GeoJSON"),0;const l=new le().readFeatures(i,{featureProjection:"EPSG:3857"});return n.getSource().clear(),n.getSource().addFeatures(l),l.length}try{const a=await hs();if(a){const i=s(a);console.log("[App] OSM_roads loaded from local cache:",i,"features")}if(K()&&ke()){console.log("[App] Fetching OSM_roads from API...");const i=await qa();if(!i?.success||!Array.isArray(i?.data)){console.warn("[App] getOSMRoads API response invalid:",i);return}const l=i.data;console.log("[App] OSM_roads from API:",l.length,"rows"),l.length>0&&console.log("[App] First row keys:",Object.keys(l[0])),await fs(l);const c=s(l);console.log("[App] OSM_roads updated from API:",c,"features")}else a||console.log("[App] OSM_roads not available — offline and no local cache")}catch(a){console.error("[App] Failed to load OSM_roads:",a)}}function gl(){v?.addWMSLayer("Biophysical Environment","DEAfrica Coastlines v0.4","https://geoserver.digitalearth.africa/geoserver/wms","coastlines:DEAfrica_Coastlines",{serverType:"geoserver",visible:!1,onlineOnly:!0}),v?.addWMSLayer("Biophysical Environment","DEAfrica Slope (SRTM 30m)","https://ows.digitalearth.africa/wms","srtm_deriv",{serverType:null,style:"style_slope",visible:!1,opacity:.5,zIndex:-50,onlineOnly:!0,attributions:'© <a href="https://www.digitalearthafrica.org/">Digital Earth Africa</a> — SRTM-derived Slope',legendUrl:"https://ows.digitalearth.africa/legend/srtm_deriv/style_slope/legend.png"})}async function ml(){const o="layer_categories";function e(t){const r=[...t].sort((n,s)=>s.id-n.id);for(const n of r)v?.addLayerGroup(n.id,n.name,n.description||"");console.log("[App] Created",t.length,"layer groups on map")}try{const t=await Mn(o);if(t&&(console.log("[App] Layer categories loaded from local cache:",t.length,"entries"),e(t)),K()&&ke()){console.log("[App] Fetching layer categories from API...");const r=await Ba();if(!r?.success||!Array.isArray(r?.data)){console.warn("[App] getLayers API response invalid:",r);return}const n=r.data;if(console.log("[App] Layer categories from API:",n.length,"entries"),await Pn(o,n),t){const s=v?.getOverlayGroup()?.getLayers();if(s){const a=[];s.forEach(i=>{i.get("layerId")!==void 0&&a.push(i)}),a.forEach(i=>s.remove(i))}}e(n),console.log("[App] Layer categories refreshed from API")}else t||console.log("[App] Layer categories not available — offline and no local cache")}catch(t){console.error("[App] Failed to load layer categories:",t)}}async function yl(){if(!K()){console.log("[App] Cannot sync - offline");return}console.log("[App] Sync placeholder - implement based on your backend")}const pe=[],bl={strokeColor:"#e11d48",strokeWidth:2,fillColor:"rgba(225,29,72,0.12)"};function oe(o){Ft("error",o);const e=document.getElementById("file-import-alert");e&&(e.querySelector(".message-text").textContent=o,e.classList.remove("d-none"),setTimeout(()=>e.classList.add("d-none"),8e3))}function Eo(o,e,t){const r=Array.isArray(o)?o:[o];let n=0;for(const a of r){if(!a||a.type!=="FeatureCollection"||!a.features?.length)continue;const i=a.fileName?a.fileName.replace(/\.[^/.]+$/,""):e,l=v?.addGeoJSONLayer(a,i,bl);l&&(l.set("removable",!0),l.set("typeTag","GEO"),pe.push(l),n+=a.features.length,vl(a,i,l).catch(c=>console.warn("[FileImport] Staging failed (layer remains view-only):",c)))}if(n===0){ue(),oe("No features found in the file.");return}console.log(`[${t}] Added ${n} feature(s) from ${r.length} layer(s)`);const s=pe[pe.length-1];if(s){const a=s.getSource().getExtent();v?.getMap().getView().fit(a,{padding:[50,50,50,50],maxZoom:18})}xo()}const wl=new ho;function _l(o){return wl.writeGeometry(o,{dataProjection:"EPSG:4326",featureProjection:"EPSG:3857"})}async function vl(o,e,t){const r=o?.features?.length??0;if(r===0){ue();return}const{id:n}=await es({filename:e||"imported dataset",targetType:"other",featureCount:r});t.set("_externalImportId",n);const a=t.getSource().getFeatures().map(i=>{const l=i.getGeometry(),c=El();return i.set("_externalImportId",n),i.set("_clientUuid",c),{client_uuid:c,geometry_wkt:l?_l(l):"",properties:xl(i.getProperties())}});await ts(n,a),t.getSource().on("removefeature",async i=>{const l=i.feature,c=l?.get("_clientUuid"),d=l?.get("_externalImportId");if(!(!c||d==null))try{await as(c),console.log("[FileImport] Removed feature from staging:",c)}catch(u){console.warn("[FileImport] Failed to remove staging row:",u)}}),ue(),hi({importId:n,filename:e,fc:o,onResult:async i=>{try{await Sl(n,t,i)}catch(l){console.error("[FileImport] Failed to apply mapping result:",l),O("Could not save the import mapping: "+l.message)}}})}function El(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,o=>{const e=Math.random()*16|0;return(o==="x"?e:e&3|8).toString(16)})}function xl(o){const e={};for(const[t,r]of Object.entries(o||{}))t!=="geometry"&&(e[t]=r);return e}async function Sl(o,e,t){if(!t||t.action==="cancel"){e?.set("_externalImportStatus","other"),He(e);return}const{action:r,targetType:n,mapping:s}=t;if(!n||n==="other"){await kt(o,{targetType:"other",mapping:null,status:"other"}),e?.set("_externalImportStatus","other"),He(e);return}await rs(o,a=>ci(a,s)),await kt(o,{targetType:n,mapping:s,status:"mapped"}),e?.set("_externalImportStatus","mapped"),e?.set("_externalImportTargetType",n),He(e),r==="upload"&&await lr(o,e)}async function lr(o,e){e?.set("_externalImportStatus","uploading"),He(e);try{await kt(o,{status:"uploading"});const t=await os(o),r=await ns(o),s={user_id_upload:Ke()?.user_id??null,import:{client_import_id:t.client_import_id,filename:t.filename,feature_count:r.length},features:r.map(a=>({client_uuid:a.client_uuid,geom:a.geometry_wkt,props:a.properties}))};console.log("[Upload]",{endpoint:`upload_${t.target_type}.php (not yet available on the server)`,target_type:t.target_type,body:s}),await kt(o,{status:"mapped",lastUploadedAt:new Date().toISOString()}),e?.set("_externalImportStatus","mapped"),He(e),So("The server upload endpoint is not yet available. The data stays staged locally — you can upload again later.")}catch(t){console.error("[Upload] Stub failed:",t),e?.set("_externalImportStatus","mapped"),He(e),O("Upload preparation failed: "+t.message)}}window.addEventListener("lupmis:export-gis",o=>{Vi(o.detail||{})});window.addEventListener("lupmis:analyse-features",async o=>{if(!v)return;const e=o.detail||{},t=[...e.parcelFeatures||[],...e.zoneFeatures||[],...Object.values(e.otherByLayer||{}).flat()];try{const{openAnalysisModal:r}=await Le(async()=>{const{openAnalysisModal:n}=await import("./analysis-modal-BJxejC9Q.js");return{openAnalysisModal:n}},__vite__mapDeps([7,3,8,9,1,2,10,11,12]));r(v,{scopeFeatures:t,scopeLabel:e.title||"drawn area"})}catch(r){console.error("[App] Could not load the Analysis panel:",r),O("Analysis tools could not be loaded — check your connection and try again.")}});window.addEventListener("lupmis:import-chip-click",o=>{const{importId:e,status:t,layer:r}=o.detail||{};t==="mapped"&&lr(e,r).catch(n=>console.error("[FileImport] runUpload failed:",n))});function He(o){if(!o||!v)return;const e=v.getMap()?.getControls()?.getArray()?.find(t=>t?.constructor?.name==="LayerSwitcher"||t?.element?.classList?.contains("ol-layerswitcher"));e&&typeof e.drawPanel=="function"&&e.drawPanel()}function xo(){const o=document.getElementById("imported-layers-info");if(!o)return;if(pe.length===0){o.innerHTML="",o.classList.add("d-none");return}o.innerHTML=`
|
||
<div class="card">
|
||
<div class="card-header bg-primary py-2 d-flex justify-content-between align-items-center">
|
||
<h6 class="mb-0"><i class="bi bi-layers me-2"></i>Imported Layers</h6>
|
||
<button type="button" class="btn btn-sm btn-outline-light" id="remove-imported-layers" title="Remove all imported layers">
|
||
<i class="bi bi-trash"></i>
|
||
</button>
|
||
</div>
|
||
<ul class="list-group list-group-flush" id="imported-layers-list"></ul>
|
||
</div>`;const e=o.querySelector("#imported-layers-list");pe.forEach((t,r)=>{const n=document.createElement("li");n.className="list-group-item d-flex justify-content-between align-items-center py-2",n.innerHTML=`<small class="text-truncate me-2">${U(t.get("title"))}</small>
|
||
<span class="d-flex align-items-center gap-2 flex-shrink-0">
|
||
<span class="badge" style="background-color:var(--primary);color:var(--primary-foreground);">${t.getSource().getFeatures().length}</span>
|
||
<button type="button" class="btn btn-sm btn-outline-danger border-0 p-0 lh-1" data-remove-idx="${r}" title="Remove layer">
|
||
<i class="bi bi-x-lg" style="font-size:.75rem;"></i>
|
||
</button>
|
||
</span>`,e.appendChild(n)}),o.classList.remove("d-none"),o.querySelectorAll("[data-remove-idx]").forEach(t=>{t.addEventListener("click",()=>{Tl(Number(t.dataset.removeIdx))})}),o.querySelector("#remove-imported-layers")?.addEventListener("click",()=>{Ll()})}function Tl(o){if(o<0||o>=pe.length)return;const e=pe[o],t=v?.getOverlayGroup();t&&t.getLayers().remove(e),pe.splice(o,1),xo(),console.log("[FileImport] Removed layer:",e.get("title"))}function Ll(){const o=v?.getOverlayGroup();if(o)for(const e of pe)o.getLayers().remove(e);pe.length=0,xo(),console.log("[FileImport] All imported layers removed")}function cr(o){const e={};for(const t of o){const r=t.name.split(".").pop().toLowerCase();e[r]=t}return e}async function dr(o){const e=o.target.files;if(!e||e.length===0)return;const t=200*1024*1024,r=Array.from(e).reduce((n,s)=>n+s.size,0);if(r>t){const n=(r/1048576).toFixed(0);oe(`Files too large (${n} MB total). Maximum supported size is 200 MB.`),o.target.value="";return}vo(e[0]?.name||"shapefile");try{let n,s;const a=cr(e);if(a.zip){const i=a.zip;s=i.name.replace(/\.zip$/i,""),console.log("[ShpImport] Parsing zip",i.name,"("+(i.size/1024).toFixed(1)+" KB)"),n=await(await an())(await i.arrayBuffer())}else if(a.shp){s=a.shp.name.replace(/\.shp$/i,"");const l=["dbf","shx","prj"].filter(u=>!a[u]);if(l.length>0){ue(),oe("Missing required file(s): "+l.map(u=>"."+u).join(", ")+". Please select .shp, .dbf, .shx and .prj together."),o.target.value="";return}const c={};c.shp=await a.shp.arrayBuffer(),c.dbf=await a.dbf.arrayBuffer(),c.prj=await new Response(a.prj).text(),a.cpg&&(c.cpg=await new Response(a.cpg).text()),console.log("[ShpImport] Parsing loose files:",Object.keys(a).map(u=>"."+u).join(", "),"("+(a.shp.size/1024).toFixed(1)+" KB .shp)"),n=await(await an())(c)}else{ue(),oe("Please select a .zip or at least a .shp file."),o.target.value="";return}Eo(n,s,"ShpImport")}catch(n){ue(),console.error("[ShpImport] Failed:",n),oe("Failed to parse shapefile: "+n.message)}o.target.value=""}async function ur(o){const e=o.target.files?.[0];if(!e)return;const t=200*1024*1024;if(e.size>t){const r=(e.size/1048576).toFixed(0);oe(`File too large (${r} MB). Maximum supported size is 200 MB. Consider splitting the file into smaller tiles with ogr2ogr or QGIS.`),o.target.value="";return}vo(e.name);try{const r=await e.text();console.log("[GeoJSONImport] Parsing",e.name,"("+(e.size/1024).toFixed(1)+" KB)");const n=JSON.parse(r);let s;if(n.type==="FeatureCollection")s=n;else if(n.type==="Feature")s={type:"FeatureCollection",features:[n]};else if(n.type&&n.coordinates)s={type:"FeatureCollection",features:[{type:"Feature",geometry:n,properties:{}}]};else{ue(),oe("The file does not contain valid GeoJSON."),o.target.value="";return}const a=e.name.replace(/\.(geo)?json$/i,"");Eo(s,a,"GeoJSONImport")}catch(r){ue(),console.error("[GeoJSONImport] Failed:",r);const n=(e.size/(1024*1024)).toFixed(1);oe(`Failed to import "${e.name}" (${n} MB): ${r.message}`)}o.target.value=""}async function pr(o){const e=o.target.files?.[0];if(!e)return;const t=200*1024*1024;if(e.size>t){const r=(e.size/1048576).toFixed(0);oe(`File too large (${r} MB). Maximum supported size is 200 MB.`),o.target.value="";return}vo(e.name);try{const r=await e.text();console.log("[KMLImport] Parsing",e.name,"("+(e.size/1024).toFixed(1)+" KB)");const s=new gn({extractStyles:!1}).readFeatures(r,{featureProjection:"EPSG:3857"});if(!s||s.length===0){ue(),oe("No features found in the KML file."),o.target.value="";return}const a=new le,i=JSON.parse(a.writeFeatures(s,{featureProjection:"EPSG:3857",dataProjection:"EPSG:4326"})),l=e.name.replace(/\.kml$/i,"");Eo(i,l,"KMLImport")}catch(r){ue(),console.error("[KMLImport] Failed:",r);const n=(e.size/(1024*1024)).toFixed(1);oe(`Failed to import "${e.name}" (${n} MB): ${r.message}`)}o.target.value=""}function kl(){const o=document.querySelector(".map-container");if(!o)return;let e=0;o.addEventListener("dragenter",t=>{t.preventDefault(),e++,o.classList.add("drag-over")}),o.addEventListener("dragover",t=>{t.preventDefault()}),o.addEventListener("dragleave",t=>{t.preventDefault(),e--,e<=0&&(e=0,o.classList.remove("drag-over"))}),o.addEventListener("drop",t=>{t.preventDefault(),e=0,o.classList.remove("drag-over");const r=t.dataTransfer?.files;if(!r||r.length===0)return;const n=cr(r),s=Object.keys(n);if(n.zip||n.shp){const a={target:{files:r,value:""}};Object.defineProperty(a.target,"value",{writable:!0}),dr(a)}else if(n.geojson||n.json){const i={target:{files:[n.geojson||n.json],value:""}};Object.defineProperty(i.target,"value",{writable:!0}),ur(i)}else if(n.kml){const a={target:{files:[n.kml],value:""}};Object.defineProperty(a.target,"value",{writable:!0}),pr(a)}else oe("Unsupported file type(s): "+s.map(a=>"."+a).join(", ")+". Drop .zip, .shp, .geojson, .json, or .kml files.")}),console.log("[FileImport] Map drop zone initialised")}function U(o){const e=document.createElement("div");return e.textContent=o,e.innerHTML}const Il=50,hn={error:{icon:"bi-x-circle-fill",color:"var(--destructive, #dc3545)"},warning:{icon:"bi-exclamation-triangle-fill",color:"var(--warning, #ffc107)"},success:{icon:"bi-check-circle-fill",color:"var(--success, #198754)"},info:{icon:"bi-info-circle-fill",color:"var(--primary, #0d6efd)"}};function Ft(o,e){const t=hn[o]||hn.info;(o==="error"?console.error:o==="warning"?console.warn:console.log)("[App]",e);const n=document.getElementById("message-log");if(!n)return;const s=n.querySelector(".text-muted");s&&s.remove();const a=document.createElement("div");a.className="list-group-item message-log-entry py-2 px-3";const l=new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"});for(a.innerHTML=`<div class="d-flex align-items-start gap-2"><i class="bi ${t.icon} flex-shrink-0 mt-1" style="color:${t.color}"></i><div class="flex-grow-1 text-break"><small>${U(e)}</small></div><small class="text-muted flex-shrink-0 ms-1">${l}</small></div>`,n.prepend(a);n.children.length>Il;)n.lastElementChild.remove()}function Pl(){const o=document.getElementById("clear-message-log");o&&o.addEventListener("click",()=>{const e=document.getElementById("message-log");e&&(e.innerHTML='<div class="text-center text-muted py-3"><small>No messages yet.</small></div>')})}let po=null;function fr(){const o=localStorage.getItem("coord-format");return o==="utm"||o==="both"?o:"latlon"}function hr(){const o=document.getElementById("gps-coords"),e=document.getElementById("gps-utm");if(!o||!po)return;const{lat:t,lon:r}=po,n=`${Yo(t)}, ${Yo(r)}`,s=Ya(t,r),a=fr();a==="utm"?(o.textContent=s,e&&e.classList.add("d-none")):a==="both"?(o.textContent=n,e&&(e.textContent=s,e.classList.remove("d-none"))):(o.textContent=n,e&&e.classList.add("d-none"));const i=document.getElementById("gps-readout");i&&(i.title=`Lat/Lon: ${n}
|
||
UTM: ${s}`)}function Ml(){const o=document.getElementById("gps-readout"),e=document.getElementById("gps-coords"),t=document.getElementById("gps-accuracy"),r=document.getElementById("gps-sats");if(!ve.isSupported){e&&(e.textContent="No GPS");return}ve.on("position",s=>{po=s,hr(),t&&(t.textContent=Za(s.accuracy)),r&&(r.textContent=`${s.satellites!=null?s.satellites:"—"} sat`),o&&(o.classList.add("active"),o.classList.remove("quality-good","quality-fair","quality-poor"),o.classList.add("quality-"+Qa(s.accuracy))),v?.showCurrentPosition(s.lon,s.lat,s.accuracy)}),ve.on("point",s=>{v?.appendTrailPoint(s.point.lon,s.point.lat)}),ve.on("error",s=>{console.warn("[GPS]",s?.message||s),s&&s.code===1&&O("Location permission denied. Enable location access to use GPS.")}),v.onLocateMe(async()=>{try{const s=await ve.getCurrentPosition();v.centerOn(s.lon,s.lat,16)}catch(s){O("Could not get your location: "+(s?.message||s))}}),v.onToggleRecording(async s=>{if(s)try{await No,v.startTrailRender(),v.setRecordingState(!0),o?.classList.add("recording"),await ve.startRecording({name:`Trail ${new Date().toLocaleString()}`}),ge("GPS trail recording started")}catch(a){v.setRecordingState(!1),o?.classList.remove("recording"),O("Could not start recording: "+(a?.message||a))}else try{const a=await ve.stopRecording();if(v.setRecordingState(!1),o?.classList.remove("recording"),a){const i=`Trail saved: ${a.pointCount} points, ${Ja(a.distanceM)}`+(a.synced?" — synced":" — will sync when online");ge(i)}}catch(a){O("Error stopping recording: "+(a?.message||a))}});const n=async()=>{if(K())try{await No;const s=await ve.syncPending();s.pushed&&console.log(`[GPS] Synced ${s.pushed} pending trail(s)`)}catch(s){console.warn("[GPS] pending-sync error",s)}};n(),jn(s=>{s||n()})}function O(o){Ft("error",o);const e=document.getElementById("error-message");e&&(e.querySelector(".message-text").textContent=o,e.classList.remove("d-none"),setTimeout(()=>e.classList.add("d-none"),5e3))}function ge(o){Ft("success",o);const e=document.getElementById("success-message");e&&(e.querySelector(".message-text").textContent=o,e.classList.remove("d-none"),setTimeout(()=>e.classList.add("d-none"),3e3))}function So(o){Ft("warning",o);const e=document.getElementById("warning-message");e&&(e.querySelector(".message-text").textContent=o,e.classList.remove("d-none"),setTimeout(()=>e.classList.add("d-none"),5e3))}function Al(){const o=document.getElementById("fieldwork-mode-toggle");if(!o)return;localStorage.getItem("fieldwork-mode")==="true"&&(document.documentElement.classList.add("fieldwork-mode"),o.checked=!0),o.addEventListener("change",()=>{document.documentElement.classList.toggle("fieldwork-mode",o.checked),localStorage.setItem("fieldwork-mode",o.checked),console.log("[Settings] Fieldwork mode",o.checked?"ON":"OFF")})}function Cl(){const o=document.getElementById("dark-mode-toggle");if(!o)return;function e(r){document.documentElement.classList.toggle("dark-mode",r),document.documentElement.setAttribute("data-bs-theme",r?"dark":"light")}localStorage.getItem("dark-mode")==="true"&&(o.checked=!0,e(!0)),o.addEventListener("change",()=>{e(o.checked),localStorage.setItem("dark-mode",o.checked),console.log("[Settings] Dark mode",o.checked?"ON":"OFF")})}function Fl(){const o=document.getElementById("measurement-system-toggle"),e=document.getElementById("measurement-system-label");if(!o)return;function t(){e&&(e.textContent=o.checked?"Imperial":"Metric")}const r=localStorage.getItem("measurement-system");r==="imperial"&&(o.checked=!0),t(),v?.setScaleBarUnits(r||"metric"),o.addEventListener("change",()=>{const n=o.checked?"imperial":"metric";localStorage.setItem("measurement-system",n),t(),v?.setScaleBarUnits(n),console.log("[Settings] Measurement system:",n)})}function Ol(){const o=document.getElementById("coord-format-select");o&&(o.value=fr(),o.addEventListener("change",()=>{const e=o.value==="utm"||o.value==="both"?o.value:"latlon";localStorage.setItem("coord-format",e),hr(),console.log("[Settings] GPS coordinate format:",e)}))}function Dl(){const o=document.getElementById("default-basemap-select");if(!o)return;const e=localStorage.getItem("default-basemap")||"topo";o.value=e,o.addEventListener("change",()=>{const t=o.value;localStorage.setItem("default-basemap",t),v?.setBaseMap(t),console.log("[Settings] Default base map:",t)}),v?.getMap()?.on("basemapchange",t=>{if(t?.key&&o.value!==t.key){o.value=t.key;try{localStorage.setItem("default-basemap",t.key)}catch{}}})}function Rl(){const o=document.getElementById("tile-cache-stats"),e=document.getElementById("clear-tiles-btn"),t=document.getElementById("offcanvasBottom");if(!o||!e||!t)return;function r(a){return a?a<1024*1024?(a/1024).toFixed(0)+" KB":a<1024*1024*1024?(a/(1024*1024)).toFixed(1)+" MB":(a/(1024*1024*1024)).toFixed(2)+" GB":"0 KB"}let n=null;async function s(){if(n)return n;const a=!!navigator.serviceWorker?.controller;return o.innerHTML=a?'<div class="text-muted fst-italic">Loading…</div>':'<div class="text-muted fst-italic">Initialising service worker…</div>',n=(async()=>{try{const i=await wa();if(!i){o.innerHTML=`
|
||
<div class="text-muted fst-italic">
|
||
Tile cache stats unavailable. Try reloading the page if this persists.
|
||
</div>`;return}const l=i.totals,c=i.byProvider.filter(f=>f.count>0).map(f=>`
|
||
<tr>
|
||
<td>${U(f.label)}</td>
|
||
<td class="text-end">${f.count.toLocaleString()} / ${f.limit.toLocaleString()}</td>
|
||
<td class="text-end">${r(f.estBytes)}</td>
|
||
<td class="text-end pe-0" style="width:2.2rem;">
|
||
<button type="button" class="btn btn-sm btn-link text-danger p-0 provider-clear-btn"
|
||
data-cache="${U(f.key)}" data-label="${U(f.label)}"
|
||
title="Clear ${U(f.label)} tiles only">
|
||
<i class="bi bi-trash3"></i>
|
||
</button>
|
||
</td>
|
||
</tr>`).join("");let d="";const u=await Ea();if(u&&u.quota>0){const f=(u.usage/u.quota*100).toFixed(1);d=`
|
||
<div class="mt-2 text-muted">
|
||
Total app storage: ${r(u.usage)} of ${r(u.quota)} available (${f}%)
|
||
</div>`}if(l.count===0){o.innerHTML=`
|
||
<div class="text-muted">
|
||
No tiles cached yet. Pan and zoom the map to start caching tiles automatically.
|
||
</div>${d}`,e.disabled=!0;return}o.innerHTML=`
|
||
<div class="mb-1">
|
||
<strong>${l.count.toLocaleString()}</strong> tiles cached, ~${r(l.estBytes)} on this device
|
||
</div>
|
||
<table class="table table-sm mb-0" style="font-size:0.85em;">
|
||
<thead><tr>
|
||
<th>Base map</th>
|
||
<th class="text-end">Cached / limit</th>
|
||
<th class="text-end">Approx. size</th>
|
||
<th class="text-end pe-0" style="width:2.2rem;"></th>
|
||
</tr></thead>
|
||
<tbody>${c}</tbody>
|
||
</table>${d}`,e.disabled=!1,o.querySelectorAll(".provider-clear-btn").forEach(f=>{f.addEventListener("click",async p=>{p.preventDefault();const h=f.dataset.cache,g=f.dataset.label||h;if(!confirm(`Clear cached "${g}" tiles?
|
||
|
||
Other providers are not affected. The tiles will re-download as you browse online.`))return;f.disabled=!0,await va(h)?console.log(`[Settings] Cleared tile cache for ${g}`):console.warn(`[Settings] Could not clear tile cache for ${g}`),await s()})})}finally{n=null}})(),n}e.addEventListener("click",async()=>{if(!confirm("Clear all cached map tiles from this device? You will need to be online to view them again."))return;e.disabled=!0,await _a()?console.log("[Settings] Tile caches cleared"):console.warn("[Settings] Tile-cache clear failed"),await s()}),t.addEventListener("show.bs.offcanvas",s),ba(()=>{console.log("[Settings] SW controller changed → refreshing tile-cache stats"),s()}),s()}function Nl(){const o=document.getElementById("download-tiles-btn"),e=document.getElementById("offline-download-modal");if(!o||!e)return;const t=lt.getOrCreateInstance(e),r=document.getElementById("offline-download-form-view"),n=document.getElementById("offline-download-progress-view"),s=document.getElementById("offline-download-done-view"),a=document.getElementById("offline-download-cancel-btn"),i=document.getElementById("offline-download-start-btn"),l=document.getElementById("offline-download-close-done-btn"),c=document.getElementById("offline-download-close-btn"),d=document.getElementById("offline-basemap-select"),u=document.getElementById("offline-min-zoom"),f=document.getElementById("offline-max-zoom"),p=document.getElementById("offline-ack-check"),h=document.getElementById("offline-estimate-detail"),g=document.getElementById("offline-estimate"),m=document.getElementById("offline-area-view"),y=document.getElementById("offline-area-district"),w=document.getElementById("offline-area-ghana"),_=document.getElementById("offline-area-view-info"),E=document.getElementById("offline-area-district-info"),T=document.getElementById("offline-progress-bar"),x=document.getElementById("offline-progress-percent"),S=document.getElementById("offline-progress-counts"),P=document.getElementById("offline-progress-ok"),k=document.getElementById("offline-progress-failed"),j=document.getElementById("offline-progress-eta"),q=document.getElementById("offline-done-title"),Z=document.getElementById("offline-done-detail");let $=null;function ce(B){return B?B<1024*1024?(B/1024).toFixed(0)+" KB":B<1024*1024*1024?(B/(1024*1024)).toFixed(1)+" MB":(B/(1024*1024*1024)).toFixed(2)+" GB":"0 KB"}function Q(B){if(!B||B<1e3)return"< 1 s";const J=Math.round(B/1e3);if(J<60)return J+" s";const V=Math.floor(J/60),ne=J%60;return V<60?`${V} min ${ne} s`:`${Math.floor(V/60)} h ${V%60} min`}function ye(){return m.checked?v?.getCurrentViewExtent()||null:y.checked?v?.getDistrictBoundaryExtent()?.extent||null:w.checked?Pa:null}function H(){const B=d.value,J=parseInt(u.value,10),V=parseInt(f.value,10);if(Number.isNaN(J)||Number.isNaN(V)||J>V){h.textContent="Invalid zoom range",g.classList.replace("alert-info","alert-warning"),i.disabled=!0;return}const ne=ye();if(!ne){h.textContent="Selected area is not available.",g.classList.replace("alert-info","alert-warning"),i.disabled=!0;return}const R=zn[B]?.maxZoom??19,W=Math.min(V,R),re=Ta(ne,J,W),Ot=Ma(re);let we="";W<V&&(we=`<br><span class="text-warning">Zoom ${V} is above this provider's max (${R}); will clamp to ${R}.</span>`),re>8e3&&(we+='<br><span class="text-warning">More than 8 000 tiles — exceeds the per-provider cache limit. Earlier tiles will be evicted as new ones arrive.</span>'),h.innerHTML=`<strong>${re.toLocaleString()}</strong> tiles · ~${ce(Ot)}`+we,g.classList.toggle("alert-warning",!!we),g.classList.toggle("alert-info",!we),i.disabled=!p.checked||re===0}function be(){v?.getCurrentViewExtent()?_.textContent=" · ready":_.textContent="",v?.getDistrictBoundaryExtent()?(E.textContent="",y.disabled=!1):(E.textContent=" (not loaded — connect online to fetch)",y.disabled=!0,y.checked&&(m.checked=!0))}function Xe(){r.classList.remove("d-none"),n.classList.add("d-none"),s.classList.add("d-none"),i.classList.remove("d-none"),a.classList.remove("d-none"),a.textContent="Cancel",l.classList.add("d-none"),c.disabled=!1,p.checked=!1,i.disabled=!0,$=null}o.addEventListener("click",()=>{Xe(),be(),H(),t.show()}),d.addEventListener("change",H),u.addEventListener("input",H),f.addEventListener("input",H),m.addEventListener("change",H),y.addEventListener("change",H),w.addEventListener("change",H),p.addEventListener("change",H),i.addEventListener("click",async()=>{const B=d.value,J=parseInt(u.value,10),V=parseInt(f.value,10),ne=ye();if(!ne)return;r.classList.add("d-none"),n.classList.remove("d-none"),i.classList.add("d-none"),a.textContent="Cancel download",c.disabled=!0,T.style.width="0%",T.setAttribute("aria-valuenow","0"),x.textContent="0%",S.textContent="0 of 0 tiles",P.textContent="0",k.textContent="0",j.textContent="—",$=new Ia({baseMap:B,extent3857:ne,minZoom:J,maxZoom:V,onProgress:W=>{if(W.total>0){const re=Math.min(100,Math.round(W.done/W.total*100));T.style.width=re+"%",T.setAttribute("aria-valuenow",String(re)),x.textContent=re+"%",S.textContent=`${W.done.toLocaleString()} of ${W.total.toLocaleString()} tiles`}P.textContent=W.ok.toLocaleString(),k.textContent=W.failed.toLocaleString(),j.textContent=W.etaMs!=null?Q(W.etaMs):"—"}});let R;try{R=await $.start()}catch(W){console.error("[OfflineDownload] failed:",W),R={phase:"error",done:0,total:0,ok:0,failed:0}}n.classList.add("d-none"),s.classList.remove("d-none"),a.classList.add("d-none"),l.classList.remove("d-none"),c.disabled=!1,R.phase==="cancelled"?(q.textContent="Download cancelled",Z.innerHTML=`Stopped after <strong>${R.done.toLocaleString()}</strong> of ${R.total.toLocaleString()} tiles.<br>${R.ok.toLocaleString()} fetched · ${R.failed.toLocaleString()} failed.`):R.phase==="error"?(q.textContent="Download failed",Z.textContent="See console for details."):(q.textContent="Download complete",Z.innerHTML=`<strong>${R.ok.toLocaleString()}</strong> tiles cached`+(R.failed>0?`, ${R.failed.toLocaleString()} failed`:"")+`.<br>Took ${Q(R.elapsedMs)}.`)}),a.addEventListener("click",()=>{$&&$.cancel()}),e.addEventListener("hidden.bs.modal",()=>{$&&$.cancel(),Xe()})}function $l(){const o=Ke(),e=document.getElementById("menu-btn"),t=document.getElementById("menu-user-avatar"),r=document.getElementById("menu-user-name"),n=document.getElementById("menu-user-email"),s=document.getElementById("menu-user-detail"),a=document.getElementById("menu-signout-btn"),i=document.getElementById("menu-landing-link"),l=document.getElementById("menu-signin-link"),c=document.getElementById("menu-no-session-note");if(!e||!t||!r||!n||!s||!a){console.warn("[AccountMenu] One or more elements missing — shell may be stale. Hard-refresh.");return}if(!!o&&!!o.user_id){const u=[o.title,o.full_name].filter(Boolean).join(" ").trim()||o.username||"Authenticated user",f=(o.full_name||o.username||"?").trim().charAt(0).toUpperCase();t.textContent=f,t.style.background="var(--brand-navy, #1e1a4b)",r.textContent=u,n.textContent=o.email||"";const p=[];o.district_id!=null&&p.push(`District ${U(String(o.district_id))}`),o.region_id!=null&&p.push(`Region ${U(String(o.region_id))}`),o.ua_position&&p.push(U(o.ua_position)),s.innerHTML=p.join(" · ")||"No district info",a.classList.remove("d-none"),a.addEventListener("click",()=>Bl(o),{once:!1}),i?.classList.remove("d-none"),l?.classList.add("d-none"),c?.classList.add("d-none"),e.removeAttribute("data-state"),e.setAttribute("title",`Menu — ${u}`)}else typeof window.LUPMIS_SESSION>"u"?(t.innerHTML='<i class="bi bi-exclamation"></i>',t.style.background="var(--brand-orange-warm, #ff9e1b)",r.textContent="No session injected",n.textContent="",s.textContent="",a.classList.add("d-none"),i?.classList.add("d-none"),l?.classList.add("d-none"),c?.classList.remove("d-none"),e.dataset.state="no-session",e.setAttribute("title","Menu (no session — dev mode)")):(t.innerHTML='<i class="bi bi-person-fill"></i>',t.style.background="var(--brand-gray-medium, #7a7a7a)",r.textContent="Not signed in",n.textContent="",s.textContent="",a.classList.add("d-none"),i?.classList.add("d-none"),l?.classList.remove("d-none"),c?.classList.add("d-none"),e.dataset.state="unauthenticated",e.setAttribute("title","Menu (not signed in)"))}async function Bl(o){if(!K()){alert(`You appear to be offline.
|
||
|
||
Logging out needs a connection to the sign-in server, and you would not be able to sign back in until you are online again.
|
||
|
||
Please try again once you have a connection. You can keep working — the app stays signed in while offline.`);return}if(confirm(`Log out, ${o?.full_name||o?.username||"user"}?`)){try{await bo(),localStorage.removeItem(uo)}catch(e){console.warn("[Logout] Cache clear failed (continuing):",e)}window.location.href="/?logout=1"}}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",ln):ln();export{ro as d,F as s,wi as z};
|
||
//# sourceMappingURL=index-ybgDODsx.js.map
|