@mobilon-dev/chotto 0.3.80 → 0.3.82

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

@@ -1,36 +1,37 @@
-import { defineComponent as oe, inject as ie, ref as p, computed as w, watch as le, createElementBlock as r, openBlock as o, Fragment as me, createElementVNode as l, createBlock as c, unref as a, normalizeStyle as F, normalizeClass as y, createCommentVNode as i, createVNode as m, withCtx as d, createTextVNode as re, toDisplayString as T, Transition as b, withModifiers as $, Teleport as ue } from "vue";
-import de from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import ce from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ge from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import ve from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import fe from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import ye from "../MessageReactions/MessageReactions.vue.js";
-import be from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import ke from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import { defineComponent as ie, inject as le, ref as w, computed as p, watch as me, createElementBlock as r, openBlock as o, Fragment as re, createElementVNode as l, createBlock as c, unref as a, normalizeStyle as F, normalizeClass as y, createCommentVNode as i, createVNode as m, withCtx as d, createTextVNode as ue, toDisplayString as T, Transition as b, withModifiers as P, Teleport as de } from "vue";
+import ce from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import ge from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ve from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import fe from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import ye from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import be from "../MessageReactions/MessageReactions.vue.js";
+import ke from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import we from "../MessageSmsInvite/MessageSmsInvite.vue.js";
 import pe from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as we } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as he } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as xe } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Me } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as Te, getStatusTitle as Re } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Ce } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Se } from "../../../functions/createReactionHandlers.js";
