@mobilon-dev/chotto 0.3.104 → 0.3.106

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

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