@mobilon-dev/chotto 0.3.96 → 0.3.98

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

@@ -1,10 +1,10 @@
-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 { createElementBlock as u, openBlock as _, createElementVNode as d, createCommentVNode as h, createVNode as f, ref as a, unref as n } 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";
+import v from "../../1_icons/SearchIcon.vue.js";
+import C 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 = {
+const x = {
   __name: "ChatFilter",
   props: {
     placeholder: {
@@ -14,36 +14,42 @@ const C = { class: "chat-filter__container" }, k = { class: "chat-filter__icon"
     }
   },
   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)
-    ]));
+  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;
   }
-}, q = /* @__PURE__ */ I(y, [["__scopeId", "data-v-21a6c84e"]]);
+}, 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"]]);
 export {
   q as default
 };

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

@@ -1,7 +1,309 @@
-import t from "./ChatItem.vue2.js";
+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";
 /* empty css              */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-50654e81"]]);
+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"]]);
 export {
-  e as default
+  nt as default
 };