@mobilon-dev/chotto 0.0.101 → 0.0.102

package/dist/{CreateDialog-o27tJbMY.js → CreateDialog-DYLAu6u4.js}

@@ -1,5 +1,5 @@
 import { ref as d, computed as y, openBlock as a, createElementBlock as n, createElementVNode as t, toDisplayString as s, withDirectives as c, Fragment as m, renderList as v, vModelSelect as p } from "vue";
-import { _ as b } from "./index-D8nDb3IQ.js";
+import { _ as b } from "./index-DEJsbVgZ.js";
 const h = { class: "modal__contact-line" }, C = ["value"], D = { class: "modal__channel-line" }, S = ["value"], q = ["disabled"], k = {
   __name: "CreateDialog",
   props: {

package/dist/ModalVideoRecorder-Cyk9jDqV.js

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

package/dist/{SelectUser2-DQI-YvpZ.js → SelectUser2-Ckk2MZef.js}

@@ -1,5 +1,5 @@
 import { ref as p, openBlock as n, createElementBlock as s, createElementVNode as t, toDisplayString as a, Fragment as m, renderList as _, withDirectives as h, vModelCheckbox as v } from "vue";
-import { _ as f } from "./index-D8nDb3IQ.js";
+import { _ as f } from "./index-DEJsbVgZ.js";
 const g = { class: "participant-list" }, k = ["id", "value"], y = ["for"], x = {
   __name: "SelectUser2",
   props: {