@mobilon-dev/chotto 0.3.30 → 0.3.32

package/dist/components/2_chatinput_elements/WABASeparatedQuickButtons/WABASeparatedQuickButtons.vue.js

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

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

@@ -0,0 +1,41 @@
+import { defineComponent as c, createElementBlock as n, openBlock as i, createElementVNode as t, Fragment as u, renderList as d, normalizeClass as _, toDisplayString as m } from "vue";
+const b = { class: "separated-quick-buttons" }, k = { class: "separated-quick-buttons__title" }, f = { class: "separated-quick-buttons__actions scrollbar" }, A = /* @__PURE__ */ c({
+  __name: "WABASeparatedQuickButtons",
+  props: {
+    buttons: {
+      type: Array,
+      default: []
+    }
+  },
+  emits: ["selectAllVariants"],
+  setup(a, { emit: o }) {
+    const l = {
+      URL: "bi-box-arrow-up-right",
+      PHONE_NUMBER: "bi-telephone",
+      QUICK_REPLY: "bi-arrow-90deg-left"
+    }, r = o;
+    return (v, e) => (i(), n("div", b, [
+      t("div", k, [
+        e[1] || (e[1] = t("p", null, "Все варианты", -1)),
+        t("span", {
+          class: "pi pi-times",
+          onClick: e[0] || (e[0] = (s) => r("selectAllVariants"))
+        })
+      ]),
+      t("div", f, [
+        (i(!0), n(u, null, d(a.buttons, (s, p) => (i(), n("div", {
+          key: p,
+          class: "separated-quick-buttons__action"
+        }, [
+          t("span", {
+            class: _(["pi pi-arrow-up-left", l[s.type]])
+          }, null, 2),
+          t("p", null, m(s.text), 1)
+        ]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  A as default
+};

package/dist/components/2_chatinput_elements/WABATemplateSelector/WABATemplateSelector.vue.js

@@ -0,0 +1,281 @@
+import { inject as re, ref as i, computed as u, reactive as ce, onMounted as ie, unref as F, createElementBlock as n, openBlock as o, createElementVNode as s, normalizeClass as j, createCommentVNode as p, Fragment as S, renderList as R, withDirectives as $, vModelRadio as ue, toDisplayString as I, vModelText as de, normalizeStyle as pe, createBlock as L, createVNode as me } from "vue";
+import ve from "../../3_compounds/Feed/assets/chat-background.svg.js";
+import _e from "../PlaceholderComponent/PlaceholderComponent.vue.js";
+import fe from "../WABAAttachmentSection/WABAAttachmentSection.vue.js";
+import ye from "../WABAQuickReplyButtons/WABAQuickReplyButtons.vue.js";
+import he from "../WABASeparatedQuickButtons/WABASeparatedQuickButtons.vue.js";
+/* empty css                          */
+import be from "../../../_virtual/_plugin-vue_export-helper.js";
+const ge = { class: "template-selector" }, we = ["id"], ke = { style: { display: "flex" } }, Te = { style: { display: "flex" } }, Ce = {
+  key: 0,
+  class: "template-selector__button-close"
+}, xe = {
+  key: 1,
+  class: "template-selector__button-close"
+}, Ve = { class: "template-selector__layout" }, Se = { class: "template-selector__first-col" }, Ie = { class: "template-selector__list-groups" }, Ae = { class: "template-selector__label-group" }, Be = ["src", "alt"], We = ["id", "value"], Ee = { class: "template-selector__second-col" }, Pe = { class: "template-selector__searching-container" }, Fe = { class: "template-selector__templates" }, je = {
+  key: 0,
+  class: "template-selector__list-templates"
+}, Re = ["onClick"], Le = { class: "template-selector__item-template-info" }, Oe = { class: "template-selector__item-title" }, Ue = { class: "template-selector__item-text" }, ze = {
+  key: 1,
+  class: "template-selector__plug"
+}, Me = { class: "template-selector__third-col" }, Qe = {
+  key: 0,
+  class: "template-selector__preview"
+}, $e = { class: "template-selector__preview-wrapper" }, qe = { class: "template-selector__preview-text-container" }, Ne = { key: 0 }, Xe = {
+  key: 1,
+  class: "template-selector__plug"
+}, De = {
+  key: 2,
+  class: "template-selector__reply-buttons"
+}, Ge = ["disabled"], He = {
+  __name: "WABATemplateSelector",
+  props: {
+    wabaTemplates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    groupTemplates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    elevatedWindow: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    chatBackground: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["closeTemplateWindow", "sendWabaValues"],
+  setup(w, { emit: q }) {
+    const m = w, y = re("chatAppId"), A = q, N = () => {
+      A("closeTemplateWindow"), z();
+    }, X = () => {
+      A("closeTemplateWindow");
+      const e = {
+        text: "",
+        templateId: "",
+        values: [],
+        file: null,
+        buttons: null
+      };
+      v.value ? (e.text = M.value, e.templateId = a.value.templateId, e.values = Q.value, e.file = v.value) : (e.text = M.value, e.templateId = a.value.templateId, e.values = Q.value), a.value.buttons && (e.buttons = a.value.buttons), A("sendWabaValues", e), z();
+    }, D = (e) => {
+      v.value = e;
+    }, k = i(null), h = i(null), a = i(null), v = i(null), B = i(""), b = i(!1), W = () => {
+      b.value = !b.value, b.value ? (k.value.scrollTop = 0, k.value.style["overflow-y"] = "hidden") : k.value.style["overflow-y"] = "scroll";
+    }, G = (e) => {
+      Object.keys(r).forEach((l) => {
+        r[l] = "";
+      }), v.value = null, m.wabaTemplates.forEach((l) => l.isSelected = !1), e.isSelected = !0, a.value = e, b.value = !1, U();
+    }, H = () => {
+      P(), m.wabaTemplates.forEach((e) => e.isSelected = !1);
+    }, J = u(() => m.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(ve)}`), K = u(() => h.value ? m.wabaTemplates.filter((e) => e.groupId === h.value.groupId) : m.wabaTemplates), O = u(() => {
+      const e = B.value.trim().toLowerCase();
+      return K.value.filter((l) => l.title.toLowerCase().includes(e) || l.template.toLowerCase().includes(e));
+    }), r = ce({}), Y = i(null), E = i(), T = i(""), d = i(""), C = i(""), _ = i(!1), Z = u(() => !!(_.value && (C.value == "grid" && d.value == "none" || d.value == "grid" && T.value == "none"))), ee = u(() => !!(_.value && (T.value == "grid" && d.value == "none" || d.value == "grid" && C.value == "none"))), te = () => {
+      _.value && (d.value == "grid" ? se() : C.value == "grid" && P());
+    }, le = () => {
+      _.value && (d.value == "grid" ? U() : T.value == "grid" && P());
+    }, se = () => {
+      const e = document.getElementById("waba-template-selector-container-" + y);
+      e.style.setProperty("--chotto-waba-template-first-col-display", "grid"), e.style.setProperty("--chotto-waba-template-second-col-display", "none"), console.log(e, window.getComputedStyle(e).getPropertyValue("--waba-template-first-col-display")), x();
+    }, U = () => {
+      const e = document.getElementById("waba-template-selector-container-" + y);
+      e.style.setProperty("--chotto-waba-template-third-col-display", "grid"), e.style.setProperty("--chotto-waba-template-second-col-display", "none"), x();
+    }, P = () => {
+      const e = document.getElementById("waba-template-selector-container-" + y);
+      e.style.setProperty("--chotto-waba-template-second-col-display", "grid"), e.style.setProperty("--chotto-waba-template-first-col-display", "none"), e.style.setProperty("--chotto-waba-template-third-col-display", "none"), x();
+    }, x = () => {
+      const e = document.getElementById("waba-template-selector-container-" + y), l = window.getComputedStyle(e);
+      T.value = l.getPropertyValue("--chotto-waba-template-first-col-display"), d.value = l.getPropertyValue("--chotto-waba-template-second-col-display"), C.value = l.getPropertyValue("--chotto-waba-template-third-col-display");
+    }, ae = (e) => {
+      r[e[1]] = e[0];
+    }, V = u(() => {
+      var f;
+      const e = (f = a.value) == null ? void 0 : f.template;
+      if (!e) return [];
+      const l = [...e.matchAll(/{{\d+}}/g)], t = [];
+      let c = 0;
+      return l.forEach((g) => {
+        g.index > c && t.push(e.substring(c, g.index)), t.push({ index: parseInt(g[0].slice(2, -2)) }), c = g.index + g[0].length;
+      }), c < e.length && t.push(e.substring(c)), t;
+    }), oe = u(() => {
+      var l, t;
+      if (!a.value)
+        return !0;
+      if (!((l = a.value) != null && l.template.match(/{{\d+}}/gi)))
+        return !1;
+      const e = Object.keys(r).length !== ((t = a.value) == null ? void 0 : t.template.match(/{{\d+}}/gi).length);
+      return a.value.type === "TEXT" ? e : a.value.type !== "TEXT" ? e || !v.value : !1;
+    }), z = () => {
+      Object.keys(r).forEach((e) => {
+        r[e] = "";
+      }), v.value = null, a.value = null, m.wabaTemplates.forEach((e) => e.isSelected = !1);
+    }, M = u(() => {
+      console.log(V.value, a.value.buttons);
+      let e = V.value.map((t) => typeof t == "string" ? t : r[t.index]).join(""), l = "";
+      return a.value.buttons && (l = a.value.buttons.map((t) => `
+| [` + t.text + "]").join("")), e.concat(l);
+    }), Q = u(() => {
+      const e = [];
+      for (const l in r)
+        r[l] !== "" && r[l] !== "Заполнить" && e.push(r[l]);
+      return e;
+    }), ne = new ResizeObserver((e) => {
+      const l = e[0].target.clientWidth;
+      l > 700 && (_.value = !1), l < 700 && (_.value = !0);
+    });
+    return ie(() => {
+      x(), F(E) && ne.observe(F(E));
+    }), (e, l) => (o(), n("div", ge, [
+      s("div", {
+        id: "waba-template-selector-container-" + F(y),
+        ref_key: "refContainer",
+        ref: E,
+        class: j({
+          "template-selector__container-inline": !w.elevatedWindow,
+          "template-selector__container-elevated": w.elevatedWindow
+        })
+      }, [
+        s("div", ke, [
+          s("div", Te, [
+            Z.value ? (o(), n("button", Ce, [
+              s("span", {
+                class: "pi pi-arrow-left",
+                onClick: te
+              })
+            ])) : p("", !0),
+            ee.value ? (o(), n("button", xe, [
+              s("span", {
+                class: "pi pi-arrow-right",
+                onClick: le
+              })
+            ])) : p("", !0)
+          ]),
+          s("button", { class: "template-selector__button-close" }, [
+            s("span", {
+              class: "pi pi-times",
+              onClick: N
+            })
+          ])
+        ]),
+        s("div", Ve, [
+          s("div", Se, [
+            s("ul", Ie, [
+              (o(!0), n(S, null, R(w.groupTemplates, (t, c) => (o(), n("li", {
+                key: c,
+                class: j(["template-selector__item-group", { "template-selector__item-selected": h.value === t }]),
+                onClick: H
+              }, [
+                s("label", Ae, [
+                  t.iconUrl ? (o(), n("img", {
+                    key: 0,
+                    class: "template-selector__item-group-icon",
+                    src: t.iconUrl,
+                    alt: t.title
+                  }, null, 8, Be)) : p("", !0),
+                  $(s("input", {
+                    id: c,
+                    "onUpdate:modelValue": l[0] || (l[0] = (f) => h.value = f),
+                    value: t,
+                    class: "template-selector__input-group",
+                    type: "radio"
+                  }, null, 8, We), [
+                    [ue, h.value]
+                  ]),
+                  s("span", null, I(t.title), 1)
+                ])
+              ], 2))), 128))
+            ])
+          ]),
+          s("div", Ee, [
+            s("div", Pe, [
+              $(s("input", {
+                "onUpdate:modelValue": l[1] || (l[1] = (t) => B.value = t),
+                class: "template-selector__searching-input",
+                type: "text",
+                placeholder: "Поиск шаблона"
+              }, null, 512), [
+                [de, B.value]
+              ])
+            ]),
+            s("div", Fe, [
+              O.value.length !== 0 ? (o(), n("ul", je, [
+                (o(!0), n(S, null, R(O.value, (t, c) => (o(), n("li", {
+                  key: c,
+                  class: j(["template-selector__item-template", { "template-selector__item-selected": t.isSelected }]),
+                  onClick: (f) => G(t)
+                }, [
+                  s("div", Le, [
+                    s("p", Oe, I(t.title), 1),
+                    s("p", Ue, I(t.template), 1)
+                  ])
+                ], 10, Re))), 128))
+              ])) : (o(), n("p", ze, " Шаблоны отсутствуют "))
+            ])
+          ]),
+          s("div", Me, [
+            s("div", {
+              ref_key: "previewContainer",
+              ref: k,
+              class: "template-selector__preview-container",
+              style: pe({ backgroundImage: `url(${J.value})` })
+            }, [
+              V.value.length > 0 ? (o(), n("div", Qe, [
+                s("div", $e, [
+                  a.value.type != "TEXT" ? (o(), L(fe, {
+                    key: 0,
+                    type: a.value.type,
+                    "template-id": a.value.templateId,
+                    onFileSelected: D
+                  }, null, 8, ["type", "template-id"])) : p("", !0),
+                  s("div", qe, [
+                    (o(!0), n(S, null, R(V.value, (t, c) => (o(), n(S, { key: c }, [
+                      typeof t == "string" ? (o(), n("span", Ne, I(t), 1)) : typeof t == "object" ? (o(), L(_e, {
+                        key: 1,
+                        index: t.index,
+                        value: r[t.index] || "Заполнить",
+                        "is-filled": !!r[t.index],
+                        onClick: (f) => Y.value = t.index,
+                        onEdit: ae
+                      }, null, 8, ["index", "value", "is-filled", "onClick"])) : p("", !0)
+                    ], 64))), 128))
+                  ]),
+                  l[2] || (l[2] = s("p", { class: "template-selector__preview-time" }, " 22:22 ", -1)),
+                  a.value.buttons ? (o(), L(ye, {
+                    key: 1,
+                    buttons: a.value.buttons,
+                    onSelectAllVariants: W
+                  }, null, 8, ["buttons"])) : p("", !0)
+                ])
+              ])) : (o(), n("p", Xe, " Предпросмотр шаблона ")),
+              b.value ? (o(), n("div", De, [
+                s("div", {
+                  class: "template-selector__semitransparent-overlay",
+                  onClick: W
+                }),
+                me(he, {
+                  buttons: a.value.buttons,
+                  onSelectAllVariants: W
+                }, null, 8, ["buttons"])
+              ])) : p("", !0)
+            ], 4),
+            s("button", {
+              class: "template-selector__button-paste",
+              disabled: oe.value,
+              onClick: X
+            }, " Отправить ", 8, Ge)
+          ])
+        ])
+      ], 10, we)
+    ]));
+  }
+}, at = /* @__PURE__ */ be(He, [["__scopeId", "data-v-3a4405f2"]]);
+export {
+  at as default
+};

package/dist/components/2_chatlist_elements/ChatFilter/ChatFilter.vue.js

@@ -0,0 +1,49 @@
+import { ref as a, createElementBlock as n, openBlock as s, createElementVNode as i, createCommentVNode as f, createVNode as p, unref as c } from "vue";
+import { t as m } from "../../../locale/useLocale.js";
+import h from "../../1_icons/SearchIcon.vue.js";
+import v from "../../1_icons/CloseButtonIcon.vue.js";
+/* empty css                */
+import I from "../../../_virtual/_plugin-vue_export-helper.js";
+const C = { class: "chat-filter__container" }, k = { class: "chat-filter__icon" }, x = ["placeholder"], y = {
+  __name: "ChatFilter",
+  props: {
+    placeholder: {
+      type: String,
+      required: !1,
+      default: null
+    }
+  },
+  emits: ["update"],
+  setup(r, { emit: u }) {
+    const t = a(""), l = u, o = a(""), d = () => {
+      const e = c(t);
+      o.value = e.value, l("update", e.value);
+    }, _ = () => {
+      const e = c(t);
+      e.value = "", o.value = "", l("update", ""), e.focus();
+    };
+    return (e, V) => (s(), n("div", C, [
+      i("div", k, [
+        p(h)
+      ]),
+      i("input", {
+        ref_key: "refInput",
+        ref: t,
+        class: "chat-filter__input",
+        type: "text",
+        placeholder: r.placeholder ? r.placeholder : c(m)("component.ChatFilter.InputPlaceholder"),
+        onInput: d
+      }, null, 40, x),
+      o.value ? (s(), n("div", {
+        key: 0,
+        class: "chat-filter__clear",
+        onClick: _
+      }, [
+        p(v)
+      ])) : f("", !0)
+    ]));
+  }
+}, q = /* @__PURE__ */ I(y, [["__scopeId", "data-v-21a6c84e"]]);
+export {
+  q as default
+};

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js

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

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js

@@ -0,0 +1,193 @@
+import { defineComponent as $, ref as g, computed as v, watch as F, createElementBlock as s, openBlock as a, createElementVNode as o, createCommentVNode as l, normalizeClass as y, normalizeStyle as x, createVNode as f, withCtx as k, toDisplayString as u, createBlock as z, unref as H, Fragment as j, renderList as q } from "vue";
+import { getStatus as G, statuses as J } from "../../../functions/getStatusMessage.js";
+import "../../../functions/parseMarkdown.js";
+import { t as p } from "../../../locale/useLocale.js";
+import C from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import K from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
+import O from "../../1_icons/AvatarIcon.vue.js";
+const P = { class: "chat-item__avatar-container" }, Q = ["src"], R = {
+  key: 1,
+  class: "chat-item__avatar-placeholder"
+}, W = { class: "chat-item__info-container" }, X = { class: "chat-item__name" }, Y = {
+  key: 0,
+  class: "chat-item__last-message"
+}, Z = { class: "chat-item__details-container" }, tt = {
+  key: 0,
+  class: "chat-item__time"
+}, et = { class: "chat-item__status-unread-container" }, at = {
+  key: 0,
+  class: "pi pi-check"
+}, st = {
+  key: 1,
+  class: "chat-item__unread"
+}, it = {
+  key: 2,
+  class: "chat-item__status-chat-container"
+}, nt = {
+  key: 0,
+  class: "chat-item__fixed pi pi-thumbtack"
+}, ct = {
+  key: 0,
+  id: "noSelectButton",
+  class: "chat-item__menu-button"
+}, ot = {
+  key: 1,
+  id: "noSelectButton",
+  class: "chat-item__menu-button"
+}, lt = {
+  key: 0,
+  class: "dialog__container"
+}, ut = ["onClick"], rt = ["src"], dt = {
+  key: 1,
+  class: "dialog__icon pi pi-user"
+}, mt = { class: "dialog__text-container" }, ht = { class: "dialog__name" }, vt = { class: "dialog__time" }, bt = /* @__PURE__ */ $({
+  __name: "ChatItem",
+  props: {
+    chat: {},
+    showDialogs: { type: Boolean, default: !0 }
+  },
+  emits: ["select", "action", "expand"],
+  setup(e, { emit: b }) {
+    const t = e, m = b, r = g(!1), _ = g(!1), M = () => {
+      _.value = !0;
+    }, w = (n) => {
+      _.value || n.target instanceof HTMLElement && n.target.id != "noSelectButton" && m("select", { chat: t.chat, dialog: null }), _.value = !1;
+    }, B = (n) => {
+      m("select", { chat: t.chat, dialog: n });
+    }, U = () => t.chat.isSelected ? "chat-item__selected" : "", A = (n) => n.isSelected ? "dialog__selected" : "", I = (n) => {
+      m("action", { chat: t.chat, ...n });
+    }, S = () => t.chat.dialogs ? [...t.chat.dialogs].sort((n, i) => Number(n["lastActivity.timestamp"]) > Number(i["lastActivity.timestamp"]) ? -1 : Number(n["lastActivity.timestamp"]) < Number(i["lastActivity.timestamp"]) ? 1 : (Number(n["lastActivity.timestamp"]) == Number(i["lastActivity.timestamp"]), 0)) : [], E = v(() => G(t.chat["lastMessage.status"])), N = v(() => t.chat.showEmptyIndicator || t.chat.countUnread > 0), D = v(() => t.chat.countUnread > 0 ? t.chat.countUnread > 99 ? "99+" : t.chat.countUnread : t.chat.showEmptyIndicator ? "" : void 0);
+    let h;
+    const d = g(0), T = [p("component.ChatItem.typing") + ".", p("component.ChatItem.typing") + "..", p("component.ChatItem.typing") + "..."], L = v(() => t.chat.typing ? T[d.value] : t.chat.lastMessage);
+    F(
+      () => t.chat.typing,
+      () => {
+        t.chat.typing ? h = setInterval(() => {
+          d.value < 2 ? d.value += 1 : d.value = 0;
+        }, 1e3) : (d.value = 0, h && (clearInterval(h), h = void 0));
+      },
+      { immediate: !0 }
+    );
+    const V = (n) => {
+      n.relatedTarget instanceof HTMLElement && n.relatedTarget.className == "context-menu__list" ? r.value = !0 : r.value = !1;
+    };
+    return (n, i) => (a(), s("div", null, [
+      o("div", {
+        class: y(["chat-item__container", U()]),
+        onMouseenter: i[2] || (i[2] = (c) => r.value = !0),
+        onMouseleave: V,
+        onClick: w
+      }, [
+        o("div", P, [
+          o("span", {
+            class: "chat-item__status-user",
+            style: x({ backgroundColor: t.chat.status })
+          }, null, 4),
+          t.chat.avatar ? (a(), s("img", {
+            key: 0,
+            src: t.chat.avatar,
+            height: "48",
+            width: "48"
+          }, null, 8, Q)) : (a(), s("div", R, [
+            f(O)
+          ]))
+        ]),
+        o("div", W, [
+          f(C, {
+            text: e.chat.name,
+            position: "bottom"
+          }, {
+            default: k(() => [
+              o("div", X, u(e.chat.name), 1)
+            ]),
+            _: 1
+          }, 8, ["text"]),
+          f(C, {
+            text: e.chat.lastMessage,
+            position: "bottom"
+          }, {
+            default: k(() => [
+              e.chat.lastMessage || e.chat.typing ? (a(), s("div", Y, u(L.value), 1)) : l("", !0)
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ]),
+        o("div", Z, [
+          e.chat["lastActivity.time"] && (!e.chat.actions || !r.value) ? (a(), s("div", tt, u(e.chat["lastActivity.time"]), 1)) : l("", !0),
+          r.value && e.chat.actions ? (a(), z(K, {
+            key: 1,
+            mode: "click",
+            "menu-side": "bottom",
+            actions: e.chat.actions,
+            onClick: I,
+            onButtonClick: M,
+            onMenuMouseLeave: i[0] || (i[0] = (c) => r.value = !1)
+          }, {
+            default: k(() => [...i[3] || (i[3] = [
+              o("span", { class: "pi pi-ellipsis-h chat-item__actions-trigger" }, null, -1)
+            ])]),
+            _: 1
+          }, 8, ["actions"])) : l("", !0),
+          o("div", et, [
+            H(J).includes(e.chat["lastMessage.status"]) ? (a(), s("div", {
+              key: 0,
+              class: y(["chat-item__status-message", E.value])
+            }, [
+              e.chat["lastMessage.status"] !== "sent" ? (a(), s("span", at)) : l("", !0),
+              i[4] || (i[4] = o("span", { class: "pi pi-check" }, null, -1))
+            ], 2)) : l("", !0),
+            N.value ? (a(), s("div", st, u(D.value), 1)) : l("", !0)
+          ]),
+          e.chat.countUnread < 1 ? (a(), s("div", it, [
+            e.chat.isFixedTop || e.chat.isFixedBottom ? (a(), s("span", nt)) : l("", !0)
+          ])) : l("", !0)
+        ]),
+        t.showDialogs && e.chat.dialogs ? (a(), s("div", {
+          key: 0,
+          class: "chat-item__dialog-buttons",
+          onClick: i[1] || (i[1] = (c) => m("expand", t.chat))
+        }, [
+          t.showDialogs && !e.chat.dialogsExpanded ? (a(), s("button", ct, [...i[5] || (i[5] = [
+            o("span", {
+              id: "noSelectButton",
+              class: "pi pi-angle-down"
+            }, null, -1)
+          ])])) : l("", !0),
+          t.showDialogs && e.chat.dialogsExpanded ? (a(), s("button", ot, [...i[6] || (i[6] = [
+            o("span", {
+              id: "noSelectButton",
+              class: "pi pi-angle-up"
+            }, null, -1)
+          ])])) : l("", !0)
+        ])) : l("", !0)
+      ], 34),
+      t.showDialogs && e.chat.dialogsExpanded ? (a(), s("div", lt, [
+        (a(!0), s(j, null, q(S(), (c) => (a(), s("div", {
+          key: c.dialogId,
+          class: y(["dialog__item", A(c)]),
+          onClick: (_t) => B(c)
+        }, [
+          c.icon ? (a(), s("img", {
+            key: 0,
+            class: "dialog__icon",
+            src: c.icon,
+            height: "16",
+            width: "16"
+          }, null, 8, rt)) : (a(), s("span", dt)),
+          o("div", mt, [
+            o("div", ht, u(c.name), 1),
+            o("div", vt, u(c["lastActivity.time"]), 1)
+          ]),
+          c.countUnread > 0 ? (a(), s("div", {
+            key: 2,
+            class: "chat-item__unread",
+            style: x(c.colorUnread ? { backgroundColor: c.colorUnread } : {})
+          }, u(c.countUnread > 99 ? "99+" : c.countUnread), 5)) : l("", !0)
+        ], 10, ut))), 128))
+      ])) : l("", !0)
+    ]));
+  }
+});
+export {
+  bt as default
+};

package/dist/components/2_chatlist_elements/ChatTabs/ChatTabs.vue.js

@@ -0,0 +1,37 @@
+import { createElementBlock as t, openBlock as a, Fragment as o, renderList as i, normalizeClass as n, createElementVNode as _, createTextVNode as l, createCommentVNode as d, toDisplayString as s } from "vue";
+/* empty css              */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = { class: "chat-tabs__list" }, p = ["aria-pressed", "onClick"], h = {
+  key: 0,
+  class: "chat-tabs__badge"
+}, b = {
+  __name: "ChatTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  emits: ["tab-click"],
+  setup(c) {
+    return (r, k) => (a(), t("ul", u, [
+      (a(!0), t(o, null, i(c.tabs, (e) => (a(), t("li", {
+        key: e.id,
+        class: n(["chat-tabs__item", { "chat-tabs__item--active": e.active }])
+      }, [
+        _("button", {
+          class: "chat-tabs__button",
+          "aria-pressed": e.active,
+          onClick: (f) => r.$emit("tab-click", e.id)
+        }, [
+          l(s(e.label) + " ", 1),
+          e.count !== void 0 ? (a(), t("span", h, s(e.count), 1)) : d("", !0)
+        ], 8, p)
+      ], 2))), 128))
+    ]));
+  }
+}, g = /* @__PURE__ */ m(b, [["__scopeId", "data-v-08e917d3"]]);
+export {
+  g as default
+};

package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js

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