@mobilon-dev/chotto 0.3.35 → 0.3.37

package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as Oe, ref as a, inject as Ae, computed as h, watchEffect as Be, watch as j, onMounted as We, onUnmounted as Ne, createElementBlock as n, openBlock as c, Fragment as z, createCommentVNode as E, createVNode as C, unref as P, normalizeClass as se, createElementVNode as L, Transition as le, withCtx as re, withDirectives as Ve, renderList as oe, toDisplayString as ae, vShow as Re, normalizeStyle as He } from "vue";
-import { useMessageDraft as Ie } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as Ee, ref as i, inject as Fe, computed as d, watchEffect as Pe, watch as z, onMounted as Le, onUnmounted as Ue, createElementBlock as a, openBlock as o, Fragment as X, createCommentVNode as C, createVNode as E, unref as F, normalizeClass as Q, createElementVNode as P, Transition as Z, withCtx as x, withDirectives as $e, renderList as ee, toDisplayString as te, vShow as De, normalizeStyle as Oe } from "vue";
+import { useMessageDraft as Ae } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../functions/parseMarkdown.js";
-import ne from "./icons/StickerIcon.vue.js";
-import { isAnimatedSticker as F } from "../../2_feed_elements/StickerMessage/utils/stickerUtils.js";
+import se from "./icons/StickerIcon.vue.js";
+import { isAnimatedSticker as L } from "../../2_feed_elements/StickerMessage/utils/stickerUtils.js";
 import "../../2_feed_elements/StickerMessage/utils/suppress-lit-warning.js";
