@mobilon-dev/chotto 0.3.61 → 0.3.62

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

@@ -1,7 +1,7 @@
 import o from "./Feed.vue2.js";
 /* empty css          */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a6f40e16"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ecfc31fa"]]);
 export {
-  f as default
+  a as default
 };

package/dist/components/3_compounds/Feed/Feed.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as fe, ref as k, computed as i, inject as w, unref as o, watch as ge, nextTick as j, onMounted as ye, createElementBlock as c, openBlock as l, Fragment as K, createBlock as f, createCommentVNode as u, normalizeStyle as x, renderSlot as L, withDirectives as pe, createVNode as g, createElementVNode as h, vShow as be, Transition as v, withCtx as S, renderList as ke, resolveDynamicComponent as he, toDisplayString as ve, Teleport as Se } from "vue";
+import { defineComponent as me, ref as k, computed as l, inject as w, unref as o, watch as fe, nextTick as j, onMounted as ge, createElementBlock as c, openBlock as i, createVNode as g, createBlock as f, createCommentVNode as u, normalizeStyle as K, renderSlot as x, withDirectives as ye, createElementVNode as h, vShow as pe, Transition as v, withCtx as S, Fragment as be, renderList as ke, resolveDynamicComponent as he, toDisplayString as ve, Teleport as Se } from "vue";
 import Re from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
 import Be from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
 import Ie from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
@@ -17,10 +17,10 @@ import { useFeedScrollTo as Oe } from "./composables/useFeedScrollTo.js";
 import { useStickyDate as Ve } from "./composables/useStickyDate.js";
 import { throttle as $e } from "./functions/throttle.js";
 import qe from "./assets/chat-background.svg.js";
