ep-lib-ts 1.0.36 → 1.0.39

package/dist/BgAudio-BDO4Ln5y.js

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

package/dist/DisplayBox-Diko7_uH.js

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

package/dist/Ep360Image-Dmwx7NrY.js

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

package/dist/Ep360Video-b_stvC2Z.js

@@ -0,0 +1,235 @@
+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({
+  __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", {
+      schema: {},
+      tick: b()
+    });
+    function E(e, o) {
+      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);
+        else if (e.type === "action") {
+          const t = v.scenes.findIndex(
+            (i) => i.id === e.scene
+          );
+          t !== -1 && (m.value = t), console.log(
+            "Action Pin Clicked. Scene switched to:",
+            m.value
+          );
+        }
+      }
+    }
+    function M(e, o) {
+      e && (e.event === "onHover" || !e.event) && (r.value = e, console.log("Marker hovered:", e));
+    }
+    function w(e, o) {
+      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));
+    }
+    function g(e, o) {
+      return `${e / 10} ${o / 10} -5`;
+    }
+    function O() {
+      a.value = null;
+    }
+    function S(e) {
+      return e.color || "indigo";
+    }
+    function D(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();
+      });
+    }
+    T(() => {
+      (async () => await V("rotation-reader", 2e3))(), (async () => await Q(2e3))();
+    });
+    async function V(e, o = 1e3) {
+      d.components[e] && (await _(o), delete d.components[e]);
+    }
+    function _(e) {
+      return new Promise((o) => setTimeout(o, 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", {
+        schema: {},
+        tick: b()
+      });
+    }
+    function b() {
+      const e = new H(), o = new P(), t = new P(), i = 5, x = 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);
+          }
+        }), 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);
+          }
+        });
+      };
+    }
+    function R(e, o) {
+      e.getWorldQuaternion(o);
+    }
+    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);
+      });
+    }
+    return (e, o) => (l(), s("div", I, [
+      n("button", {
+        onClick: o[0] || (o[0] = (t) => A())
+      }, 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,
+            muted: "",
+            class: "video",
+            playsinline: "",
+            loop: "",
+            crossorigin: "anonymous"
+          }, null, 8, B))), 256))
+        ]),
+        o[4] || (o[4] = n("a-entity", {
+          camera: "",
+          "look-controls": "",
+          id: "rig",
+          "rotation-reader": ""
+        }, [
+          n("a-cursor", {
+            id: "cursor",
+            cursor: "rayOrigin: mouse",
+            raycaster: "objects: none",
+            geometry: "primitive: ring; radiusInner: 0; radiusOuter: 0",
+            material: "opacity: 0; transparent: true"
+          })
+        ], -1)),
+        (l(!0), s(p, null, k(v.scenes, (t) => (l(), s("a-videosphere", {
+          key: t.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),
+          cursor: "rayOrigin: mouse"
+        }, [
+          n("a-circle", {
+            class: "pin-marker",
+            color: S(t),
+            radius: "0.25",
+            shader: "flat",
+            material: `opacity: ${D(
+              t.id
+            )}; transparent: true`,
+            onClick: (i) => E(t, i),
+            onMouseenter: (i) => M(t),
+            onMouseleave: (i) => w(t, i)
+          }, null, 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))
+        }, [
+          o[2] || (o[2] = n("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)),
+          n("a-text", {
+            value: r.value.title,
+            color: "#2c3e50",
+            font: "dejavu",
+            align: "center",
+            width: "3.8",
+            position: "0 0.3 0.01"
+          }, null, 8, K),
+          n("a-text", {
+            value: r.value.description,
+            color: "#34495e",
+            font: "dejavu",
+            align: "center",
+            width: "3.5",
+            position: "0 -0.3 0.01"
+          }, null, 8, U)
+        ], 40, J)) : j("", !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", {
+            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)),
+          n("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: O
+          }),
+          n("a-text", {
+            value: a.value.title,
+            color: "#2c3e50",
+            font: "dejavu",
+            align: "center",
+            width: "3.8",
+            position: "0 0.3 0.01"
+          }, null, 8, Y),
+          n("a-text", {
+            value: a.value.description,
+            color: "#34495e",
+            font: "dejavu",
+            align: "center",
+            width: "3.5",
+            position: "0 -0.3 0.01"
+          }, null, 8, Z)
+        ], 8, X)) : j("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  oe as default
+};

