@bimdata/viewer 2.6.0-beta.4 → 2.6.0-beta.5

package/dist/bimdata-viewer.esm.min.js

@@ -41011,7 +41011,7 @@ function vgt(t, e) {
     }, null, -1)
   ]));
 }
-const bgt = /* @__PURE__ */ V(wgt, [["render", vgt]]), xgt = "First-person view.", Sgt = {
+const bgt = /* @__PURE__ */ V(wgt, [["render", vgt]]), xgt = "First-person view", Sgt = {
   tooltip: xgt
 }, kgt = "Vue première personne", Qgt = {
   tooltip: kgt
@@ -55764,19 +55764,21 @@ const MCt = /* @__PURE__ */ V(wCt, [["render", QCt], ["__scopeId", "data-v-812fa
   },
   watch: {
     displayed(t) {
+      var e;
       if (t) {
-        this.$plugin.show();
-        const e = this.$viewer.localContext.pluginComponentInstances.get("viewer3d").xeokit.camera;
-        this.syncCameras(e, !0), this.$viewer.localContext.loadedModels.length > 0 && this.loadModels(this.$viewer.localContext.loadedModels);
+        this.initEngine2d(), this.$plugin.show();
+        const i = this.$viewer.localContext.pluginComponentInstances.get("viewer3d").xeokit.camera;
+        this.syncCameras(i, !0), this.$viewer.localContext.loadedModels.length > 0 && this.loadModels(this.$viewer.localContext.loadedModels);
       } else
-        this.$plugin.hide(), this.model && this.unloadModels([this.model], !1);
+        (e = this.viewer) == null || e.destroy(), this.$plugin.hide(), this.model && this.unloadModels([this.model], !1);
     },
     selectedStorey(t) {
+      var e;
       if (!t) {
         this.plugins.spaceNames.clear();
         return;
       }
-      this.viewer.scene.objects.length > 0 && this.plugins.spaceNames.show(t);
+      ((e = this.viewer) == null ? void 0 : e.scene.objects.length) > 0 && this.plugins.spaceNames.show(t);
     }
   },
   created() {
@@ -55799,23 +55801,10 @@ const MCt = /* @__PURE__ */ V(wCt, [["render", QCt], ["__scopeId", "data-v-812fa
     );
   },
   mounted() {
-    this.mounted = !0;
-    const t = K4({ canvas: this.$refs.canvas });
-    t.styles.default.lineWidth = 0.01, t.settings.rotateSpeed = 0.05, t.settings.snapMargin = 0.04, t.settings.minScale = 10, t.textureManager.textureMatrix.scale(0.01, 0.01), t.ui.rotatable = !1, t.ui.translatable = !1, t.ui.scallable = !1, this.viewer = t, this.loadModelFromSVG = ade(this), this.plugins = pB(this, {
-      pen: !1,
-      ruler: !1,
-      angle: !1,
-      compass: !1,
-      surface: !1,
-      path: !1,
-      gauge: !1,
-      doors: !1,
-      caliper: !1,
-      bitmaps: !1
-    }), this.camera3DSubscription = this.$viewer.globalContext.hub.on(
+    this.mounted = !0, this.camera3DSubscription = this.$viewer.globalContext.hub.on(
       "3d-camera-update",
-      (e) => {
-        this.displayed && this.syncCameras(e);
+      (t) => {
+        this.displayed && this.syncCameras(t);
       },
       {
         getLastEvent: !0
@@ -55824,7 +55813,7 @@ const MCt = /* @__PURE__ */ V(wCt, [["render", QCt], ["__scopeId", "data-v-812fa
   },
   unmounted() {
     var t, e, i;
-    this.$viewer.globalContext.hub.off(this.camera3DSubscription), (t = this.queue) == null || t.clear(), Object.values(this.plugins).forEach((n) => {
+    this.$viewer.globalContext.hub.off(this.camera3DSubscription), (t = this.queue) == null || t.clear(), this.plugins && Object.values(this.plugins).forEach((n) => {
       var s;
       return (s = n.destroy) == null ? void 0 : s.call(n);
     }), (e = this.viewer) == null || e.destroy(), (i = this.localContextSubscriptions) == null || i.forEach(
@@ -55832,6 +55821,25 @@ const MCt = /* @__PURE__ */ V(wCt, [["render", QCt], ["__scopeId", "data-v-812fa
     );
   },
   methods: {
+    initEngine2d() {
+      const t = this.$refs.canvasContainer;
+      t.firstChild && t.removeChild(t.firstChild);
+      const e = document.createElement("canvas");
+      e.style.width = "100%", e.style.height = "100%", t.appendChild(e);
+      const i = K4({ canvas: e });
+      i.styles.default.lineWidth = 0.01, i.settings.rotateSpeed = 0.05, i.settings.snapMargin = 0.04, i.settings.minScale = 10, i.textureManager.textureMatrix.scale(0.01, 0.01), i.ui.rotatable = !1, i.ui.translatable = !1, i.ui.scallable = !1, this.viewer = i, this.loadModelFromSVG = ade(this), this.plugins = pB(this, {
+        pen: !1,
+        ruler: !1,
+        angle: !1,
+        compass: !1,
+        surface: !1,
+        path: !1,
+        gauge: !1,
+        doors: !1,
+        caliper: !1,
+        bitmaps: !1
+      });
+    },
     onZoomIn() {
       this.viewer.camera.zoomIn();
     },
@@ -55934,8 +55942,8 @@ function UCt(t, e, i, n, s, r) {
   return S(), O("div", {
     class: pe(["bimdata-mini-map-2d", { "bimdata-mini-map-2d--expanded": s.expanded }])
   }, [
-    v("canvas", {
-      ref: "canvas",
+    v("div", {
+      ref: "canvasContainer",
       class: "bimdata-mini-map-2d__canvas",
       onClick: e[0] || (e[0] = (...C) => r.onCanvasClick && r.onCanvasClick(...C))
     }, null, 512),
@@ -169198,7 +169206,7 @@ let aEi = class {
     );
   }
 };
-const lEi = "@bimdata/viewer", cEi = "module", AEi = "2.6.0-beta.4", uEi = "A customizable BIM viewer.", dEi = [
+const lEi = "@bimdata/viewer", cEi = "module", AEi = "2.6.0-beta.5", uEi = "A customizable BIM viewer.", dEi = [
   "bim",
   "viewer",
   "bimdata",