@pantograph/vue 0.23.3 → 0.23.4

package/dist/{getEmojiList-BtCA6cyU.js → getEmojiList-DSYihWrO.js}

@@ -1,18 +1,19 @@
-import { defineComponent as te, computed as q, watch as U, shallowRef as ve, createBlock as v, openBlock as s, mergeProps as b, withCtx as u, renderSlot as c, unref as e, createVNode as B, createElementBlock as f, normalizeClass as m, toDisplayString as I, createElementVNode as G, createCommentVNode as d, isRef as ge, normalizeProps as x, guardReactiveProps as z, createTextVNode as A, withDirectives as F, Fragment as D, renderList as H, vShow as $ } from "vue";
-import { _ as Z } from "./Popover.vue_vue_type_style_index_0_lang-B-MX4Q7D.js";
-import { _ as de } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CZgFGbH_.js";
-import { _ as W } from "./ColorSwatch.vue_vue_type_style_index_0_lang-CjQa4I-g.js";
-import { _ as Y } from "./IconButton.vue_vue_type_script_setup_true_lang-BjFzPsUi.js";
-import { _ as pe } from "./RadioGroup.vue_vue_type_script_setup_true_lang-bWA97IMn.js";
-import { _ as ce } from "./Input.vue_vue_type_style_index_0_lang-BFNYYFfe.js";
-import { r as Q, f as P } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
-import { _ as X } from "./ColorTrigger.vue_vue_type_style_index_0_lang-BNTg203W.js";
-import { _ as we } from "./Empty.vue_vue_type_style_index_0_lang-C4a5JepF.js";
-import { _ as E } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-BxBlKgbC.js";
-import { useVModel as _ } from "@vueuse/core";
-import { getBemBlock as ke, getBemElement as w } from "@pantograph/utils";
-import { u as ye } from "./useInputDataStates-BVOCxFWp.js";
-const ee = [
+import { defineComponent as de, computed as f, watch as $, shallowRef as pe, createBlock as d, openBlock as l, mergeProps as b, withCtx as u, renderSlot as c, unref as o, createVNode as N, createSlots as E, createElementVNode as M, normalizeClass as k, toDisplayString as G, createElementBlock as x, createCommentVNode as v, isRef as ce, normalizeProps as z, guardReactiveProps as j, createTextVNode as A, withDirectives as Z, Fragment as W, renderList as Y, vShow as Q } from "vue";
+import { _ as X } from "./Popover.vue_vue_type_style_index_0_lang-ColyiCeV.js";
+import { _ as we } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.js";
+import { _ } from "./ColorSwatch.vue_vue_type_style_index_0_lang-CAXvzEY_.js";
+import { _ as ee } from "./IconButton.vue_vue_type_script_setup_true_lang-DAX_14ed.js";
+import { _ as ke } from "./RadioGroup.vue_vue_type_script_setup_true_lang-Buet9dc2.js";
+import { _ as ye } from "./Input.vue_vue_type_style_index_0_lang-C-jEi11-.js";
+import { _ as me } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
+import { _ as oe } from "./ColorTrigger.vue_vue_type_style_index_0_lang-XqnB_VGl.js";
+import { _ as he } from "./Empty.vue_vue_type_style_index_0_lang-jfObDGf0.js";
+import { _ as V } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-Cjn4NZYK.js";
+import { useVModel as ae } from "@vueuse/core";
+import { h as C } from "./FormItem.vue_vue_type_style_index_0_lang-CwxlEgep.js";
+import { getBemBlock as fe, getBemElement as w } from "@pantograph/utils";
+import { u as be } from "./useInputDataStates-CtuCKcP6.js";
+const re = [
   {
     value: "😀",
     group: 0,
@@ -1179,7 +1180,7 @@ const ee = [
     group: 9,
     keywords: ["IR", "flag", "flag: Iran"]
   }
-], oe = [
+], ne = [
   { value: "tabler:home", keywords: ["house", "main", "start", "dashboard"] },
   { value: "tabler:mail", keywords: ["email", "message", "send", "contact"] },
   { value: "tabler:bell", keywords: ["notification", "alert", "alarm", "ring"] },
@@ -1283,7 +1284,7 @@ const ee = [
   { value: "tabler:user-plus", keywords: ["add user", "new account", "register"] },
   { value: "tabler:user-minus", keywords: ["remove user", "delete account"] },
   { value: "tabler:refresh", keywords: ["reload", "update", "sync", "repeat"] }
-], me = { key: 0 }, Te = /* @__PURE__ */ te({
+], xe = { key: 0 }, Re = /* @__PURE__ */ de({
   __name: "GOPicker",
   props: {
     icons: {},
@@ -1300,11 +1301,11 @@ const ee = [
     hideRandom: { type: Boolean },
     disabled: { type: Boolean },
     borderless: { type: Boolean },
-    popoverProps: {},
-    colorPopoverProps: {},
-    fgColorSwatchGroupProps: {},
-    bgColorSwatchGroupProps: {},
-    brColorSwatchGroupProps: {},
+    popoverProps: { default: () => ({ forceMount: !0 }) },
+    colorPopoverProps: { default: () => ({ forceMount: !0 }) },
+    fgColorSwatchGroupProps: { default: () => ({ popoverProps: { forceMount: !0 } }) },
+    bgColorSwatchGroupProps: { default: () => ({ popoverProps: { forceMount: !0 } }) },
+    brColorSwatchGroupProps: { default: () => ({ popoverProps: { forceMount: !0 } }) },
     visibleColorPickers: { default: () => ["bg", "fg"] },
     contentCls: {},
     headerCls: {},
@@ -1319,134 +1320,169 @@ const ee = [
     resetColorsOnChangeType: {}
   },
   emits: ["update:group", "clear", "change", "update:modelValue"],
-  setup(j, { emit: T }) {
-    const t = j, S = T, i = _(t, "group", S, {
+  setup(q, { emit: P }) {
+    const g = q, B = P, i = ae(g, "group", B, {
       defaultValue: "icon",
-      passive: t.group === void 0
-    }), V = q(() => i.value && ["icon", "emoji"].includes(i.value)), re = () => i.value === "icon" ? t.icons ?? oe : t.emojis ?? ee, a = _(
-      t,
+      passive: !1
+    }), L = f(() => i.value && ["icon", "emoji"].includes(i.value)), le = () => i.value === "icon" ? g.icons ?? ne : g.emojis ?? re, a = ae(
+      g,
       "modelValue",
-      S,
+      B,
       {
-        defaultValue: t.defaultValue,
-        passive: t.modelValue === void 0
+        deep: !0,
+        clone: !0,
+        defaultValue: g.defaultValue,
+        passive: !1
       }
     );
-    U(i, (o) => {
-      var n, g, h;
-      o && ((g = (n = t.resetColorsOnChangeType) == null ? void 0 : n[o]) != null && g.length) && ((h = t.resetColorsOnChangeType[o]) == null || h.forEach((r) => {
+    $(i, (e) => {
+      var n, t, y;
+      e && ((t = (n = g.resetColorsOnChangeType) == null ? void 0 : n[e]) != null && t.length) && ((y = g.resetColorsOnChangeType[e]) == null || y.forEach((r) => {
         a.value && (a.value[r] = void 0);
       }));
     });
-    const N = (o) => {
+    const T = (e) => {
       i.value && (a.value = {
-        ...Q(a.value ?? {}),
-        value: o.value,
+        ...C(a.value ?? {}),
+        value: e.value,
         type: i.value
       });
-    };
-    U(
+    }, R = f({
+      get: () => {
+        var e;
+        return (e = a.value) == null ? void 0 : e.fg;
+      },
+      set: (e) => {
+        a.value = {
+          ...C(a.value ?? {}),
+          fg: e
+        };
+      }
+    }), K = f({
+      get: () => {
+        var e;
+        return (e = a.value) == null ? void 0 : e.bg;
+      },
+      set: (e) => {
+        a.value = {
+          ...C(a.value ?? {}),
+          bg: e
+        };
+      }
+    }), O = f({
+      get: () => {
+        var e;
+        return (e = a.value) == null ? void 0 : e.br;
+      },
+      set: (e) => {
+        a.value = {
+          ...C(a.value ?? {}),
+          br: e
+        };
+      }
+    });
+    $(
       a,
       () => {
-        S("change", Q(a.value));
+        B("change", C(a.value));
       },
       { deep: !0 }
     );
-    const ne = () => {
-      a.value = t.defaultValue, S("clear");
-    }, se = () => {
-      if (V.value) {
-        const o = re();
-        N(o[Math.floor(Math.random() * o.length)]);
+    const ue = () => {
+      a.value = C(g.defaultValue), B("clear");
+    }, ie = () => {
+      if (L.value) {
+        const e = le();
+        T(e[Math.floor(Math.random() * e.length)]);
       }
-    }, M = ve(""), L = (o) => o.filter((n) => {
-      var g;
-      return ((g = n.keywords) == null ? void 0 : g.some((h) => h.toLowerCase().includes(M.value))) || n.value.toLowerCase().includes(M.value);
-    }), R = q(() => L(t.emojis ?? ee)), K = q(() => L(t.icons ?? oe)), O = q(() => [
+    }, I = pe(""), J = (e) => e.filter((n) => {
+      var t;
+      return ((t = n.keywords) == null ? void 0 : t.some((y) => y.toLowerCase().includes(I.value))) || n.value.toLowerCase().includes(I.value);
+    }), U = f(() => J(g.emojis ?? re)), F = f(() => J(g.icons ?? ne)), D = f(() => [
       { value: "icon", label: "Icon" },
       { value: "emoji", label: "Emoji" }
       // { value: 'custom', label: 'Custom' },
     ].filter((n) => {
-      var g;
-      return (g = t.visibleTabs) == null ? void 0 : g.includes(n.value);
-    })), le = q(
+      var t;
+      return (t = g.visibleTabs) == null ? void 0 : t.includes(n.value);
+    })), te = f(
       () => {
-        var o;
-        return (o = O.value.find((n) => n.value === i.value)) == null ? void 0 : o.label;
+        var e;
+        return (e = D.value.find((n) => n.value === i.value)) == null ? void 0 : e.label;
       }
-    ), { getDisabled: J, getSize: ue } = ye(), p = ke("go_picker");
-    return (o, n) => (s(), v(Z, b({
+    ), { getDisabled: H, getSize: ve } = be(), p = fe("go_picker");
+    return (e, n) => (l(), d(X, b({
       trigger: "click",
       placement: "bottom-start",
       "reverse-placement-on-dir": "rtl",
       "side-offset": 3
-    }, o.popoverProps ?? {}), {
+    }, e.popoverProps ?? {}), {
       content: u(() => {
-        var g, h;
+        var t, y;
         return [
-          G("div", {
-            class: m([e(w)(e(p), "content"), o.contentCls])
+          M("div", {
+            class: k([o(w)(o(p), "content"), e.contentCls])
           }, [
-            G("div", {
-              class: m([e(w)(e(p), "header"), o.headerCls])
+            M("div", {
+              class: k([o(w)(o(p), "header"), e.headerCls])
             }, [
-              o.hideGroup && o.hideClear ? d("", !0) : (s(), f("div", {
+              e.hideGroup && e.hideClear ? v("", !0) : (l(), x("div", {
                 key: 0,
-                class: m([e(w)(e(p), "group"), o.groupCls])
+                class: k([o(w)(o(p), "group"), e.groupCls])
               }, [
-                o.hideGroup ? d("", !0) : (s(), v(pe, {
+                e.hideGroup ? v("", !0) : (l(), d(ke, {
                   key: 0,
-                  items: O.value,
+                  items: D.value,
                   orientation: "horizontal",
-                  modelValue: e(i),
-                  "onUpdate:modelValue": n[0] || (n[0] = (r) => ge(i) ? i.value = r : null)
+                  modelValue: o(i),
+                  "onUpdate:modelValue": n[0] || (n[0] = (r) => ce(i) ? i.value = r : null)
                 }, null, 8, ["items", "modelValue"])),
-                o.hideClear ? d("", !0) : (s(), v(Y, {
+                e.hideClear ? v("", !0) : (l(), d(ee, {
                   key: 1,
                   icon: "tabler:trash",
                   color: "neutral",
                   type: "ghost",
-                  onClick: ne
+                  onClick: ue
                 }))
               ], 2)),
-              !(o.hideSearch && o.hideRandom) || (g = o.visibleColorPickers) != null && g.length ? (s(), f("div", {
+              !(e.hideSearch && e.hideRandom) || (t = e.visibleColorPickers) != null && t.length ? (l(), x("div", {
                 key: 1,
-                class: m([e(w)(e(p), "search"), o.searchCls])
+                class: k([o(w)(o(p), "search"), e.searchCls])
               }, [
-                o.hideSearch ? d("", !0) : (s(), v(ce, {
+                e.hideSearch ? v("", !0) : (l(), d(ye, {
                   key: 0,
                   placeholder: "Search...",
-                  modelValue: M.value,
-                  "onUpdate:modelValue": n[1] || (n[1] = (r) => M.value = r)
+                  modelValue: I.value,
+                  "onUpdate:modelValue": n[1] || (n[1] = (r) => I.value = r)
                 }, {
                   leading: u(({ iconSize: r }) => [
-                    B(P, {
+                    N(me, {
                       icon: "tabler:search",
                       size: r
                     }, null, 8, ["size"])
                   ]),
                   _: 1
                 }, 8, ["modelValue"])),
-                o.hideRandom ? d("", !0) : (s(), v(Y, {
+                e.hideRandom ? v("", !0) : (l(), d(ee, {
                   key: 1,
                   icon: "tabler:arrows-shuffle",
                   color: "neutral",
                   type: "outline",
-                  onClick: se
+                  onClick: ie
                 })),
-                (h = o.visibleColorPickers) != null && h.length && e(a) ? (s(), v(Z, b({
+                (y = e.visibleColorPickers) != null && y.length && o(a) ? (l(), d(X, b({
                   key: 2,
                   trigger: "click",
                   placement: "right-start",
                   "reverse-placement-on-dir": "rtl"
-                }, o.colorPopoverProps ?? {}), {
+                }, e.colorPopoverProps ?? {}), {
                   content: u(() => {
-                    var r, k, y;
+                    var r, m, h;
                     return [
-                      G("div", {
-                        class: m([e(w)(e(p), "colors"), o.colorsCls])
+                      M("div", {
+                        class: k([o(w)(o(p), "colors"), e.colorsCls])
                       }, [
-                        (r = o.visibleColorPickers) != null && r.includes("fg") ? (s(), v(E, b({
+                        (r = e.visibleColorPickers) != null && r.includes("fg") ? (l(), d(V, b({
                           key: 0,
                           "popover-props": { sideOffset: 7 },
                           noRemover: "",
@@ -1461,207 +1497,209 @@ const ee = [
                             "violet",
                             "gray"
                           ]
-                        }, o.fgColorSwatchGroupProps ?? {}, {
-                          modelValue: e(a).fg,
-                          "onUpdate:modelValue": n[2] || (n[2] = (l) => e(a).fg = l)
+                        }, e.fgColorSwatchGroupProps ?? {}, {
+                          modelValue: R.value,
+                          "onUpdate:modelValue": n[2] || (n[2] = (s) => R.value = s)
                         }), {
                           header: u(() => [
-                            c(o.$slots, "fgHeader", {}, () => [
+                            c(e.$slots, "fgHeader", {}, () => [
                               n[5] || (n[5] = A(" Icon "))
                             ])
                           ]),
-                          default: u((l) => [
-                            c(o.$slots, "fgItem", x(z(l)))
+                          default: u((s) => [
+                            c(e.$slots, "fgItem", z(j(s)))
                           ]),
-                          icon: u((l) => [
-                            c(o.$slots, "fgIcon", x(z(l)))
+                          icon: u((s) => [
+                            c(e.$slots, "fgIcon", z(j(s)))
                           ]),
                           _: 3
-                        }, 16, ["modelValue"])) : d("", !0),
-                        (k = o.visibleColorPickers) != null && k.includes("bg") ? (s(), v(E, b({
+                        }, 16, ["modelValue"])) : v("", !0),
+                        (m = e.visibleColorPickers) != null && m.includes("bg") ? (l(), d(V, b({
                           key: 1,
                           "popover-props": { sideOffset: 7 },
                           "color-mode": "subtle"
-                        }, o.bgColorSwatchGroupProps ?? {}, {
-                          modelValue: e(a).bg,
-                          "onUpdate:modelValue": n[3] || (n[3] = (l) => e(a).bg = l)
+                        }, e.bgColorSwatchGroupProps ?? {}, {
+                          modelValue: K.value,
+                          "onUpdate:modelValue": n[3] || (n[3] = (s) => K.value = s)
                         }), {
                           header: u(() => [
-                            c(o.$slots, "bgHeader", {}, () => [
+                            c(e.$slots, "bgHeader", {}, () => [
                               n[6] || (n[6] = A(" Background "))
                             ])
                           ]),
-                          default: u((l) => [
-                            c(o.$slots, "bgItem", x(z(l)))
+                          default: u((s) => [
+                            c(e.$slots, "bgItem", z(j(s)))
                           ]),
-                          icon: u((l) => [
-                            c(o.$slots, "bgIcon", x(z(l)))
+                          icon: u((s) => [
+                            c(e.$slots, "bgIcon", z(j(s)))
                           ]),
                           _: 3
-                        }, 16, ["modelValue"])) : d("", !0),
-                        (y = o.visibleColorPickers) != null && y.includes("br") ? (s(), v(E, b({
+                        }, 16, ["modelValue"])) : v("", !0),
+                        (h = e.visibleColorPickers) != null && h.includes("br") ? (l(), d(V, b({
                           key: 2,
                           "popover-props": { sideOffset: 7 }
-                        }, o.brColorSwatchGroupProps ?? {}, {
-                          modelValue: e(a).br,
-                          "onUpdate:modelValue": n[4] || (n[4] = (l) => e(a).br = l)
+                        }, e.brColorSwatchGroupProps ?? {}, {
+                          modelValue: O.value,
+                          "onUpdate:modelValue": n[4] || (n[4] = (s) => O.value = s)
                         }), {
                           header: u(() => [
-                            c(o.$slots, "brHeader", {}, () => [
+                            c(e.$slots, "brHeader", {}, () => [
                               n[7] || (n[7] = A(" Border "))
                             ])
                           ]),
-                          default: u((l) => [
-                            c(o.$slots, "brItem", x(z(l)))
+                          default: u((s) => [
+                            c(e.$slots, "brItem", z(j(s)))
                           ]),
-                          icon: u((l) => [
-                            c(o.$slots, "brIcon", x(z(l)))
+                          icon: u((s) => [
+                            c(e.$slots, "brIcon", z(j(s)))
                           ]),
                           _: 3
-                        }, 16, ["modelValue"])) : d("", !0)
+                        }, 16, ["modelValue"])) : v("", !0)
                       ], 2)
                     ];
                   }),
                   default: u(() => [
-                    B(X, b(e(a), { suffixIcon: !1 }), {
-                      default: u(() => {
-                        var r, k, y;
-                        return [
-                          ((r = e(a)) == null ? void 0 : r.type) === "emoji" ? (s(), f("div", {
+                    N(oe, b(o(a), {
+                      suffixIcon: !1,
+                      icon: o(a).value
+                    }), E({ _: 2 }, [
+                      o(a).type !== "icon" ? {
+                        name: "default",
+                        fn: u(() => [
+                          o(a).type === "emoji" ? (l(), x("div", {
                             key: 0,
-                            class: m(e(w)(e(p), "trigger_emoji"))
-                          }, I((k = e(a)) == null ? void 0 : k.value), 3)) : (s(), v(P, {
-                            key: 1,
-                            icon: (y = e(a)) == null ? void 0 : y.value,
-                            size: "2xsm"
-                          }, null, 8, ["icon"]))
-                        ];
-                      }),
-                      _: 1
-                    }, 16)
+                            class: k(o(w)(o(p), "trigger_emoji"))
+                          }, G(o(a).value), 3)) : v("", !0)
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1040, ["icon"])
                   ]),
                   _: 3
-                }, 16)) : d("", !0)
-              ], 2)) : d("", !0)
+                }, 16)) : v("", !0)
+              ], 2)) : v("", !0)
             ], 2),
-            V.value ? (s(), f("div", me, [
-              !o.hideIcons && e(i) === "icon" && K.value.length || !o.hideEmojis && e(i) === "emoji" && R.value.length ? (s(), v(de, b({
+            L.value ? (l(), x("div", xe, [
+              !e.hideIcons && o(i) === "icon" && F.value.length || !e.hideEmojis && o(i) === "emoji" && U.value.length ? (l(), d(we, b({
                 key: 0,
-                class: [e(w)(e(p), "scroll_container")],
+                class: [o(w)(o(p), "scroll_container")],
                 overlay: !1,
                 "has-mask": "",
                 size: "sm"
-              }, o.scrollContainerProps ?? {}), {
+              }, e.scrollContainerProps ?? {}), {
                 default: u(() => [
-                  o.hideIcons ? d("", !0) : F((s(), f("div", {
+                  e.hideIcons ? v("", !0) : Z((l(), x("div", {
                     key: 0,
-                    class: m([e(w)(e(p), "grid"), o.gridCls])
+                    class: k([o(w)(o(p), "grid"), e.gridCls])
                   }, [
-                    (s(!0), f(D, null, H(K.value, (r) => {
-                      var k, y, l, C;
-                      return s(), v(W, {
-                        onClick: (ie) => N(r),
+                    (l(!0), x(W, null, Y(F.value, (r) => {
+                      var m, h, s, S;
+                      return l(), d(_, {
+                        onClick: (ge) => T(r),
                         key: r.value,
-                        selected: r.value === ((k = e(a)) == null ? void 0 : k.value),
-                        fg: r.value === ((y = e(a)) == null ? void 0 : y.value) ? e(a).fg : void 0,
-                        bg: r.value === ((l = e(a)) == null ? void 0 : l.value) ? e(a).bg : void 0,
-                        br: r.value === ((C = e(a)) == null ? void 0 : C.value) ? e(a).br : void 0
-                      }, {
-                        default: u(() => [
-                          c(o.$slots, "item", {
-                            item: r,
-                            group: e(i)
-                          }, () => [
-                            B(P, {
-                              icon: r.value,
-                              size: "sm"
-                            }, null, 8, ["icon"])
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick", "selected", "fg", "bg", "br"]);
+                        selected: r.value === ((m = o(a)) == null ? void 0 : m.value),
+                        fg: r.value === ((h = o(a)) == null ? void 0 : h.value) ? o(a).fg : void 0,
+                        bg: r.value === ((s = o(a)) == null ? void 0 : s.value) ? o(a).bg : void 0,
+                        br: r.value === ((S = o(a)) == null ? void 0 : S.value) ? o(a).br : void 0,
+                        icon: r.value
+                      }, E({ _: 2 }, [
+                        e.$slots.item ? {
+                          name: "default",
+                          fn: u(() => [
+                            c(e.$slots, "item", {
+                              item: r,
+                              group: o(i)
+                            })
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["onClick", "selected", "fg", "bg", "br", "icon"]);
                     }), 128))
                   ], 2)), [
-                    [$, e(i) === "icon"]
+                    [Q, o(i) === "icon"]
                   ]),
-                  o.hideEmojis ? d("", !0) : F((s(), f("div", {
+                  e.hideEmojis ? v("", !0) : Z((l(), x("div", {
                     key: 1,
-                    class: m([e(w)(e(p), "grid"), o.gridCls])
+                    class: k([o(w)(o(p), "grid"), e.gridCls])
                   }, [
-                    (s(!0), f(D, null, H(R.value, (r) => {
-                      var k, y, l, C;
-                      return s(), v(W, {
-                        onClick: (ie) => N(r),
+                    (l(!0), x(W, null, Y(U.value, (r) => {
+                      var m, h, s, S;
+                      return l(), d(_, {
+                        onClick: (ge) => T(r),
                         key: r.value,
-                        selected: r.value === ((k = e(a)) == null ? void 0 : k.value),
-                        fg: r.value === ((y = e(a)) == null ? void 0 : y.value) ? e(a).fg : void 0,
-                        bg: r.value === ((l = e(a)) == null ? void 0 : l.value) ? e(a).bg : void 0,
-                        br: r.value === ((C = e(a)) == null ? void 0 : C.value) ? e(a).br : void 0
+                        selected: r.value === ((m = o(a)) == null ? void 0 : m.value),
+                        fg: r.value === ((h = o(a)) == null ? void 0 : h.value) ? o(a).fg : void 0,
+                        bg: r.value === ((s = o(a)) == null ? void 0 : s.value) ? o(a).bg : void 0,
+                        br: r.value === ((S = o(a)) == null ? void 0 : S.value) ? o(a).br : void 0
                       }, {
                         default: u(() => [
-                          c(o.$slots, "item", {
+                          c(e.$slots, "item", {
                             item: r,
-                            group: e(i)
+                            group: o(i)
                           }, () => [
-                            G("div", {
-                              class: m(e(w)(e(p), "emoji"))
-                            }, I(r.value), 3)
+                            M("div", {
+                              class: k(o(w)(o(p), "emoji"))
+                            }, G(r.value), 3)
                           ])
                         ]),
                         _: 2
                       }, 1032, ["onClick", "selected", "fg", "bg", "br"]);
                     }), 128))
                   ], 2)), [
-                    [$, e(i) === "emoji"]
+                    [Q, o(i) === "emoji"]
                   ])
                 ]),
                 _: 3
-              }, 16, ["class"])) : (s(), v(we, {
+              }, 16, ["class"])) : (l(), d(he, {
                 key: 1,
-                class: m([e(w)(e(p), "empty"), o.emptyCls])
+                class: k([o(w)(o(p), "empty"), e.emptyCls])
               }, {
                 title: u(() => [
-                  A(I(le.value) + " not found", 1)
+                  A(G(te.value) + " not found", 1)
                 ]),
                 _: 1
               }, 8, ["class"]))
-            ])) : d("", !0)
+            ])) : v("", !0)
           ], 2)
         ];
       }),
       default: u(() => [
-        c(o.$slots, "default", {
-          model: e(a),
-          disabled: e(J),
-          borderless: o.borderless,
-          id: o.id
-        }, () => [
-          B(X, b({
-            size: e(ue),
-            disabled: e(J),
-            borderless: o.borderless
-          }, e(a), { id: o.id }), {
-            default: u(() => {
-              var g, h, r;
-              return [
-                ((g = e(a)) == null ? void 0 : g.type) === "emoji" ? (s(), f("div", {
-                  key: 0,
-                  class: m(e(w)(e(p), "trigger_emoji"))
-                }, I((h = e(a)) == null ? void 0 : h.value), 3)) : (s(), v(P, {
-                  key: 1,
-                  icon: (r = e(a)) == null ? void 0 : r.value,
-                  size: "2xsm"
-                }, null, 8, ["icon"]))
-              ];
-            }),
-            _: 1
-          }, 16, ["size", "disabled", "borderless", "id"])
-        ])
+        c(e.$slots, "default", {
+          model: o(a),
+          disabled: o(H),
+          borderless: e.borderless,
+          id: e.id
+        }, () => {
+          var t, y;
+          return [
+            N(oe, b({
+              size: o(ve),
+              disabled: o(H),
+              borderless: e.borderless
+            }, o(a), {
+              id: e.id,
+              icon: (t = o(a)) == null ? void 0 : t.value
+            }), E({ _: 2 }, [
+              ((y = o(a)) == null ? void 0 : y.type) === "emoji" ? {
+                name: "default",
+                fn: u(() => {
+                  var r;
+                  return [
+                    M("div", {
+                      class: k(o(w)(o(p), "trigger_emoji"))
+                    }, G((r = o(a)) == null ? void 0 : r.value), 3)
+                  ];
+                }),
+                key: "0"
+              } : void 0
+            ]), 1040, ["size", "disabled", "borderless", "id", "icon"])
+          ];
+        })
       ]),
       _: 3
     }, 16));
   }
-}), he = [
+}), ze = [
   {
     value: "😀",
     group: 0,
@@ -16254,15 +16292,15 @@ const ee = [
   { value: "🏴󠁧󠁢󠁳󠁣󠁴󠁿", group: 9, keywords: ["flag", "gbsct", "flag: Scotland"] },
   { value: "🏴󠁧󠁢󠁷󠁬󠁳󠁿", group: 9, keywords: ["flag", "gbwls", "flag: Wales"] }
 ];
-function ae(j) {
-  return j.replace(/\uFE0F/g, "");
+function se(q) {
+  return q.replace(/\uFE0F/g, "");
 }
-const Ne = (j) => {
-  const T = j.map(ae);
-  return he.filter((t) => T.includes(ae(t.value)));
+const Ke = (q) => {
+  const P = q.map(se);
+  return ze.filter((g) => P.includes(se(g.value)));
 };
 export {
-  Te as _,
-  he as e,
-  Ne as g
+  Re as _,
+  ze as e,
+  Ke as g
 };