@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,47 +1,35 @@
-import { defineComponent as we, inject as pe, ref as w, computed as p, watch as Me, createElementBlock as m, openBlock as o, Fragment as S, createElementVNode as i, createBlock as d, unref as t, normalizeStyle as C, normalizeClass as y, createCommentVNode as l, createVNode as r, withCtx as c, createTextVNode as xe, toDisplayString as M, Transition as b, withModifiers as j, Teleport as D } from "vue";
-import Re from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Te from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Se from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Ce from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import Ie from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import Ae from "../MessageReactions/MessageReactions.vue.js";
-import H from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Ee from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Le from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import Be from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Pe } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageMenuActions as Fe } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as Ne } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Ue } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Oe } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as $e } from "../../../hooks/messages/useStartReply.js";
+import { defineComponent as ie, inject as ae, ref as m, computed as l, watch as me } from "vue";
+import le from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import ue from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ce from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import pe from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import de from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import ge from "../MessageReactions/MessageReactions.vue.js";
+import fe from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import ve from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import be from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import ye from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as he } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as Me } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as we } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as xe } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Re } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as Se } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as je } from "../../../hooks/useTheme.js";
+import { useTheme as Te } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { buildReplyPayload as V } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as De, getStatusTitle as He } from "../../../functions/getStatusMessage.js";
-import { safeMediaPlayVoid as q } from "../../../functions/safeMediaPlay.js";
-import { getMessageClass as Ve } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as qe } from "../../../functions/createReactionHandlers.js";
+import { buildReplyPayload as M } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as ke, getStatusTitle as Ae } from "../../../functions/getStatusMessage.js";
+import { safeMediaPlayVoid as w } from "../../../functions/safeMediaPlay.js";
+import { getMessageClass as Ce } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as _e } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const ze = ["messageId"], We = ["src"], Ge = {
-  key: 1,
-  class: "video-message__subtext"
-}, Je = { class: "video-message__info-container" }, Ke = {
-  key: 0,
-  class: "video-message__time"
-}, Qe = ["src"], Xe = {
-  key: 0,
-  class: "video-message__info-container"
-}, Ye = { class: "video-message__time" }, Ze = {
-  key: 1,
-  class: "video-message__text-container"
-}, _e = ["innerHTML"], es = ["src", "alt"], Ps = /* @__PURE__ */ we({
+const mt = /* @__PURE__ */ ie({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -64,7 +52,7 @@ const ze = ["messageId"], We = ["src"], Ge = {
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (e) => ["single", "multi"].includes(e)
+      validator: (u) => ["single", "multi"].includes(u)
     },
     currentUserId: {
       type: [String, Number],
@@ -86,286 +74,76 @@ const ze = ["messageId"], We = ["src"], Ge = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: z }) {
-    const I = pe("chatAppId"), { getTheme: A } = je(I || ""), { menuActions: h } = Fe(() => a.message), { startReply: W } = $e(I || ""), a = e, x = z;
-    function R(u) {
-      return Ve(u.position, "video-message");
+  setup(u, { expose: x, emit: R }) {
+    x();
+    const c = ae("chatAppId"), { getTheme: S } = Te(c || ""), { menuActions: T } = Me(() => e.message), { startReply: p } = Se(c || ""), e = u, i = R;
+    function k(o) {
+      return Ce(o.position, "video-message");
     }
-    const E = w(), g = w(), T = w(!1), v = w(!1), { linkedHtml: G, inNewWindow: L } = Ne(() => a.message.text), {
-      isOpenMenu: J,
-      buttonMenuVisible: K,
-      menuAnchorRef: Q,
-      menuRef: X,
-      menuStyle: Y,
-      menuTheme: Z,
-      showMenu: _,
-      hideMenu: B,
-      openMenu: ee,
-      toggleMenu: P,
-      onMenuMouseEnter: se,
-      onMenuMouseLeave: te,
-      clickAction: ae,
+    const d = m(), n = m(), g = m(!1), f = m(!1), { linkedHtml: A, inNewWindow: C } = we(() => e.message.text), {
+      isOpenMenu: _,
+      buttonMenuVisible: E,
+      menuAnchorRef: I,
+      menuRef: L,
+      menuStyle: O,
+      menuTheme: P,
+      showMenu: v,
+      hideMenu: j,
+      openMenu: U,
+      toggleMenu: B,
+      onMenuMouseEnter: $,
+      onMenuMouseLeave: q,
+      clickAction: D,
       viewsAction: F,
-      handleClickReplied: oe
-    } = Pe(a.message, x, {
-      onReply: () => W(V(a.message, "message.video"))
-    }), ne = () => {
-      _(), v.value = !0;
-    }, N = p(() => De(a.message.status)), U = p(() => He(a.message.status, a.message.statusMsg)), { bubbleStyle: ie } = Ue(
-      p(() => a.message),
+      handleClickReplied: H
+    } = he(e.message, i, {
+      onReply: () => p(M(e.message, "message.video"))
+    }), N = () => {
+      v(), f.value = !0;
+    }, V = l(() => ke(e.message.status)), W = l(() => Ae(e.message.status, e.message.statusMsg)), { bubbleStyle: z } = xe(
+      l(() => e.message),
       { cssVariable: "--chotto-videomessage-right-bg", position: "right" }
-    ), le = () => {
-      g.value && (g.value.currentTime = 0, q(g.value));
+    ), G = () => {
+      n.value && (n.value.currentTime = 0, w(n.value));
     };
-    Me([E, g], ([u, s]) => {
-      u ? s && (s.pause(), s.currentTime = 0) : s && (s.currentTime = 0, q(s));
+    me([d, n], ([o, t]) => {
+      o ? t && (t.pause(), t.currentTime = 0) : t && (t.currentTime = 0, w(t));
     });
-    const me = p(() => a.message.reply && a.message.text ? "0" : a.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : a.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), re = () => T.value = !1, { onToggleReaction: ue, onAddReaction: de, onRemoveReaction: ce } = qe(x), ge = async () => {
-      var u, s;
-      if (a.message.url)
+    const J = l(() => e.message.reply && e.message.text ? "0" : e.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : e.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), K = () => g.value = !1, { onToggleReaction: Q, onAddReaction: X, onRemoveReaction: Y } = _e(i), Z = async () => {
+      var o, t;
+      if (e.message.url)
         try {
-          const n = await fetch(a.message.url, {
+          const s = await fetch(e.message.url, {
             headers: {
               Accept: "video/*"
             }
           });
-          if (!n.ok)
-            throw new Error(`HTTP error! status: ${n.status}`);
-          const ye = n.headers.get("content-type") || "", be = await n.blob(), k = ((s = (u = a.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", he = {
+          if (!s.ok)
+            throw new Error(`HTTP error! status: ${s.status}`);
+          const oe = s.headers.get("content-type") || "", se = await s.blob(), a = ((t = (o = e.message.url.split(".").pop()) == null ? void 0 : o.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", ne = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
             "video/quicktime": "mov",
             "video/x-matroska": "mkv",
-            "application/octet-stream": k || "mp4"
+            "application/octet-stream": a || "mp4"
           };
-          let O = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : he[ye] || "mp4";
-          const ke = a.message.alt ? a.message.alt.includes(".") ? a.message.alt : `${a.message.alt}.${O}` : `video-${a.message.messageId}.${O}`, $ = window.URL.createObjectURL(be), f = document.createElement("a");
-          f.href = $, f.download = ke, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL($);
-        } catch (n) {
-          console.error("Ошибка при скачивании видео:", n), window.open(a.message.url, "_blank");
+          let y = a && ["mp4", "mov", "webm", "ogv", "mkv"].includes(a) ? a : ne[oe] || "mp4";
+          const re = e.message.alt ? e.message.alt.includes(".") ? e.message.alt : `${e.message.alt}.${y}` : `video-${e.message.messageId}.${y}`, h = window.URL.createObjectURL(se), r = document.createElement("a");
+          r.href = h, r.download = re, document.body.appendChild(r), r.click(), document.body.removeChild(r), window.URL.revokeObjectURL(h);
+        } catch (s) {
+          console.error("Ошибка при скачивании видео:", s), window.open(e.message.url, "_blank");
         }
-    }, ve = Oe(() => a.message, () => a.subtextTooltipData);
-    function fe() {
-      x("sms-invite", a.message);
+    }, ee = Re(() => e.message, () => e.subtextTooltipData);
+    function te() {
+      i("sms-invite", e.message);
     }
-    return (u, s) => (o(), m(S, null, [
-      i("div", {
-        ref_key: "menuAnchorRef",
-        ref: Q,
-        class: y(["video-message", [
-          R(e.message),
-          e.applyStyle(e.message)
-        ]]),
-        messageId: e.message.messageId,
-        style: C(t(ie)),
-        onMouseleave: s[5] || (s[5] = //@ts-ignore
-        (...n) => t(B) && t(B)(...n))
-      }, [
-        e.message.avatar && e.isFirstInSeries ? (o(), m("img", {
-          key: 0,
-          class: "video-message__avatar",
-          src: e.message.avatar,
-          height: "32",
-          width: "32"
-        }, null, 8, We)) : l("", !0),
-        e.message.subText && e.isFirstInSeries ? (o(), m("p", Ge, [
-          r(Be, {
-            text: t(ve),
-            position: e.message.position === "left" ? "right" : "left",
-            offset: 8
-          }, {
-            default: c(() => [
-              xe(M(e.message.subText), 1)
-            ]),
-            _: 1
-          }, 8, ["text", "position"])
-        ])) : l("", !0),
-        i("div", {
-          class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar, "has-caption": !!e.message.text }])
-        }, [
-          s[9] || (s[9] = i("div", {
-            class: "video-message__bottom-shadow",
-            "aria-hidden": "true"
-          }, null, -1)),
-          e.message.deleted ? (o(), m(S, { key: 0 }, [
-            r(Le),
-            i("div", Je, [
-              e.message.time ? (o(), m("span", Ke, M(e.message.time), 1)) : l("", !0),
-              r(H, {
-                "base-class": "video-message",
-                "message-class": R(e.message),
-                "message-status": e.message.status,
-                "status-class": N.value,
-                "status-title": U.value
-              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-            ])
-          ], 64)) : (o(), m(S, { key: 1 }, [
-            e.message.reply ? (o(), d(Ce, {
-              key: 0,
-              style: { margin: "10px 10px 4px 16px" },
-              class: y(e.message.position),
-              message: e.message.reply,
-              onReply: t(oe)
-            }, null, 8, ["class", "message", "onReply"])) : l("", !0),
-            i("div", {
-              class: "video-message__preview-button",
-              onClick: s[1] || (s[1] = (n) => T.value = !0),
-              onMouseenter: ne,
-              onMouseleave: s[2] || (s[2] = (n) => v.value = !v.value)
-            }, [
-              i("video", {
-                ref_key: "previewPlayer",
-                ref: g,
-                class: "video-message__video",
-                style: C({ borderRadius: me.value }),
-                src: e.message.url,
-                muted: !0,
-                autoplay: "",
-                onEnded: le
-              }, null, 44, Qe),
-              r(b, { name: "modal-fade" }, {
-                default: c(() => [
-                  v.value ? (o(), m("div", Xe, [
-                    e.message.views ? (o(), m("div", {
-                      key: 0,
-                      class: "video-message__views",
-                      onClick: s[0] || (s[0] = j(
-                        //@ts-ignore
-                        (...n) => t(F) && t(F)(...n),
-                        ["stop"]
-                      ))
-                    }, [
-                      s[6] || (s[6] = i("span", { class: "pi pi-eye" }, null, -1)),
-                      i("p", null, M(e.message.views), 1)
-                    ])) : l("", !0),
-                    i("span", Ye, M(e.message.time), 1),
-                    r(H, {
-                      "base-class": "video-message",
-                      "message-class": R(e.message),
-                      "message-status": e.message.status,
-                      "status-class": N.value,
-                      "status-title": U.value
-                    }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-                  ])) : l("", !0)
-                ]),
-                _: 1
-              }),
-              r(b, { name: "modal-fade" }, {
-                default: c(() => [
-                  v.value ? (o(), m("button", {
-                    key: 0,
-                    class: "video-message__download-button",
-                    type: "button",
-                    onClick: j(ge, ["stop"])
-                  }, [...s[7] || (s[7] = [
-                    i("span", { class: "pi pi-download" }, null, -1)
-                  ])])) : l("", !0)
-                ]),
-                _: 1
-              })
-            ], 32),
-            r(b, { name: "modal-fade" }, {
-              default: c(() => [
-                t(K) && t(h).length && !e.reactionsEnabled ? (o(), m("button", {
-                  key: 0,
-                  class: "video-message__menu-button",
-                  onClick: s[3] || (s[3] = //@ts-ignore
-                  (...n) => t(P) && t(P)(...n))
-                }, [...s[8] || (s[8] = [
-                  i("span", { class: "pi pi-ellipsis-h" }, null, -1)
-                ])])) : l("", !0)
-              ]),
-              _: 1
-            }),
-            (o(), d(D, { to: "body" }, [
-              r(b, { name: "context-menu" }, {
-                default: c(() => [
-                  t(J) && t(h).length ? (o(), d(Re, {
-                    key: 0,
-                    ref_key: "menuRef",
-                    ref: X,
-                    class: "video-message__context-menu message-actions-menu",
-                    style: C(t(Y)),
-                    "data-theme": t(Z),
-                    actions: t(h),
-                    onClick: t(ae),
-                    onMouseenter: t(se),
-                    onMouseleave: t(te)
-                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
-                ]),
-                _: 1
-              })
-            ])),
-            e.message.text ? (o(), m("div", Ze, [
-              i("p", {
-                onClick: s[4] || (s[4] = //@ts-ignore
-                (...n) => t(L) && t(L)(...n)),
-                innerHTML: t(G)
-              }, null, 8, _e)
-            ])) : l("", !0),
-            r(Ee, {
-              status: e.message.status,
-              "has-messenger-account": e.message.hasMessengerAccount,
-              channel: e.channel,
-              onSmsInvite: fe
-            }, null, 8, ["status", "has-messenger-account", "channel"]),
-            e.message.linkPreview ? (o(), d(Te, {
-              key: 2,
-              class: y(["video-message__link-preview", e.message.position]),
-              "link-preview": e.message.linkPreview
-            }, null, 8, ["class", "link-preview"])) : l("", !0),
-            e.message.embed ? (o(), d(Se, {
-              key: 3,
-              class: y(e.message.position),
-              embed: e.message.embed
-            }, null, 8, ["class", "embed"])) : l("", !0),
-            r(Ae, {
-              reactions: e.message.reactions,
-              "message-id": e.message.messageId,
-              reply: t(V)(e.message, "message.video"),
-              enabled: e.reactionsEnabled,
-              mode: e.reactionsMode,
-              "current-user-id": e.currentUserId,
-              "reaction-user-names": e.reactionUserNames,
-              "menu-enabled": t(h).length > 0,
-              onToggleReaction: t(ue),
-              onAddReaction: t(de),
-              onRemoveReaction: t(ce),
-              onMenu: t(ee)
-            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
-          ], 64))
-        ], 2)
-      ], 46, ze),
-      (o(), d(D, { to: "body" }, [
-        r(b, { name: "modal-fade" }, {
-          default: c(() => [
-            T.value && !e.message.deleted ? (o(), d(Ie, {
-              key: 0,
-              "data-theme": t(A)().theme ? t(A)().theme : "light",
-              title: e.message.alt,
-              onClose: re
-            }, {
-              default: c(() => [
-                i("video", {
-                  ref_key: "player",
-                  ref: E,
-                  class: "video-message__modal-video",
-                  src: e.message.url,
-                  alt: e.message.alt,
-                  controls: "",
-                  autoplay: ""
-                }, null, 8, es)
-              ]),
-              _: 1
-            }, 8, ["data-theme", "title"])) : l("", !0)
-          ]),
-          _: 1
-        })
-      ]))
-    ], 64));
+    const b = { chatAppId: c, getTheme: S, menuActions: T, startReply: p, props: e, emit: i, getClass: k, player: d, previewPlayer: n, isOpenModal: g, buttonDownloadVisible: f, linkedHtml: A, inNewWindow: C, isOpenMenu: _, buttonMenuVisible: E, menuAnchorRef: I, menuRef: L, menuStyle: O, menuTheme: P, baseShowMenu: v, hideMenu: j, openMenu: U, toggleMenu: B, onMenuMouseEnter: $, onMenuMouseLeave: q, clickAction: D, viewsAction: F, handleClickReplied: H, showMenu: N, status: V, statusTitle: W, rightBubbleStyle: z, playAgain: G, videoBorderRadius: J, closeModal: K, onToggleReaction: Q, onAddReaction: X, onRemoveReaction: Y, downloadVideo: Z, channelInfo: ee, handleSmsInvite: te, ContextMenu: le, LinkPreview: ue, EmbedPreview: ce, BaseReplyMessage: pe, ModalFullscreen: de, MessageReactions: ge, MessageStatusIndicator: fe, MessageSmsInvite: ve, DeletedMessageContent: be, Tooltip: ye, get buildReplyPayload() {
+      return M;
+    } };
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
   }
 });
 export {
-  Ps as default
+  mt as default
 };

package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue.js

@@ -1,7 +1,67 @@
-import o from "./ConfirmDeleteMessage.vue3.js";
+import i from "./ConfirmDeleteMessage.vue3.js";
+import { createBlock as a, openBlock as l, Transition as r, withCtx as m, createElementVNode as o, withModifiers as c, toDisplayString as s } from "vue";
 /* empty css                          */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-34fc434c"]]);
+import d from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["data-theme"], _ = {
+  id: "confirmDeleteMessageTitle",
+  class: "confirm-delete-message__title"
+}, p = { class: "confirm-delete-message__actions" };
+function g(b, t, C, e, v, D) {
+  return l(), a(r, { name: "confirm-delete-message-fade" }, {
+    default: m(() => [
+      o("div", {
+        class: "confirm-delete-message__backdrop",
+        "data-theme": e.props.theme,
+        role: "presentation",
+        onClick: e.closeOutside
+      }, [
+        o("div", {
+          class: "confirm-delete-message",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "confirmDeleteMessageTitle",
+          onClick: t[2] || (t[2] = c(() => {
+          }, ["stop"]))
+        }, [
+          o(
+            "p",
+            _,
+            s(e.t("component.ConfirmDeleteMessage.title")),
+            1
+            /* TEXT */
+          ),
+          o("div", p, [
+            o(
+              "button",
+              {
+                type: "button",
+                class: "confirm-delete-message__btn confirm-delete-message__btn--delete",
+                onClick: t[0] || (t[0] = (n) => e.emit("confirm"))
+              },
+              s(e.t("component.ConfirmDeleteMessage.delete")),
+              1
+              /* TEXT */
+            ),
+            o(
+              "button",
+              {
+                type: "button",
+                class: "confirm-delete-message__btn confirm-delete-message__btn--cancel",
+                onClick: t[1] || (t[1] = (n) => e.emit("cancel"))
+              },
+              s(e.t("component.ConfirmDeleteMessage.cancel")),
+              1
+              /* TEXT */
+            )
+          ])
+        ])
+      ], 8, f)
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+const x = /* @__PURE__ */ d(i, [["render", g], ["__scopeId", "data-v-8fe0f609"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue"]]);
 export {
-  m as default
+  x as default
 };

package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue3.js

@@ -1,9 +1,6 @@
-import { defineComponent as f, createBlock as _, openBlock as p, Transition as g, withCtx as u, createElementVNode as t, withModifiers as b, toDisplayString as o, unref as i } from "vue";
-import { useLocale as C } from "../../../locale/useLocale.js";
-const k = ["data-theme"], D = {
-  id: "confirmDeleteMessageTitle",
-  class: "confirm-delete-message__title"
-}, M = { class: "confirm-delete-message__actions" }, y = /* @__PURE__ */ f({
+import { defineComponent as a } from "vue";
+import { useLocale as m } from "../../../locale/useLocale.js";
+const u = /* @__PURE__ */ a({
   __name: "ConfirmDeleteMessage",
   props: {
     theme: {
@@ -13,46 +10,14 @@ const k = ["data-theme"], D = {
     }
   },
   emits: ["confirm", "cancel"],
-  setup(a, { emit: c }) {
-    const m = a, s = c, { t: n } = C(), r = (l) => {
-      l.target.classList.contains("confirm-delete-message__backdrop") && s("cancel");
-    };
-    return (l, e) => (p(), _(g, { name: "confirm-delete-message-fade" }, {
-      default: u(() => [
-        t("div", {
-          class: "confirm-delete-message__backdrop",
-          "data-theme": m.theme,
-          role: "presentation",
-          onClick: r
-        }, [
-          t("div", {
-            class: "confirm-delete-message",
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": "confirmDeleteMessageTitle",
-            onClick: e[2] || (e[2] = b(() => {
-            }, ["stop"]))
-          }, [
-            t("p", D, o(i(n)("component.ConfirmDeleteMessage.title")), 1),
-            t("div", M, [
-              t("button", {
-                type: "button",
-                class: "confirm-delete-message__btn confirm-delete-message__btn--delete",
-                onClick: e[0] || (e[0] = (d) => s("confirm"))
-              }, o(i(n)("component.ConfirmDeleteMessage.delete")), 1),
-              t("button", {
-                type: "button",
-                class: "confirm-delete-message__btn confirm-delete-message__btn--cancel",
-                onClick: e[1] || (e[1] = (d) => s("cancel"))
-              }, o(i(n)("component.ConfirmDeleteMessage.cancel")), 1)
-            ])
-          ])
-        ], 8, k)
-      ]),
-      _: 1
-    }));
+  setup(s, { expose: o, emit: r }) {
+    o();
+    const n = s, e = r, { t: c } = m(), t = { props: n, emit: e, t: c, closeOutside: (i) => {
+      i.target.classList.contains("confirm-delete-message__backdrop") && e("cancel");
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
   }
 });
 export {
-  y as default
+  u as default
 };

package/dist/components/2_modals/CreateChat/CreateChat.vue.js

@@ -1,6 +1,6 @@
-import { ref as m, createElementBlock as p, openBlock as s, createElementVNode as n, withDirectives as c, toDisplayString as u, vModelText as d } from "vue";
+import { createElementBlock as l, openBlock as m, createElementVNode as p, withDirectives as _, toDisplayString as u, vModelText as d, ref as i } from "vue";
 import "./CreateChat.vue2.js";
-import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
 const f = {
   __name: "CreateChat",
   props: {
@@ -10,23 +10,40 @@ const f = {
     }
   },
   emits: ["change"],
-  setup(a, { emit: o }) {
-    const e = m(""), r = o, l = () => {
-      r("change", { name: e.value });
-    };
-    return (v, t) => (s(), p("div", null, [
-      n("h2", null, u(a.title), 1),
-      c(n("input", {
-        "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
+  setup(a, { expose: t, emit: n }) {
+    t();
+    const e = a, o = i(""), r = n, c = { props: e, name: o, emit: r, onChange: () => {
+      r("change", { name: o.value });
+    }, ref: i };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
+  }
+};
+function C(a, t, n, e, o, r) {
+  return m(), l("div", null, [
+    p(
+      "h2",
+      null,
+      u(n.title),
+      1
+      /* TEXT */
+    ),
+    _(p(
+      "input",
+      {
+        "onUpdate:modelValue": t[0] || (t[0] = (s) => e.name = s),
         type: "text",
         class: "name",
-        onInput: l
-      }, null, 544), [
-        [d, e.value]
-      ])
-    ]));
-  }
-}, C = /* @__PURE__ */ _(f, [["__scopeId", "data-v-65f726e8"]]);
+        onInput: e.onChange
+      },
+      null,
+      544
+      /* NEED_HYDRATION, NEED_PATCH */
+    ), [
+      [d, e.name]
+    ])
+  ]);
+}
+const y = /* @__PURE__ */ h(f, [["render", C], ["__scopeId", "data-v-a5012820"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/CreateChat/CreateChat.vue"]]);
 export {
-  C as default
+  y as default
 };