@mobilon-dev/chotto 0.3.97 → 0.3.98

package/dist/components/2_elements/ContactInfo/ContactInfo.vue.js

@@ -1,17 +1,11 @@
-import { ref as h, computed as b, watch as P, createElementBlock as s, openBlock as a, createElementVNode as o, Fragment as O, renderList as R, normalizeClass as S, withDirectives as z, vModelRadio as F, createTextVNode as j, createCommentVNode as C, createBlock as g, toDisplayString as k, resolveDynamicComponent as x, createVNode as U } from "vue";
-import W from "../../1_icons/ContactCRMIcon.vue.js";
-import G from "../../1_icons/CheckIcon.vue.js";
-import H from "../../1_icons/WhatsAppIcon.vue.js";
-import J from "../../1_icons/TelegramIcon.vue.js";
+import { createElementBlock as l, openBlock as a, createElementVNode as o, Fragment as j, renderList as R, normalizeClass as x, withDirectives as H, vModelRadio as J, createTextVNode as M, createCommentVNode as I, createBlock as k, toDisplayString as y, resolveDynamicComponent as N, createVNode as K, ref as C, computed as p, watch as B } from "vue";
+import Q from "../../1_icons/ContactCRMIcon.vue.js";
+import X from "../../1_icons/CheckIcon.vue.js";
+import L from "../../1_icons/WhatsAppIcon.vue.js";
+import P from "../../1_icons/TelegramIcon.vue.js";
 /* empty css                 */
