@realsee/dnalogel 2.1.2-alpha.7 → 2.1.2-alpha.9

package/libs/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -1 +1,163 @@
-"use strict";var U=Object.defineProperty,j=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var C=(o,t,e)=>t in o?U(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,D=(o,t)=>{for(var e in t||(t={}))O.call(t,e)&&C(o,e,t[e]);if(q)for(var e of q(t))P.call(t,e)&&C(o,e,t[e]);return o},S=(o,t)=>j(o,E(t));const r=require("svelte/internal"),W=require("svelte"),v=require("three"),A=require("./RoomLabelItem.js"),{Map:B}=r.globals;function G(o){r.append_styles(o,"svelte-9eg4zi",".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}")}function T(o,t,e){const c=o.slice();return c[12]=t[e],c}function V(o,t){let e,c,l;return c=new A.RoomLabelItem({props:{roomLabel:t[12],five:t[1]}}),{key:o,first:null,c(){e=r.empty(),r.create_component(c.$$.fragment),this.first=e},m(i,f){r.insert(i,e,f),r.mount_component(c,i,f),l=!0},p(i,f){t=i;const m={};f&1&&(m.roomLabel=t[12]),f&2&&(m.five=t[1]),c.$set(m)},i(i){l||(r.transition_in(c.$$.fragment,i),l=!0)},o(i){r.transition_out(c.$$.fragment,i),l=!1},d(i){i&&r.detach(e),r.destroy_component(c,i)}}}function J(o){let t,e=[],c=new B,l,i,f=o[0];const m=n=>n[12].id;for(let n=0;n<f.length;n+=1){let s=T(o,f,n),h=m(s);c.set(h,e[n]=V(h,s))}return{c(){t=r.element("div");for(let n=0;n<e.length;n+=1)e[n].c();r.attr(t,"class","room-labels-container svelte-9eg4zi"),r.add_render_callback(()=>o[6].call(t))},m(n,s){r.insert(n,t,s);for(let h=0;h<e.length;h+=1)e[h].m(t,null);l=r.add_resize_listener(t,o[6].bind(t)),i=!0},p(n,[s]){s&3&&(f=n[0],r.group_outros(),e=r.update_keyed_each(e,s,m,1,n,f,c,t,r.outro_and_destroy_block,V,null,T),r.check_outros())},i(n){if(!i){for(let s=0;s<f.length;s+=1)r.transition_in(e[s]);i=!0}},o(n){for(let s=0;s<e.length;s+=1)r.transition_out(e[s]);i=!1},d(n){n&&r.detach(t);for(let s=0;s<e.length;s+=1)e[s].d();l()}}}function K(o,t,e){var R;let c,{five:l}=t,{roomLabels:i}=t,f,m,n=(R=l.model.shownFloor)!=null?R:null;function s(a){if(!(n===null||a.floorIndex===n))return!1;const g=new v.Raycaster,d=l.camera.position.clone(),_=new v.Vector3(a.position.x,a.position.y,a.position.z),y=_.distanceTo(d);g.set(d.clone(),_.clone().sub(d).normalize());const[u]=l.model.intersectRaycaster(g);return!(u&&u.distance+1<y)}function h(a,p){const d=new v.Vector3(a.position.x,a.position.y,a.position.z).clone().project(l.camera),_=Math.ceil((d.x+1)/2*p.x),y=Math.ceil((-d.y+1)/2*p.y);return`translate(${_}px, ${y}px)`}function z(a){const{rendererSize:p,shownFloor:g}=a,d=new Map;function _(u){const b=d.get(u.id);if(b)return b;const{x:w,y:I,z:M}=u.position,L=new v.Vector3(w,I,M).clone().distanceTo(l.camera.position);return d.set(u.id,L),L}return i.map(u=>{const b=s(u),w=b?h(u,p):u.transform,I=_(u),L=i.filter(x=>x.visible&&_(x)<I).length*10;return S(D({},u),{visible:b,transform:w,zIndex:L})})}function F(){e(0,i=z({rendererSize:c,shownFloor:n}))}function k(a){e(4,n=a)}l.on("cameraUpdate",F),l.on("modelShownFloorChange",k),W.onDestroy(()=>{l.off("cameraUpdate",F),l.off("modelShownFloorChange",k)});function H(){f=this.clientWidth,m=this.clientHeight,e(2,f),e(3,m)}return o.$$set=a=>{"five"in a&&e(1,l=a.five),"roomLabels"in a&&e(0,i=a.roomLabels)},o.$$.update=()=>{o.$$.dirty&12&&e(5,c={x:f,y:m}),o.$$.dirty&48&&e(0,i=z({rendererSize:c,shownFloor:n}))},[i,l,f,m,n,c,H]}class N extends r.SvelteComponent{constructor(t){super(),r.init(this,t,K,J,r.safe_not_equal,{five:1,roomLabels:0},G)}}exports.RoomLabelItems=N;
+var q = Object.defineProperty, P = Object.defineProperties;
+var A = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var D = (o, t, e) => t in o ? q(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, R = (o, t) => {
+  for (var e in t || (t = {}))
+    B.call(t, e) && D(o, e, t[e]);
+  if (C)
+    for (var e of C(t))
+      E.call(t, e) && D(o, e, t[e]);
+  return o;
+}, S = (o, t) => P(o, A(t));
+import { SvelteComponent as G, init as J, safe_not_equal as K, append_styles as N, element as Q, attr as X, add_render_callback as Y, insert as H, add_resize_listener as Z, group_outros as $, update_keyed_each as ee, outro_and_destroy_block as te, check_outros as oe, transition_in as O, transition_out as V, detach as W, globals as ne, empty as re, create_component as ie, mount_component as se, destroy_component as le } from "svelte/internal";
+import { onDestroy as ce } from "svelte";
+import { Raycaster as ae, Vector3 as w } from "three";
+import fe from "./RoomLabelItem.js";
+import "./Assets/roomLabelBg.js";
+const { Map: me } = ne;
+function ue(o) {
+  N(o, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
+}
+function T(o, t, e) {
+  const l = o.slice();
+  return l[12] = t[e], l;
+}
+function U(o, t) {
+  let e, l, s;
+  return l = new fe({
+    props: {
+      roomLabel: t[12],
+      five: t[1]
+    }
+  }), {
+    key: o,
+    first: null,
+    c() {
+      e = re(), ie(l.$$.fragment), this.first = e;
+    },
+    m(r, a) {
+      H(r, e, a), se(l, r, a), s = !0;
+    },
+    p(r, a) {
+      t = r;
+      const m = {};
+      a & 1 && (m.roomLabel = t[12]), a & 2 && (m.five = t[1]), l.$set(m);
+    },
+    i(r) {
+      s || (O(l.$$.fragment, r), s = !0);
+    },
+    o(r) {
+      V(l.$$.fragment, r), s = !1;
+    },
+    d(r) {
+      r && W(e), le(l, r);
+    }
+  };
+}
+function de(o) {
+  let t, e = [], l = new me(), s, r, a = o[0];
+  const m = (n) => n[12].id;
+  for (let n = 0; n < a.length; n += 1) {
+    let i = T(o, a, n), d = m(i);
+    l.set(d, e[n] = U(d, i));
+  }
+  return {
+    c() {
+      t = Q("div");
+      for (let n = 0; n < e.length; n += 1)
+        e[n].c();
+      X(t, "class", "room-labels-container svelte-9eg4zi"), Y(() => o[6].call(t));
+    },
+    m(n, i) {
+      H(n, t, i);
+      for (let d = 0; d < e.length; d += 1)
+        e[d].m(t, null);
+      s = Z(t, o[6].bind(t)), r = !0;
+    },
+    p(n, [i]) {
+      i & 3 && (a = n[0], $(), e = ee(e, i, m, 1, n, a, l, t, te, U, null, T), oe());
+    },
+    i(n) {
+      if (!r) {
+        for (let i = 0; i < a.length; i += 1)
+          O(e[i]);
+        r = !0;
+      }
+    },
+    o(n) {
+      for (let i = 0; i < e.length; i += 1)
+        V(e[i]);
+      r = !1;
+    },
+    d(n) {
+      n && W(t);
+      for (let i = 0; i < e.length; i += 1)
+        e[i].d();
+      s();
+    }
+  };
+}
+function he(o, t, e) {
+  var k;
+  let l, { five: s } = t, { roomLabels: r } = t, a, m, n = (k = s.model.shownFloor) != null ? k : null;
+  function i(c) {
+    if (!(n === null || c.floorIndex === n))
+      return !1;
+    const g = new ae(), u = s.camera.position.clone(), h = new w(c.position.x, c.position.y, c.position.z), b = h.distanceTo(u);
+    g.set(u.clone(), h.clone().sub(u).normalize());
+    const [f] = s.model.intersectRaycaster(g);
+    return !(f && f.distance + 1 < b);
+  }
+  function d(c, p) {
+    const u = new w(c.position.x, c.position.y, c.position.z).clone().project(s.camera), h = Math.ceil((u.x + 1) / 2 * p.x), b = Math.ceil((-u.y + 1) / 2 * p.y);
+    return `translate(${h}px, ${b}px)`;
+  }
+  function z(c) {
+    const { rendererSize: p, shownFloor: g } = c, u = /* @__PURE__ */ new Map();
+    function h(f) {
+      const _ = u.get(f.id);
+      if (_)
+        return _;
+      const { x: L, y: v, z: x } = f.position, y = new w(L, v, x).clone().distanceTo(s.camera.position);
+      return u.set(f.id, y), y;
+    }
+    return r.map((f) => {
+      const _ = i(f), L = _ ? d(f, p) : f.transform, v = h(f), y = r.filter((M) => M.visible && h(M) < v).length * 10;
+      return S(R({}, f), { visible: _, transform: L, zIndex: y });
+    });
+  }
+  function F() {
+    e(0, r = z({ rendererSize: l, shownFloor: n }));
+  }
+  function I(c) {
+    e(4, n = c);
+  }
+  s.on("cameraUpdate", F), s.on("modelShownFloorChange", I), ce(() => {
+    s.off("cameraUpdate", F), s.off("modelShownFloorChange", I);
+  });
+  function j() {
+    a = this.clientWidth, m = this.clientHeight, e(2, a), e(3, m);
+  }
+  return o.$$set = (c) => {
+    "five" in c && e(1, s = c.five), "roomLabels" in c && e(0, r = c.roomLabels);
+  }, o.$$.update = () => {
+    o.$$.dirty & 12 && e(5, l = { x: a, y: m }), o.$$.dirty & 48 && e(0, r = z({ rendererSize: l, shownFloor: n }));
+  }, [
+    r,
+    s,
+    a,
+    m,
+    n,
+    l,
+    j
+  ];
+}
+class ve extends G {
+  constructor(t) {
+    super(), J(this, t, he, de, K, { five: 1, roomLabels: 0 }, ue);
+  }
+}
+export {
+  ve as default
+};

package/libs/ModelRoomLabelPlugin/index.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./Controller.js");require("./RoomLabelItems.js");require("svelte/internal");require("svelte");require("three");require("./RoomLabelItem.js");require("./Assets/roomLabelBg.js");require("./utils/parseData.js");const e=o=>new r.ModelRoomLabelController(o),l={name:"ModelRoomLabelPlugin",version:0};exports.ModelRoomLabelPlugin=e;exports.default=e;exports.modelRoomLabelPluginServerParams=l;
+import { ModelRoomLabelController as e } from "./Controller.js";
+const r = (o) => new e(o), n = {
+  name: "ModelRoomLabelPlugin",
+  version: 0
+};
+export {
+  r as ModelRoomLabelPlugin,
+  n as modelRoomLabelPluginServerParams
+};

package/libs/ModelRoomLabelPlugin/utils/parseData.js

@@ -1 +1,16 @@
-"use strict";function t(e){return e.model_room_labels.map(({id:o,pano_index:a,floor_index:l,name:n,position:r,longitude:s})=>({id:o,name:n,position:r,longitude:s,panoIndex:a,floorIndex:l,zIndex:0,visible:!1,transform:""}))}exports.parseModelRoomLabelPluginData=t;
+function m(e) {
+  return e.model_room_labels.map(({ id: o, pano_index: a, floor_index: l, name: n, position: r, longitude: d }) => ({
+    id: o,
+    name: n,
+    position: r,
+    longitude: d,
+    panoIndex: a,
+    floorIndex: l,
+    zIndex: 0,
+    visible: !1,
+    transform: ""
+  }));
+}
+export {
+  m as parseModelRoomLabelPluginData
+};

package/libs/ModelTVVideoPlugin/Plugin.js

@@ -1 +1,163 @@
-"use strict";var P=(o,g,e)=>new Promise((l,x)=>{var w=m=>{try{y(e.next(m))}catch(p){x(p)}},M=m=>{try{y(e.throw(m))}catch(p){x(p)}},y=m=>m.done?l(m.value):Promise.resolve(m.value).then(w,M);y((e=e.apply(o,g)).next())});const O=require("three"),_=require("./utils/parseData.js"),z=require("../CSS3DRenderPlugin/index.js");function D(o){if(o&&o.__esModule)return o;const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const l=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(g,e,l.get?l:{enumerable:!0,get:()=>o[e]})}}return g.default=o,Object.freeze(g)}const d=D(O),C=(o,{videoElement:g})=>{const e={videoMeshes:[],videoTextureEnabled:!1,videoSource:"",rectPoints:[],enabled:!1,videoElement:g},l=z.CSS3DRenderPlugin(o),x=new Map,w=t=>{e.videoTexture&&(e.videoTexture.image.muted=t)},M=()=>e.videoTexture?e.videoTexture.image.muted:!0,y=()=>{if(e.enabled||!e.videoTexture)return;e.enabled=!0,e.videoMeshes=p(),e.videoMeshes.forEach(n=>o.scene.add(n));const t=()=>{if(!e.videoTexture)return;const n=()=>{var i;!e.videoTexture||((i=e.videoTexture)==null||i.image.removeEventListener("timeupdate",n),e.videoTextureEnabled=!0,e.videoMeshes.forEach(a=>{a.material.map!==e.videoTexture&&(a.material.map=e.videoTexture)}),o.needsRender=!0)};e.videoTexture.image.addEventListener("timeupdate",n),e.videoTexture&&e.videoMeshes.length&&(e.videoTexture.image.play(),e.videoTexture.image.onplay=()=>{l.hide()},e.videoTexture.image.onpause=()=>{l.show()},e.videoTexture.image.onclick=()=>{e.videoTexture.image.muted=!1,e.videoTexture.image.play()})};if(o.model.loaded)t();else return o.once("modelLoaded",()=>t())},m=()=>{!e.enabled||(e.enabled=!1,e.videoMeshes.forEach(t=>{t.geometry.dispose(),t.material.dispose(),o.scene.remove(t),e.videoTexture&&e.videoTexture.image.pause()}),e.videoMeshes=[],o.needsRender=!0)},p=()=>e.rectPoints.map((t,n)=>{const i=new d.BufferGeometry,a=128,s=[];s.push(...t[0].toArray());for(let r=1;r<a;r++)s.push(t[0].x+(t[1].x-t[0].x)*r/a,t[0].y+(t[1].y-t[0].y)*r/a,t[0].z+(t[1].z-t[0].z)*r/a);s.push(...t[1].toArray()),s.push(...t[2].toArray());for(let r=1;r<a;r++)s.push(t[2].x+(t[3].x-t[2].x)*r/a,t[2].y+(t[3].y-t[2].y)*r/a,t[2].z+(t[3].z-t[2].z)*r/a);s.push(...t[3].toArray());const c=[];c.push(0,1);for(let r=1;r<a;r++)c.push(0,1-r/a);c.push(0,0),c.push(1,0);for(let r=1;r<a;r++)c.push(1,r/a);c.push(1,1);const u=[];for(let r=0;r<a;r++)u.push(r,r+1,a*2-r,r,a*2-r,a*2+1-r);i.setAttribute("position",new d.BufferAttribute(new Float32Array(s),3)),i.setAttribute("uv",new d.BufferAttribute(new Float32Array(c),2)),i.setIndex(new d.BufferAttribute(new Uint32Array(u),1));const f=new d.AxesHelper(10);o.scene.add(f);const h=new d.MeshBasicMaterial({map:e.videoTextureEnabled?e.videoTexture:e.imageTexture,side:d.DoubleSide}),b=new d.Mesh(i,h);b.renderOrder=1,b.name=`ModelTVVideoPlugin-${n}-${performance.now()}`;const L=[t[1],t[2],t[3],t[0]],T=l.create3DDomContainer(L);if(T!=null&&T.container){const r=document.createElement("div");r.classList.add("play-icon"),r.style.width="100%",r.style.height="100%",r.style.display="flex",r.style.justifyContent="center",r.style.alignItems="center",r.style.pointerEvents="none",T.container.appendChild(r);const v=document.createElement("img");v.src="//vrlab-static.ljcdn.com/release/web/play.2ada5b6f.png",v.style.width="200px",v.style.pointerEvents="auto",v.onclick=()=>{e.videoTexture.image.muted=!1,e.videoTexture.image.play()},r.appendChild(v),x.set(b,T)}return b}),F=t=>{const n=new d.TextureLoader().load(t);return n.minFilter=d.LinearFilter,n.magFilter=d.LinearFilter,n.format=d.RGBFormat,n},S=(t,n)=>new Promise((i,a)=>{const s=new XMLHttpRequest;s.onreadystatechange=()=>{if(s.readyState==4)if(s.status==200){const c=window.URL||window.webkitURL;n=n||document.createElement("video"),n.crossOrigin="anonymous",n.muted=!0,n.loop=!0,n.playsInline=!0,n.src=c.createObjectURL(s.response);const u=new d.VideoTexture(n);u.minFilter=d.LinearFilter,u.magFilter=d.LinearFilter,u.format=d.RGBFormat,i(Object.assign(u,{videoSource:t}))}else a(new Error("Video download Error: "+s.status))},s.onerror=c=>a(c),s.open("GET",t),s.responseType="blob",s.send()}),V=(t,n)=>P(exports,null,function*(){const{video_src:i,video_poster_src:a,points:s}=t;e.videoSource=i,e.rectPoints=_.parseModelTVVideoPoints(s).map(c=>c.map(({x:u,y:f,z:h})=>new d.Vector3(u,f,h))),e.imageTexture=F(a),n&&(e.videoElement=n),e.videoTexture=yield S(e.videoSource,e.videoElement),e.enabled=!!t.enable,e.enabled&&y()}),E=t=>{if(!e.enabled)return;const n=e.videoMeshes;if(!(!n||t.intersectObjects(n).length===0))return e.videoTexture&&(e.videoTexture.image.paused||e.videoTexture.image.pause()),!1},R=t=>{t==="Floorplan"?l.hide():l.show()},A=()=>{if(!e.enabled)return;const t=o.camera.position;if(x.forEach((n,i)=>{const a=n.css3DObject.position.clone(),s=a.clone().sub(t).normalize(),c=new d.Raycaster(t,s),u=o.model.intersectRaycaster(c)[0],f=a.distanceTo(t),h=.01;u&&u.distance+h<f?n.hide():n.show()}),!M()){const n=e.rectPoints.find(i=>{const a=i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);return i.map(s=>s.clone().add(a).divideScalar(2)).filter(s=>{const c=s.distanceTo(t),u=new d.Raycaster(t,s.clone().sub(t).normalize()),f=o.model.intersectRaycaster(u)[0],h=.01;return!(f&&f.distance+h<c)}).length>=2});(!n||n.length===0)&&w(!0)}},j=()=>{m(),e.videoTexture=void 0,o.off("modeChange",R),o.off("wantsTapGesture",E),o.off("panoArrived",A),o.off("renderFrame",()=>{e.videoMeshes.forEach(t=>{t&&(t.needsRender=!0)})})};return o.on("modeChange",R),o.on("wantsTapGesture",E),o.on("panoArrived",A),o.on("renderFrame",()=>{e.videoMeshes.forEach(t=>{t&&(t.needsRender=!0)})}),{enable:y,disable:m,load:V,dispose:j,state:e,css3DRenderPlugin:l}};exports.ModelTVVideoPlugin=C;
+var F = (s, b, e) => new Promise((m, y) => {
+  var w = (l) => {
+    try {
+      x(e.next(l));
+    } catch (p) {
+      y(p);
+    }
+  }, E = (l) => {
+    try {
+      x(e.throw(l));
+    } catch (p) {
+      y(p);
+    }
+  }, x = (l) => l.done ? m(l.value) : Promise.resolve(l.value).then(w, E);
+  x((e = e.apply(s, b)).next());
+});
+import * as d from "three";
+import { parseModelTVVideoPoints as I } from "./utils/parseData.js";
+import { CSS3DRenderPlugin as O } from "../CSS3DRenderPlugin/index.js";
+const C = (s, { videoElement: b }) => {
+  const e = {
+    videoMeshes: [],
+    videoTextureEnabled: !1,
+    videoSource: "",
+    rectPoints: [],
+    enabled: !1,
+    videoElement: b
+  }, m = O(s), y = /* @__PURE__ */ new Map(), w = (t) => {
+    e.videoTexture && (e.videoTexture.image.muted = t);
+  }, E = () => e.videoTexture ? e.videoTexture.image.muted : !0, x = () => {
+    if (e.enabled || !e.videoTexture)
+      return;
+    e.enabled = !0, e.videoMeshes = p(), e.videoMeshes.forEach((n) => s.scene.add(n));
+    const t = () => {
+      if (!e.videoTexture)
+        return;
+      const n = () => {
+        var i;
+        !e.videoTexture || ((i = e.videoTexture) == null || i.image.removeEventListener("timeupdate", n), e.videoTextureEnabled = !0, e.videoMeshes.forEach((o) => {
+          o.material.map !== e.videoTexture && (o.material.map = e.videoTexture);
+        }), s.needsRender = !0);
+      };
+      e.videoTexture.image.addEventListener("timeupdate", n), e.videoTexture && e.videoMeshes.length && (e.videoTexture.image.play(), e.videoTexture.image.onplay = () => {
+        m.hide();
+      }, e.videoTexture.image.onpause = () => {
+        m.show();
+      }, e.videoTexture.image.onclick = () => {
+        e.videoTexture.image.muted = !1, e.videoTexture.image.play();
+      });
+    };
+    if (s.model.loaded)
+      t();
+    else
+      return s.once("modelLoaded", () => t());
+  }, l = () => {
+    !e.enabled || (e.enabled = !1, e.videoMeshes.forEach((t) => {
+      t.geometry.dispose(), t.material.dispose(), s.scene.remove(t), e.videoTexture && e.videoTexture.image.pause();
+    }), e.videoMeshes = [], s.needsRender = !0);
+  }, p = () => e.rectPoints.map((t, n) => {
+    const i = new d.BufferGeometry(), o = 128, a = [];
+    a.push(...t[0].toArray());
+    for (let r = 1; r < o; r++)
+      a.push(
+        t[0].x + (t[1].x - t[0].x) * r / o,
+        t[0].y + (t[1].y - t[0].y) * r / o,
+        t[0].z + (t[1].z - t[0].z) * r / o
+      );
+    a.push(...t[1].toArray()), a.push(...t[2].toArray());
+    for (let r = 1; r < o; r++)
+      a.push(
+        t[2].x + (t[3].x - t[2].x) * r / o,
+        t[2].y + (t[3].y - t[2].y) * r / o,
+        t[2].z + (t[3].z - t[2].z) * r / o
+      );
+    a.push(...t[3].toArray());
+    const c = [];
+    c.push(0, 1);
+    for (let r = 1; r < o; r++)
+      c.push(0, 1 - r / o);
+    c.push(0, 0), c.push(1, 0);
+    for (let r = 1; r < o; r++)
+      c.push(1, r / o);
+    c.push(1, 1);
+    const u = [];
+    for (let r = 0; r < o; r++)
+      u.push(r, r + 1, o * 2 - r, r, o * 2 - r, o * 2 + 1 - r);
+    i.setAttribute("position", new d.BufferAttribute(new Float32Array(a), 3)), i.setAttribute("uv", new d.BufferAttribute(new Float32Array(c), 2)), i.setIndex(new d.BufferAttribute(new Uint32Array(u), 1));
+    const f = new d.AxesHelper(10);
+    s.scene.add(f);
+    const h = new d.MeshBasicMaterial({
+      map: e.videoTextureEnabled ? e.videoTexture : e.imageTexture,
+      side: d.DoubleSide
+    }), v = new d.Mesh(i, h);
+    v.renderOrder = 1, v.name = `ModelTVVideoPlugin-${n}-${performance.now()}`;
+    const z = [t[1], t[2], t[3], t[0]], T = m.create3DDomContainer(z);
+    if (T != null && T.container) {
+      const r = document.createElement("div");
+      r.classList.add("play-icon"), r.style.width = "100%", r.style.height = "100%", r.style.display = "flex", r.style.justifyContent = "center", r.style.alignItems = "center", r.style.pointerEvents = "none", T.container.appendChild(r);
+      const g = document.createElement("img");
+      g.src = "//vrlab-static.ljcdn.com/release/web/play.2ada5b6f.png", g.style.width = "200px", g.style.pointerEvents = "auto", g.onclick = () => {
+        e.videoTexture.image.muted = !1, e.videoTexture.image.play();
+      }, r.appendChild(g), y.set(v, T);
+    }
+    return v;
+  }), L = (t) => {
+    const n = new d.TextureLoader().load(t);
+    return n.minFilter = d.LinearFilter, n.magFilter = d.LinearFilter, n.format = d.RGBFormat, n;
+  }, P = (t, n) => new Promise((i, o) => {
+    const a = new XMLHttpRequest();
+    a.onreadystatechange = () => {
+      if (a.readyState == 4)
+        if (a.status == 200) {
+          const c = window.URL || window.webkitURL;
+          n = n || document.createElement("video"), n.crossOrigin = "anonymous", n.muted = !0, n.loop = !0, n.playsInline = !0, n.src = c.createObjectURL(a.response);
+          const u = new d.VideoTexture(n);
+          u.minFilter = d.LinearFilter, u.magFilter = d.LinearFilter, u.format = d.RGBFormat, i(Object.assign(u, { videoSource: t }));
+        } else
+          o(new Error("Video download Error: " + a.status));
+    }, a.onerror = (c) => o(c), a.open("GET", t), a.responseType = "blob", a.send();
+  }), V = (t, n) => F(void 0, null, function* () {
+    const { video_src: i, video_poster_src: o, points: a } = t;
+    e.videoSource = i, e.rectPoints = I(a).map((c) => c.map(({ x: u, y: f, z: h }) => new d.Vector3(u, f, h))), e.imageTexture = L(o), n && (e.videoElement = n), e.videoTexture = yield P(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && x();
+  }), M = (t) => {
+    if (!e.enabled)
+      return;
+    const n = e.videoMeshes;
+    if (!(!n || t.intersectObjects(n).length === 0))
+      return e.videoTexture && (e.videoTexture.image.paused || e.videoTexture.image.pause()), !1;
+  }, A = (t) => {
+    t === "Floorplan" ? m.hide() : m.show();
+  }, R = () => {
+    if (!e.enabled)
+      return;
+    const t = s.camera.position;
+    if (y.forEach((n, i) => {
+      const o = n.css3DObject.position.clone(), a = o.clone().sub(t).normalize(), c = new d.Raycaster(t, a), u = s.model.intersectRaycaster(c)[0], f = o.distanceTo(t), h = 0.01;
+      u && u.distance + h < f ? n.hide() : n.show();
+    }), !E()) {
+      const n = e.rectPoints.find((i) => {
+        const o = i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);
+        return i.map((a) => a.clone().add(o).divideScalar(2)).filter((a) => {
+          const c = a.distanceTo(t), u = new d.Raycaster(t, a.clone().sub(t).normalize()), f = s.model.intersectRaycaster(u)[0], h = 0.01;
+          return !(f && f.distance + h < c);
+        }).length >= 2;
+      });
+      (!n || n.length === 0) && w(!0);
+    }
+  }, S = () => {
+    l(), e.videoTexture = void 0, s.off("modeChange", A), s.off("wantsTapGesture", M), s.off("panoArrived", R), s.off("renderFrame", () => {
+      e.videoMeshes.forEach((t) => {
+        t && (t.needsRender = !0);
+      });
+    });
+  };
+  return s.on("modeChange", A), s.on("wantsTapGesture", M), s.on("panoArrived", R), s.on("renderFrame", () => {
+    e.videoMeshes.forEach((t) => {
+      t && (t.needsRender = !0);
+    });
+  }), { enable: x, disable: l, load: V, dispose: S, state: e, css3DRenderPlugin: m };
+};
+export {
+  C as ModelTVVideoPlugin
+};

