@nmorph/nmorph-ui-kit 2.2.53 → 2.2.55

package/dist/components/data/nmorph-badge/NmorphBadge.vue2.js

@@ -1,96 +0,0 @@
-import './NmorphBadge.css';
-import { defineComponent as B, computed as r, ref as d, onMounted as C, watch as V, nextTick as I } from "vue";
-import { useModifiers as f } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as M, createCssVariables as O } from "../../../utils/common.js";
-const X = /* @__PURE__ */ B({
-  __name: "NmorphBadge",
-  props: {
-    value: { type: [Number, String], required: !1, default: void 0 },
-    max: { type: Number, required: !1, default: 99 },
-    type: { type: String, required: !1, default: "default" },
-    ribbonCorner: { type: String, required: !1, default: "top-right" },
-    ribbonTilt: { type: Boolean, required: !1, default: !0 },
-    isDot: { type: Boolean, required: !1, default: !1 },
-    isTag: { type: Boolean, required: !1, default: !1 },
-    hidden: { type: Boolean, required: !1, default: !1 },
-    hideOnFalsyValue: { type: Boolean, required: !1, default: !1 },
-    color: { type: String, required: !1, default: "var(--nmorph-accent-color)" },
-    size: { type: String, required: !1, default: "base" },
-    ribbonSize: { type: [Number, String], required: !1, default: void 0 },
-    ribbonRadius: { type: [Number, String], required: !1, default: void 0 },
-    offsetY: { type: Number, required: !1, default: 0 },
-    offsetX: { type: Number, required: !1, default: 0 },
-    zIndex: { type: Number, required: !1, default: 1 },
-    disabled: { type: Boolean, required: !1, default: !1 }
-  },
-  setup(m, { expose: y }) {
-    y();
-    const e = m, t = r(() => e.type !== "default" ? e.type : e.isDot ? "dot" : e.isTag ? "tag" : "default"), b = r(() => t.value === "dot"), o = r(() => t.value === "tag"), a = r(() => t.value === "ribbon"), g = r(
-      () => f({
-        "nmorph-badge": [
-          e.hidden && "hidden",
-          o.value && "tag",
-          a.value && "ribbon",
-          a.value && `ribbon-${e.ribbonCorner}`,
-          e.size
-        ]
-      })
-    ), h = r(
-      () => f({
-        "nmorph-badge__container": [
-          e.hidden && "hidden",
-          o.value && "tag",
-          a.value && "ribbon",
-          a.value && `ribbon-${e.ribbonCorner}`
-        ]
-      })
-    ), x = r(
-      () => f({
-        "nmorph-badge__ribbon-corner": [e.ribbonCorner, !e.ribbonTilt && "flat"]
-      })
-    ), q = r(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), p = r(() => e.hideOnFalsyValue && !e.value), S = r(() => (b.value || e.value !== void 0) && !p.value), i = r(() => {
-      const v = `${(l?.value / 2 + e.offsetX) * -1}px`, T = `${(u?.value / 2 + e.offsetY) * -1}px`;
-      return {
-        x: v,
-        y: T
-      };
-    }), z = r(() => o.value || a.value ? {
-      zIndex: e.zIndex
-    } : {
-      right: i.value.x,
-      top: i.value.y,
-      zIndex: e.zIndex
-    }), n = d(null), l = d(0), u = d(0), _ = r(() => ({
-      ...O({
-        "--nmorph-badge-color": e.color
-      }),
-      ...M({
-        "--nmorph-badge-ribbon-offset-x": e.offsetX !== 0 && e.offsetX,
-        "--nmorph-badge-ribbon-offset-y": e.offsetY !== 0 && e.offsetY,
-        "--nmorph-badge-ribbon-height": e.ribbonSize,
-        "--nmorph-badge-ribbon-radius": e.ribbonRadius
-      })
-    })), s = async () => {
-      await I(), !(!n.value || o.value || a.value) && (l.value = n.value.clientWidth, u.value = n.value.clientHeight);
-    }, N = r(() => ({
-      zIndex: e.zIndex
-    }));
-    C(s), V(
-      () => [
-        e.value,
-        e.max,
-        t.value,
-        e.ribbonCorner,
-        e.ribbonTilt,
-        e.size,
-        e.hideOnFalsyValue
-      ],
-      s
-    );
-    const c = { props: e, resolvedType: t, isDotType: b, isTagType: o, isRibbon: a, modifiers: g, containerModifiers: h, ribbonCornerModifiers: x, displayValue: q, shouldHideOnFalsyValue: p, shouldShowBadge: S, appliedOffset: i, containerStyle: z, badge: n, badgeWidth: l, badgeHeight: u, styles: _, updateBadgeSize: s, ribbonFrameStyle: N };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
-  }
-});
-export {
-  X as default
-};

