@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,5 +1,5 @@
-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 { 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 "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
@@ -10,219 +10,329 @@ 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 we from "./icons/StickerIcon.vue.js";
-import { isAnimatedSticker as C } from "../../2_feed_elements/StickerMessage/utils/stickerUtils.js";
+import re from "./icons/StickerIcon.vue.js";
+import { isAnimatedSticker as L } from "../../2_feed_elements/StickerMessage/utils/stickerUtils.js";
 import "../../2_feed_elements/StickerMessage/utils/suppress-lit-warning.js";
-const Q = 700, qe = /* @__PURE__ */ ge({
+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({
   __name: "StickerPicker",
   props: {
-    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: "Нет доступных стикеров" }
+    state: { default: "active" },
+    mode: { default: "click" },
+    stickers: { default: () => [] },
+    emptyText: { default: "Нет доступных стикеров" }
   },
-  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";
+  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";
         return;
       }
-      const e = document.getElementById(u);
+      const e = document.getElementById(m);
       if (!e) {
-        g.value = "#5F5F5F", b.value = "#404040";
+        y.value = "#5F5F5F", b.value = "#404040";
         return;
       }
-      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 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 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;
+    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;
         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"), p.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"), f.value = !0;
         } catch (e) {
           console.error("Failed to load TGS libraries:", e);
         } finally {
-          F.value = !1;
+          V.value = !1;
         }
       }
     }
-    const V = () => {
-      if (!s.stickers || !Array.isArray(s.stickers) || s.stickers.length === 0)
+    const ce = () => {
+      if (!l.stickers || !Array.isArray(l.stickers) || l.stickers.length === 0)
         return { hasTabs: !1, tabs: [] };
-      const e = s.stickers[0], t = Array.isArray(e), o = e && typeof e == "object" && "stickers" in e;
+      const e = l.stickers[0], t = Array.isArray(e), r = e && typeof e == "object" && "stickers" in e;
       return t ? {
         hasTabs: !0,
-        tabs: s.stickers.map((a, M) => ({
-          id: `tab-${M}`,
-          label: `Set ${M + 1}`,
-          stickers: a,
-          iconUrl: a && a.length > 0 ? a[0].url : null
+        tabs: l.stickers.map((s, c) => ({
+          id: `tab-${c}`,
+          label: `Set ${c + 1}`,
+          stickers: s,
+          iconUrl: s && s.length > 0 ? s[0].url : null
         }))
-      } : o && "stickers" in e ? {
+      } : r && "stickers" in e ? {
         hasTabs: !0,
-        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)
+        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)
         }))
       } : {
         hasTabs: !0,
         tabs: [{
           id: "default",
           label: "Stickers",
-          stickers: s.stickers,
-          iconUrl: s.stickers.length > 0 ? s.stickers[0].url : null
+          stickers: l.stickers,
+          iconUrl: l.stickers.length > 0 ? l.stickers[0].url : null
         }]
       };