-const ze = ["id"], Ee = { class: "message-feed__loading" }, Pe = ["id", "data-timestamp", "onDblclick"], We = {
+const ze = { class: "message-feed-wrapper" }, Ee = ["id"], Pe = { class: "message-feed__loading" }, We = ["id", "data-timestamp", "onDblclick"], Ne = { style: { margin: "auto" } }, Ge = {
   key: 0,
   class: "message-feed__unread-amount"
-}, Ne = { style: { margin: "auto" } }, ct = /* @__PURE__ */ fe({
+}, ut = /* @__PURE__ */ me({
   __name: "Feed",
   props: {
     objects: {
@@ -98,24 +98,24 @@ const ze = ["id"], Ee = { class: "message-feed__loading" }, Pe = ["id", "data-ti
     "smsInvite",
     "delimiterRead"
   ],
-  setup(e, { emit: O }) {
+  setup(e, { emit: L }) {
     const a = e, b = k(), r = k(), R = k(), {
-      isShowButton: V,
-      isKeyboardPlace: $,
-      checkButtonVisibility: q
+      isShowButton: O,
+      isKeyboardPlace: V,
+      checkButtonVisibility: $
     } = Fe({
       feedRef: r,
       keyboardRef: R
-    }), { componentsMap: z } = Ce(), E = i(() => a.reactionsEnabled), { groupedObjects: P } = De({
-      objects: i(() => a.objects)
-    }), y = w("chatAppId"), B = w("selectedChat", void 0), I = i(() => {
+    }), { componentsMap: q } = Ce(), z = l(() => a.reactionsEnabled), { groupedObjects: E } = De({
+      objects: l(() => a.objects)
+    }), y = w("chatAppId"), B = w("selectedChat", void 0), I = l(() => {
       if (B)
         return o(B);
     });
-    function W(s) {
+    function P(s) {
       return s.timestamp;
     }
-    function N(s) {
+    function W(s) {
       var m;
       const n = s;
       if (!n.dialogId || !((m = I.value) != null && m.dialogs))
@@ -123,65 +123,65 @@ const ze = ["id"], Ee = { class: "message-feed__loading" }, Pe = ["id", "data-ti
       const t = I.value.dialogs.find((p) => p.dialogId === n.dialogId);
       return t == null ? void 0 : t.channelId;
     }
-    const d = O, {
-      checkScrollPosition: G,
+    const d = L, {
+      checkScrollPosition: N,
       startScrollWatch: T,
       stopScrollWatch: A,
-      resetAllowFlags: U
+      resetAllowFlags: G
     } = je({
       feedRef: r,
       emit: d,
-      isLoadingMoreRef: i(() => a.isLoadingMore)
+      isLoadingMoreRef: l(() => a.isLoadingMore)
     }), {
       getMessage: M,
-      messageAction: H,
-      handleClickReplied: J,
-      feedObjectDoubleClick: Q,
-      handleResetReply: X
+      messageAction: U,
+      handleClickReplied: H,
+      feedObjectDoubleClick: J,
+      handleResetReply: Q
     } = xe({
       enableDoubleClickReply: a.enableDoubleClickReply,
       emit: d
     });
-    function Y(s) {
+    function X(s) {
       d("smsInvite", s);
     }
-    function Z(s) {
+    function Y(s) {
       d("delimiterRead", s);
     }
     const {
-      showKeyboard: _,
-      keyboardAction: ee,
-      feedKeyboardAction: te
+      showKeyboard: Z,
+      keyboardAction: _,
+      feedKeyboardAction: ee
     } = we({
-      isKeyboardPlace: $,
-      objects: i(() => a.objects),
+      isKeyboardPlace: V,
+      objects: l(() => a.objects),
       emit: d
     }), {
-      showStickyDate: oe,
-      stickyDateText: se,
-      show: ne
+      showStickyDate: te,
+      stickyDateText: oe,
+      show: se
     } = Ve({
       feedRef: r,
       trackingObjects: b
     }), {
-      isInitialized: ae,
-      performScrollToBottom: le,
+      isInitialized: ne,
+      performScrollToBottom: ae,
       ensureScrollToBottom: F,
       initializeScroll: ie,
-      smoothScrollToBottom: re
+      smoothScrollToBottom: le
     } = Le({
       feedRef: r,
-      objectsRef: i(() => a.objects),
-      scrollToBottomRef: i(() => a.scrollToBottom)
-    }), C = i(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(qe)}`);
+      objectsRef: l(() => a.objects),
+      scrollToBottomRef: l(() => a.scrollToBottom)
+    }), C = l(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(qe)}`);
     function D(s = !0) {
-      q(), G(s), ne();
+      $(), N(s), se();
     }
-    const de = $e(() => D(), 250);
-    function ce() {
-      d("forceScrollToBottom"), re();
+    const re = $e(() => D(), 250);
+    function de() {
+      d("forceScrollToBottom"), le();
     }
-    function ue(s) {
+    function ce(s) {
       const n = a.objects;
       if (s.startsWith("mid-")) {
         const t = parseInt(s.slice(4), 10);
@@ -189,30 +189,30 @@ const ze = ["id"], Ee = { class: "message-feed__loading" }, Pe = ["id", "data-ti
       }
       return n.find((t) => t.messageId === s);
     }
-    const { restartObserving: me } = Ke({
+    const { restartObserving: ue } = Ke({
       trackingObjects: b,
       chatAppId: y,
-      getMessageById: ue,
+      getMessageById: ce,
       onMessageVisible: (s) => d("messageVisible", s)
     });
-    return ge(
+    return fe(
       () => a.objects,
       () => {
         j(() => {
           requestAnimationFrame(() => {
-            U(), D(!1), b.value = document.querySelectorAll(".tracking-message"), me();
+            G(), D(!1), b.value = document.querySelectorAll(".tracking-message"), ue();
           });
         });
       },
       { immediate: !0 }
     ), Oe({
-      targetIdRef: i(() => a.scrollTo),
+      targetIdRef: l(() => a.scrollTo),
       feedContainerId: `feed-container-${y}`
-    }), ye(() => {
+    }), ge(() => {
       j(() => {
-        a.objects.length > 0 && !ae.value && ie();
+        a.objects.length > 0 && !ne.value && ie();
         const s = new ResizeObserver(() => {
-          a.scrollToBottom && (le(), setTimeout(() => {
+          a.scrollToBottom && (ae(), setTimeout(() => {
             F();
           }, 200), setTimeout(() => {
             F();
@@ -220,63 +220,63 @@ const ze = ["id"], Ee = { class: "message-feed__loading" }, Pe = ["id", "data-ti
         });
         r.value && s.observe(r.value);
       });
-    }), (s, n) => (l(), c(K, null, [
-      e.objects.length > 0 || e.typing ? (l(), c("div", {
+    }), (s, n) => (i(), c("div", ze, [
+      e.objects.length > 0 || e.typing ? (i(), c("div", {
         key: 0,
         id: "feed-container-" + o(y),
         ref_key: "refFeed",
         ref: r,
         class: "message-feed",
-        style: x({ backgroundImage: `url(${C.value})` }),
-        onScroll: n[0] || (n[0] = (t) => o(de)()),
+        style: K({ backgroundImage: `url(${C.value})` }),
+        onScroll: n[0] || (n[0] = (t) => o(re)()),
         onMousedown: n[1] || (n[1] = //@ts-ignore
         (...t) => o(T) && o(T)(...t)),
         onMouseup: n[2] || (n[2] = //@ts-ignore
         (...t) => o(A) && o(A)(...t))
       }, [
-        L(s.$slots, "prepend", {}, void 0, !0),
-        pe(h("div", Ee, [
+        x(s.$slots, "prepend", {}, void 0, !0),
+        ye(h("div", Pe, [
           g(Me, {
             "is-loading": e.isLoadingMore,
             size: "small",
             position: "top"
           }, null, 8, ["is-loading"])
         ], 512), [
-          [be, e.isLoadingMore]
+          [pe, e.isLoadingMore]
         ]),
         g(v, null, {
           default: S(() => [
-            o(oe) && !e.isLoadingMore ? (l(), f(Re, {
+            o(te) && !e.isLoadingMore ? (i(), f(Re, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: o(se)
+              text: o(oe)
             }, null, 8, ["text"])) : u("", !0)
           ]),
           _: 1
         }),
-        (l(!0), c(K, null, ke(o(P), (t, m) => (l(), c("div", {
+        (i(!0), c(be, null, ke(o(E), (t, m) => (i(), c("div", {
           id: "msg-" + (t.messageId ?? "mid-" + m),
           key: t.messageId ?? "mid-" + m,
-          "data-timestamp": W(t),
+          "data-timestamp": P(t),
           class: "tracking-message",
-          onDblclick: (p) => o(Q)(p, t)
+          onDblclick: (p) => o(J)(p, t)
         }, [
-          (l(), f(he(o(z)(t.type)), {
+          (i(), f(he(o(q)(t.type)), {
             key: t.messageId ?? "mid-" + m,
             class: "message-feed__message",
             message: t,
             "apply-style": e.applyStyle,
             "is-first-in-series": t.isFirstInSeries,
-            "reactions-enabled": E.value,
+            "reactions-enabled": z.value,
             "subtext-tooltip-data": e.subtextTooltipData,
-            channel: N(t),
-            onAction: o(H),
-            onReply: o(J),
-            onSmsInvite: (p) => Y(t),
-            onRead: Z
+            channel: W(t),
+            onAction: o(U),
+            onReply: o(H),
+            onSmsInvite: (p) => X(t),
+            onRead: Y
           }, null, 40, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
-        ], 40, Pe))), 128)),
-        e.typing ? (l(), f(Ae, {
+        ], 40, We))), 128)),
+        e.typing ? (i(), f(Ae, {
           key: 0,
           message: {
             subText: e.typing.title,
@@ -285,61 +285,61 @@ const ze = ["id"], Ee = { class: "message-feed__loading" }, Pe = ["id", "data-ti
         }, null, 8, ["message"])) : u("", !0),
         g(v, null, {
           default: S(() => [
-            o(_) ? (l(), f(Ie, {
+            o(Z) ? (i(), f(Ie, {
               key: 0,
               ref_key: "keyboardRef",
               ref: R,
               class: "message-feed__keyboard",
               keyboard: e.objects[e.objects.length - 1].keyboard,
               align: e.keyboardAlign,
-              onAction: o(ee)
+              onAction: o(_)
             }, null, 8, ["keyboard", "align", "onAction"])) : u("", !0)
           ]),
           _: 1
         }),
-        g(v, null, {
-          default: S(() => [
-            o(V) ? (l(), c("button", {
-              key: 0,
-              class: "message-feed__button-down",
-              onClick: ce
-            }, [
-              e.buttonParams ? (l(), c("div", We, ve(e.buttonParams.unreadAmount), 1)) : u("", !0),
-              n[3] || (n[3] = h("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
-            ])) : u("", !0)
-          ]),
-          _: 1
-        }),
-        e.feedKeyboards && e.feedKeyboards.length > 0 ? (l(), f(Te, {
+        e.feedKeyboards && e.feedKeyboards.length > 0 ? (i(), f(Te, {
           key: 1,
           buttons: e.feedKeyboards,
           align: e.feedKeyboardAlign,
-          onAction: o(te)
+          onAction: o(ee)
         }, null, 8, ["buttons", "align", "onAction"])) : u("", !0)
-      ], 44, ze)) : (l(), c("div", {
+      ], 44, Ee)) : (i(), c("div", {
         key: 1,
         ref_key: "refFeed",
         ref: r,
         class: "message-feed",
-        style: x({ backgroundImage: `url(${C.value})` })
+        style: K({ backgroundImage: `url(${C.value})` })
       }, [
         h("div", Ne, [
-          L(s.$slots, "empty-feed", {}, void 0, !0)
+          x(s.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 4)),
-      o(M)().reply ? (l(), f(Se, {
+      g(v, null, {
+        default: S(() => [
+          o(O) ? (i(), c("button", {
+            key: 0,
+            class: "message-feed__button-down",
+            onClick: de
+          }, [
+            e.buttonParams ? (i(), c("div", Ge, ve(e.buttonParams.unreadAmount), 1)) : u("", !0),
+            n[3] || (n[3] = h("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+          ])) : u("", !0)
+        ]),
+        _: 1
+      }),
+      o(M)().reply ? (i(), f(Se, {
         key: 2,
         to: "#chat-input-reply-line-" + o(y)
       }, [
         g(Be, {
           class: "chat-input-reply",
           message: o(M)().reply,
-          onReset: o(X)
+          onReset: o(Q)
         }, null, 8, ["message", "onReset"])
       ], 8, ["to"])) : u("", !0)
-    ], 64));
+    ]));
   }
 });
 export {
-  ct as default
+  ut as default
 };

package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts

@@ -1,9 +1,9 @@
 import { IFeedObject, IFeedTyping, IFeedUnreadButton, IFeedKeyboard } from '@/types';
-declare var __VLS_1: {}, __VLS_51: {};
+declare var __VLS_1: {}, __VLS_47: {};
 type __VLS_Slots = {} & {
     prepend?: (props: typeof __VLS_1) => any;
 } & {
-    'empty-feed'?: (props: typeof __VLS_51) => any;
+    'empty-feed'?: (props: typeof __VLS_47) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     objects: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.61",
+  "version": "0.3.62",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",