septima-widget 0.0.0-dev-ba761 → 0.0.0-dev-2f579

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "septima-widget",
-  "version": "0.0.0-dev-ba761",
+  "version": "0.0.0-dev-2f579",
   "description": "Septima Widget API",
   "type": "module",
   "main": "./widgetapi.js",

package/widgetapi.js

@@ -0,0 +1,206 @@
+class WidgetAPI {
+
+  _readylisteners = []
+  _controlsreadylisteners = []
+  _vectorreadylisteners = []
+
+  _target = null
+
+  VERSION = 'dev'
+
+  constructor(target, config, options) {
+    this._target = target
+    this._load(target, config, options)
+  }
+
+  async _load(target, config, options) {
+    const { load } = await import('https://widget.cdn.septima.dk/dev/core/load.mjs')
+    this._widget = await load(target, config, options, this.VERSION)
+    this.on('controlsready', () => {
+      this._controlsReady()
+    })
+    this.on('vectorready', () => {
+      this._vectorsReady()
+    })
+    this._widget.ready(() => {
+      this._ready()
+    })
+  }
+
+  _ready(func) {
+    if (!this._widget || typeof this._widget.events === 'undefined') {
+      if (func) {
+        this._readylisteners.push(func);
+      }
+    } else {
+      if (func) {
+        func();
+      } else {
+        for (var i = 0; i < this._readylisteners.length; i++) {
+          this._readylisteners[i]();
+        }
+      }
+    }
+  };
+
+  _controlsReady(func) {
+    if (func) {
+      if (this._controlsAreReady) {
+        func();
+      } else {
+        this._controlsreadylisteners.push(func);
+      }
+    } else {
+      this._controlsAreReady = true;
+      for (var i = 0; i < this._controlsreadylisteners.length; i++) {
+        this._controlsreadylisteners[i]();
+      }
+    }
+  };
+
+  _vectorsReady(func) {
+    if (func) {
+      if (this._vectorsAreReady) {
+        func();
+      } else {
+        this._vectorreadylisteners.push(func);
+      }
+    } else {
+      this._vectorsAreReady = true;
+      for (var i = 0; i < this._vectorreadylisteners.length; i++) {
+        this._vectorreadylisteners[i]();
+      }
+    }
+  };
+
+  async _setConfig(config = {}, options = {}) {
+    this._vectorsAreReady = false;
+    this._controlsAreReady = false;
+    this._load(this._target, config, options)
+  };
+
+  getURLParam(name) {
+    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [undefined, ""])[1].replace(/\+/g, '%20')) || null;
+  };
+
+  bind(func, object) {
+    var args = Array.prototype.slice.apply(arguments, [2]);
+    return function () {
+      var newArgs = args.concat(
+        Array.prototype.slice.apply(arguments, [0])
+      );
+      return func.apply(object, newArgs);
+    };
+  };
+
+  setConfig(config, options) {
+    if (this._widget) {
+      this._setConfig(config, options);
+    } else {
+      this._ready(() => this._setConfig(config, options));
+    }
+  };
+
+  on(event, callback) {
+    if (this._widget && typeof this._widget.events !== 'undefined') {
+      this._widget.events.on(event, callback);
+    } else {
+      this._ready(() => this._widget.events.on(event, callback));
+    }
+  };
+
+  addData(config, options, silen) {
+    this._vectorsReady(() => this._widget.addData(config, options, silen));
+  };
+
+  removeData(id) {
+    this._vectorsReady(() => this._widget.removeData(id));
+  };
+
+  addSelect(geojson, options, silent) {
+    if (typeof options !== 'undefined' && typeof options.activateZoom === 'undefined') {
+      options.activateZoom = true;
+    }
+    this._controlsReady(() => this._widget.addSelect(geojson, options, silent));
+  };
+
+  removeSelect(silent) {
+    this._controlsReady(() => this._widget.removeSelect(silent));
+  };
+
+  setView(options) {
+    this._controlsReady(() => this._widget.setView(options));
+  };
+
+  getView(srs) {
+    if (this._widget) {
+      return this._widget.getView(srs)
+    }
+    return null
+  };
+
+  selectFeatureInLayer(layerId, filterFunction, options, silent) {
+    if (typeof options !== 'undefined' && typeof options.activateZoom === 'undefined') {
+      options.activateZoom = true;
+    }
+    this._vectorsReady(() => this._widget.selectFeatureInLayer(layerId, filterFunction, options, silent));
+  };
+
+  deselectFeature(silent) {
+    this._vectorsReady(() => this._widget.deselectFeature(silent));
+  };
+
+  showLayer(layerId) {
+    this._controlsReady(() => this._widget.showLayer(layerId));
+  };
+
+  hideLayer(layerId) {
+    this._controlsReady(() => this._widget.hideLayer(layerId));
+  };
+
+  setLayerOpacity(layerId, opacity) {
+    this._controlsReady(() => this._widget.setLayerOpacity(layerId, opacity));
+  };
+
+  reloadLayer(layerId) {
+    this._controlsReady(() => this._widget.reloadLayer(layerId));
+  };
+
+  updateLayerParams(layerId, params) {
+    this._controlsReady(() => this._widget.updateLayerParams(layerId, params));
+  };
+
+  showPopup(geojson, html, options) {
+    this._controlsReady(() => this._widget.showPopup(geojson, html, options));
+  };
+
+  hidePopup() {
+    this._controlsReady(() => this._widget.hidePopup());
+  };
+
+  draw(options, callback, sketchCallback) {
+    this._controlsReady(() => this._widget.draw(options, callback, sketchCallback));
+  };
+
+  unDraw() {
+    this._controlsReady(() => this._widget.unDraw());
+  };
+
+  createMapImage(options, callback) {
+    this._controlsReady(() => this._widget.createMapImage(options, callback));
+  }
+
+  transform(geojson, options, callback) {
+    this._controlsReady(async () => {
+      const { transform } = await import('https://widget.cdn.septima.dk/dev/core/utils.mjs')
+      if (callback) {
+        callback(transform(geojson, options));
+      } else {
+        transform(geojson, options)
+      }
+    });
+  }
+
+}
+
+window.WidgetAPI = WidgetAPI

