ep-lib-ts 1.0.43 → 1.0.44

package/dist/BgAudio-ByQMjvpb.js

@@ -0,0 +1,4 @@
+import { a8 as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/DisplayBox-5KOzK-T1.js

@@ -0,0 +1,4 @@
+import { a9 as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/Ep360Image-CQJBPImD.js

@@ -0,0 +1,241 @@
+import { defineComponent as T, ref as p, onMounted as $, createElementBlock as u, openBlock as d, createElementVNode as r, createCommentVNode as b, Fragment as _, renderList as j } from "vue";
+import { V as x, Q as q } from "./three.module-CWLs6nMo.js";
+const V = { style: { width: "800px", height: "600px", overflow: "hidden", position: "relative", margin: "auto" } }, W = ["id"], H = ["id", "src"], L = ["src"], B = ["position"], N = ["color", "material", "onClick", "onMouseenter"], z = ["position"], G = ["value"], J = ["value"], K = ["position"], U = ["value"], X = ["value"], ee = /* @__PURE__ */ T({
+  __name: "Ep360Image",
+  props: {
+    scenes: {},
+    id: {}
+  },
+  setup(C) {
+    const v = C, f = p(0), a = p(null), i = p(null), s = window.AFRAME;
+    s.components["rotation-reader"] || s.registerComponent("rotation-reader", {
+      schema: {},
+      tick: w()
+    });
+    function A(e, t) {
+      if (e && ((e == null ? void 0 : e.event) === "onClick" || !e.event)) {
+        if (e.type == "descriptive")
+          i.value = e, t.target.setAttribute("material", "opacity: 0; transparent: true"), console.log("Marker clicked:", e);
+        else if (e.type == "action") {
+          const o = v.scenes.findIndex(
+            (n) => n.id === e.scene
+          );
+          o !== -1 && (f.value = o), console.log(
+            "Action Pin Clicked. Scene switched to:",
+            f.value
+          );
+        }
+      }
+    }
+    function P(e, t) {
+      e && ((e == null ? void 0 : e.event) === "onHover" || !(e != null && e.event)) && (a.value = e, t.target.setAttribute("material", "opacity: 0; transparent: true"), console.log("Marker hovered:", e));
+    }
+    function E(e, t) {
+      var n;
+      if (!e) return;
+      const o = t.relatedTarget;
+      if ((e == null ? void 0 : e.event) === "onHover" || !(e != null && e.event)) {
+        const m = t.target;
+        console.log("children:", m.children), i.value == e && m.setAttribute("material", "opacity: 1; transparent: true"), !(o != null && o.classList.contains("interactive-area")) && ((n = a.value) == null ? void 0 : n.id) === (e == null ? void 0 : e.id) && (a.value = null, console.log("Hover cleared:", e));
+      }
+    }
+    function g(e, t) {
+      return `${e / 10} ${t / 10} -5`;
+    }
+    $(() => {
+      (async () => await M("rotation-reader", 2e3))(), (async () => await F(2e3))();
+    });
+    async function M(e, t = 1e3) {
+      s.components[e] && (await k(t), delete s.components[e]);
+    }
+    function k(e) {
+      return new Promise((t) => setTimeout(t, e));
+    }
+    async function F(e = 1e3) {
+      await k(e), s.components["rotation-reader"] && (console.warn(
+        "Existing rotation-reader component found. Re-registering..."
+      ), delete s.components["rotation-reader"]), s.registerComponent("rotation-reader", {
+        schema: {},
+        tick: w()
+      });
+    }
+    function w() {
+      const e = new q(), t = new x(), o = new x(), n = 5, m = 0.8;
+      return function() {
+        D(this.el.object3D, e);
+        const h = this.el.sceneEl;
+        R(e, h), this.el.object3D.getWorldPosition(t), h.querySelectorAll(".pin-marker").forEach((y) => {
+          const c = y.object3D;
+          if (c) {
+            c.getWorldPosition(o);
+            const l = t.distanceTo(o) * m / n;
+            c.scale.set(l, l, l);
+          }
+        }), h.querySelectorAll(".frame").forEach((y) => {
+          const c = y.object3D;
+          if (c) {
+            c.getWorldPosition(o);
+            const l = t.distanceTo(o) * m / n;
+            c.scale.set(l, l, l);
+          }
+        });
+      };
+    }
+    function O(e) {
+      return a.value && a.value.id === e || i.value && i.value.id === e ? 0 : 1;
+    }
+    function D(e, t) {
+      e.getWorldQuaternion(t);
+    }
+    function R(e, t) {
+      t.querySelectorAll(".pin-marker").forEach((o) => {
+        const n = o.object3D;
+        n && n.setRotationFromQuaternion(e);
+      }), t.querySelectorAll(".frame").forEach((o) => {
+        const n = o.object3D;
+        n && n.setRotationFromQuaternion(e);
+      });
+    }
+    function S() {
+      i.value = null;
+    }
+    function Q(e) {
+      return e.color || "indigo";
+    }
+    return (e, t) => (d(), u("div", V, [
+      r("a-scene", {
+        id: e.id,
+        embedded: ""
+      }, [
+        r("a-assets", null, [
+          (d(!0), u(_, null, j(v.scenes, (o) => (d(), u("img", {
+            key: o.id,
+            id: `image${o.id}`,
+            src: o.skyImage,
+            crossorigin: "anonymous"
+          }, null, 8, H))), 128))
+        ]),
+        t[4] || (t[4] = r("a-entity", {
+          camera: "",
+          "look-controls": "",
+          id: "rig",
+          "rotation-reader": ""
+        }, [
+          r("a-cursor", {
+            id: "cursor",
+            cursor: "rayOrigin: mouse",
+            raycaster: "objects: none",
+            geometry: "primitive: ring; radiusInner: 0; radiusOuter: 0",
+            material: "opacity: 0; transparent: true"
+          })
+        ], -1)),
+        r("a-sky", {
+          src: `#image${v.scenes[f.value].id}`,
+          radius: "100"
+        }, null, 8, L),
+        (d(!0), u(_, null, j(v.scenes[f.value].pins, (o) => (d(), u("a-entity", {
+          key: o.id,
+          position: g(o.x, o.y),
+          cursor: "rayOrigin: mouse"
+        }, [
+          r("a-circle", {
+            class: "pin-marker",
+            color: Q(o),
+            radius: "0.15",
+            shader: "flat",
+            material: `opacity: ${O(
+              o.id
+            )}; transparent: true;`,
+            onClick: (n) => A(o, n),
+            onMouseenter: (n) => P(o, n)
+          }, t[1] || (t[1] = [
+            r("a-circle", {
+              position: "0 0 0.01",
+              color: "#FFF",
+              radius: "0.05",
+              material: "opacity: 0;"
+            }, null, -1)
+          ]), 40, N)
+        ], 8, B))), 128)),
+        a.value ? (d(), u("a-entity", {
+          key: 0,
+          position: g(a.value.x, a.value.y),
+          class: "frame interactive-area",
+          cursor: "rayOrigin: mouse",
+          onMouseleave: t[0] || (t[0] = (o) => E(a.value, o))
+        }, [
+          t[2] || (t[2] = r("a-plane", {
+            color: "white",
+            opacity: 1,
+            width: "4",
+            height: "1.5",
+            material: "shader: standard; side: double;",
+            position: "0 0 0",
+            geometry: "primitive: plane; height: 1.5; width: 4;"
+          }, null, -1)),
+          r("a-text", {
+            value: a.value.title,
+            color: "#2c3e50",
+            font: "dejavu",
+            align: "center",
+            width: "3.8",
+            position: "0 0.3 0.01"
+          }, null, 8, G),
+          r("a-text", {
+            value: a.value.description,
+            color: "#34495e",
+            font: "dejavu",
+            align: "center",
+            width: "3.5",
+            position: "0 -0.3 0.01"
+          }, null, 8, J)
+        ], 40, z)) : b("", !0),
+        i.value ? (d(), u("a-entity", {
+          key: 1,
+          position: g(i.value.x, i.value.y),
+          class: "frame interactive-area",
+          cursor: "rayOrigin: mouse"
+        }, [
+          t[3] || (t[3] = r("a-plane", {
+            color: "white",
+            opacity: 1,
+            width: "4",
+            height: "1.5",
+            material: "shader: standard; side: double;",
+            position: "0 0 0",
+            geometry: "primitive: plane; height: 1.5; width: 4;"
+          }, null, -1)),
+          r("a-plane", {
+            class: "close-frame",
+            color: "red",
+            width: "0.4",
+            height: "0.4",
+            position: "1.8 0.55 0.01",
+            material: "shader: flat; side: double; transparent: true;",
+            geometry: "primitive: plane; height: 0.4; width: 0.4;",
+            onClick: S
+          }),
+          r("a-text", {
+            value: i.value.title,
+            color: "#2c3e50",
+            font: "dejavu",
+            align: "center",
+            width: "3.8",
+            position: "0 0.3 0.01"
+          }, null, 8, U),
+          r("a-text", {
+            value: i.value.description,
+            color: "#34495e",
+            font: "dejavu",
+            align: "center",
+            width: "3.5",
+            position: "0 -0.3 0.01"
+          }, null, 8, X)
+        ], 8, K)) : b("", !0)
+      ], 8, W)
+    ]));
+  }
+});
+export {
+  ee as default
+};

package/dist/{Ep360Video-b_stvC2Z.js → Ep360Video-CL_7mOiQ.js}

@@ -1,113 +1,113 @@
-import { defineComponent as F, ref as h, onMounted as T, createElementBlock as s, openBlock as l, createElementVNode as n, toDisplayString as W, createCommentVNode as j, Fragment as p, renderList as k } from "vue";
-import { a as d, V as P, Q as H } from "./three.module-laS36oD-.js";
-const I = { style: { width: "1200px", height: "800px", position: "relative", margin: "auto" } }, L = { embedded: "" }, B = ["id", "src"], N = ["src"], z = ["position"], G = ["color", "material", "onClick", "onMouseenter", "onMouseleave"], J = ["position"], K = ["value"], U = ["value"], X = ["position"], Y = ["value"], Z = ["value"], oe = /* @__PURE__ */ F({
+import { defineComponent as q, ref as h, onMounted as T, createElementBlock as s, openBlock as l, createElementVNode as n, toDisplayString as W, createCommentVNode as x, Fragment as p, renderList as k } from "vue";
+import { V as P, Q as H } from "./three.module-CWLs6nMo.js";
+const I = { style: { width: "1200px", height: "800px", position: "relative", margin: "auto" } }, L = { embedded: "" }, B = ["id", "src"], N = ["src"], z = ["position"], G = ["color", "material", "onClick", "onMouseenter", "onMouseleave"], J = ["position"], K = ["value"], U = ["value"], X = ["position"], Y = ["value"], Z = ["value"], oe = /* @__PURE__ */ q({
   __name: "Ep360Video",
   props: {
     scenes: {}
   },
   setup(C) {
-    const v = C, m = h(0), r = h(null), a = h(null), f = h(!1);
-    d.components["rotation-reader"] || d.registerComponent("rotation-reader", {
+    const v = C, m = h(0), r = h(null), a = h(null), f = h(!1), c = window.AFRAME;
+    c.components["rotation-reader"] || c.registerComponent("rotation-reader", {
       schema: {},
-      tick: b()
+      tick: _()
     });
-    function E(e, o) {
+    function E(e, t) {
       if (e && (e == null ? void 0 : e.event) === "onClick") {
         if (e.type === "descriptive")
-          a.value = e, o.target.setAttribute("material", "opacity: 0; transparent: true"), console.log("Marker clicked:", e);
+          a.value = e, t.target.setAttribute("material", "opacity: 0; transparent: true"), console.log("Marker clicked:", e);
         else if (e.type === "action") {
-          const t = v.scenes.findIndex(
+          const o = v.scenes.findIndex(
             (i) => i.id === e.scene
           );
-          t !== -1 && (m.value = t), console.log(
+          o !== -1 && (m.value = o), console.log(
             "Action Pin Clicked. Scene switched to:",
             m.value
           );
         }
       }
     }
-    function M(e, o) {
+    function M(e, t) {
       e && (e.event === "onHover" || !e.event) && (r.value = e, console.log("Marker hovered:", e));
     }
-    function w(e, o) {
+    function w(e, t) {
       var i;
       if (!e) return;
-      const t = o.relatedTarget;
-      (e.event === "onHover" || !(e != null && e.event)) && !(t != null && t.classList.contains("interactive-area")) && ((i = r.value) == null ? void 0 : i.id) === e.id && (r.value = null, console.log("Hover cleared:", e));
+      const o = t.relatedTarget;
+      (e.event === "onHover" || !(e != null && e.event)) && !(o != null && o.classList.contains("interactive-area")) && ((i = r.value) == null ? void 0 : i.id) === e.id && (r.value = null, console.log("Hover cleared:", e));
     }
-    function g(e, o) {
-      return `${e / 10} ${o / 10} -5`;
+    function g(e, t) {
+      return `${e / 10} ${t / 10} -5`;
     }
-    function O() {
+    function A() {
       a.value = null;
     }
-    function S(e) {
+    function F(e) {
       return e.color || "indigo";
     }
-    function D(e) {
+    function O(e) {
       return r.value && r.value.id === e || a.value && a.value.id === e ? 0 : 1;
     }
-    function A() {
-      f.value = !f.value, document.querySelectorAll(".video").forEach((o) => {
-        f.value ? o.play() : o.pause();
+    function S() {
+      f.value = !f.value, document.querySelectorAll(".video").forEach((t) => {
+        f.value ? t.play() : t.pause();
       });
     }
     T(() => {
-      (async () => await V("rotation-reader", 2e3))(), (async () => await Q(2e3))();
+      (async () => await D("rotation-reader", 2e3))(), (async () => await R(2e3))();
     });
-    async function V(e, o = 1e3) {
-      d.components[e] && (await _(o), delete d.components[e]);
+    async function D(e, t = 1e3) {
+      c.components[e] && (await b(t), delete c.components[e]);
     }
-    function _(e) {
-      return new Promise((o) => setTimeout(o, e));
+    function b(e) {
+      return new Promise((t) => setTimeout(t, e));
     }
-    async function Q(e = 1e3) {
-      await _(e), d.components["rotation-reader"] && (console.warn("Existing rotation-reader found. Re-registering..."), delete d.components["rotation-reader"]), d.registerComponent("rotation-reader", {
+    async function R(e = 1e3) {
+      await b(e), c.components["rotation-reader"] && (console.warn("Existing rotation-reader found. Re-registering..."), delete c.components["rotation-reader"]), c.registerComponent("rotation-reader", {
         schema: {},
-        tick: b()
+        tick: _()
       });
     }
-    function b() {
-      const e = new H(), o = new P(), t = new P(), i = 5, x = 0.8;
+    function _() {
+      const e = new H(), t = new P(), o = new P(), i = 5, j = 0.8;
       return function() {
-        R(this.el.object3D, e), $(e), this.el.object3D.getWorldPosition(o), document.querySelectorAll(".pin-marker").forEach((y) => {
-          const c = y.object3D;
-          if (c) {
-            c.getWorldPosition(t);
-            const u = o.distanceTo(t) * x / i;
-            c.scale.set(u, u, u);
+        V(this.el.object3D, e), Q(e), this.el.object3D.getWorldPosition(t), document.querySelectorAll(".pin-marker").forEach((y) => {
+          const u = y.object3D;
+          if (u) {
+            u.getWorldPosition(o);
+            const d = t.distanceTo(o) * j / i;
+            u.scale.set(d, d, d);
           }
         }), document.querySelectorAll(".frame").forEach((y) => {
-          const c = y.object3D;
-          if (c) {
-            c.getWorldPosition(t);
-            const u = o.distanceTo(t) * x / i;
-            c.scale.set(u, u, u);
+          const u = y.object3D;
+          if (u) {
+            u.getWorldPosition(o);
+            const d = t.distanceTo(o) * j / i;
+            u.scale.set(d, d, d);
           }
         });
       };
     }
-    function R(e, o) {
-      e.getWorldQuaternion(o);
+    function V(e, t) {
+      e.getWorldQuaternion(t);
     }
-    function $(e) {
-      document.querySelectorAll(".pin-marker").forEach((o) => {
-        const t = o.object3D;
-        t && t.setRotationFromQuaternion(e);
-      }), document.querySelectorAll(".frame").forEach((o) => {
-        const t = o.object3D;
-        t && t.setRotationFromQuaternion(e);
+    function Q(e) {
+      document.querySelectorAll(".pin-marker").forEach((t) => {
+        const o = t.object3D;
+        o && o.setRotationFromQuaternion(e);
+      }), document.querySelectorAll(".frame").forEach((t) => {
+        const o = t.object3D;
+        o && o.setRotationFromQuaternion(e);
       });
     }
-    return (e, o) => (l(), s("div", I, [
+    return (e, t) => (l(), s("div", I, [
       n("button", {
-        onClick: o[0] || (o[0] = (t) => A())
+        onClick: t[0] || (t[0] = (o) => S())
       }, W(f.value ? "Pause" : "Play"), 1),
       n("a-scene", L, [
         n("a-assets", null, [
-          (l(!0), s(p, null, k(v.scenes, (t) => (l(), s("video", {
-            id: `video${t.id}`,
-            src: t.skyVideo,
+          (l(!0), s(p, null, k(v.scenes, (o) => (l(), s("video", {
+            id: `video${o.id}`,
+            src: o.skyVideo,
             muted: "",
             class: "video",
             playsinline: "",
@@ -115,7 +115,7 @@ const I = { style: { width: "1200px", height: "800px", position: "relative", mar
             crossorigin: "anonymous"
           }, null, 8, B))), 256))
         ]),
-        o[4] || (o[4] = n("a-entity", {
+        t[5] || (t[5] = n("a-entity", {
           camera: "",
           "look-controls": "",
           id: "rig",
@@ -129,36 +129,43 @@ const I = { style: { width: "1200px", height: "800px", position: "relative", mar
             material: "opacity: 0; transparent: true"
           })
         ], -1)),
-        (l(!0), s(p, null, k(v.scenes, (t) => (l(), s("a-videosphere", {
-          key: t.id,
+        (l(!0), s(p, null, k(v.scenes, (o) => (l(), s("a-videosphere", {
+          key: o.id,
           src: `#video${v.scenes[m.value].id}`
         }, null, 8, N))), 128)),
-        (l(!0), s(p, null, k(v.scenes[m.value].pins, (t) => (l(), s("a-entity", {
-          key: t.id,
-          position: g(t.x, t.y),
+        (l(!0), s(p, null, k(v.scenes[m.value].pins, (o) => (l(), s("a-entity", {
+          key: o.id,
+          position: g(o.x, o.y),
           cursor: "rayOrigin: mouse"
         }, [
           n("a-circle", {
             class: "pin-marker",
-            color: S(t),
-            radius: "0.25",
+            color: F(o),
+            radius: "0.15",
             shader: "flat",
-            material: `opacity: ${D(
-              t.id
+            material: `opacity: ${O(
+              o.id
             )}; transparent: true`,
-            onClick: (i) => E(t, i),
-            onMouseenter: (i) => M(t),
-            onMouseleave: (i) => w(t, i)
-          }, null, 40, G)
+            onClick: (i) => E(o, i),
+            onMouseenter: (i) => M(o),
+            onMouseleave: (i) => w(o, i)
+          }, t[2] || (t[2] = [
+            n("a-circle", {
+              position: "0 0 0.01",
+              color: "#FFF",
+              radius: "0.05",
+              material: "opacity: 0;"
+            }, null, -1)
+          ]), 40, G)
         ], 8, z))), 128)),
         r.value ? (l(), s("a-entity", {
           key: 0,
           position: g(r.value.x, r.value.y),
           class: "frame interactive-area",
           cursor: "rayOrigin: mouse",
-          onMouseleave: o[1] || (o[1] = (t) => w(r.value, t))
+          onMouseleave: t[1] || (t[1] = (o) => w(r.value, o))
         }, [
-          o[2] || (o[2] = n("a-plane", {
+          t[3] || (t[3] = n("a-plane", {
             color: "white",
             opacity: 1,
             width: "4",
@@ -183,14 +190,14 @@ const I = { style: { width: "1200px", height: "800px", position: "relative", mar
             width: "3.5",
             position: "0 -0.3 0.01"
           }, null, 8, U)
-        ], 40, J)) : j("", !0),
+        ], 40, J)) : x("", !0),
         a.value ? (l(), s("a-entity", {
           key: 1,
           position: g(a.value.x, a.value.y),
           class: "frame interactive-area",
           cursor: "rayOrigin: mouse"
         }, [
-          o[3] || (o[3] = n("a-plane", {
+          t[4] || (t[4] = n("a-plane", {
             color: "white",
             opacity: 1,
             width: "4",
@@ -207,7 +214,7 @@ const I = { style: { width: "1200px", height: "800px", position: "relative", mar
             position: "1.8 0.55 0.01",
             material: "shader: flat; side: double; transparent: true;",
             geometry: "primitive: plane; height: 0.4; width: 0.4;",
-            onClick: O
+            onClick: A
           }),
           n("a-text", {
             value: a.value.title,
@@ -225,7 +232,7 @@ const I = { style: { width: "1200px", height: "800px", position: "relative", mar
             width: "3.5",
             position: "0 -0.3 0.01"
           }, null, 8, Z)
-        ], 8, X)) : j("", !0)
+        ], 8, X)) : x("", !0)
       ])
     ]));
   }

package/dist/EpAlert-9n3eGOzn.js

@@ -0,0 +1,4 @@
+import { a4 as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpAudio-DN-khrPL.js

@@ -0,0 +1,4 @@
+import { U as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpAvatar-CXQP2wql.js

@@ -0,0 +1,4 @@
+import { c as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpBadge-4MOToF_Q.js

@@ -0,0 +1,4 @@
+import { d as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};

package/dist/EpBarChart-D7YNa6L1.js

@@ -0,0 +1,4 @@
+import { u as f } from "./index-hjRiaRG8.js";
+export {
+  f as default
+};