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

package/mbt.js

@@ -48092,29 +48092,12 @@ uniform ${i3} ${o3} u_${a3};
   var Layer3 = class extends UserInteractionsLayerMixin_default(Layer2) {
     constructor(options) {
       super(options);
-      if (this.olLayer) {
-        this.olLayer.setVisible(this.visible);
-      }
+      this.olLayer?.setVisible(this.visible);
     }
     defineProperties(options) {
       super.defineProperties(options);
-      let currOlLayer = options.olLayer;
       Object.defineProperties(this, {
-        olLayer: {
-          get: () => {
-            return currOlLayer;
-          },
-          set: (newOlLayer) => {
-            if (currOlLayer === newOlLayer) {
-              return;
-            }
-            currOlLayer = newOlLayer;
-            if (currOlLayer) {
-              currOlLayer.setVisible(this.visible);
-            }
-            this.toggleVisibleListeners();
-          }
-        },
+        olLayer: { value: options.olLayer, writable: true },
         olListenersKeys: {
           value: []
         }
@@ -48129,12 +48112,18 @@ uniform ${i3} ${o3} u_${a3};
       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) {