septima-widget 3.4.1 → 3.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "septima-widget",
-  "version": "3.4.1",
+  "version": "3.4.3",
   "description": "Septima Widget API",
   "type": "module",
   "module": "./widgetapi.mjs",

package/widgetapi.mjs

@@ -1,12 +1,11 @@
 export default class WidgetAPI {
-
   _readylisteners = []
   _controlsreadylisteners = []
   _vectorreadylisteners = []
 
   _target = null
 
-  VERSION = '3.4.1'
+  VERSION = '3.4.3'
 
   constructor(target, config, options) {
     this._target = target
@@ -14,8 +13,8 @@ export default class WidgetAPI {
   }
 
   async _load(target, config, options) {
-    const { load } = await import('https://widget.cdn.septima.dk/3.4.1/core/load.mjs')
-    this._widget = await load(target, config, options, this.VERSION)
+    const { load } = await import('https://widget.cdn.septima.dk/3.4.3/core/load.mjs')
+    this._widget = await load(target, config, options, this)
     this.on('controlsready', () => {
       this._controlsReady()
     })
@@ -30,175 +29,182 @@ export default class WidgetAPI {
   _ready(func) {
     if (!this._widget || typeof this._widget.events === 'undefined') {
       if (func) {
-        this._readylisteners.push(func);
+        this._readylisteners.push(func)
       }
     } else {
       if (func) {
-        func();
+        func()
       } else {
         for (var i = 0; i < this._readylisteners.length; i++) {
-          this._readylisteners[i]();
+          this._readylisteners[i]()
         }
       }
     }
-  };
+    this._widget.events.fireEvent('ready', this)
+  }
 
   _controlsReady(func) {
     if (func) {
       if (this._controlsAreReady) {
-        func();
+        func()
       } else {
-        this._controlsreadylisteners.push(func);
+        this._controlsreadylisteners.push(func)
       }
     } else {
-      this._controlsAreReady = true;
+      this._controlsAreReady = true
       for (var i = 0; i < this._controlsreadylisteners.length; i++) {
-        this._controlsreadylisteners[i]();
+        this._controlsreadylisteners[i]()
       }
     }
-  };
+  }
 
   _vectorsReady(func) {
     if (func) {
       if (this._vectorsAreReady) {
-        func();
+        func()
       } else {
-        this._vectorreadylisteners.push(func);
+        this._vectorreadylisteners.push(func)
       }
     } else {
-      this._vectorsAreReady = true;
+      this._vectorsAreReady = true
       for (var i = 0; i < this._vectorreadylisteners.length; i++) {
-        this._vectorreadylisteners[i]();
+        this._vectorreadylisteners[i]()
       }
     }
-  };
+  }
 
   async _setConfig(config = {}, options = {}) {
-    this._vectorsAreReady = false;
-    this._controlsAreReady = false;
+    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;
-  };
+    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]);
+    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);
-    };
-  };
+      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);
+      this._setConfig(config, options)
     } else {
-      this._ready(() => this._setConfig(config, options));
+      this._ready(() => this._setConfig(config, options))
     }
-  };
+  }
 
   on(event, callback) {
     if (this._widget && typeof this._widget.events !== 'undefined') {
-      this._widget.events.on(event, callback);
+      this._widget.events.on(event, callback)
     } else {
-      this._ready(() => this._widget.events.on(event, callback));
+      this._ready(() => this._widget.events.on(event, callback))
     }
-  };
+  }
 
   addData(config, options, silen) {
-    this._vectorsReady(() => this._widget.addData(config, options, silen));
-  };
+    this._vectorsReady(() => this._widget.addData(config, options, silen))
+  }
 
   removeData(id) {
-    this._vectorsReady(() => this._widget.removeData(id));
-  };
+    this._vectorsReady(() => this._widget.removeData(id))
+  }
 
   addSelect(geojson, options, silent) {
     if (typeof options !== 'undefined' && typeof options.activateZoom === 'undefined') {
-      options.activateZoom = true;
+      options.activateZoom = true
     }
-    this._controlsReady(() => this._widget.addSelect(geojson, options, silent));
-  };
+    this._controlsReady(() => this._widget.addSelect(geojson, options, silent))
+  }
 
   removeSelect(silent) {
-    this._controlsReady(() => this._widget.removeSelect(silent));
-  };
+    this._controlsReady(() => this._widget.removeSelect(silent))
+  }
 
   setView(options) {
-    this._controlsReady(() => this._widget.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;
+      options.activateZoom = true
     }
-    this._vectorsReady(() => this._widget.selectFeatureInLayer(layerId, filterFunction, options, silent));
-  };
+    this._vectorsReady(() =>
+      this._widget.selectFeatureInLayer(layerId, filterFunction, options, silent)
+    )
+  }
 
   deselectFeature(silent) {
-    this._vectorsReady(() => this._widget.deselectFeature(silent));
-  };
+    this._vectorsReady(() => this._widget.deselectFeature(silent))
+  }
 
   showLayer(layerId) {
-    this._controlsReady(() => this._widget.showLayer(layerId));
-  };
+    this._controlsReady(() => this._widget.showLayer(layerId))
+  }
 
   hideLayer(layerId) {
-    this._controlsReady(() => this._widget.hideLayer(layerId));
-  };
+    this._controlsReady(() => this._widget.hideLayer(layerId))
+  }
 
   setLayerOpacity(layerId, opacity) {
-    this._controlsReady(() => this._widget.setLayerOpacity(layerId, opacity));
-  };
+    this._controlsReady(() => this._widget.setLayerOpacity(layerId, opacity))
+  }
 
   reloadLayer(layerId) {
-    this._controlsReady(() => this._widget.reloadLayer(layerId));
-  };
+    this._controlsReady(() => this._widget.reloadLayer(layerId))
+  }
 
   updateLayerParams(layerId, params) {
-    this._controlsReady(() => this._widget.updateLayerParams(layerId, params));
-  };
+    this._controlsReady(() => this._widget.updateLayerParams(layerId, params))
+  }
 
   showPopup(geojson, html, options) {
-    this._controlsReady(() => this._widget.showPopup(geojson, html, options));
-  };
+    this._controlsReady(() => this._widget.showPopup(geojson, html, options))
+  }
 
   hidePopup() {
-    this._controlsReady(() => this._widget.hidePopup());
-  };
+    this._controlsReady(() => this._widget.hidePopup())
+  }
 
   draw(options, callback, sketchCallback) {
-    this._controlsReady(() => this._widget.draw(options, callback, sketchCallback));
-  };
+    this._controlsReady(() => this._widget.draw(options, callback, sketchCallback))
+  }
 
   unDraw() {
-    this._controlsReady(() => this._widget.unDraw());
-  };
+    this._controlsReady(() => this._widget.unDraw())
+  }
 
   createMapImage(options, callback) {
-    this._controlsReady(() => this._widget.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/3.4.1/core/utils.mjs')
+      const { transform } = await import('https://widget.cdn.septima.dk/3.4.3/core/utils.mjs')
       if (callback) {
-        callback(transform(geojson, options));
+        callback(transform(geojson, options))
       } else {
         transform(geojson, options)
       }
-    });
+    })
   }
-
 }