@realsee/dnalogel 2.0.0-alpha.2 → 2.0.0-alpha.3

package/dist/dnalogel.es.js

@@ -737,7 +737,7 @@ function flush() {
       const component = dirty_components[flushidx];
       flushidx++;
       set_current_component(component);
-      update(component.$$);
+      update$1(component.$$);
     }
     set_current_component(null);
     dirty_components.length = 0;
@@ -760,7 +760,7 @@ function flush() {
   seen_callbacks.clear();
   set_current_component(saved_component);
 }
-function update($$) {
+function update$1($$) {
   if ($$.fragment !== null) {
     $$.update();
     run_all($$.before_update);
@@ -14099,7 +14099,7 @@ function WebGLAttributes(gl, capabilities) {
       attribute = attribute.data;
     return buffers.get(attribute);
   }
-  function remove(attribute) {
+  function remove2(attribute) {
     if (attribute.isInterleavedBufferAttribute)
       attribute = attribute.data;
     var data = buffers.get(attribute);
@@ -14121,7 +14121,7 @@ function WebGLAttributes(gl, capabilities) {
   }
   return {
     get,
-    remove,
+    remove: remove2,
     update: update2
   };
 }
@@ -16606,7 +16606,7 @@ function WebGLProperties() {
     }
     return map;
   }
-  function remove(object) {
+  function remove2(object) {
     properties.delete(object);
   }
   function update2(object, key, value) {
@@ -16617,7 +16617,7 @@ function WebGLProperties() {
   }
   return {
     get,
-    remove,
+    remove: remove2,
     update: update2,
     dispose
   };
@@ -25957,7 +25957,7 @@ CompressedTextureLoader.prototype = Object.assign(Object.create(Loader.prototype
     var loader = new FileLoader(this.manager);
     loader.setPath(this.path);
     loader.setResponseType("arraybuffer");
-    function loadTexture(i2) {
+    function loadTexture2(i2) {
       loader.load(url[i2], function(buffer) {
         var texDatas = scope.parse(buffer, true);
         images[i2] = {
@@ -25980,7 +25980,7 @@ CompressedTextureLoader.prototype = Object.assign(Object.create(Loader.prototype
     if (Array.isArray(url)) {
       var loaded = 0;
       for (var i = 0, il = url.length; i < il; ++i) {
-        loadTexture(i);
+        loadTexture2(i);
       }
     } else {
       loader.load(url, function(buffer) {
@@ -26119,7 +26119,7 @@ CubeTextureLoader.prototype = Object.assign(Object.create(Loader.prototype), {
     loader.setCrossOrigin(this.crossOrigin);
     loader.setPath(this.path);
     var loaded = 0;
-    function loadTexture(i2) {
+    function loadTexture2(i2) {
       loader.load(urls[i2], function(image) {
         texture.images[i2] = image;
         loaded++;
@@ -26131,7 +26131,7 @@ CubeTextureLoader.prototype = Object.assign(Object.create(Loader.prototype), {
       }, void 0, onError);
     }
     for (var i = 0; i < urls.length; ++i) {
-      loadTexture(i);
+      loadTexture2(i);
     }
     return texture;
   }
@@ -33730,12 +33730,12 @@ var FBXLoader = function() {
         }
         fbxTree = new TextParser().parse(FBXText);
       }
-      var textureLoader = new TextureLoader(this.manager).setPath(this.resourcePath || path).setCrossOrigin(this.crossOrigin);
-      return new FBXTreeParser(textureLoader, this.manager).parse(fbxTree);
+      var textureLoader2 = new TextureLoader(this.manager).setPath(this.resourcePath || path).setCrossOrigin(this.crossOrigin);
+      return new FBXTreeParser(textureLoader2, this.manager).parse(fbxTree);
     }
   });
-  function FBXTreeParser(textureLoader, manager) {
-    this.textureLoader = textureLoader;
+  function FBXTreeParser(textureLoader2, manager) {
+    this.textureLoader = textureLoader2;
     this.manager = manager;
   }
   FBXTreeParser.prototype = {
@@ -36934,12 +36934,29 @@ var Tween = function() {
   };
   return Tween2;
 }();
+var VERSION = "18.6.4";
+var nextId = Sequence.nextId;
 var TWEEN = mainGroup;
-TWEEN.getAll.bind(TWEEN);
-TWEEN.removeAll.bind(TWEEN);
-TWEEN.add.bind(TWEEN);
-TWEEN.remove.bind(TWEEN);
-TWEEN.update.bind(TWEEN);
+var getAll = TWEEN.getAll.bind(TWEEN);
+var removeAll = TWEEN.removeAll.bind(TWEEN);
+var add = TWEEN.add.bind(TWEEN);
+var remove = TWEEN.remove.bind(TWEEN);
+var update = TWEEN.update.bind(TWEEN);
+var exports = {
+  Easing: Easing$1,
+  Group,
+  Interpolation,
+  now: now$1,
+  Sequence,
+  nextId,
+  Tween,
+  VERSION,
+  getAll,
+  removeAll,
+  add,
+  remove,
+  update
+};
 const _requestAnimationFrame = window.requestAnimationFrame || ((fn) => setTimeout(fn, 16));
 const _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
 function nextFrame(fn, delay = 0) {
@@ -36995,7 +37012,7 @@ function tween(from, to2, duration, easing = Easing.Linear.None) {
   };
   return tween2;
 }
-function tweenProgress(duration, easing) {
+function tweenProgress$1(duration, easing) {
   return tween({ progress: 0 }, { progress: 1 }, duration, easing);
 }
 var Rotation = /* @__PURE__ */ ((Rotation2) => {
@@ -37118,7 +37135,7 @@ const CameraMovementPlugin = (five) => {
         resolve(false);
       };
       const animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to2.longitude - from.longitude) / args.rotateSpeed * 1e3) : duration;
-      const tween2 = tweenProgress(animeDuration, Easing$1.Linear.None).onUpdate(onUpdate).onComplete(onComplete).onDestroy(onDestroy2);
+      const tween2 = tweenProgress$1(animeDuration, Easing$1.Linear.None).onUpdate(onUpdate).onComplete(onComplete).onDestroy(onDestroy2);
       if (args.rotation === Rotation.Loop) {
         tween2.repeat(Infinity).yoyo(true);
       }
@@ -37142,4 +37159,130 @@ const CameraMovementPlugin = (five) => {
     rotate
   };
 };
-export { CSS3DRenderPlugin, CameraMovementPlugin, ModelChassisCompassPlugin, ModelEntryDoorGuidePlugin, ModelFloorplanPlugin, ModelRoomLabelPlugin, ModelViewPlugin, PanoCursorRaycasterPlugin, PanoFloorplanRadarPlugin, TopviewFloorplanPlugin };
+const textureLoader = new THREE.TextureLoader();
+async function loadTexture(url) {
+  return new Promise((resolve, reject) => {
+    textureLoader.load(url, resolve, void 0, reject);
+  }).then((texture) => {
+    texture.encoding = THREE.sRGBEncoding;
+    return texture;
+  });
+}
+class BetterTween extends exports.Tween {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "disposeMethods", []);
+    __publicField(this, "animationFrameDisposer");
+    __publicField(this, "onDispose", (callback) => {
+      this.disposeMethods.push(callback);
+      return this;
+    });
+    __publicField(this, "play", () => {
+      this.start(0);
+      this.animationFrameDisposer = requestAnimationFrameInterval((time) => this.update(time));
+      return this;
+    });
+    __publicField(this, "dispose", () => {
+      var _a;
+      this.stop();
+      (_a = this.animationFrameDisposer) == null ? void 0 : _a.call(this);
+      this.disposeMethods.forEach((fn) => fn());
+      this.disposeMethods = [];
+      exports.remove(this);
+    });
+  }
+}
+function tweenProgress(duration, easing = exports.Easing.Linear.None) {
+  const tween2 = new BetterTween({ progress: 0 }).to({ progress: 1 });
+  if (duration !== void 0)
+    tween2.duration(duration);
+  if (easing !== void 0)
+    tween2.easing(easing);
+  return tween2;
+}
+const PanoCompassPlugin = function(five, config) {
+  return new PanoCompassController(five, config);
+};
+class PanoCompassController {
+  constructor(five, config) {
+    __publicField(this, "five");
+    __publicField(this, "data");
+    __publicField(this, "config");
+    __publicField(this, "compassMeshTween");
+    __publicField(this, "compassMesh");
+    __publicField(this, "dispose", () => {
+      this.five.off("panoArrived", this.onFivePanoArrived);
+      this.five.off("panoWillArrive", this.onFivePanoWillArrive);
+      this.five.off();
+    });
+    __publicField(this, "loadCompassMesh", async () => {
+      var _a;
+      const compassImageUrl = ((_a = this.config) == null ? void 0 : _a.compassImageUrl) || "//vrlab-image4.ljcdn.com/release/web/v3/north-point-circle.96498e69.png";
+      const texture = await loadTexture(compassImageUrl);
+      const compassGeometry = new THREE.CircleGeometry(0.7, 32);
+      const compassMaterial = new THREE.MeshBasicMaterial({
+        map: texture,
+        transparent: true,
+        opacity: 1,
+        depthTest: false
+      });
+      const compassMesh = new THREE.Mesh(compassGeometry, compassMaterial);
+      compassMesh.rotateX(-Math.PI / 2);
+      compassMesh.name = "pano-compass-mesh";
+      this.compassMesh = compassMesh;
+      this.fixPosition(this.five.panoIndex || 0);
+      if (!this.data)
+        return;
+      this.fixRotation(this.data.north_rad);
+      this.five.scene.add(compassMesh);
+    });
+    __publicField(this, "onFivePanoWillArrive", (panoIndex) => {
+      var _a, _b;
+      if (panoIndex === this.five.panoIndex)
+        return;
+      (_a = this.compassMeshTween) == null ? void 0 : _a.dispose();
+      (_b = this.compassMesh) == null ? void 0 : _b.material.setValues({ opacity: 0 });
+    });
+    __publicField(this, "onFivePanoArrived", (panoIndex) => {
+      var _a, _b;
+      if (((_a = this.compassMesh) == null ? void 0 : _a.material.opacity) !== 0)
+        return;
+      this.fixPosition(panoIndex);
+      (_b = this.compassMeshTween) == null ? void 0 : _b.dispose();
+      this.compassMeshTween = tweenProgress(1e3).onUpdate(({ progress }) => {
+        var _a2;
+        (_a2 = this.compassMesh) == null ? void 0 : _a2.material.setValues({ opacity: progress });
+        this.five.needsRender = true;
+      }).play();
+    });
+    this.five = five;
+    this.config = config;
+    five.once("panoLoaded", this.loadCompassMesh);
+    five.once("dispose", this.dispose);
+    this.five.on("panoArrived", this.onFivePanoArrived);
+    this.five.on("panoWillArrive", this.onFivePanoWillArrive);
+  }
+  load(data) {
+    this.data = data;
+    if (this.compassMesh && !this.five.scene.children.includes(this.compassMesh)) {
+      this.fixRotation(data.north_rad);
+      this.fixPosition(this.five.panoIndex || 0);
+      this.five.scene.add(this.compassMesh);
+    }
+  }
+  fixPosition(panoIndex) {
+    if (!this.compassMesh)
+      return;
+    const standingPosition = this.five.work.observers[panoIndex].standingPosition;
+    const compassPosition = standingPosition.clone().add(new THREE.Vector3(0, 0.01, 0));
+    this.compassMesh.position.copy(compassPosition);
+    this.five.needsRender = true;
+  }
+  fixRotation(northRad) {
+    if (!this.compassMesh)
+      return;
+    this.compassMesh.rotateZ(northRad - Math.PI / 2);
+    this.five.needsRender = true;
+  }
+}
+export { CSS3DRenderPlugin, CameraMovementPlugin, ModelChassisCompassPlugin, ModelEntryDoorGuidePlugin, ModelFloorplanPlugin, ModelRoomLabelPlugin, ModelViewPlugin, PanoCompassPlugin as PanoCompassPluginPlugin, PanoCursorRaycasterPlugin, PanoFloorplanRadarPlugin, TopviewFloorplanPlugin };