@mobilon-dev/chotto 0.3.96 → 0.3.98

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

@@ -1,5 +1,5 @@
-import { defineComponent as Ee, ref as i, inject as Fe, computed as p, watchEffect as Le, watch as z, onMounted as Ue, onUnmounted as $e, createElementBlock as a, openBlock as o, Fragment as X, createCommentVNode as C, createVNode as P, unref as E, normalizeClass as Z, createElementVNode as F, Transition as x, withCtx as ee, withDirectives as Oe, renderList as te, toDisplayString as se, vShow as Ae, normalizeStyle as Be } from "vue";
-import { useMessageDraft as De } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as ge, ref as r, inject as be, computed as h, watchEffect as ye, watch as H, onMounted as Te, onUnmounted as Se } from "vue";
+import { useMessageDraft as Me } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
@@ -10,329 +10,219 @@ 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 re from "./icons/StickerIcon.vue.js";
-import { isAnimatedSticker as L } from "../../2_feed_elements/StickerMessage/utils/stickerUtils.js";
+import we from "./icons/StickerIcon.vue.js";
+import { isAnimatedSticker as C } from "../../2_feed_elements/StickerMessage/utils/stickerUtils.js";
 import "../../2_feed_elements/StickerMessage/utils/suppress-lit-warning.js";
