@mobilon-dev/chotto 0.3.105 → 0.3.106

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

@@ -1,32 +1,36 @@
-import { defineComponent as ve, ref as h, computed as r, provide as v, inject as L, unref as t, watch as Me, nextTick as U, onMounted as Se, createElementBlock as u, openBlock as i, createVNode as g, createBlock as m, createCommentVNode as l, normalizeStyle as E, renderSlot as N, withDirectives as Ie, createElementVNode as M, vShow as Re, Transition as S, withCtx as I, Fragment as Ae, renderList as Be, resolveDynamicComponent as Ce, mergeProps as Fe, toDisplayString as Te, Teleport as V } from "vue";
-import De from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
-import we from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
-import Ke from "../../2_feed_elements/BaseEditMessage/BaseEditMessage.vue.js";
-import je from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
-import xe from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
-import Oe from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
-import Le from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
-import { useFeedButton as Ue } from "./composables/useFeedButton.js";
-import { useFeedComponents as Ee } from "./composables/useFeedComponents.js";
-import { useFeedGrouping as Ne } from "./composables/useFeedGrouping.js";
-import { useFeedKeyboard as Ve } from "./composables/useFeedKeyboard.js";
-import { useFeedLoadMore as $e } from "./composables/useFeedLoadMore.js";
-import { useFeedMessageVisibility as qe } from "./composables/useFeedMessageVisibility.js";
-import { useFeedReply as Pe } from "./composables/useFeedReply.js";
-import { useFeedScroll as ze } from "./composables/useFeedScroll.js";
-import { useFeedScrollTo as We } from "./composables/useFeedScrollTo.js";
-import { useStickyDate as Ge } from "./composables/useStickyDate.js";
-import { throttle as He } from "./functions/throttle.js";
-import { getDefaultMessageMenuActions as Je } from "./utils/getDefaultMessageMenuActions.js";
-import { isSmsFeedMessage as Qe } from "../../../functions/isSmsChannel.js";
+import { defineComponent as Ce, ref as R, computed as i, provide as A, inject as z, unref as t, watch as B, nextTick as F, onMounted as Te, createElementBlock as g, openBlock as l, createVNode as p, createBlock as y, createCommentVNode as m, normalizeStyle as G, renderSlot as H, withDirectives as De, createElementVNode as C, vShow as we, Transition as T, withCtx as D, Fragment as xe, renderList as Ke, isMemoSame as Oe, resolveDynamicComponent as je, mergeProps as Ne, toDisplayString as Le, Teleport as J } from "vue";
+import Ue from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
+import $e from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
+import qe from "../../2_feed_elements/BaseEditMessage/BaseEditMessage.vue.js";
+import Ee from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
+import Pe from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
+import Ve from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
+import We from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
+import { useFeedButton as ze } from "./composables/useFeedButton.js";
+import { useFeedComponents as Ge } from "./composables/useFeedComponents.js";
+import { useFeedGrouping as He } from "./composables/useFeedGrouping.js";
+import { useFeedKeyboard as Je } from "./composables/useFeedKeyboard.js";
+import { useFeedLoadMore as Qe } from "./composables/useFeedLoadMore.js";
+import { useFeedMessageVisibility as Xe } from "./composables/useFeedMessageVisibility.js";
+import { useFeedProgressiveRender as Ye } from "./composables/useFeedProgressiveRender.js";
+import { useFeedReply as Ze } from "./composables/useFeedReply.js";
+import { useFeedScroll as _e } from "./composables/useFeedScroll.js";
+import { useFeedScrollTo as et } from "./composables/useFeedScrollTo.js";
+import { useStickyDate as tt } from "./composables/useStickyDate.js";
+import { throttle as ot } from "./functions/throttle.js";
+import { getDefaultMessageMenuActions as st } from "./utils/getDefaultMessageMenuActions.js";
+import { isSmsFeedMessage as nt } from "../../../functions/isSmsChannel.js";
 import "../../../functions/parseMarkdown.js";