package/libs/ModelTVVideoPlugin/index.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Plugin.js"),r=require("./typings.js");require("three");require("./utils/parseData.js");require("../CSS3DRenderPlugin/index.js");require("../CSS3DRenderPlugin/Controller.js");require("../CSS3DRenderPlugin/CSS3DRender.js");require("three/examples/jsm/renderers/CSS3DRenderer");require("../shared-utils/Subscribe.js");require("../CSS3DRenderPlugin/utils/evenNumber.js");require("../CSS3DRenderPlugin/utils/positionToVector3.js");require("../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js");require("../CSS3DRenderPlugin/utils/centerPoint.js");exports.ModelTVVideoPlugin=e.ModelTVVideoPlugin;exports.default=e.ModelTVVideoPlugin;exports.DIRECTION=r.DIRECTION;
+import "three";
+import "three/examples/jsm/renderers/CSS3DRenderer";

package/libs/ModelTVVideoPlugin/typings.js

@@ -1 +1,4 @@
-"use strict";var T=(t=>(t.TOP_LEFT="topLeft",t.TOP_RIGHT="topRight",t.BOTTOM_LEFT="bottomLeft",t.BOTTOM_RIGHT="bottomRight",t))(T||{});exports.DIRECTION=T;
+var o = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "topLeft", t.TOP_RIGHT = "topRight", t.BOTTOM_LEFT = "bottomLeft", t.BOTTOM_RIGHT = "bottomRight", t))(o || {});
+export {
+  o as DIRECTION
+};

