@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,34 +1,46 @@
-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 { 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 "../../../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 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 { 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 "../../../functions/parseMarkdown.js";
-const ft = /* @__PURE__ */ de({
+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({
   __name: "ImageMessage",
   props: {
     message: {
@@ -50,7 +62,7 @@ const ft = /* @__PURE__ */ de({
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (f) => ["single", "multi"].includes(f)
+      validator: (e) => ["single", "multi"].includes(e)
     },
     currentUserId: {
       type: [String, Number],
@@ -72,78 +84,77 @@ const ft = /* @__PURE__ */ de({
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  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,
+  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,
       viewsAction: N,
-      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,
+      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,
       () => {
-        a(), h(() => {
-          t && o.value && t.observe(o.value);
+        M(), E(() => {
+          m && g.value && m.observe(g.value);
         });
       }
     );
-    const a = () => {
-      h(() => {
-        n.value && (i.value = n.value.offsetWidth), o.value && (g.value = o.value.offsetWidth);
+    const M = () => {
+      E(() => {
+        c.value && (w.value = c.value.offsetWidth), g.value && (A.value = g.value.offsetWidth);
       });
     };
-    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],
+    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],
       () => {
-        a(), h(() => {
-          t && (t.disconnect(), n.value && t.observe(n.value), o.value && t.observe(o.value));
+        M(), E(() => {
+          m && (m.disconnect(), c.value && m.observe(c.value), g.value && m.observe(g.value));
         });
       },
       { immediate: !0 }
     );
-    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),
+    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),
       { cssVariable: "--chotto-imagemessage-right-bg", position: "right" }
     );
-    function se(s) {
-      return Be(s.position, "image-message");
+    function L(d) {
+      return Ye(d.position, "image-message");
     }
-    const oe = () => M.value = !1, ne = async () => {
-      var s, T;
-      if (e.message.url)
+    const ye = () => I.value = !1, he = async () => {
+      var d, a;
+      if (t.message.url)
         try {
-          const d = await fetch(e.message.url, {
+          const u = await fetch(t.message.url, {
             headers: {
               Accept: "image/*"
             }
-          }), 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 = {
+          }), 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 = {
             "image/jpeg": "jpg",
             "image/jpg": "jpg",
             "image/png": "png",
@@ -152,30 +163,240 @@ const ft = /* @__PURE__ */ de({
             "image/svg+xml": "svg",
             "image/bmp": "bmp"
           };
-          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);
+          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);
         }
-    }, { onToggleReaction: ie, onAddReaction: ae, onRemoveReaction: re } = He(p), le = ze(() => e.message, () => e.subtextTooltipData);
-    function ue() {
-      p("sms-invite", e.message);
+    }, { onToggleReaction: we, onAddReaction: Me, onRemoveReaction: pe } = Ze(T), ke = Ge(() => t.message, () => t.subtextTooltipData);
+    function xe() {
+      T("sms-invite", t.message);
     }
-    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;
+    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));
   }
 });
 export {
-  ft as default
+  Ds as default
 };

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

@@ -1,42 +1,7 @@
-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";
+import o from "./MessageKeyboard.vue2.js";
 /* empty css                     */
-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"]]);
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-973cd877"]]);
 export {
-  K as default
+  s as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as u, useTemplateRef as d, inject as f } from "vue";
-import { useMessageDraft as l } from "../../../hooks/useMessageDraft.js";
+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 "../../../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 C = /* @__PURE__ */ u({
+const v = ["onClick"], w = /* @__PURE__ */ u({
   __name: "MessageKeyboard",
   props: {
     keyboard: {
@@ -24,17 +24,27 @@ const C = /* @__PURE__ */ u({
     }
   },
   emits: ["action"],
-  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));
+  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));
     };
-    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;
+    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));
   }
 });
 export {
-  C as default
+  w as default
 };