package/dist/components/data/nmorph-calendar/NmorphCalendar.vue2.js

@@ -1,139 +0,0 @@
-import './NmorphCalendar.css';
-import { defineComponent as R, ref as x, onMounted as O, reactive as k, watch as v, computed as i } from "vue";
-import { useModifiers as j } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as z } from "../../../utils/common.js";
-import W from "./inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.js";
-import { useCalendarTexts as Z } from "./hooks/use-calendar-texts.js";
-import { hasAnyRangeDateInPrevMonth as F, hasAnyRangeDateInNextMonth as G, isTodayInMonthRange as J, resetTimeToZero as d, getMonthDaysByWeek as K } from "./utils.js";
-import L from "../nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js";
-import Q from "../nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js";
-import U from "../nmorph-table/NmorphTable.vue.js";
-const ue = /* @__PURE__ */ R({
-  __name: "NmorphCalendar",
-  props: {
-    markToday: { type: Boolean, required: !1, default: !0 },
-    initialDate: { type: Date, required: !1, default: () => /* @__PURE__ */ new Date() },
-    range: { type: null, required: !1, default: void 0 },
-    type: { type: null, required: !1, default: "date" },
-    modelValue: { type: [Date, Array, null], required: !1, default: () => /* @__PURE__ */ new Date() },
-    cellHeight: { type: [Number, String], required: !1, default: void 0 }
-  },
-  emits: ["update:model-value", "update-initial-date"],
-  setup(N, { expose: b, emit: _ }) {
-    b();
-    const r = N, s = _, { days: h } = Z(), y = () => {
-      o.value = M.value;
-    }, C = () => {
-      o.value = /* @__PURE__ */ new Date();
-    }, g = () => {
-      o.value = A.value;
-    }, u = () => {
-      throw new Error("model value and type prop not matched");
-    }, c = (e) => {
-      if (e === null) return null;
-      if (r.type === "date") {
-        if (e instanceof Date)
-          return d(e);
-        u();
-      }
-      const l = Array.isArray(e) && e.every((a) => a instanceof Date);
-      if (r.type === "dates") {
-        if (l)
-          return e.map((a) => d(a));
-        u();
-      }
-      if (r.type === "daterange") {
-        if (l)
-          return e.map((a) => d(a)).slice(0, 2);
-        u();
-      }
-    }, B = (e) => {
-      if (t.value === null) return;
-      const { monthType: l, hidden: a } = e;
-      if (a) return;
-      l === "next" && g(), l === "previous" && y();
-      const { date: n } = e;
-      if (r.type === "date" && (t.value = n, s("update:model-value", t.value)), r.type === "dates") {
-        if (!Array.isArray(t.value)) return u();
-        const m = n.toDateString(), w = t.value.map((P) => P.toDateString()).indexOf(m);
-        w !== -1 ? t.value.splice(w, 1) : t.value.push(n), s("update:model-value", t.value);
-      }
-      if (r.type === "daterange") {
-        if (!Array.isArray(t.value)) return u();
-        t.value.length === 0 ? t.value.push(n) : t.value.length === 1 ? n < t.value[0] ? t.value = [n, t.value[0]] : t.value.push(n) : t.value = [n], s("update:model-value", t.value.slice(0, 2));
-      }
-    }, D = (e, l) => {
-      const [a, n] = l;
-      return l.length === 1 ? e.toDateString() === a.toDateString() : a && n ? e >= d(a) && e <= d(n) : !1;
-    }, V = (e) => {
-      if (t.value === null) return !1;
-      if (r.type === "date")
-        return Array.isArray(t.value) ? u() : t.value.toDateString() === e.toDateString();
-      if (r.type === "dates")
-        return Array.isArray(t.value) ? !!t.value.find((a) => a.toDateString() === e.toDateString()) : u();
-      if (r.type === "daterange")
-        return Array.isArray(t.value) ? D(e, t.value) : u();
-    }, o = x(r.initialDate), t = x(c(r.modelValue));
-    O(() => {
-      s("update:model-value", t.value);
-    });
-    let p = k([]);
-    const f = () => {
-      p = [], K(o, r.range).forEach((l) => {
-        const a = {};
-        l.forEach((n, m) => {
-          const T = h[m];
-          a[T] = n;
-        }), p.push(a);
-      });
-    };
-    v(
-      () => r.initialDate,
-      (e) => {
-        o.value = e;
-      },
-      {
-        deep: !0
-      }
-    ), v(o, () => {
-      f(), s("update-initial-date", o.value);
-    }), v(
-      () => r.modelValue,
-      (e) => {
-        t.value = c(e);
-      }
-    );
-    const M = i(() => new Date(o.value.setMonth(o.value.getMonth() - 1))), A = i(() => new Date(o.value.setMonth(o.value.getMonth() + 1))), q = i(() => {
-      const { range: e } = r, l = e ? F(o.value, e[0]) : !0, a = e ? G(o.value, e[1]) : !0, n = J(e);
-      return {
-        showPreviousMonthButton: l,
-        showNextMonthButton: a,
-        showTodayButton: n
-      };
-    }), E = i(
-      () => j({
-        "nmorph-calendar": []
-      })
-    ), H = i(
-      () => z({
-        "--table-data-cell-height": r.cellHeight
-      })
-    ), I = (e) => e;
-    f();
-    const S = { props: r, emit: s, days: h, setPreviousMonth: y, setTodayMonth: C, setNextMonth: g, wrongType: u, convertValue: c, clickDate: B, isDateInRange: D, isValueSelected: V, initialDate: o, selectedValue: t, get calendar() {
-      return p;
-    }, set calendar(e) {
-      p = e;
-    }, updateCalendar: f, prevMonth: M, nextMonth: A, showHeaderButtons: q, modifiers: E, styles: H, dateData: I, get NmorphTable() {
-      return U;
-    }, get NmorphTableColumn() {
-      return Q;
-    }, get NmorphTableCell() {
-      return L;
-    }, NmorphCalendarHeader: W };
-    return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
-  }
-});
-export {
-  ue as default
-};

