@mobilon-dev/chotto 0.0.61 → 0.0.63

package/README.md

@@ -1,27 +1,31 @@
 # chotto
-Vue3 Chat UI components - собери свой интерфейс чата
 
-# использование
+Vue3 UI components for chats, conversations, ai
 
-## документация
+# usage
+
+## docs
 
 - [storybook](https://mobilon-dev.github.io/chotto/)
 
-## схема
+## screnshots
 
-![](images/scheme.png)
+![](images/screenshot7.png)
 
-## пример
 
-[пример](https://github.com/antirek/chotto-sample)
+## examples
 
-## скриншот
+[simple](https://github.com/antirek/chotto-sample)
 
-![](images/screenshot7.png)
+[demo1: 1 manager + 3 site users](https://determaer.github.io/chat-demo/) ([source](https://github.com/determaer/chat-demo))
 
 
-# разработка
 
+# development
+
+## scheme
+
+![](images/scheme.png)
 
 ## install
 
@@ -40,13 +44,14 @@ Vue3 Chat UI components - собери свой интерфейс чата
 > npm run build
 
 
-# Дополнительно
 
-### скрины чатов для вдохновения
+# Links
+
+### screenshots
 
 [samples](/samples)
 
-### подобные проекты
+### same projects
 
 - https://github.com/sendbird/sendbird-uikit-react
 

package/dist/{SelectUser2-BEc8U26U.js → SelectUser2-DwuGsdVS.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-vVBUsikk.js";
+import { _ as f } from "./index-nWkbq3BI.js";
 const g = { class: "participant-list" }, k = ["id", "value"], y = ["for"], x = {
   __name: "SelectUser2",
   props: {

package/dist/{index-vVBUsikk.js → index-nWkbq3BI.js}

@@ -1031,7 +1031,7 @@ const rs = { class: "chat-input" }, us = { class: "chat-input__container" }, cs
       const v = C(n);
       v.scrollHeight - v.scrollTop - v.clientHeight < 100 ? a.value = !1 : a.value = !0, v.scrollTop === 0 && y && i("loadMore");
     }, u = (y) => ({
-      "message.text": pr,
+      "message.text": mr,
       "message.image": Ar,
       "message.file": $1,
       "message.audio": Sr,
@@ -16151,7 +16151,7 @@ const k1 = {
       ], 32)
     ], 42, x1));
   }
-}), $1 = /* @__PURE__ */ Q(q1, [["__scopeId", "data-v-047e09a9"]]), H1 = ["messageId"], F1 = ["src"], P1 = {
+}), $1 = /* @__PURE__ */ Q(q1, [["__scopeId", "data-v-a5e98d5f"]]), H1 = ["messageId"], F1 = ["src"], P1 = {
   key: 1,
   class: "image-message__subtext"
 }, W1 = { class: "image-message__content" }, K1 = ["src", "alt"], J1 = {
@@ -16319,16 +16319,16 @@ const k1 = {
       ]))
     ], 42, H1));
   }