package/widgetapi.mjs

@@ -0,0 +1 @@
+class t{_readylisteners=[];_controlsreadylisteners=[];_vectorreadylisteners=[];_target=null;VERSION="0.0.0-dev-2f579";constructor(t,e,a){this._target=t,this._load(t,e,a)}async _load(t,e,a){const{load:i}=await import("./core/load.mjs");this._widget=await i(t,e,a,this.VERSION),this.on("controlsready",(()=>{this._controlsReady()})),this.on("vectorready",(()=>{this._vectorsReady()})),this._widget.ready((()=>{this._ready()}))}_ready(t){if(!this._widget||typeof this._widget.events>"u")t&&this._readylisteners.push(t);else if(t)t();else for(var e=0;e<this._readylisteners.length;e++)this._readylisteners[e]()}_controlsReady(t){if(t)this._controlsAreReady?t():this._controlsreadylisteners.push(t);else{this._controlsAreReady=!0;for(var e=0;e<this._controlsreadylisteners.length;e++)this._controlsreadylisteners[e]()}}_vectorsReady(t){if(t)this._vectorsAreReady?t():this._vectorreadylisteners.push(t);else{this._vectorsAreReady=!0;for(var e=0;e<this._vectorreadylisteners.length;e++)this._vectorreadylisteners[e]()}}async _setConfig(t={},e={}){this._vectorsAreReady=!1,this._controlsAreReady=!1,this._load(this._target,t,e)}getURLParam(t){return decodeURIComponent((new RegExp("[?|&]"+t+"=([^&;]+?)(&|#|;|$)").exec(location.search)||[void 0,""])[1].replace(/\+/g,"%20"))||null}bind(t,e){var a=Array.prototype.slice.apply(arguments,[2]);return function(){var i=a.concat(Array.prototype.slice.apply(arguments,[0]));return t.apply(e,i)}}setConfig(t,e){this._widget?this._setConfig(t,e):this._ready((()=>this._setConfig(t,e)))}on(t,e){this._widget&&typeof this._widget.events<"u"?this._widget.events.on(t,e):this._ready((()=>this._widget.events.on(t,e)))}addData(t,e,a){this._vectorsReady((()=>this._widget.addData(t,e,a)))}removeData(t){this._vectorsReady((()=>this._widget.removeData(t)))}addSelect(t,e,a){typeof e<"u"&&typeof e.activateZoom>"u"&&(e.activateZoom=!0),this._controlsReady((()=>this._widget.addSelect(t,e,a)))}removeSelect(t){this._controlsReady((()=>this._widget.removeSelect(t)))}setView(t){this._controlsReady((()=>this._widget.setView(t)))}getView(t){return this._widget?this._widget.getView(t):null}selectFeatureInLayer(t,e,a,i){typeof a<"u"&&typeof a.activateZoom>"u"&&(a.activateZoom=!0),this._vectorsReady((()=>this._widget.selectFeatureInLayer(t,e,a,i)))}deselectFeature(t){this._vectorsReady((()=>this._widget.deselectFeature(t)))}showLayer(t){this._controlsReady((()=>this._widget.showLayer(t)))}hideLayer(t){this._controlsReady((()=>this._widget.hideLayer(t)))}setLayerOpacity(t,e){this._controlsReady((()=>this._widget.setLayerOpacity(t,e)))}reloadLayer(t){this._controlsReady((()=>this._widget.reloadLayer(t)))}updateLayerParams(t,e){this._controlsReady((()=>this._widget.updateLayerParams(t,e)))}showPopup(t,e,a){this._controlsReady((()=>this._widget.showPopup(t,e,a)))}hidePopup(){this._controlsReady((()=>this._widget.hidePopup()))}draw(t,e,a){this._controlsReady((()=>this._widget.draw(t,e,a)))}unDraw(){this._controlsReady((()=>this._widget.unDraw()))}createMapImage(t,e){this._controlsReady((()=>this._widget.createMapImage(t,e)))}transform(t,e,a){this._controlsReady((async()=>{const{transform:i}=await import("./core/utils.mjs").then((t=>t.D));a?a(i(t,e)):i(t,e)}))}}async function e(a=document){if(!a)return;await async function(t){if(!t)return;const e=t.querySelectorAll("[data-widget-html]");for(let t=0;t<e.length;t++){const a=e[t],i=a.getAttribute("data-widget-html"),s=await(await fetch(i)).text(),r=document.createRange().createContextualFragment(s);a.replaceWith(r)}}(a);const i=a.querySelectorAll("[data-widget],[data-widget-url]");i.length>0&&i.forEach((async e=>{e.getAttribute("data-widget-initialized")||(e.setAttribute("data-widget-initialized",!0),new t(e))})),function(e=document){const a=e.querySelectorAll("[septimamap-address],[septimamap-point]");a.length>0&&a.forEach((async e=>{if(e.getAttribute("data-widget-initialized"))return;e.setAttribute("data-widget-initialized",!0);const a=e.getAttribute("septimamap-pincolor")||"rgba(255,0,0,1)",i=(e.getAttribute("septimamap-layer")||"#dk_standard").replace("sdfe","gst"),s=e.getAttribute("septimamap-zoom")||10,r=e.getAttribute("septimamap-zoomstyle")||"none",o="false"===e.getAttribute("septimamap-overlay"),d=e.getAttribute("septimamap-address");d&&e.setAttribute("data-widget-address",d);const n=e.getAttribute("septimamap-point");n&&e.setAttribute("data-widget-point",n);const l=e.getAttribute("septimamap-text");e.setAttribute("data-widget-text",l);const c=e.getAttribute("septimamap-height");c&&e.setAttribute("data-widget-height",c);const p=e.getAttribute("septimamap-width");p&&e.setAttribute("data-widget-width",p);const h={maxZoomLevel:0,minZoomLevel:13,view:{zoomLevel:3,x:671157,y:6240022},layer:[{namedlayer:i},{id:"marking",features:!0,type:"geojson",data:{type:"FeatureCollection",crs:{type:"name",properties:{name:"urn:ogc:def:crs:EPSG::25832"}},features:[]},template_info:"<% if (text) { %><div class='widget-simple-title'><%= text %></div><% } %><% if (typeof vejnavn !== 'undefined') { %><div class='widget-simple-sub'><div><%= vejnavn %> <%= husnr %></div><div><%= postnr %> <%= postnrnavn %></div></div><% } %>",features_dataType:"json",features_style:{namedstyle:"#100",fillcolor:a,fillcolor_selected:a,fillopacity:.8,fillopacity_selected:1}}],controls:[{showpoint:{layer:"marking",zoom:s-0,zoomStyle:r,type:"popup"},info:{disable:!1,eventtype:"click",type:"cloud",offset:[0,10],className:"widget-simple-popup"}}]};"#osm"===i&&(h.srs="EPSG:3857",h.maxZoomLevel=7,h.minZoomLevel=22,h.view={zoomLevel:3,x:12.57089928,y:55.67707833},h.layer[1].srs=h.srs,h.layer[1].data.crs={type:"name",properties:{name:"urn:ogc:def:crs:EPSG::4326"}},h.layer[1].template_info='<% if (text) { %><div class="widget-simple-title"><%= text %></div><% } %>'+(d?'<div class="widget-simple-sub">'+d+"<div></div></div>":""),h.controls[0].showpoint.srs="EPSG:4326"),o&&(h.controls[0].overlay={}),new t(e,{map:h})}))}(a),function(t=document){const a=t.querySelectorAll("[data-map-id]");a.length>0&&(a.forEach((async t=>{const e=t.getAttribute("data-map-id"),a=t.getAttribute("data-map-token"),i=t.getAttribute("data-map-test");t.removeAttribute("data-map-id"),t.removeAttribute("data-map-token"),t.removeAttribute("data-map-test");const s=`https://${a}.map.${i?"test.":""}septima.dk/rpc/getmap?mapid=${e}&token=${a}`;t.setAttribute("data-widget-url",s)})),e(t))}(a)}export{e as createWidgetsFromDOM,t as default};