septima-widget 0.0.0-dev-ba761 → 0.0.0-dev-bbb42

package/package.json

@@ -1,12 +1,8 @@
 {
   "name": "septima-widget",
-  "version": "0.0.0-dev-ba761",
+  "version": "0.0.0-dev-bbb42",
   "description": "Septima Widget API",
   "type": "module",
-  "main": "./widgetapi.js",
   "module": "./widgetapi.mjs",
-  "exports": {
-    "default": "./widgetapi.mjs"
-  },
   "license": "UNLICENSED"
 }

package/widgetapi.mjs

@@ -0,0 +1,204 @@
+export default 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)
+      }
+    });
+  }
+
+}