-const Xe = { class: "sticker-picker__container" }, Ye = ["onClick", "onMouseenter", "onMouseleave"], je = ["src"], ze = ["src", "alt"], Ge = {
+const Be = { class: "sticker-picker__container" }, We = ["onClick", "onMouseenter", "onMouseleave"], Ne = ["src"], Ve = ["src", "alt"], Re = {
   key: 2,
   class: "sticker-picker__tab-icon-placeholder"
-}, Ke = { class: "sticker-picker__content" }, qe = {
+}, He = { class: "sticker-picker__content" }, Ie = {
   key: 0,
   class: "sticker-picker__empty"
-}, Je = {
+}, je = {
   key: 1,
   class: "sticker-picker__grid"
-}, Qe = ["onClick", "onMousedown", "onMouseenter", "onTouchstart"], Ze = ["src"], xe = ["src", "alt"], et = ["src"], tt = ["src", "alt"], st = {
+}, ze = ["onClick", "onMouseenter"], Xe = ["src"], Ye = ["src", "alt"], Ge = ["src"], Ke = ["src", "alt"], qe = {
   key: 2,
   class: "sticker-picker__preview-label"
-}, lt = 500, pt = /* @__PURE__ */ Oe({
+}, Je = 700, ct = /* @__PURE__ */ Ee({
   __name: "StickerPicker",
   props: {
     state: { default: "active" },
@@ -30,32 +30,32 @@ const Xe = { class: "sticker-picker__container" }, Ye = ["onClick", "onMouseente
     emptyText: { default: "Нет доступных стикеров" }
   },
   setup(U) {
-    const r = U, $ = a(null), D = a(null), O = a(null), A = a(null), v = a(!1), p = a(0), _ = Ae("chatAppId"), { getMessage: ce, setMessageFile: ie, setForceSendMessage: ue } = Ie(_), T = a("#5F5F5F"), M = a("#404040"), B = a(!1);
-    let g = null;
+    const l = U, $ = i(null), D = i(null), O = i(null), A = i(null), u = i(!1), p = i(0), m = Fe("chatAppId"), { getMessage: re, setMessageFile: le, setForceSendMessage: ae } = Ae(m), y = i("#5F5F5F"), b = i("#404040"), B = i(!1);
+    let h = null;
     const W = () => {
-      if (!_) {
-        T.value = "#5F5F5F", M.value = "#404040";
+      if (!m) {
+        y.value = "#5F5F5F", b.value = "#404040";
         return;
       }
-      const e = document.getElementById(_);
+      const e = document.getElementById(m);
       if (!e) {
-        T.value = "#5F5F5F", M.value = "#404040";
+        y.value = "#5F5F5F", b.value = "#404040";
         return;
       }
-      const t = window.getComputedStyle(e), s = t.getPropertyValue("--chotto-stickerpicker-button-span-color").trim(), l = t.getPropertyValue("--chotto-stickerpicker-button-span-hover-color").trim();
-      T.value = s || "#5F5F5F", M.value = l || "#404040";
-    }, ve = h(() => B.value ? M.value : T.value);
-    Be(() => {
+      const t = window.getComputedStyle(e), s = t.getPropertyValue("--chotto-stickerpicker-button-span-color").trim(), r = t.getPropertyValue("--chotto-stickerpicker-button-span-hover-color").trim();
+      y.value = s || "#5F5F5F", b.value = r || "#404040";
+    }, oe = d(() => B.value ? b.value : y.value);
+    Pe(() => {
       W();
     });
-    const i = a(null), N = a({}), m = a(null), u = a(!1), fe = a(null), f = a(/* @__PURE__ */ new Map()), d = a(/* @__PURE__ */ new Map());
-    let w = !1, S = !1;
-    const k = a(!1), V = a(!1);
-    async function G() {
-      if (!(k.value || V.value)) {
+    const n = i(null), N = i({}), w = i(null), v = i(/* @__PURE__ */ new Map()), k = i(/* @__PURE__ */ new Map());
+    let T = !1, M = !1;
+    const f = i(!1), V = i(!1);
+    async function Y() {
+      if (!(f.value || V.value)) {
         V.value = !0;
         try {
-          await import("../../2_feed_elements/StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../../2_feed_elements/StickerMessage/libs/tgs-player/tgs-player.esm.js"), k.value = !0;
+          await import("../../2_feed_elements/StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../../2_feed_elements/StickerMessage/libs/tgs-player/tgs-player.esm.js"), f.value = !0;
         } catch (e) {
           console.error("Failed to load TGS libraries:", e);
         } finally {
@@ -63,292 +63,265 @@ const Xe = { class: "sticker-picker__container" }, Ye = ["onClick", "onMouseente
         }
       }
     }
-    const ke = () => {
-      if (!r.stickers || !Array.isArray(r.stickers) || r.stickers.length === 0)
+    const ie = () => {
+      if (!l.stickers || !Array.isArray(l.stickers) || l.stickers.length === 0)
         return { hasTabs: !1, tabs: [] };
-      const e = r.stickers[0], t = Array.isArray(e), s = e && typeof e == "object" && "stickers" in e;
+      const e = l.stickers[0], t = Array.isArray(e), s = e && typeof e == "object" && "stickers" in e;
       return t ? {
         hasTabs: !0,
-        tabs: r.stickers.map((l, o) => ({
-          id: `tab-${o}`,
-          label: `Set ${o + 1}`,
-          stickers: l,
-          iconUrl: l && l.length > 0 ? l[0].url : null
+        tabs: l.stickers.map((r, c) => ({
+          id: `tab-${c}`,
+          label: `Set ${c + 1}`,
+          stickers: r,
+          iconUrl: r && r.length > 0 ? r[0].url : null
         }))
       } : s && "stickers" in e ? {
         hasTabs: !0,
-        tabs: r.stickers.map((l, o) => ({
-          id: l.id || `tab-${o}`,
-          label: l.label || `Set ${o + 1}`,
-          stickers: l.stickers || [],
-          iconUrl: l.iconUrl || (l.stickers && l.stickers.length > 0 ? l.stickers[0].url : null)
+        tabs: l.stickers.map((r, c) => ({
+          id: r.id || `tab-${c}`,
+          label: r.label || `Set ${c + 1}`,
+          stickers: r.stickers || [],
+          iconUrl: r.iconUrl || (r.stickers && r.stickers.length > 0 ? r.stickers[0].url : null)
         }))
       } : {
         hasTabs: !0,
         tabs: [{
           id: "default",
           label: "Stickers",
-          stickers: r.stickers,
-          iconUrl: r.stickers.length > 0 ? r.stickers[0].url : null
+          stickers: l.stickers,
+          iconUrl: l.stickers.length > 0 ? l.stickers[0].url : null
         }]
       };
-    }, R = h(() => ke()), de = h(() => R.value.hasTabs && R.value.tabs.length > 0), y = h(() => R.value.tabs), H = h(() => {
+    }, R = d(() => ie()), ce = d(() => R.value.hasTabs && R.value.tabs.length > 0), _ = d(() => R.value.tabs), H = d(() => {
       var e;
-      return y.value.length === 0 ? [] : ((e = y.value[p.value]) == null ? void 0 : e.stickers) || [];
-    }), K = h(() => {
-      const e = H.value.some((s) => F(s.url)), t = y.value.some((s) => s.iconUrl && F(s.iconUrl));
+      return _.value.length === 0 ? [] : ((e = _.value[p.value]) == null ? void 0 : e.stickers) || [];
+    }), G = d(() => {
+      const e = H.value.some((s) => L(s.url)), t = _.value.some((s) => s.iconUrl && L(s.iconUrl));
       return e || t;
     });
-    j(K, (e) => {
-      e && !k.value && G();
+    z(G, (e) => {
+      e && !f.value && Y();
     }, { immediate: !0 });
-    const I = (e) => F(e.url), pe = (e, t) => {
-      t ? f.value.set(e, t) : f.value.delete(e);
-    }, me = (e, t) => {
-      t ? d.value.set(e, t) : d.value.delete(e);
-    }, he = (e) => {
-      const t = d.value.get(e);
+    const I = (e) => L(e.url), ne = (e, t) => {
+      t ? v.value.set(e, t) : v.value.delete(e);
+    }, ue = (e, t) => {
+      t ? k.value.set(e, t) : k.value.delete(e);
+    }, ve = (e) => {
+      const t = k.value.get(e);
       t && typeof t.play == "function" && t.play();
-    }, _e = (e) => {
-      const t = d.value.get(e);
+    }, fe = (e) => {
+      const t = k.value.get(e);
       t && typeof t.pause == "function" && t.pause();
     };
-    j(p, () => {
-      f.value.clear();
-    }), j(() => r.stickers, () => {
-      p.value >= y.value.length && (p.value = 0);
+    z(p, () => {
+      v.value.clear();
+    }), z(() => l.stickers, () => {
+      p.value >= _.value.length && (p.value = 0);
     }, { deep: !0 });
-    const ge = (e) => {
+    const ke = (e) => {
       if (!e) return "image";
       const t = e.toLowerCase();
       return t.endsWith(".tgs") || t.endsWith(".webp") ? "sticker" : "image";
-    }, q = (e) => {
-      if (r.state === "disabled") return;
-      const t = ge(e.url);
-      ie({
+    }, K = (e) => {
+      if (l.state === "disabled") return;
+      const t = ke(e.url);
+      le({
         url: e.url,
         name: e.alt || `sticker.${t === "sticker" ? e.url.toLowerCase().endsWith(".tgs") ? "tgs" : "webp" : "png"}`,
         type: t
-      }), ue(!0), r.mode === "click" && (v.value = !1);
-    }, J = (e, t) => {
-      fe.value = t.currentTarget, u.value = !1, m.value && clearTimeout(m.value), m.value = setTimeout(() => {
-        u.value = !0, we(e);
-      }, lt);
-    }, Q = () => {
-      if (X(), u.value) {
-        u.value = !1;
-        return;
-      }
-    }, ye = (e, t) => {
-      if (I(e) && k.value) {
-        const s = f.value.get(t);
+      }), ae(!0), l.mode === "click" && (u.value = !1);
+    }, pe = (e, t) => {
+      if (I(e) && f.value) {
+        const s = v.value.get(t);
         s && typeof s.play == "function" && s.play();
       }
-    }, be = () => {
-      f.value.forEach((e) => {
+      S(), w.value = setTimeout(() => {
+        he(e);
+      }, Je);
+    }, de = () => {
+      v.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), !(u.value && i.value) && (X(), b());
-    }, Te = (e, t) => {
-      const s = new MouseEvent("mousedown", {
-        bubbles: !0,
-        cancelable: !0,
-        clientX: t.touches[0].clientX,
-        clientY: t.touches[0].clientY
-      });
-      J(e, s);
-    }, Z = () => {
-      Q();
-    }, Me = (e, t) => {
-      if (u.value) {
-        t.preventDefault(), t.stopPropagation(), u.value = !1, b();
-        return;
-      }
-      q(e);
-    }, X = () => {
-      m.value && (clearTimeout(m.value), m.value = null);
-    }, we = (e) => {
-      i.value = e, N.value = {
+      }), S(), g();
+    }, me = (e) => {
+      S(), g(), K(e);
+    }, S = () => {
+      w.value && (clearTimeout(w.value), w.value = null);
+    }, he = (e) => {
+      n.value = e, N.value = {
         left: "50%",
         top: "50%",
         transform: "translate(-50%, -50%)"
       };
-    }, b = () => {
-      i.value = null, N.value = {};
-    }, Se = () => {
-      i.value && (q(i.value), b());
-    }, x = () => {
-      r.state === "active" && (v.value = !0);
-    }, Y = () => {
-      f.value.forEach((e) => {
+    }, g = () => {
+      n.value = null, N.value = {};
+    }, _e = () => {
+      n.value && (K(n.value), g());
+    }, q = () => {
+      l.state === "active" && (u.value = !0);
+    }, j = () => {
+      v.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), d.value.forEach((e) => {
+      }), k.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), v.value = !1;
-    }, Ee = () => {
-      r.mode === "click" && (v.value = !v.value, v.value && x());
-    }, Ce = () => {
-      r.mode === "hover" && (w = !0, x());
-    }, Pe = () => {
-      r.mode === "hover" && (w = !1, setTimeout(() => {
-        !S && !w && Y();
+      }), u.value = !1;
+    }, ge = () => {
+      l.mode === "click" && (u.value = !u.value, u.value && q());
+    }, ye = () => {
+      l.mode === "hover" && (T = !0, q());
+    }, be = () => {
+      l.mode === "hover" && (T = !1, setTimeout(() => {
+        !M && !T && j();
       }, 150));
-    }, Le = () => {
-      B.value = !0, Ce();
-    }, Fe = () => {
-      B.value = !1, Pe();
-    }, Ue = () => {
-      r.mode === "hover" && (S = !0);
-    }, $e = () => {
-      r.mode === "hover" && (S = !1, setTimeout(() => {
-        !w && !S && Y();
+    }, we = () => {
+      B.value = !0, ye();
+    }, Te = () => {
+      B.value = !1, be();
+    }, Me = () => {
+      l.mode === "hover" && (M = !0);
+    }, Se = () => {
+      l.mode === "hover" && (M = !1, setTimeout(() => {
+        !T && !M && j();
       }, 150));
-    }, De = (e) => {
+    }, Ce = (e) => {
       if (!O.value) return;
       const t = e.shiftKey || Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
       O.value.scrollLeft += t, e.preventDefault();
-    }, ee = (e) => {
-      r.mode === "click" && v.value && D.value && $.value && e.target instanceof Node && !D.value.contains(e.target) && !$.value.contains(e.target) && Y(), i.value && A.value && e.target instanceof Node && !A.value.contains(e.target) && b();
-    }, te = () => {
-      u.value && (u.value = !1);
+    }, J = (e) => {
+      l.mode === "click" && u.value && D.value && $.value && e.target instanceof Node && !D.value.contains(e.target) && !$.value.contains(e.target) && j(), n.value && A.value && e.target instanceof Node && !A.value.contains(e.target) && g();
     };
-    return We(() => {
-      if (document.addEventListener("click", ee), document.addEventListener("mouseup", te), W(), _) {
-        const e = document.getElementById(_);
-        e && (g = new MutationObserver((t) => {
+    return Le(() => {
+      if (document.addEventListener("click", J), W(), m) {
+        const e = document.getElementById(m);
+        e && (h = new MutationObserver((t) => {
           t.forEach((s) => {
             s.type === "attributes" && s.attributeName === "data-theme" && W();
           });
-        }), g.observe(e, {
+        }), h.observe(e, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
-      K.value && !k.value && G();
-    }), Ne(() => {
-      document.removeEventListener("click", ee), document.removeEventListener("mouseup", te), X(), b(), g && (g.disconnect(), g = null), f.value.forEach((e) => {
+      G.value && !f.value && Y();
+    }), Ue(() => {
+      document.removeEventListener("click", J), S(), g(), h && (h.disconnect(), h = null), v.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), f.value.clear(), d.value.forEach((e) => {
+      }), v.value.clear(), k.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), d.value.clear();
-    }), (e, t) => (c(), n(z, null, [
-      P(ce)().isRecording ? E("", !0) : (c(), n("button", {
+      }), k.value.clear();
+    }), (e, t) => (o(), a(X, null, [
+      F(re)().isRecording ? C("", !0) : (o(), a("button", {
         key: 0,
         ref_key: "stickerButton",
         ref: D,
-        class: se(["button", { "button-disabled": U.state === "disabled" }]),
-        onClick: Ee,
-        onMouseenter: Le,
-        onMouseleave: Fe
+        class: Q(["button", { "button-disabled": U.state === "disabled" }]),
+        onClick: ge,
+        onMouseenter: we,
+        onMouseleave: Te
       }, [
-        L("span", null, [
-          C(P(ne), { fill: ve.value }, null, 8, ["fill"])
+        P("span", null, [
+          E(F(se), { fill: oe.value }, null, 8, ["fill"])
         ])
       ], 34)),
-      C(le, null, {
-        default: re(() => [
-          Ve(L("div", {
+      E(Z, null, {
+        default: x(() => [
+          $e(P("div", {
             ref_key: "stickerPicker",
             ref: $,
             class: "sticker-picker",
-            onMouseenter: Ue,
-            onMouseleave: $e
+            onMouseenter: Me,
+            onMouseleave: Se
           }, [
-            L("div", Xe, [
-              de.value ? (c(), n("div", {
+            P("div", Be, [
+              ce.value ? (o(), a("div", {
                 key: 0,
                 ref_key: "tabsContainer",
                 ref: O,
                 class: "sticker-picker__tabs",
-                onWheel: De
+                onWheel: Ce
               }, [
-                (c(!0), n(z, null, oe(y.value, (s, l) => (c(), n("button", {
-                  key: l,
-                  class: se(["sticker-picker__tab", { "sticker-picker__tab--active": p.value === l }]),
-                  onClick: (o) => p.value = l,
-                  onMouseenter: (o) => he(l),
-                  onMouseleave: (o) => _e(l)
+                (o(!0), a(X, null, ee(_.value, (s, r) => (o(), a("button", {
+                  key: r,
+                  class: Q(["sticker-picker__tab", { "sticker-picker__tab--active": p.value === r }]),
+                  onClick: (c) => p.value = r,
+                  onMouseenter: (c) => ve(r),
+                  onMouseleave: (c) => fe(r)
                 }, [
-                  s.iconUrl && P(F)(s.iconUrl) && k.value ? (c(), n("tgs-player", {
+                  s.iconUrl && F(L)(s.iconUrl) && f.value ? (o(), a("tgs-player", {
                     key: 0,
                     ref_for: !0,
-                    ref: (o) => me(l, o),
+                    ref: (c) => ue(r, c),
                     src: s.iconUrl,
                     class: "sticker-picker__tab-icon sticker-picker__tab-icon-animated",
                     loop: "",
                     mode: "normal"
-                  }, null, 8, je)) : s.iconUrl ? (c(), n("img", {
+                  }, null, 8, Ne)) : s.iconUrl ? (o(), a("img", {
                     key: 1,
                     src: s.iconUrl,
-                    alt: s.label || `Tab ${l + 1}`,
+                    alt: s.label || `Tab ${r + 1}`,
                     class: "sticker-picker__tab-icon"
-                  }, null, 8, ze)) : (c(), n("span", Ge, [
-                    C(P(ne))
+                  }, null, 8, Ve)) : (o(), a("span", Re, [
+                    E(F(se))
                   ]))
-                ], 42, Ye))), 128))
-              ], 544)) : E("", !0),
-              L("div", Ke, [
-                H.value.length === 0 ? (c(), n("div", qe, ae(U.emptyText), 1)) : (c(), n("div", Je, [
-                  (c(!0), n(z, null, oe(H.value, (s, l) => (c(), n("button", {
-                    key: l,
+                ], 42, We))), 128))
+              ], 544)) : C("", !0),
+              P("div", He, [
+                H.value.length === 0 ? (o(), a("div", Ie, te(U.emptyText), 1)) : (o(), a("div", je, [
+                  (o(!0), a(X, null, ee(H.value, (s, r) => (o(), a("button", {
+                    key: r,
                     class: "sticker-picker__item",
-                    onClick: (o) => Me(s, o),
-                    onMousedown: (o) => J(s, o),
-                    onMouseup: Q,
-                    onMouseenter: (o) => ye(s, l),
-                    onMouseleave: be,
-                    onTouchstart: (o) => Te(s, o),
-                    onTouchend: Z,
-                    onTouchcancel: Z
+                    onClick: (c) => me(s),
+                    onMouseenter: (c) => pe(s, r),
+                    onMouseleave: de
                   }, [
-                    I(s) && k.value ? (c(), n("tgs-player", {
+                    I(s) && f.value ? (o(), a("tgs-player", {
                       key: 0,
                       ref_for: !0,
-                      ref: (o) => pe(l, o),
+                      ref: (c) => ne(r, c),
                       src: s.url,
                       class: "sticker-picker__image sticker-picker__image-animated",
                       loop: "",
                       mode: "normal"
-                    }, null, 8, Ze)) : (c(), n("img", {
+                    }, null, 8, Xe)) : (o(), a("img", {
                       key: 1,
                       src: s.url,
-                      alt: s.alt || `Sticker ${l + 1}`,
+                      alt: s.alt || `Sticker ${r + 1}`,
                       class: "sticker-picker__image"
-                    }, null, 8, xe))
-                  ], 40, Qe))), 128))
+                    }, null, 8, Ye))
+                  ], 40, ze))), 128))
                 ]))
               ])
             ])
           ], 544), [
-            [Re, v.value]
+            [De, u.value]
           ])
         ]),
         _: 1
       }),
-      C(le, { name: "preview" }, {
-        default: re(() => [
-          i.value ? (c(), n("div", {
+      E(Z, { name: "preview" }, {
+        default: x(() => [
+          n.value ? (o(), a("div", {
             key: 0,
             ref_key: "previewElement",
             ref: A,
             class: "sticker-picker__preview",
-            style: He(N.value),
-            onClick: Se
+            style: Oe(N.value),
+            onClick: _e
           }, [
-            I(i.value) && k.value ? (c(), n("tgs-player", {
+            I(n.value) && f.value ? (o(), a("tgs-player", {
               key: 0,
-              src: i.value.url,
+              src: n.value.url,
               class: "sticker-picker__preview-image sticker-picker__preview-image-animated",
               autoplay: "",
               loop: "",
               mode: "normal"
-            }, null, 8, et)) : (c(), n("img", {
+            }, null, 8, Ge)) : (o(), a("img", {
               key: 1,
-              src: i.value.url,
-              alt: i.value.alt || "Preview",
+              src: n.value.url,
+              alt: n.value.alt || "Preview",
               class: "sticker-picker__preview-image"
-            }, null, 8, tt)),
-            i.value.alt ? (c(), n("div", st, ae(i.value.alt), 1)) : E("", !0)
-          ], 4)) : E("", !0)
+            }, null, 8, Ke)),
+            n.value.alt ? (o(), a("div", qe, te(n.value.alt), 1)) : C("", !0)
+          ], 4)) : C("", !0)
         ]),
         _: 1
       })
@@ -356,5 +329,5 @@ const Xe = { class: "sticker-picker__container" }, Ye = ["onClick", "onMouseente
   }
 });
 export {
-  pt as default
+  ct as default
 };

package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js

@@ -0,0 +1,7 @@
+import o from "./DelimiterMessage.vue2.js";
+/* empty css                      */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ac955b7"]]);
+export {
+  m as default
+};

package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue2.js

@@ -0,0 +1,18 @@
+import { defineComponent as t, createElementBlock as s, openBlock as r, createElementVNode as o, toDisplayString as a } from "vue";
+const i = { class: "delimiter-message__container" }, n = { class: "delimiter-message__text" }, l = /* @__PURE__ */ t({
+  __name: "DelimiterMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (c, m) => (r(), s("div", i, [
+      o("p", n, a(e.message.text), 1)
+    ]));
+  }
+});
+export {
+  l as default
+};

package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue.js

@@ -7,7 +7,7 @@ const S = {
   class: "pi pi-clock"
 }, k = {
   key: 1,
-  class: "pi pi-times-circle"
+  class: "pi pi-exclamation-circle"
 }, h = {
   key: 0,
   class: "pi pi-check"

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

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