package/libs/ModelTVVideoPlugin/utils/parseData.js

@@ -1 +1,20 @@
-"use strict";const r=require("../typings.js");function i(e){if(e.length===0)return[];if(Array.isArray(e[0]))return e;let n=[];return e.forEach(T=>{const s=[T[r.DIRECTION.TOP_LEFT],T[r.DIRECTION.BOTTOM_LEFT],T[r.DIRECTION.BOTTOM_RIGHT],T[r.DIRECTION.TOP_RIGHT]];n.push(s)}),n}exports.parseModelTVVideoPoints=i;
+import { DIRECTION as e } from "../typings.js";
+function f(r) {
+  if (r.length === 0)
+    return [];
+  if (Array.isArray(r[0]))
+    return r;
+  let O = [];
+  return r.forEach((T) => {
+    const n = [
+      T[e.TOP_LEFT],
+      T[e.BOTTOM_LEFT],
+      T[e.BOTTOM_RIGHT],
+      T[e.TOP_RIGHT]
+    ];
+    O.push(n);
+  }), O;
+}
+export {
+  f as parseModelTVVideoPoints
+};

package/libs/ModelViewPlugin/Plugin.js

@@ -1 +1,106 @@
-"use strict";var R=Object.defineProperty;var y=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var P=(t,a,i)=>a in t?R(t,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[a]=i,b=(t,a)=>{for(var i in a||(a={}))A.call(a,i)&&P(t,i,a[i]);if(y)for(var i of y(a))I.call(a,i)&&P(t,i,a[i]);return t};const S=require("@realsee/five"),T=require("three");function W(t){if(t&&t.__esModule)return t;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(a,i,r.get?r:{enumerable:!0,get:()=>t[i]})}}return a.default=t,Object.freeze(a)}const s=W(T),_=(t,a)=>{let i=!0,r=null;const u=b(b({},{lookAtCurrentCamera:!1,lockedPanoIndex:null,lockedLatitude:null,lockedLongitude:null}),a==null?void 0:a.config),c=new s.Scene,f=new S.Camera(60);let m=new s.Object3D,h,w;{const e=new s.DirectionalLight(16777215,.5);e.position.copy(new s.Vector3(1,1,1)),c.add(e)}{const e=new s.DirectionalLight(16777215,.3);c.add(e)}{const e=new s.AmbientLight(16777215,.3);c.add(e)}c.add(m);const k=()=>{if(!!t.renderer)return r||(r=new s.WebGLRenderer({antialias:!1,alpha:!0}),r.setPixelRatio(t.renderer.getPixelRatio()),r.outputEncoding=s.sRGBEncoding,r.setClearColor(1579548,0),r.autoClear=!0),r},C=()=>{m.traverse(e=>{e instanceof s.Mesh&&[].concat(e.material).forEach(o=>o.dispose())}),c.remove(m),m=new s.Object3D,c.add(m),p()},L=()=>{h=E(t.model,f.fov,f.aspect),w=t.model.bounding.getCenter(new s.Vector3);function e(o){const n=o.clone();return n.uniforms.modelAlpha.value=1,n.uniforms.map.value&&(n.uniforms.map.value.needsUpdate=!0),n}function l(o){if(o instanceof s.Mesh){const n=o.geometry,d=Array.isArray(o.material)?o.material.map(e):e(o.material);return new s.Mesh(n,d)}else if(o instanceof s.Group){const n=new s.Group;return o.children.forEach(d=>n.add(l(d))),n}else{const n=new s.Object3D;return o.children.forEach(d=>n.add(l(d))),n}}c.remove(m),m=l(t.model),c.add(m),p()},x=(e,l={})=>{const o=k();if(!o)return;e.appendChild(o.domElement),M(l);const n=window.getComputedStyle(e).position;n!=="relative"&&n!=="absolute"&&n!=="fixed"&&n!=="sticky"&&(e.style.position="relative")},M=(e={})=>{if(!r)return;const o=r.domElement.parentNode;if(o!=null&&o.nodeName){const{width:n=o.offsetWidth,height:d=o.offsetHeight}=e;r.setSize(n,d),f.aspect=n/d,f.updateProjectionMatrix()}p()};function E(e,l,o){const n=e.bounding,d=Math.pow(Math.pow(n.max.x-n.min.x+1,2)+Math.pow(n.max.y-n.min.y+1,2)+Math.pow(n.max.z-n.min.z+1,2),1/2);let g=d/2/Math.tan(Math.PI*l/360);return o<1&&(g=g/o),isNaN(g)?d:g}function O(e){return t.work.observers[e].standingPosition.clone()}const p=()=>{if(!h||!w)return;const e=t.getPose();e.fov=f.fov,e.offset=w,e.distance=h,typeof u.lockedLatitude=="number"&&(e.latitude=u.lockedLatitude),typeof u.lockedLongitude=="number"&&(e.longitude=u.lockedLongitude),typeof u.lockedPanoIndex=="number"&&(e.offset=O(u.lockedPanoIndex)),u.lookAtCurrentCamera&&(e.offset=t.camera.position.clone().setY(t.camera.position.y+1)),f.setFromPose(e),i=!0},j=()=>{i!==!0||!r||!r.domElement.parentNode||r.domElement.parentNode.offsetWidth===0||(r.render(c,f),i=!1)},N=()=>{r&&r.dispose(),r=null},D=e=>{Object.assign(u,e),p()};return Object.assign(window,{camera:f}),t.on("modelLoaded",L),t.on("modelWillLoad",C),t.on("cameraDirectionUpdate",p),t.on("dispose",N),t.on("renderFrame",j),t.on("cameraPositionUpdate",p),{appendTo:x,refresh:M,changeConfigs:D}};exports.ModelViewPlugin=_;
+var A = Object.defineProperty;
+var y = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var x = (o, i, d) => i in o ? A(o, i, { enumerable: !0, configurable: !0, writable: !0, value: d }) : o[i] = d, M = (o, i) => {
+  for (var d in i || (i = {}))
+    I.call(i, d) && x(o, d, i[d]);
+  if (y)
+    for (var d of y(i))
+      O.call(i, d) && x(o, d, i[d]);
+  return o;
+};
+import { Camera as W } from "@realsee/five";
+import * as a from "three";
+const S = (o, i) => {
+  let d = !0, r = null;
+  const u = M(M({}, {
+    lookAtCurrentCamera: !1,
+    lockedPanoIndex: null,
+    lockedLatitude: null,
+    lockedLongitude: null
+  }), i == null ? void 0 : i.config), l = new a.Scene(), f = new W(60);
+  let m = new a.Object3D(), h, w;
+  {
+    const e = new a.DirectionalLight(16777215, 0.5);
+    e.position.copy(new a.Vector3(1, 1, 1)), l.add(e);
+  }
+  {
+    const e = new a.DirectionalLight(16777215, 0.3);
+    l.add(e);
+  }
+  {
+    const e = new a.AmbientLight(16777215, 0.3);
+    l.add(e);
+  }
+  l.add(m);
+  const C = () => {
+    if (!!o.renderer)
+      return r || (r = new a.WebGLRenderer({ antialias: !1, alpha: !0 }), r.setPixelRatio(o.renderer.getPixelRatio()), r.outputEncoding = a.sRGBEncoding, r.setClearColor(1579548, 0), r.autoClear = !0), r;
+  }, L = () => {
+    m.traverse((e) => {
+      e instanceof a.Mesh && [].concat(e.material).forEach((n) => n.dispose());
+    }), l.remove(m), m = new a.Object3D(), l.add(m), p();
+  }, k = () => {
+    h = E(o.model, f.fov, f.aspect), w = o.model.bounding.getCenter(new a.Vector3());
+    function e(n) {
+      const t = n.clone();
+      return t.uniforms.modelAlpha.value = 1, t.uniforms.map.value && (t.uniforms.map.value.needsUpdate = !0), t;
+    }
+    function c(n) {
+      if (n instanceof a.Mesh) {
+        const t = n.geometry, s = Array.isArray(n.material) ? n.material.map(e) : e(n.material);
+        return new a.Mesh(t, s);
+      } else if (n instanceof a.Group) {
+        const t = new a.Group();
+        return n.children.forEach((s) => t.add(c(s))), t;
+      } else {
+        const t = new a.Object3D();
+        return n.children.forEach((s) => t.add(c(s))), t;
+      }
+    }
+    l.remove(m), m = c(o.model), l.add(m), p();
+  }, P = (e, c = {}) => {
+    const n = C();
+    if (!n)
+      return;
+    e.appendChild(n.domElement), b(c);
+    const t = window.getComputedStyle(e).position;
+    t !== "relative" && t !== "absolute" && t !== "fixed" && t !== "sticky" && (e.style.position = "relative");
+  }, b = (e = {}) => {
+    if (!r)
+      return;
+    const n = r.domElement.parentNode;
+    if (n != null && n.nodeName) {
+      const { width: t = n.offsetWidth, height: s = n.offsetHeight } = e;
+      r.setSize(t, s), f.aspect = t / s, f.updateProjectionMatrix();
+    }
+    p();
+  };
+  function E(e, c, n) {
+    const t = e.bounding, s = Math.pow(
+      Math.pow(t.max.x - t.min.x + 1, 2) + Math.pow(t.max.y - t.min.y + 1, 2) + Math.pow(t.max.z - t.min.z + 1, 2),
+      1 / 2
+    );
+    let g = s / 2 / Math.tan(Math.PI * c / 360);
+    return n < 1 && (g = g / n), isNaN(g) ? s : g;
+  }
+  function N(e) {
+    return o.work.observers[e].standingPosition.clone();
+  }
+  const p = () => {
+    if (!h || !w)
+      return;
+    const e = o.getPose();
+    e.fov = f.fov, e.offset = w, e.distance = h, typeof u.lockedLatitude == "number" && (e.latitude = u.lockedLatitude), typeof u.lockedLongitude == "number" && (e.longitude = u.lockedLongitude), typeof u.lockedPanoIndex == "number" && (e.offset = N(u.lockedPanoIndex)), u.lookAtCurrentCamera && (e.offset = o.camera.position.clone().setY(o.camera.position.y + 1)), f.setFromPose(e), d = !0;
+  }, D = () => {
+    d !== !0 || !r || !r.domElement.parentNode || r.domElement.parentNode.offsetWidth === 0 || (r.render(l, f), d = !1);
+  }, R = () => {
+    r && r.dispose(), r = null;
+  }, j = (e) => {
+    Object.assign(u, e), p();
+  };
+  return Object.assign(window, { camera: f }), o.on("modelLoaded", k), o.on("modelWillLoad", L), o.on("cameraDirectionUpdate", p), o.on("dispose", R), o.on("renderFrame", D), o.on("cameraPositionUpdate", p), { appendTo: P, refresh: b, changeConfigs: j };
+};
+export {
+  S as ModelViewPlugin
+};

package/libs/ModelViewPlugin/index.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Plugin.js");require("@realsee/five");require("three");exports.ModelViewPlugin=e.ModelViewPlugin;exports.default=e.ModelViewPlugin;
+import "@realsee/five";
+import "three";