@mobilon-dev/chotto 0.2.25 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.2.25",
+  "version": "0.3.1",
   "type": "module",
   "main": "./dist/vuessages.umd.js",
   "module": "./dist/vuessages.es.js",
@@ -18,9 +18,12 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "build:lib": "vite build && vue-tsc --emitDeclarationOnly",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build -o docs",
+    "validate-themes": "node ./scripts/validate-themes.cjs",
+    "validate-themes:ts": "tsx ./scripts/validate-themes.ts",
     "lint-fix": "npx eslint . --fix",
     "lint": "npx eslint ."
   },
@@ -49,6 +52,7 @@
     "moment": "^2.30.1",
     "pinia": "^2.3.1",
     "storybook": "^9.1.2",
+    "tsx": "^4.19.2",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.17.0",
     "vite": "^6.3.5",

package/dist/CreateChat-B7Kq9eRQ.js

@@ -1,30 +0,0 @@
-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: {
-    title: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: ["change"],
-  setup(l, { emit: a }) {
-    const e = u(""), o = a, r = () => {
-      o("change", { name: e.value });
-    };
-    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",
-        onInput: r
-      }, null, 544), [
-        [d, e.value]
-      ])
-    ]));
-  }
-};
-export {
-  h as default
-};

package/dist/CreateChat2-A8L9xv_j.js

@@ -1,41 +0,0 @@
-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: {
-    title: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: ["change"],
-  setup(a, { emit: p }) {
-    const n = m({}), i = p, o = () => {
-      i("change", {
-        contact: n.value
-      });
-    };
-    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", {
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => n.value.name = l),
-        type: "text",
-        onInput: o
-      }, null, 544), [
-        [r, n.value.name]
-      ]),
-      t[3] || (t[3] = e("br", null, null, -1)),
-      t[4] || (t[4] = e("label", null, "Телефон", -1)),
-      u(e("input", {
-        "onUpdate:modelValue": t[1] || (t[1] = (l) => n.value.phone = l),
-        type: "text",
-        onInput: o
-      }, null, 544), [
-        [r, n.value.phone]
-      ])
-    ]));
-  }
-};
-export {
-  f as default
-};

package/dist/CreateDialog-B6g-ij6E.js

@@ -1,77 +0,0 @@
-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-9X5xBqLk.js";
-const S = { class: "modal__contact-line" }, k = ["value"], q = { 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,
-      default: null
-    }
-  },
-  emits: ["change", "submit"],
-  setup(o, { emit: g }) {
-    const n = o, s = v(), a = v(), y = d(() => !!(s.value && a.value)), h = d(() => !!(n.filter && a.value || !n.filter)), b = 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");
-    };
-    return (B, l) => (i(), r("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)
-        }, [
-          (i(!0), r(f, null, p(o.contacts, (e) => (i(), r("option", {
-            key: e.id || e.value,
-            value: e
-          }, u(e.value), 9, k))), 128))
-        ], 512), [
-          [_, a.value]
-        ])
-      ]),
-      t("div", q, [
-        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: !h.value
-        }, [
-          (i(!0), r(f, null, p(b.value, (e) => (i(), r("option", {
-            key: e.id || e.title,
-            value: e
-          }, u(e.title), 9, x))), 128))
-        ], 8, w), [
-          [_, s.value]
-        ])
-      ]),
-      t("button", {
-        type: "button",
-        class: "modal__button-start",
-        "aria-label": "Close modal",
-        disabled: !y.value,
-        onClick: C
-      }, " Начать диалог ", 8, V)
-    ]));
-  }
-}, U = /* @__PURE__ */ D(A, [["__scopeId", "data-v-9fd510f2"]]);
-export {
-  U as default
-};

package/dist/ModalVideoRecorder-K2AOjOdR.js

@@ -1,143 +0,0 @@
-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-9X5xBqLk.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", {
-          ref_key: "refVideo",
-          ref: _,
-          class: "video-recorder__view-area"
-        }, null, 512), [
-          [I, !i.value]
-        ]),
-        E(o("video", {
-          ref_key: "refRecord",
-          ref: R,
-          class: "video-recorder__view-area",
-          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-4115c81a"]]);
-export {
-  ee as default
-};

package/dist/SelectUser2-DF4XQSJw.js

@@ -1,46 +0,0 @@
-import { ref as p, createElementBlock as n, openBlock as s, createElementVNode as t, toDisplayString as i, Fragment as m, renderList as _, withDirectives as h, vModelCheckbox as v } from "vue";
-import { _ as f } from "./index-9X5xBqLk.js";
-const g = { class: "participant-list" }, k = ["id", "value"], y = ["for"], x = {
-  __name: "SelectUser2",
-  props: {
-    users: {
-      type: Array,
-      required: !0
-    },
-    title: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: ["change"],
-  setup(o, { emit: a }) {
-    const r = p([]), c = a, u = () => {
-      console.log("check"), c("change", { selectedUsers: r.value });
-    };
-    return (I, l) => (s(), n("div", null, [
-      t("h2", null, i(o.title), 1),
-      t("div", g, [
-        (s(!0), n(m, null, _(o.users, (e) => (s(), n("div", {
-          key: e.userId,
-          class: "participant-item"
-        }, [
-          h(t("input", {
-            id: e.userId,
-            "onUpdate:modelValue": l[0] || (l[0] = (d) => r.value = d),
-            type: "checkbox",
-            value: e.userId,
-            onChange: u
-          }, null, 40, k), [
-            [v, r.value]
-          ]),
-          t("label", {
-            for: e.userId
-          }, i(e.name || "unknown username"), 9, y)
-        ]))), 128))
-      ])
-    ]));
-  }
-}, b = /* @__PURE__ */ f(x, [["__scopeId", "data-v-37981321"]]);
-export {
-  b as default
-};