@mobilon-dev/chotto 0.0.101 → 0.0.103

package/dist/{CreateChat-fkFKBxtQ.js → CreateChat-B7Kq9eRQ.js}

@@ -1,4 +1,4 @@
-import { ref as u, openBlock as m, createElementBlock as s, createElementVNode as n, toDisplayString as c, withDirectives as p, vModelText as d } from "vue";
+import { ref as u, createElementBlock as m, openBlock as s, createElementVNode as n, withDirectives as c, toDisplayString as p, vModelText as d } from "vue";
 const h = {
   __name: "CreateChat",
   props: {
@@ -12,9 +12,9 @@ const h = {
     const e = u(""), o = a, r = () => {
       o("change", { name: e.value });
     };
-    return (v, t) => (m(), s("div", null, [
-      n("h2", null, c(l.title), 1),
-      p(n("input", {
+    return (v, t) => (s(), m("div", null, [
+      n("h2", null, p(l.title), 1),
+      c(n("input", {
         "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
         type: "text",
         class: "name",

package/dist/{CreateChat2-DgUQ2F5L.js → CreateChat2-A8L9xv_j.js}

@@ -1,4 +1,4 @@
-import { ref as m, openBlock as s, createElementBlock as d, createElementVNode as e, toDisplayString as v, withDirectives as u, vModelText as r } from "vue";
+import { ref as m, createElementBlock as s, openBlock as d, createElementVNode as e, withDirectives as u, toDisplayString as v, vModelText as r } from "vue";
 const f = {
   __name: "CreateChat2",
   props: {
@@ -14,7 +14,7 @@ const f = {
         contact: n.value
       });
     };
-    return (g, t) => (s(), d("div", null, [
+    return (g, t) => (d(), s("div", null, [
       e("h2", null, v(a.title), 1),
       t[2] || (t[2] = e("label", null, "Имя", -1)),
       u(e("input", {

package/dist/CreateDialog-AZafC-al.js

@@ -0,0 +1,70 @@
+import { ref as v, computed as d, createElementBlock as r, openBlock as o, createElementVNode as t, toDisplayString as u, withDirectives as m, Fragment as f, renderList as p, vModelSelect as _ } from "vue";
+import { _ as D } from "./index-i2H0KLkk.js";
+const S = { class: "modal__contact-line" }, q = ["value"], k = { class: "modal__channel-line" }, w = ["disabled"], x = ["value"], V = ["disabled"], A = {
+  __name: "CreateDialog",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    contacts: {
+      type: Array,
+      required: !0
+    },
+    channels: {
+      type: Array,
+      required: !0
+    },
+    filter: {
+      type: Function,
+      required: !1
+    }
+  },
+  emits: ["change", "submit"],
+  setup(i, { emit: h }) {
+    const a = i, s = v(), n = v(), g = d(() => !!(s.value && n.value)), b = d(() => !!(a.filter && n.value || !a.filter)), y = d(() => a.filter && n.value ? a.filter(n.value, a.channels) : a.channels), c = h, C = () => {
+      c("change", { channel: s.value, contact: n.value }), c("submit");
+    };
+    return (B, l) => (o(), r("div", null, [
+      t("h3", null, u(i.title), 1),
+      t("div", null, " Контакт: " + u(i.name), 1),
+      t("div", S, [
+        l[2] || (l[2] = t("h3", { style: { margin: "0" } }, " Куда пишем ", -1)),
+        m(t("select", {
+          id: "folder",
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e)
+        }, [
+          (o(!0), r(f, null, p(i.contacts, (e) => (o(), r("option", { value: e }, u(e.value), 9, q))), 256))
+        ], 512), [
+          [_, n.value]
+        ])
+      ]),
+      t("div", k, [
+        l[3] || (l[3] = t("h3", { style: { margin: "0" } }, " Через какой канал ", -1)),
+        m(t("select", {
+          id: "folder",
+          "onUpdate:modelValue": l[1] || (l[1] = (e) => s.value = e),
+          disabled: !b.value
+        }, [
+          (o(!0), r(f, null, p(y.value, (e) => (o(), r("option", { value: e }, u(e.title), 9, x))), 256))
+        ], 8, w), [
+          [_, s.value]
+        ])
+      ]),
+      t("button", {
+        type: "button",
+        class: "modal__button-start",
+        "aria-label": "Close modal",
+        disabled: !g.value,
+        onClick: C
+      }, " Начать диалог ", 8, V)
+    ]));
+  }
+}, U = /* @__PURE__ */ D(A, [["__scopeId", "data-v-347541cb"]]);
+export {
+  U as default
+};

package/dist/ModalVideoRecorder-C7SsuCCi.js

@@ -0,0 +1,143 @@
+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 I, createCommentVNode as g, normalizeClass as y, toDisplayString as A, nextTick as G, unref as k } from "vue";
+import { _ as H } from "./index-i2H0KLkk.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) => (f(), m(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 ? (f(), m("button", {
+              key: 0,
+              class: "video-recorder__button",
+              onClick: F
+            }, [
+              o("span", {
+                class: y({
+                  "pi pi-desktop": v.value == "camera",
+                  "pi pi-camera": v.value == "screen"
+                })
+              }, null, 2)
+            ])) : g("", !0),
+            i.value ? g("", !0) : (f(), m("button", {
+              key: 1,
+              class: y(["video-recorder__button", { "video-recorder__recording-button": r.value }]),
+              onClick: O
+            }, [
+              o("span", {
+                class: y(["pi", {
+                  "pi-circle-fill video-recorder__recording-icon": r.value,
+                  "pi-video": !r.value
+                }])
+              }, null, 2)
+            ], 2)),
+            !r.value && i.value ? (f(), m("button", {
+              key: 2,
+              class: "video-recorder__button",
+              onClick: T
+            }, e[2] || (e[2] = [
+              o("span", { class: "pi pi-trash" }, null, -1)
+            ]))) : g("", !0),
+            r.value ? (f(), m("button", {
+              key: 3,
+              class: "video-recorder__button",
+              onClick: U
+            }, e[3] || (e[3] = [
+              o("div", { class: "video-recorder__stop" }, null, -1)
+            ]))) : g("", !0),
+            o("span", Q, A(x.value), 1)
+          ]),
+          o("button", {
+            class: y(["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-Bk0d8g3e.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 { ref as p, createElementBlock as n, openBlock 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-i2H0KLkk.js";
 const g = { class: "participant-list" }, k = ["id", "value"], y = ["for"], x = {
   __name: "SelectUser2",
   props: {
@@ -17,10 +17,10 @@ const g = { class: "participant-list" }, k = ["id", "value"], y = ["for"], x = {
     const r = p([]), c = i, d = () => {
       console.log("check"), c("change", { selectedUsers: r.value });
     };
-    return (I, l) => (n(), s("div", null, [
+    return (I, l) => (s(), n("div", null, [
       t("h2", null, a(o.title), 1),
       t("div", g, [
-        (n(!0), s(m, null, _(o.users, (e) => (n(), s("div", {
+        (s(!0), n(m, null, _(o.users, (e) => (s(), n("div", {
           key: e.userId,
           class: "participant-item"
         }, [