@mobilon-dev/chotto 0.3.89 → 0.3.90

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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e67f8c2a"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1b5902eb"]]);
 export {
-  c as default
+  i as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as r, inject as W, watch as z, computed as R, 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 b, normalizeClass as K, createElementVNode as B, Transition as Q, withCtx as X, withDirectives as Y, vShow as Z } from "vue";
+import { defineComponent as D, ref as l, 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";
 /* empty css                                                        */
 import { useMessageDraft as te } from "../../../hooks/useMessageDraft.js";
@@ -13,7 +13,7 @@ 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 be = /* @__PURE__ */ D({
+const ye = /* @__PURE__ */ D({
   __name: "ButtonEmojiPicker",
   props: {
     state: {
@@ -24,7 +24,7 @@ const be = /* @__PURE__ */ D({
       type: String,
       default: "click",
       // или 'hover'
-      validator: (l) => ["click", "hover"].includes(l)
+      validator: (a) => ["click", "hover"].includes(a)
     },
     /**
      * true — системные эмодзи; false — 3D (Apple) в пикере, инпуте и ленте.
@@ -33,17 +33,24 @@ const be = /* @__PURE__ */ D({
     native: {
       type: Boolean,
       default: !0
+    },
+    /**
+     * Показывать группу недавно использованных эмодзи.
+     */
+    displayRecent: {
+      type: Boolean,
+      default: !0
     }
   },
-  setup(l) {
-    const t = l, v = r(null), f = r(null), o = r(!1), E = r("light"), i = W("chatAppId"), { setMessageText: P, getMessage: M } = te(i), { setNative: w } = oe(i);
-    z(
+  setup(a) {
+    const t = a, v = l(null), f = l(null), o = l(!1), b = l("light"), i = R("chatAppId"), { setMessageText: P, getMessage: E } = te(i), { setNative: w } = oe(i);
+    W(
       () => t.native,
       (e) => w(e),
       { immediate: !0 }
     );
-    const c = r("#5F5F5F"), s = r("#404040"), p = r(!1);
-    let a = null;
+    const c = l("#5F5F5F"), s = l("#404040"), p = l(!1);
+    let r = null;
     const h = () => {
       if (!i) {
         c.value = "#5F5F5F", s.value = "#404040";
@@ -56,7 +63,7 @@ const be = /* @__PURE__ */ D({
       }
       const n = window.getComputedStyle(e), d = n.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), A = n.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
       c.value = d || "#5F5F5F", s.value = A || "#404040";
-    }, I = R(() => p.value ? s.value : c.value);
+    }, I = z(() => p.value ? s.value : c.value);
     U(() => {
       h();
     });
@@ -66,24 +73,24 @@ const be = /* @__PURE__ */ D({
       const e = document.getElementById(i);
       return (n = e == null ? void 0 : e.getAttribute("data-theme")) != null && n.includes("dark") ? "dark" : "light";
     }, S = (e) => {
-      P(M().text + e.i), t.mode === "click" && (o.value = !1);
-    }, y = () => {
-      t.state === "active" && (E.value = N(), o.value = !0);
+      P(E().text + e.i), t.mode === "click" && (o.value = !1);
+    }, M = () => {
+      t.state === "active" && (b.value = N(), o.value = !0);
     }, k = () => {
       o.value = !1;
-    }, _ = () => {
-      t.mode === "click" && (o.value = !o.value, o.value && y());
     }, T = () => {
-      t.mode === "hover" && (u = !0, y());
+      t.mode === "click" && (o.value = !o.value, o.value && M());
     }, V = () => {
+      t.mode === "hover" && (u = !0, M());
+    }, x = () => {
       t.mode === "hover" && (u = !1, setTimeout(() => {
         !m && !u && k();
       }, 150));
-    }, x = () => {
-      p.value = !0, T();
     }, L = () => {
-      p.value = !1, V();
+      p.value = !0, V();
     }, O = () => {
+      p.value = !1, x();
+    }, _ = () => {
       t.mode === "hover" && (m = !0);
     }, H = () => {
       t.mode === "hover" && (m = !1, setTimeout(() => {
@@ -95,29 +102,29 @@ const be = /* @__PURE__ */ D({
     return $(() => {
       if (document.addEventListener("click", F), h(), i) {
         const e = document.getElementById(i);
-        e && (a = new MutationObserver((n) => {
+        e && (r = new MutationObserver((n) => {
           n.forEach((d) => {
             d.type === "attributes" && d.attributeName === "data-theme" && h();
           });
-        }), a.observe(e, {
+        }), r.observe(e, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
     }), q(() => {
-      document.removeEventListener("click", F), a && (a.disconnect(), a = null);
+      document.removeEventListener("click", F), r && (r.disconnect(), r = null);
     }), (e, n) => (C(), j(G, null, [
-      b(M)().isRecording ? J("", !0) : (C(), j("button", {
+      y(E)().isRecording ? J("", !0) : (C(), j("button", {
         key: 0,
         ref_key: "emojiButton",
         ref: f,
-        class: K(["button", { "button-disabled": l.state === "disabled" }]),
-        onClick: _,
-        onMouseenter: x,
-        onMouseleave: L
+        class: K(["button", { "button-disabled": a.state === "disabled" }]),
+        onClick: T,
+        onMouseenter: L,
+        onMouseleave: O
       }, [
         B("span", null, [
-          g(b(ne), { fill: I.value }, null, 8, ["fill"])
+          g(y(ne), { fill: I.value }, null, 8, ["fill"])
         ])
       ], 34)),
       g(Q, null, {
@@ -126,15 +133,16 @@ const be = /* @__PURE__ */ D({
             ref_key: "emoji",
             ref: v,
             class: "emoji",
-            onMouseenter: O,
+            onMouseenter: _,
             onMouseleave: H
           }, [
-            g(b(ee), {
-              native: l.native,
-              theme: E.value,
+            g(y(ee), {
+              native: a.native,
+              theme: b.value,
+              "display-recent": a.displayRecent,
               "picker-type": "",
               onSelect: S
-            }, null, 8, ["native", "theme"])
+            }, null, 8, ["native", "theme", "display-recent"])
           ], 544), [
             [Z, o.value]
           ])
@@ -145,5 +153,5 @@ const be = /* @__PURE__ */ D({
   }
 });
 export {
-  be as default
+  ye as default
 };

package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts

@@ -17,6 +17,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Показывать группу недавно использованных эмодзи.
+     */
+    displayRecent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     state: {
         type: StringConstructor;
@@ -35,9 +42,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Показывать группу недавно использованных эмодзи.
+     */
+    displayRecent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     native: boolean;
     mode: string;
     state: string;
+    displayRecent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.89",
+  "version": "0.3.90",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",