+import { useMessageActions as he } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as xe } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Me } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Te } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as Re, getStatusTitle as Ce } from "../../../functions/getStatusMessage.js";
+import { safeMediaPlayVoid as $ } from "../../../functions/safeMediaPlay.js";
+import { getMessageClass as Se } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Ie } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Ie } from "../../../hooks/useTheme.js";
+import { useTheme as Ae } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-const Ae = ["messageId"], Ee = ["src"], Le = {
+const Ee = ["messageId"], Le = ["src"], Be = {
   key: 1,
   class: "video-message__subtext"
-}, Be = ["src"], Fe = {
+}, Fe = ["src"], Pe = {
   key: 0,
   class: "video-message__info-container"
-}, $e = { class: "video-message__time" }, Pe = {
+}, $e = { class: "video-message__time" }, Oe = {
   key: 1,
   class: "video-message__text-container"
-}, Oe = ["innerHTML"], je = ["src", "alt"], ms = /* @__PURE__ */ oe({
+}, je = ["innerHTML"], He = ["src", "alt"], us = /* @__PURE__ */ ie({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -62,31 +63,31 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: P }) {
-    const O = ie("chatAppId"), { getTheme: R } = Ie(O), t = e, h = P;
+  setup(e, { emit: O }) {
+    const j = le("chatAppId"), { getTheme: R } = Ae(j), t = e, h = O;
     function C(u) {
-      return Ce(u.position, "video-message");
+      return Se(u.position, "video-message");
     }
-    const S = p(), g = p(), x = p(!1), v = p(!1), { linkedHtml: j, inNewWindow: I } = he(() => t.message.text), {
+    const S = w(), g = w(), x = w(!1), v = w(!1), { linkedHtml: H, inNewWindow: I } = xe(() => t.message.text), {
       isOpenMenu: M,
-      buttonMenuVisible: H,
-      showMenu: N,
+      buttonMenuVisible: N,
+      showMenu: V,
       hideMenu: A,
       clickAction: q,
       viewsAction: E,
       handleClickReplied: D
-    } = we(t.message, h), U = () => {
-      N(), v.value = !0;
-    }, V = w(() => Te(t.message.status)), z = w(() => Re(t.message.status, t.message.statusMsg)), { bubbleStyle: W } = xe(
-      w(() => t.message),
+    } = he(t.message, h), U = () => {
+      V(), v.value = !0;
+    }, z = p(() => Re(t.message.status)), W = p(() => Ce(t.message.status, t.message.statusMsg)), { bubbleStyle: G } = Me(
+      p(() => t.message),
       { cssVariable: "--chotto-videomessage-right-bg", position: "right" }
-    ), G = () => {
-      g.value && (g.value.currentTime = 0, g.value.play());
+    ), J = () => {
+      g.value && (g.value.currentTime = 0, $(g.value));
     };
-    le([S, g], ([u, s]) => {
-      u ? s && (s.pause(), s.currentTime = 0) : s && (s.play(), s.currentTime = 0);
+    me([S, g], ([u, s]) => {
+      u ? s && (s.pause(), s.currentTime = 0) : s && (s.currentTime = 0, $(s));
     });
-    const J = w(() => t.message.reply && t.message.text ? "0" : t.message.text ? "5px 5px 0 0" : t.message.reply ? "0 0 5px 5px" : "8px"), K = () => x.value = !1, { onToggleReaction: Q, onAddReaction: X, onRemoveReaction: Y } = Se(h), Z = async () => {
+    const K = p(() => t.message.reply && t.message.text ? "0" : t.message.text ? "5px 5px 0 0" : t.message.reply ? "0 0 5px 5px" : "8px"), Q = () => x.value = !1, { onToggleReaction: X, onAddReaction: Y, onRemoveReaction: Z } = Ie(h), _ = async () => {
       var u, s;
       if (t.message.url)
         try {
@@ -97,7 +98,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
           });
           if (!n.ok)
             throw new Error(`HTTP error! status: ${n.status}`);
-          const se = n.headers.get("content-type") || "", te = await n.blob(), k = ((s = (u = t.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", ae = {
+          const te = n.headers.get("content-type") || "", ae = await n.blob(), k = ((s = (u = t.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", ne = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
@@ -105,24 +106,24 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
             "video/x-matroska": "mkv",
             "application/octet-stream": k || "mp4"
           };
-          let L = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : ae[se] || "mp4";
-          const ne = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${L}` : `video-${t.message.messageId}.${L}`, B = window.URL.createObjectURL(te), f = document.createElement("a");
-          f.href = B, f.download = ne, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL(B);
+          let L = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : ne[te] || "mp4";
+          const oe = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${L}` : `video-${t.message.messageId}.${L}`, B = window.URL.createObjectURL(ae), f = document.createElement("a");
+          f.href = B, f.download = oe, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL(B);
         } catch (n) {
           console.error("Ошибка при скачивании видео:", n), window.open(t.message.url, "_blank");
         }
-    }, _ = Me(() => t.message, () => t.subtextTooltipData);
-    function ee() {
+    }, ee = Te(() => t.message, () => t.subtextTooltipData);
+    function se() {
       h("sms-invite", t.message);
     }
-    return (u, s) => (o(), r(me, null, [
+    return (u, s) => (o(), r(re, null, [
       l("div", {
         class: y(["video-message", [
           C(e.message),
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: F(a(W)),
+        style: F(a(G)),
         onMouseleave: s[5] || (s[5] = //@ts-ignore
         (...n) => a(A) && a(A)(...n))
       }, [
@@ -132,15 +133,15 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
           src: e.message.avatar,
           height: "32",
           width: "32"
-        }, null, 8, Ee)) : i("", !0),
-        e.message.subText && e.isFirstInSeries ? (o(), r("p", Le, [
+        }, null, 8, Le)) : i("", !0),
+        e.message.subText && e.isFirstInSeries ? (o(), r("p", Be, [
           m(pe, {
-            text: a(_),
+            text: a(ee),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
             default: d(() => [
-              re(T(e.message.subText), 1)
+              ue(T(e.message.subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
@@ -148,7 +149,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
         l("div", {
           class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
         }, [
-          e.message.reply ? (o(), c(ve, {
+          e.message.reply ? (o(), c(fe, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
             class: y(e.message.position),
@@ -165,19 +166,19 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
               ref_key: "previewPlayer",
               ref: g,
               class: "video-message__video",
-              style: F({ borderRadius: J.value }),
+              style: F({ borderRadius: K.value }),
               src: e.message.url,
               muted: !0,
               autoplay: "",
-              onEnded: G
-            }, null, 44, Be),
+              onEnded: J
+            }, null, 44, Fe),
             m(b, { name: "modal-fade" }, {
               default: d(() => [
-                v.value ? (o(), r("div", Fe, [
+                v.value ? (o(), r("div", Pe, [
                   e.message.views ? (o(), r("div", {
                     key: 0,
                     class: "video-message__views",
-                    onClick: s[0] || (s[0] = $(
+                    onClick: s[0] || (s[0] = P(
                       //@ts-ignore
                       (...n) => a(E) && a(E)(...n),
                       ["stop"]
@@ -187,12 +188,12 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
                     l("p", null, T(e.message.views), 1)
                   ])) : i("", !0),
                   l("span", $e, T(e.message.time), 1),
-                  m(be, {
+                  m(ke, {
                     "base-class": "video-message",
                     "message-class": C(e.message),
                     "message-status": e.message.status,
-                    "status-class": V.value,
-                    "status-title": z.value
+                    "status-class": z.value,
+                    "status-title": W.value
                   }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
                 ])) : i("", !0)
               ]),
@@ -204,7 +205,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
                   key: 0,
                   class: "video-message__download-button",
                   type: "button",
-                  onClick: $(Z, ["stop"])
+                  onClick: P(_, ["stop"])
                 }, [...s[7] || (s[7] = [
                   l("span", { class: "pi pi-download" }, null, -1)
                 ])])) : i("", !0)
@@ -214,7 +215,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
           ], 32),
           m(b, { name: "modal-fade" }, {
             default: d(() => [
-              a(H) && e.message.actions ? (o(), r("button", {
+              a(N) && e.message.actions ? (o(), r("button", {
                 key: 0,
                 class: "video-message__menu-button",
                 onClick: s[3] || (s[3] = (n) => M.value = !a(M))
@@ -226,7 +227,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
           }),
           m(b, { name: "context-menu" }, {
             default: d(() => [
-              a(M) && e.message.actions ? (o(), c(de, {
+              a(M) && e.message.actions ? (o(), c(ce, {
                 key: 0,
                 class: "video-message__context-menu",
                 actions: e.message.actions,
@@ -235,47 +236,47 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
             ]),
             _: 1
           }),
-          e.message.text ? (o(), r("div", Pe, [
+          e.message.text ? (o(), r("div", Oe, [
             l("p", {
               onClick: s[4] || (s[4] = //@ts-ignore
               (...n) => a(I) && a(I)(...n)),
-              innerHTML: a(j)
-            }, null, 8, Oe)
+              innerHTML: a(H)
+            }, null, 8, je)
           ])) : i("", !0),
-          m(ke, {
+          m(we, {
             status: e.message.status,
             "has-messenger-account": e.message.hasMessengerAccount,
             channel: e.channel,
-            onSmsInvite: ee
+            onSmsInvite: se
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (o(), c(ce, {
+          e.message.linkPreview ? (o(), c(ge, {
             key: 2,
             class: y(["video-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : i("", !0),
-          e.message.embed ? (o(), c(ge, {
+          e.message.embed ? (o(), c(ve, {
             key: 3,
             class: y(e.message.position),
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : i("", !0),
-          m(ye, {
+          m(be, {
             reactions: e.message.reactions,
             "message-id": e.message.messageId,
             enabled: e.reactionsEnabled,
-            onToggleReaction: a(Q),
-            onAddReaction: a(X),
-            onRemoveReaction: a(Y)
+            onToggleReaction: a(X),
+            onAddReaction: a(Y),
+            onRemoveReaction: a(Z)
           }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
         ], 2)
-      ], 46, Ae),
-      (o(), c(ue, { to: "body" }, [
+      ], 46, Ee),
+      (o(), c(de, { to: "body" }, [
         m(b, { name: "modal-fade" }, {
           default: d(() => [
-            x.value ? (o(), c(fe, {
+            x.value ? (o(), c(ye, {
               key: 0,
               "data-theme": a(R)().theme ? a(R)().theme : "light",
               title: e.message.alt,
-              onClose: K
+              onClose: Q
             }, {
               default: d(() => [
                 l("video", {
@@ -286,7 +287,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, je)
+                }, null, 8, He)
               ]),
               _: 1
             }, 8, ["data-theme", "title"])) : i("", !0)
@@ -298,5 +299,5 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
   }
 });
 export {
-  ms as default
+  us as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./ModalVideoRecorder.vue2.js";
 /* empty css                        */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-47304124"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dd94f275"]]);
 export {
-  d as default
+  a as default
 };

package/dist/components/2_modals/ModalVideoRecorder/ModalVideoRecorder.vue2.js

@@ -1,45 +1,46 @@
-import { defineComponent as N, ref as l, computed as z, onMounted as $, createElementBlock as m, openBlock as f, Fragment as q, createElementVNode as o, withDirectives as E, vShow as L, createCommentVNode as g, normalizeClass as y, toDisplayString as A, nextTick as G, unref as k } from "vue";
-const H = { class: "video-recorder__header" }, J = { class: "video-recorder__controls" }, K = { class: "video-recorder__recording-container" }, P = { class: "video-recorder__recording-time" }, X = /* @__PURE__ */ N({
+import { defineComponent as z, ref as l, computed as P, onMounted as $, createElementBlock as _, openBlock as f, Fragment as q, createElementVNode as o, withDirectives as D, vShow as E, createCommentVNode as b, normalizeClass as g, toDisplayString as A, nextTick as G, unref as y } from "vue";
+import { safeMediaPlayVoid as L } from "../../../functions/safeMediaPlay.js";
+import "../../../functions/parseMarkdown.js";
+const H = { class: "video-recorder__header" }, J = { class: "video-recorder__controls" }, K = { class: "video-recorder__recording-container" }, Q = { class: "video-recorder__recording-time" }, ee = /* @__PURE__ */ z({
   __name: "ModalVideoRecorder",
   emits: ["change", "submit", "close"],
-  setup(Q, { emit: F }) {
-    const S = l(), s = l(0), i = l(0), u = l(0), d = l(0), I = z(() => {
-      let a = d.value < 10 ? "0" + d.value : d.value, e = u.value < 10 ? "0" + u.value : u.value, t = i.value < 10 ? "0" + i.value : i.value, b = s.value < 10 ? "00" + s.value : s.value < 100 ? "0" + s.value : s.value;
-      return r.value ? a + ":" + e + ":" + t + ":" + b : " ";
-    }), p = l(), R = l(), r = l(!1), v = l(), _ = l(), w = l([]), n = l(), V = l(), c = l("camera"), O = () => {
-      c.value == "camera" ? (c.value = "screen", B()) : c.value == "screen" && (C(), c.value = "camera", M());
+  setup(W, { emit: F }) {
+    const M = l(), r = l(0), n = l(0), u = l(0), d = l(0), I = P(() => {
+      let a = d.value < 10 ? "0" + d.value : d.value, e = u.value < 10 ? "0" + u.value : u.value, i = n.value < 10 ? "0" + n.value : n.value, N = r.value < 10 ? "00" + r.value : r.value < 100 ? "0" + r.value : r.value;
+      return t.value ? a + ":" + e + ":" + i + ":" + N : " ";
+    }), m = l(), k = l(), t = l(!1), v = l(), p = l(), R = l([]), s = l(), V = l(), c = l("camera"), O = () => {
+      c.value == "camera" ? (c.value = "screen", B()) : c.value == "screen" && (w(), c.value = "camera", h());
     }, T = async () => {
-      !r.value && _.value instanceof MediaStream && (v.value = new MediaRecorder(_.value), v.value.start(), v.value.ondataavailable = (a) => {
-        w.value.push(a.data);
-      }, r.value = !0, S.value = setInterval(() => {
-        s.value += 10, s.value == 1e3 && (s.value = 0, i.value++, i.value == 60 && (i.value = 0, u.value++, u.value == 60 && (u.value = 0, d.value++)));
+      !t.value && p.value instanceof MediaStream && (v.value = new MediaRecorder(p.value), v.value.start(), v.value.ondataavailable = (a) => {
+        R.value.push(a.data);
+      }, t.value = !0, M.value = setInterval(() => {
+        r.value += 10, r.value == 1e3 && (r.value = 0, n.value++, n.value == 60 && (n.value = 0, u.value++, u.value == 60 && (u.value = 0, d.value++)));
       }, 10));
     }, U = async () => {
-      D(), C(), n.value && (n.value = void 0, await M());
+      S(), w(), s.value && (s.value = void 0, await h());
     }, j = () => {
       v.value && (v.value.stop(), v.value.onstop = async () => {
-        V.value = new File(w.value, "videomessage.mp4", { type: "video/*" });
+        V.value = new File(R.value, "videomessage.mp4", { type: "video/*" });
         const a = URL.createObjectURL(V.value);
-        n.value = a, G(() => {
-          R.value && (R.value.src = a);
+        s.value = a, G(() => {
+          k.value && (k.value.src = a);
         });
-      }), D(), C();
+      }), S(), w();
     };
-    function C() {
+    function w() {
       var e;
-      let a = (e = _.value) == null ? void 0 : e.getTracks();
-      a == null || a.forEach((t) => t.stop());
+      let a = (e = p.value) == null ? void 0 : e.getTracks();
+      a == null || a.forEach((i) => i.stop());
     }
-    const D = () => {
-      clearInterval(S.value), s.value = 0, i.value = 0, u.value = 0, d.value = 0, r.value = !1, v.value = void 0, w.value = [];
-    }, h = F, x = () => {
-      h("change", { videoFile: V.value }), h("submit");
-    }, M = async () => {
+    const S = () => {
+      clearInterval(M.value), r.value = 0, n.value = 0, u.value = 0, d.value = 0, t.value = !1, v.value = void 0, R.value = [];
+    }, C = F, x = () => {
+      C("change", { videoFile: V.value }), C("submit");
+    }, h = async () => {
       await navigator.mediaDevices.getUserMedia({ audio: !0, video: !0 }).then((a) => {
-        const e = k(p.value);
-        _.value = a, e.srcObject = a, e.addEventListener("loadedmetadata", () => {
-          var t;
-          (t = k(p.value)) == null || t.play();
+        const e = y(m.value);
+        p.value = a, e.srcObject = a, e.addEventListener("loadedmetadata", () => {
+          L(y(m.value));
         }), e.muted = !0;
       });
     }, B = async () => {
@@ -50,84 +51,83 @@ const H = { class: "video-recorder__header" }, J = { class: "video-recorder__con
         audio: !1
       };
       await navigator.mediaDevices.getDisplayMedia(a).then((e) => {
-        const t = k(p.value);
-        _.value = e, t.srcObject = e, t.addEventListener("loadedmetadata", () => {
-          var b;
-          (b = k(p.value)) == null || b.play();
-        }), t.muted = !0;
+        const i = y(m.value);
+        p.value = e, i.srcObject = e, i.addEventListener("loadedmetadata", () => {
+          L(y(m.value));
+        }), i.muted = !0;
       });
     };
     return $(async () => {
-      await M();
-    }), (a, e) => (f(), m(q, null, [
+      await h();
+    }), (a, e) => (f(), _(q, null, [
       o("div", H, [
         o("button", {
           class: "video-recorder__button video-recorder__button-close",
-          onClick: e[0] || (e[0] = (t) => h("close"))
+          onClick: e[0] || (e[0] = (i) => C("close"))
         }, [...e[1] || (e[1] = [
           o("span", { class: "pi pi-times" }, null, -1)
         ])])
       ]),
       o("div", null, [
-        E(o("video", {
+        D(o("video", {
           ref_key: "refVideo",
-          ref: p,
+          ref: m,
           class: "video-recorder__view-area"
         }, null, 512), [
-          [L, !n.value]
+          [E, !s.value]
         ]),
-        E(o("video", {
+        D(o("video", {
           ref_key: "refRecord",
-          ref: R,
+          ref: k,
           class: "video-recorder__view-area",
           controls: ""
         }, null, 512), [
-          [L, n.value]
+          [E, s.value]
         ]),
         o("div", J, [
           o("div", K, [
-            !r.value && !n.value ? (f(), m("button", {
+            !t.value && !s.value ? (f(), _("button", {
               key: 0,
               class: "video-recorder__button",
               onClick: O
             }, [
               o("span", {
-                class: y({
+                class: g({
                   "pi pi-desktop": c.value == "camera",
                   "pi pi-camera": c.value == "screen"
                 })
               }, null, 2)
-            ])) : g("", !0),
-            n.value ? g("", !0) : (f(), m("button", {
+            ])) : b("", !0),
+            s.value ? b("", !0) : (f(), _("button", {
               key: 1,
-              class: y(["video-recorder__button", { "video-recorder__recording-button": r.value }]),
+              class: g(["video-recorder__button", { "video-recorder__recording-button": t.value }]),
               onClick: T
             }, [
               o("span", {
-                class: y(["pi", {
-                  "pi-circle-fill video-recorder__recording-icon": r.value,
-                  "pi-video": !r.value
+                class: g(["pi", {
+                  "pi-circle-fill video-recorder__recording-icon": t.value,
+                  "pi-video": !t.value
                 }])
               }, null, 2)
             ], 2)),
-            !r.value && n.value ? (f(), m("button", {
+            !t.value && s.value ? (f(), _("button", {
               key: 2,
               class: "video-recorder__button",
               onClick: U
             }, [...e[2] || (e[2] = [
               o("span", { class: "pi pi-trash" }, null, -1)
-            ])])) : g("", !0),
-            r.value ? (f(), m("button", {
+            ])])) : b("", !0),
+            t.value ? (f(), _("button", {
               key: 3,
               class: "video-recorder__button",
               onClick: j
             }, [...e[3] || (e[3] = [
               o("div", { class: "video-recorder__stop" }, null, -1)
-            ])])) : g("", !0),
-            o("span", P, A(I.value), 1)
+            ])])) : b("", !0),
+            o("span", Q, A(I.value), 1)
           ]),
           o("button", {
-            class: y(["video-recorder__button", { "video-recorder__button-disabled": !n.value }]),
+            class: g(["video-recorder__button", { "video-recorder__button-disabled": !s.value }]),
             onClick: x
           }, [...e[4] || (e[4] = [
             o("span", { class: "video-recorder__save-button" }, " Прикрепить видео ", -1)
@@ -138,5 +138,5 @@ const H = { class: "video-recorder__header" }, J = { class: "video-recorder__con
   }
 });
 export {
-  X as default
+  ee as default
 };