package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue2.js

@@ -1,41 +0,0 @@
-import './NmorphCalendarHeader.css';
-import { defineComponent as u, computed as i } from "vue";
-import { useModifiers as h } from "../../../../../utils/create-modifiers.js";
-import c from "../../../../../assets/icons/arrow-right.svg.js";
-import s from "../../../../../assets/icons/arrow-left.svg.js";
-import a from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import { getMonthName as d } from "../../utils.js";
-import f from "../../../../basic/nmorph-button/NmorphButton.vue.js";
-const I = /* @__PURE__ */ u({
-  __name: "NmorphCalendarHeader",
-  props: {
-    year: { type: Number, required: !0 },
-    month: { type: Number, required: !0 },
-    showPreviousMonthButton: { type: Boolean, required: !0 },
-    showNextMonthButton: { type: Boolean, required: !0 },
-    showTodayButton: { type: Boolean, required: !0 }
-  },
-  emits: ["click-previous-month", "click-today", "click-next-month"],
-  setup(r, { expose: o, emit: t }) {
-    o();
-    const n = r, m = t, p = i(
-      () => h({
-        "nmorph-calendar-header": []
-      })
-    ), e = { props: n, emit: m, modifiers: p, get NmorphButton() {
-      return f;
-    }, get getMonthName() {
-      return d;
-    }, get NmorphIcon() {
-      return a;
-    }, get NmorphIconArrowLeft() {
-      return s;
-    }, get NmorphIconArrowRight() {
-      return c;
-    } };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-});
-export {
-  I as default
-};

package/dist/components/data/nmorph-card/NmorphCard.vue2.js

@@ -1,42 +0,0 @@
-import './NmorphCard.css';
-import { defineComponent as f, useSlots as c, computed as a } from "vue";
-import { useModifiers as m } from "../../../utils/create-modifiers.js";
-import { toCssSize as d } from "../../../utils/common.js";
-import { NmorphShadowType as g } from "../../../types/common.types.js";
-const v = /* @__PURE__ */ f({
-  __name: "NmorphCard",
-  props: {
-    shadowType: { type: null, required: !1, default: "outset" },
-    combinedShadowBorderWidth: { type: Number, required: !1, default: 0 },
-    cardPadding: { type: [Number, String], required: !1, default: void 0 },
-    padding: { type: [Number, String], required: !1, default: void 0 },
-    radius: { type: [Number, String], required: !1, default: void 0 },
-    contentPadding: { type: [Number, String], required: !1, default: void 0 },
-    contentClass: { type: String, required: !1, default: "" },
-    fill: { type: Boolean, required: !1, default: !0 },
-    tag: { type: String, required: !1, default: "div" }
-  },
-  setup(n, { expose: s }) {
-    s();
-    const e = n, p = c(), u = a(
-      () => m({
-        nmorph: [g[e.shadowType]],
-        "nmorph-card": [e.shadowType, e.fill ? "fill" : "fit-content"]
-      })
-    ), l = a(() => {
-      const r = e.padding !== void 0 ? d(e.padding) : d(e.cardPadding), o = d(e.radius), i = d(e.contentPadding);
-      return {
-        ...e.shadowType === "combined" && {
-          "--nmorph-card-combined-border-width": `${e.combinedShadowBorderWidth}px`
-        },
-        ...r !== void 0 && { "--card-padding": r, padding: r },
-        ...o !== void 0 && { "--nmorph-card-radius": o },
-        ...i !== void 0 && { "--nmorph-card-content-padding": i }
-      };
-    }), t = { props: e, slots: p, modifiers: u, styles: l };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
-  }
-});
-export {
-  v as default
-};

package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue2.js

@@ -1,59 +0,0 @@
-import './NmorphCollapseItem.css';
-import { defineComponent as H, ref as u, computed as d, inject as v, onMounted as z, onBeforeUnmount as M, watch as h, nextTick as w } from "vue";
-import { useModifiers as g } from "../../../../../utils/create-modifiers.js";
-import { createCssVariables as x } from "../../../../../utils/common.js";
-import { NmorphComponentHeight as A } from "../../../../../types/common.types.js";
-const j = /* @__PURE__ */ H({
-  __name: "NmorphCollapseItem",
-  props: {
-    height: { type: null, required: !1, default: "basic" },
-    block: { type: Boolean, required: !1, default: !1 },
-    transitionSpeed: { type: [Number, String], required: !1, default: void 0 },
-    name: { type: String, required: !0 },
-    title: { type: String, required: !1, default: "" },
-    disabled: { type: Boolean, required: !1, default: !1 }
-  },
-  emits: ["click-item"],
-  setup(y, { expose: O, emit: _ }) {
-    O();
-    const e = y, c = _, r = u(!1), k = d(
-      () => g({
-        "nmorph-collapse-item": [e.disabled && "disabled", e.block && "block", r.value && "is-open"]
-      })
-    ), C = d(
-      () => g({
-        nmorph: [A[e.height]]
-      })
-    ), p = (t) => typeof t == "number" ? `${t}ms` : t, S = d(
-      () => x({
-        "--transition-speed": p(e.transitionSpeed)
-      })
-    ), i = v("collapse-data"), m = v("update-model"), n = u(null), f = u(0);
-    let s = null;
-    const l = (t) => Array.isArray(t) ? t.includes(e.name) : t === e.name, a = () => {
-      f.value = r.value && n.value ? n.value.scrollHeight : 0;
-    }, o = () => w(a), q = () => {
-      e.disabled || e.block || (r.value = !r.value, m?.(e.name, r.value), c("click-item", { id: e.name, isOpen: r.value }));
-    };
-    z(() => {
-      r.value = l(i?.value), o(), "ResizeObserver" in window && n.value && (s = new ResizeObserver(a), s.observe(n.value));
-    }), M(() => {
-      s?.disconnect();
-    }), h(
-      () => i?.value,
-      (t) => {
-        r.value = l(t), o();
-      },
-      { deep: !0 }
-    ), h(r, o);
-    const b = { props: e, emit: c, isOpen: r, modifiers: k, titleModifiers: C, getCssDuration: p, styles: S, collapseData: i, updateModel: m, collapseItemDOMElContent: n, contentHeight: f, get resizeObserver() {
-      return s;
-    }, set resizeObserver(t) {
-      s = t;
-    }, isValueOpen: l, updateContentHeight: a, updateContentHeightAfterRender: o, clickHandler: q };
-    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
-  }
-});
-export {
-  j as default
-};

package/dist/components/data/nmorph-emoji-picker/NmorphEmojiPicker.vue2.js

@@ -1,254 +0,0 @@
-import './NmorphEmojiPicker.css';
-import { defineComponent as de, ref as L, computed as l, watch as z, nextTick as fe } from "vue";
-import { useModifiers as ge } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as ye } from "../../../utils/common.js";
-import he from "../../form/nmorph-text-input/NmorphTextInput.vue.js";
-import be from "../../basic/nmorph-scroll/NmorphScroll.vue.js";
-import je from "../../../assets/icons/smile.svg.js";
-import ke from "../../../assets/icons/search.svg.js";
-import Se from "../../../assets/icons/burger.svg.js";
-import Le from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import xe from "../../form/nmorph-checkbox/NmorphCheckbox.vue.js";
-const _e = /* @__PURE__ */ de({
-  __name: "NmorphEmojiPicker",
-  props: {
-    language: { type: String, required: !1, default: "en" },
-    dataSource: { type: [Array, Object], required: !1, default: () => [] },
-    i18n: { type: Object, required: !1, default: () => ({}) },
-    quickList: { type: Array, required: !1, default: () => [] },
-    initialExpanded: { type: Boolean, required: !1, default: !0 },
-    width: { type: [Number, String], required: !1, default: "300px" },
-    height: { type: [Number, String], required: !1, default: "260px" },
-    columns: { type: Number, required: !1, default: 8 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    hideShadow: { type: Boolean, required: !1, default: !1 }
-  },
-  emits: ["select", "expand", "collapse"],
-  setup(oe, { expose: ne, emit: ae }) {
-    ne();
-    const i = oe, x = ae, H = L(""), y = L(i.initialExpanded), f = L(""), N = L(0), V = L(null), F = {
-      searchPlaceholder: "Search emoji",
-      searchLabel: "Search emoji",
-      quickLabel: "Frequent emoji",
-      expandLabel: "Open emoji picker",
-      collapseLabel: "Close emoji picker",
-      noResults: "No emoji found",
-      categoryLabel: "Emoji categories",
-      resultsLabel: "Emoji results"
-    }, d = (e) => !!e && typeof e == "object" && !Array.isArray(e), q = (e) => e.trim().toLocaleLowerCase(i.language || void 0), m = (e, r) => {
-      for (const n of r) {
-        const t = e[n];
-        if (typeof t == "string" && t.trim()) return t.trim();
-        if (typeof t == "number") return String(t);
-      }
-      return "";
-    }, h = (e) => Array.isArray(e) ? e.flatMap(h) : typeof e == "string" ? e.trim() ? [e.trim()] : [] : typeof e == "number" ? [String(e)] : d(e) ? Object.values(e).flatMap(h) : [], b = (e, r, n) => {
-      for (const t of r) {
-        const a = e[t], o = typeof a == "number" ? a : Number(a);
-        if (Number.isFinite(o)) return o;
-      }
-      return n;
-    }, K = (e, r) => {
-      for (const n of r) {
-        const t = e[n];
-        if (Array.isArray(t)) return t;
-      }
-    }, j = (e) => {
-      if (typeof e == "string") return e.trim();
-      if (!d(e)) return "";
-      const r = m(e, ["emoji", "native", "char", "unicode", "value"]);
-      if (r) return r;
-      const n = K(e, ["skinToneVariants", "skins", "variants"])?.[0];
-      return j(n);
-    }, R = (e) => !!j(e), $ = (e) => Array.isArray(e) ? e.map((r) => {
-      const n = j(r);
-      if (!n) return null;
-      if (typeof r == "string") return { emoji: n };
-      const t = d(r) ? r : {};
-      return {
-        emoji: n,
-        annotation: m(t, ["annotation", "label", "name", "description"]),
-        tags: h(t.tags || t.keywords || t.aliases || t.shortcodes),
-        tone: m(t, ["tone", "skinTone", "skin_tone"])
-      };
-    }).filter((r) => !!r) : [], P = (e, r, n) => {
-      if (!d(e))
-        return {
-          key: r,
-          label: r,
-          sort: n
-        };
-      const t = m(e, ["group", "category", "groupName", "categoryName"]) || r, a = m(e, ["groupLabel", "categoryLabel"]) || t, o = b(e, ["groupOrder", "categoryOrder"], Number(t));
-      return {
-        key: t,
-        label: a,
-        sort: Number.isFinite(o) ? o : n
-      };
-    }, Q = (e, r, n, t, a) => {
-      const o = j(e);
-      if (!o) return null;
-      const s = d(e) ? e : {}, c = P(s, r, t), u = m(s, ["annotation", "label", "name", "description"]) || o, p = h(s.tags || s.keywords || s.aliases || s.shortcodes), A = b(s, ["order", "sortOrder", "sort_order", "index"], a), D = s.skinToneVariants || s.skins || s.variants, v = $(D).filter((I) => I.emoji !== o), S = c.key || r, te = c.label || n || S, me = q(
-        [o, u, te, ...p, ...v.map((I) => I.annotation || I.emoji)].filter(Boolean).join(" ")
-      );
-      return {
-        key: `${S}-${A}-${o}`,
-        emoji: o,
-        annotation: u,
-        tags: p,
-        groupKey: S,
-        groupLabel: te,
-        groupSort: c.sort,
-        order: A,
-        skinToneVariants: v,
-        searchText: me
-      };
-    }, E = (e) => {
-      if (!(!d(e) || R(e)))
-        return K(e, ["emojis", "items", "children", "data"]);
-    }, U = (e) => {
-      const r = [], n = (a, o = "emoji", s = o, c = 0, u = r.length) => {
-        const p = Q(
-          a,
-          o,
-          s,
-          c,
-          u
-        );
-        p && r.push(p);
-      }, t = (a, o, s) => {
-        const c = E(a);
-        if (!c) {
-          n(a, "emoji", "emoji", 0, s);
-          return;
-        }
-        const u = d(a) ? a : {}, p = m(u, ["group", "category", "name", "label"]) || o, A = m(u, ["label", "name", "title", "groupLabel", "categoryLabel"]) || p, D = b(u, ["order", "groupOrder", "categoryOrder"], s);
-        c.forEach((v, S) => n(v, p, A, D, S));
-      };
-      if (Array.isArray(e))
-        e.forEach((a, o) => {
-          E(a) ? t(a, `group-${o + 1}`, o) : n(a, "emoji", "emoji", 0, o);
-        });
-      else if (d(e)) {
-        const a = E(e);
-        if (a) {
-          const o = m(e, ["group", "category", "name", "label"]) || "emoji", s = m(e, ["label", "name", "title", "groupLabel", "categoryLabel"]) || o, c = b(e, ["order", "groupOrder", "categoryOrder"], 0);
-          a.forEach((u, p) => n(u, o, s, c, p));
-        } else
-          Object.entries(e).forEach(([o, s], c) => {
-            Array.isArray(s) ? s.forEach((u, p) => n(u, o, o, c, p)) : t(s, o, c);
-          });
-      }
-      return r.sort((a, o) => a.groupSort !== o.groupSort ? a.groupSort - o.groupSort : a.order - o.order);
-    }, O = l(() => ({
-      ...F,
-      ...i.i18n
-    })), C = l(() => ({
-      ...i.i18n?.categories || {},
-      ...i.i18n?.categoryLabels || {}
-    })), g = l(() => U(i.dataSource)), J = l(() => {
-      const e = /* @__PURE__ */ new Map();
-      return g.value.forEach((r) => e.set(r.emoji, r.annotation || r.emoji)), e;
-    }), M = l(() => Array.from(new Set(i.quickList.map((e) => e.trim()).filter(Boolean)))), W = l(() => !y.value && M.value.length > 0), k = l(() => q(H.value)), _ = l(() => {
-      const e = /* @__PURE__ */ new Map();
-      return g.value.forEach((r) => {
-        e.has(r.groupKey) || e.set(r.groupKey, {
-          key: r.groupKey,
-          label: C.value[r.groupKey] || r.groupLabel,
-          sort: r.groupSort
-        });
-      }), Array.from(e.values()).sort((r, n) => r.sort - n.sort);
-    });
-    z(
-      _,
-      (e) => {
-        if (!e.length) {
-          f.value = "";
-          return;
-        }
-        e.some((r) => r.key === f.value) || (f.value = e[0].key);
-      },
-      { immediate: !0 }
-    ), z(
-      () => i.initialExpanded,
-      (e) => {
-        y.value = e;
-      }
-    ), z([k, f], () => {
-      N.value = 0;
-    });
-    const X = l(() => k.value ? g.value.filter((e) => e.searchText.includes(k.value)) : f.value ? g.value.filter((e) => e.groupKey === f.value) : g.value), Y = l(() => {
-      const e = /* @__PURE__ */ new Map();
-      return X.value.forEach((r) => {
-        const n = C.value[r.groupKey] || r.groupLabel, t = e.get(r.groupKey) || {
-          key: r.groupKey,
-          label: n,
-          items: []
-        };
-        t.items.push(r), e.set(r.groupKey, t);
-      }), Array.from(e.values());
-    }), B = l(() => Y.value.flatMap((e) => e.items)), Z = l(
-      () => _.value.find((e) => e.key === f.value)?.label || O.value.resultsLabel
-    ), se = l(() => k.value ? O.value.resultsLabel : Z.value), T = l(() => !i.initialExpanded && M.value.length > 0), ie = l(
-      () => ge({
-        "nmorph-emoji-picker": [
-          W.value && "compact",
-          y.value && "expanded",
-          T.value && "collapsible",
-          i.disabled && "disabled",
-          i.hideShadow && "hide-shadow",
-          !g.value.length && "empty"
-        ]
-      })
-    ), le = l(() => ({
-      ...ye({
-        "--nmorph-emoji-picker-width": i.width,
-        "--nmorph-emoji-picker-height": i.height
-      }),
-      "--nmorph-emoji-picker-columns": Math.max(1, Math.floor(i.columns))
-    })), ce = (e) => J.value.get(e) || e, ue = (e) => {
-      i.disabled || x("select", e);
-    }, G = () => {
-      i.disabled || (y.value = !0, x("expand"));
-    }, ee = () => {
-      i.disabled || !T.value || (y.value = !1, x("collapse"));
-    }, pe = (e) => {
-      if (e) {
-        G();
-        return;
-      }
-      ee();
-    }, w = async (e) => {
-      const r = V.value?.querySelectorAll(".nmorph-emoji-picker__emoji");
-      if (!r?.length) return;
-      const n = Math.min(Math.max(e, 0), r.length - 1);
-      N.value = n, await fe(), r[n]?.focus();
-    }, re = { props: i, emit: x, searchQuery: H, expanded: y, selectedGroup: f, activeIndex: N, gridRef: V, fallbackTexts: F, isRecord: d, normalizeSearchValue: q, getStringCandidate: m, toStringList: h, getNumberCandidate: b, getArrayCandidate: K, getEmojiValue: j, hasEmojiValue: R, normalizeVariants: $, getGroupData: P, normalizeEmojiItem: Q, getGroupedChildren: E, normalizeDataSource: U, texts: O, categoryLabels: C, allEmoji: g, labelByEmoji: J, quickItems: M, showCompact: W, query: k, categoryOptions: _, visibleItems: X, visibleSections: Y, visibleFlatItems: B, activeCategoryLabel: Z, bodyLabel: se, canCollapse: T, modifiers: ie, styles: le, getEmojiLabel: ce, selectEmoji: ue, expandHandler: G, collapseHandler: ee, toggleExpandedHandler: pe, focusEmojiButton: w, gridKeydownHandler: (e) => {
-      if (i.disabled || !B.value.length || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
-      const r = Math.max(1, Math.floor(i.columns)), n = B.value.length - 1, t = {
-        ArrowRight: 1,
-        ArrowLeft: -1,
-        ArrowDown: r,
-        ArrowUp: -r
-      };
-      e.key in t && (e.preventDefault(), w(N.value + t[e.key])), e.key === "Home" && (e.preventDefault(), w(0)), e.key === "End" && (e.preventDefault(), w(n));
-    }, get NmorphCheckbox() {
-      return xe;
-    }, get NmorphIcon() {
-      return Le;
-    }, get NmorphIconBurger() {
-      return Se;
-    }, get NmorphIconSearch() {
-      return ke;
-    }, get NmorphIconSmile() {
-      return je;
-    }, get NmorphScroll() {
-      return be;
-    }, get NmorphTextInput() {
-      return he;
-    } };
-    return Object.defineProperty(re, "__isScriptSetup", { enumerable: !1, value: !0 }), re;
-  }
-});
-export {
-  _e as default
-};