@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,35 +1,47 @@
-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 { 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 "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Te } from "../../../hooks/useTheme.js";
+import { useTheme as je } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-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 { 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 "../../../functions/parseMarkdown.js";
-const mt = /* @__PURE__ */ ie({
+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({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -52,7 +64,7 @@ const mt = /* @__PURE__ */ ie({
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (u) => ["single", "multi"].includes(u)
+      validator: (e) => ["single", "multi"].includes(e)
     },
     currentUserId: {
       type: [String, Number],
@@ -74,76 +86,286 @@ const mt = /* @__PURE__ */ ie({
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  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");
+  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");
     }
-    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,
+    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,
       viewsAction: F,
-      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),
+      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),
       { cssVariable: "--chotto-videomessage-right-bg", position: "right" }
-    ), G = () => {
-      n.value && (n.value.currentTime = 0, w(n.value));
+    ), le = () => {
+      g.value && (g.value.currentTime = 0, q(g.value));
     };
-    me([d, n], ([o, t]) => {
-      o ? t && (t.pause(), t.currentTime = 0) : t && (t.currentTime = 0, w(t));
+    Me([E, g], ([u, s]) => {
+      u ? s && (s.pause(), s.currentTime = 0) : s && (s.currentTime = 0, q(s));
     });
-    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)
+    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)
         try {
-          const s = await fetch(e.message.url, {
+          const n = await fetch(a.message.url, {
             headers: {
               Accept: "video/*"
             }
           });
-          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 = {
+          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 = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
             "video/quicktime": "mov",
             "video/x-matroska": "mkv",
-            "application/octet-stream": a || "mp4"
+            "application/octet-stream": k || "mp4"
           };
-          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");
+          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");
         }
-    }, ee = Re(() => e.message, () => e.subtextTooltipData);
-    function te() {
-      i("sms-invite", e.message);
+    }, ve = Oe(() => a.message, () => a.subtextTooltipData);
+    function fe() {
+      x("sms-invite", a.message);
     }
-    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;
+    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));
   }
 });
 export {
-  mt as default
+  Ps as default
 };

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

@@ -1,67 +1,7 @@
-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";
+import o from "./ConfirmDeleteMessage.vue3.js";
 /* empty css                          */
-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"]]);
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-34fc434c"]]);
 export {
-  x as default
+  m as default
 };

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

@@ -1,6 +1,9 @@
-import { defineComponent as a } from "vue";
-import { useLocale as m } from "../../../locale/useLocale.js";
-const u = /* @__PURE__ */ a({
+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({
   __name: "ConfirmDeleteMessage",
   props: {
     theme: {
@@ -10,14 +13,46 @@ const u = /* @__PURE__ */ a({
     }
   },
   emits: ["confirm", "cancel"],
-  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;
+  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
+    }));
   }
 });
 export {
-  u as default
+  y as default
 };

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

@@ -1,6 +1,6 @@
-import { createElementBlock as l, openBlock as m, createElementVNode as p, withDirectives as _, toDisplayString as u, vModelText as d, ref as i } from "vue";
+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 "./CreateChat.vue2.js";
-import h from "../../../_virtual/_plugin-vue_export-helper.js";
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
 const f = {
   __name: "CreateChat",
   props: {
@@ -10,40 +10,23 @@ const f = {
     }
   },
   emits: ["change"],
-  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),
+  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),
         type: "text",
         class: "name",
-        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"]]);
+        onInput: l
+      }, null, 544), [
+        [d, e.value]
+      ])
+    ]));
+  }
+}, C = /* @__PURE__ */ _(f, [["__scopeId", "data-v-65f726e8"]]);
 export {
-  y as default
+  C as default
 };