@mobilon-dev/chotto 0.3.97 → 0.3.98

package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js

@@ -1,46 +1,34 @@
-import { defineComponent as Ie, inject as Ae, ref as b, watch as J, nextTick as E, onMounted as Le, onUnmounted as je, computed as k, createElementBlock as o, openBlock as n, normalizeStyle as O, normalizeClass as y, unref as s, createCommentVNode as i, createElementVNode as l, createBlock as f, createVNode as r, withCtx as v, createTextVNode as Ee, toDisplayString as C, Fragment as K, Transition as x, withModifiers as Q, Teleport as X } from "vue";
-import Oe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Be from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Ue from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import ze from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import Fe from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import Ne from "../MessageReactions/MessageReactions.vue.js";
-import Y from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Ve from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import He from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import We from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as De } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageMenuActions as Pe } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as $e } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as qe } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Ge } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as Je } from "../../../hooks/messages/useStartReply.js";
+import { defineComponent as de, inject as fe, ref as l, watch as C, nextTick as h, onMounted as ve, onUnmounted as be, computed as m } from "vue";
+import he from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import we from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Me from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import ye from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Re from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import xe from "../MessageReactions/MessageReactions.vue.js";
+import Se from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import je from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Oe from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import Te from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Ae } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as Le } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Ce } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Ie } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as ze } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as _e } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Ke } from "../../../hooks/useTheme.js";
+import { useTheme as ke } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { buildReplyPayload as Z } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as Qe, getStatusTitle as Xe } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Ye } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Ze } from "../../../functions/createReactionHandlers.js";
+import { buildReplyPayload as I } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as Ee, getStatusTitle as Ue } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Be } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as He } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const _e = ["messageId"], es = ["src"], ss = {
-  key: 1,
-  class: "image-message__subtext"
-}, ts = { class: "image-message__info-container" }, as = {
-  key: 0,
-  class: "image-message__time"
-}, ns = {
-  key: 0,
-  class: "image-message__blur-wrapper"
-}, is = ["src", "alt"], ls = ["src", "alt"], os = ["src", "alt"], ms = {
-  key: 0,
-  class: "image-message__info-container"
-}, us = { class: "image-message__time" }, rs = ["innerHTML"], gs = ["src", "alt"], Ds = /* @__PURE__ */ Ie({
+const ft = /* @__PURE__ */ de({
   __name: "ImageMessage",
   props: {
     message: {
@@ -62,7 +50,7 @@ const _e = ["messageId"], es = ["src"], ss = {
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (e) => ["single", "multi"].includes(e)
+      validator: (f) => ["single", "multi"].includes(f)
     },
     currentUserId: {
       type: [String, Number],
@@ -84,77 +72,78 @@ const _e = ["messageId"], es = ["src"], ss = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: _ }) {
-    const B = Ae("chatAppId"), { getTheme: U } = Ke(B || ""), { menuActions: R } = Pe(() => t.message), { startReply: ee } = Je(B || ""), t = e, T = _, I = b(!1), {
-      isOpenMenu: se,
-      buttonMenuVisible: z,
-      menuAnchorRef: te,
-      menuRef: ae,
-      menuStyle: ne,
-      menuTheme: ie,
-      showMenu: le,
-      hideMenu: oe,
-      openMenu: me,
-      toggleMenu: F,
-      onMenuMouseEnter: ue,
-      onMenuMouseLeave: re,
-      clickAction: ge,
+  setup(f, { expose: z, emit: _ }) {
+    z();
+    const v = fe("chatAppId"), { getTheme: k } = ke(v || ""), { menuActions: E } = Le(() => e.message), { startReply: w } = _e(v || ""), e = f, p = _, M = l(!1), {
+      isOpenMenu: U,
+      buttonMenuVisible: y,
+      menuAnchorRef: B,
+      menuRef: H,
+      menuStyle: W,
+      menuTheme: P,
+      showMenu: R,
+      hideMenu: x,
+      openMenu: D,
+      toggleMenu: $,
+      onMenuMouseEnter: q,
+      onMenuMouseLeave: S,
+      clickAction: F,
       viewsAction: N,
-      handleClickReplied: ce
-    } = De(t.message, T, {
-      onReply: () => ee(Z(t.message, "message.image"))
-    }), h = b(!1), { linkedHtml: V, inNewWindow: H } = $e(() => t.message.text), c = b(null), g = b(null), w = b(0), A = b(0);
-    J(
-      () => V.value,
+      handleClickReplied: V
+    } = Ae(e.message, p, {
+      onReply: () => w(I(e.message, "message.image"))
+    }), c = l(!1), { linkedHtml: j, inNewWindow: G } = Ce(() => e.message.text), n = l(null), o = l(null), i = l(0), g = l(0);
+    C(
+      () => j.value,
       () => {
-        M(), E(() => {
-          m && g.value && m.observe(g.value);
+        a(), h(() => {
+          t && o.value && t.observe(o.value);
         });
       }
     );
-    const M = () => {
-      E(() => {
-        c.value && (w.value = c.value.offsetWidth), g.value && (A.value = g.value.offsetWidth);
+    const a = () => {
+      h(() => {
+        n.value && (i.value = n.value.offsetWidth), o.value && (g.value = o.value.offsetWidth);
       });
     };
-    let m = null, S = null;
-    Le(() => {
-      M(), S = () => M(), window.addEventListener("resize", S), typeof ResizeObserver < "u" && (m = new ResizeObserver(() => {
-        M();
-      }), c.value && m.observe(c.value), g.value && m.observe(g.value));
-    }), je(() => {
-      S && window.removeEventListener("resize", S), m && m.disconnect();
-    }), J(
-      () => [t.message.text, t.message.url],
+    let t = null, r = null;
+    ve(() => {
+      a(), r = () => a(), window.addEventListener("resize", r), typeof ResizeObserver < "u" && (t = new ResizeObserver(() => {
+        a();
+      }), n.value && t.observe(n.value), o.value && t.observe(o.value));
+    }), be(() => {
+      r && window.removeEventListener("resize", r), t && t.disconnect();
+    }), C(
+      () => [e.message.text, e.message.url],
       () => {
-        M(), E(() => {
-          m && (m.disconnect(), c.value && m.observe(c.value), g.value && m.observe(g.value));
+        a(), h(() => {
+          t && (t.disconnect(), n.value && t.observe(n.value), o.value && t.observe(o.value));
         });
       },
       { immediate: !0 }
     );
-    const W = k(() => t.message.text && A.value > w.value && w.value > 0), de = () => {
-      le(), h.value = !0;
-    }, D = (d) => {
-      oe(d), z.value || (h.value = !1);
-    }, fe = () => {
-      re(), h.value = !1;
-    }, ve = k(() => t.message.reply && t.message.text ? "0" : t.message.text ? A.value > w.value && w.value > 0 ? "0" : "var(--chotto-imagemessage-preview-with-caption-border-radius, 7px 7px 0 0)" : t.message.reply ? "var(--chotto-imagemessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-imagemessage-preview-border-radius, 7px)"), P = k(() => Qe(t.message.status)), $ = k(() => Xe(t.message.status, t.message.statusMsg)), { bubbleStyle: be } = qe(
-      k(() => t.message),
+    const J = m(() => e.message.text && g.value > i.value && i.value > 0), K = () => {
+      R(), c.value = !0;
+    }, Q = (s) => {
+      x(s), y.value || (c.value = !1);
+    }, X = () => {
+      S(), c.value = !1;
+    }, Y = m(() => e.message.reply && e.message.text ? "0" : e.message.text ? g.value > i.value && i.value > 0 ? "0" : "var(--chotto-imagemessage-preview-with-caption-border-radius, 7px 7px 0 0)" : e.message.reply ? "var(--chotto-imagemessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-imagemessage-preview-border-radius, 7px)"), Z = m(() => Ee(e.message.status)), ee = m(() => Ue(e.message.status, e.message.statusMsg)), { bubbleStyle: te } = Ie(
+      m(() => e.message),
       { cssVariable: "--chotto-imagemessage-right-bg", position: "right" }
     );
-    function L(d) {
-      return Ye(d.position, "image-message");
+    function se(s) {
+      return Be(s.position, "image-message");
     }
-    const ye = () => I.value = !1, he = async () => {
-      var d, a;
-      if (t.message.url)
+    const oe = () => M.value = !1, ne = async () => {
+      var s, T;
+      if (e.message.url)
         try {
-          const u = await fetch(t.message.url, {
+          const d = await fetch(e.message.url, {
             headers: {
               Accept: "image/*"
             }
-          }), Re = u.headers.get("content-type") || "", Se = await u.blob(), j = ((a = (d = t.message.url.split(".").pop()) == null ? void 0 : d.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", Ce = {
+          }), me = d.headers.get("content-type") || "", pe = await d.blob(), b = ((T = (s = e.message.url.split(".").pop()) == null ? void 0 : s.split("?")[0]) == null ? void 0 : T.toLowerCase()) || "", ce = {
             "image/jpeg": "jpg",
             "image/jpg": "jpg",
             "image/png": "png",
@@ -163,240 +152,30 @@ const _e = ["messageId"], es = ["src"], ss = {
             "image/svg+xml": "svg",
             "image/bmp": "bmp"
           };
-          let q = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : Ce[Re] || "jpg";
-          const Te = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${q}` : `image-${t.message.messageId}.${q}`, G = window.URL.createObjectURL(Se), p = document.createElement("a");
-          p.href = G, p.download = Te, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL(G);
-        } catch (u) {
-          console.error("Ошибка при скачивании изображения:", u);
+          let A = b && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(b) ? b : ce[me] || "jpg";
+          const ge = e.message.alt ? e.message.alt.includes(".") ? e.message.alt : `${e.message.alt}.${A}` : `image-${e.message.messageId}.${A}`, L = window.URL.createObjectURL(pe), u = document.createElement("a");
+          u.href = L, u.download = ge, document.body.appendChild(u), u.click(), document.body.removeChild(u), window.URL.revokeObjectURL(L);
+        } catch (d) {
+          console.error("Ошибка при скачивании изображения:", d);
         }
-    }, { onToggleReaction: we, onAddReaction: Me, onRemoveReaction: pe } = Ze(T), ke = Ge(() => t.message, () => t.subtextTooltipData);
-    function xe() {
-      T("sms-invite", t.message);
+    }, { onToggleReaction: ie, onAddReaction: ae, onRemoveReaction: re } = He(p), le = ze(() => e.message, () => e.subtextTooltipData);
+    function ue() {
+      p("sms-invite", e.message);
     }
-    return (d, a) => (n(), o("div", {
-      ref_key: "menuAnchorRef",
-      ref: te,
-      class: y(["image-message", [
-        L(e.message),
-        e.applyStyle(e.message)
-      ]]),
-      messageId: e.message.messageId,
-      style: O(s(be)),
-      onMouseleave: D
-    }, [
-      e.message.avatar && e.isFirstInSeries ? (n(), o("img", {
-        key: 0,
-        class: "image-message__avatar",
-        src: e.message.avatar,
-        height: "32",
-        width: "32"
-      }, null, 8, es)) : i("", !0),
-      e.message.subText && e.isFirstInSeries ? (n(), o("p", ss, [
-        r(We, {
-          text: s(ke),
-          position: e.message.position === "left" ? "right" : "left",
-          offset: 8
-        }, {
-          default: v(() => [
-            Ee(C(e.message.subText), 1)
-          ]),
-          _: 1
-        }, 8, ["text", "position"])
-      ])) : i("", !0),
-      l("div", {
-        class: y(["image-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar, "has-caption": !!e.message.text }])
-      }, [
-        a[7] || (a[7] = l("div", {
-          class: "image-message__bottom-shadow",
-          "aria-hidden": "true"
-        }, null, -1)),
-        e.message.deleted ? (n(), o(K, { key: 0 }, [
-          r(He),
-          l("div", ts, [
-            e.message.time ? (n(), o("span", as, C(e.message.time), 1)) : i("", !0),
-            r(Y, {
-              "base-class": "image-message",
-              "message-class": L(e.message),
-              "message-status": e.message.status,
-              "status-class": P.value,
-              "status-title": $.value
-            }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-          ])
-        ], 64)) : (n(), o(K, { key: 1 }, [
-          e.message.reply ? (n(), f(ze, {
-            key: 0,
-            style: { margin: "10px 10px 4px 16px" },
-            class: y(e.message.position),
-            message: e.message.reply,
-            onReply: s(ce)
-          }, null, 8, ["class", "message", "onReply"])) : i("", !0),
-          l("div", {
-            class: y(["image-message__preview-button", { "image-message__preview-button--blur-edges": W.value }]),
-            onClick: a[1] || (a[1] = (u) => I.value = !0),
-            onMouseenter: de,
-            onMouseleave: D
-          }, [
-            W.value ? (n(), o("div", ns, [
-              l("img", {
-                class: "image-message__blur-left",
-                src: e.message.url,
-                alt: e.message.alt
-              }, null, 8, is),
-              l("img", {
-                class: "image-message__blur-right",
-                src: e.message.url,
-                alt: e.message.alt
-              }, null, 8, ls)
-            ])) : i("", !0),
-            l("img", {
-              ref_key: "imageRef",
-              ref: c,
-              class: "image-message__preview-image",
-              style: O({ borderRadius: ve.value }),
-              src: e.message.url,
-              alt: e.message.alt
-            }, null, 12, os),
-            r(x, { name: "modal-fade" }, {
-              default: v(() => [
-                h.value ? (n(), o("div", ms, [
-                  e.message.views ? (n(), o("div", {
-                    key: 0,
-                    class: "image-message__views",
-                    onClick: a[0] || (a[0] = Q(
-                      //@ts-ignore
-                      (...u) => s(N) && s(N)(...u),
-                      ["stop"]
-                    ))
-                  }, [
-                    a[4] || (a[4] = l("span", { class: "pi pi-eye" }, null, -1)),
-                    l("p", null, C(e.message.views), 1)
-                  ])) : i("", !0),
-                  l("span", us, C(e.message.time), 1),
-                  r(Y, {
-                    "base-class": "image-message",
-                    "message-class": L(e.message),
-                    "message-status": e.message.status,
-                    "status-class": P.value,
-                    "status-title": $.value
-                  }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-                ])) : i("", !0)
-              ]),
-              _: 1
-            }),
-            r(x, { name: "modal-fade" }, {
-              default: v(() => [
-                h.value ? (n(), o("button", {
-                  key: 0,
-                  class: "image-message__download-button",
-                  onClick: Q(he, ["stop"])
-                }, [...a[5] || (a[5] = [
-                  l("span", { class: "pi pi-download" }, null, -1)
-                ])])) : i("", !0)
-              ]),
-              _: 1
-            })
-          ], 34),
-          r(x, { name: "modal-fade" }, {
-            default: v(() => [
-              s(z) && s(R).length && !e.reactionsEnabled ? (n(), o("button", {
-                key: 0,
-                class: "image-message__menu-button",
-                onClick: a[2] || (a[2] = //@ts-ignore
-                (...u) => s(F) && s(F)(...u))
-              }, [...a[6] || (a[6] = [
-                l("span", { class: "pi pi-ellipsis-h" }, null, -1)
-              ])])) : i("", !0)
-            ]),
-            _: 1
-          }),
-          (n(), f(X, { to: "body" }, [
-            r(x, { name: "context-menu" }, {
-              default: v(() => [
-                s(se) && s(R).length ? (n(), f(Oe, {
-                  key: 0,
-                  ref_key: "menuRef",
-                  ref: ae,
-                  class: "image-message__context-menu message-actions-menu",
-                  style: O(s(ne)),
-                  "data-theme": s(ie),
-                  actions: s(R),
-                  onClick: s(ge),
-                  onMouseenter: s(ue),
-                  onMouseleave: fe
-                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter"])) : i("", !0)
-              ]),
-              _: 1
-            })
-          ])),
-          e.message.text ? (n(), o("div", {
-            key: 1,
-            ref_key: "textRef",
-            ref: g,
-            class: "image-message__text-container"
-          }, [
-            l("p", {
-              onClick: a[3] || (a[3] = //@ts-ignore
-              (...u) => s(H) && s(H)(...u)),
-              innerHTML: s(V)
-            }, null, 8, rs)
-          ], 512)) : i("", !0),
-          r(Ve, {
-            status: e.message.status,
-            "has-messenger-account": e.message.hasMessengerAccount,
-            channel: e.channel,
-            onSmsInvite: xe
-          }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (n(), f(Be, {
-            key: 2,
-            class: y(["image-message__link-preview", e.message.position]),
-            "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : i("", !0),
-          e.message.embed ? (n(), f(Ue, {
-            key: 3,
-            class: y(e.message.position),
-            embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : i("", !0),
-          r(Ne, {
-            reactions: e.message.reactions,
-            "message-id": e.message.messageId,
-            reply: s(Z)(e.message, "message.image"),
-            enabled: e.reactionsEnabled,
-            mode: e.reactionsMode,
-            "current-user-id": e.currentUserId,
-            "reaction-user-names": e.reactionUserNames,
-            "menu-enabled": s(R).length > 0,
-            onToggleReaction: s(we),
-            onAddReaction: s(Me),
-            onRemoveReaction: s(pe),
-            onMenu: s(me)
-          }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
-        ], 64))
-      ], 2),
-      (n(), f(X, { to: "body" }, [
-        r(x, { name: "modal-fade" }, {
-          default: v(() => [
-            I.value && !e.message.deleted ? (n(), f(Fe, {
-              key: 0,
-              "data-theme": s(U)().theme ? s(U)().theme : "light",
-              title: e.message.alt,
-              onClose: ye
-            }, {
-              default: v(() => [
-                l("img", {
-                  class: "image-message__modal-image",
-                  src: e.message.url,
-                  alt: e.message.alt
-                }, null, 8, gs)
-              ]),
-              _: 1
-            }, 8, ["data-theme", "title"])) : i("", !0)
-          ]),
-          _: 1
-        })
-      ]))
-    ], 46, _e));
+    const O = { chatAppId: v, getTheme: k, menuActions: E, startReply: w, props: e, emit: p, isOpenModal: M, isOpenMenu: U, buttonMenuVisible: y, menuAnchorRef: B, menuRef: H, menuStyle: W, menuTheme: P, baseShowMenu: R, baseHideMenu: x, openMenu: D, toggleMenu: $, onMenuMouseEnter: q, baseOnMenuMouseLeave: S, clickAction: F, viewsAction: N, handleClickReplied: V, buttonDownloadVisible: c, linkedHtml: j, inNewWindow: G, imageRef: n, textRef: o, imageWidth: i, textWidth: g, updateWidths: a, get resizeObserver() {
+      return t;
+    }, set resizeObserver(s) {
+      t = s;
+    }, get windowResizeHandler() {
+      return r;
+    }, set windowResizeHandler(s) {
+      r = s;
+    }, shouldApplyBlur: J, showMenu: K, hideMenu: Q, onMenuMouseLeave: X, imageBorderRadius: Y, status: Z, statusTitle: ee, rightBubbleStyle: te, getClass: se, closeModal: oe, downloadImage: ne, onToggleReaction: ie, onAddReaction: ae, onRemoveReaction: re, channelInfo: le, handleSmsInvite: ue, ContextMenu: he, LinkPreview: we, EmbedPreview: Me, BaseReplyMessage: ye, ModalFullscreen: Re, MessageReactions: xe, MessageStatusIndicator: Se, MessageSmsInvite: je, DeletedMessageContent: Oe, Tooltip: Te, get buildReplyPayload() {
+      return I;
+    } };
+    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
   }
 });
 export {
-  Ds as default
+  ft as default
 };

package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js

@@ -1,7 +1,42 @@
-import o from "./MessageKeyboard.vue2.js";
+import n from "./MessageKeyboard.vue2.js";
+import { createElementBlock as o, openBlock as t, normalizeClass as s, Fragment as c, renderList as l, normalizeStyle as d, createElementVNode as i, toDisplayString as _ } from "vue";
 /* empty css                     */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-973cd877"]]);
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = ["onClick"];
+function f(y, b, r, a, x, k) {
+  return t(), o(
+    "div",
+    {
+      ref: "keyboard",
+      class: s(["keyboard__container", [`keyboard__container--${r.align}`]])
+    },
+    [
+      (t(!0), o(
+        c,
+        null,
+        l(r.keyboard, (e) => (t(), o("div", {
+          key: e.text,
+          class: "keyboard__key",
+          style: d({ "box-shadow": "0px 0px 10px 5px " + e.color }),
+          onClick: (u) => a.handleClickKey(e)
+        }, [
+          i(
+            "p",
+            null,
+            _(e.text),
+            1
+            /* TEXT */
+          )
+        ], 12, m))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+const K = /* @__PURE__ */ p(n, [["render", f], ["__scopeId", "data-v-ef794b11"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue"]]);
 export {
-  s as default
+  K as default
 };

package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, useTemplateRef as f, inject as x, createElementBlock as r, openBlock as n, normalizeClass as _, Fragment as g, renderList as y, normalizeStyle as b, createElementVNode as h, toDisplayString as k } from "vue";
-import { useMessageDraft as C } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as u, useTemplateRef as d, inject as f } from "vue";
+import { useMessageDraft as l } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
@@ -10,7 +10,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 v = ["onClick"], w = /* @__PURE__ */ u({
+const C = /* @__PURE__ */ u({
   __name: "MessageKeyboard",
   props: {
     keyboard: {
@@ -24,27 +24,17 @@ const v = ["onClick"], w = /* @__PURE__ */ u({
     }
   },
   emits: ["action"],
-  setup(t, { expose: i, emit: a }) {
-    const s = f("keyboard"), c = a, l = x("chatAppId"), { setMessageText: p, setForceSendMessage: m } = C(l), d = (e) => {
-      e.action && typeof e.action == "function" ? e.action() : e.action != null ? c("action", e.action) : (p(e.text), m(!0));
+  setup(t, { expose: s, emit: c }) {
+    const r = d("keyboard"), o = c, i = f("chatAppId"), { setMessageText: n, setForceSendMessage: a } = l(i), m = (e) => {
+      e.action && typeof e.action == "function" ? e.action() : e.action != null ? o("action", e.action) : (n(e.text), a(!0));
     };
-    return i({
-      refKeyboard: s
-    }), (e, M) => (n(), r("div", {
-      ref: "keyboard",
-      class: _(["keyboard__container", [`keyboard__container--${t.align}`]])
-    }, [
-      (n(!0), r(g, null, y(t.keyboard, (o) => (n(), r("div", {
-        key: o.text,
-        class: "keyboard__key",
-        style: b({ "box-shadow": "0px 0px 10px 5px " + o.color }),
-        onClick: (S) => d(o)
-      }, [
-        h("p", null, k(o.text), 1)
-      ], 12, v))), 128))
-    ], 2));
+    s({
+      refKeyboard: r
+    });
+    const p = { refKeyboard: r, emit: o, chatAppId: i, setMessageText: n, setForceSendMessage: a, handleClickKey: m };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
   }
 });
 export {
-  w as default
+  C as default
 };