@mobilon-dev/chotto 0.3.99 → 0.3.100

package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as f, inject as j, computed as m, createElementBlock as c, unref as g, openBlock as p, toDisplayString as d } from "vue";
+import { defineComponent as g, inject as d, computed as m, createElementBlock as c, unref as h, openBlock as p, toDisplayString as v } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
-import { useEmojiNative as h } from "../../../hooks/useEmojiNative.js";
+import { useEmojiNative as E } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -10,8 +10,8 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import { getAppleEmojiUrl as k, getAppleEmojiFallbackUrl as E } from "../../../functions/renderAppleEmojis.js";
-const _ = ["src", "alt"], y = { key: 1 }, G = /* @__PURE__ */ f({
+import { hasAppleEmojiImage as k, getAppleEmojiUrl as _, getAppleEmojiFallbackUrl as y } from "../../../functions/renderAppleEmojis.js";
+const A = ["src", "alt"], I = { key: 1 }, H = /* @__PURE__ */ g({
   __name: "EmojiGlyph",
   props: {
     emoji: {
@@ -19,22 +19,22 @@ const _ = ["src", "alt"], y = { key: 1 }, G = /* @__PURE__ */ f({
       required: !0
     }
   },
-  setup(t) {
-    const r = t, n = j("chatAppId", ""), { isNative: a } = h(n), s = m(() => k(r.emoji)), l = m(() => E(r.emoji));
-    function u(i) {
-      const o = i.target, e = l.value;
-      e && o.src !== e && (o.src = e);
+  setup(o) {
+    const t = o, l = d("chatAppId", ""), { isNative: n, emojiSrc: e } = E(l), s = m(() => k(t.emoji, e.value)), u = m(() => _(t.emoji, e.value)), j = m(() => y(t.emoji, e.value));
+    function f(a) {
+      const r = a.target, i = j.value;
+      i && r.src !== i && (r.src = i);
     }
-    return (i, o) => g(a) ? (p(), c("span", y, d(t.emoji), 1)) : (p(), c("img", {
+    return (a, r) => !h(n) && s.value ? (p(), c("img", {
       key: 0,
       class: "chotto-emoji",
-      src: s.value,
-      alt: t.emoji,
+      src: u.value,
+      alt: o.emoji,
       draggable: "false",
-      onError: u
-    }, null, 40, _));
+      onError: f
+    }, null, 40, A)) : (p(), c("span", I, v(o.emoji), 1));
   }
 });
 export {
-  G as default
+  H as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./ButtonEmojiPicker.vue2.js";
 /* empty css                       */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4bf1f08f"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-50c1b8d3"]]);
 export {
   i as default
 };

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

@@ -1,10 +1,10 @@
-import { defineComponent as D, ref as r, inject as R, watch as W, computed as z, watchEffect as U, onMounted as $, onUnmounted as q, createElementBlock as j, openBlock as C, Fragment as G, createCommentVNode as J, createVNode as g, unref as y, normalizeClass as K, createElementVNode as B, Transition as Q, withCtx as X, withDirectives as Y, vShow as Z } from "vue";
-import ee from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
+import { defineComponent as W, ref as a, inject as z, watch as F, computed as U, watchEffect as $, onMounted as q, onUnmounted as G, createElementBlock as C, openBlock as S, Fragment as J, createCommentVNode as K, createVNode as g, unref as y, normalizeClass as Q, createElementVNode as B, Transition as X, withCtx as Y, withDirectives as Z, vShow as ee } from "vue";
+import te from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
 /* empty css                                                        */
-import { useMessageDraft as te } from "../../../hooks/useMessageDraft.js";
+import { useMessageDraft as oe } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
-import { useEmojiNative as oe } from "../../../hooks/useEmojiNative.js";
+import { useEmojiNative as ne } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -12,8 +12,8 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import ne from "./icons/SmilesIcon.vue.js";
-const ye = /* @__PURE__ */ D({
+import ie from "./icons/SmilesIcon.vue.js";
+const je = /* @__PURE__ */ W({
   __name: "ButtonEmojiPicker",
   props: {
     state: {
@@ -24,10 +24,10 @@ const ye = /* @__PURE__ */ D({
       type: String,
       default: "click",
       // или 'hover'
-      validator: (l) => ["click", "hover"].includes(l)
+      validator: (n) => ["click", "hover"].includes(n)
     },
     /**
-     * true — системные эмодзи; false — 3D (Apple) в пикере, инпуте и ленте.
+     * true — системные эмодзи; false — картинки в пикере, зеркале ввода и ленте.
      * Значение пишется в общий store чата (useEmojiNative).
      */
     native: {
@@ -40,111 +40,125 @@ const ye = /* @__PURE__ */ D({
     displayRecent: {
       type: Boolean,
       default: !0
+    },
+    /**
+     * Базовый URL PNG-картинок эмодзи (без слэша в конце).
+     * При native=false используется пикером, зеркалом ввода, лентой и реакциями.
+     * Пустая строка — Apple CDN по умолчанию.
+     */
+    emojiSrc: {
+      type: String,
+      default: ""
     }
   },
-  setup(l) {
-    const t = l, v = r(null), f = r(null), n = r(!1), b = r("light"), i = R("chatAppId"), { setMessageText: P, getMessage: E } = te(i), { setNative: w } = oe(i);
-    W(
+  setup(n) {
+    const t = n, v = a(null), f = a(null), i = a(!1), j = a("light"), r = z("chatAppId"), { setMessageText: P, getMessage: b } = oe(r), { setNative: w, setEmojiSrc: I } = ne(r);
+    F(
       () => t.native,
       (e) => w(e),
       { immediate: !0 }
+    ), F(
+      () => t.emojiSrc,
+      (e) => I(e),
+      { immediate: !0 }
     );
-    const c = r("#5F5F5F"), s = r("#404040"), p = r(!1);
-    let a = null;
+    const c = a("#5F5F5F"), s = a("#404040"), p = a(!1);
+    let l = null;
     const h = () => {
-      if (!i) {
+      if (!r) {
         c.value = "#5F5F5F", s.value = "#404040";
         return;
       }
-      const e = document.getElementById(i);
+      const e = document.getElementById(r);
       if (!e) {
         c.value = "#5F5F5F", s.value = "#404040";
         return;
       }
-      const o = window.getComputedStyle(e), d = o.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), A = o.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
-      c.value = d || "#5F5F5F", s.value = A || "#404040";
-    }, I = z(() => p.value ? s.value : c.value);
-    U(() => {
+      const o = window.getComputedStyle(e), d = o.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), _ = o.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
+      c.value = d || "#5F5F5F", s.value = _ || "#404040";
+    }, N = U(() => p.value ? s.value : c.value);
+    $(() => {
       h();
     });
     let u = !1, m = !1;
-    const N = () => {
+    const T = () => {
       var o;
-      const e = document.getElementById(i);
+      const e = document.getElementById(r);
       return (o = e == null ? void 0 : e.getAttribute("data-theme")) != null && o.includes("dark") ? "dark" : "light";
-    }, S = (e) => {
-      P(E().text + e.i);
-    }, M = () => {
-      t.state === "active" && (b.value = N(), n.value = !0);
+    }, V = (e) => {
+      P(b().text + e.i);
+    }, E = () => {
+      t.state === "active" && (j.value = T(), i.value = !0);
     }, k = () => {
-      n.value = !1;
-    }, T = () => {
-      t.mode === "click" && (n.value = !n.value, n.value && M());
-    }, V = () => {
-      t.mode === "hover" && (u = !0, M());
+      i.value = !1;
     }, x = () => {
+      t.mode === "click" && (i.value = !i.value, i.value && E());
+    }, L = () => {
+      t.mode === "hover" && (u = !0, E());
+    }, O = () => {
       t.mode === "hover" && (u = !1, setTimeout(() => {
         !m && !u && k();
       }, 150));
-    }, L = () => {
-      p.value = !0, V();
-    }, O = () => {
-      p.value = !1, x();
-    }, _ = () => {
-      t.mode === "hover" && (m = !0);
     }, H = () => {
+      p.value = !0, L();
+    }, A = () => {
+      p.value = !1, O();
+    }, D = () => {
+      t.mode === "hover" && (m = !0);
+    }, R = () => {
       t.mode === "hover" && (m = !1, setTimeout(() => {
         !u && !m && k();
       }, 150));
-    }, F = (e) => {
-      t.mode === "click" && n.value && f.value && v.value && e.target instanceof Node && !f.value.contains(e.target) && !v.value.contains(e.target) && k();
+    }, M = (e) => {
+      t.mode === "click" && i.value && f.value && v.value && e.target instanceof Node && !f.value.contains(e.target) && !v.value.contains(e.target) && k();
     };
-    return $(() => {
-      if (document.addEventListener("click", F), h(), i) {
-        const e = document.getElementById(i);
-        e && (a = new MutationObserver((o) => {
+    return q(() => {
+      if (document.addEventListener("click", M), h(), r) {
+        const e = document.getElementById(r);
+        e && (l = new MutationObserver((o) => {
           o.forEach((d) => {
             d.type === "attributes" && d.attributeName === "data-theme" && h();
           });
-        }), a.observe(e, {
+        }), l.observe(e, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
-    }), q(() => {
-      document.removeEventListener("click", F), a && (a.disconnect(), a = null);
-    }), (e, o) => (C(), j(G, null, [
-      y(E)().isRecording ? J("", !0) : (C(), j("button", {
+    }), G(() => {
+      document.removeEventListener("click", M), l && (l.disconnect(), l = null);
+    }), (e, o) => (S(), C(J, null, [
+      y(b)().isRecording ? K("", !0) : (S(), C("button", {
         key: 0,
         ref_key: "emojiButton",
         ref: f,
-        class: K(["button", { "button-disabled": l.state === "disabled" }]),
-        onClick: T,
-        onMouseenter: L,
-        onMouseleave: O
+        class: Q(["button", { "button-disabled": n.state === "disabled" }]),
+        onClick: x,
+        onMouseenter: H,
+        onMouseleave: A
       }, [
         B("span", null, [
-          g(y(ne), { fill: I.value }, null, 8, ["fill"])
+          g(y(ie), { fill: N.value }, null, 8, ["fill"])
         ])
       ], 34)),
-      g(Q, null, {
-        default: X(() => [
-          Y(B("div", {
+      g(X, null, {
+        default: Y(() => [
+          Z(B("div", {
             ref_key: "emoji",
             ref: v,
             class: "emoji",
-            onMouseenter: _,
-            onMouseleave: H
+            onMouseenter: D,
+            onMouseleave: R
           }, [
-            g(y(ee), {
-              native: l.native,
-              theme: b.value,
-              "display-recent": l.displayRecent,
+            g(y(te), {
+              native: n.native,
+              theme: j.value,
+              "display-recent": n.displayRecent,
+              "emoji-src": n.emojiSrc,
               "picker-type": "",
-              onSelect: S
-            }, null, 8, ["native", "theme", "display-recent"])
+              onSelect: V
+            }, null, 8, ["native", "theme", "display-recent", "emoji-src"])
           ], 544), [
-            [Z, n.value]
+            [ee, i.value]
           ])
         ]),
         _: 1
@@ -153,5 +167,5 @@ const ye = /* @__PURE__ */ D({
   }
 });
 export {
-  ye as default
+  je as default
 };

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

@@ -1,7 +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-50654e81"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-83011e3a"]]);
 export {
   e as default
 };