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

package/libs/CSS3DRenderPlugin/CSS3DRender.js

@@ -1 +1,327 @@
-"use strict";var Z=Object.defineProperty;var L=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var q=(b,e,t)=>e in b?Z(b,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):b[e]=t,N=(b,e)=>{for(var t in e||(e={}))ee.call(e,t)&&q(b,t,e[t]);if(L)for(var t of L(e))te.call(e,t)&&q(b,t,e[t]);return b};var f=(b,e,t)=>(q(b,typeof e!="symbol"?e+"":e,t),t);var y=(b,e,t)=>new Promise((s,n)=>{var d=i=>{try{a(t.next(i))}catch(u){n(u)}},c=i=>{try{a(t.throw(i))}catch(u){n(u)}},a=i=>i.done?s(i.value):Promise.resolve(i.value).then(d,c);a((t=t.apply(b,e)).next())});const se=require("three"),x=require("three/examples/jsm/renderers/CSS3DRenderer"),oe=require("../shared-utils/Subscribe.js"),U=require("./utils/evenNumber.js"),ne=require("./utils/positionToVector3.js"),re=require("./utils/CSS3DObjectPlus.js");function ie(b){if(b&&b.__esModule)return b;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(b){for(const t in b)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(b,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>b[t]})}}return e.default=b,Object.freeze(e)}const C=ie(se),de="v2.0.1",V="CSS3DRenderer",m=`${V}@${de}`,H=b=>`${m}--${b}`,o={};class ce{constructor(){f(this,"hooks",new oe.Subscribe);f(this,"state",{enabled:!0,visible:!0,disposed:!1});f(this,"store",{rendered:!1,disposers:[],frontModeCSS3DObjects:{},behindModeCSS3DObjects:{}});f(this,"create3DElement",(e,t,s)=>{if(this.state.disposed)return this.disposedErrorLog();const n=(()=>{const r={ratio:.00216,devicePixelRatio:1,mode:"front",autoRender:!0,container:document.createElement("div"),pointerEvents:"none"};return Object.assign(r,s)})(),d=t.map(ne.anyPositionToVector3);if((d==null?void 0:d.length)<4)return console.error(`${m}: requires 4 point but params may have fewer`);const{ratio:c,devicePixelRatio:a,mode:i,autoRender:u,container:l,pointerEvents:G}=n,F=[],{css3DObject:h,opacityMesh:O}=this.createObject(d,{ratio:c,dpr:a,container:l,mode:i,pointerEvents:G});l.id=`container--${h.uuid}`;const Q=i==="front"&&!o.frontModeStore,W=i==="behind"&&!o.behindModeStore;i==="front"&&this.initGlobalModeStore("front"),i==="behind"&&this.initGlobalModeStore("behind",n.scene),h.hooks.on("changeMode",(r,D,M)=>{var T,_,$;if(r===D)return;r==="front"&&this.initGlobalModeStore("front"),r==="behind"&&this.initGlobalModeStore("behind",M);const S=D==="front"?o.frontModeStore:o.behindModeStore,p=r==="front"?o.frontModeStore:o.behindModeStore,I=D==="behind"?this.store.behindModeCSS3DObjects:this.store.frontModeCSS3DObjects,w=r==="behind"?this.store.behindModeCSS3DObjects:this.store.frontModeCSS3DObjects;if(!I||!w)return console.error(`${m}: changeMode error: prevObjects or nextObjects is undefined`);const j=I[h.uuid];if(!j)return console.error(`${m}: changeMode error: prevObject is undefined`);if(r==="behind"){const B=(T=j.opacityMesh)!=null?T:this.createOpacityMesh(j.css3DObject);S==null||S.css3DScene.remove(j.css3DObject),w[h.uuid]={css3DObject:h,opacityMesh:B,visible:!0,enabled:!0,mode:r,scene:M},p==null||p.css3DScene.add(h),M==null||M.add(B)}r==="front"&&(S==null||S.css3DScene.remove(j.css3DObject),($=(_=I[h.uuid])==null?void 0:_.scene)==null||$.remove(j.opacityMesh),w[h.uuid]={css3DObject:h,visible:!0,enabled:!0,mode:r},p==null||p.css3DScene.add(h)),r==="behind"&&this.appendToElement(o.behindModeContainer,"behind"),r==="front"&&this.appendToElement(o.frontModeContainer,"front"),this.render(e),console.log("change success")});const g=i==="front"?o.frontModeStore:o.behindModeStore,{css3DScene:E,css3DRenderer:v}=g,z=(()=>{const r=()=>{var M,S;const D=h.mode;if(D==="front")this.store.frontModeCSS3DObjects[h.uuid]={visible:!0,enabled:!0,css3DObject:h,mode:"front"};else{if(!n.scene)return;this.store.behindModeCSS3DObjects[h.uuid]={visible:!0,enabled:!0,css3DObject:h,opacityMesh:O,mode:"behind",scene:n.scene}}E.getObjectById(h.id)||E.add(h),D==="behind"&&O&&((M=n.scene)!=null&&M.getObjectById(O.id)||(S=n.scene)==null||S.add(O),F.push(()=>{var p;return O&&((p=n.scene)==null?void 0:p.remove(O))}))};return Q||W?(v.domElement.style.position="absolute",v.domElement.style.top="0",v.domElement.style.userSelect="none",v.domElement.style.pointerEvents="none",v.domElement.classList.add(H(i)),()=>{r(),this.render(e)}):(this.store.rendered=!0,()=>r())})(),P=i==="front"?o.frontModeContainer:o.behindModeContainer;if(P){this.appendToElement(P,i);const r=i==="front"?o.frontModeStore:o.behindModeStore;r&&(r.appendedToPage=!0)}const R=r=>this.setVisibleById(h.uuid,r),A=r=>this.setEnabledById(h.uuid,r),J=()=>R(!0),K=()=>R(!1),X=()=>A(!0),Y=()=>A(!1),k=()=>(delete this.store.frontModeCSS3DObjects[h.uuid],delete this.store.behindModeCSS3DObjects[h.uuid],F.forEach(r=>r==null?void 0:r()),E.remove(h),E.children.length===0&&(typeof g.requestAnimationFrameId=="number"&&cancelAnimationFrame(g.requestAnimationFrameId),v.domElement.remove(),i==="front"&&(o.frontModeStore=void 0),i==="behind"&&(o.behindModeStore=void 0),o.frontModeResizeObserver=void 0,o.behindModeResizeObserver=void 0),!0);return this.store.disposers.push(k),u&&z(),{id:h.uuid,container:l,dispose:k,css3DObject:h,render:u?void 0:z,show:J,hide:K,setVisible:R,disable:Y,enable:X,setEnabled:A,appendToElement:r=>this.appendToElement(r,i)}});f(this,"setVisibleById",(e,t)=>{var n;const s=(n=this.store.frontModeCSS3DObjects[e])!=null?n:this.store.behindModeCSS3DObjects[e];if(!s)return console.error("id not found",e);s.visible=t,this.state.visible&&(s.css3DObject.visible=t,s.mode==="behind"&&(s.opacityMesh.visible=t))});f(this,"setEnabledById",(e,t)=>{var d,c,a;const s=(d=this.store.frontModeCSS3DObjects[e])!=null?d:this.store.behindModeCSS3DObjects[e];if(!s)return;const n=s.mode==="front"?(c=o.frontModeStore)==null?void 0:c.css3DScene:(a=o.behindModeStore)==null?void 0:a.css3DScene;!n||(t?(n.add(s.css3DObject),s.mode==="behind"&&s.scene.add(s.opacityMesh)):(n.remove(s.css3DObject),s.mode==="behind"&&s.scene.remove(s.opacityMesh)),s.enabled=t)});f(this,"createObject",(e,t)=>{const{ratio:s,dpr:n,container:d,mode:c,pointerEvents:a}=t,i=new re.CSS3DObjectPlus(d,e,s,n,c);d.style.pointerEvents=a,d.classList.add(`${V}__container`);const u=c==="behind"?this.createOpacityMesh(i):void 0;return{css3DObject:i,opacityMesh:u}});f(this,"createOpacityMesh",e=>{const{domWidthPx:t,domHeightPx:s}=e,n=new C.MeshBasicMaterial({opacity:0,color:0,transparent:!1,side:C.DoubleSide}),d=new C.PlaneGeometry(t,s),c=new C.Mesh(d,n);return c.name=H("mesh"),c.position.copy(e.position),c.rotation.copy(e.rotation),c.scale.copy(e.scale),e.hooks.on("applyMatrix4",a=>c.applyMatrix4(a)),e.hooks.on("applyQuaternion",a=>c.applyQuaternion(a)),e.hooks.on("applyScaleMatrix4",a=>c.scale.applyMatrix4(a)),c});f(this,"createResizeObserver",(e,t,s=!0)=>{if(!e)return console.error("createResizeObserver: element is undefined"),{observe:()=>{},unobserve:()=>{}};const n=()=>{const c=U.evenNumber(e.clientWidth,{smaller:!0}),a=U.evenNumber(e.clientHeight,{smaller:!0});t(c,a)};if(typeof ResizeObserver=="undefined"||!ResizeObserver)return console.warn("createResizeObserver: ResizeObserver is undefined"),{observe:()=>n(),unobserve:()=>{}};const d=new ResizeObserver(n);return s&&n(),{observe:()=>d.observe(e),unobserve:()=>d.unobserve(e)}});f(this,"disposedErrorLog",()=>{console.error(`${m} is disposed`)})}getCurrentState(){return this.state}setState(e,t={userAction:!0}){if(this.state.disposed)return this.disposedErrorLog();const s=N({},this.state);this.state=Object.assign(this.state,e),s.visible!==this.state.visible&&(e.visible?this.handleShow():this.handleHide()),s.enabled!==this.state.enabled&&(e.enabled?this.handleEnable():this.handleDisable()),this.hooks.emit("stateChange",{state:this.state,prevState:s,userAction:t.userAction})}dispose(){this.store.disposers.forEach(e=>e==null?void 0:e()),this.store.disposers=[],this.hooks.emit("dispose"),this.state.disposed=!0}show(){return y(this,arguments,function*({userAction:e}={userAction:!0}){if(this.state.disposed)return this.disposedErrorLog();this.setState({visible:!0},{userAction:e}),this.hooks.emit("show",{userAction:e})})}hide(){return y(this,arguments,function*({userAction:e}={userAction:!0}){if(this.state.disposed)return this.disposedErrorLog();this.setState({visible:!1},{userAction:e}),this.hooks.emit("hide",{userAction:e})})}enable({userAction:e}={userAction:!0}){if(this.state.disposed)return this.disposedErrorLog();this.setState({enabled:!0},{userAction:e}),this.hooks.emit("enable",{userAction:e})}disable({userAction:e}={userAction:!0}){if(this.state.disposed)return this.disposedErrorLog();this.setState({enabled:!1},{userAction:e}),this.hooks.emit("disable",{userAction:e})}setContainer(e,t){t==="front"?o.frontModeContainer=e:o.behindModeContainer=e}appendToElement(e,t){const s=t==="front"?o.frontModeStore:o.behindModeStore;if(!s){if(t==="front"&&!o.frontModeContainer){if(!e)throw new Error(`${m} Cannot append to container: front mode but container is ${e}`);o.frontModeContainer=e}if(t==="behind"&&!o.behindModeContainer){if(!e)throw new Error(`${m} Cannot append to container: behind mode but container is ${e}`);o.behindModeContainer=e}return}if(s.appendedToPage)return;const n=t==="behind"?o.behindModeContainer:o.frontModeContainer;if(!n)return console.error("wrapper is undefined");if(n.appendChild(s.css3DRenderer.domElement),t==="behind"&&!o.behindModeResizeObserver){const d=(i,u)=>{var l;(l=o.behindModeStore)==null||l.css3DRenderer.setSize(i,u)},{observe:c,unobserve:a}=this.createResizeObserver(n,d,!0);o.behindModeResizeObserver={observe:c,unobserve:a},c(),this.store.disposers.push(a)}if(t==="front"&&!o.frontModeResizeObserver){const d=(i,u)=>{var l;(l=o.frontModeStore)==null||l.css3DRenderer.setSize(i,u)},{observe:c,unobserve:a}=this.createResizeObserver(n,d,!0);o.frontModeResizeObserver={observe:c,unobserve:a},c(),this.store.disposers.push(a)}s.appendedToPage=!0}render(e){const t=o.behindModeStore,s=o.frontModeStore;if(t&&Object.keys(this.store.behindModeCSS3DObjects).length>0&&!t.requestAnimationFrameId){const n=()=>{const d=requestAnimationFrame(n);t.requestAnimationFrameId=d,t.css3DRenderer.render(t.css3DScene,e)};n()}if(s&&Object.keys(this.store.frontModeCSS3DObjects).length>0&&!s.requestAnimationFrameId){const n=()=>{const d=requestAnimationFrame(n);s.requestAnimationFrameId=d,s.css3DRenderer.render(s.css3DScene,e)};n()}Object.keys(this.store.frontModeCSS3DObjects).length===0&&(s==null?void 0:s.requestAnimationFrameId)!==void 0&&(cancelAnimationFrame(s.requestAnimationFrameId),s.requestAnimationFrameId=void 0),Object.keys(this.store.behindModeCSS3DObjects).length===0&&(t==null?void 0:t.requestAnimationFrameId)!==void 0&&(cancelAnimationFrame(t.requestAnimationFrameId),t.requestAnimationFrameId=void 0)}initGlobalModeStore(e,t){const s=e==="front"&&!o.frontModeStore;e==="behind"&&!o.behindModeStore&&(o.behindModeStore={scene:t,css3DScene:new C.Scene,css3DRenderer:new x.CSS3DRenderer}),s&&(o.frontModeStore={css3DScene:new C.Scene,css3DRenderer:new x.CSS3DRenderer})}handleShow(){return y(this,null,function*(){Object.values(this.store.frontModeCSS3DObjects).forEach(e=>{e.css3DObject.visible=e.visible}),Object.values(this.store.behindModeCSS3DObjects).forEach(e=>{e.css3DObject.visible=e.visible,e.opacityMesh.visible=e.visible})})}handleHide(){return y(this,null,function*(){Object.values(this.store.frontModeCSS3DObjects).forEach(e=>{e.css3DObject.visible=!1}),Object.values(this.store.behindModeCSS3DObjects).forEach(e=>{e.css3DObject.visible=!1,e.opacityMesh.visible=!1})})}handleEnable(){Object.values(this.store.frontModeCSS3DObjects).forEach(e=>{var t;!e.enabled||(t=o.frontModeStore)==null||t.css3DScene.add(e.css3DObject)}),Object.values(this.store.behindModeCSS3DObjects).forEach(e=>{var t,s;!e.enabled||((t=o.behindModeStore)==null||t.css3DScene.add(e.css3DObject),(s=o.behindModeStore)==null||s.scene.add(e.opacityMesh))})}handleDisable(){Object.values(this.store.frontModeCSS3DObjects).forEach(e=>{var t;(t=o.frontModeStore)==null||t.css3DScene.remove(e.css3DObject)}),Object.values(this.store.behindModeCSS3DObjects).forEach(e=>{var t,s;(t=o.behindModeStore)==null||t.css3DScene.remove(e.css3DObject),(s=o.behindModeStore)==null||s.scene.remove(e.opacityMesh)})}}exports.CSS3DRender=ce;
+var Z = Object.defineProperty;
+var x = Object.getOwnPropertySymbols;
+var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
+var F = (b, e, t) => e in b ? Z(b, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : b[e] = t, U = (b, e) => {
+  for (var t in e || (e = {}))
+    ee.call(e, t) && F(b, t, e[t]);
+  if (x)
+    for (var t of x(e))
+      te.call(e, t) && F(b, t, e[t]);
+  return b;
+};
+var l = (b, e, t) => (F(b, typeof e != "symbol" ? e + "" : e, t), t);
+var C = (b, e, t) => new Promise((s, n) => {
+  var d = (i) => {
+    try {
+      a(t.next(i));
+    } catch (f) {
+      n(f);
+    }
+  }, c = (i) => {
+    try {
+      a(t.throw(i));
+    } catch (f) {
+      n(f);
+    }
+  }, a = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(d, c);
+  a((t = t.apply(b, e)).next());
+});
+import * as y from "three";
+import { CSS3DRenderer as H } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { Subscribe as se } from "../shared-utils/Subscribe.js";
+import { evenNumber as N } from "./utils/evenNumber.js";
+import { anyPositionToVector3 as oe } from "./utils/positionToVector3.js";
+import { CSS3DObjectPlus as ne } from "./utils/CSS3DObjectPlus.js";
+const re = "v2.0.1", _ = "CSS3DRenderer", m = `${_}@${re}`, V = (b) => `${m}--${b}`, o = {};
+class fe {
+  constructor() {
+    l(this, "hooks", new se());
+    l(this, "state", {
+      enabled: !0,
+      visible: !0,
+      disposed: !1
+    });
+    l(this, "store", {
+      rendered: !1,
+      disposers: [],
+      frontModeCSS3DObjects: {},
+      behindModeCSS3DObjects: {}
+    });
+    l(this, "create3DElement", (e, t, s) => {
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      const n = (() => {
+        const r = {
+          ratio: 216e-5,
+          devicePixelRatio: 1,
+          mode: "front",
+          autoRender: !0,
+          container: document.createElement("div"),
+          pointerEvents: "none"
+        };
+        return Object.assign(r, s);
+      })(), d = t.map(oe);
+      if ((d == null ? void 0 : d.length) < 4)
+        return console.error(`${m}: requires 4 point but params may have fewer`);
+      const { ratio: c, devicePixelRatio: a, mode: i, autoRender: f, container: u, pointerEvents: G } = n, z = [], { css3DObject: h, opacityMesh: O } = this.createObject(d, { ratio: c, dpr: a, container: u, mode: i, pointerEvents: G });
+      u.id = `container--${h.uuid}`;
+      const Q = i === "front" && !o.frontModeStore, W = i === "behind" && !o.behindModeStore;
+      i === "front" && this.initGlobalModeStore("front"), i === "behind" && this.initGlobalModeStore("behind", n.scene), h.hooks.on("changeMode", (r, D, M) => {
+        var B, L, P;
+        if (r === D)
+          return;
+        r === "front" && this.initGlobalModeStore("front"), r === "behind" && this.initGlobalModeStore("behind", M);
+        const S = D === "front" ? o.frontModeStore : o.behindModeStore, p = r === "front" ? o.frontModeStore : o.behindModeStore, I = D === "behind" ? this.store.behindModeCSS3DObjects : this.store.frontModeCSS3DObjects, w = r === "behind" ? this.store.behindModeCSS3DObjects : this.store.frontModeCSS3DObjects;
+        if (!I || !w)
+          return console.error(`${m}: changeMode error: prevObjects or nextObjects is undefined`);
+        const j = I[h.uuid];
+        if (!j)
+          return console.error(`${m}: changeMode error: prevObject is undefined`);
+        if (r === "behind") {
+          const T = (B = j.opacityMesh) != null ? B : this.createOpacityMesh(j.css3DObject);
+          S == null || S.css3DScene.remove(j.css3DObject), w[h.uuid] = { css3DObject: h, opacityMesh: T, visible: !0, enabled: !0, mode: r, scene: M }, p == null || p.css3DScene.add(h), M == null || M.add(T);
+        }
+        r === "front" && (S == null || S.css3DScene.remove(j.css3DObject), (P = (L = I[h.uuid]) == null ? void 0 : L.scene) == null || P.remove(j.opacityMesh), w[h.uuid] = { css3DObject: h, visible: !0, enabled: !0, mode: r }, p == null || p.css3DScene.add(h)), r === "behind" && this.appendToElement(o.behindModeContainer, "behind"), r === "front" && this.appendToElement(o.frontModeContainer, "front"), this.render(e), console.log("change success");
+      });
+      const g = i === "front" ? o.frontModeStore : o.behindModeStore, { css3DScene: E, css3DRenderer: v } = g, q = (() => {
+        const r = () => {
+          var M, S;
+          const D = h.mode;
+          if (D === "front")
+            this.store.frontModeCSS3DObjects[h.uuid] = {
+              visible: !0,
+              enabled: !0,
+              css3DObject: h,
+              mode: "front"
+            };
+          else {
+            if (!n.scene)
+              return;
+            this.store.behindModeCSS3DObjects[h.uuid] = {
+              visible: !0,
+              enabled: !0,
+              css3DObject: h,
+              opacityMesh: O,
+              mode: "behind",
+              scene: n.scene
+            };
+          }
+          E.getObjectById(h.id) || E.add(h), D === "behind" && O && ((M = n.scene) != null && M.getObjectById(O.id) || (S = n.scene) == null || S.add(O), z.push(() => {
+            var p;
+            return O && ((p = n.scene) == null ? void 0 : p.remove(O));
+          }));
+        };
+        return Q || W ? (v.domElement.style.position = "absolute", v.domElement.style.top = "0", v.domElement.style.userSelect = "none", v.domElement.style.pointerEvents = "none", v.domElement.classList.add(V(i)), () => {
+          r(), this.render(e);
+        }) : (this.store.rendered = !0, () => r());
+      })(), k = i === "front" ? o.frontModeContainer : o.behindModeContainer;
+      if (k) {
+        this.appendToElement(k, i);
+        const r = i === "front" ? o.frontModeStore : o.behindModeStore;
+        r && (r.appendedToPage = !0);
+      }
+      const R = (r) => this.setVisibleById(h.uuid, r), A = (r) => this.setEnabledById(h.uuid, r), J = () => R(!0), K = () => R(!1), X = () => A(!0), Y = () => A(!1), $ = () => (delete this.store.frontModeCSS3DObjects[h.uuid], delete this.store.behindModeCSS3DObjects[h.uuid], z.forEach((r) => r == null ? void 0 : r()), E.remove(h), E.children.length === 0 && (typeof g.requestAnimationFrameId == "number" && cancelAnimationFrame(g.requestAnimationFrameId), v.domElement.remove(), i === "front" && (o.frontModeStore = void 0), i === "behind" && (o.behindModeStore = void 0), o.frontModeResizeObserver = void 0, o.behindModeResizeObserver = void 0), !0);
+      return this.store.disposers.push($), f && q(), {
+        id: h.uuid,
+        container: u,
+        dispose: $,
+        css3DObject: h,
+        render: f ? void 0 : q,
+        show: J,
+        hide: K,
+        setVisible: R,
+        disable: Y,
+        enable: X,
+        setEnabled: A,
+        appendToElement: (r) => this.appendToElement(r, i)
+      };
+    });
+    l(this, "setVisibleById", (e, t) => {
+      var n;
+      const s = (n = this.store.frontModeCSS3DObjects[e]) != null ? n : this.store.behindModeCSS3DObjects[e];
+      if (!s)
+        return console.error("id not found", e);
+      s.visible = t, this.state.visible && (s.css3DObject.visible = t, s.mode === "behind" && (s.opacityMesh.visible = t));
+    });
+    l(this, "setEnabledById", (e, t) => {
+      var d, c, a;
+      const s = (d = this.store.frontModeCSS3DObjects[e]) != null ? d : this.store.behindModeCSS3DObjects[e];
+      if (!s)
+        return;
+      const n = s.mode === "front" ? (c = o.frontModeStore) == null ? void 0 : c.css3DScene : (a = o.behindModeStore) == null ? void 0 : a.css3DScene;
+      !n || (t ? (n.add(s.css3DObject), s.mode === "behind" && s.scene.add(s.opacityMesh)) : (n.remove(s.css3DObject), s.mode === "behind" && s.scene.remove(s.opacityMesh)), s.enabled = t);
+    });
+    l(this, "createObject", (e, t) => {
+      const { ratio: s, dpr: n, container: d, mode: c, pointerEvents: a } = t, i = new ne(d, e, s, n, c);
+      d.style.pointerEvents = a, d.classList.add(`${_}__container`);
+      const f = c === "behind" ? this.createOpacityMesh(i) : void 0;
+      return { css3DObject: i, opacityMesh: f };
+    });
+    l(this, "createOpacityMesh", (e) => {
+      const { domWidthPx: t, domHeightPx: s } = e, n = new y.MeshBasicMaterial({
+        opacity: 0,
+        color: 0,
+        transparent: !1,
+        side: y.DoubleSide
+      }), d = new y.PlaneGeometry(t, s), c = new y.Mesh(d, n);
+      return c.name = V("mesh"), c.position.copy(e.position), c.rotation.copy(e.rotation), c.scale.copy(e.scale), e.hooks.on("applyMatrix4", (a) => c.applyMatrix4(a)), e.hooks.on("applyQuaternion", (a) => c.applyQuaternion(a)), e.hooks.on("applyScaleMatrix4", (a) => c.scale.applyMatrix4(a)), c;
+    });
+    l(this, "createResizeObserver", (e, t, s = !0) => {
+      if (!e)
+        return console.error("createResizeObserver: element is undefined"), { observe: () => {
+        }, unobserve: () => {
+        } };
+      const n = () => {
+        const c = N(e.clientWidth, { smaller: !0 }), a = N(e.clientHeight, { smaller: !0 });
+        t(c, a);
+      };
+      if (typeof ResizeObserver == "undefined" || !ResizeObserver)
+        return console.warn("createResizeObserver: ResizeObserver is undefined"), { observe: () => n(), unobserve: () => {
+        } };
+      const d = new ResizeObserver(n);
+      return s && n(), {
+        observe: () => d.observe(e),
+        unobserve: () => d.unobserve(e)
+      };
+    });
+    l(this, "disposedErrorLog", () => {
+      console.error(`${m} is disposed`);
+    });
+  }
+  getCurrentState() {
+    return this.state;
+  }
+  setState(e, t = { userAction: !0 }) {
+    if (this.state.disposed)
+      return this.disposedErrorLog();
+    const s = U({}, this.state);
+    this.state = Object.assign(this.state, e), s.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), s.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: s, userAction: t.userAction });
+  }
+  dispose() {
+    this.store.disposers.forEach((e) => e == null ? void 0 : e()), this.store.disposers = [], this.hooks.emit("dispose"), this.state.disposed = !0;
+  }
+  show() {
+    return C(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      this.setState({ visible: !0 }, { userAction: e }), this.hooks.emit("show", { userAction: e });
+    });
+  }
+  hide() {
+    return C(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      this.setState({ visible: !1 }, { userAction: e }), this.hooks.emit("hide", { userAction: e });
+    });
+  }
+  enable({ userAction: e } = { userAction: !0 }) {
+    if (this.state.disposed)
+      return this.disposedErrorLog();
+    this.setState({ enabled: !0 }, { userAction: e }), this.hooks.emit("enable", { userAction: e });
+  }
+  disable({ userAction: e } = { userAction: !0 }) {
+    if (this.state.disposed)
+      return this.disposedErrorLog();
+    this.setState({ enabled: !1 }, { userAction: e }), this.hooks.emit("disable", { userAction: e });
+  }
+  setContainer(e, t) {
+    t === "front" ? o.frontModeContainer = e : o.behindModeContainer = e;
+  }
+  appendToElement(e, t) {
+    const s = t === "front" ? o.frontModeStore : o.behindModeStore;
+    if (!s) {
+      if (t === "front" && !o.frontModeContainer) {
+        if (!e)
+          throw new Error(`${m} Cannot append to container: front mode but container is ${e}`);
+        o.frontModeContainer = e;
+      }
+      if (t === "behind" && !o.behindModeContainer) {
+        if (!e)
+          throw new Error(`${m} Cannot append to container: behind mode but container is ${e}`);
+        o.behindModeContainer = e;
+      }
+      return;
+    }
+    if (s.appendedToPage)
+      return;
+    const n = t === "behind" ? o.behindModeContainer : o.frontModeContainer;
+    if (!n)
+      return console.error("wrapper is undefined");
+    if (n.appendChild(s.css3DRenderer.domElement), t === "behind" && !o.behindModeResizeObserver) {
+      const d = (i, f) => {
+        var u;
+        (u = o.behindModeStore) == null || u.css3DRenderer.setSize(i, f);
+      }, { observe: c, unobserve: a } = this.createResizeObserver(n, d, !0);
+      o.behindModeResizeObserver = { observe: c, unobserve: a }, c(), this.store.disposers.push(a);
+    }
+    if (t === "front" && !o.frontModeResizeObserver) {
+      const d = (i, f) => {
+        var u;
+        (u = o.frontModeStore) == null || u.css3DRenderer.setSize(i, f);
+      }, { observe: c, unobserve: a } = this.createResizeObserver(n, d, !0);
+      o.frontModeResizeObserver = { observe: c, unobserve: a }, c(), this.store.disposers.push(a);
+    }
+    s.appendedToPage = !0;
+  }
+  render(e) {
+    const t = o.behindModeStore, s = o.frontModeStore;
+    if (t && Object.keys(this.store.behindModeCSS3DObjects).length > 0 && !t.requestAnimationFrameId) {
+      const n = () => {
+        const d = requestAnimationFrame(n);
+        t.requestAnimationFrameId = d, t.css3DRenderer.render(t.css3DScene, e);
+      };
+      n();
+    }
+    if (s && Object.keys(this.store.frontModeCSS3DObjects).length > 0 && !s.requestAnimationFrameId) {
+      const n = () => {
+        const d = requestAnimationFrame(n);
+        s.requestAnimationFrameId = d, s.css3DRenderer.render(s.css3DScene, e);
+      };
+      n();
+    }
+    Object.keys(this.store.frontModeCSS3DObjects).length === 0 && (s == null ? void 0 : s.requestAnimationFrameId) !== void 0 && (cancelAnimationFrame(s.requestAnimationFrameId), s.requestAnimationFrameId = void 0), Object.keys(this.store.behindModeCSS3DObjects).length === 0 && (t == null ? void 0 : t.requestAnimationFrameId) !== void 0 && (cancelAnimationFrame(t.requestAnimationFrameId), t.requestAnimationFrameId = void 0);
+  }
+  initGlobalModeStore(e, t) {
+    const s = e === "front" && !o.frontModeStore;
+    e === "behind" && !o.behindModeStore && (o.behindModeStore = { scene: t, css3DScene: new y.Scene(), css3DRenderer: new H() }), s && (o.frontModeStore = { css3DScene: new y.Scene(), css3DRenderer: new H() });
+  }
+  handleShow() {
+    return C(this, null, function* () {
+      Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = e.visible;
+      }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = e.visible, e.opacityMesh.visible = e.visible;
+      });
+    });
+  }
+  handleHide() {
+    return C(this, null, function* () {
+      Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = !1;
+      }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = !1, e.opacityMesh.visible = !1;
+      });
+    });
+  }
+  handleEnable() {
+    Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+      var t;
+      !e.enabled || (t = o.frontModeStore) == null || t.css3DScene.add(e.css3DObject);
+    }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+      var t, s;
+      !e.enabled || ((t = o.behindModeStore) == null || t.css3DScene.add(e.css3DObject), (s = o.behindModeStore) == null || s.scene.add(e.opacityMesh));
+    });
+  }
+  handleDisable() {
+    Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+      var t;
+      (t = o.frontModeStore) == null || t.css3DScene.remove(e.css3DObject);
+    }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+      var t, s;
+      (t = o.behindModeStore) == null || t.css3DScene.remove(e.css3DObject), (s = o.behindModeStore) == null || s.scene.remove(e.opacityMesh);
+    });
+  }
+}
+export {
+  fe as CSS3DRender
+};