-    }, E = h(() => V()), re = h(() => E.value.hasTabs && E.value.tabs.length > 0), T = h(() => E.value.tabs), X = h(() => {
+    }, R = p(() => ce()), ne = p(() => R.value.hasTabs && R.value.tabs.length > 0), _ = p(() => R.value.tabs), H = p(() => {
       var e;
-      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 _.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 e || t;
     });
-    H(W, (e) => {
-      e && !p.value && B();
+    z(G, (e) => {
+      e && !f.value && Y();
     }, { immediate: !0 });
-    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) => {
+    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) => {
       if (!(!e || typeof e.play != "function"))
         try {
           e.play();
         } catch {
         }
-    }, le = (e) => {
-      D(n.value.get(e));
-    }, ie = (e) => {
-      const t = n.value.get(e);
+    }, fe = (e) => {
+      K(k.value.get(e));
+    }, ke = (e) => {
+      const t = k.value.get(e);
       t && typeof t.pause == "function" && t.pause();
     };
-    H(k, () => {
-      l.value.clear();
-    }), H(() => s.stickers, () => {
-      k.value >= T.value.length && (k.value = 0);
+    z(d, () => {
+      v.value.clear();
+    }), z(() => l.stickers, () => {
+      d.value >= _.value.length && (d.value = 0);
     }, { deep: !0 });
-    const z = (e) => {
+    const de = (e) => {
       if (!e) return "image";
       const t = e.toLowerCase();
       return t.endsWith(".tgs") || t.endsWith(".webp") ? "sticker" : "image";
-    }, $ = (e) => {
-      if (s.state === "disabled") return;
-      const t = z(e.url);
-      R({
+    }, q = (e) => {
+      if (l.state === "disabled") return;
+      const t = de(e.url);
+      ae({
         url: e.url,
         name: e.alt || `sticker.${t === "sticker" ? e.url.toLowerCase().endsWith(".tgs") ? "tgs" : "webp" : "png"}`,
         type: t
-      }), 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) => {
+      }), 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) => {
         e && typeof e.pause == "function" && e.pause();
-      }), S(), m();
-    }, ue = (e) => {
-      S(), m(), $(e);
+      }), S(), g();
+    }, he = (e) => {
+      S(), g(), q(e);
     }, S = () => {
-      y.value && (clearTimeout(y.value), y.value = null);
-    }, G = (e) => {
-      f.value = e, U.value = {
+      w.value && (clearTimeout(w.value), w.value = null);
+    }, _e = (e) => {
+      n.value = e, N.value = {
         left: "50%",
         top: "50%",
         transform: "translate(-50%, -50%)"
       };
-    }, m = () => {
-      f.value = null, U.value = {};
-    }, fe = () => {
-      f.value && ($(f.value), m());
+    }, g = () => {
+      n.value = null, N.value = {};
+    }, ge = () => {
+      n.value && (q(n.value), g());
+    }, J = () => {
+      l.state === "active" && (u.value = !0);
     }, j = () => {
-      s.state === "active" && (i.value = !0);
-    }, L = () => {
-      l.value.forEach((e) => {
+      v.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), n.value.forEach((e) => {
+      }), k.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), 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();
+      }), 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();
       }, 150));
-    }, 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();
+    }, 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();
       }, 150));
-    }, ke = (e) => {
-      if (!_.value) return;
+    }, Pe = (e) => {
+      if (!A.value) return;
       const t = e.shiftKey || Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
-      _.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();
+      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();
     };
-    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();
+    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();
           });
-        }), c.observe(e, {
+        }), h.observe(e, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
-      W.value && !p.value && B();
-    }), Se(() => {
-      document.removeEventListener("click", q), S(), m(), c && (c.disconnect(), c = null), l.value.forEach((e) => {
+      G.value && !f.value && Y();
+    }), $e(() => {
+      document.removeEventListener("click", Q), S(), g(), h && (h.disconnect(), h = null), v.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), l.value.clear(), n.value.forEach((e) => {
+      }), v.value.clear(), k.value.forEach((e) => {
         e && typeof e.pause == "function" && e.pause();
-      }), 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;
+      }), 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));
   }
 });
 export {
-  qe as default
+  kt as default
 };

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

@@ -1,7 +1,5 @@
-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 = {
+import { defineComponent as t, createElementBlock as n, openBlock as o, createElementVNode as l } from "vue";
+const i = {
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -9,7 +7,7 @@ const n = {
   height: "23px",
   viewBox: "42.67 42.67 170.66 170.66",
   overflow: "visible"
-}, s = {
+}, c = {
   fill: "none",
   "fill-rule": "nonzero",
   stroke: "none",
@@ -24,40 +22,44 @@ const n = {
   "font-size": "none",
   "text-anchor": "none",
   style: { "mix-blend-mode": "normal" }
-}, 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)
+}, 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)
+        ])
       ])
-    ])
-  ]);
-}
-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 {
-  y as default
+  x as default
 };

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

@@ -1,15 +1,4 @@
-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;
-  }
-});
+import f from "./StickerIcon.vue.js";
 export {
-  o as default
+  f as default
 };