@vidro/map-handler 1.2.180 → 1.2.192

package/README.md

@@ -1,6 +1,6 @@
 # Map Handler
 
-#### Version 1.2.179 - February 2025
+#### Version 1.2.191 - February 2025
 
 Tool to achieve the easiest way of communication with the map iframe.
 
@@ -705,12 +705,15 @@ Geolocalizes user. Will dispatch `geolocation` event .
 > Params
 
 - toggle `<Boolean>` - starts or cancels geolocation
+- options `<json>` - optional
+	- track `<Boolean>` - will track user position or geolocalize only once 
 
 > E.G.
 
 ```
 //start
 Geolocalize(true)
+Geolocalize(true, {track:true})
 
 //cancel
 Geolocalize(false)
@@ -971,12 +974,12 @@ removeGeoJSONLayer('somename');
 
 ##### clearGeoJSON
 
-Clears geoJSON layers
+Clears geoJSON layer
 
 > E.G.
 
 ```
-clearGeoJSON();
+clearGeoJSON(layername);
 ```
 
 ##### setFilters

package/dist/map-handler.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VidroMaps=t():e.VidroMaps=t()}(self,(()=>(()=>{"use strict";var e={187:e=>{var t,o="object"==typeof Reflect?Reflect:null,n=o&&"function"==typeof o.apply?o.apply:function(e,t,o){return Function.prototype.apply.call(e,t,o)};t=o&&"function"==typeof o.ownKeys?o.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var r=Number.isNaN||function(e){return e!=e};function s(){s.init.call(this)}e.exports=s,e.exports.once=function(e,t){return new Promise((function(o,n){function r(o){e.removeListener(t,s),n(o)}function s(){"function"==typeof e.removeListener&&e.removeListener("error",r),o([].slice.call(arguments))}y(e,t,s,{once:!0}),"error"!==t&&function(e,t,o){"function"==typeof e.on&&y(e,"error",t,{once:!0})}(e,r)}))},s.EventEmitter=s,s.prototype._events=void 0,s.prototype._eventsCount=0,s.prototype._maxListeners=void 0;var i=10;function a(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function l(e){return void 0===e._maxListeners?s.defaultMaxListeners:e._maxListeners}function c(e,t,o,n){var r,s,i,c;if(a(o),void 0===(s=e._events)?(s=e._events=Object.create(null),e._eventsCount=0):(void 0!==s.newListener&&(e.emit("newListener",t,o.listener?o.listener:o),s=e._events),i=s[t]),void 0===i)i=s[t]=o,++e._eventsCount;else if("function"==typeof i?i=s[t]=n?[o,i]:[i,o]:n?i.unshift(o):i.push(o),(r=l(e))>0&&i.length>r&&!i.warned){i.warned=!0;var u=new Error("Possible EventEmitter memory leak detected. "+i.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");u.name="MaxListenersExceededWarning",u.emitter=e,u.type=t,u.count=i.length,c=u,console&&console.warn&&console.warn(c)}return e}function u(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function d(e,t,o){var n={fired:!1,wrapFn:void 0,target:e,type:t,listener:o},r=u.bind(n);return r.listener=o,n.wrapFn=r,r}function p(e,t,o){var n=e._events;if(void 0===n)return[];var r=n[t];return void 0===r?[]:"function"==typeof r?o?[r.listener||r]:[r]:o?function(e){for(var t=new Array(e.length),o=0;o<t.length;++o)t[o]=e[o].listener||e[o];return t}(r):m(r,r.length)}function f(e){var t=this._events;if(void 0!==t){var o=t[e];if("function"==typeof o)return 1;if(void 0!==o)return o.length}return 0}function m(e,t){for(var o=new Array(t),n=0;n<t;++n)o[n]=e[n];return o}function y(e,t,o,n){if("function"==typeof e.on)n.once?e.once(t,o):e.on(t,o);else{if("function"!=typeof e.addEventListener)throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof e);e.addEventListener(t,(function r(s){n.once&&e.removeEventListener(t,r),o(s)}))}}Object.defineProperty(s,"defaultMaxListeners",{enumerable:!0,get:function(){return i},set:function(e){if("number"!=typeof e||e<0||r(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");i=e}}),s.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},s.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||r(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},s.prototype.getMaxListeners=function(){return l(this)},s.prototype.emit=function(e){for(var t=[],o=1;o<arguments.length;o++)t.push(arguments[o]);var r="error"===e,s=this._events;if(void 0!==s)r=r&&void 0===s.error;else if(!r)return!1;if(r){var i;if(t.length>0&&(i=t[0]),i instanceof Error)throw i;var a=new Error("Unhandled error."+(i?" ("+i.message+")":""));throw a.context=i,a}var l=s[e];if(void 0===l)return!1;if("function"==typeof l)n(l,this,t);else{var c=l.length,u=m(l,c);for(o=0;o<c;++o)n(u[o],this,t)}return!0},s.prototype.addListener=function(e,t){return c(this,e,t,!1)},s.prototype.on=s.prototype.addListener,s.prototype.prependListener=function(e,t){return c(this,e,t,!0)},s.prototype.once=function(e,t){return a(t),this.on(e,d(this,e,t)),this},s.prototype.prependOnceListener=function(e,t){return a(t),this.prependListener(e,d(this,e,t)),this},s.prototype.removeListener=function(e,t){var o,n,r,s,i;if(a(t),void 0===(n=this._events))return this;if(void 0===(o=n[e]))return this;if(o===t||o.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete n[e],n.removeListener&&this.emit("removeListener",e,o.listener||t));else if("function"!=typeof o){for(r=-1,s=o.length-1;s>=0;s--)if(o[s]===t||o[s].listener===t){i=o[s].listener,r=s;break}if(r<0)return this;0===r?o.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(o,r),1===o.length&&(n[e]=o[0]),void 0!==n.removeListener&&this.emit("removeListener",e,i||t)}return this},s.prototype.off=s.prototype.removeListener,s.prototype.removeAllListeners=function(e){var t,o,n;if(void 0===(o=this._events))return this;if(void 0===o.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==o[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete o[e]),this;if(0===arguments.length){var r,s=Object.keys(o);for(n=0;n<s.length;++n)"removeListener"!==(r=s[n])&&this.removeAllListeners(r);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=o[e]))this.removeListener(e,t);else if(void 0!==t)for(n=t.length-1;n>=0;n--)this.removeListener(e,t[n]);return this},s.prototype.listeners=function(e){return p(this,e,!0)},s.prototype.rawListeners=function(e){return p(this,e,!1)},s.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):f.call(e,t)},s.prototype.listenerCount=f,s.prototype.eventNames=function(){return this._eventsCount>0?t(this._events):[]}}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,o),s.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{Communicator:()=>T});var e=o(187);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function r(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,i(n.key),n)}}function s(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e}function i(e){var o=function(e,o){if("object"!==t(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==t(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===t(o)?o:String(o)}var a="undefined"==typeof window,l=s((function e(t){var o,n,r,s=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),o=this,r=function(e){a||window.top.frames[s.domId].postMessage(e,"*")},(n=i(n="sendMessageToMap"))in o?Object.defineProperty(o,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):o[n]=r,this.domId="map-frame","string"==typeof t.id&&(this.domId=t.id)}));function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,g(n.key),n)}}function d(){return d="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=y(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},d.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function f(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function v(e,t,o){return(t=g(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function g(e){var t=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,"string");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===c(t)?t:String(t)}var T=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(i,e);var t,o,n,r,s=(n=i,r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=y(n);if(r){var o=y(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return f(this,e)});function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),v(m(t=s.call(this)),"onMessageReceived",(function(e){switch(e.data.type){case"onZoomChange":t.emitEvent("onZoomChange",e.data,e.data.domId);break;case"onCenterChange":t.emitEvent("onCenterChange",e.data,e.data.domId);break;case"geomAdded":t.emitEvent("geomAdded",e.data,e.data.domId);break;case"layers":t.emitEvent("layers",e.data,e.data.domId);break;case"geoJSONlayers":t.emitEvent("geoJSONlayers",e.data,e.data.domId);break;case"info":t.emitEvent("info",e.data,e.data.domId);break;case"error":t.emitEvent("error",e.data,e.data.domId);break;case"coordinates":t.emitEvent("coordinates",e.data,e.data.domId);break;case"activeLayer":t.emitEvent("activeLayer",e.data,e.data.domId);break;case"geolocation":t.emitEvent("geolocation",e.data,e.data.domId);break;case"WMSInfoAvailable":t.emitEvent("WMSInfoAvailable",e.data,e.data.domId);break;case"giswaterTiledBackgroundDisplayed":t.emitEvent("giswaterTiledBackgroundDisplayed",e.data,e.data.domId);break;case"giswaterTiledBackgroundAvailable":t.emitEvent("giswaterTiledBackgroundAvailable",e.data,e.data.domId);break;case"GiswaterLayerAvailableFilters":t.emitEvent("GiswaterLayerAvailableFilters",e.data,e.data.domId);break;case"loaded":t.emitEvent("loaded",e.data,e.data.domId);break;case"unloaded":t.emitEvent("unloaded",e.data,e.data.domId);break;case"availableWMSLayers":t.emitEvent("availableWMSLayers",e.data.layers,e.data.domId);break;case"layerElements":t.emitEvent("layerElements",e.data,e.data.domId);break;case"getToc":t.emitEvent("getToc",e.data,e.data.domId);break;case"status":t.emitEvent("status",e.data,e.data.domId);break;case"MeasureEnd":t.emitEvent("MeasureEnd",e.data,e.data.domId);break;case"queue":t.emitEvent("queue",e.data,e.data.domId);break;case"version":t.emitEvent("version",e.data,e.data.domId);break;case"hover":t.emitEvent("hover",e.data,e.data.domId);break;case"screenshot":t.emitEvent("screenshot",e.data,e.data.domId)}})),v(m(t),"emitEvent",(function(e,o,n){n===t.domId&&(delete o.domId,t.emit(e,o))})),v(m(t),"ZoomIn",(function(){t.com.sendMessageToMap({type:"zoomIn",sessionToken:t.sessionToken})})),v(m(t),"ZoomOut",(function(){t.com.sendMessageToMap({type:"zoomOut",sessionToken:t.sessionToken})})),v(m(t),"AddGeom",(function(e,o){t.com.sendMessageToMap({type:"AddGeom",geom:e,texts:null==o?void 0:o.texts,style:null==o?void 0:o.style,drawOnEnd:null==o?void 0:o.drawOnEnd,showConfirm:null==o?void 0:o.showConfirm,sessionToken:t.sessionToken})})),v(m(t),"CancelAddGeom",(function(e){t.com.sendMessageToMap({type:"CancelAddGeom"})})),v(m(t),"loadMultipleLayers",(function(e){void 0!==e?t.com.sendMessageToMap({type:"loadMultipleLayers",layers:e}):t.emit("error",{error:"no layers"})})),v(m(t),"toggleGroup",(function(e){t.com.sendMessageToMap({type:"toggleGroup",layers:e})})),v(m(t),"toggleLayer",(function(e,o){void 0===o&&(o={gutter:null,transparent:null,singletile:null,zIndex:null}),null!==o.singletile&&"boolean"!=typeof o.singletile&&(o.singletile=null,t.emit("error",{error:"singletile must be a Boolean",type:"error"})),""===o.gutter||null===o.gutter||o.singletile||(isNaN(parseInt(o.gutter))&&(o.gutter=null,t.emit("error",{type:"error",error:"Gutter must be a number"})),o.singletile&&(o.gutter=null,t.emit("error",{type:"error",error:"Gutter can only be user with multitile layers; set singletile to false"}))),null!==o.transparent&&"boolean"!=typeof o.transparent&&(o.transparent=null,t.emit("error",{type:"error",error:"transparent must be a Boolean"})),t.com.sendMessageToMap({type:"toggleLayer",layer:e,gutter:isNaN(parseInt(o.gutter))?null:parseInt(o.gutter),transparent:o.transparent,singletile:o.singletile,sessionToken:t.sessionToken,zIndex:isNaN(parseInt(o.zIndex))?null:parseInt(o.zIndex)})})),v(m(t),"removeLayer",(function(e){t.com.sendMessageToMap({type:"removeLayer",layer:e,sessionToken:t.sessionToken})})),v(m(t),"displayLayer",(function(e){t.com.sendMessageToMap({type:"displayLayer",layer:e,sessionToken:t.sessionToken})})),v(m(t),"setActiveLayer",(function(e){t.com.sendMessageToMap({type:"setActiveLayer",layer:e,sessionToken:t.sessionToken})})),v(m(t),"getActiveLayer",(function(){t.com.sendMessageToMap({type:"getActiveLayer",sessionToken:t.sessionToken})})),v(m(t),"bringLayerToTop",(function(e){t.com.sendMessageToMap({type:"bringLayerToTop",layer:e,sessionToken:t.sessionToken})})),v(m(t),"bringLayerToBottom",(function(e){t.com.sendMessageToMap({type:"bringLayerToBottom",layer:e,sessionToken:t.sessionToken})})),v(m(t),"loadWMSAvailableLayers",(function(){t.com.sendMessageToMap({type:"loadWMSAvailableLayers",sessionToken:t.sessionToken})})),v(m(t),"clear",(function(){t.com.sendMessageToMap({type:"clear",sessionToken:t.sessionToken})})),v(m(t),"Highlight",(function(e){t.com.sendMessageToMap({type:"highlight",geom:e.geom,zoom:e.zoom,metadata:null==e?void 0:e.data,center:void 0!==(null==e?void 0:e.center)&&e.center,animate:null==e?void 0:e.animate,style:null==e?void 0:e.style,sessionToken:t.sessionToken})})),v(m(t),"DrawGeometries",(function(e){void 0!==e?t.com.sendMessageToMap({type:"DrawGeometries",geoms:e}):t.emit("error",{type:"error",error:"no geoms"})})),v(m(t),"RemoveGeometriesByProperty",(function(e,o,n){void 0!==e&&void 0!==o&&void 0!==n?t.com.sendMessageToMap({type:"RemoveGeometriesByProperty",layer:e,property:o,value:n}):t.emit("error",{type:"error",error:"no layer, property or value"})})),v(m(t),"UpdateGeometriesByProperty",(function(e,o,n,r){void 0!==e&&void 0!==o&&void 0!==r&&void 0!==n?t.com.sendMessageToMap({type:"UpdateGeometriesByProperty",layer:e,property:o,value:n,style:r}):t.emit("error",{type:"error",error:"no layer, property or value"})})),v(m(t),"DrawGeometry",(function(e,o,n,r){console.warn("DrawGeometry is deprecated. Use DrawGeometries");var s={stroke_color:o.stroke_color?o.stroke_color:null,fill_color:o.fill_color?o.fill_color:null,point_fill_color:o.point_fill_color?o.point_fill_color:null,geom_radius:o.geom_radius?o.geom_radius:null,stroke_width:o.stroke_width?o.stroke_width:null,font_color:o.font_color?o.font_color:null,font:o.font?o.font:null,font_size:o.font_size?o.font_size:null,placement:o.placement?o.placement:null,fontFillColor:o.fontFillColor?o.fontFillColor:null,fontStrokeColor:o.fontStrokeColor?o.fontStrokeColor:null,fontStrokeWidth:o.fontStrokeWidth?o.fontStrokeWidth:null,baseline:o.baseline?o.baseline:null,align:o.align?o.align:null,display:o.display?o.display:null,offsetY:o.offsetY?o.offsetY:null};t.com.sendMessageToMap({type:"drawGeometry",geom:e,style:s,name:n||"highlight",id:r||Math.floor(1e3*Math.random())+1,sessionToken:t.sessionToken})})),v(m(t),"RemoveGeometry",(function(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=void 0===e?null:e;if(!n)return console.error("No element id"),void t.emit("error",{type:"error",error:"No element id"});t.com.sendMessageToMap({type:"removeGeometry",layer:o,id:n})})),v(m(t),"zoomToExtent",(function(){t.com.sendMessageToMap({type:"zoomToExtent",sessionToken:t.sessionToken})})),v(m(t),"zoomToScale",(function(e){var o=["1:100","1:200","1:400","1:500","1:1000","1:2000","1:5000","1:10000","1:50000"];if(!o.includes(e))return console.error("Invalid scale: ".concat(e,". Allowed values are: ").concat(o.join(", "))),void t.emit("error",{type:"error",error:"Invalid scale: ".concat(e)});t.com.sendMessageToMap({type:"zoomToScale",sessionToken:t.sessionToken,scale:e})})),v(m(t),"zoomToCoordinates",(function(e,o,n){isNaN(parseInt(n))||t.com.sendMessageToMap({type:"zoomToCoordinates",sessionToken:t.sessionToken,coordinates:[e,o],zoomLevel:n})})),v(m(t),"zoomToGeometry",(function(e,o){t.com.sendMessageToMap({type:"zoomToGeometry",sessionToken:t.sessionToken,geom:e,limits:o})})),v(m(t),"infoFromCoordinates",(function(e,o,n,r){var s=void 0===o?null:o,i=void 0!==n&&n?parseInt(n):5,a=void 0===r?"xml":r.toLowerCase();"xml"===a||"json"===a?isNaN(i)?console.error("hitTolerance must be a number"):t.com.sendMessageToMap({type:"infoFromCoordinates",info:e,layer:s,format:a,hitTolerance:i,sessionToken:t.sessionToken}):console.error("Format must be 'xml' or 'json")})),v(m(t),"getElementsFromLayer",(function(e,o,n){var r=void 0===n?"xml":n.toLowerCase();if("xml"===r||"json"===r)if(isNaN(o))console.error("Limit must be a number");else{var s=void 0===e?null:e;t.com.sendMessageToMap({type:"getElementsFromLayer",layer:s,limit:void 0!==o?parseInt(o):100,format:n,sessionToken:t.sessionToken})}else console.error("Format must be 'xml' or 'json")})),v(m(t),"Geolocalize",(function(e,o){t.com.sendMessageToMap({type:"Geolocalize",toggle:e,options:o,sessionToken:t.sessionToken})})),v(m(t),"toggleGiswaterTiled",(function(e,o){t.com.sendMessageToMap({type:"toggleGiswaterTiled",toggle:e,tiled:o,sessionToken:t.sessionToken})})),v(m(t),"toggleTiled",(function(e,o){t.com.sendMessageToMap({type:"toggleTiled",toggle:e,tiled:o,sessionToken:t.sessionToken})})),v(m(t),"getTiled",(function(){t.com.sendMessageToMap({type:"getTiled",sessionToken:t.sessionToken})})),v(m(t),"toggleSecondaryBackground",(function(e){t.com.sendMessageToMap({type:"toggleSecondaryBackground",toggle:e})})),v(m(t),"getSecondaryBackground",(function(){t.com.sendMessageToMap({type:"getSecondaryBackground",sessionToken:t.sessionToken})})),v(m(t),"reloadDisplayedLayers",(function(){return t.com.sendMessageToMap({type:"reloadDisplayedLayers",sessionToken:t.sessionToken})})),v(m(t),"addGeoJSON",(function(e,o,n){return e?t.com.sendMessageToMap({type:"addGeoJSON",geoJSON:e,options:void 0!==o?o:{fillcolor:null,strokecolor:null},name:n||Math.random().toString(36).substring(7),sessionToken:t.sessionToken}):void t.emit("error",{type:"error",error:"No geoJSON data"})})),v(m(t),"clearGeoJSON",(function(){return t.com.sendMessageToMap({type:"clearGeoJSON",sessionToken:t.sessionToken})})),v(m(t),"removeGeoJSONLayer",(function(e){return e?t.com.sendMessageToMap({type:"removeGeoJSONLayer",name:e,sessionToken:t.sessionToken}):void t.emit("error",{type:"error",error:"No geoJSON data"})})),v(m(t),"setGiswaterFilters",(function(e){var o=e;if(e){if("object"!=c(e)){e=(e=(e=e.trim()).replace(/^\s+|\s+$/g,"")).replace(/\\/g,"");try{o=JSON.parse(e)}catch(e){return void t.emit("error",{type:"error",error:"Filters is not a valid JSON"})}}return t.com.sendMessageToMap({type:"setGiswaterFilters",filters:o,sessionToken:t.sessionToken})}t.emit("error",{type:"error",error:"No filters"})})),v(m(t),"setFilters",(function(e){var o=e;if(e){if("object"!=c(e)){e=(e=(e=e.trim()).replace(/^\s+|\s+$/g,"")).replace(/\\/g,"");try{o=JSON.parse(e)}catch(e){return void t.emit("error",{type:"error",error:"Filters is not a valid JSON"})}}return o.every((function(e){return Array.isArray(e.filters)}))?t.com.sendMessageToMap({type:"setFilters",filters:o,sessionToken:t.sessionToken}):void t.emit("error",{type:"error",error:"Filters is not a valid JSON - missing filters array"})}t.emit("error",{type:"error",error:"No filters"})})),v(m(t),"getGiswaterLayerAvailableFilters",(function(e){return e?t.com.sendMessageToMap({type:"getGiswaterLayerAvailableFilters",name:e,sessionToken:t.sessionToken}):void t.emit("error",{type:"error",error:"No layer_name"})})),v(m(t),"CenterMap",(function(e,o){t.com.sendMessageToMap({type:"centerMap",coordinates:[e,o]})})),v(m(t),"getToc",(function(){return t.com.sendMessageToMap({type:"getToc",sessionToken:t.sessionToken})})),v(m(t),"setDebug",(function(e){isNaN(parseInt(e))?console.error("Debug is not a integer"):t.com.sendMessageToMap({type:"setDebug",what:e,sessionToken:t.sessionToken})})),v(m(t),"setCustomColors",(function(e){if("object"===c(e)){if(e.hasOwnProperty("geom_stroke_width")){if(isNaN(parseInt(e.geom_stroke_width)))return void console.error("geom_stroke_width is not an number");e.geom_stroke_width=parseInt(e.geom_stroke_width)}else e.geom_stroke_width=1;if(e.hasOwnProperty("geom_radius")){if(isNaN(parseInt(e.geom_radius)))return void console.error("geom_stroke_width is not an number");e.geom_radius=parseInt(e.geom_radius)}else e.geom_radius=4;e.hasOwnProperty("geom_shape")&&"circle"!==e.geom_shape&&"square"!==e.geom_shape&&(e.geom_shape="circle",console.error("geom_shape must be either 'circle' or 'square'")),t.com.sendMessageToMap({type:"setCustomColors",properties:e,sessionToken:t.sessionToken})}else console.error("properties is not an object")})),v(m(t),"changeBackground",(function(e){return t.com.sendMessageToMap({type:"changeBackground",sessionToken:t.sessionToken,newBackground:e})})),v(m(t),"getBackground",(function(){t.com.sendMessageToMap({type:"getBackground",sessionToken:t.sessionToken})})),v(m(t),"initMeasure",(function(e,o,n){return t.com.sendMessageToMap({type:"initMeasure",sessionToken:t.sessionToken,measure:e,textStart:o,textContinue:n})})),v(m(t),"cancelMeasure",(function(){return t.com.sendMessageToMap({type:"cancelMeasure",sessionToken:t.sessionToken})})),v(m(t),"setBboxSize",(function(e){isNaN(parseInt(e))?console.error("bbox is not a integer"):t.com.sendMessageToMap({type:"setBoundingBoxSize",bbox:e,sessionToken:t.sessionToken})})),v(m(t),"addIcon",(function(e){var o=e.icon,n=e.coordinates;o instanceof ArrayBuffer||t.emit("error",{type:"error",error:"Invalid icon: Expected an ArrayBuffer."}),Array.isArray(n)||t.emit("error",{type:"error",error:"Invalid coordinates: Expected an array [longitude, latitude]."}),2===n.length&&"number"==typeof n[0]&&"number"==typeof n[1]||t.emit("error",{type:"error",error:"Invalid coordinates: Expected an array with two numeric values [longitude, latitude]."}),t.com.sendMessageToMap({type:"AddIcon",icon:o,coordinates:n,sessionToken:t.sessionToken})})),v(m(t),"screenshot",(function(e){t.com.sendMessageToMap({type:"screenshot",options:e,sessionToken:t.sessionToken})})),t.domId="map-frame","undefined"==typeof window?f(t):("string"==typeof e.id&&(t.domId=e.id),t.com=new l(e),window.addEventListener("message",(function(e){return t.onMessageReceived(e)})),t.sessionToken=e.sessionToken,t)}return t=i,(o=[{key:"removeListener",value:function(e,t){d(y(i.prototype),"removeListener",this).call(this,e,t)}}])&&u(t.prototype,o),Object.defineProperty(t,"prototype",{writable:!1}),i}(e.EventEmitter)})(),n})()));
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VidroMaps=o():e.VidroMaps=o()}(self,(()=>(()=>{"use strict";var e={187:e=>{var o,t="object"==typeof Reflect?Reflect:null,n=t&&"function"==typeof t.apply?t.apply:function(e,o,t){return Function.prototype.apply.call(e,o,t)};o=t&&"function"==typeof t.ownKeys?t.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var r=Number.isNaN||function(e){return e!=e};function s(){s.init.call(this)}e.exports=s,e.exports.once=function(e,o){return new Promise((function(t,n){function r(t){e.removeListener(o,s),n(t)}function s(){"function"==typeof e.removeListener&&e.removeListener("error",r),t([].slice.call(arguments))}y(e,o,s,{once:!0}),"error"!==o&&function(e,o,t){"function"==typeof e.on&&y(e,"error",o,{once:!0})}(e,r)}))},s.EventEmitter=s,s.prototype._events=void 0,s.prototype._eventsCount=0,s.prototype._maxListeners=void 0;var i=10;function a(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function l(e){return void 0===e._maxListeners?s.defaultMaxListeners:e._maxListeners}function c(e,o,t,n){var r,s,i,c;if(a(t),void 0===(s=e._events)?(s=e._events=Object.create(null),e._eventsCount=0):(void 0!==s.newListener&&(e.emit("newListener",o,t.listener?t.listener:t),s=e._events),i=s[o]),void 0===i)i=s[o]=t,++e._eventsCount;else if("function"==typeof i?i=s[o]=n?[t,i]:[i,t]:n?i.unshift(t):i.push(t),(r=l(e))>0&&i.length>r&&!i.warned){i.warned=!0;var u=new Error("Possible EventEmitter memory leak detected. "+i.length+" "+String(o)+" listeners added. Use emitter.setMaxListeners() to increase limit");u.name="MaxListenersExceededWarning",u.emitter=e,u.type=o,u.count=i.length,c=u,console&&console.warn&&console.warn(c)}return e}function u(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function d(e,o,t){var n={fired:!1,wrapFn:void 0,target:e,type:o,listener:t},r=u.bind(n);return r.listener=t,n.wrapFn=r,r}function p(e,o,t){var n=e._events;if(void 0===n)return[];var r=n[o];return void 0===r?[]:"function"==typeof r?t?[r.listener||r]:[r]:t?function(e){for(var o=new Array(e.length),t=0;t<o.length;++t)o[t]=e[t].listener||e[t];return o}(r):m(r,r.length)}function f(e){var o=this._events;if(void 0!==o){var t=o[e];if("function"==typeof t)return 1;if(void 0!==t)return t.length}return 0}function m(e,o){for(var t=new Array(o),n=0;n<o;++n)t[n]=e[n];return t}function y(e,o,t,n){if("function"==typeof e.on)n.once?e.once(o,t):e.on(o,t);else{if("function"!=typeof e.addEventListener)throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof e);e.addEventListener(o,(function r(s){n.once&&e.removeEventListener(o,r),t(s)}))}}Object.defineProperty(s,"defaultMaxListeners",{enumerable:!0,get:function(){return i},set:function(e){if("number"!=typeof e||e<0||r(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");i=e}}),s.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},s.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||r(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},s.prototype.getMaxListeners=function(){return l(this)},s.prototype.emit=function(e){for(var o=[],t=1;t<arguments.length;t++)o.push(arguments[t]);var r="error"===e,s=this._events;if(void 0!==s)r=r&&void 0===s.error;else if(!r)return!1;if(r){var i;if(o.length>0&&(i=o[0]),i instanceof Error)throw i;var a=new Error("Unhandled error."+(i?" ("+i.message+")":""));throw a.context=i,a}var l=s[e];if(void 0===l)return!1;if("function"==typeof l)n(l,this,o);else{var c=l.length,u=m(l,c);for(t=0;t<c;++t)n(u[t],this,o)}return!0},s.prototype.addListener=function(e,o){return c(this,e,o,!1)},s.prototype.on=s.prototype.addListener,s.prototype.prependListener=function(e,o){return c(this,e,o,!0)},s.prototype.once=function(e,o){return a(o),this.on(e,d(this,e,o)),this},s.prototype.prependOnceListener=function(e,o){return a(o),this.prependListener(e,d(this,e,o)),this},s.prototype.removeListener=function(e,o){var t,n,r,s,i;if(a(o),void 0===(n=this._events))return this;if(void 0===(t=n[e]))return this;if(t===o||t.listener===o)0==--this._eventsCount?this._events=Object.create(null):(delete n[e],n.removeListener&&this.emit("removeListener",e,t.listener||o));else if("function"!=typeof t){for(r=-1,s=t.length-1;s>=0;s--)if(t[s]===o||t[s].listener===o){i=t[s].listener,r=s;break}if(r<0)return this;0===r?t.shift():function(e,o){for(;o+1<e.length;o++)e[o]=e[o+1];e.pop()}(t,r),1===t.length&&(n[e]=t[0]),void 0!==n.removeListener&&this.emit("removeListener",e,i||o)}return this},s.prototype.off=s.prototype.removeListener,s.prototype.removeAllListeners=function(e){var o,t,n;if(void 0===(t=this._events))return this;if(void 0===t.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==t[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete t[e]),this;if(0===arguments.length){var r,s=Object.keys(t);for(n=0;n<s.length;++n)"removeListener"!==(r=s[n])&&this.removeAllListeners(r);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(o=t[e]))this.removeListener(e,o);else if(void 0!==o)for(n=o.length-1;n>=0;n--)this.removeListener(e,o[n]);return this},s.prototype.listeners=function(e){return p(this,e,!0)},s.prototype.rawListeners=function(e){return p(this,e,!1)},s.listenerCount=function(e,o){return"function"==typeof e.listenerCount?e.listenerCount(o):f.call(e,o)},s.prototype.listenerCount=f,s.prototype.eventNames=function(){return this._eventsCount>0?o(this._events):[]}}},o={};function t(n){var r=o[n];if(void 0!==r)return r.exports;var s=o[n]={exports:{}};return e[n](s,s.exports,t),s.exports}t.d=(e,o)=>{for(var n in o)t.o(o,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{t.r(n),t.d(n,{Communicator:()=>T});var e=t(187);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function r(e,o){for(var t=0;t<o.length;t++){var n=o[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,i(n.key),n)}}function s(e,o,t){return o&&r(e.prototype,o),t&&r(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function i(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===o(t)?t:String(t)}var a="undefined"==typeof window,l=s((function e(o){var t,n,r,s=this;!function(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")}(this,e),t=this,r=function(e){a||window.top.frames[s.domId].postMessage(e,"*")},(n=i(n="sendMessageToMap"))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,this.domId="map-frame","string"==typeof o.id&&(this.domId=o.id)}));function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,o){for(var t=0;t<o.length;t++){var n=o[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,v(n.key),n)}}function d(){return d="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,o,t){var n=function(e,o){for(;!Object.prototype.hasOwnProperty.call(e,o)&&null!==(e=y(e)););return e}(e,o);if(n){var r=Object.getOwnPropertyDescriptor(n,o);return r.get?r.get.call(arguments.length<3?e:t):r.value}},d.apply(this,arguments)}function p(e,o){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,o){return e.__proto__=o,e},p(e,o)}function f(e,o){if(o&&("object"===c(o)||"function"==typeof o))return o;if(void 0!==o)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function g(e,o,t){return(o=v(o))in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function v(e){var o=function(e,o){if("object"!==c(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===c(o)?o:String(o)}var T=function(e){!function(e,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(o&&o.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),o&&p(e,o)}(i,e);var o,t,n,r,s=(n=i,r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,o=y(n);if(r){var t=y(this).constructor;e=Reflect.construct(o,arguments,t)}else e=o.apply(this,arguments);return f(this,e)});function i(e){var o;return function(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")}(this,i),g(m(o=s.call(this)),"onMessageReceived",(function(e){switch(e.data.type){case"onZoomChange":o.emitEvent("onZoomChange",e.data,e.data.domId);break;case"onCenterChange":o.emitEvent("onCenterChange",e.data,e.data.domId);break;case"geomAdded":o.emitEvent("geomAdded",e.data,e.data.domId);break;case"layers":o.emitEvent("layers",e.data,e.data.domId);break;case"geoJSONlayers":o.emitEvent("geoJSONlayers",e.data,e.data.domId);break;case"info":o.emitEvent("info",e.data,e.data.domId);break;case"error":o.emitEvent("error",e.data,e.data.domId);break;case"coordinates":o.emitEvent("coordinates",e.data,e.data.domId);break;case"activeLayer":o.emitEvent("activeLayer",e.data,e.data.domId);break;case"geolocation":o.emitEvent("geolocation",e.data,e.data.domId);break;case"WMSInfoAvailable":o.emitEvent("WMSInfoAvailable",e.data,e.data.domId);break;case"giswaterTiledBackgroundDisplayed":o.emitEvent("giswaterTiledBackgroundDisplayed",e.data,e.data.domId);break;case"giswaterTiledBackgroundAvailable":o.emitEvent("giswaterTiledBackgroundAvailable",e.data,e.data.domId);break;case"GiswaterLayerAvailableFilters":o.emitEvent("GiswaterLayerAvailableFilters",e.data,e.data.domId);break;case"loaded":o.emitEvent("loaded",e.data,e.data.domId);break;case"unloaded":o.emitEvent("unloaded",e.data,e.data.domId);break;case"availableWMSLayers":o.emitEvent("availableWMSLayers",e.data.layers,e.data.domId);break;case"layerElements":o.emitEvent("layerElements",e.data,e.data.domId);break;case"getToc":o.emitEvent("getToc",e.data,e.data.domId);break;case"status":o.emitEvent("status",e.data,e.data.domId);break;case"MeasureEnd":o.emitEvent("MeasureEnd",e.data,e.data.domId);break;case"queue":o.emitEvent("queue",e.data,e.data.domId);break;case"version":o.emitEvent("version",e.data,e.data.domId);break;case"hover":o.emitEvent("hover",e.data,e.data.domId);break;case"screenshot":o.emitEvent("screenshot",e.data,e.data.domId)}})),g(m(o),"emitEvent",(function(e,t,n){n===o.domId&&(delete t.domId,o.emit(e,t))})),g(m(o),"ZoomIn",(function(){o.com.sendMessageToMap({type:"zoomIn",sessionToken:o.sessionToken})})),g(m(o),"ZoomOut",(function(){o.com.sendMessageToMap({type:"zoomOut",sessionToken:o.sessionToken})})),g(m(o),"AddGeom",(function(e,t){o.com.sendMessageToMap({type:"AddGeom",geom:e,texts:null==t?void 0:t.texts,style:null==t?void 0:t.style,drawOnEnd:null==t?void 0:t.drawOnEnd,showConfirm:null==t?void 0:t.showConfirm,sessionToken:o.sessionToken})})),g(m(o),"CancelAddGeom",(function(e){o.com.sendMessageToMap({type:"CancelAddGeom"})})),g(m(o),"loadMultipleLayers",(function(e){void 0!==e?o.com.sendMessageToMap({type:"loadMultipleLayers",layers:e}):o.emit("error",{error:"no layers"})})),g(m(o),"toggleGroup",(function(e){o.com.sendMessageToMap({type:"toggleGroup",layers:e})})),g(m(o),"toggleLayer",(function(e,t){void 0===t&&(t={gutter:null,transparent:null,singletile:null,zIndex:null}),null!==t.singletile&&"boolean"!=typeof t.singletile&&(t.singletile=null,o.emit("error",{error:"singletile must be a Boolean",type:"error"})),""===t.gutter||null===t.gutter||t.singletile||(isNaN(parseInt(t.gutter))&&(t.gutter=null,o.emit("error",{type:"error",error:"Gutter must be a number"})),t.singletile&&(t.gutter=null,o.emit("error",{type:"error",error:"Gutter can only be user with multitile layers; set singletile to false"}))),null!==t.transparent&&"boolean"!=typeof t.transparent&&(t.transparent=null,o.emit("error",{type:"error",error:"transparent must be a Boolean"})),o.com.sendMessageToMap({type:"toggleLayer",layer:e,gutter:isNaN(parseInt(t.gutter))?null:parseInt(t.gutter),transparent:t.transparent,singletile:t.singletile,sessionToken:o.sessionToken,zIndex:isNaN(parseInt(t.zIndex))?null:parseInt(t.zIndex)})})),g(m(o),"removeLayer",(function(e){o.com.sendMessageToMap({type:"removeLayer",layer:e,sessionToken:o.sessionToken})})),g(m(o),"displayLayer",(function(e){o.com.sendMessageToMap({type:"displayLayer",layer:e,sessionToken:o.sessionToken})})),g(m(o),"setActiveLayer",(function(e){o.com.sendMessageToMap({type:"setActiveLayer",layer:e,sessionToken:o.sessionToken})})),g(m(o),"getActiveLayer",(function(){o.com.sendMessageToMap({type:"getActiveLayer",sessionToken:o.sessionToken})})),g(m(o),"bringLayerToTop",(function(e){o.com.sendMessageToMap({type:"bringLayerToTop",layer:e,sessionToken:o.sessionToken})})),g(m(o),"bringLayerToBottom",(function(e){o.com.sendMessageToMap({type:"bringLayerToBottom",layer:e,sessionToken:o.sessionToken})})),g(m(o),"loadWMSAvailableLayers",(function(){o.com.sendMessageToMap({type:"loadWMSAvailableLayers",sessionToken:o.sessionToken})})),g(m(o),"clear",(function(){o.com.sendMessageToMap({type:"clear",sessionToken:o.sessionToken})})),g(m(o),"Highlight",(function(e){o.com.sendMessageToMap({type:"highlight",geom:e.geom,zoom:e.zoom,metadata:null==e?void 0:e.data,center:void 0!==(null==e?void 0:e.center)&&e.center,animate:null==e?void 0:e.animate,style:null==e?void 0:e.style,sessionToken:o.sessionToken})})),g(m(o),"DrawGeometries",(function(e){void 0!==e?o.com.sendMessageToMap({type:"DrawGeometries",geoms:e}):o.emit("error",{type:"error",error:"no geoms"})})),g(m(o),"RemoveGeometriesByProperty",(function(e,t,n){void 0!==e&&void 0!==t&&void 0!==n?o.com.sendMessageToMap({type:"RemoveGeometriesByProperty",layer:e,property:t,value:n}):o.emit("error",{type:"error",error:"no layer, property or value"})})),g(m(o),"UpdateGeometriesByProperty",(function(e,t,n,r){void 0!==e&&void 0!==t&&void 0!==r&&void 0!==n?o.com.sendMessageToMap({type:"UpdateGeometriesByProperty",layer:e,property:t,value:n,style:r}):o.emit("error",{type:"error",error:"no layer, property or value"})})),g(m(o),"DrawGeometry",(function(e,t,n,r){console.warn("DrawGeometry is deprecated. Use DrawGeometries");var s={stroke_color:t.stroke_color?t.stroke_color:null,fill_color:t.fill_color?t.fill_color:null,point_fill_color:t.point_fill_color?t.point_fill_color:null,geom_radius:t.geom_radius?t.geom_radius:null,stroke_width:t.stroke_width?t.stroke_width:null,font_color:t.font_color?t.font_color:null,font:t.font?t.font:null,font_size:t.font_size?t.font_size:null,placement:t.placement?t.placement:null,fontFillColor:t.fontFillColor?t.fontFillColor:null,fontStrokeColor:t.fontStrokeColor?t.fontStrokeColor:null,fontStrokeWidth:t.fontStrokeWidth?t.fontStrokeWidth:null,baseline:t.baseline?t.baseline:null,align:t.align?t.align:null,display:t.display?t.display:null,offsetY:t.offsetY?t.offsetY:null};o.com.sendMessageToMap({type:"drawGeometry",geom:e,style:s,name:n||"highlight",id:r||Math.floor(1e3*Math.random())+1,sessionToken:o.sessionToken})})),g(m(o),"RemoveGeometry",(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=void 0===e?null:e;if(!n)return console.error("No element id"),void o.emit("error",{type:"error",error:"No element id"});o.com.sendMessageToMap({type:"removeGeometry",layer:t,id:n})})),g(m(o),"zoomToExtent",(function(){o.com.sendMessageToMap({type:"zoomToExtent",sessionToken:o.sessionToken})})),g(m(o),"zoomToScale",(function(e){var t=["1:100","1:200","1:400","1:500","1:1000","1:2000","1:5000","1:10000","1:50000"];if(!t.includes(e))return console.error("Invalid scale: ".concat(e,". Allowed values are: ").concat(t.join(", "))),void o.emit("error",{type:"error",error:"Invalid scale: ".concat(e)});o.com.sendMessageToMap({type:"zoomToScale",sessionToken:o.sessionToken,scale:e})})),g(m(o),"zoomToCoordinates",(function(e,t,n){isNaN(parseInt(n))||o.com.sendMessageToMap({type:"zoomToCoordinates",sessionToken:o.sessionToken,coordinates:[e,t],zoomLevel:n})})),g(m(o),"zoomToGeometry",(function(e,t){o.com.sendMessageToMap({type:"zoomToGeometry",sessionToken:o.sessionToken,geom:e,limits:t})})),g(m(o),"infoFromCoordinates",(function(e,t,n,r){var s=void 0===t?null:t,i=void 0!==n&&n?parseInt(n):5,a=void 0===r?"xml":r.toLowerCase();"xml"===a||"json"===a?isNaN(i)?console.error("hitTolerance must be a number"):o.com.sendMessageToMap({type:"infoFromCoordinates",info:e,layer:s,format:a,hitTolerance:i,sessionToken:o.sessionToken}):console.error("Format must be 'xml' or 'json")})),g(m(o),"getElementsFromLayer",(function(e,t,n){var r=void 0===n?"xml":n.toLowerCase();if("xml"===r||"json"===r)if(isNaN(t))console.error("Limit must be a number");else{var s=void 0===e?null:e;o.com.sendMessageToMap({type:"getElementsFromLayer",layer:s,limit:void 0!==t?parseInt(t):100,format:n,sessionToken:o.sessionToken})}else console.error("Format must be 'xml' or 'json")})),g(m(o),"Geolocalize",(function(e,t){o.com.sendMessageToMap({type:"Geolocalize",toggle:e,options:t,sessionToken:o.sessionToken})})),g(m(o),"toggleGiswaterTiled",(function(e,t){o.com.sendMessageToMap({type:"toggleTiled",toggle:e,tiled:t,sessionToken:o.sessionToken})})),g(m(o),"toggleTiled",(function(e,t){o.com.sendMessageToMap({type:"toggleTiled",toggle:e,tiled:t,sessionToken:o.sessionToken})})),g(m(o),"getTiled",(function(){o.com.sendMessageToMap({type:"getTiled",sessionToken:o.sessionToken})})),g(m(o),"toggleSecondaryBackground",(function(e){o.com.sendMessageToMap({type:"toggleSecondaryBackground",toggle:e})})),g(m(o),"getSecondaryBackground",(function(){o.com.sendMessageToMap({type:"getSecondaryBackground",sessionToken:o.sessionToken})})),g(m(o),"reloadDisplayedLayers",(function(){return o.com.sendMessageToMap({type:"reloadDisplayedLayers",sessionToken:o.sessionToken})})),g(m(o),"addGeoJSON",(function(e,t,n){return e?o.com.sendMessageToMap({type:"addGeoJSON",geoJSON:e,options:void 0!==t?t:{fillcolor:null,strokecolor:null},name:n||Math.random().toString(36).substring(7),sessionToken:o.sessionToken}):void o.emit("error",{type:"error",error:"No geoJSON data"})})),g(m(o),"clearGeoJSON",(function(e){return e||o.emit("error",{type:"error",error:"No geoJSON layer name"}),o.com.sendMessageToMap({type:"clearGeoJSON",name:e,sessionToken:o.sessionToken})})),g(m(o),"removeGeoJSONLayer",(function(e){return e?o.com.sendMessageToMap({type:"removeGeoJSONLayer",name:e,sessionToken:o.sessionToken}):void o.emit("error",{type:"error",error:"No geoJSON data"})})),g(m(o),"setGiswaterFilters",(function(e){var t=e;if(e){if("object"!=c(e)){e=(e=(e=e.trim()).replace(/^\s+|\s+$/g,"")).replace(/\\/g,"");try{t=JSON.parse(e)}catch(e){return void o.emit("error",{type:"error",error:"Filters is not a valid JSON"})}}return o.com.sendMessageToMap({type:"setGiswaterFilters",filters:t,sessionToken:o.sessionToken})}o.emit("error",{type:"error",error:"No filters"})})),g(m(o),"setFilters",(function(e){var t=e;if(e){if("object"!=c(e)){e=(e=(e=e.trim()).replace(/^\s+|\s+$/g,"")).replace(/\\/g,"");try{t=JSON.parse(e)}catch(e){return void o.emit("error",{type:"error",error:"Filters is not a valid JSON"})}}return t.every((function(e){return Array.isArray(e.filters)}))?o.com.sendMessageToMap({type:"setFilters",filters:t,sessionToken:o.sessionToken}):void o.emit("error",{type:"error",error:"Filters is not a valid JSON - missing filters array"})}o.emit("error",{type:"error",error:"No filters"})})),g(m(o),"getGiswaterLayerAvailableFilters",(function(e){return e?o.com.sendMessageToMap({type:"getGiswaterLayerAvailableFilters",name:e,sessionToken:o.sessionToken}):void o.emit("error",{type:"error",error:"No layer_name"})})),g(m(o),"CenterMap",(function(e,t){o.com.sendMessageToMap({type:"centerMap",coordinates:[e,t]})})),g(m(o),"getToc",(function(){return o.com.sendMessageToMap({type:"getToc",sessionToken:o.sessionToken})})),g(m(o),"setDebug",(function(e){isNaN(parseInt(e))?console.error("Debug is not a integer"):o.com.sendMessageToMap({type:"setDebug",what:e,sessionToken:o.sessionToken})})),g(m(o),"setCustomColors",(function(e){if("object"===c(e)){if(e.hasOwnProperty("geom_stroke_width")){if(isNaN(parseInt(e.geom_stroke_width)))return void console.error("geom_stroke_width is not an number");e.geom_stroke_width=parseInt(e.geom_stroke_width)}else e.geom_stroke_width=1;if(e.hasOwnProperty("geom_radius")){if(isNaN(parseInt(e.geom_radius)))return void console.error("geom_stroke_width is not an number");e.geom_radius=parseInt(e.geom_radius)}else e.geom_radius=4;e.hasOwnProperty("geom_shape")&&"circle"!==e.geom_shape&&"square"!==e.geom_shape&&(e.geom_shape="circle",console.error("geom_shape must be either 'circle' or 'square'")),o.com.sendMessageToMap({type:"setCustomColors",properties:e,sessionToken:o.sessionToken})}else console.error("properties is not an object")})),g(m(o),"changeBackground",(function(e){return o.com.sendMessageToMap({type:"changeBackground",sessionToken:o.sessionToken,newBackground:e})})),g(m(o),"getBackground",(function(){o.com.sendMessageToMap({type:"getBackground",sessionToken:o.sessionToken})})),g(m(o),"initMeasure",(function(e,t,n){return o.com.sendMessageToMap({type:"initMeasure",sessionToken:o.sessionToken,measure:e,textStart:t,textContinue:n})})),g(m(o),"cancelMeasure",(function(){return o.com.sendMessageToMap({type:"cancelMeasure",sessionToken:o.sessionToken})})),g(m(o),"setBboxSize",(function(e){isNaN(parseInt(e))?console.error("bbox is not a integer"):o.com.sendMessageToMap({type:"setBoundingBoxSize",bbox:e,sessionToken:o.sessionToken})})),g(m(o),"addIcon",(function(e){var t=e.icon,n=e.coordinates;t instanceof ArrayBuffer||o.emit("error",{type:"error",error:"Invalid icon: Expected an ArrayBuffer."}),Array.isArray(n)||o.emit("error",{type:"error",error:"Invalid coordinates: Expected an array [longitude, latitude]."}),2===n.length&&"number"==typeof n[0]&&"number"==typeof n[1]||o.emit("error",{type:"error",error:"Invalid coordinates: Expected an array with two numeric values [longitude, latitude]."}),o.com.sendMessageToMap({type:"AddIcon",icon:t,coordinates:n,sessionToken:o.sessionToken})})),g(m(o),"screenshot",(function(e){o.com.sendMessageToMap({type:"screenshot",options:e,sessionToken:o.sessionToken})})),g(m(o),"printPaperSize",(function(e){o.com.sendMessageToMap({type:"printSetPaperSize",paperSize:e,sessionToken:o.sessionToken})})),g(m(o),"printPaperLayout",(function(e){o.com.sendMessageToMap({type:"printSetOrientation",paperLayout:e,sessionToken:o.sessionToken})})),g(m(o),"startPrint",(function(e){o.com.sendMessageToMap({type:"printStart",options:e,sessionToken:o.sessionToken})})),g(m(o),"cancelPrint",(function(e){o.com.sendMessageToMap({type:"printCancel",options:e,sessionToken:o.sessionToken})})),o.domId="map-frame","undefined"==typeof window?f(o):("string"==typeof e.id&&(o.domId=e.id),o.com=new l(e),window.addEventListener("message",(function(e){return o.onMessageReceived(e)})),o.sessionToken=e.sessionToken,o)}return o=i,(t=[{key:"removeListener",value:function(e,o){d(y(i.prototype),"removeListener",this).call(this,e,o)}}])&&u(o.prototype,t),Object.defineProperty(o,"prototype",{writable:!1}),i}(e.EventEmitter)})(),n})()));

package/examples/full/apidemo.js

@@ -1,14 +1,13 @@
 // Config:
 const urlParams = new URLSearchParams(window.location.search);
-const user = urlParams.get('user');
-const pwd = urlParams.get('pwd');
-const apiQuery = urlParams.get('api');
+const user = urlParams.get("user");
+const pwd = urlParams.get("pwd");
+const apiQuery = urlParams.get("api");
 
-if(apiQuery) document.querySelector("#apiurl").value = apiQuery;
+if (apiQuery) document.querySelector("#apiurl").value = apiQuery;
 var apiUrl = document.querySelector("#apiurl").value;
-if(user) document.querySelector("#user").value = user;
-if(pwd) document.querySelector("#pwd").value = pwd;
-
+if (user) document.querySelector("#user").value = user;
+if (pwd) document.querySelector("#pwd").value = pwd;
 
 // UI:
 var usertoken = document.querySelector("#usertoken");
@@ -19,7 +18,9 @@ var btLoadMap = document.querySelector("#btLoadMap");
 var btLoadProjectLayers = document.querySelector("#btLoadProjectLayers");
 var projectlayers = document.getElementById("projectlayers");
 var userData = document.querySelector("#userData");
-var btAddGeoJSONFromGiswater = document.querySelector("#btAddGeoJSONFromGiswater");
+var btAddGeoJSONFromGiswater = document.querySelector(
+  "#btAddGeoJSONFromGiswater"
+);
 
 var btLogin = document.querySelector("#btLogin");
 
@@ -65,7 +66,7 @@ function reqListener() {
     //simulate cache token
     storeToken(res.message);
     //fill user projects selector
-    fillUserProjects(res.message.projects);
+    fillUserProjects(res.message.maps);
   } else {
     console.error(this.status);
     var res = JSON.parse(this.responseText);
@@ -108,8 +109,8 @@ function checkToken() {
     oReq.addEventListener("load", tokenListener);
     oReq.open("GET", `${apiUrl}token/`, true);
     oReq.setRequestHeader("Content-type", "application/json");
-    oReq.setRequestHeader('Authorization',`Bearer ${usertoken.value}`);
-  
+    oReq.setRequestHeader("Authorization", `Bearer ${usertoken.value}`);
+
     oReq.send();
     console.log("Check token", `${apiUrl}token/`);
   } else {
@@ -117,10 +118,45 @@ function checkToken() {
     loginContainer.classList.remove("hide");
   }
 }
+
+function getUserProjects() {
+  //Check if user token is valid
+  console.log("getUserProjects", usertoken.value);
+  if (usertoken.value != "") {
+    //build XMLHttpRequest for checking token
+    var oReq = new XMLHttpRequest();
+    oReq.addEventListener("load", projectsListener);
+    oReq.open("GET", `${apiUrl}maps/`, true);
+    oReq.setRequestHeader("Content-type", "application/json");
+    oReq.setRequestHeader("Authorization", `Bearer ${usertoken.value}`);
+
+    oReq.send();
+    console.log("getUserProjects", `${apiUrl}projects/`);
+  } else {
+  }
+}
+
+function projectsListener() {
+  if (this.status === 200) {
+    var res = JSON.parse(this.responseText);
+    console.log("projectsListener", res.message);
+    var projects = [];
+    for (var i = 0; i < res.message.length; i++) {
+      projects.push(res.message[i].map_id);
+    }
+    fillUserProjects(projects);
+  } else {
+    //if token is invalid, show login form
+    console.error(this.status);
+  }
+}
 function tokenListener() {
   if (this.status === 200) {
     var res = JSON.parse(this.responseText);
     console.log("Valid user token", res.message);
+    console.log("item", localStorage.getItem("selectedProjectId"));
+    getUserProjects();
+
     //get from localstorage last iframe selected
     var cachedMap = localStorage.getItem("iframe");
     if (cachedMap) {
@@ -128,11 +164,8 @@ function tokenListener() {
       mapContainer.classList.remove("hide");
       iframe.src = cachedMap;
       sessionToken.innerHTML = localStorage.getItem("sessionToken");
-      var selectedProjectId = localStorage.getItem("selectedProjectId");
-      if (selectedProjectId) {
-        selectProject(selectedProjectId);
-      }
     }
+    //get user projects
   } else {
     //if token is invalid, show login form
     console.error(this.status);
@@ -148,6 +181,7 @@ function tokenListener() {
 //************** User projects SELECT
 
 function fillUserProjects(options) {
+  console.log("fillUserProjects", options);
   //empty previous options
   var length = projects_select.options.length;
   for (i = length - 1; i >= 0; i--) {
@@ -160,6 +194,11 @@ function fillUserProjects(options) {
     el.value = opt;
     projects_select.appendChild(el);
   }
+
+  var selectedProjectId = localStorage.getItem("selectedProjectId");
+  if (selectedProjectId) {
+    selectProject(selectedProjectId);
+  }
 }
 
 function selectProject(id) {
@@ -193,7 +232,7 @@ btLoadMap.addEventListener("click", function (evt) {
     uri += `&active_layer=${active_layer}`;
   }
   var overrideHost = document.querySelector("#overrideHost").value;
-  if(overrideHost){
+  if (overrideHost) {
     uri += `&overrideHost=${overrideHost}`;
     data.overrideHost = overrideHost;
   }
@@ -218,11 +257,11 @@ btLoadMap.addEventListener("click", function (evt) {
     data.use_giswater_tiled = use_giswater_tiled.checked;
   }
 
-  console.log(uri)
+  console.log(uri);
   var oReq = new XMLHttpRequest();
   oReq.addEventListener("load", mapListener);
   oReq.open("GET", uri, true);
-  oReq.setRequestHeader('Authorization',`Bearer ${usertoken.value}`);
+  oReq.setRequestHeader("Authorization", `Bearer ${usertoken.value}`);
   oReq.setRequestHeader("Content-type", "application/json");
   oReq.send(JSON.stringify(data));
   console.log("Attempt to load map", `${apiUrl}map/${selectedProjectId}`, data);
@@ -261,13 +300,12 @@ btLoadProjectLayers.addEventListener("click", function (evt) {
   var selectedProjectId =
     projects_select.options[projects_select.selectedIndex].value;
 
-  var uri = `${apiUrl}layers/${selectedProjectId}`;
- 
+  var uri = `${apiUrl}/layers/${selectedProjectId}`;
 
   var oReq = new XMLHttpRequest();
   oReq.addEventListener("load", layersListener);
   oReq.open("GET", uri, true);
-  oReq.setRequestHeader('Authorization',`Bearer ${usertoken.value}`);
+  oReq.setRequestHeader("Authorization", `Bearer ${usertoken.value}`);
   oReq.setRequestHeader("Content-type", "application/json");
   oReq.send();
   console.log("Attempt to load project layers", uri);
@@ -278,16 +316,16 @@ function layersListener() {
     console.log("layersListener response", this.responseText);
     var res = JSON.parse(this.responseText);
     var length = projectlayers.options.length;
-    console.log(res)
-    for (i = length-1; i >= 0; i--) {
+    console.log(res);
+    for (i = length - 1; i >= 0; i--) {
       projectlayers.options[i] = null;
     }
-    for(var i = 0; i < res.message.length; i++) {
-        var opt = res.message[i].qgis_name;
-        var el = document.createElement("option");
-        el.textContent = opt;
-        el.value = opt;
-        projectlayers.appendChild(el);
+    for (var i = 0; i < res.message.length; i++) {
+      var opt = res.message[i].qgis_name;
+      var el = document.createElement("option");
+      el.textContent = opt;
+      el.value = opt;
+      projectlayers.appendChild(el);
     }
   } else {
     console.error(this.status);
@@ -300,47 +338,49 @@ function layersListener() {
   }
 }
 
-function fillLayersSelect(options){
+function fillLayersSelect(options) {
   //empty previous options
-
 }
 
-
-if(btAddGeoJSONFromGiswater){
-  btAddGeoJSONFromGiswater.addEventListener("click", function(){
-    let lay = document.getElementById('currentActiveLayerForGeoJSON').innerHTML.trim();
-    console.log(`Requesting Giswater GeoJSON for layer ${lay}`)
-    if(lay && lay!==''){
+if (btAddGeoJSONFromGiswater) {
+  btAddGeoJSONFromGiswater.addEventListener("click", function () {
+    let lay = document
+      .getElementById("currentActiveLayerForGeoJSON")
+      .innerHTML.trim();
+    console.log(`Requesting Giswater GeoJSON for layer ${lay}`);
+    if (lay && lay !== "") {
       apiUrl = document.querySelector("#apiurl").value;
-      //Build XMLHttpRequest 
+      //Build XMLHttpRequest
       var selectedProjectId =
-      projects_select.options[projects_select.selectedIndex].value;
+        projects_select.options[projects_select.selectedIndex].value;
       var uri = `${apiUrl}giswater/geojson/${selectedProjectId}/${lay}`;
       var oReq = new XMLHttpRequest();
       oReq.addEventListener("load", GeoJSONListener);
       oReq.open("GET", uri, true);
-      oReq.setRequestHeader('Authorization',`Bearer ${usertoken.value}`);
+      oReq.setRequestHeader("Authorization", `Bearer ${usertoken.value}`);
       oReq.setRequestHeader("Content-type", "application/json");
       oReq.send();
     }
   });
 }
 
-function GeoJSONListener(){
+function GeoJSONListener() {
   if (this.status === 200) {
-    try{
+    try {
       var res = JSON.parse(this.responseText);
       console.log("GeoJSONListener response", res.message);
-      if(document.getElementById('geojsondata')){
-        document.getElementById('geojsondata').value = JSON.stringify(res.message);
+      if (document.getElementById("geojsondata")) {
+        document.getElementById("geojsondata").value = JSON.stringify(
+          res.message
+        );
         var btAddGeoJSON = document.querySelector("#btAddGeoJSON");
-        if(btAddGeoJSON){
+        if (btAddGeoJSON) {
           btAddGeoJSON.click();
         }
       }
-    }catch(e){
-        console.error("Invalid API response")
-    }  
+    } catch (e) {
+      console.error("Invalid API response");
+    }
   } else {
     console.error(this.status);
   }

package/examples/full/cachedToken.dat

@@ -1 +1 @@
-b215806e0283b050bdcfb4ae795b11f4
+e47b595bdd549b83c9c061918313886e

package/examples/full/cachedTokenData.dat

@@ -1 +1 @@
-132,117,172,175,177,179
+undefined

package/examples/full/docker/Docker_compose.yml

@@ -0,0 +1,14 @@
+
+services:
+  fulldemo:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: fulldemo
+    volumes:
+      - ${PWD}/../:/var/www/html
+    ports:
+      - '3200:80'
+
+networks:
+  vidromaps:

package/examples/full/docker/Dockerfile

@@ -0,0 +1,27 @@
+FROM ubuntu:20.04
+
+# Set timezone to UTC to avoid tzdata interactive mode
+ENV TZ=Etc/UTC
+RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
+
+# Update packages and install Apache + PHP 7.4
+RUN apt-get update && apt-get install -y \
+    apache2 \
+    php7.4 \
+    libapache2-mod-php7.4 \
+    php7.4-cli \
+    php7.4-mbstring \
+    php7.4-xml \
+    php7.4-curl \
+    php7.4-mysql \
+    php7.4-zip \
+    && apt-get clean
+
+# Set working directory
+WORKDIR /var/www/html
+
+# Expose port 80
+EXPOSE 80
+
+# Start Apache in foreground
+CMD ["apache2ctl", "-D", "FOREGROUND"]

package/examples/full/index.php

@@ -2,7 +2,7 @@
 
 <head>
   <title>🛠️ MAP TESTER</title>
-  <link rel="stylesheet" href="../tester.css">
+  <link rel="stylesheet" href="tester.css">
   </link>
   <link rel="icon" type="image/png" href="https://www.vidrosoftware.com/favicon/favicon-32x32.png" sizes="32x32" />
   <link rel="icon" type="image/png" href="https://www.vidrosoftware.com/favicon/favicon-16x16.png" sizes="16x16" />
@@ -160,15 +160,17 @@
   <input type="hidden" name="geojsondata" id="geojsondata" />
   <br><br>
   <b>Options</b><br><br>
-  Stroke color: <input type="text" name="strokecolor" id="strokecolor" size="10" value="#994d4d" placeholder="#000000"> <small>Override stroke color, desfault #ff0000</small><br>
-  Fill color: <input type="text" name="fillcolor" id="fillcolor" size="10" value="#4d995c" placeholder="#000000"> <small>Override fill color, desfault #ff0000</small><br><br>
-  <button id="btAddGeoJSON">Add GeoJSON Layer</button> <button id="btClearGeoJSON">Clear GeoJSON Layers</button><br><br>
+  Geojson layer name: <input type="text" name="geojsonaLayername" id="geojsonaLayername" size="25" value="geojsontest"><br>
+  Stroke color: <input type="text" name="strokecolor" id="strokecolor" size="10" value="#FF0000" placeholder="#000000"> <small>Override stroke color, desfault #ff0000</small><br>
+  Fill color: <input type="text" name="fillcolor" id="fillcolor" size="10" value="#FF0000" placeholder="#000000"> <small>Override fill color, desfault #ff0000</small><br><br>
+    <button id="btSetColors">Set colors</button>
+  <button id="btAddGeoJSON">Add GeoJSON Layer</button> <button id="btClearGeoJSON">Clear GeoJSON Layer</button><br><br>
   <input type="text" name="hitTolerance" id="hitTolerance" size="5" value="" placeholder="5"> <small>Override hit tolerance</small><br><br>
 
   Selected GeoJSON Layer: <select id="geojsonlayers"></select> - <button id="btGeoJSONInfo" disabled="true">GeoJSON Info</button> <button id="btRemoveGeoJSONLayer" disabled="true">Remove GeoJSON Layer</button><br><br>
 
 
-  <script src="https://unpkg.com/@vidro/map-handler@1.0.12/dist/map-handler.js"></script>
+  <script src="https://unpkg.com/@vidro/map-handler@1.2.191/dist/map-handler.js"></script>
   <script src="./tester.js"></script>
   <script src="./apidemo.js"></script>
 </body>

package/examples/full/tester.css

@@ -0,0 +1,74 @@
+* {
+  box-sizing: border-box;
+}
+
+body{
+  background-color: ghostwhite;
+  color: lightslategrey;
+  font-family: Hack, monospace;
+  padding: 20px;
+}
+
+#sessionToken{
+  display: none;
+}
+
+#iframes-container{
+  display: flex;
+  justify-content: space-between;
+  gap: 25px;
+  margin: 25px 0;
+}
+
+iframe{
+  background-color: white;
+  border-radius: 5px;
+  overflow: hidden;
+  border: none;
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
+}
+
+iframe[name=map-frame]{
+  padding: 10px;
+}
+
+pre{
+  overflow: scroll;
+  
+}
+.error{
+  color: red;
+  font-weight: bold;
+}
+.hide{
+  display: none;
+}
+.form{
+  margin: 20px;
+
+}
+.form div{
+  padding: 10px;
+
+}
+
+#Error_container{
+  color: red;
+  font-weight: bold;
+}
+#Result_container{
+  color: blue;
+  font-size: 10px;
+}
+
+small{
+  color: #ccc;
+
+
+}
+
+
+
+
+
+

package/examples/full/tester.js

@@ -92,10 +92,13 @@ communicator.on("geomAdded", function (data) {
   document.getElementById("geom").value = data;
 });
 
+communicator.on("unloaded", function (data) {
+  console.log("unloaded", data);
+});
+
 communicator.on("loaded", function (data) {
   console.log("loaded", data);
 });
-
 communicator.on("layers", function (data) {
   console.log("layers received", data);
   fillDisplayedLayersSelect(data);
@@ -483,6 +486,7 @@ if (btAddGeoJSON) {
     }
     var fillcolor = document.querySelector("#fillcolor");
     var strokecolor = document.querySelector("#strokecolor");
+    var geojsonaLayername = document.querySelector("#geojsonaLayername").value;
 
     //Check JSON
     try {
@@ -496,7 +500,12 @@ if (btAddGeoJSON) {
       if (strokecolor) {
         options.strokecolor = strokecolor.value;
       }
-      communicator.addGeoJSON(JSON.parse(geoToSend), options, geoJSONName);
+
+      communicator.addGeoJSON(
+        JSON.parse(geoToSend),
+        options,
+        geojsonaLayername
+      );
     } catch (e) {
       console.error("invalid geoJSON", e);
     }
@@ -505,7 +514,8 @@ if (btAddGeoJSON) {
 
 if (btClearGeoJSON) {
   btClearGeoJSON.addEventListener("click", function () {
-    communicator.clearGeoJSON();
+    var geojsonaLayername = document.querySelector("#geojsonaLayername").value;
+    communicator.clearGeoJSON(geojsonaLayername);
   });
 }
 
@@ -596,8 +606,8 @@ if (btgetGiswaterFilters) {
 if (btSetColors) {
   btSetColors.addEventListener("click", function () {
     var properties = {
-      geom_stroke_color: "rgb(19, 39, 99,0.5)",
-      geom_fill_color: "rgb(19, 39, 99,0.5)",
+      geom_stroke_color: strokecolor.value,
+      geom_fill_color: fillcolor.value,
       geom_stroke_width: 1,
       geom_shape: "circle",
       geom_radius: 4,

package/examples/react-next/atoms/PrintLayoutSelector.js

@@ -0,0 +1,50 @@
+import { usePrint } from "@/contexts/print";
+const { useMessages } = require("@/contexts/messages");
+const { useState, useEffect } = require("react");
+
+const PrintLayoutSelector = () => {
+  const { zoomToScale } = useMessages();
+  const { paperLayout, setPaperLayout } = usePrint();
+  const layouts = [
+    { id: "landscape", val: "landscape", label: "landscape" },
+    { id: "portrait", val: "portrait", label: "portrait" },
+  ];
+
+  const [actualValue, setActualValue] = useState(
+    paperLayout ? paperLayout : "landscape"
+  );
+  useEffect(() => {
+    if (!paperLayout) return;
+    const current = layouts.find((s) => s.val === paperLayout);
+    if (current) {
+      setActualValue(current.val);
+    } else {
+      setActualValue("landscape");
+    }
+    console.log("paperLayout", paperLayout);
+  }, [paperLayout]);
+  return (
+    <div className="mx-2 pt-2">
+      <label>Layout:</label>
+      <select
+        value={actualValue}
+        onChange={(e) => {
+          const newVal = !isNaN(e.target.value)
+            ? Number(e.target.value)
+            : e.target.value;
+          setActualValue(newVal);
+          setPaperLayout(newVal);
+        }}
+      >
+        {layouts.map((opt, index) => {
+          return (
+            <option key={`opt_layout_${index}`} value={opt.val}>
+              {opt.label}
+            </option>
+          );
+        })}
+      </select>
+    </div>
+  );
+};
+export default PrintLayoutSelector;

package/examples/react-next/atoms/PrintPaperSizeSelector.js

@@ -0,0 +1,48 @@
+import { usePrint } from "@/contexts/print";
+const { useMessages } = require("@/contexts/messages");
+const { useState, useEffect } = require("react");
+
+const PrintPaperSizeSelector = () => {
+  const { zoomToScale } = useMessages();
+  const { paperSize, setPaperSize } = usePrint();
+  const sizes = [
+    { id: "A4", val: "A4", label: "A4" },
+    { id: "A3", val: "A3", label: "A3" },
+  ];
+
+  const [actualValue, setActualValue] = useState(paperSize ? paperSize : "A4");
+  useEffect(() => {
+    if (!paperSize) return;
+    const currentSize = sizes.find((s) => s.val === paperSize);
+    if (currentSize) {
+      setActualValue(currentSize.val);
+    } else {
+      setActualValue("A4");
+    }
+    console.log("paperSize", paperSize);
+  }, [paperSize]);
+  return (
+    <div className="mx-2 pt-2">
+      <label>Paper size:</label>
+      <select
+        value={actualValue}
+        onChange={(e) => {
+          const newVal = !isNaN(e.target.value)
+            ? Number(e.target.value)
+            : e.target.value;
+          setActualValue(newVal);
+          setPaperSize(newVal);
+        }}
+      >
+        {sizes.map((opt, index) => {
+          return (
+            <option key={`opt_${index}`} value={opt.val}>
+              {opt.label}
+            </option>
+          );
+        })}
+      </select>
+    </div>
+  );
+};
+export default PrintPaperSizeSelector;

package/examples/react-next/atoms/ZoomToScaleButton.js

@@ -0,0 +1,57 @@
+const { useMaps } = require("@/contexts/maps");
+const { useMessages } = require("@/contexts/messages");
+const { useState, useEffect } = require("react");
+
+const ZoomToScaleButton = () => {
+  const { zoomToScale } = useMessages();
+  const { mapScale } = useMaps();
+  const scales = [
+    { id: "1:100", val: "1:100", label: "1:100" },
+    { id: "1:200", val: "1:200", label: "1:200" },
+    { id: "1:500", val: "1:500", label: "1:500" },
+    { id: "1:1000", val: "1:1000", label: "1:1000" },
+    { id: "1:2000", val: "1:2000", label: "1:2000" },
+    { id: "1:5000", val: "1:5000", label: "1:5000" },
+    { id: "1:10000", val: "1:10000", label: "1:10000" },
+    { id: "1:50000", val: "1:50000", label: "1:50000" },
+  ];
+
+  const [actualValue, setActualValue] = useState(mapScale ? mapScale : "-1");
+  useEffect(() => {
+    if (!mapScale) return;
+    const scale = scales.find((s) => s.val === mapScale);
+    if (scale) {
+      setActualValue(scale.val);
+    } else {
+      setActualValue("-1");
+    }
+    console.log("mapScale", mapScale, scale);
+  }, [mapScale]);
+  return (
+    <div className="mx-2 pt-2">
+      <label>Zoom to scale:</label>
+      <select
+        value={actualValue}
+        onChange={(e) => {
+          const newVal = !isNaN(e.target.value)
+            ? Number(e.target.value)
+            : e.target.value;
+          setActualValue(newVal);
+          zoomToScale(newVal);
+        }}
+      >
+        <option key={`opt_select_scale`} value="-1">
+          Select scale...
+        </option>
+        {scales.map((opt, index) => {
+          return (
+            <option key={`opt_${index}`} value={opt.val}>
+              {opt.label}
+            </option>
+          );
+        })}
+      </select>
+    </div>
+  );
+};
+export default ZoomToScaleButton;

package/examples/react-next/components/MapButtons.js

@@ -1,3 +1,6 @@
+import PrintLayoutSelector from "@/atoms/PrintLayoutSelector";
+import PrintPaperSizeSelector from "@/atoms/PrintPaperSizeSelector";
+import ZoomToScaleButton from "@/atoms/ZoomToScaleButton";
 import { useAuth } from "@/contexts/auth";
 import { useMaps } from "@/contexts/maps";
 import { useMessages } from "@/contexts/messages";
@@ -100,62 +103,22 @@ const MapButtons = () => {
             Center map to clicked coordinates
           </button>
           <ZoomToScaleButton />
+          <div className="mx-2 pt-2">|</div>
+          <button
+            onClick={(e) => {
+              console.log("Highlight clickedCoordinates", clickedCoordinates);
+            }}
+            disabled={!clickedCoordinates}
+            className="border border-gray-300 bg-black text-white rounded-md p-2"
+          >
+            Print
+          </button>
+
+          <PrintPaperSizeSelector />
+          <PrintLayoutSelector />
         </div>
       )}
     </>
   );
 };
 export default MapButtons;
-
-const ZoomToScaleButton = () => {
-  const { zoomToScale } = useMessages();
-  const { mapScale } = useMaps();
-  const scales = [
-    { id: "1:100", val: "1:100", label: "1:100" },
-    { id: "1:200", val: "1:200", label: "1:200" },
-    { id: "1:500", val: "1:500", label: "1:500" },
-    { id: "1:1000", val: "1:1000", label: "1:1000" },
-    { id: "1:2000", val: "1:2000", label: "1:2000" },
-    { id: "1:5000", val: "1:5000", label: "1:5000" },
-    { id: "1:10000", val: "1:10000", label: "1:10000" },
-    { id: "1:50000", val: "1:50000", label: "1:50000" },
-  ];
-
-  const [actualValue, setActualValue] = useState(mapScale ? mapScale : "-1");
-  useEffect(() => {
-    if (!mapScale) return;
-    const scale = scales.find((s) => s.val === mapScale);
-    if (scale) {
-      setActualValue(scale.val);
-    } else {
-      setActualValue("-1");
-    }
-    console.log("mapScale", mapScale, scale);
-  }, [mapScale]);
-  return (
-    <div className="mx-2 pt-2">
-      <label>Zoom to scale:</label>
-      <select
-        value={actualValue}
-        onChange={(e) => {
-          const newVal = !isNaN(e.target.value)
-            ? Number(e.target.value)
-            : e.target.value;
-          setActualValue(newVal);
-          zoomToScale(newVal);
-        }}
-      >
-        <option key={`opt_select_scale`} value="-1">
-          Select scale...
-        </option>
-        {scales.map((opt, index) => {
-          return (
-            <option key={`opt_${index}`} value={opt.val}>
-              {opt.label}
-            </option>
-          );
-        })}
-      </select>
-    </div>
-  );
-};

package/examples/react-next/components/MapList.js

@@ -1,11 +1,19 @@
 import { useAuth } from "@/contexts/auth";
 import { useMaps } from "@/contexts/maps";
-import { useState } from "react";
-
+import { useEffect, useState } from "react";
+import { getMapId as getMapIdCookie } from "@/shared/cookies";
 const MapList = () => {
   const { GetMap } = useMaps();
   const { projects, logged } = useAuth();
   const [selectedMap, setSelectedMap] = useState("-1");
+  useEffect(() => {
+    if (!logged) return;
+    if (!getMapIdCookie()) {
+      return;
+    }
+
+    setSelectedMap(getMapIdCookie());
+  }, [logged]);
   if (!logged) return null;
   return (
     <div>

package/examples/react-next/contexts/auth.js

@@ -1,7 +1,14 @@
 "use client";
-import { createContext, useContext, useState } from "react";
+import { createContext, useContext, useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
-
+import {
+  getToken,
+  setToken as setTokenCookie,
+  removeToken as removeTokenCookie,
+  setMapList as setMapListCookie,
+  getMapList as getMapListCookie,
+  removeMapList as removeMapListCookie,
+} from "@/shared/cookies";
 const AuthContext = createContext({});
 
 export const AuthProvider = ({ children }) => {
@@ -19,8 +26,46 @@ export const AuthProvider = ({ children }) => {
     setToken(null);
     setUserId(null);
     setProjects([]);
+    removeTokenCookie();
+    removeMapListCookie();
   };
 
+  useEffect(() => {
+    (async () => {
+      if (!getToken()) {
+        console.log("No token found");
+
+        return;
+      }
+      console.log("token cookie found, authenticating...");
+      try {
+        const response = await fetch(`${apiUrl}me`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${getToken()}`,
+          },
+        });
+        const data = await response.json();
+        if (!response.ok) {
+          resetAuthState();
+          return;
+        }
+        setToken(getToken());
+        setUserId(data.message.id);
+        setLogged(true);
+        const listMaps = getMapListCookie();
+        if (listMaps) {
+          setProjects(JSON.parse(listMaps));
+        }
+
+        console.log("authenticated through cookie", data);
+      } catch (error) {
+        console.error("Login error:", error);
+        return { error: true, message: "An unexpected error occurred" };
+      }
+    })();
+  }, []);
   const login = async (email, password) => {
     try {
       const response = await fetch(`${apiUrl}letsgo`, {
@@ -40,9 +85,10 @@ export const AuthProvider = ({ children }) => {
 
       setToken(data.message.token);
       setUserId(data.message.id);
-
       setLogged(true);
       setProjects(data.message.maps);
+      setTokenCookie(data.message.token);
+      setMapListCookie(JSON.stringify(data.message.maps));
     } catch (error) {
       console.error("Login error:", error);
       return { error: true, message: "An unexpected error occurred" };

package/examples/react-next/contexts/maps.js

@@ -1,7 +1,11 @@
 "use client";
 import { createContext, useContext, useState, useEffect } from "react";
 import { useAuth } from "./auth";
-
+import {
+  setMapId as setMapIdCookie,
+  getMapId as getMapIdCookie,
+  removeMapId as removeMapIdCookie,
+} from "@/shared/cookies";
 const MapsContext = createContext({});
 
 export const MapsProvider = ({ children }) => {
@@ -45,6 +49,24 @@ export const MapsProvider = ({ children }) => {
   //tools
   const [selectedTool, setSelectedTool] = useState(null);
 
+  useEffect(() => {
+    if (!token) return;
+    (async () => {
+      if (!getMapIdCookie()) {
+        console.log("No map if cookie found");
+
+        return;
+      }
+      console.log("Map id cookie found, getting map...");
+      try {
+        await GetMap(getMapIdCookie());
+      } catch (error) {
+        console.error("Error getting map from cookie", error);
+        return;
+      }
+    })();
+  }, [token]);
+
   const GetMap = async (id) => {
     let url = `${apiUrl}map/${id}`;
 
@@ -64,12 +86,17 @@ export const MapsProvider = ({ children }) => {
       setMap(
         `${data.message.iframe}?sessionToken=${data.message.sessionToken}`
       );
+      //store map id in cookie, to avoid losing it on page refresh
+      setMapIdCookie(id);
+
       return;
     } catch (error) {
       console.error("Error fetching map:", error);
       setSessionToken(null);
       setMap(null);
       setMapId(null);
+      removeMapIdCookie();
+
       throw error;
     }
   };

package/examples/react-next/contexts/print.js

@@ -0,0 +1,24 @@
+"use client";
+import { createContext, useContext, useState, useEffect } from "react";
+
+const PrintsContext = createContext({});
+
+export const PrintsProvider = ({ children }) => {
+  const [paperSize, setPaperSize] = useState(null);
+  const [paperLayout, setPaperLayout] = useState(null);
+
+  return (
+    <PrintsContext.Provider
+      value={{
+        paperLayout,
+        setPaperLayout,
+        paperSize,
+        setPaperSize,
+      }}
+    >
+      {children}
+    </PrintsContext.Provider>
+  );
+};
+
+export const usePrint = () => useContext(PrintsContext);

package/examples/react-next/package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@vidro/map-handler": "^1.2.179",
+    "js-cookie": "^3.0.5",
     "next": "15.1.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

package/examples/react-next/pages/index.js

@@ -9,6 +9,7 @@ import Image from "next/image";
 import MapList from "@/components/MapList";
 import MapLayers from "@/components/MapLayers";
 import MapFilters from "@/components/MapFilters";
+import { PrintsProvider } from "@/contexts/print";
 
 export default function Home() {
   return (
@@ -16,23 +17,25 @@ export default function Home() {
       <AuthProvider>
         <MessageProvider>
           <MapsProvider>
-            <main className="text-center">
-              <h1 className="text-3xl">Map component REACT integration</h1>
-              <div className="my-5">
-                <AuthComponent />
-              </div>
-              <div className="my-5">
-                <MapList />
-                <MapLayers />
-                <MapFilters />
-              </div>
+            <PrintsProvider>
+              <main className="text-center">
+                <h1 className="text-3xl">Map component REACT integration</h1>
+                <div className="my-5">
+                  <AuthComponent />
+                </div>
+                <div className="my-5">
+                  <MapList />
+                  <MapLayers />
+                  <MapFilters />
+                </div>
 
-              <div className="my-5 bg-gray-100 border border-gray-400  p-4">
-                <MapButtons />
-                <MapInfo />
-                <MapIframe />
-              </div>
-            </main>
+                <div className="my-5 bg-gray-100 border border-gray-400  p-4">
+                  <MapButtons />
+                  <MapInfo />
+                  <MapIframe />
+                </div>
+              </main>
+            </PrintsProvider>
           </MapsProvider>
         </MessageProvider>
       </AuthProvider>

package/examples/react-next/shared/cookies.js

@@ -0,0 +1,23 @@
+import Cookies from "js-cookie";
+export const NAMES = {
+  TOKEN: "componentReactExample-token",
+  MAPID: "componentReactExample-mapId",
+  MAPLIST: "componentReactExample-mapList",
+};
+// Default cookie setter, with the default expiry value:
+const setCookie = (name, value, expires = 7) =>
+  Cookies.set(name, value, { expires: expires });
+// Token: User authentication token
+export const getToken = () => Cookies.get(NAMES.TOKEN) ?? null;
+export const setToken = (token) => setCookie(NAMES.TOKEN, token);
+export const removeToken = () => Cookies.remove(NAMES.TOKEN);
+
+// Map id:
+export const getMapId = () => Cookies.get(NAMES.MAPID) ?? null;
+export const setMapId = (token) => setCookie(NAMES.MAPID, token);
+export const removeMapId = () => Cookies.remove(NAMES.MAPID);
+
+// Map list:
+export const getMapList = () => Cookies.get(NAMES.MAPLIST) ?? null;
+export const setMapList = (token) => setCookie(NAMES.MAPLIST, token);
+export const removeMapList = () => Cookies.remove(NAMES.MAPLIST);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidro/map-handler",
-  "version": "1.2.180",
+  "version": "1.2.192",
   "description": "Tool to achieve the easiest way of communication with the map",
   "homepage": "https://github.com/Vidro-Software-SL/maphandler",
   "repository": {

package/src/index.js

@@ -517,7 +517,7 @@ class Communicator extends EventEmitter {
   /* deprecated since v1.1.19 */
   toggleGiswaterTiled = (toggle, tiled) => {
     this.com.sendMessageToMap({
-      type: "toggleGiswaterTiled",
+      type: "toggleTiled",
       toggle: toggle,
       tiled: tiled,
       sessionToken: this.sessionToken,
@@ -579,9 +579,13 @@ class Communicator extends EventEmitter {
     }
   };
 
-  clearGeoJSON = () => {
+  clearGeoJSON = (name) => {
+    if (!name) {
+      this.emit("error", { type: "error", error: "No geoJSON layer name" });
+    }
     return this.com.sendMessageToMap({
       type: "clearGeoJSON",
+      name: name,
       sessionToken: this.sessionToken,
     });
   };
@@ -836,6 +840,37 @@ class Communicator extends EventEmitter {
       sessionToken: this.sessionToken,
     });
   };
+
+  //***** PRINT ******/
+  printPaperSize = (paperSize) => {
+    this.com.sendMessageToMap({
+      type: "printSetPaperSize",
+      paperSize: paperSize,
+      sessionToken: this.sessionToken,
+    });
+  };
+  printPaperLayout = (paperLayout) => {
+    this.com.sendMessageToMap({
+      type: "printSetOrientation",
+      paperLayout: paperLayout,
+      sessionToken: this.sessionToken,
+    });
+  };
+
+  startPrint = (options) => {
+    this.com.sendMessageToMap({
+      type: "printStart",
+      options,
+      sessionToken: this.sessionToken,
+    });
+  };
+  cancelPrint = (options) => {
+    this.com.sendMessageToMap({
+      type: "printCancel",
+      options,
+      sessionToken: this.sessionToken,
+    });
+  };
 }
 
 export { Communicator };