@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,7 +1,32 @@
-import t from "./ButtonContextMenu.vue2.js";
+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";
 /* empty css                       */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-4c932a06"]]);
+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"]]);
 export {
-  m as default
+  g as default
 };

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

@@ -1,8 +1,8 @@
-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 { 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 "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as U } from "../../../hooks/useTheme.js";
+import { useTheme as A } 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 $ = ["id"], te = /* @__PURE__ */ _({
+const Q = /* @__PURE__ */ B({
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -35,77 +35,58 @@ const $ = ["id"], te = /* @__PURE__ */ _({
     }
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
-  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);
+  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"));
     }, x = () => {
-      i.disabled || (i.mode == "click" && !a.value ? u() : i.mode == "click" && a.value && l(), d("buttonClick"));
-    }, w = () => {
-      i.disabled || i.mode == "hover" && u();
-    }, B = () => {
+      i.disabled || i.mode == "hover" && p();
+    }, _ = () => {
       i.disabled || i.mode == "hover" && l();
+    }, w = () => {
+      s("menuMouseEnter"), i.disabled || i.mode == "hover" && p();
     }, S = () => {
-      d("menuMouseEnter"), i.disabled || i.mode == "hover" && u();
-    }, E = () => {
-      d("menuMouseLeave"), i.disabled || i.mode == "hover" && l();
-    }, u = () => {
+      s("menuMouseLeave"), i.disabled || i.mode == "hover" && l();
+    }, p = () => {
       if (r.value && n.value) {
-        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 }
+        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 }
           };
-          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;
+          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;
         });
       }
     }, l = () => {
       if (n.value) {
-        const t = n.value;
-        t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none", a.value = !1);
+        const o = n.value;
+        o && (o.style.top = "0", o.style.left = "0", o.style.opacity = "0", o.style.display = "none", c.value = !1);
       }
-    }, v = (t) => {
-      i.mode == "click" && r.value && !r.value.contains(t.target) && l();
+    }, d = (o) => {
+      i.mode == "click" && r.value && !r.value.contains(o.target) && l();
     };
-    return L(() => {
-      y(() => {
-        n.value = document.getElementById("context-menu-" + p + s), n.value && (l(), document.addEventListener("click", v));
+    O(() => {
+      v(() => {
+        n.value = document.getElementById("context-menu-" + f + u), n.value && (l(), document.addEventListener("click", d));
       });
-    }), O(() => {
-      document.removeEventListener("click", v);
-    }), M({
-      updatePosition: u,
+    }), q(() => {
+      document.removeEventListener("click", d);
+    }), g({
+      updatePosition: p,
       hideMenu: l
-    }), (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, $));
+    });
+    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;
   }
 });
 export {
-  te as default
+  Q as default
 };

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

@@ -1,7 +1,50 @@
-import t from "./ContactContextMenu.vue2.js";
+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";
 /* empty css                        */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-10e21295"]]);
+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"]]);
 export {
-  m as default
+  g as default
 };

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

@@ -1,8 +1,8 @@
-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 { 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 "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as K } from "../../../hooks/useTheme.js";
+import { useTheme as z } 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 Q from "../../1_icons/MenuIcon.vue.js";
-const W = { class: "contact-context-menu__wrapper" }, X = ["id"], de = /* @__PURE__ */ V({
+import D from "../../1_icons/MenuIcon.vue.js";
+const te = /* @__PURE__ */ B({
   __name: "ContactContextMenu",
   props: {
     actions: {
@@ -36,99 +36,72 @@ const W = { class: "contact-context-menu__wrapper" }, X = ["id"], de = /* @__PUR
     }
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
-  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 = () => {
-      !n.disabled && i.value && (n.mode == "click" && !r.value ? p() : n.mode == "click" && r.value && l(), u("buttonClick"));
+  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 = () => {
-      !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();
+      !o.disabled && s.value && o.mode == "hover" && d();
+    }, S = () => {
+      !o.disabled && s.value && o.mode == "hover" && l();
+    }, 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();
         t.style.display = "inherit";
-        const o = c.value.getBoundingClientRect();
-        t.style.display = "none", A(() => {
+        const i = n.value.getBoundingClientRect();
+        t.style.display = "none", M(() => {
           const C = {
-            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 }
+            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 }
           };
-          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;
+          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;
         });
       }
     }, l = () => {
-      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);
+      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);
       }
-    }, 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));
+    }, 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));
       });
     };
-    return z(() => {
-      x();
-    }), P(i, (t) => {
+    j(() => {
+      f();
+    }), P(s, (t) => {
       if (t) {
-        x();
+        f();
         return;
       }
       l();
-    }), U(() => {
-      d && (document.removeEventListener("click", k), d = !1), c.value && l();
-    }), B({
-      updatePosition: p,
+    }), R(() => {
+      c && (document.removeEventListener("click", p), c = !1), n.value && l();
+    }), A({
+      updatePosition: d,
       hideMenu: l
-    }), (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)
-    ]));
+    });
+    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;
   }
 });
 export {
-  de as default
+  te as default
 };

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

@@ -1,14 +1,7 @@
-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";
+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";
 /* empty css                 */
-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 }, $ = {
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -21,48 +14,90 @@ const f = ["id"], v = { class: "context-menu__list" }, C = {
     }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  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,
-              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));
+  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;
   }
-}, V = /* @__PURE__ */ x($, [["__scopeId", "data-v-e191b2ad"]]);
+}, 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", {
+              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"]]);
 export {
   V as default
 };

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

@@ -1,7 +1,35 @@
-import o from "./EmbedPreview.vue2.js";
+import l from "./EmbedPreview.vue2.js";
+import { createElementBlock as r, openBlock as o } from "vue";
 /* empty css                  */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ e(o, [["__scopeId", "data-v-78e87f87"]]);
+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"]]);
 export {
-  f as default
+  y as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as t, createElementBlock as l, openBlock as r } from "vue";
-const o = { class: "embed-preview" }, c = ["src"], a = ["src"], s = ["src"], m = /* @__PURE__ */ t({
+import { defineComponent as t } from "vue";
+const n = /* @__PURE__ */ t({
   __name: "EmbedPreview",
   props: {
     embed: {
@@ -7,33 +7,12 @@ const o = { class: "embed-preview" }, c = ["src"], a = ["src"], s = ["src"], m =
       required: !0
     }
   },
-  setup(e) {
-    return (u, d) => (r(), l("div", o, [
-      e.embed.type == "youtube" ? (r(), l("iframe", {
-        key: 0,
-        class: "embed-preview__player",
-        src: e.embed.url,
-        title: "YouTube video player",
-        frameborder: "0",
-        allowfullscreen: ""
-      }, null, 8, c)) : e.embed.type == "rutube" ? (r(), l("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)) : (r(), l("iframe", {
-        key: 2,
-        class: "embed-preview__player",
-        src: e.embed.url
-      }, null, 8, s))
-    ]));
+  setup(p, { expose: r }) {
+    r();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  m as default
+  n as default
 };