-}), Ar = /* @__PURE__ */ Q(sr, [["__scopeId", "data-v-0c152b1c"]]), ir = { class: "text-message" }, or = ["messageId"], lr = ["src"], rr = {
+}), Ar = /* @__PURE__ */ Q(sr, [["__scopeId", "data-v-9dbe96e3"]]), ir = ["messageId"], or = ["src"], lr = {
   key: 1,
   class: "text-message__subtext"
-}, ur = ["innerHTML"], cr = { class: "text-message__info-container" }, dr = {
+}, rr = ["innerHTML"], ur = { class: "text-message__info-container" }, cr = {
   key: 1,
   class: "text-message__time"
-}, gr = {
+}, dr = {
   key: 0,
   class: "pi pi-check"
-}, mr = /* @__PURE__ */ Z({
+}, gr = /* @__PURE__ */ Z({
   __name: "TextMessage",
   props: {
     message: {
@@ -16361,83 +16361,81 @@ const k1 = {
     function m(h) {
       return h.position === "left" ? "text-message__left" : "text-message__right";
     }
-    return (h, M) => (r(), c("div", ir, [
+    return (h, M) => (r(), c("div", {
+      class: L(["text-message", m(e.message)]),
+      messageId: e.message.messageId,
+      onMouseleave: u
+    }, [
+      e.message.avatar ? (r(), c("img", {
+        key: 0,
+        class: "text-message__avatar",
+        src: e.message.avatar,
+        height: "32",
+        width: "32",
+        style: J({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, or)) : b("", !0),
+      e.message.subText ? (r(), c("p", lr, D(e.message.subText), 1)) : b("", !0),
       o("div", {
-        class: L(m(e.message)),
-        messageId: e.message.messageId,
-        onMouseleave: u
+        class: "text-message__content",
+        onMouseenter: l
       }, [
-        e.message.avatar ? (r(), c("img", {
+        o("p", {
+          innerHTML: A.value,
+          class: "text-message__text",
+          onClick: i
+        }, null, 8, rr),
+        o("div", ur, [
+          e.message.views ? (r(), c("div", {
+            key: 0,
+            class: "text-message__views",
+            onClick: p
+          }, [
+            M[1] || (M[1] = o("span", { class: "pi pi-eye" }, null, -1)),
+            o("p", null, D(e.message.views), 1)
+          ])) : b("", !0),
+          e.message.time ? (r(), c("span", cr, D(e.message.time), 1)) : b("", !0),
+          m(e.message) === "text-message__right" && C(Ke).includes(e.message.status) ? (r(), c("div", {
+            key: 2,
+            class: L(["text-message__status", g.value])
+          }, [
+            e.message.status !== "sent" ? (r(), c("span", dr)) : b("", !0),
+            M[2] || (M[2] = o("span", { class: "pi pi-check" }, null, -1))
+          ], 2)) : b("", !0)
+        ]),
+        s.value && e.message.actions ? (r(), c("button", {
           key: 0,
-          class: "text-message__avatar",
-          src: e.message.avatar,
-          height: "32",
-          width: "32",
-          style: J({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, lr)) : b("", !0),
-        e.message.subText ? (r(), c("p", rr, D(e.message.subText), 1)) : b("", !0),
-        o("div", {
-          class: "text-message__content",
-          onMouseenter: l
-        }, [
-          o("p", {
-            innerHTML: A.value,
-            class: "text-message__text",
-            onClick: i
-          }, null, 8, ur),
-          o("div", cr, [
-            e.message.views ? (r(), c("div", {
+          class: "text-message__menu-button",
+          onClick: M[0] || (M[0] = (y) => a.value = !a.value)
+        }, M[3] || (M[3] = [
+          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+        ]))) : b("", !0),
+        R(P, null, {
+          default: W(() => [
+            a.value && e.message.actions ? (r(), K(C(Ve), {
               key: 0,
-              class: "text-message__views",
-              onClick: p
-            }, [
-              M[1] || (M[1] = o("span", { class: "pi pi-eye" }, null, -1)),
-              o("p", null, D(e.message.views), 1)
-            ])) : b("", !0),
-            e.message.time ? (r(), c("span", dr, D(e.message.time), 1)) : b("", !0),
-            m(e.message) === "text-message__right" && C(Ke).includes(e.message.status) ? (r(), c("div", {
-              key: 2,
-              class: L(["text-message__status", g.value])
-            }, [
-              e.message.status !== "sent" ? (r(), c("span", gr)) : b("", !0),
-              M[2] || (M[2] = o("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : b("", !0)
+              class: "text-message__context-menu",
+              actions: e.message.actions,
+              onClick: d
+            }, null, 8, ["actions"])) : b("", !0)
           ]),
-          s.value && e.message.actions ? (r(), c("button", {
-            key: 0,
-            class: "text-message__menu-button",
-            onClick: M[0] || (M[0] = (y) => a.value = !a.value)
-          }, M[3] || (M[3] = [
-            o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ]))) : b("", !0),
-          R(P, null, {
-            default: W(() => [
-              a.value && e.message.actions ? (r(), K(C(Ve), {
-                key: 0,
-                class: "text-message__context-menu",
-                actions: e.message.actions,
-                onClick: d
-              }, null, 8, ["actions"])) : b("", !0)
-            ]),
-            _: 1
-          })
-        ], 32)
-      ], 42, or)
-    ]));
+          _: 1
+        })
+      ], 32)
+    ], 42, ir));
   }
-}), pr = /* @__PURE__ */ Q(mr, [["__scopeId", "data-v-8acbeea8"]]), hr = ["messageId"], yr = ["src"], Mr = {
+}), mr = /* @__PURE__ */ Q(gr, [["__scopeId", "data-v-329a2e3c"]]), pr = ["messageId"], hr = ["src"], yr = {
   key: 1,
   class: "audio-message__subtext"
-}, vr = ["src"], br = { class: "audio-message__progress-bar-container" }, _r = { class: "audio-message__remaining-time" }, Ir = { class: "audio-message__info-container" }, wr = { class: "audio-message__time" }, kr = {
+}, Mr = ["src"], vr = { class: "audio-message__progress-bar-container" }, br = { class: "audio-message__remaining-time" }, _r = { class: "audio-message__info-container" }, Ir = { class: "audio-message__time" }, wr = {
   key: 0,
   class: "pi pi-check"
-}, Nr = ["href"], Dr = {
+}, kr = ["href"], Nr = {
   key: 1,
   class: "audio-message__transcript-container"
-}, jr = {
+}, Dr = {
   key: 0,
   class: "audio-message__modal-overlay"
-}, Er = { class: "audio-message__modal" }, Tr = {
+}, jr = { class: "audio-message__modal" }, Er = { style: { "word-wrap": "break-word", "max-width": "25rem" } }, Tr = {
   key: 2,
   class: "audio-message__text-container"
 }, Vr = ["innerHTML"], xr = /* @__PURE__ */ Z({
@@ -16499,8 +16497,8 @@ const k1 = {
           height: "32",
           width: "32",
           style: J({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, yr)) : b("", !0),
-        e.message.subText ? (r(), c("p", Mr, D(e.message.subText), 1)) : b("", !0),
+        }, null, 12, hr)) : b("", !0),
+        e.message.subText ? (r(), c("p", yr, D(e.message.subText), 1)) : b("", !0),
         o("div", {
           class: "audio-message__content",
           onMouseenter: m
@@ -16509,7 +16507,7 @@ const k1 = {
             ref_key: "player",
             ref: a,
             src: e.message.url
-          }, null, 8, vr),
+          }, null, 8, Mr),
           ce(o("button", {
             class: "audio-message__play",
             onClick: k
@@ -16526,14 +16524,14 @@ const k1 = {
           ]), 512), [
             [Lf, s.value]
           ]),
-          o("div", br, [
+          o("div", vr, [
             o("div", {
               class: "audio-message__progress-bar",
               style: J({ width: B.value + "%" })
             }, null, 4)
           ]),
-          o("p", _r, D(`${w.value} / ${j.value}`), 1),
-          o("div", Ir, [
+          o("p", br, D(`${w.value} / ${j.value}`), 1),
+          o("div", _r, [
             e.message.views ? (r(), c("div", {
               key: 0,
               onClick: M,
@@ -16542,12 +16540,12 @@ const k1 = {
               T[5] || (T[5] = o("span", { class: "pi pi-eye" }, null, -1)),
               o("p", null, D(e.message.views), 1)
             ])) : b("", !0),
-            o("span", wr, D(e.message.time), 1),
+            o("span", Ir, D(e.message.time), 1),
             E(e.message) === "audio-message__right" && C(Ke).includes(e.message.status) ? (r(), c("div", {
               key: 1,
               class: L(["audio-message__status", v.value])
             }, [
-              e.message.status !== "sent" ? (r(), c("span", kr)) : b("", !0),
+              e.message.status !== "sent" ? (r(), c("span", wr)) : b("", !0),
               T[6] || (T[6] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : b("", !0)
           ]),
@@ -16566,7 +16564,7 @@ const k1 = {
             target: "_blank"
           }, T[8] || (T[8] = [
             o("span", { class: "pi pi-download" }, null, -1)
-          ]), 8, Nr),
+          ]), 8, kr),
           R(P, null, {
             default: W(() => [
               l.value && e.message.actions ? (r(), K(C(Ve), {
@@ -16578,7 +16576,7 @@ const k1 = {
             ]),
             _: 1
           }),
-          (U = e.message.transcript) != null && U.text ? (r(), c("div", Dr, [
+          (U = e.message.transcript) != null && U.text ? (r(), c("div", Nr, [
             o("p", {
               onClick: T[1] || (T[1] = (N) => d.value = !d.value)
             }, D(e.message.transcript.text), 1)
@@ -16588,8 +16586,8 @@ const k1 = {
               default: W(() => {
                 var N;
                 return [
-                  d.value ? (r(), c("div", jr, [
-                    o("div", Er, [
+                  d.value ? (r(), c("div", Dr, [
+                    o("div", jr, [
                       o("button", {
                         class: "audio-message__modal-close-button",
                         onClick: T[2] || (T[2] = (V) => d.value = !1)
@@ -16598,7 +16596,7 @@ const k1 = {
                           o("i", { class: "pi pi-times" })
                         ], -1)
                       ])),
-                      o("p", null, D((N = e.message.transcript) == null ? void 0 : N.text), 1)
+                      o("p", Er, D((N = e.message.transcript) == null ? void 0 : N.text), 1)
                     ])
                   ])) : b("", !0)
                 ];
@@ -16613,10 +16611,10 @@ const k1 = {
             }, null, 8, Vr)
           ])) : b("", !0)
         ], 32)
-      ], 42, hr);
+      ], 42, pr);
     };
   }
-}), Sr = /* @__PURE__ */ Q(xr, [["__scopeId", "data-v-1e745361"]]), Cr = { class: "date-message" }, zr = { class: "date-message__container" }, Or = { class: "date-message__text" }, Lr = /* @__PURE__ */ Z({
+}), Sr = /* @__PURE__ */ Q(xr, [["__scopeId", "data-v-eaa9933c"]]), Cr = { class: "date-message" }, zr = { class: "date-message__container" }, Or = { class: "date-message__text" }, Lr = /* @__PURE__ */ Z({
   __name: "DateMessage",
   props: {
     message: {
@@ -16814,7 +16812,7 @@ const k1 = {
       ]))
     ], 42, Br));
   }
-}), eu = /* @__PURE__ */ Q(Xr, [["__scopeId", "data-v-e3f7949f"]]), fu = { class: "call-message" }, tu = ["messageId"], nu = ["src"], au = {
+}), eu = /* @__PURE__ */ Q(Xr, [["__scopeId", "data-v-7cae93d0"]]), fu = { class: "call-message" }, tu = ["messageId"], nu = ["src"], au = {
   key: 1,
   class: "call-message__subtext"
 }, su = { class: "call-message__content" }, Au = {
@@ -17049,7 +17047,7 @@ function on({ component: e, attrs: f }) {
 const vc = async (e, f) => {
   const t = await on({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-BEc8U26U.js"),
+    component: import("./SelectUser2-DwuGsdVS.js"),
     attrs: {
       title: e,
       users: f
@@ -17289,7 +17287,7 @@ export {
   Ke as L,
   Je as M,
   bu as S,
-  pr as T,
+  mr as T,
   ic as U,
   eu as V,
   Q as _,