@mobilon-dev/chotto 0.3.98 → 0.3.99

package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js

@@ -1,32 +1,7 @@
-import r from "./ButtonContextMenu.vue2.js";
-import { createElementBlock as c, openBlock as t, createElementVNode as a, createBlock as i, renderSlot as d, Teleport as l, createVNode as h } from "vue";
+import t from "./ButtonContextMenu.vue2.js";
 /* empty css                       */
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = ["id"];
-function u(o, _, n, e, f, v) {
-  return t(), c("button", {
-    id: "container-" + e.buttonContextMenuId + e.chatAppId,
-    ref: "actionScope",
-    style: { position: "relative", width: "fit-content", border: "none", background: "transparent", height: "fit-content" },
-    onMouseenter: e.hover,
-    onMouseleave: e.hoverOut
-  }, [
-    a("div", { onClick: e.toggle }, [
-      d(o.$slots, "default", {}, void 0, !0)
-    ]),
-    (t(), i(l, { to: "body" }, [
-      h(e.ContextMenu, {
-        id: "context-menu-" + e.buttonContextMenuId + e.chatAppId,
-        actions: n.actions,
-        "data-theme": e.getTheme().theme ? e.getTheme().theme : "light",
-        onMouseenter: e.hoverCM,
-        onMouseleave: e.hoverOutCM,
-        onClick: e.click
-      }, null, 8, ["id", "actions", "data-theme"])
-    ]))
-  ], 40, s);
-}
-const g = /* @__PURE__ */ m(r, [["render", u], ["__scopeId", "data-v-0c9e040c"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-4c932a06"]]);
 export {
-  g as default
+  m as default
 };

package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, inject as E, useId as I, ref as a, onMounted as O, nextTick as v, onUnmounted as q } from "vue";
-import L from "../ContextMenu/ContextMenu.vue.js";
+import { defineComponent as _, inject as I, useId as q, ref as m, onMounted as L, nextTick as y, onUnmounted as O, createElementBlock as T, openBlock as k, unref as c, createElementVNode as A, createBlock as N, renderSlot as R, Teleport as V, createVNode as j } from "vue";
+import P from "../ContextMenu/ContextMenu.vue.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as A } from "../../../hooks/useTheme.js";
+import { useTheme as U } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
@@ -11,7 +11,7 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const Q = /* @__PURE__ */ B({
+const $ = ["id"], te = /* @__PURE__ */ _({
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -35,58 +35,77 @@ const Q = /* @__PURE__ */ B({
     }
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
-  setup(y, { expose: g, emit: k }) {
-    const u = E("chatAppId"), { getTheme: M } = A(u), i = y, f = I(), s = k, n = a(), r = a(), c = a(!1), C = (o) => {
-      l(), s("click", o);
-    }, b = () => {
-      i.disabled || (i.mode == "click" && !c.value ? p() : i.mode == "click" && c.value && l(), s("buttonClick"));
+  setup(f, { expose: M, emit: C }) {
+    const s = I("chatAppId"), { getTheme: h } = U(s), i = f, p = q(), d = C, n = m(), r = m(), a = m(!1), b = (t) => {
+      l(), d("click", t);
     }, x = () => {
-      i.disabled || i.mode == "hover" && p();
-    }, _ = () => {
-      i.disabled || i.mode == "hover" && l();
+      i.disabled || (i.mode == "click" && !a.value ? u() : i.mode == "click" && a.value && l(), d("buttonClick"));
     }, w = () => {
-      s("menuMouseEnter"), i.disabled || i.mode == "hover" && p();
+      i.disabled || i.mode == "hover" && u();
+    }, B = () => {
+      i.disabled || i.mode == "hover" && l();
     }, S = () => {
-      s("menuMouseLeave"), i.disabled || i.mode == "hover" && l();
-    }, p = () => {
+      d("menuMouseEnter"), i.disabled || i.mode == "hover" && u();
+    }, E = () => {
+      d("menuMouseLeave"), i.disabled || i.mode == "hover" && l();
+    }, u = () => {
       if (r.value && n.value) {
-        const o = n.value, e = r.value.getBoundingClientRect();
-        o.style.display = "inherit";
-        const t = n.value.getBoundingClientRect();
-        o.style.display = "none", v(() => {
-          const h = {
-            left: { top: e.top - (t.height - e.height) / 2 - t.top, left: e.left - t.width - t.left },
-            right: { top: e.top - (t.height - e.height) / 2 - t.top, left: e.left + e.width - t.left },
-            bottom: { top: (e == null ? void 0 : e.bottom) - t.top, left: (e == null ? void 0 : e.left) - (t.width - e.width) / 2 - t.left },
-            top: { top: e.top - t.height - t.top, left: (e == null ? void 0 : e.left) - (t.width - e.width) / 2 - t.left },
-            "top-right": { top: e.top - t.height, left: e.right - t.width / 2 },
-            "bottom-right": { top: e.bottom, left: e.right - t.width }
+        const t = n.value, e = r.value.getBoundingClientRect();
+        t.style.display = "inherit";
+        const o = n.value.getBoundingClientRect();
+        t.style.display = "none", y(() => {
+          const g = {
+            left: { top: e.top - (o.height - e.height) / 2 - o.top, left: e.left - o.width - o.left },
+            right: { top: e.top - (o.height - e.height) / 2 - o.top, left: e.left + e.width - o.left },
+            bottom: { top: (e == null ? void 0 : e.bottom) - o.top, left: (e == null ? void 0 : e.left) - (o.width - e.width) / 2 - o.left },
+            top: { top: e.top - o.height - o.top, left: (e == null ? void 0 : e.left) - (o.width - e.width) / 2 - o.left },
+            "top-right": { top: e.top - o.height, left: e.right - o.width / 2 },
+            "bottom-right": { top: e.bottom, left: e.right - o.width }
           };
-          o.style.top = h[i.menuSide].top + "px", o.style.left = h[i.menuSide].left + "px", o.style.opacity = "1", o.style.display = "inherit", c.value = !0;
+          t.style.top = g[i.menuSide].top + "px", t.style.left = g[i.menuSide].left + "px", t.style.opacity = "1", t.style.display = "inherit", a.value = !0;
         });
       }
     }, l = () => {
       if (n.value) {
-        const o = n.value;
-        o && (o.style.top = "0", o.style.left = "0", o.style.opacity = "0", o.style.display = "none", c.value = !1);
+        const t = n.value;
+        t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none", a.value = !1);
       }
-    }, d = (o) => {
-      i.mode == "click" && r.value && !r.value.contains(o.target) && l();
+    }, v = (t) => {
+      i.mode == "click" && r.value && !r.value.contains(t.target) && l();
     };
-    O(() => {
-      v(() => {
-        n.value = document.getElementById("context-menu-" + f + u), n.value && (l(), document.addEventListener("click", d));
+    return L(() => {
+      y(() => {
+        n.value = document.getElementById("context-menu-" + p + s), n.value && (l(), document.addEventListener("click", v));
       });
-    }), q(() => {
-      document.removeEventListener("click", d);
-    }), g({
-      updatePosition: p,
+    }), O(() => {
+      document.removeEventListener("click", v);
+    }), M({
+      updatePosition: u,
       hideMenu: l
-    });
-    const m = { chatAppId: u, getTheme: M, props: i, buttonContextMenuId: f, emit: s, contextMenu: n, actionScope: r, isOpened: c, click: C, toggle: b, hover: x, hoverOut: _, hoverCM: w, hoverOutCM: S, updatePosition: p, hideMenu: l, handleClickOutside: d, ContextMenu: L };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+    }), (t, e) => (k(), T("button", {
+      id: "container-" + c(p) + c(s),
+      ref_key: "actionScope",
+      ref: r,
+      style: { position: "relative", width: "fit-content", border: "none", background: "transparent", height: "fit-content" },
+      onMouseenter: w,
+      onMouseleave: B
+    }, [
+      A("div", { onClick: x }, [
+        R(t.$slots, "default", {}, void 0, !0)
+      ]),
+      (k(), N(V, { to: "body" }, [
+        j(P, {
+          id: "context-menu-" + c(p) + c(s),
+          actions: f.actions,
+          "data-theme": c(h)().theme ? c(h)().theme : "light",
+          onMouseenter: S,
+          onMouseleave: E,
+          onClick: b
+        }, null, 8, ["id", "actions", "data-theme"])
+      ]))
+    ], 40, $));
   }
 });
 export {
-  Q as default
+  te as default
 };

package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue.js

@@ -1,50 +1,7 @@
-import r from "./ContactContextMenu.vue2.js";
-import { createElementBlock as i, openBlock as o, createElementVNode as e, normalizeClass as n, createBlock as c, createVNode as m, Teleport as _, createCommentVNode as s } from "vue";
+import t from "./ContactContextMenu.vue2.js";
 /* empty css                        */
-import d from "../../../_virtual/_plugin-vue_export-helper.js";
-const l = { class: "contact-context-menu__wrapper" }, h = ["id"];
-function x(C, M, a, t, u, v) {
-  return o(), i("div", l, [
-    e("button", {
-      id: "container-" + t.contextMenuId + t.extChatAppId,
-      ref: "actionScope",
-      class: n([
-        "contact-context-menu__button",
-        { "contact-context-menu__button--no-actions": !t.hasActions }
-      ]),
-      onMouseenter: t.hover,
-      onMouseleave: t.hoverOut,
-      onClick: t.toggle
-    }, [
-      e(
-        "span",
-        {
-          class: n([
-            "contact-context-menu__icon",
-            { "contact-context-menu__icon--no-actions": !t.hasActions }
-          ])
-        },
-        [
-          m(t.MenuIcon)
-        ],
-        2
-        /* CLASS */
-      ),
-      (o(), c(_, { to: "body" }, [
-        t.hasActions ? (o(), c(t.ContextMenu, {
-          key: 0,
-          id: "context-menu-" + t.contextMenuId + t.extChatAppId,
-          actions: a.actions,
-          "data-theme": t.getTheme().theme ? t.getTheme().theme : "light",
-          onMouseenter: t.hoverCM,
-          onMouseleave: t.hoverOutCM,
-          onClick: t.click
-        }, null, 8, ["id", "actions", "data-theme"])) : s("v-if", !0)
-      ]))
-    ], 42, h)
-  ]);
-}
-const g = /* @__PURE__ */ d(r, [["render", x], ["__scopeId", "data-v-4c04d0a0"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_atoms/ContactContextMenu/ContactContextMenu.vue"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-10e21295"]]);
 export {
-  g as default
+  m as default
 };

package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, inject as k, useId as q, ref as m, computed as T, onMounted as j, watch as P, onUnmounted as R, nextTick as M } from "vue";
-import U from "../ContextMenu/ContextMenu.vue.js";
+import { defineComponent as V, inject as _, useId as R, ref as h, computed as j, onMounted as z, watch as P, onUnmounted as U, createElementBlock as D, openBlock as v, createElementVNode as M, normalizeClass as b, unref as a, createBlock as w, createVNode as F, Teleport as G, createCommentVNode as H, nextTick as A } from "vue";
+import J from "../ContextMenu/ContextMenu.vue.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as z } from "../../../hooks/useTheme.js";
+import { useTheme as K } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
@@ -11,8 +11,8 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import D from "../../1_icons/MenuIcon.vue.js";
-const te = /* @__PURE__ */ B({
+import Q from "../../1_icons/MenuIcon.vue.js";
+const W = { class: "contact-context-menu__wrapper" }, X = ["id"], de = /* @__PURE__ */ V({
   __name: "ContactContextMenu",
   props: {
     actions: {
@@ -36,72 +36,99 @@ const te = /* @__PURE__ */ B({
     }
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
-  setup(x, { expose: A, emit: b }) {
-    const h = k("chatAppId"), v = k("extChatAppId", ""), { getTheme: _ } = z(h), o = x, y = q(), r = b, n = m(null), a = m(), u = m(!1), s = T(() => Array.isArray(o.actions) && o.actions.length > 0);
-    let c = !1;
-    const w = (t) => {
-      l(), r("click", t);
-    }, I = () => {
-      !o.disabled && s.value && (o.mode == "click" && !u.value ? d() : o.mode == "click" && u.value && l(), r("buttonClick"));
-    }, O = () => {
-      !o.disabled && s.value && o.mode == "hover" && d();
-    }, S = () => {
-      !o.disabled && s.value && o.mode == "hover" && l();
+  setup(y, { expose: B, emit: E }) {
+    const I = _("chatAppId"), m = _("extChatAppId", ""), { getTheme: g } = K(I), n = y, f = R(), u = E, c = h(null), s = h(), r = h(!1), i = j(() => Array.isArray(n.actions) && n.actions.length > 0);
+    let d = !1;
+    const S = (t) => {
+      l(), u("click", t);
     }, L = () => {
-      r("menuMouseEnter"), !o.disabled && s.value && o.mode == "hover" && d();
-    }, E = () => {
-      r("menuMouseLeave"), !o.disabled && s.value && o.mode == "hover" && l();
-    }, d = () => {
-      if (s.value && a.value && n.value) {
-        const t = n.value, e = a.value.getBoundingClientRect();
+      !n.disabled && i.value && (n.mode == "click" && !r.value ? p() : n.mode == "click" && r.value && l(), u("buttonClick"));
+    }, O = () => {
+      !n.disabled && i.value && n.mode == "hover" && p();
+    }, q = () => {
+      !n.disabled && i.value && n.mode == "hover" && l();
+    }, T = () => {
+      u("menuMouseEnter"), !n.disabled && i.value && n.mode == "hover" && p();
+    }, N = () => {
+      u("menuMouseLeave"), !n.disabled && i.value && n.mode == "hover" && l();
+    }, p = () => {
+      if (i.value && s.value && c.value) {
+        const t = c.value, e = s.value.getBoundingClientRect();
         t.style.display = "inherit";
-        const i = n.value.getBoundingClientRect();
-        t.style.display = "none", M(() => {
+        const o = c.value.getBoundingClientRect();
+        t.style.display = "none", A(() => {
           const C = {
-            left: { top: e.top - (i.height - e.height) / 2 - i.top, left: e.left - i.width - i.left },
-            right: { top: e.top - (i.height - e.height) / 2 - i.top, left: e.left + e.width - i.left },
-            bottom: { top: (e == null ? void 0 : e.bottom) - i.top, left: (e == null ? void 0 : e.left) - (i.width - e.width) / 2 - i.left },
-            top: { top: e.top - i.height - i.top, left: (e == null ? void 0 : e.left) - (i.width - e.width) / 2 - i.left },
-            "top-right": { top: e.top - i.height, left: e.right - i.width / 2 },
-            "bottom-left": { top: (e == null ? void 0 : e.bottom) - i.top + 10, left: e.left - i.width - i.left + 50 }
+            left: { top: e.top - (o.height - e.height) / 2 - o.top, left: e.left - o.width - o.left },
+            right: { top: e.top - (o.height - e.height) / 2 - o.top, left: e.left + e.width - o.left },
+            bottom: { top: (e == null ? void 0 : e.bottom) - o.top, left: (e == null ? void 0 : e.left) - (o.width - e.width) / 2 - o.left },
+            top: { top: e.top - o.height - o.top, left: (e == null ? void 0 : e.left) - (o.width - e.width) / 2 - o.left },
+            "top-right": { top: e.top - o.height, left: e.right - o.width / 2 },
+            "bottom-left": { top: (e == null ? void 0 : e.bottom) - o.top + 10, left: e.left - o.width - o.left + 50 }
           };
-          t.style.top = C[o.menuSide].top + "px", t.style.left = C[o.menuSide].left + "px", t.style.opacity = "1", t.style.visibility = "visible", t.style.display = "inherit", u.value = !0;
+          t.style.top = C[n.menuSide].top + "px", t.style.left = C[n.menuSide].left + "px", t.style.opacity = "1", t.style.visibility = "visible", t.style.display = "inherit", r.value = !0;
         });
       }
     }, l = () => {
-      if (n.value) {
-        const t = n.value;
-        t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.visibility = "hidden", t.style.display = "none", u.value = !1);
+      if (c.value) {
+        const t = c.value;
+        t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.visibility = "hidden", t.style.display = "none", r.value = !1);
       }
-    }, p = (t) => {
-      o.mode == "click" && a.value && !a.value.contains(t.target) && l();
-    }, f = () => {
-      M(() => {
-        n.value = document.getElementById("context-menu-" + y + v), n.value && (l(), c || (document.addEventListener("click", p), c = !0));
+    }, k = (t) => {
+      n.mode == "click" && s.value && !s.value.contains(t.target) && l();
+    }, x = () => {
+      A(() => {
+        c.value = document.getElementById("context-menu-" + f + m), c.value && (l(), d || (document.addEventListener("click", k), d = !0));
       });
     };
-    j(() => {
-      f();
-    }), P(s, (t) => {
+    return z(() => {
+      x();
+    }), P(i, (t) => {
       if (t) {
-        f();
+        x();
         return;
       }
       l();
-    }), R(() => {
-      c && (document.removeEventListener("click", p), c = !1), n.value && l();
-    }), A({
-      updatePosition: d,
+    }), U(() => {
+      d && (document.removeEventListener("click", k), d = !1), c.value && l();
+    }), B({
+      updatePosition: p,
       hideMenu: l
-    });
-    const g = { chatAppId: h, extChatAppId: v, getTheme: _, props: o, contextMenuId: y, emit: r, contextMenu: n, actionScope: a, isOpened: u, hasActions: s, get isOutsideClickListenerAttached() {
-      return c;
-    }, set isOutsideClickListenerAttached(t) {
-      c = t;
-    }, click: w, toggle: I, hover: O, hoverOut: S, hoverCM: L, hoverOutCM: E, updatePosition: d, hideMenu: l, handleClickOutside: p, syncContextMenuEl: f, ContextMenu: U, MenuIcon: D };
-    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+    }), (t, e) => (v(), D("div", W, [
+      M("button", {
+        id: "container-" + a(f) + a(m),
+        ref_key: "actionScope",
+        ref: s,
+        class: b([
+          "contact-context-menu__button",
+          { "contact-context-menu__button--no-actions": !i.value }
+        ]),
+        onMouseenter: O,
+        onMouseleave: q,
+        onClick: L
+      }, [
+        M("span", {
+          class: b([
+            "contact-context-menu__icon",
+            { "contact-context-menu__icon--no-actions": !i.value }
+          ])
+        }, [
+          F(Q)
+        ], 2),
+        (v(), w(G, { to: "body" }, [
+          i.value ? (v(), w(J, {
+            key: 0,
+            id: "context-menu-" + a(f) + a(m),
+            actions: y.actions,
+            "data-theme": a(g)().theme ? a(g)().theme : "light",
+            onMouseenter: T,
+            onMouseleave: N,
+            onClick: S
+          }, null, 8, ["id", "actions", "data-theme"])) : H("", !0)
+        ]))
+      ], 42, X)
+    ]));
   }
 });
 export {
-  te as default
+  de as default
 };

package/dist/components/1_atoms/ContextMenu/ContextMenu.vue.js

@@ -1,7 +1,14 @@
-import { createElementBlock as o, openBlock as t, createElementVNode as k, Fragment as m, renderList as f, normalizeClass as a, createBlock as y, createCommentVNode as _, resolveDynamicComponent as v, toDisplayString as d } from "vue";
+import { createElementBlock as n, openBlock as t, createElementVNode as k, Fragment as d, renderList as y, normalizeClass as u, createBlock as h, createCommentVNode as r, resolveDynamicComponent as g, toDisplayString as p } from "vue";
 /* empty css                 */
-import h from "../../../_virtual/_plugin-vue_export-helper.js";
-const x = {
+import x from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["id"], v = { class: "context-menu__list" }, C = {
+  key: 0,
+  class: "context-menu__separator",
+  role: "separator"
+}, b = ["onClick"], w = ["src"], M = {
+  key: 3,
+  style: { "white-space": "nowrap" }
+}, B = { key: 4 }, $ = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -14,90 +21,48 @@ const x = {
     }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(p, { expose: n, emit: c }) {
-    n();
-    const s = p, l = c, e = { props: s, emit: l, click: (i) => {
-      const r = s.actions[i];
-      r != null && r.separator || l("click", r);
-    } };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-}, g = ["id"], C = { class: "context-menu__list" }, M = {
-  key: 0,
-  class: "context-menu__separator",
-  role: "separator"
-}, b = ["onClick"], w = ["src"], S = {
-  key: 3,
-  style: { "white-space": "nowrap" }
-}, B = { key: 4 };
-function j(p, n, c, s, l, u) {
-  return t(), o("div", {
-    id: c.id,
-    class: "context-menu__container",
-    onMouseenter: n[0] || (n[0] = (e) => s.emit("mouseenter")),
-    onMouseleave: n[1] || (n[1] = (e) => s.emit("mouseleave"))
-  }, [
-    k("ul", C, [
-      (t(!0), o(
-        m,
-        null,
-        f(s.props.actions, (e, i) => (t(), o(
-          m,
-          { key: i },
-          [
-            e.separator ? (t(), o("li", M)) : (t(), o("li", {
+  setup(i, { emit: _ }) {
+    const l = i, o = _, a = (c) => {
+      const s = l.actions[c];
+      s != null && s.separator || o("click", s);
+    };
+    return (c, s) => (t(), n("div", {
+      id: i.id,
+      class: "context-menu__container",
+      onMouseenter: s[0] || (s[0] = (e) => o("mouseenter")),
+      onMouseleave: s[1] || (s[1] = (e) => o("mouseleave"))
+    }, [
+      k("ul", v, [
+        (t(!0), n(d, null, y(l.actions, (e, m) => (t(), n(d, { key: m }, [
+          e.separator ? (t(), n("li", C)) : (t(), n("li", {
+            key: 1,
+            class: u(["context-menu__item", {
+              "context-menu__item--disabled": e.disabled,
+              "context-menu__item--danger": e.danger
+            }]),
+            onClick: (D) => !e.disabled && a(m)
+          }, [
+            e.icon && typeof e.icon == "string" ? (t(), n("img", {
+              key: 0,
+              src: e.icon,
+              width: "18",
+              height: "18"
+            }, null, 8, w)) : e.icon && typeof e.icon != "string" ? (t(), h(g(e.icon), {
               key: 1,
-              class: a(["context-menu__item", {
-                "context-menu__item--disabled": e.disabled,
-                "context-menu__item--danger": e.danger
-              }]),
-              onClick: (r) => !e.disabled && s.click(i)
-            }, [
-              e.icon && typeof e.icon == "string" ? (t(), o("img", {
-                key: 0,
-                src: e.icon,
-                width: "18",
-                height: "18"
-              }, null, 8, w)) : e.icon && typeof e.icon != "string" ? (t(), y(v(e.icon), {
-                key: 1,
-                width: "18",
-                height: "18"
-              })) : e.prime ? (t(), o(
-                "i",
-                {
-                  key: 2,
-                  class: a("pi pi-" + e.prime)
-                },
-                null,
-                2
-                /* CLASS */
-              )) : _("v-if", !0),
-              e.title ? (t(), o(
-                "span",
-                S,
-                d(e.title),
-                1
-                /* TEXT */
-              )) : _("v-if", !0),
-              e.description ? (t(), o(
-                "span",
-                B,
-                d(e.description),
-                1
-                /* TEXT */
-              )) : _("v-if", !0)
-            ], 10, b))
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        ))),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ])
-  ], 40, g);
-}
-const V = /* @__PURE__ */ h(x, [["render", j], ["__scopeId", "data-v-a2a83598"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_atoms/ContextMenu/ContextMenu.vue"]]);
+              width: "18",
+              height: "18"
+            })) : e.prime ? (t(), n("i", {
+              key: 2,
+              class: u("pi pi-" + e.prime)
+            }, null, 2)) : r("", !0),
+            e.title ? (t(), n("span", M, p(e.title), 1)) : r("", !0),
+            e.description ? (t(), n("span", B, p(e.description), 1)) : r("", !0)
+          ], 10, b))
+        ], 64))), 128))
+      ])
+    ], 40, f));
+  }
+}, V = /* @__PURE__ */ x($, [["__scopeId", "data-v-e191b2ad"]]);
 export {
   V as default
 };

package/dist/components/1_atoms/EmbedPreview/EmbedPreview.vue.js

@@ -1,35 +1,7 @@
-import l from "./EmbedPreview.vue2.js";
-import { createElementBlock as r, openBlock as o } from "vue";
+import o from "./EmbedPreview.vue2.js";
 /* empty css                  */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = { class: "embed-preview" }, s = ["src"], a = ["src"], i = ["src"];
-function d(m, _, e, u, n, b) {
-  return o(), r("div", c, [
-    e.embed.type == "youtube" ? (o(), r("iframe", {
-      key: 0,
-      class: "embed-preview__player",
-      src: e.embed.url,
-      title: "YouTube video player",
-      frameborder: "0",
-      allowfullscreen: ""
-    }, null, 8, s)) : e.embed.type == "rutube" ? (o(), r("iframe", {
-      key: 1,
-      class: "embed-preview__player",
-      src: e.embed.url,
-      title: "YouTube video player",
-      frameborder: "0",
-      allow: "clipboard-write; autoplay",
-      webkitAllowFullScreen: "",
-      mozallowfullscreen: "",
-      allowFullScreen: ""
-    }, null, 8, a)) : (o(), r("iframe", {
-      key: 2,
-      class: "embed-preview__player",
-      src: e.embed.url
-    }, null, 8, i))
-  ]);
-}
-const y = /* @__PURE__ */ t(l, [["render", d], ["__scopeId", "data-v-2af659c6"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_atoms/EmbedPreview/EmbedPreview.vue"]]);
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ e(o, [["__scopeId", "data-v-78e87f87"]]);
 export {
-  y as default
+  f as default
 };