@mobilon-dev/chotto 0.3.30 → 0.3.31

package/dist/{CreateDialog-DacwclUe.js → components/2_modals/CreateDialog/CreateDialog.vue.js}

@@ -1,5 +1,6 @@
-import { ref as v, computed as d, createElementBlock as r, openBlock as i, createElementVNode as t, toDisplayString as u, withDirectives as m, Fragment as f, renderList as p, vModelSelect as _ } from "vue";
-import { _ as D } from "./index-BzAEsq7j.js";
+import { ref as v, computed as d, createElementBlock as a, openBlock as i, createElementVNode as t, toDisplayString as u, withDirectives as m, Fragment as f, renderList as p, vModelSelect as _ } from "vue";
+/* empty css                  */
+import D from "../../../_virtual/_plugin-vue_export-helper.js";
 const S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__channel-line" }, w = ["disabled"], x = ["value"], V = ["disabled"], A = {
   __name: "CreateDialog",
   props: {
@@ -27,24 +28,24 @@ const S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__
   },
   emits: ["change", "submit"],
   setup(o, { emit: g }) {
-    const n = o, s = v(), a = v(), y = d(() => !!(s.value && a.value)), b = d(() => !!(n.filter && a.value || !n.filter)), h = d(() => n.filter && a.value ? n.filter(a.value, n.channels) : n.channels), c = g, C = () => {
-      c("change", { channel: s.value, contact: a.value }), c("submit");
+    const r = o, s = v(), n = v(), y = d(() => !!(s.value && n.value)), b = d(() => !!(r.filter && n.value || !r.filter)), h = d(() => r.filter && n.value ? r.filter(n.value, r.channels) : r.channels), c = g, C = () => {
+      c("change", { channel: s.value, contact: n.value }), c("submit");
     };
-    return (B, l) => (i(), r("div", null, [
+    return (B, l) => (i(), a("div", null, [
       t("h3", null, u(o.title), 1),
       t("div", null, " Контакт: " + u(o.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) => a.value = e)
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e)
         }, [
-          (i(!0), r(f, null, p(o.contacts, (e) => (i(), r("option", {
+          (i(!0), a(f, null, p(o.contacts, (e) => (i(), a("option", {
             key: e.id || e.value,
             value: e
           }, u(e.value), 9, k))), 128))
         ], 512), [
-          [_, a.value]
+          [_, n.value]
         ])
       ]),
       t("div", q, [
@@ -54,7 +55,7 @@ const S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__
           "onUpdate:modelValue": l[1] || (l[1] = (e) => s.value = e),
           disabled: !b.value
         }, [
-          (i(!0), r(f, null, p(h.value, (e) => (i(), r("option", {
+          (i(!0), a(f, null, p(h.value, (e) => (i(), a("option", {
             key: e.id || e.title,
             value: e
           }, u(e.title), 9, x))), 128))
@@ -71,7 +72,7 @@ const S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__
       }, " Начать диалог ", 8, V)
     ]));
   }
-}, U = /* @__PURE__ */ D(A, [["__scopeId", "data-v-c9b375bd"]]);
+}, I = /* @__PURE__ */ D(A, [["__scopeId", "data-v-c9b375bd"]]);
 export {
-  U as default
+  I as default
 };

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

@@ -0,0 +1,69 @@
+import { createBlock as r, openBlock as c, Transition as m, withCtx as b, withDirectives as u, createElementVNode as e, renderSlot as p, vShow as f } from "vue";
+/* empty css           */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const h = ["data-theme"], k = {
+  class: "modal",
+  role: "dialog",
+  "aria-labelledby": "modalTitle",
+  "aria-describedby": "modalDescription"
+}, v = {
+  id: "modalDescription",
+  class: "modal-body"
+}, y = { class: "buttons" }, g = ["aria-disabled", "disabled"], C = {
+  __name: "Modal",
+  props: {
+    theme: {
+      type: String,
+      required: !1,
+      default: "light"
+    },
+    okDisabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["close", "submit"],
+  setup(s, { emit: d }) {
+    const o = d, l = s, i = (a) => {
+      a.target.classList.contains("modal-backdrop") && o("close");
+    };
+    return (a, t) => (c(), r(m, { name: "modal-fade" }, {
+      default: b(() => [
+        u(e("div", {
+          class: "modal-backdrop",
+          "data-theme": s.theme,
+          onClick: i
+        }, [
+          e("div", k, [
+            e("div", v, [
+              p(a.$slots, "default", {}, void 0, !0)
+            ]),
+            e("div", y, [
+              e("button", {
+                type: "button",
+                class: "btn-green",
+                "aria-label": "Close modal",
+                "aria-disabled": l.okDisabled ? "true" : "false",
+                disabled: l.okDisabled,
+                onClick: t[0] || (t[0] = (n) => o("submit"))
+              }, " OK ", 8, g),
+              e("button", {
+                type: "button",
+                class: "btn-green btn-gray",
+                "aria-label": "Close modal",
+                onClick: t[1] || (t[1] = (n) => o("close"))
+              }, " Cancel ")
+            ])
+          ])
+        ], 8, h), [
+          [f, !0]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}, B = /* @__PURE__ */ _(C, [["__scopeId", "data-v-6f045439"]]);
+export {
+  B as default
+};

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

@@ -0,0 +1,46 @@
+import { onMounted as r, onUnmounted as c, createElementBlock as m, openBlock as u, withKeys as p, createElementVNode as s, renderSlot as _ } from "vue";
+/* empty css                     */
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = ["data-theme"], y = { class: "modal__container" }, k = {
+  __name: "ModalFullscreen",
+  props: {
+    theme: {
+      type: String,
+      required: !1,
+      default: "light"
+    }
+  },
+  emits: ["close"],
+  setup(l, { emit: d }) {
+    const o = d, a = (t) => {
+      t.target.classList.contains("modal__overlay") && o("close");
+    }, n = (t) => {
+      t.key === "Escape" && o("close");
+    };
+    return r(() => {
+      document.addEventListener("keydown", n);
+    }), c(() => {
+      document.removeEventListener("keydown", n);
+    }), (t, e) => (u(), m("div", {
+      class: "modal__overlay",
+      "data-theme": l.theme,
+      onClick: a,
+      onKeyup: e[1] || (e[1] = p((i) => o("close"), ["esc"]))
+    }, [
+      s("div", y, [
+        s("button", {
+          class: "modal__close-button",
+          onClick: e[0] || (e[0] = (i) => o("close"))
+        }, [...e[2] || (e[2] = [
+          s("span", null, [
+            s("i", { class: "pi pi-times" })
+          ], -1)
+        ])]),
+        _(t.$slots, "default", {}, void 0, !0)
+      ])
+    ], 40, v));
+  }
+}, g = /* @__PURE__ */ f(k, [["__scopeId", "data-v-cfd44dde"]]);
+export {
+  g as default
+};

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

@@ -0,0 +1,43 @@
+import { createBlock as i, openBlock as l, Transition as r, withCtx as c, withDirectives as n, createElementVNode as t, renderSlot as m, vShow as p } from "vue";
+/* empty css                   */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["data-theme"], u = {
+  class: "modal",
+  role: "dialog",
+  "aria-labelledby": "modalTitle",
+  "aria-describedby": "modalDescription"
+}, h = {
+  __name: "ModalNoFooter",
+  props: {
+    theme: {
+      type: String,
+      required: !1,
+      default: "light"
+    }
+  },
+  emits: ["close"],
+  setup(o, { emit: a }) {
+    const d = a, s = (e) => {
+      e.target.classList.contains("modal-backdrop") && d("close");
+    };
+    return (e, b) => (l(), i(r, { name: "modal-fade" }, {
+      default: c(() => [
+        n(t("div", {
+          "data-theme": o.theme,
+          class: "modal-backdrop",
+          onClick: s
+        }, [
+          t("div", u, [
+            m(e.$slots, "default", {}, void 0, !0)
+          ])
+        ], 8, f), [
+          [p, !0]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}, w = /* @__PURE__ */ _(h, [["__scopeId", "data-v-01dc3148"]]);
+export {
+  w as default
+};

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

@@ -0,0 +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"]]);
+export {
+  d as default
+};

package/dist/{ModalVideoRecorder-BkPr4JP7.js → components/2_modals/ModalVideoRecorder/ModalVideoRecorder.vue2.js}

@@ -1,46 +1,45 @@
-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-BzAEsq7j.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({
+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({
   __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;
+  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 : " ";
-    }), _ = 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);
+    }), 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());
+    }, 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, n.value++, n.value == 60 && (n.value = 0, u.value++, u.value == 60 && (u.value = 0, d.value++)));
+        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++)));
       }, 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(() => {
+    }, U = async () => {
+      D(), C(), n.value && (n.value = void 0, await M());
+    }, j = () => {
+      v.value && (v.value.stop(), v.value.onstop = async () => {
+        V.value = new File(w.value, "videomessage.mp4", { type: "video/*" });
+        const a = URL.createObjectURL(V.value);
+        n.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();
+      let a = (e = _.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");
+      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 () => {
       await navigator.mediaDevices.getUserMedia({ audio: !0, video: !0 }).then((a) => {
-        const e = k(_.value);
-        p.value = a, e.srcObject = a, e.addEventListener("loadedmetadata", () => {
+        const e = k(p.value);
+        _.value = a, e.srcObject = a, e.addEventListener("loadedmetadata", () => {
           var t;
-          (t = k(_.value)) == null || t.play();
+          (t = k(p.value)) == null || t.play();
         }), e.muted = !0;
       });
     }, B = async () => {
@@ -51,17 +50,17 @@ const J = { class: "video-recorder__header" }, K = { class: "video-recorder__con
         audio: !1
       };
       await navigator.mediaDevices.getDisplayMedia(a).then((e) => {
-        const t = k(_.value);
-        p.value = e, t.srcObject = e, t.addEventListener("loadedmetadata", () => {
+        const t = k(p.value);
+        _.value = e, t.srcObject = e, t.addEventListener("loadedmetadata", () => {
           var b;
-          (b = k(_.value)) == null || b.play();
+          (b = k(p.value)) == null || b.play();
         }), t.muted = !0;
       });
     };
     return $(async () => {
       await M();
     }), (a, e) => (f(), m(q, null, [
-      o("div", J, [
+      o("div", H, [
         o("button", {
           class: "video-recorder__button video-recorder__button-close",
           onClick: e[0] || (e[0] = (t) => h("close"))
@@ -72,10 +71,10 @@ const J = { class: "video-recorder__header" }, K = { class: "video-recorder__con
       o("div", null, [
         E(o("video", {
           ref_key: "refVideo",
-          ref: _,
+          ref: p,
           class: "video-recorder__view-area"
         }, null, 512), [
-          [I, !i.value]
+          [L, !n.value]
         ]),
         E(o("video", {
           ref_key: "refRecord",
@@ -83,26 +82,26 @@ const J = { class: "video-recorder__header" }, K = { class: "video-recorder__con
           class: "video-recorder__view-area",
           controls: ""
         }, null, 512), [
-          [I, i.value]
+          [L, n.value]
         ]),
-        o("div", K, [
-          o("div", P, [
-            !r.value && !i.value ? (f(), m("button", {
+        o("div", J, [
+          o("div", K, [
+            !r.value && !n.value ? (f(), m("button", {
               key: 0,
               class: "video-recorder__button",
-              onClick: F
+              onClick: O
             }, [
               o("span", {
                 class: y({
-                  "pi pi-desktop": v.value == "camera",
-                  "pi pi-camera": v.value == "screen"
+                  "pi pi-desktop": c.value == "camera",
+                  "pi pi-camera": c.value == "screen"
                 })
               }, null, 2)
             ])) : g("", !0),
-            i.value ? g("", !0) : (f(), m("button", {
+            n.value ? g("", !0) : (f(), m("button", {
               key: 1,
               class: y(["video-recorder__button", { "video-recorder__recording-button": r.value }]),
-              onClick: O
+              onClick: T
             }, [
               o("span", {
                 class: y(["pi", {
@@ -111,25 +110,25 @@ const J = { class: "video-recorder__header" }, K = { class: "video-recorder__con
                 }])
               }, null, 2)
             ], 2)),
-            !r.value && i.value ? (f(), m("button", {
+            !r.value && n.value ? (f(), m("button", {
               key: 2,
               class: "video-recorder__button",
-              onClick: T
+              onClick: U
             }, [...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
+              onClick: j
             }, [...e[3] || (e[3] = [
               o("div", { class: "video-recorder__stop" }, null, -1)
             ])])) : g("", !0),
-            o("span", Q, A(x.value), 1)
+            o("span", P, A(I.value), 1)
           ]),
           o("button", {
-            class: y(["video-recorder__button", { "video-recorder__button-disabled": !i.value }]),
-            onClick: j
+            class: y(["video-recorder__button", { "video-recorder__button-disabled": !n.value }]),
+            onClick: x
           }, [...e[4] || (e[4] = [
             o("span", { class: "video-recorder__save-button" }, " Прикрепить видео ", -1)
           ])], 2)
@@ -137,7 +136,7 @@ const J = { class: "video-recorder__header" }, K = { class: "video-recorder__con
       ])
     ], 64));
   }
-}), ee = /* @__PURE__ */ H(W, [["__scopeId", "data-v-47304124"]]);
+});
 export {
-  ee as default
+  X as default
 };

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

@@ -0,0 +1,63 @@
+import { ref as u, createElementBlock as s, openBlock as n, createCommentVNode as h, createElementVNode as e, toDisplayString as m, Fragment as k, renderList as y, withDirectives as C, vModelCheckbox as b } from "vue";
+/* empty css                */
+import x from "../../../_virtual/_plugin-vue_export-helper.js";
+const I = {
+  key: 0,
+  class: "new-chat-modal"
+}, w = { class: "modal-content" }, S = { class: "participant-list" }, U = ["id", "value"], V = ["for"], g = {
+  __name: "SelectUser",
+  props: {
+    users: {
+      type: Array,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["confirm", "close"],
+  setup(l, { emit: p }) {
+    const r = u(!0), o = u([]), c = p, v = async () => {
+      c("confirm", o.value), a(), i();
+    }, a = () => {
+      c("close"), r.value = !1;
+    }, i = () => {
+      o.value = [];
+    }, _ = () => {
+      a(), i();
+    };
+    return (M, d) => (n(), s("div", null, [
+      r.value ? (n(), s("div", I, [
+        e("div", w, [
+          e("h2", null, m(l.title), 1),
+          e("div", S, [
+            (n(!0), s(k, null, y(l.users, (t) => (n(), s("div", {
+              key: t.userId,
+              class: "participant-item"
+            }, [
+              C(e("input", {
+                id: t.userId,
+                "onUpdate:modelValue": d[0] || (d[0] = (f) => o.value = f),
+                type: "checkbox",
+                value: t.userId
+              }, null, 8, U), [
+                [b, o.value]
+              ]),
+              e("label", {
+                for: t.userId
+              }, m(t.name || "unknown username"), 9, V)
+            ]))), 128))
+          ]),
+          e("div", { class: "modal-actions" }, [
+            e("button", { onClick: v }, " ОК "),
+            e("button", { onClick: _ }, " Отмена ")
+          ])
+        ])
+      ])) : h("", !0)
+    ]));
+  }
+}, E = /* @__PURE__ */ x(g, [["__scopeId", "data-v-9121a142"]]);
+export {
+  E as default
+};

package/dist/{SelectUser2-kaPAmxhi.js → components/2_modals/SelectUser2/SelectUser2.vue.js}

@@ -1,5 +1,6 @@
 import { ref as p, createElementBlock as n, openBlock as s, createElementVNode as t, toDisplayString as c, Fragment as m, renderList as _, withDirectives as h, vModelCheckbox as v } from "vue";
-import { _ as f } from "./index-BzAEsq7j.js";
+/* empty css                 */
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
 const g = { class: "participant-list" }, k = ["id", "value"], y = ["for"], b = {
   __name: "SelectUser2",
   props: {
@@ -40,7 +41,7 @@ const g = { class: "participant-list" }, k = ["id", "value"], y = ["for"], b = {
       ])
     ]));
   }
-}, S = /* @__PURE__ */ f(b, [["__scopeId", "data-v-368cbcb0"]]);
+}, C = /* @__PURE__ */ f(b, [["__scopeId", "data-v-368cbcb0"]]);
 export {
-  S as default
+  C as default
 };

package/dist/components/3_compounds/ChatInput/ChatInput.vue.js

@@ -0,0 +1,7 @@
+import t from "./ChatInput.vue2.js";
+/* empty css               */
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-07a5cda0"]]);
+export {
+  m as default
+};