septima-widget 3.5.1 → 3.6.0

package/package.json

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

package/widgetapi.mjs

@@ -2,10 +2,11 @@ export default class WidgetAPI {
   _readylisteners = []
   _controlsreadylisteners = []
   _vectorreadylisteners = []
+  _eventListeners = []
 
   _target = null
 
-  VERSION = '3.5.1'
+  VERSION = '3.6.0'
 
   isReady = false
 
@@ -15,7 +16,7 @@ export default class WidgetAPI {
   }
 
   async _load(target, config, options) {
-    const { load } = await import('https://widget.cdn.septima.dk/3.5.1/core/load.mjs')
+    const { load } = await import('https://widget.cdn.septima.dk/3.6.0/core/load.mjs')
     this._widget = await load(target, config, options, this)
     this.on('controlsready', () => {
       this._controlsReady()
@@ -109,11 +110,25 @@ export default class WidgetAPI {
     }
   }
 
-  on(event, callback) {
+  on(event, listener) {
     if (this._widget && typeof this._widget.events !== 'undefined') {
-      this._widget.events.on(event, callback)
+      return this._widget.events.on(event, listener)
     } else {
-      this._ready(() => this._widget.events.on(event, callback))
+      const id = this._eventListeners.length
+      this._eventListeners[id] = null
+      this._ready(() => this._eventListeners[id] = this._widget.events.on(event, listener))
+      return { id }
+    }
+  }
+
+  off(listener) {
+    if (this._widget && typeof this._widget.events !== 'undefined') {
+      if (typeof listener.id !== 'undefined') {
+        listener = this._eventListeners[listener.id]
+      }
+      this._widget.events.off(listener)
+    } else {
+      this._ready(() => this.off(listener))
     }
   }
 
@@ -202,7 +217,7 @@ export default class WidgetAPI {
 
   transform(geojson, options, callback) {
     this._controlsReady(async () => {
-      const { transform } = await import('https://widget.cdn.septima.dk/3.5.1/core/utils.mjs')
+      const { transform } = await import('https://widget.cdn.septima.dk/3.6.0/core/utils.mjs')
       if (callback) {
         callback(transform(geojson, options))
       } else {