advanced-chat-kai 0.1.0

package/dist/index-FIDC6lfi.js

@@ -0,0 +1,1422 @@
+function P(t) {
+  if (typeof t != "string" || !t)
+    throw new Error("expected a non-empty string, got: " + t);
+}
+function Y(t) {
+  if (typeof t != "number")
+    throw new Error("expected a number, got: " + t);
+}
+const ut = 1, dt = 1, L = "emoji", $ = "keyvalue", le = "favorites", ft = "tokens", _e = "tokens", mt = "unicode", Ie = "count", pt = "group", ht = "order", Ae = "group-order", ie = "eTag", W = "url", ye = "skinTone", M = "readonly", ue = "readwrite", Le = "skinUnicodes", gt = "skinUnicodes", bt = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", yt = "en";
+function kt(t, e) {
+  const n = /* @__PURE__ */ new Set(), i = [];
+  for (const r of t) {
+    const o = e(r);
+    n.has(o) || (n.add(o), i.push(r));
+  }
+  return i;
+}
+function ke(t) {
+  return kt(t, (e) => e.unicode);
+}
+function Et(t) {
+  function e(n, i, r) {
+    const o = i ? t.createObjectStore(n, { keyPath: i }) : t.createObjectStore(n);
+    if (r)
+      for (const [a, [d, m]] of Object.entries(r))
+        o.createIndex(a, d, { multiEntry: m });
+    return o;
+  }
+  e($), e(
+    L,
+    /* keyPath */
+    mt,
+    {
+      [_e]: [
+        ft,
+        /* multiEntry */
+        !0
+      ],
+      [Ae]: [[pt, ht]],
+      [Le]: [
+        gt,
+        /* multiEntry */
+        !0
+      ]
+    }
+  ), e(le, void 0, {
+    [Ie]: [""]
+  });
+}
+const re = {}, G = {}, V = {};
+function Oe(t, e, n) {
+  n.onerror = () => e(n.error), n.onblocked = () => e(new Error("IDB blocked")), n.onsuccess = () => t(n.result);
+}
+async function vt(t) {
+  const e = await new Promise((n, i) => {
+    const r = indexedDB.open(t, ut);
+    re[t] = r, r.onupgradeneeded = (o) => {
+      o.oldVersion < dt && Et(r.result);
+    }, Oe(n, i, r);
+  });
+  return e.onclose = () => de(t), e;
+}
+function wt(t) {
+  return G[t] || (G[t] = vt(t)), G[t];
+}
+function I(t, e, n, i) {
+  return new Promise((r, o) => {
+    const a = t.transaction(e, n, { durability: "relaxed" }), d = typeof e == "string" ? a.objectStore(e) : e.map((c) => a.objectStore(c));
+    let m;
+    i(d, a, (c) => {
+      m = c;
+    }), a.oncomplete = () => r(m), a.onerror = () => o(a.error);
+  });
+}
+function de(t) {
+  const e = re[t], n = e && e.result;
+  if (n) {
+    n.close();
+    const i = V[t];
+    if (i)
+      for (const r of i)
+        r();
+  }
+  delete re[t], delete G[t], delete V[t];
+}
+function Tt(t) {
+  return new Promise((e, n) => {
+    de(t);
+    const i = indexedDB.deleteDatabase(t);
+    Oe(e, n, i);
+  });
+}
+function jt(t, e) {
+  let n = V[t];
+  n || (n = V[t] = []), n.push(e);
+}
+const St = /* @__PURE__ */ new Set([
+  ":D",
+  "XD",
+  ":'D",
+  "O:)",
+  ":X",
+  ":P",
+  ";P",
+  "XP",
+  ":L",
+  ":Z",
+  ":j",
+  "8D",
+  "XO",
+  "8)",
+  ":B",
+  ":O",
+  ":S",
+  ":'o",
+  "Dx",
+  "X(",
+  "D:",
+  ":C",
+  ">0)",
+  ":3",
+  "</3",
+  "<3",
+  "\\M/",
+  ":E",
+  "8#"
+]);
+function D(t) {
+  return t.split(/[\s_]+/).map((e) => !e.match(/\w/) || St.has(e) ? e.toLowerCase() : e.replace(/[)(:,]/g, "").replace(/’/g, "'").toLowerCase()).filter(Boolean);
+}
+const xt = 2;
+function De(t) {
+  return t.filter(Boolean).map((e) => e.toLowerCase()).filter((e) => e.length >= xt);
+}
+function Ct(t) {
+  return t.map(({ annotation: n, emoticon: i, group: r, order: o, shortcodes: a, skins: d, tags: m, emoji: c, version: u }) => {
+    const p = [...new Set(
+      De([
+        ...(a || []).map(D).flat(),
+        ...(m || []).map(D).flat(),
+        ...D(n),
+        i
+      ])
+    )].sort(), f = {
+      annotation: n,
+      group: r,
+      order: o,
+      tags: m,
+      tokens: p,
+      unicode: c,
+      version: u
+    };
+    if (i && (f.emoticon = i), a && (f.shortcodes = a), d) {
+      f.skinTones = [], f.skinUnicodes = [], f.skinVersions = [];
+      for (const { tone: b, emoji: T, version: j } of d)
+        f.skinTones.push(b), f.skinUnicodes.push(T), f.skinVersions.push(j);
+    }
+    return f;
+  });
+}
+function $e(t, e, n, i) {
+  t[e](n).onsuccess = (r) => i && i(r.target.result);
+}
+function A(t, e, n) {
+  $e(t, "get", e, n);
+}
+function Me(t, e, n) {
+  $e(t, "getAll", e, n);
+}
+function fe(t) {
+  t.commit && t.commit();
+}
+function _t(t, e) {
+  let n = t[0];
+  for (let i = 1; i < t.length; i++) {
+    const r = t[i];
+    e(n) > e(r) && (n = r);
+  }
+  return n;
+}
+function Fe(t, e) {
+  const n = _t(t, (r) => r.length), i = [];
+  for (const r of n)
+    t.some((o) => o.findIndex((a) => e(a) === e(r)) === -1) || i.push(r);
+  return i;
+}
+async function It(t) {
+  return !await me(t, $, W);
+}
+async function At(t, e, n) {
+  const [i, r] = await Promise.all([ie, W].map((o) => me(t, $, o)));
+  return i === n && r === e;
+}
+async function Lt(t, e) {
+  return I(t, L, M, (i, r, o) => {
+    let a;
+    const d = () => {
+      i.getAll(a && IDBKeyRange.lowerBound(a, !0), 50).onsuccess = (m) => {
+        const c = m.target.result;
+        for (const u of c)
+          if (a = u.unicode, e(u))
+            return o(u);
+        if (c.length < 50)
+          return o();
+        d();
+      };
+    };
+    d();
+  });
+}
+async function Be(t, e, n, i) {
+  try {
+    const r = Ct(e);
+    await I(t, [L, $], ue, ([o, a], d) => {
+      let m, c, u = 0;
+      function p() {
+        ++u === 2 && f();
+      }
+      function f() {
+        if (!(m === i && c === n)) {
+          o.clear();
+          for (const b of r)
+            o.put(b);
+          a.put(i, ie), a.put(n, W), fe(d);
+        }
+      }
+      A(a, ie, (b) => {
+        m = b, p();
+      }), A(a, W, (b) => {
+        c = b, p();
+      });
+    });
+  } finally {
+  }
+}
+async function Ot(t, e) {
+  return I(t, L, M, (n, i, r) => {
+    const o = IDBKeyRange.bound([e, 0], [e + 1, 0], !1, !0);
+    Me(n.index(Ae), o, r);
+  });
+}
+async function Re(t, e) {
+  const n = De(D(e));
+  return n.length ? I(t, L, M, (i, r, o) => {
+    const a = [], d = () => {
+      a.length === n.length && m();
+    }, m = () => {
+      const c = Fe(a, (u) => u.unicode);
+      o(c.sort((u, p) => u.order < p.order ? -1 : 1));
+    };
+    for (let c = 0; c < n.length; c++) {
+      const u = n[c], p = c === n.length - 1 ? IDBKeyRange.bound(u, u + "￿", !1, !0) : IDBKeyRange.only(u);
+      Me(i.index(_e), p, (f) => {
+        a.push(f), d();
+      });
+    }
+  }) : [];
+}
+async function Dt(t, e) {
+  const n = await Re(t, e);
+  return n.length ? n.filter((i) => (i.shortcodes || []).map((o) => o.toLowerCase()).includes(e.toLowerCase()))[0] || null : await Lt(t, (r) => (r.shortcodes || []).includes(e.toLowerCase())) || null;
+}
+async function $t(t, e) {
+  return I(t, L, M, (n, i, r) => A(n, e, (o) => {
+    if (o)
+      return r(o);
+    A(n.index(Le), e, (a) => r(a || null));
+  }));
+}
+function me(t, e, n) {
+  return I(t, e, M, (i, r, o) => A(i, n, o));
+}
+function Mt(t, e, n, i) {
+  return I(t, e, ue, (r, o) => {
+    r.put(i, n), fe(o);
+  });
+}
+function Ft(t, e) {
+  return I(t, le, ue, (n, i) => A(n, e, (r) => {
+    n.put((r || 0) + 1, e), fe(i);
+  }));
+}
+function Bt(t, e, n) {
+  return n === 0 ? [] : I(t, [le, L], M, ([i, r], o, a) => {
+    const d = [];
+    i.index(Ie).openCursor(void 0, "prev").onsuccess = (m) => {
+      const c = m.target.result;
+      if (!c)
+        return a(d);
+      function u(b) {
+        if (d.push(b), d.length === n)
+          return a(d);
+        c.continue();
+      }
+      const p = c.primaryKey, f = e.byName(p);
+      if (f)
+        return u(f);
+      A(r, p, (b) => {
+        if (b)
+          return u(b);
+        c.continue();
+      });
+    };
+  });
+}
+const z = "";
+function Rt(t, e) {
+  const n = /* @__PURE__ */ new Map();
+  for (const r of t) {
+    const o = e(r);
+    for (const a of o) {
+      let d = n;
+      for (let c = 0; c < a.length; c++) {
+        const u = a.charAt(c);
+        let p = d.get(u);
+        p || (p = /* @__PURE__ */ new Map(), d.set(u, p)), d = p;
+      }
+      let m = d.get(z);
+      m || (m = [], d.set(z, m)), m.push(r);
+    }
+  }
+  return (r, o) => {
+    let a = n;
+    for (let c = 0; c < r.length; c++) {
+      const u = r.charAt(c), p = a.get(u);
+      if (p)
+        a = p;
+      else
+        return [];
+    }
+    if (o)
+      return a.get(z) || [];
+    const d = [], m = [a];
+    for (; m.length; ) {
+      const u = [...m.shift().entries()].sort((p, f) => p[0] < f[0] ? -1 : 1);
+      for (const [p, f] of u)
+        p === z ? d.push(...f) : m.push(f);
+    }
+    return d;
+  };
+}
+const Nt = [
+  "name",
+  "url"
+];
+function Pt(t) {
+  const e = t && Array.isArray(t), n = e && t.length && (!t[0] || Nt.some((i) => !(i in t[0])));
+  if (!e || n)
+    throw new Error("Custom emojis are in the wrong format");
+}
+function Ee(t) {
+  Pt(t);
+  const e = (f, b) => f.name.toLowerCase() < b.name.toLowerCase() ? -1 : 1, n = t.sort(e), r = Rt(t, (f) => {
+    const b = /* @__PURE__ */ new Set();
+    if (f.shortcodes)
+      for (const T of f.shortcodes)
+        for (const j of D(T))
+          b.add(j);
+    return b;
+  }), o = (f) => r(f, !0), a = (f) => r(f, !1), d = (f) => {
+    const b = D(f), T = b.map((j, x) => (x < b.length - 1 ? o : a)(j));
+    return Fe(T, (j) => j.name).sort(e);
+  }, m = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+  for (const f of t) {
+    c.set(f.name.toLowerCase(), f);
+    for (const b of f.shortcodes || [])
+      m.set(b.toLowerCase(), f);
+  }
+  return {
+    all: n,
+    search: d,
+    byShortcode: (f) => m.get(f.toLowerCase()),
+    byName: (f) => c.get(f.toLowerCase())
+  };
+}
+const zt = typeof wrappedJSObject < "u";
+function B(t) {
+  if (!t)
+    return t;
+  if (zt && (t = structuredClone(t)), delete t.tokens, t.skinTones) {
+    const e = t.skinTones.length;
+    t.skins = Array(e);
+    for (let n = 0; n < e; n++)
+      t.skins[n] = {
+        tone: t.skinTones[n],
+        unicode: t.skinUnicodes[n],
+        version: t.skinVersions[n]
+      };
+    delete t.skinTones, delete t.skinUnicodes, delete t.skinVersions;
+  }
+  return t;
+}
+function Ne(t) {
+  t || console.warn("emoji-picker-element is more efficient if the dataSource server exposes an ETag header.");
+}
+const Ut = [
+  "annotation",
+  "emoji",
+  "group",
+  "order",
+  "version"
+];
+function Gt(t) {
+  if (!t || !Array.isArray(t) || !t[0] || typeof t[0] != "object" || Ut.some((e) => !(e in t[0])))
+    throw new Error("Emoji data is in the wrong format");
+}
+function Pe(t, e) {
+  if (Math.floor(t.status / 100) !== 2)
+    throw new Error("Failed to fetch: " + e + ":  " + t.status);
+}
+async function Kt(t) {
+  const e = await fetch(t, { method: "HEAD" });
+  Pe(e, t);
+  const n = e.headers.get("etag");
+  return Ne(n), n;
+}
+async function se(t) {
+  const e = await fetch(t);
+  Pe(e, t);
+  const n = e.headers.get("etag");
+  Ne(n);
+  const i = await e.json();
+  return Gt(i), [n, i];
+}
+function Wt(t) {
+  for (var e = "", n = new Uint8Array(t), i = n.byteLength, r = -1; ++r < i; )
+    e += String.fromCharCode(n[r]);
+  return e;
+}
+function Vt(t) {
+  for (var e = t.length, n = new ArrayBuffer(e), i = new Uint8Array(n), r = -1; ++r < e; )
+    i[r] = t.charCodeAt(r);
+  return n;
+}
+async function ze(t) {
+  const e = JSON.stringify(t);
+  let n = Vt(e);
+  const i = await crypto.subtle.digest("SHA-1", n), r = Wt(i);
+  return btoa(r);
+}
+async function Ht(t, e) {
+  let n, i = await Kt(e);
+  if (!i) {
+    const r = await se(e);
+    i = r[0], n = r[1], i || (i = await ze(n));
+  }
+  await At(t, e, i) || (n || (n = (await se(e))[1]), await Be(t, n, e, i));
+}
+async function qt(t, e) {
+  let [n, i] = await se(e);
+  n || (n = await ze(i)), await Be(t, i, e, n);
+}
+async function Xt(t, e) {
+  try {
+    await Ht(t, e);
+  } catch (n) {
+    if (n.name !== "InvalidStateError")
+      throw n;
+  }
+}
+class Yt {
+  constructor({ dataSource: e = bt, locale: n = yt, customEmoji: i = [] } = {}) {
+    this.dataSource = e, this.locale = n, this._dbName = `emoji-picker-element-${this.locale}`, this._db = void 0, this._lazyUpdate = void 0, this._custom = Ee(i), this._clear = this._clear.bind(this), this._ready = this._init();
+  }
+  async _init() {
+    const e = this._db = await wt(this._dbName);
+    jt(this._dbName, this._clear);
+    const n = this.dataSource;
+    await It(e) ? await qt(e, n) : this._lazyUpdate = Xt(e, n);
+  }
+  async ready() {
+    const e = async () => (this._ready || (this._ready = this._init()), this._ready);
+    await e(), this._db || await e();
+  }
+  async getEmojiByGroup(e) {
+    return Y(e), await this.ready(), ke(await Ot(this._db, e)).map(B);
+  }
+  async getEmojiBySearchQuery(e) {
+    P(e), await this.ready();
+    const n = this._custom.search(e), i = ke(await Re(this._db, e)).map(B);
+    return [
+      ...n,
+      ...i
+    ];
+  }
+  async getEmojiByShortcode(e) {
+    P(e), await this.ready();
+    const n = this._custom.byShortcode(e);
+    return n || B(await Dt(this._db, e));
+  }
+  async getEmojiByUnicodeOrName(e) {
+    P(e), await this.ready();
+    const n = this._custom.byName(e);
+    return n || B(await $t(this._db, e));
+  }
+  async getPreferredSkinTone() {
+    return await this.ready(), await me(this._db, $, ye) || 0;
+  }
+  async setPreferredSkinTone(e) {
+    return Y(e), await this.ready(), Mt(this._db, $, ye, e);
+  }
+  async incrementFavoriteEmojiCount(e) {
+    return P(e), await this.ready(), Ft(this._db, e);
+  }
+  async getTopFavoriteEmoji(e) {
+    return Y(e), await this.ready(), (await Bt(this._db, this._custom, e)).map(B);
+  }
+  set customEmoji(e) {
+    this._custom = Ee(e);
+  }
+  get customEmoji() {
+    return this._custom.all;
+  }
+  async _shutdown() {
+    await this.ready();
+    try {
+      await this._lazyUpdate;
+    } catch {
+    }
+  }
+  // clear references to IDB, e.g. during a close event
+  _clear() {
+    this._db = this._ready = this._lazyUpdate = void 0;
+  }
+  async close() {
+    await this._shutdown(), await de(this._dbName);
+  }
+  async delete() {
+    await this._shutdown(), await Tt(this._dbName);
+  }
+}
+const ae = [
+  [-1, "✨", "custom"],
+  [0, "😀", "smileys-emotion"],
+  [1, "👋", "people-body"],
+  [3, "🐱", "animals-nature"],
+  [4, "🍎", "food-drink"],
+  [5, "🏠️", "travel-places"],
+  [6, "⚽", "activities"],
+  [7, "📝", "objects"],
+  [8, "⛔️", "symbols"],
+  [9, "🏁", "flags"]
+].map(([t, e, n]) => ({ id: t, emoji: e, name: n })), Z = ae.slice(1), Zt = 2, ve = 6, Ue = typeof requestIdleCallback == "function" ? requestIdleCallback : setTimeout;
+function we(t) {
+  return t.unicode.includes("‍");
+}
+const Jt = {
+  "🫩": 16,
+  // face with bags under eyes
+  "🫨": 15.1,
+  // shaking head, technically from v15 but see note above
+  "🫠": 14,
+  "🥲": 13.1,
+  // smiling face with tear, technically from v13 but see note above
+  "🥻": 12.1,
+  // sari, technically from v12 but see note above
+  "🥰": 11,
+  "🤩": 5,
+  "👱‍♀️": 4,
+  "🤣": 3,
+  "👁️‍🗨️": 2,
+  "😀": 1,
+  "😐️": 0.7,
+  "😃": 0.6
+}, Qt = 1e3, en = "🖐️", tn = 8, nn = [
+  "😊",
+  "😒",
+  "❤️",
+  "👍️",
+  "😍",
+  "😂",
+  "😭",
+  "☺️",
+  "😔",
+  "😩",
+  "😏",
+  "💕",
+  "🙌",
+  "😘"
+], Ge = '"Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif', on = (t, e) => t < e ? -1 : t > e ? 1 : 0, Te = (t, e) => {
+  const n = document.createElement("canvas");
+  n.width = n.height = 1;
+  const i = n.getContext("2d", {
+    // Improves the performance of `getImageData()`
+    // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getContextAttributes#willreadfrequently
+    willReadFrequently: !0
+  });
+  return i.textBaseline = "top", i.font = `100px ${Ge}`, i.fillStyle = e, i.scale(0.01, 0.01), i.fillText(t, 0, 0), i.getImageData(0, 0, 1, 1).data;
+}, rn = (t, e) => {
+  const n = [...t].join(","), i = [...e].join(",");
+  return n === i && !n.startsWith("0,0,0,");
+};
+function sn(t) {
+  const e = Te(t, "#000"), n = Te(t, "#fff");
+  return e && n && rn(e, n);
+}
+function an() {
+  const t = Object.entries(Jt);
+  try {
+    for (const [e, n] of t)
+      if (sn(e))
+        return n;
+  } catch {
+  } finally {
+  }
+  return t[0][1];
+}
+let J;
+const Q = () => (J || (J = new Promise((t) => Ue(() => t(an())))), J), ce = /* @__PURE__ */ new Map(), cn = "️", ln = "\uD83C", un = "‍", dn = 127995, fn = 57339;
+function mn(t, e) {
+  if (e === 0)
+    return t;
+  const n = t.indexOf(un);
+  return n !== -1 ? t.substring(0, n) + String.fromCodePoint(dn + e - 1) + t.substring(n) : (t.endsWith(cn) && (t = t.substring(0, t.length - 1)), t + ln + String.fromCodePoint(fn + e - 1));
+}
+function _(t) {
+  t.preventDefault(), t.stopPropagation();
+}
+function ee(t, e, n) {
+  return e += t ? -1 : 1, e < 0 ? e = n.length - 1 : e >= n.length && (e = 0), e;
+}
+function Ke(t, e) {
+  const n = /* @__PURE__ */ new Set(), i = [];
+  for (const r of t) {
+    const o = e(r);
+    n.has(o) || (n.add(o), i.push(r));
+  }
+  return i;
+}
+function pn(t, e) {
+  const n = (i) => {
+    const r = {};
+    for (const o of i)
+      typeof o.tone == "number" && o.version <= e && (r[o.tone] = o.unicode);
+    return r;
+  };
+  return t.map(({ unicode: i, skins: r, shortcodes: o, url: a, name: d, category: m, annotation: c }) => ({
+    unicode: i,
+    name: d,
+    shortcodes: o,
+    url: a,
+    category: m,
+    annotation: c,
+    id: i || d,
+    skins: r && n(r)
+  }));
+}
+const K = requestAnimationFrame;
+let hn = typeof ResizeObserver == "function";
+function gn(t, e, n) {
+  let i;
+  hn ? (i = new ResizeObserver(n), i.observe(t)) : K(n), e.addEventListener("abort", () => {
+    i && i.disconnect();
+  });
+}
+function je(t) {
+  {
+    const e = document.createRange();
+    return e.selectNode(t.firstChild), e.getBoundingClientRect().width;
+  }
+}
+let te;
+function bn(t, e, n) {
+  let i = !0;
+  for (const r of t) {
+    const o = n(r);
+    if (!o)
+      continue;
+    const a = je(o);
+    typeof te > "u" && (te = je(e));
+    const d = a / 1.8 < te;
+    ce.set(r.unicode, d), d || (i = !1);
+  }
+  return i;
+}
+function yn(t) {
+  return Ke(t, (e) => e);
+}
+function kn(t) {
+  t && (t.scrollTop = 0);
+}
+function R(t, e, n) {
+  let i = t.get(e);
+  return i || (i = n(), t.set(e, i)), i;
+}
+function Se(t) {
+  return "" + t;
+}
+function En(t) {
+  const e = document.createElement("template");
+  return e.innerHTML = t, e;
+}
+const vn = /* @__PURE__ */ new WeakMap(), wn = /* @__PURE__ */ new WeakMap(), Tn = Symbol("un-keyed"), jn = "replaceChildren" in Element.prototype;
+function Sn(t, e) {
+  jn ? t.replaceChildren(...e) : (t.innerHTML = "", t.append(...e));
+}
+function xn(t, e) {
+  let n = t.firstChild, i = 0;
+  for (; n; ) {
+    if (e[i] !== n)
+      return !0;
+    n = n.nextSibling, i++;
+  }
+  return i !== e.length;
+}
+function Cn(t, e) {
+  const { targetNode: n } = e;
+  let { targetParentNode: i } = e, r = !1;
+  i ? r = xn(i, t) : (r = !0, e.targetNode = void 0, e.targetParentNode = i = n.parentNode), r && Sn(i, t);
+}
+function _n(t, e) {
+  for (const n of e) {
+    const {
+      targetNode: i,
+      currentExpression: r,
+      binding: {
+        expressionIndex: o,
+        attributeName: a,
+        attributeValuePre: d,
+        attributeValuePost: m
+      }
+    } = n, c = t[o];
+    if (r !== c)
+      if (n.currentExpression = c, a)
+        if (c === null)
+          i.removeAttribute(a);
+        else {
+          const u = d + Se(c) + m;
+          i.setAttribute(a, u);
+        }
+      else {
+        let u;
+        Array.isArray(c) ? Cn(c, n) : c instanceof Element ? (u = c, i.replaceWith(u)) : i.nodeValue = Se(c), u && (n.targetNode = u);
+      }
+  }
+}
+function In(t) {
+  let e = "", n = !1, i = !1, r = -1;
+  const o = /* @__PURE__ */ new Map(), a = [];
+  let d = 0;
+  for (let c = 0, u = t.length; c < u; c++) {
+    const p = t[c];
+    if (e += p.slice(d), c === u - 1)
+      break;
+    for (let h = 0; h < p.length; h++)
+      switch (p.charAt(h)) {
+        case "<": {
+          p.charAt(h + 1) === "/" ? a.pop() : (n = !0, a.push(++r));
+          break;
+        }
+        case ">": {
+          n = !1, i = !1;
+          break;
+        }
+        case "=": {
+          i = !0;
+          break;
+        }
+      }
+    const f = a[a.length - 1], b = R(o, f, () => []);
+    let T, j, x;
+    if (i) {
+      const h = /(\S+)="?([^"=]*)$/.exec(p);
+      T = h[1], j = h[2];
+      const k = /^([^">]*)("?)/.exec(t[c + 1]);
+      x = k[1], e = e.slice(0, -1 * h[0].length), d = k[0].length;
+    } else
+      d = 0;
+    const O = {
+      attributeName: T,
+      attributeValuePre: j,
+      attributeValuePost: x,
+      expressionIndex: c
+    };
+    b.push(O), !n && !i && (e += " ");
+  }
+  return {
+    template: En(e),
+    elementsToBindings: o
+  };
+}
+function xe(t, e, n) {
+  for (let i = 0; i < t.length; i++) {
+    const r = t[i], o = r.attributeName ? e : e.firstChild, a = {
+      binding: r,
+      targetNode: o,
+      targetParentNode: void 0,
+      currentExpression: void 0
+    };
+    n.push(a);
+  }
+}
+function An(t, e) {
+  const n = [];
+  let i;
+  if (e.size === 1 && (i = e.get(0)))
+    xe(i, t, n);
+  else {
+    const r = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT);
+    let o = t, a = -1;
+    do {
+      const d = e.get(++a);
+      d && xe(d, o, n);
+    } while (o = r.nextNode());
+  }
+  return n;
+}
+function Ln(t) {
+  const { template: e, elementsToBindings: n } = R(vn, t, () => In(t)), i = e.cloneNode(!0).content.firstElementChild, r = An(i, n);
+  return function(a) {
+    return _n(a, r), i;
+  };
+}
+function On(t) {
+  const e = R(wn, t, () => /* @__PURE__ */ new Map());
+  let n = Tn;
+  function i(o, ...a) {
+    const d = R(e, o, () => /* @__PURE__ */ new Map());
+    return R(d, n, () => Ln(o))(a);
+  }
+  function r(o, a, d) {
+    return o.map((m, c) => {
+      const u = n;
+      n = d(m);
+      try {
+        return a(m, c);
+      } finally {
+        n = u;
+      }
+    });
+  }
+  return { map: r, html: i };
+}
+function Dn(t, e, n, i, r, o, a, d, m) {
+  const { labelWithSkin: c, titleForEmoji: u, unicodeWithSkin: p } = n, { html: f, map: b } = On(e);
+  function T(h, k, w) {
+    return b(h, (S, F) => f`<button role="${k ? "option" : "menuitem"}" aria-selected="${k ? F === e.activeSearchItem : null}" aria-label="${c(S, e.currentSkinTone)}" title="${u(S)}" class="${"emoji" + (k && F === e.activeSearchItem ? " active" : "") + (S.unicode ? "" : " custom-emoji")}" id="${`${w}-${S.id}`}" style="${S.unicode ? null : `--custom-emoji-background: url(${JSON.stringify(S.url)})`}">${S.unicode ? p(S, e.currentSkinTone) : ""}</button>`, (S) => `${w}-${S.id}`);
+  }
+  const x = f`<section data-ref="rootElement" class="picker" aria-label="${e.i18n.regionLabel}" style="${e.pickerStyle || ""}"><div class="pad-top"></div><div class="search-row"><div class="search-wrapper"><input id="search" class="search" type="search" role="combobox" enterkeyhint="search" placeholder="${e.i18n.searchLabel}" autocapitalize="none" autocomplete="off" spellcheck="true" aria-expanded="${!!(e.searchMode && e.currentEmojis.length)}" aria-controls="search-results" aria-describedby="search-description" aria-autocomplete="list" aria-activedescendant="${e.activeSearchItemId ? `emo-${e.activeSearchItemId}` : null}" data-ref="searchElement" data-on-input="onSearchInput" data-on-keydown="onSearchKeydown"><label class="sr-only" for="search">${e.i18n.searchLabel}</label> <span id="search-description" class="sr-only">${e.i18n.searchDescription}</span></div><div class="skintone-button-wrapper ${e.skinTonePickerExpandedAfterAnimation ? "expanded" : ""}"><button id="skintone-button" class="emoji ${e.skinTonePickerExpanded ? "hide-focus" : ""}" aria-label="${e.skinToneButtonLabel}" title="${e.skinToneButtonLabel}" aria-describedby="skintone-description" aria-haspopup="listbox" aria-expanded="${e.skinTonePickerExpanded}" aria-controls="skintone-list" data-on-click="onClickSkinToneButton">${e.skinToneButtonText || ""}</button></div><span id="skintone-description" class="sr-only">${e.i18n.skinToneDescription}</span><div data-ref="skinToneDropdown" id="skintone-list" class="skintone-list hide-focus ${e.skinTonePickerExpanded ? "" : "hidden no-animate"}" style="transform:translateY(${e.skinTonePickerExpanded ? 0 : "calc(-1 * var(--num-skintones) * var(--total-emoji-size))"})" role="listbox" aria-label="${e.i18n.skinTonesLabel}" aria-activedescendant="skintone-${e.activeSkinTone}" aria-hidden="${!e.skinTonePickerExpanded}" tabIndex="-1" data-on-focusout="onSkinToneOptionsFocusOut" data-on-click="onSkinToneOptionsClick" data-on-keydown="onSkinToneOptionsKeydown" data-on-keyup="onSkinToneOptionsKeyup">${b(e.skinTones, (h, k) => f`<div id="skintone-${k}" class="emoji ${k === e.activeSkinTone ? "active" : ""}" aria-selected="${k === e.activeSkinTone}" role="option" title="${e.i18n.skinTones[k]}" aria-label="${e.i18n.skinTones[k]}">${h}</div>`, (h) => h)}</div></div><div class="nav" role="tablist" style="grid-template-columns:repeat(${e.groups.length},1fr)" aria-label="${e.i18n.categoriesLabel}" data-on-keydown="onNavKeydown" data-on-click="onNavClick">${b(e.groups, (h) => f`<button role="tab" class="nav-button" aria-controls="tab-${h.id}" aria-label="${e.i18n.categories[h.name]}" aria-selected="${!e.searchMode && e.currentGroup.id === h.id}" title="${e.i18n.categories[h.name]}" data-group-id="${h.id}"><div class="nav-emoji emoji">${h.emoji}</div></button>`, (h) => h.id)}</div><div class="indicator-wrapper"><div class="indicator" style="transform:translateX(${/* istanbul ignore next */
+  (e.isRtl ? -1 : 1) * e.currentGroupIndex * 100}%)"></div></div><div class="message ${e.message ? "" : "gone"}" role="alert" aria-live="polite">${e.message || ""}</div><div data-ref="tabpanelElement" class="tabpanel ${!e.databaseLoaded || e.message ? "gone" : ""}" role="${e.searchMode ? "region" : "tabpanel"}" aria-label="${e.searchMode ? e.i18n.searchResultsLabel : e.i18n.categories[e.currentGroup.name]}" id="${e.searchMode ? null : `tab-${e.currentGroup.id}`}" tabIndex="0" data-on-click="onEmojiClick"><div data-action="calculateEmojiGridStyle">${b(e.currentEmojisWithCategories, (h, k) => f`<div><div id="menu-label-${k}" class="category ${e.currentEmojisWithCategories.length === 1 && e.currentEmojisWithCategories[0].category === "" ? "gone" : ""}" aria-hidden="true">${e.searchMode ? e.i18n.searchResultsLabel : h.category ? h.category : e.currentEmojisWithCategories.length > 1 ? e.i18n.categories.custom : e.i18n.categories[e.currentGroup.name]}</div><div class="emoji-menu ${k !== 0 && !e.searchMode && e.currentGroup.id === -1 ? "visibility-auto" : ""}" style="${`--num-rows: ${Math.ceil(h.emojis.length / e.numColumns)}`}" data-action="updateOnIntersection" role="${e.searchMode ? "listbox" : "menu"}" aria-labelledby="menu-label-${k}" id="${e.searchMode ? "search-results" : null}">${T(
+    h.emojis,
+    e.searchMode,
+    /* prefix */
+    "emo"
+  )}</div></div>`, (h) => h.category)}</div></div><div class="favorites onscreen emoji-menu ${e.message ? "gone" : ""}" role="menu" aria-label="${e.i18n.favoritesLabel}" data-on-click="onEmojiClick">${T(
+    e.currentFavorites,
+    /* searchMode */
+    !1,
+    /* prefix */
+    "fav"
+  )}</div><button data-ref="baselineEmoji" aria-hidden="true" tabindex="-1" class="abs-pos hidden emoji baseline-emoji">😀</button></section>`, O = (h, k) => {
+    for (const w of t.querySelectorAll(`[${h}]`))
+      k(w, w.getAttribute(h));
+  };
+  if (m) {
+    t.appendChild(x);
+    for (const h of ["click", "focusout", "input", "keydown", "keyup"])
+      O(`data-on-${h}`, (k, w) => {
+        k.addEventListener(h, i[w]);
+      });
+    O("data-ref", (h, k) => {
+      o[k] = h;
+    }), a.addEventListener("abort", () => {
+      t.removeChild(x);
+    });
+  }
+  O("data-action", (h, k) => {
+    let w = d.get(k);
+    w || d.set(k, w = /* @__PURE__ */ new WeakSet()), w.has(h) || (w.add(h), r[k](h));
+  });
+}
+const H = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+function $n(t) {
+  let e = !1, n;
+  const i = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set();
+  let o;
+  const a = () => {
+    if (e)
+      return;
+    const c = [...r];
+    r.clear();
+    try {
+      for (const u of c)
+        u();
+    } finally {
+      o = !1, r.size && (o = !0, H(a));
+    }
+  }, d = new Proxy({}, {
+    get(c, u) {
+      if (n) {
+        let p = i.get(u);
+        p || (p = /* @__PURE__ */ new Set(), i.set(u, p)), p.add(n);
+      }
+      return c[u];
+    },
+    set(c, u, p) {
+      if (c[u] !== p) {
+        c[u] = p;
+        const f = i.get(u);
+        if (f) {
+          for (const b of f)
+            r.add(b);
+          o || (o = !0, H(a));
+        }
+      }
+      return !0;
+    }
+  }), m = (c) => {
+    const u = () => {
+      const p = n;
+      n = u;
+      try {
+        return c();
+      } finally {
+        n = p;
+      }
+    };
+    return u();
+  };
+  return t.addEventListener("abort", () => {
+    e = !0;
+  }), {
+    state: d,
+    createEffect: m
+  };
+}
+function ne(t, e, n) {
+  if (t.length !== e.length)
+    return !1;
+  for (let i = 0; i < t.length; i++)
+    if (!n(t[i], e[i]))
+      return !1;
+  return !0;
+}
+const Ce = /* @__PURE__ */ new WeakMap();
+function Mn(t, e, n) {
+  {
+    const i = t.closest(".tabpanel");
+    let r = Ce.get(i);
+    r || (r = new IntersectionObserver(n, {
+      root: i,
+      // trigger if we are 1/2 scroll container height away so that the images load a bit quicker while scrolling
+      rootMargin: "50% 0px 50% 0px",
+      // trigger if any part of the emoji grid is intersecting
+      threshold: 0
+    }), Ce.set(i, r), e.addEventListener("abort", () => {
+      r.disconnect();
+    })), r.observe(t);
+  }
+}
+const oe = [], { assign: U } = Object;
+function Fn(t, e) {
+  const n = {}, i = new AbortController(), r = i.signal, { state: o, createEffect: a } = $n(r), d = /* @__PURE__ */ new Map();
+  U(o, {
+    skinToneEmoji: void 0,
+    i18n: void 0,
+    database: void 0,
+    customEmoji: void 0,
+    customCategorySorting: void 0,
+    emojiVersion: void 0
+  }), U(o, e), U(o, {
+    initialLoad: !0,
+    currentEmojis: [],
+    currentEmojisWithCategories: [],
+    rawSearchText: "",
+    searchText: "",
+    searchMode: !1,
+    activeSearchItem: -1,
+    message: void 0,
+    skinTonePickerExpanded: !1,
+    skinTonePickerExpandedAfterAnimation: !1,
+    currentSkinTone: 0,
+    activeSkinTone: 0,
+    skinToneButtonText: void 0,
+    pickerStyle: void 0,
+    skinToneButtonLabel: "",
+    skinTones: [],
+    currentFavorites: [],
+    defaultFavoriteEmojis: void 0,
+    numColumns: tn,
+    isRtl: !1,
+    currentGroupIndex: 0,
+    groups: Z,
+    databaseLoaded: !1,
+    activeSearchItemId: void 0
+  }), a(() => {
+    o.currentGroup !== o.groups[o.currentGroupIndex] && (o.currentGroup = o.groups[o.currentGroupIndex]);
+  });
+  const m = (s) => {
+    t.getElementById(s).focus();
+  }, c = (s) => t.getElementById(`emo-${s.id}`), u = (s, l) => {
+    n.rootElement.dispatchEvent(new CustomEvent(s, {
+      detail: l,
+      bubbles: !0,
+      composed: !0
+    }));
+  }, p = (s, l) => s.id === l.id, f = (s, l) => {
+    const { category: g, emojis: y } = s, { category: E, emojis: v } = l;
+    return g !== E ? !1 : ne(y, v, p);
+  }, b = (s) => {
+    ne(o.currentEmojis, s, p) || (o.currentEmojis = s);
+  }, T = (s) => {
+    o.searchMode !== s && (o.searchMode = s);
+  }, j = (s) => {
+    ne(o.currentEmojisWithCategories, s, f) || (o.currentEmojisWithCategories = s);
+  }, x = (s, l) => l && s.skins && s.skins[l] || s.unicode, k = {
+    labelWithSkin: (s, l) => yn([
+      s.name || x(s, l),
+      s.annotation,
+      ...s.shortcodes || oe
+    ].filter(Boolean)).join(", "),
+    titleForEmoji: (s) => s.annotation || (s.shortcodes || oe).join(", "),
+    unicodeWithSkin: x
+  }, w = {
+    onClickSkinToneButton: rt,
+    onEmojiClick: ot,
+    onNavClick: tt,
+    onNavKeydown: nt,
+    onSearchKeydown: et,
+    onSkinToneOptionsClick: it,
+    onSkinToneOptionsFocusOut: ct,
+    onSkinToneOptionsKeydown: st,
+    onSkinToneOptionsKeyup: at,
+    onSearchInput: lt
+  }, S = {
+    calculateEmojiGridStyle: qe,
+    updateOnIntersection: Xe
+  };
+  let F = !0;
+  a(() => {
+    Dn(t, o, k, w, S, n, r, d, F), F = !1;
+  }), o.emojiVersion || Q().then((s) => {
+    s || (o.message = o.i18n.emojiUnsupportedMessage);
+  }), a(() => {
+    async function s() {
+      let l = !1;
+      const g = setTimeout(() => {
+        l = !0, o.message = o.i18n.loadingMessage;
+      }, Qt);
+      try {
+        await o.database.ready(), o.databaseLoaded = !0;
+      } catch (y) {
+        console.error(y), o.message = o.i18n.networkErrorMessage;
+      } finally {
+        clearTimeout(g), l && (l = !1, o.message = "");
+      }
+    }
+    o.database && s();
+  }), a(() => {
+    o.pickerStyle = `
+      --num-groups: ${o.groups.length}; 
+      --indicator-opacity: ${o.searchMode ? 0 : 1}; 
+      --num-skintones: ${ve};`;
+  }), a(() => {
+    o.customEmoji && o.database && pe();
+  }), a(() => {
+    o.customEmoji && o.customEmoji.length ? o.groups !== ae && (o.groups = ae) : o.groups !== Z && (o.currentGroupIndex && o.currentGroupIndex--, o.groups = Z);
+  }), a(() => {
+    async function s() {
+      o.databaseLoaded && (o.currentSkinTone = await o.database.getPreferredSkinTone());
+    }
+    s();
+  }), a(() => {
+    o.skinTones = Array(ve).fill().map((s, l) => mn(o.skinToneEmoji, l));
+  }), a(() => {
+    o.skinToneButtonText = o.skinTones[o.currentSkinTone];
+  }), a(() => {
+    o.skinToneButtonLabel = o.i18n.skinToneLabel.replace("{skinTone}", o.i18n.skinTones[o.currentSkinTone]);
+  }), a(() => {
+    async function s() {
+      const { database: l } = o, g = (await Promise.all(nn.map((y) => l.getEmojiByUnicodeOrName(y)))).filter(Boolean);
+      o.defaultFavoriteEmojis = g;
+    }
+    o.databaseLoaded && s();
+  });
+  function pe() {
+    const { customEmoji: s, database: l } = o, g = s || oe;
+    l.customEmoji !== g && (l.customEmoji = g);
+  }
+  a(() => {
+    async function s() {
+      pe();
+      const { database: l, defaultFavoriteEmojis: g, numColumns: y } = o, E = await l.getTopFavoriteEmoji(y), v = await q(Ke([
+        ...E,
+        ...g
+      ], (C) => C.unicode || C.name).slice(0, y));
+      o.currentFavorites = v;
+    }
+    o.databaseLoaded && o.defaultFavoriteEmojis && s();
+  });
+  function qe(s) {
+    gn(s, r, () => {
+      {
+        const l = getComputedStyle(n.rootElement), g = parseInt(l.getPropertyValue("--num-columns"), 10), y = l.getPropertyValue("direction") === "rtl";
+        o.numColumns = g, o.isRtl = y;
+      }
+    });
+  }
+  function Xe(s) {
+    Mn(s, r, (l) => {
+      for (const { target: g, isIntersecting: y } of l)
+        g.classList.toggle("onscreen", y);
+    });
+  }
+  a(() => {
+    async function s() {
+      const { searchText: l, currentGroup: g, databaseLoaded: y, customEmoji: E } = o;
+      if (!y)
+        o.currentEmojis = [], o.searchMode = !1;
+      else if (l.length >= Zt) {
+        const v = await Qe(l);
+        o.searchText === l && (b(v), T(!0));
+      } else {
+        const { id: v } = g;
+        if (v !== -1 || E && E.length) {
+          const C = await Je(v);
+          o.currentGroup.id === v && (b(C), T(!1));
+        }
+      }
+    }
+    s();
+  });
+  const he = () => {
+    K(() => kn(n.tabpanelElement));
+  };
+  a(() => {
+    const { currentEmojis: s, emojiVersion: l } = o, g = s.filter((y) => y.unicode).filter((y) => we(y) && !ce.has(y.unicode));
+    if (!l && g.length)
+      b(s), K(() => Ye(g));
+    else {
+      const y = l ? s : s.filter(Ze);
+      b(y), he();
+    }
+  });
+  function Ye(s) {
+    bn(s, n.baselineEmoji, c) ? he() : o.currentEmojis = [...o.currentEmojis];
+  }
+  function Ze(s) {
+    return !s.unicode || !we(s) || ce.get(s.unicode);
+  }
+  async function ge(s) {
+    const l = o.emojiVersion || await Q();
+    return s.filter(({ version: g }) => !g || g <= l);
+  }
+  async function q(s) {
+    return pn(s, o.emojiVersion || await Q());
+  }
+  async function Je(s) {
+    const l = s === -1 ? o.customEmoji : await o.database.getEmojiByGroup(s);
+    return q(await ge(l));
+  }
+  async function Qe(s) {
+    return q(await ge(await o.database.getEmojiBySearchQuery(s)));
+  }
+  a(() => {
+  }), a(() => {
+    function s() {
+      const { searchMode: g, currentEmojis: y } = o;
+      if (g)
+        return [
+          {
+            category: "",
+            emojis: y
+          }
+        ];
+      const E = /* @__PURE__ */ new Map();
+      for (const v of y) {
+        const C = v.category || "";
+        let N = E.get(C);
+        N || (N = [], E.set(C, N)), N.push(v);
+      }
+      return [...E.entries()].map(([v, C]) => ({ category: v, emojis: C })).sort((v, C) => o.customCategorySorting(v.category, C.category));
+    }
+    const l = s();
+    j(l);
+  }), a(() => {
+    o.activeSearchItemId = o.activeSearchItem !== -1 && o.currentEmojis[o.activeSearchItem].id;
+  }), a(() => {
+    const { rawSearchText: s } = o;
+    Ue(() => {
+      o.searchText = (s || "").trim(), o.activeSearchItem = -1;
+    });
+  });
+  function et(s) {
+    if (!o.searchMode || !o.currentEmojis.length)
+      return;
+    const l = (g) => {
+      _(s), o.activeSearchItem = ee(g, o.activeSearchItem, o.currentEmojis);
+    };
+    switch (s.key) {
+      case "ArrowDown":
+        return l(!1);
+      case "ArrowUp":
+        return l(!0);
+      case "Enter":
+        if (o.activeSearchItem === -1)
+          o.activeSearchItem = 0;
+        else
+          return _(s), be(o.currentEmojis[o.activeSearchItem].id);
+    }
+  }
+  function tt(s) {
+    const { target: l } = s, g = l.closest(".nav-button");
+    if (!g)
+      return;
+    const y = parseInt(g.dataset.groupId, 10);
+    n.searchElement.value = "", o.rawSearchText = "", o.searchText = "", o.activeSearchItem = -1, o.currentGroupIndex = o.groups.findIndex((E) => E.id === y);
+  }
+  function nt(s) {
+    const { target: l, key: g } = s, y = (E) => {
+      E && (_(s), E.focus());
+    };
+    switch (g) {
+      case "ArrowLeft":
+        return y(l.previousElementSibling);
+      case "ArrowRight":
+        return y(l.nextElementSibling);
+      case "Home":
+        return y(l.parentElement.firstElementChild);
+      case "End":
+        return y(l.parentElement.lastElementChild);
+    }
+  }
+  async function be(s) {
+    const l = await o.database.getEmojiByUnicodeOrName(s), g = [...o.currentEmojis, ...o.currentFavorites].find((E) => E.id === s), y = g.unicode && x(g, o.currentSkinTone);
+    await o.database.incrementFavoriteEmojiCount(s), u("emoji-click", {
+      emoji: l,
+      skinTone: o.currentSkinTone,
+      ...y && { unicode: y },
+      ...g.name && { name: g.name }
+    });
+  }
+  async function ot(s) {
+    const { target: l } = s;
+    if (!l.classList.contains("emoji"))
+      return;
+    _(s);
+    const g = l.id.substring(4);
+    be(g);
+  }
+  function X(s) {
+    o.currentSkinTone = s, o.skinTonePickerExpanded = !1, m("skintone-button"), u("skin-tone-change", { skinTone: s }), o.database.setPreferredSkinTone(s);
+  }
+  function it(s) {
+    const { target: { id: l } } = s, g = l && l.match(/^skintone-(\d)/);
+    if (!g)
+      return;
+    _(s);
+    const y = parseInt(g[1], 10);
+    X(y);
+  }
+  function rt(s) {
+    o.skinTonePickerExpanded = !o.skinTonePickerExpanded, o.activeSkinTone = o.currentSkinTone, o.skinTonePickerExpanded && (_(s), K(() => m("skintone-list")));
+  }
+  a(() => {
+    o.skinTonePickerExpanded ? n.skinToneDropdown.addEventListener("transitionend", () => {
+      o.skinTonePickerExpandedAfterAnimation = !0;
+    }, { once: !0 }) : o.skinTonePickerExpandedAfterAnimation = !1;
+  });
+  function st(s) {
+    if (!o.skinTonePickerExpanded)
+      return;
+    const l = async (g) => {
+      _(s), o.activeSkinTone = g;
+    };
+    switch (s.key) {
+      case "ArrowUp":
+        return l(ee(!0, o.activeSkinTone, o.skinTones));
+      case "ArrowDown":
+        return l(ee(!1, o.activeSkinTone, o.skinTones));
+      case "Home":
+        return l(0);
+      case "End":
+        return l(o.skinTones.length - 1);
+      case "Enter":
+        return _(s), X(o.activeSkinTone);
+      case "Escape":
+        return _(s), o.skinTonePickerExpanded = !1, m("skintone-button");
+    }
+  }
+  function at(s) {
+    if (o.skinTonePickerExpanded)
+      switch (s.key) {
+        case " ":
+          return _(s), X(o.activeSkinTone);
+      }
+  }
+  async function ct(s) {
+    const { relatedTarget: l } = s;
+    (!l || l.id !== "skintone-list") && (o.skinTonePickerExpanded = !1);
+  }
+  function lt(s) {
+    o.rawSearchText = s.target.value;
+  }
+  return {
+    $set(s) {
+      U(o, s);
+    },
+    $destroy() {
+      i.abort();
+    }
+  };
+}
+const Bn = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", Rn = "en";
+var Nn = {
+  categoriesLabel: "Categories",
+  emojiUnsupportedMessage: "Your browser does not support color emoji.",
+  favoritesLabel: "Favorites",
+  loadingMessage: "Loading…",
+  networkErrorMessage: "Could not load emoji.",
+  regionLabel: "Emoji picker",
+  searchDescription: "When search results are available, press up or down to select and enter to choose.",
+  searchLabel: "Search",
+  searchResultsLabel: "Search results",
+  skinToneDescription: "When expanded, press up or down to select and enter to choose.",
+  skinToneLabel: "Choose a skin tone (currently {skinTone})",
+  skinTonesLabel: "Skin tones",
+  skinTones: [
+    "Default",
+    "Light",
+    "Medium-Light",
+    "Medium",
+    "Medium-Dark",
+    "Dark"
+  ],
+  categories: {
+    custom: "Custom",
+    "smileys-emotion": "Smileys and emoticons",
+    "people-body": "People and body",
+    "animals-nature": "Animals and nature",
+    "food-drink": "Food and drink",
+    "travel-places": "Travel and places",
+    activities: "Activities",
+    objects: "Objects",
+    symbols: "Symbols",
+    flags: "Flags"
+  }
+}, Pn = ':host{--emoji-size:1.375rem;--emoji-padding:0.5rem;--category-emoji-size:var(--emoji-size);--category-emoji-padding:var(--emoji-padding);--indicator-height:3px;--input-border-radius:0.5rem;--input-border-size:1px;--input-font-size:1rem;--input-line-height:1.5;--input-padding:0.25rem;--num-columns:8;--outline-size:2px;--border-size:1px;--border-radius:0;--skintone-border-radius:1rem;--category-font-size:1rem;display:flex;width:min-content;height:400px}:host,:host(.light){color-scheme:light;--background:#fff;--border-color:#e0e0e0;--indicator-color:#385ac1;--input-border-color:#999;--input-font-color:#111;--input-placeholder-color:#999;--outline-color:#999;--category-font-color:#111;--button-active-background:#e6e6e6;--button-hover-background:#d9d9d9}:host(.dark){color-scheme:dark;--background:#222;--border-color:#444;--indicator-color:#5373ec;--input-border-color:#ccc;--input-font-color:#efefef;--input-placeholder-color:#ccc;--outline-color:#fff;--category-font-color:#efefef;--button-active-background:#555555;--button-hover-background:#484848}@media (prefers-color-scheme:dark){:host{color-scheme:dark;--background:#222;--border-color:#444;--indicator-color:#5373ec;--input-border-color:#ccc;--input-font-color:#efefef;--input-placeholder-color:#ccc;--outline-color:#fff;--category-font-color:#efefef;--button-active-background:#555555;--button-hover-background:#484848}}:host([hidden]){display:none}button{margin:0;padding:0;border:0;background:0 0;box-shadow:none;-webkit-tap-highlight-color:transparent}button::-moz-focus-inner{border:0}input{padding:0;margin:0;line-height:1.15;font-family:inherit}input[type=search]{-webkit-appearance:none}:focus{outline:var(--outline-color) solid var(--outline-size);outline-offset:calc(-1*var(--outline-size))}:host([data-js-focus-visible]) :focus:not([data-focus-visible-added]){outline:0}:focus:not(:focus-visible){outline:0}.hide-focus{outline:0}*{box-sizing:border-box}.picker{contain:content;display:flex;flex-direction:column;background:var(--background);border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);width:100%;height:100%;overflow:hidden;--total-emoji-size:calc(var(--emoji-size) + (2 * var(--emoji-padding)));--total-category-emoji-size:calc(var(--category-emoji-size) + (2 * var(--category-emoji-padding)))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{opacity:0;pointer-events:none}.abs-pos{position:absolute;left:0;top:0}.gone{display:none!important}.skintone-button-wrapper,.skintone-list{background:var(--background);z-index:3}.skintone-button-wrapper.expanded{z-index:1}.skintone-list{position:absolute;inset-inline-end:0;top:0;z-index:2;overflow:visible;border-bottom:var(--border-size) solid var(--border-color);border-radius:0 0 var(--skintone-border-radius) var(--skintone-border-radius);will-change:transform;transition:transform .2s ease-in-out;transform-origin:center 0}@media (prefers-reduced-motion:reduce){.skintone-list{transition-duration:.001s}}@supports not (inset-inline-end:0){.skintone-list{right:0}}.skintone-list.no-animate{transition:none}.tabpanel{overflow-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;will-change:transform;min-height:0;flex:1;contain:content}.emoji-menu{display:grid;grid-template-columns:repeat(var(--num-columns),var(--total-emoji-size));justify-content:space-around;align-items:flex-start;width:100%}.emoji-menu.visibility-auto{content-visibility:auto;contain-intrinsic-size:calc(var(--num-columns)*var(--total-emoji-size)) calc(var(--num-rows)*var(--total-emoji-size))}.category{padding:var(--emoji-padding);font-size:var(--category-font-size);color:var(--category-font-color)}.emoji,button.emoji{font-size:var(--emoji-size);display:flex;align-items:center;justify-content:center;border-radius:100%;height:var(--total-emoji-size);width:var(--total-emoji-size);line-height:1;overflow:hidden;font-family:var(--emoji-font-family);cursor:pointer}@media (hover:hover) and (pointer:fine){.emoji:hover,button.emoji:hover{background:var(--button-hover-background)}}.emoji.active,.emoji:active,button.emoji.active,button.emoji:active{background:var(--button-active-background)}.onscreen .custom-emoji::after{content:"";width:var(--emoji-size);height:var(--emoji-size);background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:var(--custom-emoji-background)}.nav,.nav-button{align-items:center}.nav{display:grid;justify-content:space-between;contain:content}.nav-button{display:flex;justify-content:center}.nav-emoji{font-size:var(--category-emoji-size);width:var(--total-category-emoji-size);height:var(--total-category-emoji-size)}.indicator-wrapper{display:flex;border-bottom:1px solid var(--border-color)}.indicator{width:calc(100%/var(--num-groups));height:var(--indicator-height);opacity:var(--indicator-opacity);background-color:var(--indicator-color);will-change:transform,opacity;transition:opacity .1s linear,transform .25s ease-in-out}@media (prefers-reduced-motion:reduce){.indicator{will-change:opacity;transition:opacity .1s linear}}.pad-top,input.search{background:var(--background);width:100%}.pad-top{height:var(--emoji-padding);z-index:3}.search-row{display:flex;align-items:center;position:relative;padding-inline-start:var(--emoji-padding);padding-bottom:var(--emoji-padding)}.search-wrapper{flex:1;min-width:0}input.search{padding:var(--input-padding);border-radius:var(--input-border-radius);border:var(--input-border-size) solid var(--input-border-color);color:var(--input-font-color);font-size:var(--input-font-size);line-height:var(--input-line-height)}input.search::placeholder{color:var(--input-placeholder-color)}.favorites{overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:row;border-top:var(--border-size) solid var(--border-color);contain:content}.message{padding:var(--emoji-padding)}';
+const We = [
+  "customEmoji",
+  "customCategorySorting",
+  "database",
+  "dataSource",
+  "i18n",
+  "locale",
+  "skinToneEmoji",
+  "emojiVersion"
+], zn = `:host{--emoji-font-family:${Ge}}`;
+class Ve extends HTMLElement {
+  constructor(e) {
+    super(), this.attachShadow({ mode: "open" });
+    const n = document.createElement("style");
+    n.textContent = Pn + zn, this.shadowRoot.appendChild(n), this._ctx = {
+      // Set defaults
+      locale: Rn,
+      dataSource: Bn,
+      skinToneEmoji: en,
+      customCategorySorting: on,
+      customEmoji: null,
+      i18n: Nn,
+      emojiVersion: null,
+      ...e
+    };
+    for (const i of We)
+      i !== "database" && Object.prototype.hasOwnProperty.call(this, i) && (this._ctx[i] = this[i], delete this[i]);
+    this._dbFlush();
+  }
+  connectedCallback() {
+    this._cmp || (this._cmp = Fn(this.shadowRoot, this._ctx));
+  }
+  disconnectedCallback() {
+    H(() => {
+      if (!this.isConnected && this._cmp) {
+        this._cmp.$destroy(), this._cmp = void 0;
+        const { database: e } = this._ctx;
+        e.close().catch((n) => console.error(n));
+      }
+    });
+  }
+  static get observedAttributes() {
+    return ["locale", "data-source", "skin-tone-emoji", "emoji-version"];
+  }
+  attributeChangedCallback(e, n, i) {
+    this._set(
+      // convert from kebab-case to camelcase
+      // see https://github.com/sveltejs/svelte/issues/3852#issuecomment-665037015
+      e.replace(/-([a-z])/g, (r, o) => o.toUpperCase()),
+      // convert string attribute to float if necessary
+      e === "emoji-version" ? parseFloat(i) : i
+    );
+  }
+  _set(e, n) {
+    this._ctx[e] = n, this._cmp && this._cmp.$set({ [e]: n }), ["locale", "dataSource"].includes(e) && this._dbFlush();
+  }
+  _dbCreate() {
+    const { locale: e, dataSource: n, database: i } = this._ctx;
+    (!i || i.locale !== e || i.dataSource !== n) && this._set("database", new Yt({ locale: e, dataSource: n }));
+  }
+  // Update the Database in one microtask if the locale/dataSource change. We do one microtask
+  // so we don't create two Databases if e.g. both the locale and the dataSource change
+  _dbFlush() {
+    H(() => this._dbCreate());
+  }
+}
+const He = {};
+for (const t of We)
+  He[t] = {
+    get() {
+      return t === "database" && this._dbCreate(), this._ctx[t];
+    },
+    set(e) {
+      if (t === "database")
+        throw new Error("database is read-only");
+      this._set(t, e);
+    }
+  };
+Object.defineProperties(Ve.prototype, He);
+customElements.get("emoji-picker") || customElements.define("emoji-picker", Ve);
+export {
+  Yt as Database,
+  Ve as Picker
+};