mobility-toolbox-js 2.0.0-beta.62 → 2.0.0-beta.64

package/mbt.js

@@ -48098,8 +48098,23 @@ uniform ${i3} ${o3} u_${a3};
     }
     defineProperties(options) {
       super.defineProperties(options);
+      let currOlLayer = options.olLayer;
       Object.defineProperties(this, {
-        olLayer: { value: options.olLayer, writable: true },
+        olLayer: {
+          get: () => {
+            return currOlLayer;
+          },
+          set: (newOlLayer) => {
+            if (currOlLayer === newOlLayer) {
+              return;
+            }
+            currOlLayer = newOlLayer;
+            if (currOlLayer) {
+              currOlLayer.setVisible(this.visible);
+            }
+            this.toggleVisibleListeners();
+          }
+        },
         olListenersKeys: {
           value: []
         }
@@ -48110,21 +48125,16 @@ uniform ${i3} ${o3} u_${a3};
       if (!this.map) {
         return;
       }
+      this.olLayer?.setVisible(this.visible);
       if (this.olLayer && !this.map?.getLayers()?.getArray()?.includes(this.olLayer)) {
         this.map.addLayer(this.olLayer);
       }
-      this.olListenersKeys.push(this.on("change:visible", () => {
-        if (this.olLayer) {
-          this.olLayer.setVisible(this.visible);
-        }
-      }));
       this.olListenersKeys.push(this.map.getLayers().on("remove", (evt) => {
         if (evt.element === this.olLayer) {
           this.detachFromMap();
         }
       }));
       this.toggleVisibleListeners();
-      this.olListenersKeys.push(this.on("change:visible", this.toggleVisibleListeners));
       if (this.copyrights && this.olLayer) {
         const attributions = this.copyrights || [];
         if (this.olLayer.getLayers) {