-const We = { class: "sticker-picker__container" }, Ne = ["onClick", "onMouseenter", "onMouseleave"], Ve = ["src"], Re = ["src", "alt"], He = {
-  key: 2,
-  class: "sticker-picker__tab-icon-placeholder"
-}, Ie = { class: "sticker-picker__content" }, je = {
-  key: 0,
-  class: "sticker-picker__empty"
-}, ze = {
-  key: 1,
-  class: "sticker-picker__grid"
-}, Xe = ["onClick", "onMouseenter"], Ye = ["src"], Ge = ["src", "alt"], Ke = ["src"], qe = ["src", "alt"], Je = {
-  key: 2,
-  class: "sticker-picker__preview-label"
-}, Qe = 700, kt = /* @__PURE__ */ Ee({
+const Q = 700, qe = /* @__PURE__ */ ge({
   __name: "StickerPicker",
   props: {
-    state: { default: "active" },
-    mode: { default: "click" },
-    stickers: { default: () => [] },
-    emptyText: { default: "Нет доступных стикеров" }
+    state: { type: String, required: !1, default: "active" },
+    mode: { type: String, required: !1, default: "click" },
+    stickers: { type: Array, required: !1, default: () => [] },
+    emptyText: { type: String, required: !1, default: "Нет доступных стикеров" }
   },
-  setup(U) {
-    const l = U, $ = i(null), O = i(null), A = i(null), B = i(null), u = i(!1), d = i(0), m = Fe("chatAppId"), { getMessage: le, setMessageFile: ae, setForceSendMessage: oe } = De(m), y = i("#5F5F5F"), b = i("#404040"), D = i(!1);
-    let h = null;
-    const W = () => {
-      if (!m) {
-        y.value = "#5F5F5F", b.value = "#404040";
+  setup(Z, { expose: ee }) {
+    ee();
+    const s = Z, O = r(null), I = r(null), _ = r(null), A = r(null), i = r(!1), k = r(0), u = be("chatAppId"), { getMessage: te, setMessageFile: R, setForceSendMessage: N } = Me(u), g = r("#5F5F5F"), b = r("#404040"), w = r(!1);
+    let c = null;
+    const P = () => {
+      if (!u) {
+        g.value = "#5F5F5F", b.value = "#404040";
         return;
       }
-      const e = document.getElementById(m);
+      const e = document.getElementById(u);
       if (!e) {
-        y.value = "#5F5F5F", b.value = "#404040";
+        g.value = "#5F5F5F", b.value = "#404040";
         return;
       }
-      const t = window.getComputedStyle(e), r = t.getPropertyValue("--chotto-stickerpicker-button-span-color").trim(), s = t.getPropertyValue("--chotto-stickerpicker-button-span-hover-color").trim();
-      y.value = r || "#5F5F5F", b.value = s || "#404040";
-    }, ie = p(() => D.value ? b.value : y.value);
-    Le(() => {
-      W();
+      const t = window.getComputedStyle(e), o = t.getPropertyValue("--chotto-stickerpicker-button-span-color").trim(), a = t.getPropertyValue("--chotto-stickerpicker-button-span-hover-color").trim();
+      g.value = o || "#5F5F5F", b.value = a || "#404040";
+    }, se = h(() => w.value ? b.value : g.value);
+    ye(() => {
+      P();
     });
-    const n = i(null), N = i({}), w = i(null), v = i(/* @__PURE__ */ new Map()), k = i(/* @__PURE__ */ new Map());
-    let T = !1, M = !1;
-    const f = i(!1), V = i(!1);
-    async function Y() {
-      if (!(f.value || V.value)) {
-        V.value = !0;
+    const f = r(null), U = r({}), y = r(null), l = r(/* @__PURE__ */ new Map()), n = r(/* @__PURE__ */ new Map());
+    let v = !1, d = !1;
+    const p = r(!1), F = r(!1);
+    async function B() {
+      if (!(p.value || F.value)) {
+        F.value = !0;
         try {
-          await import("../../2_feed_elements/StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../../2_feed_elements/StickerMessage/libs/tgs-player/tgs-player.esm.js"), f.value = !0;
+          await import("../../2_feed_elements/StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../../2_feed_elements/StickerMessage/libs/tgs-player/tgs-player.esm.js"), p.value = !0;
         } catch (e) {
           console.error("Failed to load TGS libraries:", e);
         } finally {
-          V.value = !1;
+          F.value = !1;
         }
       }
     }
-    const ce = () => {
-      if (!l.stickers || !Array.isArray(l.stickers) || l.stickers.length === 0)
+    const V = () => {
+      if (!s.stickers || !Array.isArray(s.stickers) || s.stickers.length === 0)
         return { hasTabs: !1, tabs: [] };
-      const e = l.stickers[0], t = Array.isArray(e), r = e && typeof e == "object" && "stickers" in e;
+      const e = s.stickers[0], t = Array.isArray(e), o = e && typeof e == "object" && "stickers" in e;
       return t ? {
         hasTabs: !0,
-        tabs: l.stickers.map((s, c) => ({
-          id: `tab-${c}`,
-          label: `Set ${c + 1}`,
-          stickers: s,
-          iconUrl: s && s.length > 0 ? s[0].url : null
+        tabs: s.stickers.map((a, M) => ({
+          id: `tab-${M}`,
+          label: `Set ${M + 1}`,
+          stickers: a,
+          iconUrl: a && a.length > 0 ? a[0].url : null
         }))
-      } : r && "stickers" in e ? {
+      } : o && "stickers" in e ? {
         hasTabs: !0,
-        tabs: l.stickers.map((s, c) => ({
-          id: s.id || `tab-${c}`,
-          label: s.label || `Set ${c + 1}`,
-          stickers: s.stickers || [],
-          iconUrl: s.iconUrl || (s.stickers && s.stickers.length > 0 ? s.stickers[0].url : null)
+        tabs: s.stickers.map((a, M) => ({
+          id: a.id || `tab-${M}`,
+          label: a.label || `Set ${M + 1}`,
+          stickers: a.stickers || [],
+          iconUrl: a.iconUrl || (a.stickers && a.stickers.length > 0 ? a.stickers[0].url : null)
         }))
       } : {
         hasTabs: !0,
         tabs: [{
           id: "default",
           label: "Stickers",
-          stickers: l.stickers,
-          iconUrl: l.stickers.length > 0 ? l.stickers[0].url : null
+          stickers: s.stickers,
+          iconUrl: s.stickers.length > 0 ? s.stickers[0].url : null
         }]
       };
-    }, R = p(() => ce()), ne = p(() => R.value.hasTabs && R.value.tabs.length > 0), _ = p(() => R.value.tabs), H = p(() => {
+    }, E = h(() => V()), re = h(() => E.value.hasTabs && E.value.tabs.length > 0), T = h(() => E.value.tabs), X = h(() => {
       var e;
-      return _.value.length === 0 ? [] : ((e = _.value[d.value]) == null ? void 0 : e.stickers) || [];
-    }), G = p(() => {
-      const e = H.value.some((r) => L(r.url)), t = _.value.some((r) => r.iconUrl && L(r.iconUrl));
+      return T.value.length === 0 ? [] : ((e = T.value[k.value]) == null ? void 0 : e.stickers) || [];
+    }), W = h(() => {
+      const e = X.value.some((o) => C(o.url)), t = T.value.some((o) => o.iconUrl && C(o.iconUrl));
       return e || t;
     });
-    z(G, (e) => {
-      e && !f.value && Y();
+    H(W, (e) => {
+      e && !p.value && B();
     }, { immediate: !0 });
-    const I = (e) => L(e.url), ue = (e, t) => {
-      t ? v.value.set(e, t) : v.value.delete(e);
-    }, ve = (e, t) => {
-      t ? k.value.set(e, t) : k.value.delete(e);
-    }, K = (e) => {
+    const Y = (e) => C(e.url), ae = (e, t) => {
+      t ? l.value.set(e, t) : l.value.delete(e);
+    }, oe = (e, t) => {
+      t ? n.value.set(e, t) : n.value.delete(e);
+    }, D = (e) => {
       if (!(!e || typeof e.play != "function"))
         try {
           e.play();
         } catch {
         }
-    }, fe = (e) => {
-      K(k.value.get(e));
-    }, ke = (e) => {
-      const t = k.value.get(e);
+    }, le = (e) => {
+      D(n.value.get(e));
+    }, ie = (e) => {
+      const t = n.value.get(e);
       t && typeof t.pause == "function" && t.pause();
     };
-    z(d, () => {
-      v.value.clear();
-    }), z(() => l.stickers, () => {
-      d.value >= _.value.length && (d.value = 0);
+    H(k, () => {
+      l.value.clear();
+    }), H(() => s.stickers, () => {
+      k.value >= T.value.length && (k.value = 0);
     }, { deep: !0 });
-    const de = (e) => {
+    const z = (e) => {
       if (!e) return "image";
       const t = e.toLowerCase();
       return t.endsWith(".tgs") || t.endsWith(".webp") ? "sticker" : "image";
-    }, q = (e) => {
-      if (l.state === "disabled") return;
-      const t = de(e.url);
-      ae({
+    }, $ = (e) => {
+      if (s.state === "disabled") return;
+      const t = z(e.url);
+      R({
         url: e.url,
         name: e.alt || `sticker.${t === "sticker" ? e.url.toLowerCase().endsWith(".tgs") ? "tgs" : "webp" : "png"}`,
         type: t
-      }), oe(!0), l.mode === "click" && (u.value = !1);
-    }, pe = (e, t) => {
-      I(e) && f.value && K(v.value.get(t)), S(), w.value = setTimeout(() => {
-        _e(e);
-      }, Qe);
-    }, me = () => {
-      v.value.forEach((e) => {
+      }), N(!0), s.mode === "click" && (i.value = !1);
+    }, ne = (e, t) => {
+      Y(e) && p.value && D(l.value.get(t)), S(), y.value = setTimeout(() => {
+        G(e);
+      }, Q);
+    }, ce = () => {
+      l.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), S(), g();
-    }, he = (e) => {
-      S(), g(), q(e);
+      }), S(), m();
+    }, ue = (e) => {
+      S(), m(), $(e);
     }, S = () => {
-      w.value && (clearTimeout(w.value), w.value = null);
-    }, _e = (e) => {
-      n.value = e, N.value = {
+      y.value && (clearTimeout(y.value), y.value = null);
+    }, G = (e) => {
+      f.value = e, U.value = {
         left: "50%",
         top: "50%",
         transform: "translate(-50%, -50%)"
       };
-    }, g = () => {
-      n.value = null, N.value = {};
-    }, ge = () => {
-      n.value && (q(n.value), g());
-    }, J = () => {
-      l.state === "active" && (u.value = !0);
+    }, m = () => {
+      f.value = null, U.value = {};
+    }, fe = () => {
+      f.value && ($(f.value), m());
     }, j = () => {
-      v.value.forEach((e) => {
+      s.state === "active" && (i.value = !0);
+    }, L = () => {
+      l.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), k.value.forEach((e) => {
+      }), n.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), u.value = !1;
-    }, ye = () => {
-      l.mode === "click" && (u.value = !u.value, u.value && J());
-    }, be = () => {
-      l.mode === "hover" && (T = !0, J());
-    }, we = () => {
-      l.mode === "hover" && (T = !1, setTimeout(() => {
-        !M && !T && j();
+      }), i.value = !1;
+    }, ve = () => {
+      s.mode === "click" && (i.value = !i.value, i.value && j());
+    }, K = () => {
+      s.mode === "hover" && (v = !0, j());
+    }, x = () => {
+      s.mode === "hover" && (v = !1, setTimeout(() => {
+        !d && !v && L();
       }, 150));
-    }, Te = () => {
-      D.value = !0, be();
-    }, Me = () => {
-      D.value = !1, we();
-    }, Se = () => {
-      l.mode === "hover" && (M = !0);
-    }, Ce = () => {
-      l.mode === "hover" && (M = !1, setTimeout(() => {
-        !T && !M && j();
+    }, de = () => {
+      w.value = !0, K();
+    }, pe = () => {
+      w.value = !1, x();
+    }, me = () => {
+      s.mode === "hover" && (d = !0);
+    }, he = () => {
+      s.mode === "hover" && (d = !1, setTimeout(() => {
+        !v && !d && L();
       }, 150));
-    }, Pe = (e) => {
-      if (!A.value) return;
+    }, ke = (e) => {
+      if (!_.value) return;
       const t = e.shiftKey || Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
-      A.value.scrollLeft += t;
-    }, Q = (e) => {
-      l.mode === "click" && u.value && O.value && $.value && e.target instanceof Node && !O.value.contains(e.target) && !$.value.contains(e.target) && j(), n.value && B.value && e.target instanceof Node && !B.value.contains(e.target) && g();
+      _.value.scrollLeft += t;
+    }, q = (e) => {
+      s.mode === "click" && i.value && I.value && O.value && e.target instanceof Node && !I.value.contains(e.target) && !O.value.contains(e.target) && L(), f.value && A.value && e.target instanceof Node && !A.value.contains(e.target) && m();
     };
-    return Ue(() => {
-      if (document.addEventListener("click", Q), W(), m) {
-        const e = document.getElementById(m);
-        e && (h = new MutationObserver((t) => {
-          t.forEach((r) => {
-            r.type === "attributes" && r.attributeName === "data-theme" && W();
+    Te(() => {
+      if (document.addEventListener("click", q), P(), u) {
+        const e = document.getElementById(u);
+        e && (c = new MutationObserver((t) => {
+          t.forEach((o) => {
+            o.type === "attributes" && o.attributeName === "data-theme" && P();
           });
-        }), h.observe(e, {
+        }), c.observe(e, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
-      G.value && !f.value && Y();
-    }), $e(() => {
-      document.removeEventListener("click", Q), S(), g(), h && (h.disconnect(), h = null), v.value.forEach((e) => {
+      W.value && !p.value && B();
+    }), Se(() => {
+      document.removeEventListener("click", q), S(), m(), c && (c.disconnect(), c = null), l.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), v.value.clear(), k.value.forEach((e) => {
+      }), l.value.clear(), n.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), k.value.clear();
-    }), (e, t) => (o(), a(X, null, [
-      E(le)().isRecording ? C("", !0) : (o(), a("button", {
-        key: 0,
-        ref_key: "stickerButton",
-        ref: O,
-        class: Z(["button", { "button-disabled": U.state === "disabled" }]),
-        onClick: ye,
-        onMouseenter: Te,
-        onMouseleave: Me
-      }, [
-        F("span", null, [
-          P(E(re), { fill: ie.value }, null, 8, ["fill"])
-        ])
-      ], 34)),
-      P(x, null, {
-        default: ee(() => [
-          Oe(F("div", {
-            ref_key: "stickerPicker",
-            ref: $,
-            class: "sticker-picker",
-            onMouseenter: Se,
-            onMouseleave: Ce
-          }, [
-            F("div", We, [
-              ne.value ? (o(), a("div", {
-                key: 0,
-                ref_key: "tabsContainer",
-                ref: A,
-                class: "sticker-picker__tabs",
-                onWheelPassive: Pe
-              }, [
-                (o(!0), a(X, null, te(_.value, (r, s) => (o(), a("button", {
-                  key: s,
-                  class: Z(["sticker-picker__tab", { "sticker-picker__tab--active": d.value === s }]),
-                  onClick: (c) => d.value = s,
-                  onMouseenter: (c) => fe(s),
-                  onMouseleave: (c) => ke(s)
-                }, [
-                  r.iconUrl && E(L)(r.iconUrl) && f.value ? (o(), a("tgs-player", {
-                    key: 0,
-                    ref_for: !0,
-                    ref: (c) => ve(s, c),
-                    src: r.iconUrl,
-                    class: "sticker-picker__tab-icon sticker-picker__tab-icon-animated",
-                    loop: "",
-                    mode: "normal"
-                  }, null, 8, Ve)) : r.iconUrl ? (o(), a("img", {
-                    key: 1,
-                    src: r.iconUrl,
-                    alt: r.label || `Tab ${s + 1}`,
-                    class: "sticker-picker__tab-icon"
-                  }, null, 8, Re)) : (o(), a("span", He, [
-                    P(E(re))
-                  ]))
-                ], 42, Ne))), 128))
-              ], 544)) : C("", !0),
-              F("div", Ie, [
-                H.value.length === 0 ? (o(), a("div", je, se(U.emptyText), 1)) : (o(), a("div", ze, [
-                  (o(!0), a(X, null, te(H.value, (r, s) => (o(), a("button", {
-                    key: s,
-                    class: "sticker-picker__item",
-                    onClick: (c) => he(r),
-                    onMouseenter: (c) => pe(r, s),
-                    onMouseleave: me
-                  }, [
-                    I(r) && f.value ? (o(), a("tgs-player", {
-                      key: 0,
-                      ref_for: !0,
-                      ref: (c) => ue(s, c),
-                      src: r.url,
-                      class: "sticker-picker__image sticker-picker__image-animated",
-                      loop: "",
-                      mode: "normal"
-                    }, null, 8, Ye)) : (o(), a("img", {
-                      key: 1,
-                      src: r.url,
-                      alt: r.alt || `Sticker ${s + 1}`,
-                      class: "sticker-picker__image"
-                    }, null, 8, Ge))
-                  ], 40, Xe))), 128))
-                ]))
-              ])
-            ])
-          ], 544), [
-            [Ae, u.value]
-          ])
-        ]),
-        _: 1
-      }),
-      P(x, { name: "preview" }, {
-        default: ee(() => [
-          n.value ? (o(), a("div", {
-            key: 0,
-            ref_key: "previewElement",
-            ref: B,
-            class: "sticker-picker__preview",
-            style: Be(N.value),
-            onClick: ge
-          }, [
-            I(n.value) && f.value ? (o(), a("tgs-player", {
-              key: 0,
-              src: n.value.url,
-              class: "sticker-picker__preview-image sticker-picker__preview-image-animated",
-              autoplay: "",
-              loop: "",
-              mode: "normal"
-            }, null, 8, Ke)) : (o(), a("img", {
-              key: 1,
-              src: n.value.url,
-              alt: n.value.alt || "Preview",
-              class: "sticker-picker__preview-image"
-            }, null, 8, qe)),
-            n.value.alt ? (o(), a("div", Je, se(n.value.alt), 1)) : C("", !0)
-          ], 4)) : C("", !0)
-        ]),
-        _: 1
-      })
-    ], 64));
+      }), n.value.clear();
+    });
+    const J = { props: s, stickerPicker: O, stickerButton: I, tabsContainer: _, previewElement: A, isStickerPickerVisible: i, activeTabIndex: k, chatAppId: u, getMessage: te, setMessageFile: R, setForceSendMessage: N, iconFillColor: g, iconHoverColor: b, isHovered: w, get themeObserver() {
+      return c;
+    }, set themeObserver(e) {
+      c = e;
+    }, updateIconColor: P, currentIconColor: se, previewSticker: f, previewStyle: U, previewTimer: y, previewDelay: Q, tgsPlayerRefs: l, tgsTabPlayerRefs: n, get isMouseOverButton() {
+      return v;
+    }, set isMouseOverButton(e) {
+      v = e;
+    }, get isMouseOverPicker() {
+      return d;
+    }, set isMouseOverPicker(e) {
+      d = e;
+    }, tgsLibsLoaded: p, tgsLibsLoading: F, loadTgsLibs: B, normalizeStickerData: V, stickerData: E, hasTabs: re, stickerTabs: T, currentStickers: X, hasTgsStickers: W, isTgsSticker: Y, setTgsPlayerRef: ae, setTgsTabPlayerRef: oe, safeTgsPlay: D, handleTabMouseEnter: le, handleTabMouseLeave: ie, getFileTypeFromUrl: z, onSelectSticker: $, handleStickerMouseEnter: ne, handleStickerMouseLeave: ce, handleStickerClick: ue, clearPreviewTimer: S, showPreview: G, hidePreview: m, handlePreviewClick: fe, openPicker: j, closePicker: L, handleClick: ve, handleMouseEnter: K, handleMouseLeave: x, handleMouseEnterWithHover: de, handleMouseLeaveWithHover: pe, handlePickerMouseEnter: me, handlePickerMouseLeave: he, handleTabsWheel: ke, handleClickOutside: q, get StickerIcon() {
+      return we;
+    }, get isAnimatedSticker() {
+      return C;
+    } };
+    return Object.defineProperty(J, "__isScriptSetup", { enumerable: !1, value: !0 }), J;
   }
 });
 export {
-  kt as default
+  qe as default
 };

package/dist/components/2_chatinput_elements/StickerPicker/icons/StickerIcon.vue.js

@@ -1,5 +1,7 @@
-import { defineComponent as t, createElementBlock as n, openBlock as o, createElementVNode as l } from "vue";
-const i = {
+import l from "./StickerIcon.vue2.js";
+import { createElementBlock as o, openBlock as c, createElementVNode as e } from "vue";
+import i from "../../../../_virtual/_plugin-vue_export-helper.js";
+const n = {
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -7,7 +9,7 @@ const i = {
   height: "23px",
   viewBox: "42.67 42.67 170.66 170.66",
   overflow: "visible"
-}, c = {
+}, s = {
   fill: "none",
   "fill-rule": "nonzero",
   stroke: "none",
@@ -22,44 +24,40 @@ const i = {
   "font-size": "none",
   "text-anchor": "none",
   style: { "mix-blend-mode": "normal" }
-}, s = { transform: "scale(5.33333,5.33333)" }, r = ["fill"], f = ["fill"], h = ["fill"], a = ["fill"], d = ["fill"], x = /* @__PURE__ */ t({
-  __name: "StickerIcon",
-  props: {
-    fill: { default: "#5F5F5F" }
-  },
-  setup(e) {
-    return (m, _) => (o(), n("svg", i, [
-      l("g", c, [
-        l("g", s, [
-          l("path", {
-            d: "M28.921,42.016l-14.366,-0.016c-4.717,0 -8.555,-3.838 -8.555,-8.556v-18.888c0,-4.718 3.838,-8.556 8.556,-8.556h18.889c4.717,0 8.555,3.838 8.555,8.556v14.554zM14.556,8c-3.615,0 -6.556,2.94 -6.556,6.556v18.889c0,3.615 2.941,6.555 6.556,6.555l13.546,0.016l11.898,-11.742v-13.718c0,-3.616 -2.941,-6.556 -6.556,-6.556z",
-            fill: e.fill
-          }, null, 8, r),
-          l("circle", {
-            cx: "16.047",
-            cy: "19.023",
-            r: "2",
-            fill: e.fill
-          }, null, 8, f),
-          l("circle", {
-            cx: "31.938",
-            cy: "19.023",
-            r: "2",
-            fill: e.fill
-          }, null, 8, h),
-          l("path", {
-            d: "M23.984,33.016c-3.042,0 -5.872,-1.326 -7.387,-3.461c-0.32,-0.451 -0.214,-1.075 0.237,-1.395c0.452,-0.32 1.074,-0.213 1.394,0.236c1.146,1.615 3.352,2.619 5.756,2.619c2.428,0 4.643,-1.018 5.781,-2.655c0.316,-0.453 0.939,-0.564 1.392,-0.25c0.454,0.315 0.565,0.938 0.25,1.393c-1.506,2.167 -4.35,3.513 -7.423,3.513z",
-            fill: e.fill
-          }, null, 8, a),
-          l("path", {
-            d: "M41.972,26.004h-6.839c-5.034,0 -9.13,4.111 -9.13,9.164l0.013,6.832h3.023l12.933,-12.867z",
-            fill: e.fill
-          }, null, 8, d)
-        ])
+}, r = { transform: "scale(5.33333,5.33333)" }, f = ["fill"], h = ["fill"], _ = ["fill"], a = ["fill"], d = ["fill"];
+function m(k, x, t, p, u, v) {
+  return c(), o("svg", n, [
+    e("g", s, [
+      e("g", r, [
+        e("path", {
+          d: "M28.921,42.016l-14.366,-0.016c-4.717,0 -8.555,-3.838 -8.555,-8.556v-18.888c0,-4.718 3.838,-8.556 8.556,-8.556h18.889c4.717,0 8.555,3.838 8.555,8.556v14.554zM14.556,8c-3.615,0 -6.556,2.94 -6.556,6.556v18.889c0,3.615 2.941,6.555 6.556,6.555l13.546,0.016l11.898,-11.742v-13.718c0,-3.616 -2.941,-6.556 -6.556,-6.556z",
+          fill: t.fill
+        }, null, 8, f),
+        e("circle", {
+          cx: "16.047",
+          cy: "19.023",
+          r: "2",
+          fill: t.fill
+        }, null, 8, h),
+        e("circle", {
+          cx: "31.938",
+          cy: "19.023",
+          r: "2",
+          fill: t.fill
+        }, null, 8, _),
+        e("path", {
+          d: "M23.984,33.016c-3.042,0 -5.872,-1.326 -7.387,-3.461c-0.32,-0.451 -0.214,-1.075 0.237,-1.395c0.452,-0.32 1.074,-0.213 1.394,0.236c1.146,1.615 3.352,2.619 5.756,2.619c2.428,0 4.643,-1.018 5.781,-2.655c0.316,-0.453 0.939,-0.564 1.392,-0.25c0.454,0.315 0.565,0.938 0.25,1.393c-1.506,2.167 -4.35,3.513 -7.423,3.513z",
+          fill: t.fill
+        }, null, 8, a),
+        e("path", {
+          d: "M41.972,26.004h-6.839c-5.034,0 -9.13,4.111 -9.13,9.164l0.013,6.832h3.023l12.933,-12.867z",
+          fill: t.fill
+        }, null, 8, d)
       ])
-    ]));
-  }
-});
+    ])
+  ]);
+}
+const y = /* @__PURE__ */ i(l, [["render", m], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/StickerPicker/icons/StickerIcon.vue"]]);
 export {
-  x as default
+  y as default
 };

package/dist/components/2_chatinput_elements/StickerPicker/icons/StickerIcon.vue2.js

@@ -1,4 +1,15 @@
-import f from "./StickerIcon.vue.js";
+import { defineComponent as t } from "vue";
+const o = /* @__PURE__ */ t({
+  __name: "StickerIcon",
+  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
 };