@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,10 +1,10 @@
-import { createElementBlock as u, openBlock as _, createElementVNode as d, createCommentVNode as h, createVNode as f, ref as a, unref as n } from "vue";
+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 v from "../../1_icons/SearchIcon.vue.js";
-import C from "../../1_icons/CloseButtonIcon.vue.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 x = {
+const C = { class: "chat-filter__container" }, k = { class: "chat-filter__icon" }, x = ["placeholder"], y = {
   __name: "ChatFilter",
   props: {
     placeholder: {
@@ -14,42 +14,36 @@ const x = {
     }
   },
   emits: ["update"],
-  setup(l, { expose: s, emit: o }) {
-    s();
-    const e = a(""), i = l, r = o, c = a(""), p = { refInput: e, props: i, emit: r, inputValue: c, update: () => {
-      const t = n(e);
-      c.value = t.value, r("update", t.value);
-    }, clear: () => {
-      const t = n(e);
-      t.value = "", c.value = "", r("update", ""), t.focus();
-    }, ref: a, unref: n, get t() {
-      return m;
-    }, SearchIcon: v, CloseButtonIcon: C };
-    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+  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)
+    ]));
   }
-}, F = { class: "chat-filter__container" }, S = { class: "chat-filter__icon" }, V = ["placeholder"];
-function k(l, s, o, e, i, r) {
-  return _(), u("div", F, [
-    d("div", S, [
-      f(e.SearchIcon)
-    ]),
-    d("input", {
-      ref: "refInput",
-      class: "chat-filter__input",
-      type: "text",
-      placeholder: o.placeholder ? o.placeholder : e.t("component.ChatFilter.InputPlaceholder"),
-      onInput: e.update
-    }, null, 40, V),
-    e.inputValue ? (_(), u("div", {
-      key: 0,
-      class: "chat-filter__clear",
-      onClick: e.clear
-    }, [
-      f(e.CloseButtonIcon)
-    ])) : h("v-if", !0)
-  ]);
-}
-const q = /* @__PURE__ */ I(x, [["render", k], ["__scopeId", "data-v-16b0c439"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatlist_elements/ChatFilter/ChatFilter.vue"]]);
+}, q = /* @__PURE__ */ I(y, [["__scopeId", "data-v-21a6c84e"]]);
 export {
   q as default
 };

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

@@ -1,309 +1,7 @@
-import g from "./ChatItem.vue2.js";
-import { createElementBlock as i, openBlock as e, createElementVNode as o, createCommentVNode as n, withModifiers as k, normalizeClass as r, normalizeStyle as m, createVNode as d, withCtx as h, toDisplayString as _, createBlock as l, resolveDynamicComponent as v, Teleport as u, Fragment as f, renderList as y } from "vue";
+import t from "./ChatItem.vue2.js";
 /* empty css              */
-import M from "../../../_virtual/_plugin-vue_export-helper.js";
-const x = { class: "chat-item__avatar-container" }, C = ["src"], b = {
-  key: 1,
-  class: "chat-item__avatar-placeholder"
-}, I = { class: "chat-item__info-container" }, T = ["innerHTML"], w = {
-  key: 1,
-  class: "chat-item__name"
-}, L = {
-  key: 0,
-  class: "chat-item__last-message"
-}, S = {
-  key: 1,
-  class: "chat-item__last-message-text chat-item__last-message-text--draft"
-}, D = { class: "chat-item__draft-label" }, B = ["innerHTML"], E = {
-  key: 2,
-  class: "chat-item__draft-text"
-}, A = ["innerHTML"], H = {
-  key: 3,
-  class: "chat-item__last-message-text"
-}, U = { class: "chat-item__details-container" }, P = {
-  key: 0,
-  class: "chat-item__time"
-}, V = { class: "chat-item__status-unread-container" }, F = {
-  key: 1,
-  class: "chat-item__unread"
-}, j = {
-  key: 2,
-  class: "chat-item__status-chat-container"
-}, N = {
-  key: 0,
-  class: "chat-item__fixed pi pi-thumbtack"
-}, R = {
-  key: 0,
-  id: "noSelectButton",
-  class: "chat-item__menu-button"
-}, z = {
-  key: 1,
-  id: "noSelectButton",
-  class: "chat-item__menu-button"
-}, q = {
-  key: 0,
-  class: "dialog__container"
-}, G = ["onClick"], J = ["src"], K = {
-  key: 1,
-  class: "dialog__icon pi pi-user"
-}, O = { class: "dialog__text-container" }, Q = { class: "dialog__name" }, W = { class: "dialog__time" };
-function X(Y, c, a, t, Z, p) {
-  return e(), i("div", null, [
-    o(
-      "div",
-      {
-        ref: "containerRef",
-        class: r(["chat-item__container", t.getClass()]),
-        onMouseenter: t.onMouseEnter,
-        onMouseleave: t.onMouseLeave,
-        onClick: t.selectChat,
-        onContextmenu: k(t.onRightClick, ["prevent"])
-      },
-      [
-        o("div", x, [
-          o(
-            "span",
-            {
-              class: "chat-item__status-user",
-              style: m({ backgroundColor: t.props.chat.status })
-            },
-            null,
-            4
-            /* STYLE */
-          ),
-          t.props.chat.avatar ? (e(), i("img", {
-            key: 0,
-            src: t.props.chat.avatar,
-            height: "48",
-            width: "48"
-          }, null, 8, C)) : (e(), i("div", b, [
-            d(t.AvatarIcon)
-          ]))
-        ]),
-        o("div", I, [
-          d(t.Tooltip, {
-            text: a.chat.name,
-            position: "bottom"
-          }, {
-            default: h(() => [
-              t.useAppleEmojisInName ? (e(), i("div", {
-                key: 0,
-                class: "chat-item__name",
-                innerHTML: t.nameHtml
-              }, null, 8, T)) : (e(), i(
-                "div",
-                w,
-                _(a.chat.name),
-                1
-                /* TEXT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["text"]),
-          d(t.Tooltip, {
-            text: t.lastMessageText,
-            position: "bottom"
-          }, {
-            default: h(() => [
-              a.chat.lastMessage || a.chat.typing || t.hasDraftPreview ? (e(), i("div", L, [
-                t.messageIcon && !t.hasDraftPreview ? (e(), l(v(t.messageIcon), {
-                  key: 0,
-                  class: "chat-item__message-icon"
-                })) : n("v-if", !0),
-                t.hasDraftPreview ? (e(), i("span", S, [
-                  o(
-                    "span",
-                    D,
-                    _(t.draftLabel),
-                    1
-                    /* TEXT */
-                  ),
-                  t.draftFileIcon ? (e(), l(v(t.draftFileIcon), {
-                    key: 0,
-                    class: "chat-item__message-icon"
-                  })) : n("v-if", !0),
-                  t.draftPreview && t.useAppleEmojisInLastMessage ? (e(), i("span", {
-                    key: 1,
-                    class: "chat-item__draft-text",
-                    innerHTML: t.draftTextHtml
-                  }, null, 8, B)) : t.draftPreview ? (e(), i(
-                    "span",
-                    E,
-                    _(t.draftPreview),
-                    1
-                    /* TEXT */
-                  )) : n("v-if", !0)
-                ])) : t.useAppleEmojisInLastMessage ? (e(), i("span", {
-                  key: 2,
-                  class: "chat-item__last-message-text",
-                  innerHTML: t.lastMessageHtml
-                }, null, 8, A)) : (e(), i(
-                  "span",
-                  H,
-                  _(t.showText),
-                  1
-                  /* TEXT */
-                ))
-              ])) : n("v-if", !0)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["text"])
-        ]),
-        o("div", U, [
-          a.chat["lastActivity.time"] && (!a.chat.actions || !t.buttonMenuVisible) ? (e(), i(
-            "div",
-            P,
-            _(a.chat["lastActivity.time"]),
-            1
-            /* TEXT */
-          )) : n("v-if", !0),
-          n(" Кнопка меню размещена выше статуса и индикатора "),
-          t.buttonMenuVisible && a.chat.actions && a.contextMenuTrigger === "hover" ? (e(), l(t.ButtonContextMenu, {
-            key: 1,
-            mode: "click",
-            "menu-side": "bottom-right",
-            actions: a.chat.actions,
-            onClick: t.clickAction,
-            onButtonClick: t.BCMclick,
-            onMenuMouseLeave: c[0] || (c[0] = (s) => t.buttonMenuVisible = !1)
-          }, {
-            default: h(() => [...c[2] || (c[2] = [
-              o(
-                "span",
-                { class: "pi pi-ellipsis-h chat-item__actions-trigger" },
-                null,
-                -1
-                /* CACHED */
-              )
-            ])]),
-            _: 1
-            /* STABLE */
-          }, 8, ["actions"])) : n("v-if", !0),
-          n(" Контекстное меню для режима rightClick "),
-          (e(), l(u, { to: "body" }, [
-            a.contextMenuTrigger === "rightClick" && a.chat.actions && t.contextMenuVisible ? (e(), l(t.ContextMenu, {
-              key: 0,
-              id: "context-menu-rightclick-" + t.contextMenuId,
-              actions: a.chat.actions,
-              "data-theme": t.getTheme().theme ? t.getTheme().theme : "light",
-              onClick: t.clickAction,
-              onMouseenter: t.onContextMenuMouseEnter,
-              onMouseleave: t.onContextMenuMouseLeave
-            }, null, 8, ["id", "actions", "data-theme"])) : n("v-if", !0)
-          ])),
-          n(" Контейнер для статуса и непрочитанных "),
-          o("div", V, [
-            t.statuses.includes(a.chat["lastMessage.status"]) ? (e(), i(
-              "div",
-              {
-                key: 0,
-                class: r(["chat-item__status-message", t.status])
-              },
-              [
-                a.chat["lastMessage.status"] === "pending" ? (e(), l(t.PendingStatusIcon, { key: 0 })) : a.chat["lastMessage.status"] === "error" ? (e(), l(t.ErrorStatusIcon, { key: 1 })) : a.chat["lastMessage.status"] === "read" ? (e(), l(t.ReadStatusIcon, { key: 2 })) : a.chat["lastMessage.status"] === "received" ? (e(), l(t.ReceivedStatusIcon, { key: 3 })) : (e(), l(t.SentStatusIcon, { key: 4 }))
-              ],
-              2
-              /* CLASS */
-            )) : n("v-if", !0),
-            t.showChatUnread ? (e(), i(
-              "div",
-              F,
-              _(t.chatUnreadText),
-              1
-              /* TEXT */
-            )) : n("v-if", !0)
-          ]),
-          a.chat.countUnread < 1 ? (e(), i("div", j, [
-            a.chat.isFixedTop || a.chat.isFixedBottom ? (e(), i("span", N)) : n("v-if", !0)
-          ])) : n("v-if", !0)
-        ]),
-        t.props.showDialogs && a.chat.dialogs ? (e(), i("div", {
-          key: 0,
-          class: "chat-item__dialog-buttons",
-          onClick: c[1] || (c[1] = (s) => t.emit("expand", t.props.chat))
-        }, [
-          t.props.showDialogs && !a.chat.dialogsExpanded ? (e(), i("button", R, [...c[3] || (c[3] = [
-            o(
-              "span",
-              {
-                id: "noSelectButton",
-                class: "pi pi-angle-down"
-              },
-              null,
-              -1
-              /* CACHED */
-            )
-          ])])) : n("v-if", !0),
-          t.props.showDialogs && a.chat.dialogsExpanded ? (e(), i("button", z, [...c[4] || (c[4] = [
-            o(
-              "span",
-              {
-                id: "noSelectButton",
-                class: "pi pi-angle-up"
-              },
-              null,
-              -1
-              /* CACHED */
-            )
-          ])])) : n("v-if", !0)
-        ])) : n("v-if", !0)
-      ],
-      34
-      /* CLASS, NEED_HYDRATION */
-    ),
-    t.props.showDialogs && a.chat.dialogsExpanded ? (e(), i("div", q, [
-      (e(!0), i(
-        f,
-        null,
-        y(t.getSortedDialogs(), (s) => (e(), i("div", {
-          key: s.dialogId,
-          class: r(["dialog__item", t.getDialogClass(s)]),
-          onClick: ($) => t.selectDialog(s)
-        }, [
-          s.icon ? (e(), i("img", {
-            key: 0,
-            class: "dialog__icon",
-            src: s.icon,
-            height: "16",
-            width: "16"
-          }, null, 8, J)) : (e(), i("span", K)),
-          o("div", O, [
-            o(
-              "div",
-              Q,
-              _(s.name),
-              1
-              /* TEXT */
-            ),
-            o(
-              "div",
-              W,
-              _(s["lastActivity.time"]),
-              1
-              /* TEXT */
-            )
-          ]),
-          s.countUnread > 0 ? (e(), i(
-            "div",
-            {
-              key: 2,
-              class: "chat-item__unread",
-              style: m(s.colorUnread ? { backgroundColor: s.colorUnread } : {})
-            },
-            _(s.countUnread > 99 ? "99+" : s.countUnread),
-            5
-            /* TEXT, STYLE */
-          )) : n("v-if", !0)
-        ], 10, G))),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ])) : n("v-if", !0)
-  ]);
-}
-const nt = /* @__PURE__ */ M(g, [["render", X], ["__scopeId", "data-v-c1f8f6a0"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatlist_elements/ChatItem/ChatItem.vue"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-50654e81"]]);
 export {
-  nt as default
+  e as default
 };