@realsee/dnalogel 2.1.2-alpha.0 → 2.1.2-alpha.10

package/dist/CruisePlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var U=Object.defineProperty,A=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var C=(s,d,e)=>d in s?U(s,d,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[d]=e,P=(s,d)=>{for(var e in d||(d={}))V.call(d,e)&&C(s,e,d[e]);if(L)for(var e of L(d))q.call(d,e)&&C(s,e,d[e]);return s},j=(s,d)=>A(s,_(d));var S=(s,d,e)=>(C(s,typeof d!="symbol"?d+"":d,e),e);var y=(s,d,e)=>new Promise((t,i)=>{var a=n=>{try{o(e.next(n))}catch(r){i(r)}},u=n=>{try{o(e.throw(n))}catch(r){i(r)}},o=n=>n.done?t(n.value):Promise.resolve(n.value).then(a,u);o((e=e.apply(s,d)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("../chunks/cjs/BasePluginWithData.0a28882d.cjs.js"),R=require("../GuideLinePlugin/index.cjs.js"),k=require("../chunks/cjs/uuid.29ed9c88.cjs.js"),N=require("three"),$=require("../chunks/cjs/equal.e9fcbd4e.cjs.js");require("../chunks/cjs/BasePlugin.57e5204f.cjs.js");require("../chunks/cjs/Subscribe.5398d5c6.cjs.js");require("polyline-normals");require("../chunks/cjs/isNil.b3a58990.cjs.js");function B(s){if(s&&s.__esModule)return s;const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(d,e,t.get?t:{enumerable:!0,get:()=>s[e]})}}return d.default=s,Object.freeze(d)}const T=B(N);function F(s){const d=Math.abs(Math.cos(s.latitude));return new T.Vector3(-Math.sin(s.longitude)*d,-Math.sin(s.latitude),-Math.cos(s.longitude)*d)}function H(s,d){const e=F(s),t=F(d);return e.angleTo(t)}const W=s=>y(exports,null,function*(){try{s().then(()=>{},()=>{}).catch(()=>{})}catch(d){}}),w=Math.PI*2;function z(s){return s>=0&&s<w?s:(s%w+w)%w}function J(s){return{longitude:z(-Math.atan2(s.x,-s.z)),latitude:-Math.asin(s.y/1)}}function X(s,d,e,t){const i=-s/e,a=s;return i*t+a}function Y(s){return new Promise(d=>{setTimeout(()=>{d()},s)})}const G="v1.0.6",K="CruisePlugin",x=`${K}@${G}`,D=()=>{console.error(`${x} is disposed`)},Z=()=>{console.warn(`${x} is disabled`)},ee=()=>{console.error(`${x} is disabled`)},M=new Map;class E extends Q.Controller{constructor(e,t){super(e,t);S(this,"state",{visible:!0,enabled:!0,disposed:!1,playing:!1,speed:1,config:{speedConfig:{rotateSpeed:.001,rotateSpeedUnit:"rad/ms",moveSpeed:.002,moveSpeedUnit:"m/ms"}}});S(this,"data");S(this,"config");S(this,"privateState",{playing:!1,currentPlayQueue:[],currentPlayKeyframe:null,broke:!1,disposers:[],modeChanging:!1});S(this,"GuideLine");this.config=t,Object.assign(window,{[`__${K}_DEBUG__`]:this});const i=this.setFiveLinearUpdateCamera.bind(this),a=this.setFiveOriginUpdateCamera.bind(this);this.hooks.on("play",i),this.hooks.on("broke",a),this.hooks.on("end",a),this.hooks.on("pause",a),this.privateState.disposers.push(()=>{this.hooks.off("play",i),this.hooks.off("broke",a),this.hooks.off("end",a),this.hooks.off("pause",a)})}load(e,t,i){return y(this,null,function*(){var l,m,h,f,g;if(this.state.disposed)return D();this.privateState.fiveOriginGetProgress||(m=(l=this.five.controller)==null?void 0:l.cameraMotion)!=null&&m.getProgress||(yield this.waitFiveLoaded(),this.privateState.fiveOriginGetProgress=(f=(h=this.five.controller)==null?void 0:h.cameraMotion)==null?void 0:f.getProgress),this.clear();const a=this.data?JSON.parse(JSON.stringify(this.data)):void 0,u=yield this.formatData(e);this.data=u,this.hooks.emit("dataChange",u,a);let o=[],n;const r=this.data.keyframes.filter(c=>c.data.panoIndex!==void 0);r.filter((c,v)=>{var p;return c.data.panoIndex!==((p=r[v-1])==null?void 0:p.data.panoIndex)}).map(c=>c.data.panoIndex).forEach(c=>{var p,I;const v=(p=this.five.work.observers[c])==null?void 0:p.floorIndex;if(v!==void 0)if(n===v){const b=o.length-1;o[b]=[...(I=o[b])!=null?I:[],c]}else{n=v;const b=o.length;o[b]=[c]}}),this.GuideLine||(this.GuideLine=R.GuideLinePlugin(this.five,this.config)),(g=this.GuideLine)==null||g.load({routes:o.map(c=>({panoIndexList:c}))}),this.setState({playing:!1}),this.handleVisible(this.state.visible),this.handleEnable(this.state.enabled),this.changePlayState(this.state.playing),this.changeSpeed(this.state.speed),t&&this.setState(t,{userAction:i}),console.log(`${x} loaded`,u),this.hooks.emit("dataLoaded",u)})}play(e){this.setState({playing:!0},e)}playFrom(e){const{index:t,id:i,userAction:a}=e;this.state.playing&&this.setState({playing:!1},{userAction:a}),this.setState({playing:!0},{userAction:a,playFromIndex:t,playFromId:i})}playFromStart(e){return this.playFrom(j(P({},e),{index:0}))}pause(e){this.setState({playing:!1},e)}show(e){return y(this,null,function*(){this.setState({visible:!0},e)})}hide(e){return y(this,null,function*(){this.setState({visible:!1},e)})}enable(e){this.setState({enabled:!0},e)}disable(e){this.setState({enabled:!1},e)}dispose(){this.setState({disposed:!0})}setState(e,t){var a;if(this.state.disposed)return D();if(!this.state.enabled&&e.enabled!==!0&&e.disposed!==!0)return ee();const i=P({},this.state);this.state=P(P({},this.state),e),e.disposed!==void 0&&e.disposed!==i.disposed&&e.disposed&&this.handleDispose(),e.visible!==void 0&&e.visible!==i.visible&&this.handleVisible(e.visible,t==null?void 0:t.userAction),e.enabled!==void 0&&e.enabled!==i.enabled&&this.handleEnable(e.enabled,t==null?void 0:t.userAction),e.playing!==void 0&&e.playing!==i.playing&&this.changePlayState(e.playing,t),e.speed!==void 0&&e.speed!==i.speed&&this.changeSpeed(e.speed,t==null?void 0:t.userAction),$.equal(i,this.state,{deep:!0})||this.hooks.emit("stateChange",{state:this.state,prevState:i,userAction:(a=t==null?void 0:t.userAction)!=null?a:!0})}formatData(e){return y(this,null,function*(){this.five.work||(yield this.waitFiveLoaded());const t=this.five.work.observers,i=(()=>{const a=e;return typeof a=="object"&&a!==null&&a.version&&a.data?a.data:a})();if(i.keyframes)return{keyframesId:k.uuid(),keyframes:i.keyframes.map((a,u)=>{var r;const o=i.keyframes[u+1],n=(()=>!o||o.start===void 0||a.end===void 0?0:o.start-a.end)();return P({id:(r=a.uuid)!=null?r:k.uuid(),moveIndex:u,stay:n,index:u},a)})};if(i.panoIndexList){let a=[];const{moveEffect:u,moveToFirstPanoEffect:o}=i;return this.privateState.moveToFirstPanoEffect=o,i.panoIndexList.forEach((n,r)=>{const l=(()=>{var c,v,p,I;const m=i.panoIndexList.slice(r).find(b=>b!==n);if(m===void 0)return;const h=(c=t[n])==null?void 0:c.position,f=(v=t[m])==null?void 0:v.position;if(!f||!h||((p=t[n])==null?void 0:p.floorIndex)!==((I=t[m])==null?void 0:I.floorIndex))return;const g=new T.Vector3().subVectors(f,h);return J(g)})();i.moveType===void 0||i.moveType==="justMove"?a.push({moveIndex:r,stay:i.stay,data:P({effect:"Move",panoIndex:n,moveEffect:u},l!=null?l:{})}):i.moveType==="moveAndRotate"&&(a.push({moveIndex:r,stay:i.stay,data:{effect:"Move",panoIndex:n,moveEffect:u}}),l&&a.push({moveIndex:r,stay:i.stay,data:P({effect:"Rotate",panoIndex:n},l)}))}),{keyframesId:k.uuid(),keyframes:a.map((n,r)=>P({id:k.uuid(),index:r},n))}}else throw new Error("format error: data no keyframes or no panoIndexList")})}handleEnable(e,t=!0){var i,a;e?((i=this.GuideLine)==null||i.enable(),this.hooks.emit("enable",{userAction:t})):((a=this.GuideLine)==null||a.disable(),this.changePlayState(!1,{userAction:t}),this.hooks.emit("disable",{userAction:t})),this.state.enabled=e}handleVisible(e,t=!0){var i,a;e?((i=this.GuideLine)==null||i.show(),this.actionIfStateIsEnabled(()=>this.hooks.emit("show",{userAction:t}))):((a=this.GuideLine)==null||a.hide(),this.actionIfStateIsEnabled(()=>this.hooks.emit("hide",{userAction:t}))),this.state.visible=e}changePlayState(e,t){this.actionIfStateIsEnabled(()=>{var i;return this.hooks.emit("playStateChange",e?"playing":"pause",{userAction:(i=t==null?void 0:t.userAction)!=null?i:!0})}),e?this.handlePlay(t):this.handlePause(t),this.state.playing=e}handlePlay(e){return y(this,null,function*(){var f;const{data:t,state:i,privateState:a,hooks:u}=this;if(a.playing||!(t!=null&&t.keyframes)||(t==null?void 0:t.keyframes.length)===0)return;const o=k.uuid();a.playId=o,a.playing=!0,a.broke=!1;const n=t.keyframes,r=this.getPauseData();(e==null?void 0:e.notEmitEvent)!==!0&&u.emit("play",{userAction:(f=e==null?void 0:e.userAction)!=null?f:!0});let l=!1;const h=yield(()=>y(this,null,function*(){var g,c;if((e==null?void 0:e.playFromIndex)!==void 0)return e.playFromIndex;if((e==null?void 0:e.playFromId)!==void 0)return(g=this.data)==null?void 0:g.keyframes.findIndex(v=>v.id===e.playFromId);if(r!=null&&r.keyframeId){const v=(c=this.data)==null?void 0:c.keyframes.find(p=>p.id===r.keyframeId);if(r!=null&&r.fiveState&&(yield this.move(r.fiveState,{moveEffect:a.moveToFirstPanoEffect})),v){if(v.data.effect==="Move")return v.index;if(v.data.effect==="Rotate"){const p=r.duration!==void 0?r.duration*(1-r.playedProgress):void 0;return yield this.playKeyframe(v,{duration:p}),l=!0,v.index+1}}}}))();this.clearPauseData();for(const g of n){if(a.broke||!i.playing||!a.playing||o!==a.playId)return;if(!(h!==void 0&&g.index<h))try{u.emit("playIndexChange",g.index,g),yield this.playKeyframe(g,{moveEffect:l===!1?a.moveToFirstPanoEffect:void 0,duration:800}),g.stay&&(yield Y(g.stay)),l===!1&&(l=!0)}catch(c){return Promise.resolve("broke")}}i.playing&&o===a.playId&&(this.setState({playing:!1},{userAction:!1}),u.emit("end"),this.clearPauseData())})}handlePause(e){var u;const{state:t,privateState:i,hooks:a}=this;t.playing=!1,i.playing!==!1&&(i.playing=!1,this.setPauseData(),i.broke||this.forceInteruptUpdateCamera(),(e==null?void 0:e.notEmitEvent)!==!0&&a.emit("pause",{userAction:(u=e==null?void 0:e.userAction)!=null?u:!0}))}playKeyframe(e,t){return y(this,null,function*(){var a;const{privateState:i}=this;return((a=this.privateState.currentPlayKeyframe)==null?void 0:a.keyframe.id)!==e.id&&(this.privateState.currentPlayKeyframe={keyframe:e}),i.currentPlayQueue.push(this.getPlayPromise(e,t)),this.actionPromiseQueue()})}addInterruptListener(e){const t=()=>{this.privateState.modeChanging||e()},i=e;return this.five.once("gesture",i),this.five.once("wantsChangeMode",t),()=>{this.five.off("gesture",i),this.five.once("wantsChangeMode",t)}}getPlayPromise(e,t){return y(this,null,function*(){var a;const i=e.data;if((a=t==null?void 0:t.duration)!=null||e.start!==void 0&&e.end!==void 0&&e.end-e.start,!!i)return new Promise((u,o)=>{let n=!1;this.addInterruptListener(()=>{if(!n)return this.hooks.emit("broke"),this.privateState.broke=!0,this.setState({playing:!1}),n=!0,o(new Error("play is interupted"))});try{if(n)return;const r=()=>{u(),n=!0};switch(i.effect){case"Move":this.move(i,t).then(r);break;case"Rotate":this.rotate(i,t).then(r);break;default:this.rotate(i,t).then(r)}}catch(r){}})})}actionPromiseQueue(){return y(this,null,function*(){const{privateState:e}=this;return new Promise((t,i)=>{if(e.currentPlayQueue.length===0){t();return}const a=e.currentPlayQueue.shift();if(!a){t();return}a.then(t,i)}).then(()=>e.currentPlayQueue.length===0?Promise.resolve():this.actionPromiseQueue())})}move(e,t){return y(this,null,function*(){if(e.mode&&e.mode!==this.five.currentMode)yield this.changeMode(e);else if(e.panoIndex!==this.five.panoIndex)yield this.changePano(e,t);else return Promise.resolve()})}rotate(e,t){return y(this,null,function*(){if(e.mode&&e.mode!==this.five.currentMode)yield this.changeMode({mode:e.mode,panoIndex:e.panoIndex});else if(e.panoIndex&&e.panoIndex!==this.five.panoIndex)return yield this.changePano(e,t);yield this.updateCamera(e,t==null?void 0:t.duration)})}updateCamera(e,t=800){return y(this,null,function*(){const{five:i,privateState:a,state:u}=this;let o=t;const n=(()=>{var h,f;const l=(h=u.config)==null?void 0:h.speedConfig,m=(f=e.rotateSpeed)!=null?f:l==null?void 0:l.rotateSpeed;if((l==null?void 0:l.rotateSpeedUnit)===void 0)return m;if(m!==void 0)return l.rotateSpeedUnit==="rad/ms"?m:m/1e3})();if(n){const l=this.five.getCurrentState();o=H(l,e)/n}a.currentPlayKeyframe&&(a.currentPlayKeyframe.originDuration=o);const r=this.getSpeededDuration(o);return new Promise(l=>{W(()=>i.updateCamera(e,r)),setTimeout(()=>l(),r)})})}changePano(e,t){return y(this,null,function*(){var m;const{five:i,privateState:a,state:u}=this;if(typeof e.panoIndex!="number"||e.panoIndex===i.panoIndex)return;i.getCurrentState().mode;const o=i.getCurrentState().mode!=="Panorama";o&&(this.privateState.modeChanging=!0);let n=(m=t==null?void 0:t.duration)!=null?m:800;const r=(()=>{var g,c;const h=(g=u.config)==null?void 0:g.speedConfig,f=(c=e.moveSpeed)!=null?c:h==null?void 0:h.moveSpeed;if((h==null?void 0:h.moveSpeedUnit)===void 0)return f;if(f!==void 0)return h.moveSpeedUnit==="m/ms"?f:f/1e3})();if(r&&typeof i.panoIndex=="number"&&typeof e.panoIndex=="number"){const h=i.work.observers[i.panoIndex].position,f=i.work.observers[e.panoIndex].position;n=h.distanceTo(f)/r}a.currentPlayKeyframe&&(a.currentPlayKeyframe.originDuration=n);const l=this.getSpeededDuration(n);yield new Promise(h=>{var f,g,c;i.moveToPano(e.panoIndex,{latitude:e.latitude,longitude:e.longitude,fov:e.fov,duration:l,effect:(c=(g=t==null?void 0:t.moveEffect)!=null?g:(f=this.state.config)==null?void 0:f.moveEffect)!=null?c:e.moveEffect,moveCancelCallback:()=>h(),moveEndCallback:()=>h()}),o&&i.once("panoArrived",()=>h())}),o&&(this.privateState.modeChanging=!1)})}changeSpeed(e,t=!0){const{state:i,privateState:a,hooks:u}=this,{currentPlayKeyframe:o}=a;if(u.emit("speedChange",e,{userAction:t}),i.playing&&o)try{const n=o.originDuration!==void 0?o.originDuration*(1-this.getProgress()):void 0,r=this.playKeyframe(o.keyframe,{duration:n});a.currentPlayQueue.push(r)}catch(n){}}getSpeededDuration(e){return e/this.state.speed}getProgress(){return this.five.controller.cameraMotion.progress}changeMode(e,t){return y(this,null,function*(){e.mode&&e.mode!==this.five.currentMode&&(this.privateState.modeChanging=!0,console.log("this.privateState.modeChanging",this.privateState.modeChanging),yield this.five.changeMode(e.mode,e,t),this.privateState.modeChanging=!1)})}forceInteruptUpdateCamera(){this.five.updateCamera({},0)}getPauseData(){var e,t;if((e=this.data)!=null&&e.keyframesId)return M.get((t=this.data)==null?void 0:t.keyframesId)}setPauseData(){var e,t,i,a;if((e=this.data)!=null&&e.keyframesId)return M.set((t=this.data)==null?void 0:t.keyframesId,{keyframeId:(i=this.privateState.currentPlayKeyframe)==null?void 0:i.keyframe.id,fiveState:this.five.getCurrentState(),duration:(a=this.privateState.currentPlayKeyframe)==null?void 0:a.originDuration,playedProgress:this.getProgress()})}clearPauseData(){var e,t;if((e=this.data)!=null&&e.keyframesId)return M.delete((t=this.data)==null?void 0:t.keyframesId)}clear(){this.clearPauseData(),this.privateState.currentPlayKeyframe=null}handleDispose(){var e,t;this.setState({playing:!1}),this.clearPauseData(),this.clear(),(e=this.GuideLine)==null||e.dispose(),this.GuideLine=void 0,(t=this.privateState.disposers)==null||t.forEach(i=>i==null?void 0:i())}actionIfStateIsEnabled(e,t){if(this.state.enabled)return e();t!=null&&t.warnLog&&Z()}waitFiveLoaded(){return y(this,null,function*(){return new Promise(e=>{if(this.five.work){e();return}this.five.once("loaded",()=>{e()})})})}setFiveLinearUpdateCamera(){!this.privateState.fiveOriginGetProgress||(this.five.controller.cameraMotion.getProgress=e=>{const t=this.five.controller.cameraMotion,i=e-t.startTime;return i<0?0:i>=t.duration?1:1-X(1,t.startVelocity,t.duration,i)})}setFiveOriginUpdateCamera(){!this.privateState.fiveOriginGetProgress||(this.five.controller.cameraMotion.getProgress=this.privateState.fiveOriginGetProgress)}}S(E,"PluginVersion",G);const O=s=>new E(s);exports.CruisePlugin=O;exports.CruisePluginController=E;exports.default=O;

package/dist/GuideLinePlugin/index..js

@@ -0,0 +1,214 @@
+var z = Object.defineProperty;
+var S = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
+var T = (n, s, e) => s in n ? z(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e, I = (n, s) => {
+  for (var e in s || (s = {}))
+    H.call(s, e) && T(n, e, s[e]);
+  if (S)
+    for (var e of S(s))
+      X.call(s, e) && T(n, e, s[e]);
+  return n;
+};
+var L = (n, s, e) => (T(n, typeof s != "symbol" ? s + "" : s, e), e);
+var M = (n, s, e) => new Promise((i, r) => {
+  var d = (h) => {
+    try {
+      f(e.next(h));
+    } catch (m) {
+      r(m);
+    }
+  }, u = (h) => {
+    try {
+      f(e.throw(h));
+    } catch (m) {
+      r(m);
+    }
+  }, f = (h) => h.done ? i(h.value) : Promise.resolve(h.value).then(d, u);
+  f((e = e.apply(n, s)).next());
+});
+import { Controller as D } from "../chunks/es/BasePluginWithData.4bf4e649.es.js";
+import * as p from "three";
+import { Vector3 as R } from "three";
+import j from "polyline-normals";
+import { notNil as U } from "../chunks/es/isNil.212842d9.es.js";
+import { equal as q } from "../chunks/es/equal.7db4a6f7.es.js";
+import "../chunks/es/BasePlugin.813e25f7.es.js";
+import "../chunks/es/Subscribe.c73e0f91.es.js";
+const J = 2, Y = 3, Z = 3, K = 2;
+function Q(n, s) {
+  var u, f, h;
+  if (n.length < 2)
+    return console.warn("positionList length must be greater than 1"), [];
+  const e = (u = s == null ? void 0 : s.unitWidth) != null ? u : 0.5, i = (f = s == null ? void 0 : s.unitHeight) != null ? f : 0.5, r = (h = s == null ? void 0 : s.skipPanoIndexMesh) != null ? h : !1, d = new p.CatmullRomCurve3(n, !1, "catmullrom", 1);
+  if (r) {
+    const m = Math.ceil(d.getLength() / i * 1.5), l = d.getPoints(m), v = [];
+    let o = 0;
+    const g = n;
+    return g.forEach((w, A) => {
+      let c = 0, t = 99999999;
+      l.forEach((b, a) => {
+        const G = b.distanceTo(w);
+        G < t && (c = a, t = G);
+      });
+      const E = l[c + 1], P = E == null ? void 0 : E.distanceTo(w), x = l[c - 1], N = x == null ? void 0 : x.distanceTo(w);
+      if (c > o && c - o > 1) {
+        let b = c;
+        x !== void 0 && N > 0.8 && (b = c + 1), x !== void 0 && N > 0.2 && N < 0.3 ? b = c : t > 0.2 && t < 0.3 && (b = c + 1);
+        let a = o;
+        if (E !== void 0 && P > 0.2 && P < 0.3 ? a = o + 1 : t > 0.2 && t < 0.3 && (a = o), l[a] && l[a + 1]) {
+          const y = g[A - 1];
+          if (y)
+            if (y.equals(l[a]))
+              a += 1;
+            else {
+              const W = new R().subVectors(l[a + 1], l[a]), $ = new R().subVectors(y, l[a]);
+              W.angleTo($) < Math.PI / 2 && (a += 1);
+            }
+        }
+        if (b < a || b - a <= 1)
+          return;
+        const G = l.slice(a, b), _ = k(G, e, i);
+        v.push(_), o = c;
+      }
+    }), v;
+  } else {
+    const m = Math.ceil(d.getLength()), l = d.getPoints(m);
+    return [k(l, e, i)];
+  }
+}
+function k(n, s, e) {
+  const i = s / 2, r = e / s, d = n.length, u = j(n.map((t) => [t.x, t.z])), h = (n.length - 1) * J * Y, m = 2 * d, l = m * Z, v = m * K, o = new Uint32Array(h), g = new Float32Array(l), w = new Float32Array(v);
+  n.forEach((t, E) => {
+  });
+  let A = 0;
+  for (let t = 0; t < n.length; t++) {
+    const [E, P] = u[t][0], x = n[t], { x: N, y: b, z: a } = x, G = new R(N + E * i, b + 0.05, a + P * i);
+    g[t * 6 + 0] = G.x, g[t * 6 + 1] = G.y, g[t * 6 + 2] = G.z;
+    const _ = new R(N - E * i, b + 0.05, a - P * i);
+    g[t * 6 + 3] = _.x, g[t * 6 + 4] = _.y, g[t * 6 + 5] = _.z, A += t > 0 ? n[t - 1].clone().sub(n[t]).length() : 0;
+    const y = A / s / r;
+    w[t * 4 + 0] = 0, w[t * 4 + 1] = y, w[t * 4 + 2] = 1, w[t * 4 + 3] = y, t !== n.length - 1 && (o[t * 6 + 0] = t * 2 + 0, o[t * 6 + 1] = t * 2 + 2, o[t * 6 + 2] = t * 2 + 1, o[t * 6 + 3] = t * 2 + 2, o[t * 6 + 4] = t * 2 + 3, o[t * 6 + 5] = t * 2 + 1);
+  }
+  const c = new p.BufferGeometry();
+  return c.setAttribute("position", new p.BufferAttribute(g, 3)), c.setAttribute("uv", new p.BufferAttribute(w, 2)), c.setIndex(new p.BufferAttribute(o, 1)), c;
+}
+function ee(n) {
+  const s = new p.TextureLoader().load(n.textureUrl);
+  return s.wrapS = s.wrapT = p.RepeatWrapping, s.encoding = p.sRGBEncoding, new p.MeshBasicMaterial({
+    color: 16777215,
+    map: s,
+    transparent: !0,
+    opacity: 0.8
+  });
+}
+const O = "v1.0.1", C = "GuideLinePlugin", B = `${C}@${O}`, V = (n) => `${B}--${n}`;
+class F extends D {
+  constructor(e, i) {
+    super(e, i);
+    L(this, "state", {
+      visible: !1,
+      enabled: !0,
+      disposed: !1
+    });
+    L(this, "data");
+    L(this, "linesGroup");
+    L(this, "disposedErrorLog", () => {
+      console.error(`${B} is disposed`);
+    });
+    L(this, "actionWhenEnabled", (e) => {
+      if (this.state.enabled)
+        return e();
+    });
+    Object.assign(window, { [`__${C}_DEBUG__`]: this });
+  }
+  load(e, i, r = !0) {
+    return M(this, null, function* () {
+      const d = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, u = yield this.formatData(e);
+      this.hooks.emit("dataChange", u, d), this.data = u, this.linesGroup && this.five.scene.remove(this.linesGroup);
+      const f = this.getLinesGroup(u.routes);
+      !f || (this.linesGroup = f, yield this.waitFiveModelLoaded(), this.five.scene.add(f), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i), this.five.needsRender = !0, this.hooks.emit("dataLoaded", u), console.log(`${B} loaded`, u));
+    });
+  }
+  formatData(e) {
+    return M(this, null, function* () {
+      return typeof e == "object" && e !== null && e.version && e.data ? e.data : e;
+    });
+  }
+  show(e) {
+    return M(this, null, function* () {
+      this.setState({ visible: !0 }, e);
+    });
+  }
+  hide(e) {
+    return M(this, null, function* () {
+      this.setState({ visible: !1 }, e);
+    });
+  }
+  enable(e) {
+    this.setState({ enabled: !0 }, e);
+  }
+  disable(e) {
+    this.setState({ enabled: !1 }, e);
+  }
+  dispose() {
+    this.setState({ disposed: !0 });
+  }
+  setState(e, i) {
+    var d;
+    if (this.state.disposed)
+      return this.disposedErrorLog();
+    const r = I({}, this.state);
+    this.state = I(I({}, this.state), e), e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible, i == null ? void 0 : i.userAction), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled, i == null ? void 0 : i.userAction), q(r, this.state, { deep: !0 }) || (this.hooks.emit("stateChange", { state: this.state, prevState: r, userAction: (d = i == null ? void 0 : i.userAction) != null ? d : !0 }), this.five.needsRender = !0);
+  }
+  handleEnable(e, i = !0) {
+    this.linesGroup && (e ? (this.five.scene.add(this.linesGroup), this.actionWhenEnabled(() => this.hooks.emit("enable", { userAction: i }))) : (this.five.scene.remove(this.linesGroup), this.hooks.emit("disable", { userAction: i })));
+  }
+  handleVisible(e, i = !0) {
+    this.linesGroup && (e ? (this.linesGroup.visible = !0, this.actionWhenEnabled(() => this.hooks.emit("show", { userAction: i }))) : (this.linesGroup.visible = !1, this.actionWhenEnabled(() => this.hooks.emit("hide", { userAction: i }))));
+  }
+  handleDispose() {
+    this.linesGroup && this.five.scene.add(this.linesGroup);
+  }
+  getLinesGroup(e) {
+    const i = e.map(this.getLine.bind(this)).filter(U), r = new p.Group();
+    if (r.name = V("route-group"), i.length !== 0)
+      return r.add(...i), r;
+  }
+  getLine(e) {
+    var f, h, m, l;
+    const i = new p.Group(), r = e.panoIndexList.map((v) => {
+      var o;
+      return (o = this.five.work.observers[v]) == null ? void 0 : o.standingPosition;
+    }).filter(U), d = Q(r, {
+      skipPanoIndexMesh: (f = e.skipPanoIndexMesh) != null ? f : !0,
+      unitWidth: (h = e.unitWidth) != null ? h : 0.6,
+      unitHeight: (m = e.unitHeight) != null ? m : 0.4
+    });
+    if (!d)
+      return;
+    const u = ee({ textureUrl: (l = e.arrowTextureUrl) != null ? l : this.staticPrefix + "/release/web/arrow6.b6ce0c62.png" });
+    return d.forEach((v) => {
+      const o = new p.Mesh(v, u);
+      o.name = V("route-line-mesh"), i.add(o);
+    }), i;
+  }
+  waitFiveModelLoaded() {
+    return M(this, null, function* () {
+      return new Promise((e) => {
+        if (this.five.model.loaded) {
+          e();
+          return;
+        }
+        this.five.once("modelLoaded", () => {
+          e();
+        });
+      });
+    });
+  }
+}
+L(F, "lasestVersion", O);
+const he = (n, s) => new F(n, s);
+export {
+  he as GuideLinePlugin,
+  he as default
+};

package/dist/GuideLinePlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var D=Object.defineProperty;var A=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var R=(t,s,e)=>s in t?D(t,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[s]=e,k=(t,s)=>{for(var e in s||(s={}))$.call(s,e)&&R(t,e,s[e]);if(A)for(var e of A(s))z.call(s,e)&&R(t,e,s[e]);return t};var y=(t,s,e)=>(R(t,typeof s!="symbol"?s+"":s,e),e);var P=(t,s,e)=>new Promise((n,r)=>{var c=u=>{try{f(e.next(u))}catch(b){r(b)}},h=u=>{try{f(e.throw(u))}catch(b){r(b)}},f=u=>u.done?n(u.value):Promise.resolve(u.value).then(c,h);f((e=e.apply(t,s)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const H=require("../chunks/cjs/BasePluginWithData.0a28882d.cjs.js"),j=require("three"),X=require("polyline-normals"),I=require("../chunks/cjs/isNil.b3a58990.cjs.js"),J=require("../chunks/cjs/equal.e9fcbd4e.cjs.js");require("../chunks/cjs/BasePlugin.57e5204f.cjs.js");require("../chunks/cjs/Subscribe.5398d5c6.cjs.js");const Y=t=>t&&typeof t=="object"&&"default"in t?t:{default:t};function Z(t){if(t&&t.__esModule)return t;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const p=Z(j),K=Y(X),Q=2,ee=3,te=3,se=2;function ie(t,s){var h,f,u;if(t.length<2)return console.warn("positionList length must be greater than 1"),[];const e=(h=s==null?void 0:s.unitWidth)!=null?h:.5,n=(f=s==null?void 0:s.unitHeight)!=null?f:.5,r=(u=s==null?void 0:s.skipPanoIndexMesh)!=null?u:!1,c=new p.CatmullRomCurve3(t,!1,"catmullrom",1);if(r){const b=Math.ceil(c.getLength()/n*1.5),l=c.getPoints(b),v=[];let o=0;const m=t;return m.forEach((w,T)=>{let d=0,i=99999999;l.forEach((g,a)=>{const G=g.distanceTo(w);G<i&&(d=a,i=G)});const E=l[d+1],x=E==null?void 0:E.distanceTo(w),_=l[d-1],L=_==null?void 0:_.distanceTo(w);if(d>o&&d-o>1){let g=d;_!==void 0&&L>.8&&(g=d+1),_!==void 0&&L>.2&&L<.3?g=d:i>.2&&i<.3&&(g=d+1);let a=o;if(E!==void 0&&x>.2&&x<.3?a=o+1:i>.2&&i<.3&&(a=o),l[a]&&l[a+1]){const N=m[T-1];if(N)if(N.equals(l[a]))a+=1;else{const F=new j.Vector3().subVectors(l[a+1],l[a]),C=new j.Vector3().subVectors(N,l[a]);F.angleTo(C)<Math.PI/2&&(a+=1)}}if(g<a||g-a<=1)return;const G=l.slice(a,g),M=O(G,e,n);v.push(M),o=d}}),v}else{const b=Math.ceil(c.getLength()),l=c.getPoints(b);return[O(l,e,n)]}}function O(t,s,e){const n=s/2,r=e/s,c=t.length,h=K.default(t.map(i=>[i.x,i.z])),u=(t.length-1)*Q*ee,b=2*c,l=b*te,v=b*se,o=new Uint32Array(u),m=new Float32Array(l),w=new Float32Array(v);t.forEach((i,E)=>{});let T=0;for(let i=0;i<t.length;i++){const[E,x]=h[i][0],_=t[i],{x:L,y:g,z:a}=_,G=new j.Vector3(L+E*n,g+.05,a+x*n);m[i*6+0]=G.x,m[i*6+1]=G.y,m[i*6+2]=G.z;const M=new j.Vector3(L-E*n,g+.05,a-x*n);m[i*6+3]=M.x,m[i*6+4]=M.y,m[i*6+5]=M.z,T+=i>0?t[i-1].clone().sub(t[i]).length():0;const N=T/s/r;w[i*4+0]=0,w[i*4+1]=N,w[i*4+2]=1,w[i*4+3]=N,i!==t.length-1&&(o[i*6+0]=i*2+0,o[i*6+1]=i*2+2,o[i*6+2]=i*2+1,o[i*6+3]=i*2+2,o[i*6+4]=i*2+3,o[i*6+5]=i*2+1)}const d=new p.BufferGeometry;return d.setAttribute("position",new p.BufferAttribute(m,3)),d.setAttribute("uv",new p.BufferAttribute(w,2)),d.setIndex(new p.BufferAttribute(o,1)),d}function ne(t){const s=new p.TextureLoader().load(t.textureUrl);return s.wrapS=s.wrapT=p.RepeatWrapping,s.encoding=p.sRGBEncoding,new p.MeshBasicMaterial({color:16777215,map:s,transparent:!0,opacity:.8})}const V="v1.0.1",U="GuideLinePlugin",S=`${U}@${V}`,B=t=>`${S}--${t}`;class q extends H.Controller{constructor(e,n){super(e,n);y(this,"state",{visible:!1,enabled:!0,disposed:!1});y(this,"data");y(this,"linesGroup");y(this,"disposedErrorLog",()=>{console.error(`${S} is disposed`)});y(this,"actionWhenEnabled",e=>{if(this.state.enabled)return e()});Object.assign(window,{[`__${U}_DEBUG__`]:this})}load(e,n,r=!0){return P(this,null,function*(){const c=this.data?JSON.parse(JSON.stringify(this.data)):void 0,h=yield this.formatData(e);this.hooks.emit("dataChange",h,c),this.data=h,this.linesGroup&&this.five.scene.remove(this.linesGroup);const f=this.getLinesGroup(h.routes);!f||(this.linesGroup=f,yield this.waitFiveModelLoaded(),this.five.scene.add(f),this.handleVisible(this.state.visible),this.handleEnable(this.state.enabled),n&&this.setState(n),this.five.needsRender=!0,this.hooks.emit("dataLoaded",h),console.log(`${S} loaded`,h))})}formatData(e){return P(this,null,function*(){return typeof e=="object"&&e!==null&&e.version&&e.data?e.data:e})}show(e){return P(this,null,function*(){this.setState({visible:!0},e)})}hide(e){return P(this,null,function*(){this.setState({visible:!1},e)})}enable(e){this.setState({enabled:!0},e)}disable(e){this.setState({enabled:!1},e)}dispose(){this.setState({disposed:!0})}setState(e,n){var c;if(this.state.disposed)return this.disposedErrorLog();const r=k({},this.state);this.state=k(k({},this.state),e),e.disposed!==void 0&&e.disposed!==r.disposed&&e.disposed&&this.handleDispose(),e.visible!==void 0&&e.visible!==r.visible&&this.handleVisible(e.visible,n==null?void 0:n.userAction),e.enabled!==void 0&&e.enabled!==r.enabled&&this.handleEnable(e.enabled,n==null?void 0:n.userAction),J.equal(r,this.state,{deep:!0})||(this.hooks.emit("stateChange",{state:this.state,prevState:r,userAction:(c=n==null?void 0:n.userAction)!=null?c:!0}),this.five.needsRender=!0)}handleEnable(e,n=!0){this.linesGroup&&(e?(this.five.scene.add(this.linesGroup),this.actionWhenEnabled(()=>this.hooks.emit("enable",{userAction:n}))):(this.five.scene.remove(this.linesGroup),this.hooks.emit("disable",{userAction:n})))}handleVisible(e,n=!0){this.linesGroup&&(e?(this.linesGroup.visible=!0,this.actionWhenEnabled(()=>this.hooks.emit("show",{userAction:n}))):(this.linesGroup.visible=!1,this.actionWhenEnabled(()=>this.hooks.emit("hide",{userAction:n}))))}handleDispose(){this.linesGroup&&this.five.scene.add(this.linesGroup)}getLinesGroup(e){const n=e.map(this.getLine.bind(this)).filter(I.notNil),r=new p.Group;if(r.name=B("route-group"),n.length!==0)return r.add(...n),r}getLine(e){var f,u,b,l;const n=new p.Group,r=e.panoIndexList.map(v=>{var o;return(o=this.five.work.observers[v])==null?void 0:o.standingPosition}).filter(I.notNil),c=ie(r,{skipPanoIndexMesh:(f=e.skipPanoIndexMesh)!=null?f:!0,unitWidth:(u=e.unitWidth)!=null?u:.6,unitHeight:(b=e.unitHeight)!=null?b:.4});if(!c)return;const h=ne({textureUrl:(l=e.arrowTextureUrl)!=null?l:this.staticPrefix+"/release/web/arrow6.b6ce0c62.png"});return c.forEach(v=>{const o=new p.Mesh(v,h);o.name=B("route-line-mesh"),n.add(o)}),n}waitFiveModelLoaded(){return P(this,null,function*(){return new Promise(e=>{if(this.five.model.loaded){e();return}this.five.once("modelLoaded",()=>{e()})})})}}y(q,"lasestVersion",V);const W=(t,s)=>new q(t,s);exports.GuideLinePlugin=W;exports.default=W;