package/libs/CSS3DRenderPlugin/Controller.js

@@ -1 +1,83 @@
-"use strict";var S=Object.defineProperty,y=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var h=(s,n,e)=>n in s?S(s,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[n]=e,v=(s,n)=>{for(var e in n||(n={}))P.call(n,e)&&h(s,e,n[e]);if(R)for(var e of R(n))F.call(n,e)&&h(s,e,n[e]);return s},m=(s,n)=>y(s,D(n));var l=(s,n,e)=>(h(s,typeof n!="symbol"?n+"":n,e),e);const w=require("./CSS3DRender.js"),x="v2.0.1",E=`CSS3DRenderPlugin@${x}`;class $ extends w.CSS3DRender{constructor(e){super();l(this,"five");l(this,"behindFiveContainer");l(this,"staticPrefix","//vrlab-static.ljcdn.com");l(this,"create3DDomContainer",(e,t)=>{if(this.state.disposed)return;const i=(()=>{var C;(t==null?void 0:t.dpr)!==void 0&&console.warn(`${E}: please use "config.devicePixelRatio" replace "config.dpr"`);const a={ratio:.00216,devicePixelRatio:(C=t==null?void 0:t.dpr)!=null?C:1,mode:"front",autoRender:!0};return Object.assign(a,t,(t==null?void 0:t.mode)==="behind"?{scene:this.five.scene}:void 0)})(),o=this.five.getElement();if(!o){console.error(`${E}: five.getElement() is ${o}`);return}const{autoRender:d,mode:r}=i,p=r==="front"?o.parentElement:i.behindFiveContainer;this.setContainer(p||document.body,"front");const f=this.getBehindFiveElement();f&&this.setContainer(f,"behind"),this.appendToElement(p||document.body,r);const u=this.create3DElement(this.five.camera,e,m(v({},i),{autoRender:!1}));if(!u)return;const c=u.render,b=()=>{var a;r==="front"&&c(),r==="behind"&&((a=this.five.model)!=null&&a.loaded?c():this.five.once("modelLoaded",()=>c()))};return d&&b(),m(v({},u),{render:d?void 0:b})});this.five=e}disposeAll(){return this.dispose()}setState(...e){const t=super.setState(...e);return this.five.needsRender=!0,t}getBehindFiveElement(){var r;const{behindFiveContainer:e}=this;if(e)return e;const t=document.createElement("div");t.style.position="absolute",t.style.pointerEvents="none",t.style.top="0",t.style.left="0",t.style.width="100%",t.style.height="100%",this.behindFiveContainer=t;const i=this.five.getElement();if(!i)return;const o=(r=i==null?void 0:i.style.position)!=null?r:getComputedStyle(i);(!o||o==="static")&&console.warn("if you want to use css3DRenderPlugin behind mode, five element position is static, please set position to relative or absolute");const d=i==null?void 0:i.parentElement;if(d)return d.insertBefore(t,i),t}}exports.Controller=$;
+var y = Object.defineProperty, F = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var h = (s, n, e) => n in s ? y(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e, v = (s, n) => {
+  for (var e in n || (n = {}))
+    S.call(n, e) && h(s, e, n[e]);
+  if (R)
+    for (var e of R(n))
+      D.call(n, e) && h(s, e, n[e]);
+  return s;
+}, m = (s, n) => F(s, P(n));
+var l = (s, n, e) => (h(s, typeof n != "symbol" ? n + "" : n, e), e);
+import { CSS3DRender as w } from "./CSS3DRender.js";
+const x = "v2.0.1", C = `CSS3DRenderPlugin@${x}`;
+class N extends w {
+  constructor(e) {
+    super();
+    l(this, "five");
+    l(this, "behindFiveContainer");
+    l(this, "staticPrefix", "//vrlab-static.ljcdn.com");
+    l(this, "create3DDomContainer", (e, t) => {
+      if (this.state.disposed)
+        return;
+      const i = (() => {
+        var E;
+        (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${C}: please use "config.devicePixelRatio" replace "config.dpr"`);
+        const a = {
+          ratio: 216e-5,
+          devicePixelRatio: (E = t == null ? void 0 : t.dpr) != null ? E : 1,
+          mode: "front",
+          autoRender: !0
+        };
+        return Object.assign(a, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
+      })(), o = this.five.getElement();
+      if (!o) {
+        console.error(`${C}: five.getElement() is ${o}`);
+        return;
+      }
+      const { autoRender: d, mode: r } = i, p = r === "front" ? o.parentElement : i.behindFiveContainer;
+      this.setContainer(p || document.body, "front");
+      const f = this.getBehindFiveElement();
+      f && this.setContainer(f, "behind"), this.appendToElement(p || document.body, r);
+      const c = this.create3DElement(this.five.camera, e, m(v({}, i), { autoRender: !1 }));
+      if (!c)
+        return;
+      const u = c.render, b = () => {
+        var a;
+        r === "front" && u(), r === "behind" && ((a = this.five.model) != null && a.loaded ? u() : this.five.once("modelLoaded", () => u()));
+      };
+      return d && b(), m(v({}, c), { render: d ? void 0 : b });
+    });
+    this.five = e;
+  }
+  disposeAll() {
+    return this.dispose();
+  }
+  setState(...e) {
+    const t = super.setState(...e);
+    return this.five.needsRender = !0, t;
+  }
+  getBehindFiveElement() {
+    var r;
+    const { behindFiveContainer: e } = this;
+    if (e)
+      return e;
+    const t = document.createElement("div");
+    t.style.position = "absolute", t.style.pointerEvents = "none", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", this.behindFiveContainer = t;
+    const i = this.five.getElement();
+    if (!i)
+      return;
+    const o = (r = i == null ? void 0 : i.style.position) != null ? r : getComputedStyle(i);
+    (!o || o === "static") && console.warn(
+      "if you want to use css3DRenderPlugin behind mode, five element position is static, please set position to relative or absolute"
+    );
+    const d = i == null ? void 0 : i.parentElement;
+    if (d)
+      return d.insertBefore(t, i), t;
+  }
+}
+export {
+  N as Controller
+};

package/libs/CSS3DRenderPlugin/index.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Controller.js");require("./CSS3DRender.js");require("three");require("three/examples/jsm/renderers/CSS3DRenderer");require("../shared-utils/Subscribe.js");require("./utils/evenNumber.js");require("./utils/positionToVector3.js");require("./utils/CSS3DObjectPlus.js");require("./utils/centerPoint.js");const e=r=>new u.Controller(r);exports.CSS3DRenderPlugin=e;exports.default=e;
+import { Controller as r } from "./Controller.js";
+const n = (o) => new r(o);
+export {
+  n as CSS3DRenderPlugin
+};

package/libs/CSS3DRenderPlugin/typing.js

@@ -1 +1 @@
-"use strict";
+

package/libs/CSS3DRenderPlugin/utils/CSS3DObjectPlus.js

@@ -1 +1,65 @@
-"use strict";var C=Object.defineProperty;var R=(n,h,e)=>h in n?C(n,h,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[h]=e;var s=(n,h,e)=>(R(n,typeof h!="symbol"?h+"":h,e),e);const v=require("three/examples/jsm/renderers/CSS3DRenderer"),a=require("three"),V=require("./evenNumber.js"),O=require("./centerPoint.js"),$=require("../../shared-utils/Subscribe.js"),w="1.0.2",f=`CSS3DObjectPlus@${w}`,E=.00216,N=.003;class _ extends v.CSS3DObject{constructor(e,t,o=N,S=1,M="front"){const l=Math.max(E,o),d=t[0].distanceTo(t[1]),p=t[1].distanceTo(t[2]),c=V.evenNumber(d/o*S),r=V.evenNumber(p/o*S),u=O.centerPoint(...t);let m;if(l===o)e.style.width=`${c}px`,e.style.height=`${r}px`,m=e;else{const i=document.createElement("div");i.style.width=`${c}px`,i.style.height=`${r}px`,i.style.pointerEvents="none";const g=o/l;e.style.position="absolute",e.style.left="0",e.style.top="0",e.style.width=`${g*c}px`,e.style.height=`${g*r}px`,i.appendChild(e),m=i}super(m);s(this,"version",w);s(this,"width");s(this,"height");s(this,"domWidthPx");s(this,"domHeightPx");s(this,"cornerPoints");s(this,"ratio");s(this,"container");s(this,"centerPosition");s(this,"mode","front");s(this,"hooks",new $.Subscribe);s(this,"isCSS3DObjectPlus",!0);if(this.scale.set(l,l,l),this.cornerPoints=t,this.ratio=o,this.container=e,this.mode=M,l===o)this.width=d,this.height=p,this.domWidthPx=c,this.domHeightPx=r,this.centerPosition=u;else{const i=o/l;this.width=i*d,this.height=i*p,this.domWidthPx=i*c,this.domHeightPx=i*r,this.centerPosition=new a.Vector3().subVectors(u,t[0]).multiplyScalar(i).add(t[0])}e.classList.add(`${f}__container`);const P=new a.Vector3().subVectors(t[1],t[0]),x=new a.Vector3().subVectors(t[3],t[0]),D=new a.Vector3().crossVectors(P,x).normalize();this.lookAt(D);const y=this.up.clone().applyQuaternion(this.quaternion),b=x.clone(),j=new a.Vector3().crossVectors(y,b).normalize();this.rotateOnWorldAxis(j,y.angleTo(b)),this.position.copy(u)}changeMode(e,t){if(e===this.mode)return;const o=this.mode;this.mode=e,this.hooks.emit("changeMode",e,o,t)}applyScaleMatrix4(e){this.scale.applyMatrix4(e),this.hooks.emit("applyScaleMatrix4",e)}applyMatrix4(e){super.applyMatrix4(e),this.hooks.emit("applyMatrix4",e)}applyQuaternion(e){return super.applyQuaternion(e),this.hooks.emit("applyQuaternion",e),this}}exports.CSS3DObjectPlus=_;
+var P = Object.defineProperty;
+var k = (p, h, t) => h in p ? P(p, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[h] = t;
+var s = (p, h, t) => (k(p, typeof h != "symbol" ? h + "" : h, t), t);
+import { CSS3DObject as D } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { Vector3 as n } from "three";
+import { evenNumber as f } from "./evenNumber.js";
+import { centerPoint as W } from "./centerPoint.js";
+import { Subscribe as j } from "../../shared-utils/Subscribe.js";
+const w = "1.0.2", v = `CSS3DObjectPlus@${w}`, C = 216e-5, E = 3e-3;
+class z extends D {
+  constructor(t, e, o = E, x = 1, M = "front") {
+    const l = Math.max(C, o), d = e[0].distanceTo(e[1]), m = e[1].distanceTo(e[2]), c = f(d / o * x), a = f(m / o * x), r = W(...e);
+    let u;
+    if (l === o)
+      t.style.width = `${c}px`, t.style.height = `${a}px`, u = t;
+    else {
+      const i = document.createElement("div");
+      i.style.width = `${c}px`, i.style.height = `${a}px`, i.style.pointerEvents = "none";
+      const b = o / l;
+      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * c}px`, t.style.height = `${b * a}px`, i.appendChild(t), u = i;
+    }
+    super(u);
+    s(this, "version", w);
+    s(this, "width");
+    s(this, "height");
+    s(this, "domWidthPx");
+    s(this, "domHeightPx");
+    s(this, "cornerPoints");
+    s(this, "ratio");
+    s(this, "container");
+    s(this, "centerPosition");
+    s(this, "mode", "front");
+    s(this, "hooks", new j());
+    s(this, "isCSS3DObjectPlus", !0);
+    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = o, this.container = t, this.mode = M, l === o)
+      this.width = d, this.height = m, this.domWidthPx = c, this.domHeightPx = a, this.centerPosition = r;
+    else {
+      const i = o / l;
+      this.width = i * d, this.height = i * m, this.domWidthPx = i * c, this.domHeightPx = i * a, this.centerPosition = new n().subVectors(r, e[0]).multiplyScalar(i).add(e[0]);
+    }
+    t.classList.add(`${v}__container`);
+    const V = new n().subVectors(e[1], e[0]), y = new n().subVectors(e[3], e[0]), $ = new n().crossVectors(V, y).normalize();
+    this.lookAt($);
+    const g = this.up.clone().applyQuaternion(this.quaternion), S = y.clone(), O = new n().crossVectors(g, S).normalize();
+    this.rotateOnWorldAxis(O, g.angleTo(S)), this.position.copy(r);
+  }
+  changeMode(t, e) {
+    if (t === this.mode)
+      return;
+    const o = this.mode;
+    this.mode = t, this.hooks.emit("changeMode", t, o, e);
+  }
+  applyScaleMatrix4(t) {
+    this.scale.applyMatrix4(t), this.hooks.emit("applyScaleMatrix4", t);
+  }
+  applyMatrix4(t) {
+    super.applyMatrix4(t), this.hooks.emit("applyMatrix4", t);
+  }
+  applyQuaternion(t) {
+    return super.applyQuaternion(t), this.hooks.emit("applyQuaternion", t), this;
+  }
+}
+export {
+  z as CSS3DObjectPlus
+};

package/libs/CSS3DRenderPlugin/utils/centerPoint.js

@@ -1 +1,10 @@
-"use strict";const r=require("three");function c(...t){const e=new r.Vector3;return t.forEach(n=>{e.add(n)}),e.divideScalar(t.length),e}exports.centerPoint=c;
+import { Vector3 as r } from "three";
+function c(...t) {
+  const e = new r();
+  return t.forEach((n) => {
+    e.add(n);
+  }), e.divideScalar(t.length), e;
+}
+export {
+  c as centerPoint
+};

package/libs/CSS3DRenderPlugin/utils/evenNumber.js

@@ -1 +1,7 @@
-"use strict";function t(u,e){const r=Math.round(u);return r%2===0?r:r+Number(e!=null&&e.smaller?-1:1)}exports.evenNumber=t;
+function t(u, r) {
+  const e = Math.round(u);
+  return e % 2 === 0 ? e : e + Number(r != null && r.smaller ? -1 : 1);
+}
+export {
+  t as evenNumber
+};

package/libs/CSS3DRenderPlugin/utils/index.js

@@ -1 +1 @@
-"use strict";require("three");
+import "three";

package/libs/CSS3DRenderPlugin/utils/positionToVector3.js

@@ -1 +1,6 @@
-"use strict";const t=require("three"),n=({x:r,y:e,z:o})=>new t.Vector3(r,e,o),c=([r,e,o])=>new t.Vector3(r,e,o),s=r=>r instanceof t.Vector3?r:Array.isArray(r)?c(r):n(r);exports.anyPositionToVector3=s;exports.arrayPositionToVector3=c;
+import { Vector3 as t } from "three";
+const n = ({ x: r, y: e, z: o }) => new t(r, e, o), c = ([r, e, o]) => new t(r, e, o), s = (r) => r instanceof t ? r : Array.isArray(r) ? c(r) : n(r);
+export {
+  s as anyPositionToVector3,
+  c as arrayPositionToVector3
+};

package/libs/CSS3DRenderPlugin/utils/random.js

@@ -1 +1 @@
-"use strict";
+