package/dist/EpAlert-iWXSHupC.js

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

package/dist/EpAudio-Bnb1MIw6.js

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

package/dist/EpAvatar-DTfkDxUP.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./EpAvatar.vue_vue_type_script_setup_true_lang-IeQ9W4tD.js";
+export {
+  f as default
+};

package/dist/{EpAvatar-Dmpg0PFj.js → EpAvatar.vue_vue_type_script_setup_true_lang-IeQ9W4tD.js}

@@ -1,5 +1,5 @@
-import { defineComponent as x, computed as t, openBlock as r, createElementBlock as n, createElementVNode as s, normalizeClass as o, toDisplayString as f, createCommentVNode as h } from "vue";
-const p = {
+import { defineComponent as x, computed as t, createElementBlock as r, openBlock as n, createCommentVNode as f, createElementVNode as s, normalizeClass as o, toDisplayString as h } from "vue";
+const _ = {
   circle: {
     small: " rounded-full  w-12 h-12  text-5xl ",
     middle: "rounded-full  w-14 h-14  text-6xl",
@@ -15,7 +15,7 @@ const p = {
     middle: "rounded  w-14 h-14  text-6xl",
     big: "rounded  w-16 h-16  text-7xl"
   }
-}, v = { key: 0 }, _ = ["src", "alt"], w = { key: 1 }, b = /* @__PURE__ */ x({
+}, p = { key: 0 }, v = ["src", "alt"], w = { key: 1 }, b = /* @__PURE__ */ x({
   __name: "EpAvatar",
   props: {
     src: { default: "" },
@@ -28,23 +28,23 @@ const p = {
   setup(c) {
     const e = c, d = t(() => e.variant), u = t(() => e.size), a = t(() => {
       var l;
-      return `${(l = p[d.value]) == null ? void 0 : l[u.value]}`;
+      return `${(l = _[d.value]) == null ? void 0 : l[u.value]}`;
     }), i = t(() => " bg-" + e.color), m = t(() => e.name.length > 2 ? e.name.slice(0, 2) : e.name);
-    return (l, g) => (r(), n("div", null, [
-      e.src != "" ? (r(), n("div", v, [
+    return (l, g) => (n(), r("div", null, [
+      e.src != "" ? (n(), r("div", p, [
         s("img", {
           src: e.src,
           alt: e.alt,
           class: o(`${a.value} `)
-        }, null, 10, _)
-      ])) : e.src == "" ? (r(), n("div", w, [
+        }, null, 10, v)
+      ])) : e.src == "" ? (n(), r("div", w, [
         s("div", {
           class: o(`${a.value}  ${i.value}  justify-center font-bold text-white flex items-center`)
-        }, f(m.value), 3)
-      ])) : h("", !0)
+        }, h(m.value), 3)
+      ])) : f("", !0)
     ]));
   }
 });
 export {
-  b as default
+  b as _
 };

package/dist/EpBadge-BcVkBKJK.js

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

package/dist/{EpBadge-DqmSNdbi.js → EpBadge-CWIq_C51.js}

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as t, openBlock as f, createElementBlock as s, renderSlot as b, createElementVNode as c, normalizeClass as h, toDisplayString as m } from "vue";
+import { defineComponent as u, computed as t, createElementBlock as f, openBlock as s, renderSlot as b, createElementVNode as c, normalizeClass as h, toDisplayString as m } from "vue";
 const x = {
   top_left: {
     default: "-top-2 -left-2 absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold  text-white    border-2 border-white rounded-full  dark:border-gray-900",
@@ -42,7 +42,7 @@ const x = {
       var r;
       return `${(r = x[l.value]) == null ? void 0 : r[d.value]}`;
     });
-    return (r, y) => (f(), s("div", p, [
+    return (r, y) => (s(), f("div", p, [
       b(r.$slots, "default"),
       c("div", {
         class: h(`${a.value} ${i.value}`)

package/dist/EpBarChart-D42B3a97.js

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