-import Xe from "./assets/chat-background.svg.js";
-const Ye = { class: "message-feed-wrapper" }, Ze = ["id"], _e = { class: "message-feed__loading" }, et = ["id", "data-timestamp", "onDblclick"], tt = { style: { margin: "auto" } }, ot = {
+import at from "./assets/chat-background.svg.js";
+const rt = { class: "message-feed-wrapper" }, it = ["id"], lt = { class: "message-feed__loading" }, dt = { style: { margin: "auto" } }, ct = {
   key: 0,
   class: "message-feed__unread-amount"
-}, Bt = /* @__PURE__ */ ve({
+}, jt = /* @__PURE__ */ Ce({
   __name: "Feed",
   props: {
+    /**
+     * Объекты ленты. При смене чата сначала рисуется хвост, остальное дорисовывается пачками.
+     */
     objects: {
       type: Array,
       required: !0
@@ -60,7 +64,7 @@ const Ye = { class: "message-feed-wrapper" }, Ze = ["id"], _e = { class: "messag
     keyboardAlign: {
       type: String,
       default: "right",
-      validator: (e) => ["left", "center", "right"].includes(e)
+      validator: (s) => ["left", "center", "right"].includes(s)
     },
     feedKeyboards: {
       type: Array,
@@ -70,7 +74,7 @@ const Ye = { class: "message-feed-wrapper" }, Ze = ["id"], _e = { class: "messag
     feedKeyboardAlign: {
       type: String,
       default: "right",
-      validator: (e) => ["left", "center", "right"].includes(e)
+      validator: (s) => ["left", "center", "right"].includes(s)
     },
     chatBackground: {
       type: String,
@@ -87,7 +91,7 @@ const Ye = { class: "message-feed-wrapper" }, Ze = ["id"], _e = { class: "messag
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (e) => ["single", "multi"].includes(e)
+      validator: (s) => ["single", "multi"].includes(s)
     },
     /** Id текущего пользователя — для расчёта «моих» реакций */
     currentUserId: {
@@ -119,7 +123,7 @@ const Ye = { class: "message-feed-wrapper" }, Ze = ["id"], _e = { class: "messag
      */
     messageMenuActions: {
       type: Array,
-      default: () => Je()
+      default: () => st()
     }
   },
   emits: [
@@ -134,263 +138,297 @@ const Ye = { class: "message-feed-wrapper" }, Ze = ["id"], _e = { class: "messag
     "smsInvite",
     "delimiterRead"
   ],
-  setup(e, { emit: $ }) {
-    const n = e, k = h(), f = h(), R = h(), {
-      isShowButton: q,
-      isKeyboardPlace: P,
-      checkButtonVisibility: z
-    } = Ue({
-      feedRef: f,
-      keyboardRef: R
-    }), { componentsMap: W } = Ee(), G = r(() => n.reactionsEnabled), H = r(() => n.reactionsMode), A = r(() => n.currentUserId), B = r(() => n.reactionUserNames);
-    v("currentUserId", A), v("reactionUserNames", B), v(
+  setup(s, { emit: Q }) {
+    const a = s, v = R(), c = R(), w = R(), {
+      isShowButton: X,
+      isKeyboardPlace: Y,
+      checkButtonVisibility: Z
+    } = ze({
+      feedRef: c,
+      keyboardRef: w
+    }), { componentsMap: _ } = Ge(), ee = i(() => a.reactionsEnabled), te = i(() => a.reactionsMode), x = i(() => a.currentUserId), K = i(() => a.reactionUserNames);
+    A("currentUserId", x), A("reactionUserNames", K), A(
       "messageMenuActions",
-      r(() => n.messageMenuActions)
+      i(() => a.messageMenuActions)
     );
-    const { groupedObjects: J } = Ne({
-      objects: r(() => n.objects)
-    }), y = L("chatAppId"), C = L("selectedChat", void 0), F = r(() => {
-      if (C)
-        return t(C);
+    const { seriesFlags: O } = He({
+      objects: i(() => a.objects)
+    }), {
+      visibleObjects: oe,
+      renderStart: h,
+      isBackfilling: se,
+      revealThroughIndex: ne,
+      accelerateBackfill: ae
+    } = Ye({
+      objectsRef: i(() => a.objects),
+      feedRef: c
+    }), b = z("chatAppId"), j = z("selectedChat", void 0), N = i(() => {
+      if (j)
+        return t(j);
     });
-    function Q(o) {
+    function re(o) {
       return o.timestamp;
     }
-    function T(o) {
-      var p, x, O;
-      const a = o, s = a.channelId || ((p = a.channel) == null ? void 0 : p.channelId) || ((x = a.meta) == null ? void 0 : x.channelId);
-      if (s) return String(s);
-      if (!a.dialogId || !((O = F.value) != null && O.dialogs))
+    function M(o, n) {
+      return o.messageId || `mid-${h.value + n}`;
+    }
+    function L(o) {
+      var u, d, k;
+      const n = o, e = n.channelId || ((u = n.channel) == null ? void 0 : u.channelId) || ((d = n.meta) == null ? void 0 : d.channelId);
+      if (e) return String(e);
+      if (!n.dialogId || !((k = N.value) != null && k.dialogs))
         return;
-      const c = F.value.dialogs.find((he) => he.dialogId === a.dialogId);
-      return c == null ? void 0 : c.channelId;
+      const r = N.value.dialogs.find((I) => I.dialogId === n.dialogId);
+      return r == null ? void 0 : r.channelId;
     }
-    function X(o) {
-      return o.type === "message.call" && typeof n.callMessageOnCallback == "function" ? { onCall: n.callMessageOnCallback } : {};
+    function ie(o) {
+      return o.type === "message.call" && typeof a.callMessageOnCallback == "function" ? { onCall: a.callMessageOnCallback } : {};
     }
-    const d = $, {
-      checkScrollPosition: Y,
-      startScrollWatch: D,
-      stopScrollWatch: w,
-      resetAllowFlags: Z
-    } = $e({
-      feedRef: f,
-      emit: d,
-      isLoadingMoreRef: r(() => n.isLoadingMore)
+    const f = Q, {
+      checkScrollPosition: le,
+      startScrollWatch: U,
+      stopScrollWatch: $,
+      resetAllowFlags: de
+    } = Qe({
+      feedRef: c,
+      emit: f,
+      isLoadingMoreRef: i(() => a.isLoadingMore)
     }), {
-      getMessage: b,
-      messageAction: _,
-      handleClickReplied: ee,
-      feedObjectDoubleClick: te,
-      handleResetReply: oe,
-      handleResetEdit: se
-    } = Pe({
-      enableDoubleClickReply: n.enableDoubleClickReply,
-      emit: d,
-      isReplyAllowed: (o) => !Qe(o, T(o))
+      getMessage: S,
+      messageAction: ce,
+      handleClickReplied: ue,
+      feedObjectDoubleClick: me,
+      handleResetReply: fe,
+      handleResetEdit: ge
+    } = Ze({
+      enableDoubleClickReply: a.enableDoubleClickReply,
+      emit: f,
+      isReplyAllowed: (o) => !nt(o, L(o))
     });
-    function ne(o) {
-      d("smsInvite", o);
+    function ye(o) {
+      f("smsInvite", o);
     }
-    function ae(o) {
-      d("delimiterRead", o);
+    function pe(o) {
+      f("delimiterRead", o);
     }
     const {
-      showKeyboard: ie,
-      keyboardAction: re,
-      feedKeyboardAction: le
-    } = Ve({
-      isKeyboardPlace: P,
-      objects: r(() => n.objects),
-      emit: d
+      showKeyboard: be,
+      keyboardAction: ke,
+      feedKeyboardAction: ve
+    } = Je({
+      isKeyboardPlace: Y,
+      objects: i(() => a.objects),
+      emit: f
     }), {
-      showStickyDate: de,
-      stickyDateText: ce,
-      show: ue
-    } = Ge({
-      feedRef: f,
-      trackingObjects: k
+      showStickyDate: he,
+      stickyDateText: Me,
+      show: q
+    } = tt({
+      feedRef: c,
+      trackingObjects: v
     }), {
-      isInitialized: me,
-      initializeScroll: fe,
-      smoothScrollToBottom: ge
-    } = ze({
-      feedRef: f,
-      objectsRef: r(() => n.objects),
-      scrollToBottomRef: r(() => n.scrollToBottom)
-    }), K = r(() => n.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(Xe)}`);
-    function j(o = !0) {
-      z(), Y(o), ue();
+      isInitialized: Se,
+      initializeScroll: Ie,
+      smoothScrollToBottom: Re
+    } = _e({
+      feedRef: c,
+      objectsRef: i(() => a.objects),
+      scrollToBottomRef: i(() => a.scrollToBottom)
+    }), E = i(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(at)}`);
+    function P(o = !0) {
+      if (Z(), se.value) {
+        const n = c.value;
+        n && n.scrollTop < 300 && ae(), q();
+        return;
+      }
+      le(o), q();
     }
-    const ye = He(() => j(), 250);
-    function pe() {
-      d("forceScrollToBottom"), ge();
+    const Ae = ot(() => P(), 250);
+    function Be() {
+      f("forceScrollToBottom"), Re();
     }
-    function be(o) {
-      const a = n.objects;
+    function Fe(o) {
+      const n = a.objects;
       if (o.startsWith("mid-")) {
-        const s = parseInt(o.slice(4), 10);
-        return a[s];
+        const e = parseInt(o.slice(4), 10);
+        return n[e];
       }
-      return a.find((s) => s.messageId === o);
+      return n.find((e) => e.messageId === o);
     }
-    const { restartObserving: ke } = qe({
-      trackingObjects: k,
-      chatAppId: y,
-      getMessageById: be,
-      onMessageVisible: (o) => d("messageVisible", o)
+    const { restartObserving: V } = Xe({
+      trackingObjects: v,
+      chatAppId: b,
+      getMessageById: Fe,
+      onMessageVisible: (o) => f("messageVisible", o)
     });
-    return Me(
-      () => n.objects,
+    return B(
+      () => a.objects,
       () => {
-        U(() => {
+        F(() => {
           requestAnimationFrame(() => {
-            Z(), j(!1), k.value = document.querySelectorAll(".tracking-message"), ke();
+            de(), P(!1), v.value = document.querySelectorAll(".tracking-message"), V();
           });
         });
       },
       { immediate: !0 }
-    ), We({
-      targetIdRef: r(() => n.scrollTo),
-      feedContainerId: `feed-container-${y}`
-    }), Se(() => {
-      U(() => {
-        n.objects.length > 0 && !me.value && fe();
+    ), B(h, () => {
+      F(() => {
+        v.value = document.querySelectorAll(".tracking-message"), V();
       });
-    }), (o, a) => (i(), u("div", Ye, [
-      e.objects.length > 0 || e.typing ? (i(), u("div", {
+    }), B(
+      () => a.scrollTo,
+      (o) => {
+        if (!o) return;
+        const n = a.objects, e = o.trim(), r = e.startsWith("msg-") ? e.slice(4) : e;
+        let u = -1;
+        r.startsWith("mid-") ? u = Number.parseInt(r.slice(4), 10) : u = n.findIndex((d) => d.messageId === r || d.messageId === e), Number.isFinite(u) && ne(u);
+      }
+    ), et({
+      targetIdRef: i(() => a.scrollTo),
+      feedContainerId: `feed-container-${b}`
+    }), Te(() => {
+      F(() => {
+        a.objects.length > 0 && !Se.value && Ie();
+      });
+    }), (o, n) => (l(), g("div", rt, [
+      s.objects.length > 0 || s.typing ? (l(), g("div", {
         key: 0,
-        id: "feed-container-" + t(y),
+        id: "feed-container-" + t(b),
         ref_key: "refFeed",
-        ref: f,
+        ref: c,
         class: "message-feed",
-        style: E({ backgroundImage: `url(${K.value})` }),
-        onScroll: a[0] || (a[0] = (s) => t(ye)()),
-        onMousedown: a[1] || (a[1] = //@ts-ignore
-        (...s) => t(D) && t(D)(...s)),
-        onMouseup: a[2] || (a[2] = //@ts-ignore
-        (...s) => t(w) && t(w)(...s))
+        style: G({ backgroundImage: `url(${E.value})` }),
+        onScroll: n[2] || (n[2] = (e) => t(Ae)()),
+        onMousedown: n[3] || (n[3] = //@ts-ignore
+        (...e) => t(U) && t(U)(...e)),
+        onMouseup: n[4] || (n[4] = //@ts-ignore
+        (...e) => t($) && t($)(...e))
       }, [
-        N(o.$slots, "prepend", {}, void 0, !0),
-        Ie(M("div", _e, [
-          g(Le, {
-            "is-loading": e.isLoadingMore,
+        H(o.$slots, "prepend", {}, void 0, !0),
+        De(C("div", lt, [
+          p(We, {
+            "is-loading": s.isLoadingMore,
             size: "small",
             position: "top"
           }, null, 8, ["is-loading"])
         ], 512), [
-          [Re, e.isLoadingMore]
+          [we, s.isLoadingMore]
         ]),
-        g(S, null, {
-          default: I(() => [
-            t(de) && !e.isLoadingMore ? (i(), m(De, {
+        p(T, null, {
+          default: D(() => [
+            t(he) && !s.isLoadingMore ? (l(), y(Ue, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: t(ce)
-            }, null, 8, ["text"])) : l("", !0)
+              text: t(Me)
+            }, null, 8, ["text"])) : m("", !0)
           ]),
           _: 1
         }),
-        (i(!0), u(Ae, null, Be(t(J), (s, c) => (i(), u("div", {
-          id: "msg-" + (s.messageId ?? "mid-" + c),
-          key: s.messageId ?? "mid-" + c,
-          "data-timestamp": Q(s),
-          class: "tracking-message",
-          onDblclick: (p) => t(te)(p, s)
-        }, [
-          (i(), m(Ce(t(W)(s)), Fe({
-            key: s.messageId ?? "mid-" + c,
-            class: "message-feed__message",
-            message: s,
-            "apply-style": e.applyStyle,
-            "is-first-in-series": s.isFirstInSeries,
-            "reactions-enabled": G.value,
-            "reactions-mode": H.value,
-            "current-user-id": A.value,
-            "reaction-user-names": B.value,
-            "subtext-tooltip-data": e.subtextTooltipData,
-            channel: T(s)
-          }, { ref_for: !0 }, X(s), {
-            onAction: t(_),
-            onReply: t(ee),
-            onSmsInvite: (p) => ne(s),
-            onRead: ae
-          }), null, 16, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "reactions-mode", "current-user-id", "reaction-user-names", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
-        ], 40, et))), 128)),
-        e.typing ? (i(), m(Oe, {
+        (l(!0), g(xe, null, Ke(t(oe), (e, r, u, d) => {
+          const k = [e.messageId, e.text, e.status, e.reply, t(O)[t(h) + r]];
+          if (d && d.key === M(e, r) && Oe(d, k)) return d;
+          const I = (l(), g("div", {
+            id: "msg-" + M(e, r),
+            key: M(e, r),
+            "data-timestamp": re(e),
+            class: "tracking-message",
+            onDblclick: (W) => t(me)(W, e)
+          }, [
+            (l(), y(je(t(_)(e)), Ne({
+              key: M(e, r),
+              class: "message-feed__message",
+              message: e,
+              "apply-style": s.applyStyle,
+              "is-first-in-series": t(O)[t(h) + r],
+              "reactions-enabled": ee.value,
+              "reactions-mode": te.value,
+              "current-user-id": x.value,
+              "reaction-user-names": K.value,
+              "subtext-tooltip-data": s.subtextTooltipData,
+              channel: L(e)
+            }, { ref_for: !0 }, ie(e), {
+              onAction: t(ce),
+              onReply: t(ue),
+              onSmsInvite: (W) => ye(e),
+              onRead: pe
+            }), null, 16, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "reactions-mode", "current-user-id", "reaction-user-names", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
+          ], 40, ["id", "data-timestamp", "onDblclick"]));
+          return I.memo = k, I;
+        }, n, 0), 128)),
+        s.typing ? (l(), y(Ve, {
           key: 0,
           message: {
-            subText: e.typing.title,
-            avatar: e.typing.avatar
+            subText: s.typing.title,
+            avatar: s.typing.avatar
           }
-        }, null, 8, ["message"])) : l("", !0),
-        g(S, null, {
-          default: I(() => [
-            t(ie) ? (i(), m(je, {
+        }, null, 8, ["message"])) : m("", !0),
+        p(T, null, {
+          default: D(() => [
+            t(be) ? (l(), y(Ee, {
               key: 0,
               ref_key: "keyboardRef",
-              ref: R,
+              ref: w,
               class: "message-feed__keyboard",
-              keyboard: e.objects[e.objects.length - 1].keyboard,
-              align: e.keyboardAlign,
-              onAction: t(re)
-            }, null, 8, ["keyboard", "align", "onAction"])) : l("", !0)
+              keyboard: s.objects[s.objects.length - 1].keyboard,
+              align: s.keyboardAlign,
+              onAction: t(ke)
+            }, null, 8, ["keyboard", "align", "onAction"])) : m("", !0)
           ]),
           _: 1
         }),
-        e.feedKeyboards && e.feedKeyboards.length > 0 ? (i(), m(xe, {
+        s.feedKeyboards && s.feedKeyboards.length > 0 ? (l(), y(Pe, {
           key: 1,
-          buttons: e.feedKeyboards,
-          align: e.feedKeyboardAlign,
-          onAction: t(le)
-        }, null, 8, ["buttons", "align", "onAction"])) : l("", !0)
-      ], 44, Ze)) : (i(), u("div", {
+          buttons: s.feedKeyboards,
+          align: s.feedKeyboardAlign,
+          onAction: t(ve)
+        }, null, 8, ["buttons", "align", "onAction"])) : m("", !0)
+      ], 44, it)) : (l(), g("div", {
         key: 1,
         ref_key: "refFeed",
-        ref: f,
+        ref: c,
         class: "message-feed",
-        style: E({ backgroundImage: `url(${K.value})` })
+        style: G({ backgroundImage: `url(${E.value})` })
       }, [
-        M("div", tt, [
-          N(o.$slots, "empty-feed", {}, void 0, !0)
+        C("div", dt, [
+          H(o.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 4)),
-      g(S, null, {
-        default: I(() => [
-          t(q) ? (i(), u("button", {
+      p(T, null, {
+        default: D(() => [
+          t(X) ? (l(), g("button", {
             key: 0,
             class: "message-feed__button-down",
-            onClick: pe
+            onClick: Be
           }, [
-            e.buttonParams ? (i(), u("div", ot, Te(e.buttonParams.unreadAmount), 1)) : l("", !0),
-            a[3] || (a[3] = M("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
-          ])) : l("", !0)
+            s.buttonParams ? (l(), g("div", ct, Le(s.buttonParams.unreadAmount), 1)) : m("", !0),
+            n[5] || (n[5] = C("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+          ])) : m("", !0)
         ]),
         _: 1
       }),
-      t(b)().reply ? (i(), m(V, {
+      t(S)().reply ? (l(), y(J, {
         key: 2,
-        to: "#chat-input-reply-line-" + t(y)
+        to: "#chat-input-reply-line-" + t(b)
       }, [
-        g(we, {
+        p($e, {
           class: "chat-input-reply",
-          message: t(b)().reply,
-          onReset: t(oe)
+          message: t(S)().reply,
+          onReset: t(fe)
         }, null, 8, ["message", "onReset"])
-      ], 8, ["to"])) : l("", !0),
-      t(b)().edit ? (i(), m(V, {
+      ], 8, ["to"])) : m("", !0),
+      t(S)().edit ? (l(), y(J, {
         key: 3,
-        to: "#chat-input-reply-line-" + t(y)
+        to: "#chat-input-reply-line-" + t(b)
       }, [
-        g(Ke, {
+        p(qe, {
           class: "chat-input-reply",
-          message: t(b)().edit,
-          onReset: t(se)
+          message: t(S)().edit,
+          onReset: t(ge)
         }, null, 8, ["message", "onReset"])
-      ], 8, ["to"])) : l("", !0)
+      ], 8, ["to"])) : m("", !0)
     ]));
   }
 });
 export {
-  Bt as default
+  jt as default
 };

package/dist/components/3_compounds/Feed/composables/useFeedGrouping.js

@@ -1,32 +1,35 @@
-import { computed as p } from "vue";
-const n = /* @__PURE__ */ new Set([
+import { computed as a } from "vue";
+const u = /* @__PURE__ */ new Set([
   "message.system",
   "message.typing",
   "message.delimiter",
   "system.date"
 ]);
-function d(r, i) {
-  for (let e = i - 1; e >= 0; e--)
-    if (!n.has(r[e].type))
-      return r[e];
+function l(t, o) {
+  for (let e = o - 1; e >= 0; e--)
+    if (!u.has(t[e].type))
+      return t[e];
   return null;
 }
-function a({ objects: r }) {
+function c({ objects: t }) {
   return {
-    groupedObjects: p(() => !r.value || r.value.length === 0 ? [] : r.value.map((e, u, s) => {
-      if (n.has(e.type))
-        return {
-          ...e,
-          isFirstInSeries: !0
-        };
-      const t = d(s, u), o = t != null && t.position === e.position && t.header === e.header;
-      return {
-        ...e,
-        isFirstInSeries: !o
-      };
-    }))
+    seriesFlags: a(() => {
+      const e = t.value;
+      if (!e || e.length === 0) return [];
+      const n = new Array(e.length);
+      for (let s = 0; s < e.length; s++) {
+        const r = e[s];
+        if (u.has(r.type)) {
+          n[s] = !0;
+          continue;
+        }
+        const i = l(e, s);
+        n[s] = !(i != null && i.position === r.position && i.header === r.header);
+      }
+      return n;
+    })
   };
 }
 export {
-  a as useFeedGrouping
+  c as useFeedGrouping
 };