@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,7 +1,39 @@
-import o from "./ButtonCommandsSelector.vue2.js";
+import d from "./ButtonCommandsSelector.vue2.js";
+import { createBlock as o, openBlock as n, Transition as s, withCtx as a, createCommentVNode as c, createElementVNode as m, normalizeClass as r } from "vue";
 /* empty css                            */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d6bc9f09"]]);
+import i from "../../../_virtual/_plugin-vue_export-helper.js";
+function l(_, f, e, t, u, C) {
+  return n(), o(s, null, {
+    default: a(() => [
+      e.commands ? (n(), o(t.ButtonContextMenu, {
+        key: 0,
+        ref: "refBCM",
+        "menu-side": "top",
+        mode: e.mode,
+        disabled: t.getMessage().isRecording || e.state == "disabled",
+        actions: e.commands,
+        onClick: t.sendCommand
+      }, {
+        default: a(() => [
+          m(
+            "span",
+            {
+              class: r(["commands__trigger", { commands__disabled: t.getMessage().isRecording || e.state == "disabled" }])
+            },
+            " / ",
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["mode", "disabled", "actions"])) : c("v-if", !0)
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+const p = /* @__PURE__ */ i(d, [["render", l], ["__scopeId", "data-v-dbeeedcd"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue"]]);
 export {
-  c as default
+  p as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as p, inject as g, useTemplateRef as C, watch as h, createBlock as n, openBlock as m, Transition as x, withCtx as i, createCommentVNode as y, unref as r, createElementVNode as B, normalizeClass as M } from "vue";
-import { useMessageDraft as b } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as d, inject as f, useTemplateRef as l, watch as _ } from "vue";
+import { useMessageDraft as g } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.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 k from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
-const D = /* @__PURE__ */ p({
+import h from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
+const P = /* @__PURE__ */ d({
   __name: "ButtonCommandsSelector",
   props: {
     commands: {
@@ -30,45 +30,27 @@ const D = /* @__PURE__ */ p({
     }
   },
   emits: ["send"],
-  setup(e, { emit: d }) {
-    const c = e, l = d, u = g("chatAppId"), { getMessage: s } = b(u), a = C("refBCM"), f = (t) => {
-      console.log(t);
-      const o = {
+  setup(p, { expose: a, emit: c }) {
+    a();
+    const s = p, n = c, m = f("chatAppId"), { getMessage: o } = g(m), r = l("refBCM"), u = (e) => {
+      console.log(e);
+      const t = {
         type: "message.command",
-        text: t.action
+        text: e.action
       };
-      l("send", o);
+      n("send", t);
     };
-    return h(
-      () => s().text,
+    _(
+      () => o().text,
       () => {
-        var t, o;
-        c.commands && (s().text.startsWith("/") ? (t = a.value) == null || t.updatePosition() : (o = a.value) == null || o.hideMenu());
+        var e, t;
+        s.commands && (o().text.startsWith("/") ? (e = r.value) == null || e.updatePosition() : (t = r.value) == null || t.hideMenu());
       }
-    ), (t, o) => (m(), n(x, null, {
-      default: i(() => [
-        e.commands ? (m(), n(k, {
-          key: 0,
-          ref_key: "refBCM",
-          ref: a,
-          "menu-side": "top",
-          mode: e.mode,
-          disabled: r(s)().isRecording || e.state == "disabled",
-          actions: e.commands,
-          onClick: f
-        }, {
-          default: i(() => [
-            B("span", {
-              class: M(["commands__trigger", { commands__disabled: r(s)().isRecording || e.state == "disabled" }])
-            }, " / ", 2)
-          ]),
-          _: 1
-        }, 8, ["mode", "disabled", "actions"])) : y("", !0)
-      ]),
-      _: 1
-    }));
+    );
+    const i = { props: s, emit: n, chatAppId: m, getMessage: o, refBCM: r, sendCommand: u, ButtonContextMenu: h };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {
-  D as default
+  P as default
 };

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

@@ -1,7 +1,64 @@
-import o from "./ButtonEmojiPicker.vue2.js";
+import c from "./ButtonEmojiPicker.vue2.js";
+import { createElementBlock as n, openBlock as i, Fragment as l, createCommentVNode as a, createVNode as t, normalizeClass as s, createElementVNode as r, Transition as m, withCtx as d, withDirectives as h, vShow as v } from "vue";
 /* empty css                       */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4bf1f08f"]]);
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+function u(_, k, o, e, j, E) {
+  return i(), n(
+    l,
+    null,
+    [
+      e.getMessage().isRecording ? a("v-if", !0) : (i(), n(
+        "button",
+        {
+          key: 0,
+          ref: "emojiButton",
+          class: s(["button", { "button-disabled": o.state === "disabled" }]),
+          onClick: e.handleClick,
+          onMouseenter: e.handleMouseEnterWithHover,
+          onMouseleave: e.handleMouseLeaveWithHover
+        },
+        [
+          r("span", null, [
+            t(e.SmilesIcon, { fill: e.currentIconColor }, null, 8, ["fill"])
+          ])
+        ],
+        34
+        /* CLASS, NEED_HYDRATION */
+      )),
+      t(m, { persisted: "" }, {
+        default: d(() => [
+          h(r(
+            "div",
+            {
+              ref: "emoji",
+              class: "emoji",
+              onMouseenter: e.handlePickerMouseEnter,
+              onMouseleave: e.handlePickerMouseLeave
+            },
+            [
+              t(e.EmojiPicker, {
+                native: o.native,
+                theme: e.emojiTheme,
+                "display-recent": o.displayRecent,
+                "picker-type": "",
+                onSelect: e.onSelectEmoji
+              }, null, 8, ["native", "theme", "display-recent"])
+            ],
+            544
+            /* NEED_HYDRATION, NEED_PATCH */
+          ), [
+            [v, e.isEmojiPickerVisible]
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const B = /* @__PURE__ */ f(c, [["render", u], ["__scopeId", "data-v-f0c2b355"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue"]]);
 export {
-  i as default
+  B 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 N, ref as s, inject as A, watch as V, computed as D, watchEffect as W, onMounted as R, onUnmounted as U } from "vue";
+import q 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 z } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
-import { useEmojiNative as oe } from "../../../hooks/useEmojiNative.js";
+import { useEmojiNative as G } 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 J from "./icons/SmilesIcon.vue.js";
+const ce = /* @__PURE__ */ N({
   __name: "ButtonEmojiPicker",
   props: {
     state: {
@@ -24,7 +24,7 @@ const ye = /* @__PURE__ */ D({
       type: String,
       default: "click",
       // или 'hover'
-      validator: (l) => ["click", "hover"].includes(l)
+      validator: (f) => ["click", "hover"].includes(f)
     },
     /**
      * true — системные эмодзи; false — 3D (Apple) в пикере, инпуте и ленте.
@@ -42,116 +42,99 @@ const ye = /* @__PURE__ */ D({
       default: !0
     }
   },
-  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(f, { expose: _ }) {
+    _();
+    const t = f, h = s(null), g = s(null), r = s(!1), M = s("light"), o = A("chatAppId"), { setMessageText: E, getMessage: y } = z(o), { setNative: F } = G(o);
+    V(
       () => t.native,
-      (e) => w(e),
+      (e) => F(e),
       { immediate: !0 }
     );
-    const c = r("#5F5F5F"), s = r("#404040"), p = r(!1);
-    let a = null;
-    const h = () => {
-      if (!i) {
-        c.value = "#5F5F5F", s.value = "#404040";
+    const c = s("#5F5F5F"), l = s("#404040"), m = s(!1);
+    let n = null;
+    const d = () => {
+      if (!o) {
+        c.value = "#5F5F5F", l.value = "#404040";
         return;
       }
-      const e = document.getElementById(i);
+      const e = document.getElementById(o);
       if (!e) {
-        c.value = "#5F5F5F", s.value = "#404040";
+        c.value = "#5F5F5F", l.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(() => {
-      h();
+      const i = window.getComputedStyle(e), p = i.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), H = i.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
+      c.value = p || "#5F5F5F", l.value = H || "#404040";
+    }, C = D(() => m.value ? l.value : c.value);
+    W(() => {
+      d();
     });
-    let u = !1, m = !1;
-    const N = () => {
-      var o;
-      const e = document.getElementById(i);
-      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);
+    let u = !1, a = !1;
+    const P = () => {
+      var i;
+      const e = document.getElementById(o);
+      return (i = e == null ? void 0 : e.getAttribute("data-theme")) != null && i.includes("dark") ? "dark" : "light";
+    }, I = (e) => {
+      E(y().text + e.i);
     }, k = () => {
-      n.value = !1;
-    }, T = () => {
-      t.mode === "click" && (n.value = !n.value, n.value && M());
-    }, V = () => {
-      t.mode === "hover" && (u = !0, M());
-    }, x = () => {
+      t.state === "active" && (M.value = P(), r.value = !0);
+    }, v = () => {
+      r.value = !1;
+    }, S = () => {
+      t.mode === "click" && (r.value = !r.value, r.value && k());
+    }, j = () => {
+      t.mode === "hover" && (u = !0, k());
+    }, O = () => {
       t.mode === "hover" && (u = !1, setTimeout(() => {
-        !m && !u && k();
+        !a && !u && v();
       }, 150));
+    }, w = () => {
+      m.value = !0, j();
     }, L = () => {
-      p.value = !0, V();
-    }, O = () => {
-      p.value = !1, x();
-    }, _ = () => {
-      t.mode === "hover" && (m = !0);
-    }, H = () => {
-      t.mode === "hover" && (m = !1, setTimeout(() => {
-        !u && !m && k();
+      m.value = !1, O();
+    }, T = () => {
+      t.mode === "hover" && (a = !0);
+    }, x = () => {
+      t.mode === "hover" && (a = !1, setTimeout(() => {
+        !u && !a && v();
       }, 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();
+    }, b = (e) => {
+      t.mode === "click" && r.value && g.value && h.value && e.target instanceof Node && !g.value.contains(e.target) && !h.value.contains(e.target) && v();
     };
-    return $(() => {
-      if (document.addEventListener("click", F), h(), i) {
-        const e = document.getElementById(i);
-        e && (a = new MutationObserver((o) => {
-          o.forEach((d) => {
-            d.type === "attributes" && d.attributeName === "data-theme" && h();
+    R(() => {
+      if (document.addEventListener("click", b), d(), o) {
+        const e = document.getElementById(o);
+        e && (n = new MutationObserver((i) => {
+          i.forEach((p) => {
+            p.type === "attributes" && p.attributeName === "data-theme" && d();
           });
-        }), a.observe(e, {
+        }), n.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", {
-        key: 0,
-        ref_key: "emojiButton",
-        ref: f,
-        class: K(["button", { "button-disabled": l.state === "disabled" }]),
-        onClick: T,
-        onMouseenter: L,
-        onMouseleave: O
-      }, [
-        B("span", null, [
-          g(y(ne), { fill: I.value }, null, 8, ["fill"])
-        ])
-      ], 34)),
-      g(Q, null, {
-        default: X(() => [
-          Y(B("div", {
-            ref_key: "emoji",
-            ref: v,
-            class: "emoji",
-            onMouseenter: _,
-            onMouseleave: H
-          }, [
-            g(y(ee), {
-              native: l.native,
-              theme: b.value,
-              "display-recent": l.displayRecent,
-              "picker-type": "",
-              onSelect: S
-            }, null, 8, ["native", "theme", "display-recent"])
-          ], 544), [
-            [Z, n.value]
-          ])
-        ]),
-        _: 1
-      })
-    ], 64));
+    }), U(() => {
+      document.removeEventListener("click", b), n && (n.disconnect(), n = null);
+    });
+    const B = { props: t, emoji: h, emojiButton: g, isEmojiPickerVisible: r, emojiTheme: M, chatAppId: o, setMessageText: E, getMessage: y, setNative: F, iconFillColor: c, iconHoverColor: l, isHovered: m, get themeObserver() {
+      return n;
+    }, set themeObserver(e) {
+      n = e;
+    }, updateIconColor: d, currentIconColor: C, get isMouseOverButton() {
+      return u;
+    }, set isMouseOverButton(e) {
+      u = e;
+    }, get isMouseOverPicker() {
+      return a;
+    }, set isMouseOverPicker(e) {
+      a = e;
+    }, changeThemeDialogEmoji: P, onSelectEmoji: I, openPicker: k, closePicker: v, handleClick: S, handleMouseEnter: j, handleMouseLeave: O, handleMouseEnterWithHover: w, handleMouseLeaveWithHover: L, handlePickerMouseEnter: T, handlePickerMouseLeave: x, handleClickOutside: b, get EmojiPicker() {
+      return q;
+    }, get SmilesIcon() {
+      return J;
+    } };
+    return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
   }
 });
 export {
-  ye as default
+  ce as default
 };

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

@@ -1,40 +1,44 @@
-import { defineComponent as e, createElementBlock as i, openBlock as n, createElementVNode as C } from "vue";
-const o = {
+import o from "./SmilesIcon.vue2.js";
+import { createElementBlock as l, openBlock as i, createElementVNode as t } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const s = {
   width: "27",
   height: "26",
   viewBox: "0 0 27 26",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, s = { "clip-path": "url(#clip0_1718_559)" }, f = ["fill"], c = ["fill"], d = /* @__PURE__ */ e({
-  __name: "SmilesIcon",
-  props: {
-    fill: { default: "#5F5F5F" }
-  },
-  setup(l) {
-    return (h, t) => (n(), i("svg", o, [
-      C("g", s, [
-        C("path", {
-          d: "M13.9883 24.375C10.9714 24.375 8.07817 23.1766 5.94494 21.0433C3.81172 18.9101 2.61328 16.0168 2.61328 13C2.61328 9.98316 3.81172 7.08989 5.94494 4.95666C8.07817 2.82343 10.9714 1.625 13.9883 1.625C17.0051 1.625 19.8984 2.82343 22.0316 4.95666C24.1648 7.08989 25.3633 9.98316 25.3633 13C25.3633 16.0168 24.1648 18.9101 22.0316 21.0433C19.8984 23.1766 17.0051 24.375 13.9883 24.375ZM13.9883 26C17.4361 26 20.7427 24.6304 23.1807 22.1924C25.6186 19.7544 26.9883 16.4478 26.9883 13C26.9883 9.55219 25.6186 6.24558 23.1807 3.80761C20.7427 1.36964 17.4361 0 13.9883 0C10.5405 0 7.23387 1.36964 4.79589 3.80761C2.35792 6.24558 0.988281 9.55219 0.988281 13C0.988281 16.4478 2.35792 19.7544 4.79589 22.1924C7.23387 24.6304 10.5405 26 13.9883 26Z",
-          fill: l.fill
-        }, null, 8, f),
-        C("path", {
-          d: "M7.95115 15.5464C8.13776 15.4386 8.35953 15.4094 8.56767 15.4652C8.77581 15.521 8.95328 15.6571 9.06102 15.8438C9.56008 16.7088 10.2782 17.4271 11.1432 17.9263C12.0081 18.4256 12.9893 18.6881 13.988 18.6875C14.9867 18.6881 15.9679 18.4256 16.8329 17.9263C17.6978 17.4271 18.416 16.7088 18.915 15.8438C18.968 15.7506 19.0388 15.6688 19.1235 15.6032C19.2082 15.5375 19.3051 15.4893 19.4085 15.4612C19.5119 15.4331 19.6198 15.4258 19.7261 15.4396C19.8323 15.4534 19.9348 15.4881 20.0276 15.5417C20.1204 15.5953 20.2017 15.6667 20.2668 15.7518C20.3319 15.8369 20.3795 15.9341 20.4069 16.0377C20.4342 16.1412 20.4409 16.2492 20.4264 16.3554C20.4118 16.4616 20.3765 16.5638 20.3223 16.6562C19.6806 17.7683 18.7573 18.6918 17.6453 19.3336C16.5334 19.9755 15.2719 20.3131 13.988 20.3125C12.7041 20.3131 11.4427 19.9755 10.3307 19.3336C9.21873 18.6918 8.29545 17.7683 7.65377 16.6562C7.54604 16.4696 7.51684 16.2479 7.57261 16.0397C7.62837 15.8316 7.76454 15.6541 7.95115 15.5464ZM12.363 10.5625C12.363 11.908 11.635 13 10.738 13C9.84102 13 9.11302 11.908 9.11302 10.5625C9.11302 9.217 9.84102 8.125 10.738 8.125C11.635 8.125 12.363 9.217 12.363 10.5625ZM18.863 10.5625C18.863 11.908 18.135 13 17.238 13C16.341 13 15.613 11.908 15.613 10.5625C15.613 9.217 16.341 8.125 17.238 8.125C18.135 8.125 18.863 9.217 18.863 10.5625Z",
-          fill: l.fill
-        }, null, 8, c)
-      ]),
-      t[0] || (t[0] = C("defs", null, [
-        C("clipPath", { id: "clip0_1718_559" }, [
-          C("rect", {
+}, c = { "clip-path": "url(#clip0_1718_559)" }, r = ["fill"], _ = ["fill"];
+function f(p, e, C, h, a, d) {
+  return i(), l("svg", s, [
+    t("g", c, [
+      t("path", {
+        d: "M13.9883 24.375C10.9714 24.375 8.07817 23.1766 5.94494 21.0433C3.81172 18.9101 2.61328 16.0168 2.61328 13C2.61328 9.98316 3.81172 7.08989 5.94494 4.95666C8.07817 2.82343 10.9714 1.625 13.9883 1.625C17.0051 1.625 19.8984 2.82343 22.0316 4.95666C24.1648 7.08989 25.3633 9.98316 25.3633 13C25.3633 16.0168 24.1648 18.9101 22.0316 21.0433C19.8984 23.1766 17.0051 24.375 13.9883 24.375ZM13.9883 26C17.4361 26 20.7427 24.6304 23.1807 22.1924C25.6186 19.7544 26.9883 16.4478 26.9883 13C26.9883 9.55219 25.6186 6.24558 23.1807 3.80761C20.7427 1.36964 17.4361 0 13.9883 0C10.5405 0 7.23387 1.36964 4.79589 3.80761C2.35792 6.24558 0.988281 9.55219 0.988281 13C0.988281 16.4478 2.35792 19.7544 4.79589 22.1924C7.23387 24.6304 10.5405 26 13.9883 26Z",
+        fill: C.fill
+      }, null, 8, r),
+      t("path", {
+        d: "M7.95115 15.5464C8.13776 15.4386 8.35953 15.4094 8.56767 15.4652C8.77581 15.521 8.95328 15.6571 9.06102 15.8438C9.56008 16.7088 10.2782 17.4271 11.1432 17.9263C12.0081 18.4256 12.9893 18.6881 13.988 18.6875C14.9867 18.6881 15.9679 18.4256 16.8329 17.9263C17.6978 17.4271 18.416 16.7088 18.915 15.8438C18.968 15.7506 19.0388 15.6688 19.1235 15.6032C19.2082 15.5375 19.3051 15.4893 19.4085 15.4612C19.5119 15.4331 19.6198 15.4258 19.7261 15.4396C19.8323 15.4534 19.9348 15.4881 20.0276 15.5417C20.1204 15.5953 20.2017 15.6667 20.2668 15.7518C20.3319 15.8369 20.3795 15.9341 20.4069 16.0377C20.4342 16.1412 20.4409 16.2492 20.4264 16.3554C20.4118 16.4616 20.3765 16.5638 20.3223 16.6562C19.6806 17.7683 18.7573 18.6918 17.6453 19.3336C16.5334 19.9755 15.2719 20.3131 13.988 20.3125C12.7041 20.3131 11.4427 19.9755 10.3307 19.3336C9.21873 18.6918 8.29545 17.7683 7.65377 16.6562C7.54604 16.4696 7.51684 16.2479 7.57261 16.0397C7.62837 15.8316 7.76454 15.6541 7.95115 15.5464ZM12.363 10.5625C12.363 11.908 11.635 13 10.738 13C9.84102 13 9.11302 11.908 9.11302 10.5625C9.11302 9.217 9.84102 8.125 10.738 8.125C11.635 8.125 12.363 9.217 12.363 10.5625ZM18.863 10.5625C18.863 11.908 18.135 13 17.238 13C16.341 13 15.613 11.908 15.613 10.5625C15.613 9.217 16.341 8.125 17.238 8.125C18.135 8.125 18.863 9.217 18.863 10.5625Z",
+        fill: C.fill
+      }, null, 8, _)
+    ]),
+    e[0] || (e[0] = t(
+      "defs",
+      null,
+      [
+        t("clipPath", { id: "clip0_1718_559" }, [
+          t("rect", {
             width: "26",
             height: "26",
             fill: "white",
             transform: "translate(0.988281)"
           })
         ])
-      ], -1))
-    ]));
-  }
-});
+      ],
+      -1
+      /* CACHED */
+    ))
+  ]);
+}
+const g = /* @__PURE__ */ n(o, [["render", f], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/ButtonEmojiPicker/icons/SmilesIcon.vue"]]);
 export {
-  d as default
+  g as default
 };

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

@@ -1,4 +1,15 @@
-import f from "./SmilesIcon.vue.js";
+import { defineComponent as t } from "vue";
+const o = /* @__PURE__ */ t({
+  __name: "SmilesIcon",
+  props: {
+    fill: { type: String, required: !1, default: "#5F5F5F" }
+  },
+  setup(n, { expose: r }) {
+    r();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
 export {
-  f as default
+  o as default
 };

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

@@ -1,7 +1,75 @@
-import t from "./ButtonTemplateSelector.vue2.js";
+import c from "./ButtonTemplateSelector.vue2.js";
+import { createElementBlock as n, openBlock as a, Fragment as d, createVNode as l, withCtx as r, createCommentVNode as m, normalizeClass as u, createElementVNode as i, Transition as v, withDirectives as f, vShow as p } from "vue";
 /* empty css                            */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-478d6fd5"]]);
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const g = { class: "" };
+function h(w, o, t, e, T, b) {
+  return a(), n(
+    d,
+    null,
+    [
+      l(e.Tooltip, {
+        text: "Шаблоны сообщений",
+        position: "left"
+      }, {
+        default: r(() => [
+          e.getMessage().isRecording ? m("v-if", !0) : (a(), n(
+            "button",
+            {
+              key: 0,
+              ref: "templateButton",
+              class: u(["button-template", { "button-template-disabled": t.state == "disabled" }]),
+              onClick: e.toggle,
+              onMouseover: e.hover,
+              onMouseout: e.hoverout,
+              onMouseenter: o[0] || (o[0] = (s) => e.isHovered = !0),
+              onMouseleave: o[1] || (o[1] = (s) => e.isHovered = !1)
+            },
+            [
+              i("span", g, [
+                l(e.ChatTemplatesIcon, { fill: e.currentIconColor }, null, 8, ["fill"])
+              ])
+            ],
+            34
+            /* CLASS, NEED_HYDRATION */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      l(v, { persisted: "" }, {
+        default: r(() => [
+          f(i(
+            "div",
+            {
+              ref: "template",
+              onMouseover: e.hover,
+              onMouseout: e.hoverout
+            },
+            [
+              l(e.TemplateSelector, {
+                templates: t.templates,
+                "group-templates": t.groupTemplates,
+                "elevated-window": t.elevatedWindow,
+                "chat-background": t.chatBackground,
+                onCloseTemplateWindow: e.close
+              }, null, 8, ["templates", "group-templates", "elevated-window", "chat-background"])
+            ],
+            544
+            /* NEED_HYDRATION, NEED_PATCH */
+          ), [
+            [p, e.props.state === "active"]
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const x = /* @__PURE__ */ _(c, [["render", h], ["__scopeId", "data-v-7f371ef9"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue"]]);
 export {
-  p as default
+  x as default
 };