-import K from "../../../_virtual/_plugin-vue_export-helper.js";
-const Q = { class: "contact-info" }, X = { class: "contact-info__attribute-list" }, Y = ["id", "value", "onChange"], Z = ["for"], tt = { class: "contact-info__custom-radio" }, et = { class: "contact-info__radio-inner" }, nt = {
-  key: 0,
-  class: "contact-info__badge"
-}, ot = { class: "contact-info__channel-section" }, ct = { class: "contact-info__custom-select" }, at = { class: "contact-info__icon" }, lt = ["src", "alt"], it = {
-  key: 0,
-  class: "contact-info__select-options"
-}, st = ["onClick"], rt = { class: "contact-info__icon" }, ut = ["src", "alt"], dt = { class: "contact-info__crm-button" }, _t = {
+import Y from "../../../_virtual/_plugin-vue_export-helper.js";
+const Z = {
   __name: "ContactInfo",
   props: {
     contact: {
@@ -29,130 +23,197 @@ const Q = { class: "contact-info" }, X = { class: "contact-info__attribute-list"
     }
   },
   emits: ["close", "open-crm", "select-attribute-channel"],
-  setup(y, { emit: B }) {
-    var V, A, N;
-    const c = y, I = B, l = h(((N = (A = (V = c.contact) == null ? void 0 : V.attributes) == null ? void 0 : A[0]) == null ? void 0 : N.id) || ""), f = h(c.channels[0] || null), u = h(!1), L = (t) => {
-      f.value = t, u.value = !1, console.log(`Выбран канал связи: ${t.title}`), I("select-attribute-channel", {
-        attributeId: l.value,
-        channelId: t.channelId
+  setup(b, { expose: c, emit: g }) {
+    var S, A, O;
+    c();
+    const t = b, h = g, i = C(((O = (A = (S = t.contact) == null ? void 0 : S.attributes) == null ? void 0 : A[0]) == null ? void 0 : O.id) || ""), s = C(t.channels[0] || null), u = C(!1), m = (e) => {
+      s.value = e, u.value = !1, console.log(`Выбран канал связи: ${e.title}`), h("select-attribute-channel", {
+        attributeId: i.value,
+        channelId: e.channelId
       });
-    }, M = (t) => (t == null ? void 0 : t.replace(/\D/g, "")) || "", w = b(() => {
-      var t, e;
-      return (e = (t = c.contact) == null ? void 0 : t.attributes) == null ? void 0 : e.find((i) => i.id === l.value);
-    }), d = b(() => {
-      if (f.value)
-        return f.value;
-      if (!w.value) return c.channels[0] || null;
-      const t = M(w.value.value);
-      return t ? c.channels.find((i) => {
-        var r, _;
-        const v = ((r = i.title) == null ? void 0 : r.toLowerCase()) || "", m = ((_ = i.channelId) == null ? void 0 : _.toLowerCase()) || "", p = v.includes(t), n = ["whatsapp", "waba", "telegram"].some((E) => m.includes(E));
-        return p && n;
-      }) || c.channels[0] || { title: "default", channelId: "fallback" } : c.channels[0] || null;
-    }), T = b(() => c.channels), $ = (t) => t ? t.includes("whatsapp") || t.includes("waba") ? H : t.includes("telegram") ? J : null : null, D = (t) => !c.currentDialog || !Object.keys(c.currentDialog) ? !1 : c.currentDialog.attributeId === t.id, q = (t) => {
-      I("select-attribute-channel", {
-        attributeId: t.id,
-        channelId: f.value.channelId
+    }, _ = (e) => (e == null ? void 0 : e.replace(/\D/g, "")) || "", n = p(() => {
+      var e, r;
+      return (r = (e = t.contact) == null ? void 0 : e.attributes) == null ? void 0 : r.find((d) => d.id === i.value);
+    }), f = p(() => {
+      if (s.value)
+        return s.value;
+      if (!n.value) return t.channels[0] || null;
+      const e = _(n.value.value);
+      return e ? t.channels.find((d) => {
+        var D, V;
+        const z = ((D = d.title) == null ? void 0 : D.toLowerCase()) || "", F = ((V = d.channelId) == null ? void 0 : V.toLowerCase()) || "", U = z.includes(e), W = ["whatsapp", "waba", "telegram"].some((G) => F.includes(G));
+        return U && W;
+      }) || t.channels[0] || { title: "default", channelId: "fallback" } : t.channels[0] || null;
+    }), v = p(() => t.channels), T = (e) => e ? e.includes("whatsapp") || e.includes("waba") ? L : e.includes("telegram") ? P : null : null, q = (e) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === e.id, E = (e) => {
+      h("select-attribute-channel", {
+        attributeId: e.id,
+        channelId: s.value.channelId
       });
     };
-    return P(
-      () => c.contact,
+    B(
+      () => t.contact,
       () => {
-        var t, e;
-        (e = (t = c.contact) == null ? void 0 : t.attributes) != null && e.length ? l.value && c.contact.attributes.some((i) => i.id === l.value) || (l.value = c.contact.attributes[0].id) : l.value = "";
+        var e, r;
+        (r = (e = t.contact) == null ? void 0 : e.attributes) != null && r.length ? i.value && t.contact.attributes.some((d) => d.id === i.value) || (i.value = t.contact.attributes[0].id) : i.value = "";
       },
       { immediate: !0 }
-    ), (t, e) => {
-      var i, v, m, p;
-      return a(), s("div", Q, [
-        o("div", X, [
-          (a(!0), s(O, null, R(((i = y.contact) == null ? void 0 : i.attributes) || [], (n, r) => (a(), s("div", {
+    );
+    const w = { props: t, emit: h, localSelectedAttributeId: i, localSelectedChannel: s, isOpen: u, selectChannel: m, extractPhone: _, selectedAttribute: n, currentChannel: f, availableChannels: v, getChannelComponent: T, isCurrentChat: q, onAttributeSelected: E, ref: C, watch: B, computed: p, ContactCRMIcon: Q, CheckIcon: X, WhatsAppIcon: L, TelegramIcon: P };
+    return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
+  }
+}, $ = { class: "contact-info" }, tt = { class: "contact-info__attribute-list" }, et = ["id", "value", "onChange"], nt = ["for"], ot = { class: "contact-info__custom-radio" }, ct = { class: "contact-info__radio-inner" }, at = {
+  key: 0,
+  class: "contact-info__badge"
+}, it = { class: "contact-info__channel-section" }, lt = { class: "contact-info__custom-select" }, st = { class: "contact-info__icon" }, rt = ["src", "alt"], dt = {
+  key: 0,
+  class: "contact-info__select-options"
+}, ut = ["onClick"], _t = { class: "contact-info__icon" }, ft = ["src", "alt"], ht = { class: "contact-info__crm-button" };
+function mt(b, c, g, t, h, i) {
+  var s, u, m, _;
+  return a(), l("div", $, [
+    o("div", tt, [
+      (a(!0), l(
+        j,
+        null,
+        R(((s = g.contact) == null ? void 0 : s.attributes) || [], (n, f) => (a(), l(
+          "div",
+          {
             key: n.id,
-            class: S(["contact-info__attribute-item", { "contact-info__attribute-item--current-chat": D(n) }])
-          }, [
-            z(o("input", {
-              id: `attr-${r}`,
-              "onUpdate:modelValue": e[0] || (e[0] = (_) => l.value = _),
+            class: x(["contact-info__attribute-item", { "contact-info__attribute-item--current-chat": t.isCurrentChat(n) }])
+          },
+          [
+            H(o("input", {
+              id: `attr-${f}`,
+              "onUpdate:modelValue": c[0] || (c[0] = (v) => t.localSelectedAttributeId = v),
               type: "radio",
               value: n.id,
-              onChange: (_) => q(n)
-            }, null, 40, Y), [
-              [F, l.value]
+              onChange: (v) => t.onAttributeSelected(n)
+            }, null, 40, et), [
+              [J, t.localSelectedAttributeId]
             ]),
             o("label", {
-              for: `attr-${r}`
+              for: `attr-${f}`
             }, [
-              o("span", tt, [
-                o("span", et, [
-                  l.value === n.id ? (a(), g(G, { key: 0 })) : C("", !0)
+              o("span", ot, [
+                o("span", ct, [
+                  t.localSelectedAttributeId === n.id ? (a(), k(t.CheckIcon, { key: 0 })) : I("v-if", !0)
                 ])
               ]),
-              j(" " + k(n.value) + " ", 1),
-              D(n) ? (a(), s("span", nt, " Текущий чат ")) : C("", !0)
-            ], 8, Z)
-          ], 2))), 128))
+              M(
+                " " + y(n.value) + " ",
+                1
+                /* TEXT */
+              ),
+              t.isCurrentChat(n) ? (a(), l("span", at, " Текущий чат ")) : I("v-if", !0)
+            ], 8, nt)
+          ],
+          2
+          /* CLASS */
+        ))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ]),
+    o("div", it, [
+      c[3] || (c[3] = o(
+        "label",
+        { class: "contact-info__channel-label" },
+        "Канал связи",
+        -1
+        /* CACHED */
+      )),
+      o("div", lt, [
+        o("div", {
+          class: "contact-info__select-trigger",
+          onClick: c[1] || (c[1] = (n) => t.isOpen = !t.isOpen)
+        }, [
+          o("div", st, [
+            (u = t.currentChannel) != null && u.icon ? (a(), l("img", {
+              key: 0,
+              src: t.currentChannel.icon,
+              alt: t.currentChannel.title,
+              width: "22",
+              height: "22"
+            }, null, 8, rt)) : (a(), k(N(t.getChannelComponent((m = t.currentChannel) == null ? void 0 : m.channelId)), {
+              key: 1,
+              class: "contact-info__icon-component"
+            }))
+          ]),
+          o(
+            "span",
+            null,
+            y((_ = t.currentChannel) == null ? void 0 : _.title),
+            1
+            /* TEXT */
+          ),
+          o(
+            "div",
+            {
+              class: x(["contact-info__arrow", { "contact-info__arrow--open": t.isOpen }])
+            },
+            null,
+            2
+            /* CLASS */
+          )
         ]),
-        o("div", ot, [
-          e[3] || (e[3] = o("label", { class: "contact-info__channel-label" }, "Канал связи", -1)),
-          o("div", ct, [
-            o("div", {
-              class: "contact-info__select-trigger",
-              onClick: e[1] || (e[1] = (n) => u.value = !u.value)
+        t.isOpen ? (a(), l("div", dt, [
+          (a(!0), l(
+            j,
+            null,
+            R(t.availableChannels, (n) => (a(), l("div", {
+              key: n.channelId,
+              class: "contact-info__select-option",
+              onClick: (f) => t.selectChannel(n)
             }, [
-              o("div", at, [
-                (v = d.value) != null && v.icon ? (a(), s("img", {
+              o("div", _t, [
+                n.icon ? (a(), l("img", {
                   key: 0,
-                  src: d.value.icon,
-                  alt: d.value.title,
+                  src: n.icon,
+                  alt: n.title,
                   width: "22",
                   height: "22"
-                }, null, 8, lt)) : (a(), g(x($((m = d.value) == null ? void 0 : m.channelId)), {
+                }, null, 8, ft)) : (a(), k(N(t.getChannelComponent(n.channelId)), {
                   key: 1,
                   class: "contact-info__icon-component"
                 }))
               ]),
-              o("span", null, k((p = d.value) == null ? void 0 : p.title), 1),
-              o("div", {
-                class: S(["contact-info__arrow", { "contact-info__arrow--open": u.value }])
-              }, null, 2)
-            ]),
-            u.value ? (a(), s("div", it, [
-              (a(!0), s(O, null, R(T.value, (n) => (a(), s("div", {
-                key: n.channelId,
-                class: "contact-info__select-option",
-                onClick: (r) => L(n)
-              }, [
-                o("div", rt, [
-                  n.icon ? (a(), s("img", {
-                    key: 0,
-                    src: n.icon,
-                    alt: n.title,
-                    width: "22",
-                    height: "22"
-                  }, null, 8, ut)) : (a(), g(x($(n.channelId)), {
-                    key: 1,
-                    class: "contact-info__icon-component"
-                  }))
-                ]),
-                o("span", null, k(n.title), 1)
-              ], 8, st))), 128))
-            ])) : C("", !0)
-          ])
-        ]),
-        e[5] || (e[5] = o("div", { class: "contact-info__divider" }, null, -1)),
-        o("div", dt, [
-          o("button", {
-            class: "contact-info__button",
-            onClick: e[2] || (e[2] = (n) => t.$emit("open-crm"))
-          }, [
-            U(W),
-            e[4] || (e[4] = j(" Открыть контакт в CRM ", -1))
-          ])
-        ])
-      ]);
-    };
-  }
-}, gt = /* @__PURE__ */ K(_t, [["__scopeId", "data-v-42660d89"]]);
+              o(
+                "span",
+                null,
+                y(n.title),
+                1
+                /* TEXT */
+              )
+            ], 8, ut))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : I("v-if", !0)
+      ])
+    ]),
+    c[5] || (c[5] = o(
+      "div",
+      { class: "contact-info__divider" },
+      null,
+      -1
+      /* CACHED */
+    )),
+    o("div", ht, [
+      o("button", {
+        class: "contact-info__button",
+        onClick: c[2] || (c[2] = (n) => b.$emit("open-crm"))
+      }, [
+        K(t.ContactCRMIcon),
+        c[4] || (c[4] = M(
+          " Открыть контакт в CRM ",
+          -1
+          /* CACHED */
+        ))
+      ])
+    ])
+  ]);
+}
+const yt = /* @__PURE__ */ Y(Z, [["render", mt], ["__scopeId", "data-v-c202c2e3"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_elements/ContactInfo/ContactInfo.vue"]]);
 export {
-  gt as default
+  yt as default
 };

package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js

@@ -1,10 +1,10 @@
-import { inject as f, onMounted as T, createElementBlock as n, createCommentVNode as _, openBlock as s, createElementVNode as g, Fragment as y, renderList as v, toDisplayString as k } from "vue";
+import { createElementBlock as a, createCommentVNode as g, openBlock as i, createElementVNode as v, Fragment as y, renderList as M, toDisplayString as b, inject as h, onMounted as _ } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as B } from "../../../hooks/useTheme.js";
+import { useTheme as f } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
-import I from "../../../_virtual/_plugin-vue_export-helper.js";
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
@@ -12,7 +12,7 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 /* empty css               */
-const x = { key: 0 }, A = ["value", "selected"], E = {
+const x = {
   __name: "ThemeMode",
   props: {
     themes: {
@@ -22,32 +22,53 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
     show: Boolean
   },
   emits: ["selectedTheme"],
-  setup(c, { emit: i }) {
-    const r = c, a = i, m = f("chatAppId"), { getTheme: p } = B(m), l = () => {
-      const e = r.themes.find((t) => t.default === !0);
-      return e ? e.code : r.themes[0].code;
-    }, u = (e) => {
-      const t = e.target.value;
-      d(t);
+  setup(u, { expose: n, emit: m }) {
+    n();
+    const o = u, c = m, r = h("chatAppId"), { getTheme: t } = f(r), s = () => {
+      const e = o.themes.find((p) => p.default === !0);
+      return e ? e.code : o.themes[0].code;
+    }, T = (e) => {
+      const p = e.target.value;
+      d(p);
     }, d = (e) => {
-      m && (document.getElementById(m).dataset.theme = e, p().theme = e, a("selectedTheme", e));
+      r && (document.getElementById(r).dataset.theme = e, t().theme = e, c("selectedTheme", e));
     };
-    return T(() => {
-      const e = l();
+    _(() => {
+      const e = s();
       d(e);
-    }), (e, t) => c.show ? (s(), n("div", x, [
-      g("select", {
-        onChange: t[0] || (t[0] = (o) => u(o))
-      }, [
-        (s(!0), n(y, null, v(r.themes, (o, h) => (s(), n("option", {
-          key: h,
-          value: o.code,
-          selected: o.default === !0
-        }, k(o.name), 9, A))), 128))
-      ], 32)
-    ])) : _("", !0);
+    });
+    const l = { props: o, emit: c, chatAppId: r, getTheme: t, getDefaultThemeCode: s, changeTheme: T, setTheme: d, onMounted: _, inject: h, get useTheme() {
+      return f;
+    } };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
-}, H = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
+}, B = { key: 0 }, I = ["value", "selected"];
+function j(u, n, m, o, c, r) {
+  return m.show ? (i(), a("div", B, [
+    v(
+      "select",
+      {
+        onChange: n[0] || (n[0] = (t) => o.changeTheme(t))
+      },
+      [
+        (i(!0), a(
+          y,
+          null,
+          M(o.props.themes, (t, s) => (i(), a("option", {
+            key: s,
+            value: t.code,
+            selected: t.default === !0
+          }, b(t.name), 9, I))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ],
+      32
+      /* NEED_HYDRATION */
+    )
+  ])) : g("v-if", !0);
+}
+const z = /* @__PURE__ */ k(x, [["render", j], ["__scopeId", "data-v-211d0bbd"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_elements/ThemeMode/ThemeMode.vue"]]);
 export {
-  H as default
+  z as default
 };

package/dist/components/2_elements/UserProfile/UserProfile.vue.js

@@ -1,13 +1,7 @@
-import { createElementBlock as r, createCommentVNode as o, openBlock as a, createElementVNode as t, normalizeStyle as c, toDisplayString as s } from "vue";
+import { createElementBlock as c, createCommentVNode as _, openBlock as n, createElementVNode as t, normalizeStyle as i, toDisplayString as s } from "vue";
 /* empty css                 */
-import i from "../../../_virtual/_plugin-vue_export-helper.js";
-const l = {
-  key: 0,
-  class: "profile__container"
-}, n = {
-  key: 0,
-  class: "profile__avatar-container"
-}, _ = ["src"], u = { class: "profile__name" }, d = { class: "profile__email" }, m = { class: "profile__phone" }, f = {
+import l from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
   __name: "UserProfile",
   props: {
     user: {
@@ -15,25 +9,61 @@ const l = {
       required: !0
     }
   },
-  setup(e) {
-    return (h, p) => e.user ? (a(), r("div", l, [
-      e.user.avatar ? (a(), r("div", n, [
-        t("span", {
-          class: "profile__status",
-          style: c({ backgroundColor: e.user.status })
-        }, null, 4),
-        t("img", {
-          src: e.user.avatar,
-          height: "48",
-          width: "48"
-        }, null, 8, _)
-      ])) : o("", !0),
-      t("h2", u, s(e.user.name), 1),
-      t("p", d, s(e.user.email), 1),
-      t("p", m, s(e.user.phone), 1)
-    ])) : o("", !0);
+  setup(o, { expose: a }) {
+    a();
+    const r = { props: o };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
-}, g = /* @__PURE__ */ i(f, [["__scopeId", "data-v-8ff961d8"]]);
+}, p = {
+  key: 0,
+  class: "profile__container"
+}, d = {
+  key: 0,
+  class: "profile__avatar-container"
+}, f = ["src"], m = { class: "profile__name" }, h = { class: "profile__email" }, v = { class: "profile__phone" };
+function y(o, a, e, r, k, P) {
+  return e.user ? (n(), c("div", p, [
+    e.user.avatar ? (n(), c("div", d, [
+      t(
+        "span",
+        {
+          class: "profile__status",
+          style: i({ backgroundColor: e.user.status })
+        },
+        null,
+        4
+        /* STYLE */
+      ),
+      t("img", {
+        src: e.user.avatar,
+        height: "48",
+        width: "48"
+      }, null, 8, f)
+    ])) : _("v-if", !0),
+    t(
+      "h2",
+      m,
+      s(e.user.name),
+      1
+      /* TEXT */
+    ),
+    t(
+      "p",
+      h,
+      s(e.user.email),
+      1
+      /* TEXT */
+    ),
+    t(
+      "p",
+      v,
+      s(e.user.phone),
+      1
+      /* TEXT */
+    )
+  ])) : _("v-if", !0);
+}
+const S = /* @__PURE__ */ l(u, [["render", y], ["__scopeId", "data-v-ca9cd951"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_elements/UserProfile/UserProfile.vue"]]);
 export {
-  g as default
+  S as default
 };

package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js

@@ -1,7 +1,57 @@
-import o from "./VideoRecorder.vue2.js";
+import n from "./VideoRecorder.vue2.js";
+import { createElementBlock as r, openBlock as t, Fragment as a, createCommentVNode as d, normalizeClass as c, createElementVNode as s } from "vue";
 /* empty css                   */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d1f2b0be"]]);
+import l from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  key: 0,
+  class: "video-recorder__container"
+}, p = {
+  key: 1,
+  class: "video-recorder__container"
+};
+function m(u, o, i, e, v, f) {
+  return t(), r(
+    a,
+    null,
+    [
+      e.getMessage().isRecording ? d("v-if", !0) : (t(), r("div", _, [
+        e.uploadStatus != "uploading" ? (t(), r(
+          "button",
+          {
+            key: 0,
+            class: c(["video-recorder__button", { "video-recorder__button-disabled": i.state == "disabled" || e.getMessage().file }]),
+            onClick: e.openVideoRecorder
+          },
+          [...o[0] || (o[0] = [
+            s(
+              "span",
+              { class: "pi pi-video" },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])],
+          2
+          /* CLASS */
+        )) : d("v-if", !0)
+      ])),
+      e.uploadStatus === "uploading" ? (t(), r("div", p, [...o[1] || (o[1] = [
+        s(
+          "div",
+          { class: "video-recorder__status" },
+          [
+            s("span", null, "Загрузка файла...")
+          ],
+          -1
+          /* CACHED */
+        )
+      ])])) : d("v-if", !0)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const R = /* @__PURE__ */ l(n, [["render", m], ["__scopeId", "data-v-041f646c"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_elements/VideoRecorder/VideoRecorder.vue"]]);
 export {
-  f as default
+  R as default
 };