hanap-labs 9.7.0 → 10.1.0

package/dist/chunks/emoji-picker-element-DFqkD3W8.js

@@ -0,0 +1,1298 @@
+//#region node_modules/emoji-picker-element/database.js
+function e(e) {
+	if (typeof e != "string" || !e) throw Error("expected a non-empty string, got: " + e);
+}
+function t(e) {
+	if (typeof e != "number") throw Error("expected a number, got: " + e);
+}
+var n = 1, r = 1, i = "emoji", a = "keyvalue", o = "favorites", s = "tokens", c = "tokens", l = "unicode", u = "count", d = "group", f = "order", p = "group-order", m = "eTag", h = "url", g = "skinTone", _ = "readonly", v = "readwrite", y = "skinUnicodes", b = "skinUnicodes", x = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", ee = "en";
+function te(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = [];
+	for (let i of e) {
+		let e = t(i);
+		n.has(e) || (n.add(e), r.push(i));
+	}
+	return r;
+}
+function S(e) {
+	return te(e, (e) => e.unicode);
+}
+function ne(e) {
+	function t(t, n, r) {
+		let i = n ? e.createObjectStore(t, { keyPath: n }) : e.createObjectStore(t);
+		if (r) for (let [e, [t, n]] of Object.entries(r)) i.createIndex(e, t, { multiEntry: n });
+		return i;
+	}
+	t(a), t(i, l, {
+		[c]: [s, !0],
+		[p]: [[d, f]],
+		[y]: [b, !0]
+	}), t(o, void 0, { [u]: [""] });
+}
+var C = {}, w = {}, T = {};
+function E(e, t, n) {
+	n.onerror = () => t(n.error), n.onblocked = () => t(/* @__PURE__ */ Error("IDB blocked")), n.onsuccess = () => e(n.result);
+}
+async function re(e) {
+	let t = await new Promise((t, i) => {
+		let a = indexedDB.open(e, n);
+		C[e] = a, a.onupgradeneeded = (e) => {
+			/* istanbul ignore else */
+			e.oldVersion < r && ne(a.result);
+		}, E(t, i, a);
+	});
+	return t.onclose = () => O(e), t;
+}
+function ie(e) {
+	return w[e] || (w[e] = re(e)), w[e];
+}
+function D(e, t, n, r) {
+	return new Promise((i, a) => {
+		let o = e.transaction(t, n, { durability: "relaxed" }), s = typeof t == "string" ? o.objectStore(t) : t.map((e) => o.objectStore(e)), c;
+		/* istanbul ignore next */
+		r(s, o, (e) => {
+			c = e;
+		}), o.oncomplete = () => i(c), o.onerror = () => a(o.error);
+	});
+}
+function O(e) {
+	let t = C[e], n = t && t.result;
+	if (n) {
+		n.close();
+		let t = T[e];
+		/* istanbul ignore else */
+		if (t) for (let e of t) e();
+	}
+	delete C[e], delete w[e], delete T[e];
+}
+function ae(e) {
+	return new Promise((t, n) => {
+		O(e), E(t, n, indexedDB.deleteDatabase(e));
+	});
+}
+function k(e, t) {
+	let n = T[e];
+	n ||= T[e] = [], n.push(t);
+}
+var oe = new Set(/* @__PURE__ */ ":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#".split("."));
+function A(e) {
+	return e.split(/[\s_]+/).map((e) => !e.match(/\w/) || oe.has(e) ? e.toLowerCase() : e.replace(/[)(:,]/g, "").replace(/’/g, "'").toLowerCase()).filter(Boolean);
+}
+var se = 2;
+function j(e) {
+	return e.filter(Boolean).map((e) => e.toLowerCase()).filter((e) => e.length >= se);
+}
+function ce(e) {
+	return e.map(({ annotation: e, emoticon: t, group: n, order: r, shortcodes: i, skins: a, tags: o, emoji: s, version: c }) => {
+		let l = {
+			annotation: e,
+			group: n,
+			order: r,
+			tags: o,
+			tokens: [...new Set(j([
+				...(i || []).map(A).flat(),
+				...(o || []).map(A).flat(),
+				...A(e),
+				t
+			]))].sort(),
+			unicode: s,
+			version: c
+		};
+		if (t && (l.emoticon = t), i && (l.shortcodes = i), a) {
+			l.skinTones = [], l.skinUnicodes = [], l.skinVersions = [];
+			for (let { tone: e, emoji: t, version: n } of a) l.skinTones.push(e), l.skinUnicodes.push(t), l.skinVersions.push(n);
+		}
+		return l;
+	});
+}
+function M(e, t, n, r) {
+	e[t](n).onsuccess = (e) => r && r(e.target.result);
+}
+function N(e, t, n) {
+	M(e, "get", t, n);
+}
+function P(e, t, n) {
+	M(e, "getAll", t, n);
+}
+function F(e) {
+	/* istanbul ignore else */
+	e.commit && e.commit();
+}
+function le(e, t) {
+	let n = e[0];
+	for (let r = 1; r < e.length; r++) {
+		let i = e[r];
+		t(n) > t(i) && (n = i);
+	}
+	return n;
+}
+function ue(e, t) {
+	let n = le(e, (e) => e.length), r = [];
+	for (let i of n) e.some((e) => e.findIndex((e) => t(e) === t(i)) === -1) || r.push(i);
+	return r;
+}
+async function de(e) {
+	return !await I(e, a, h);
+}
+async function fe(e, t, n) {
+	let [r, i] = await Promise.all([m, h].map((t) => I(e, a, t)));
+	return r === n && i === t;
+}
+async function pe(e, t) {
+	return D(e, i, _, (e, n, r) => {
+		let i, a = () => {
+			e.getAll(i && IDBKeyRange.lowerBound(i, !0), 50).onsuccess = (e) => {
+				let n = e.target.result;
+				for (let e of n) if (i = e.unicode, t(e)) return r(e);
+				if (n.length < 50) return r();
+				a();
+			};
+		};
+		a();
+	});
+}
+async function me(e, t, n, r) {
+	try {
+		let o = ce(t);
+		await D(e, [i, a], v, ([e, t], i) => {
+			let a, s, c = 0;
+			function l() {
+				++c === 2 && u();
+			}
+			function u() {
+				if (!(a === r && s === n)) {
+					e.clear();
+					for (let t of o) e.put(t);
+					t.put(r, m), t.put(n, h), F(i);
+				}
+			}
+			N(t, m, (e) => {
+				a = e, l();
+			}), N(t, h, (e) => {
+				s = e, l();
+			});
+		});
+	} finally {}
+}
+async function he(e, t) {
+	return D(e, i, _, (e, n, r) => {
+		let i = IDBKeyRange.bound([t, 0], [t + 1, 0], !1, !0);
+		P(e.index(p), i, r);
+	});
+}
+async function ge(e, t) {
+	let n = j(A(t));
+	return n.length ? D(e, i, _, (e, t, r) => {
+		let i = [], a = () => {
+			i.length === n.length && o();
+		}, o = () => {
+			r(ue(i, (e) => e.unicode).sort((e, t) => e.order < t.order ? -1 : 1));
+		};
+		for (let t = 0; t < n.length; t++) {
+			let r = n[t], o = t === n.length - 1 ? IDBKeyRange.bound(r, r + "￿", !1, !0) : IDBKeyRange.only(r);
+			P(e.index(c), o, (e) => {
+				i.push(e), a();
+			});
+		}
+	}) : [];
+}
+async function _e(e, t) {
+	let n = await ge(e, t);
+	return n.length ? n.filter((e) => (e.shortcodes || []).map((e) => e.toLowerCase()).includes(t.toLowerCase()))[0] || null : await pe(e, (e) => (e.shortcodes || []).includes(t.toLowerCase())) || null;
+}
+async function ve(e, t) {
+	return D(e, i, _, (e, n, r) => N(e, t, (n) => {
+		if (n) return r(n);
+		N(e.index(y), t, (e) => r(e || null));
+	}));
+}
+function I(e, t, n) {
+	return D(e, t, _, (e, t, r) => N(e, n, r));
+}
+function ye(e, t, n, r) {
+	return D(e, t, v, (e, t) => {
+		e.put(r, n), F(t);
+	});
+}
+function be(e, t) {
+	return D(e, o, v, (e, n) => N(e, t, (r) => {
+		e.put((r || 0) + 1, t), F(n);
+	}));
+}
+function xe(e, t, n) {
+	return n === 0 ? [] : D(e, [o, i], _, ([e, r], i, a) => {
+		let o = [];
+		e.index(u).openCursor(void 0, "prev").onsuccess = (e) => {
+			let i = e.target.result;
+			if (!i) return a(o);
+			function s(e) {
+				if (o.push(e), o.length === n) return a(o);
+				i.continue();
+			}
+			let c = i.primaryKey, l = t.byName(c);
+			if (l) return s(l);
+			N(r, c, (e) => {
+				if (e) return s(e);
+				i.continue();
+			});
+		};
+	});
+}
+var L = "";
+function Se(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = t(r);
+		for (let t of e) {
+			let e = n;
+			for (let n = 0; n < t.length; n++) {
+				let r = t.charAt(n), i = e.get(r);
+				i || (i = /* @__PURE__ */ new Map(), e.set(r, i)), e = i;
+			}
+			let i = e.get(L);
+			i || (i = [], e.set(L, i)), i.push(r);
+		}
+	}
+	return (e, t) => {
+		let r = n;
+		for (let t = 0; t < e.length; t++) {
+			let n = e.charAt(t), i = r.get(n);
+			if (i) r = i;
+			else return [];
+		}
+		if (t) return r.get(L) || [];
+		let i = [], a = [r];
+		for (; a.length;) {
+			let e = [...a.shift().entries()].sort((e, t) => e[0] < t[0] ? -1 : 1);
+			for (let [t, n] of e) t === L ? i.push(...n) : a.push(n);
+		}
+		return i;
+	};
+}
+var Ce = ["name", "url"];
+function we(e) {
+	let t = e && Array.isArray(e), n = t && e.length && (!e[0] || Ce.some((t) => !(t in e[0])));
+	if (!t || n) throw Error("Custom emojis are in the wrong format");
+}
+function Te(e) {
+	we(e);
+	let t = (e, t) => e.name.toLowerCase() < t.name.toLowerCase() ? -1 : 1, n = e.sort(t), r = Se(e, (e) => {
+		let t = /* @__PURE__ */ new Set();
+		if (e.shortcodes) for (let n of e.shortcodes) for (let e of A(n)) t.add(e);
+		return t;
+	}), i = (e) => r(e, !0), a = (e) => r(e, !1), o = (e) => {
+		let n = A(e);
+		return ue(n.map((e, t) => (t < n.length - 1 ? i : a)(e)), (e) => e.name).sort(t);
+	}, s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		c.set(t.name.toLowerCase(), t);
+		for (let e of t.shortcodes || []) s.set(e.toLowerCase(), t);
+	}
+	return {
+		all: n,
+		search: o,
+		byShortcode: (e) => s.get(e.toLowerCase()),
+		byName: (e) => c.get(e.toLowerCase())
+	};
+}
+var Ee = typeof wrappedJSObject < "u";
+function R(e) {
+	if (!e) return e;
+	if (Ee && (e = structuredClone(e)), delete e.tokens, e.skinTones) {
+		let t = e.skinTones.length;
+		e.skins = Array(t);
+		for (let n = 0; n < t; n++) e.skins[n] = {
+			tone: e.skinTones[n],
+			unicode: e.skinUnicodes[n],
+			version: e.skinVersions[n]
+		};
+		delete e.skinTones, delete e.skinUnicodes, delete e.skinVersions;
+	}
+	return e;
+}
+function De(e) {
+	e || console.warn("emoji-picker-element is more efficient if the dataSource server exposes an ETag header.");
+}
+var Oe = [
+	"annotation",
+	"emoji",
+	"group",
+	"order",
+	"version"
+];
+function ke(e) {
+	if (!e || !Array.isArray(e) || !e[0] || typeof e[0] != "object" || Oe.some((t) => !(t in e[0]))) throw Error("Emoji data is in the wrong format");
+}
+function Ae(e, t) {
+	if (Math.floor(e.status / 100) !== 2) throw Error("Failed to fetch: " + t + ":  " + e.status);
+}
+async function je(e) {
+	let t = await fetch(e, { method: "HEAD" });
+	Ae(t, e);
+	let n = t.headers.get("etag");
+	return De(n), n;
+}
+async function z(e) {
+	let t = await fetch(e);
+	Ae(t, e);
+	let n = t.headers.get("etag");
+	De(n);
+	let r = await t.json();
+	return ke(r), [n, r];
+}
+function Me(e) {
+	for (var t = "", n = new Uint8Array(e), r = n.byteLength, i = -1; ++i < r;) t += String.fromCharCode(n[i]);
+	return t;
+}
+function Ne(e) {
+	for (var t = e.length, n = new ArrayBuffer(t), r = new Uint8Array(n), i = -1; ++i < t;) r[i] = e.charCodeAt(i);
+	return n;
+}
+async function Pe(e) {
+	let t = Ne(JSON.stringify(e)), n = Me(await crypto.subtle.digest("SHA-1", t));
+	return btoa(n);
+}
+async function Fe(e, t) {
+	let n, r = await je(t);
+	if (!r) {
+		let e = await z(t);
+		r = e[0], n = e[1], r ||= await Pe(n);
+	}
+	await fe(e, t, r) || (n ||= (await z(t))[1], await me(e, n, t, r));
+}
+async function Ie(e, t) {
+	let [n, r] = await z(t);
+	n ||= await Pe(r), await me(e, r, t, n);
+}
+async function Le(e, t) {
+	try {
+		await Fe(e, t);
+	} catch (e) {
+		if (e.name !== "InvalidStateError") throw e;
+	}
+}
+var Re = class {
+	constructor({ dataSource: e = x, locale: t = ee, customEmoji: n = [] } = {}) {
+		this.dataSource = e, this.locale = t, this._dbName = `emoji-picker-element-${this.locale}`, this._db = void 0, this._lazyUpdate = void 0, this._custom = Te(n), this._clear = this._clear.bind(this), this._ready = this._init();
+	}
+	async _init() {
+		let e = this._db = await ie(this._dbName);
+		k(this._dbName, this._clear);
+		let t = this.dataSource;
+		await de(e) ? await Ie(e, t) : this._lazyUpdate = Le(e, t);
+	}
+	async ready() {
+		let e = async () => (this._ready ||= this._init(), this._ready);
+		await e(), this._db || await e();
+	}
+	async getEmojiByGroup(e) {
+		return t(e), await this.ready(), S(await he(this._db, e)).map(R);
+	}
+	async getEmojiBySearchQuery(t) {
+		e(t), await this.ready();
+		let n = this._custom.search(t), r = S(await ge(this._db, t)).map(R);
+		return [...n, ...r];
+	}
+	async getEmojiByShortcode(t) {
+		return e(t), await this.ready(), this._custom.byShortcode(t) || R(await _e(this._db, t));
+	}
+	async getEmojiByUnicodeOrName(t) {
+		return e(t), await this.ready(), this._custom.byName(t) || R(await ve(this._db, t));
+	}
+	async getPreferredSkinTone() {
+		return await this.ready(), await I(this._db, a, g) || 0;
+	}
+	async setPreferredSkinTone(e) {
+		return t(e), await this.ready(), ye(this._db, a, g, e);
+	}
+	async incrementFavoriteEmojiCount(t) {
+		return e(t), await this.ready(), be(this._db, t);
+	}
+	async getTopFavoriteEmoji(e) {
+		return t(e), await this.ready(), (await xe(this._db, this._custom, e)).map(R);
+	}
+	set customEmoji(e) {
+		this._custom = Te(e);
+	}
+	get customEmoji() {
+		return this._custom.all;
+	}
+	async _shutdown() {
+		await this.ready();
+		try {
+			await this._lazyUpdate;
+		} catch {}
+	}
+	_clear() {
+		this._db = this._ready = this._lazyUpdate = void 0;
+	}
+	async close() {
+		await this._shutdown(), await O(this._dbName);
+	}
+	async delete() {
+		await this._shutdown(), await ae(this._dbName);
+	}
+}, B = [
+	[
+		-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(([e, t, n]) => ({
+	id: e,
+	emoji: t,
+	name: n
+})), V = B.slice(1), ze = 2, Be = 6, Ve = typeof requestIdleCallback == "function" ? requestIdleCallback : setTimeout;
+function He(e) {
+	return e.unicode.includes("‍");
+}
+var Ue = {
+	"🫪": 17,
+	"🫩": 16,
+	"🫨": 15.1,
+	"🫠": 14,
+	"🥲": 13.1,
+	"🥻": 12.1,
+	"🥰": 11,
+	"🤩": 5,
+	"👱‍♀️": 4,
+	"🤣": 3,
+	"👁️‍🗨️": 2,
+	"😀": 1,
+	"😐️": .7,
+	"😃": .6
+}, We = 1e3, Ge = "🖐️", Ke = 8, qe = [
+	"😊",
+	"😒",
+	"❤️",
+	"👍️",
+	"😍",
+	"😂",
+	"😭",
+	"☺️",
+	"😔",
+	"😩",
+	"😏",
+	"💕",
+	"🙌",
+	"😘"
+], Je = "\"Twemoji Mozilla\",\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\",\"EmojiOne Color\",\"Android Emoji\",sans-serif", Ye = (e, t) => e < t ? -1 : +(e > t), Xe = (e, t) => {
+	let n = document.createElement("canvas");
+	n.width = n.height = 1;
+	let r = n.getContext("2d", { willReadFrequently: !0 });
+	return r.textBaseline = "top", r.font = `100px ${Je}`, r.fillStyle = t, r.scale(.01, .01), r.fillText(e, 0, 0), r.getImageData(0, 0, 1, 1).data;
+}, Ze = (e, t) => {
+	let n = [...e].join(",");
+	return n === [...t].join(",") && !n.startsWith("0,0,0,");
+};
+function Qe(e) {
+	let t = Xe(e, "#000"), n = Xe(e, "#fff");
+	return t && n && Ze(t, n);
+}
+function $e() {
+	let e = Object.entries(Ue);
+	try {
+		for (let [t, n] of e) if (Qe(t)) return n;
+	} catch {}
+	return e[0][1];
+}
+var et, H = () => (et ||= new Promise((e) => Ve(() => e($e()))), et), U = /* @__PURE__ */ new Map(), tt = "️", nt = "\ud83c", rt = "‍", it = 127995, at = 57339;
+function ot(e, t) {
+	if (t === 0) return e;
+	let n = e.indexOf(rt);
+	return n === -1 ? (e.endsWith(tt) && (e = e.substring(0, e.length - 1)), e + nt + String.fromCodePoint(at + t - 1)) : e.substring(0, n) + String.fromCodePoint(it + t - 1) + e.substring(n);
+}
+function W(e) {
+	e.preventDefault(), e.stopPropagation();
+}
+function G(e, t, n) {
+	return t += e ? -1 : 1, t < 0 ? t = n.length - 1 : t >= n.length && (t = 0), t;
+}
+function st(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = [];
+	for (let i of e) {
+		let e = t(i);
+		n.has(e) || (n.add(e), r.push(i));
+	}
+	return r;
+}
+function ct(e, t) {
+	let n = (e) => {
+		let n = {};
+		for (let r of e) typeof r.tone == "number" && r.version <= t && (n[r.tone] = r.unicode);
+		return n;
+	};
+	return e.map(({ unicode: e, skins: t, shortcodes: r, url: i, name: a, category: o, annotation: s }) => ({
+		unicode: e,
+		name: a,
+		shortcodes: r,
+		url: i,
+		category: o,
+		annotation: s,
+		id: e || a,
+		skins: t && n(t)
+	}));
+}
+var K = requestAnimationFrame, lt = typeof ResizeObserver == "function";
+function ut(e, t, n) {
+	let r;
+	lt ? (r = new ResizeObserver(n), r.observe(e)) : K(n), t.addEventListener("abort", () => {
+		r && r.disconnect();
+	});
+}
+function dt(e) {
+	/* istanbul ignore else */
+	{
+		let t = document.createRange();
+		return t.selectNode(e.firstChild), t.getBoundingClientRect().width;
+	}
+}
+var ft = "😀", q, J;
+function pt(e, t, n) {
+	let r = dt(t);
+	/* istanbul ignore if */
+	if (!r) {
+		if (!J) {
+			J = n.cloneNode(!0);
+			let e = getComputedStyle(n);
+			for (let t of [
+				"font-family",
+				"line-height",
+				"width",
+				"height",
+				"font-size",
+				"display",
+				"align-items",
+				"justify-content"
+			]) J.style.setProperty(t, e.getPropertyValue(t), "important");
+		}
+		try {
+			return document.body.appendChild(J), J.firstChild.nodeValue = e, dt(J);
+		} finally {
+			J.remove();
+		}
+	}
+	return r;
+}
+function mt(e, t, n) {
+	let r = !0;
+	for (let i of e) {
+		let e = n(i);
+		/* istanbul ignore if */
+		if (!e) continue;
+		q === void 0 && (q = pt(ft, t, t));
+		let a = pt(i.unicode, e, t) / 1.8 < q;
+		U.set(i.unicode, a), a || (r = !1);
+	}
+	return r;
+}
+function ht(e) {
+	return st(e, (e) => e);
+}
+function gt(e) {
+	/* istanbul ignore else */
+	e && (e.scrollTop = 0);
+}
+function Y(e, t, n) {
+	let r = e.get(t);
+	return r || (r = n(), e.set(t, r)), r;
+}
+function _t(e) {
+	return "" + e;
+}
+function vt(e) {
+	let t = document.createElement("template");
+	return t.innerHTML = e, t;
+}
+var yt = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap(), xt = Symbol("un-keyed"), St = "replaceChildren" in Element.prototype;
+function Ct(e, t) {
+	/* istanbul ignore else */
+	St ? e.replaceChildren(...t) : (e.innerHTML = "", e.append(...t));
+}
+function wt(e, t) {
+	let n = e.firstChild, r = 0;
+	for (; n;) {
+		if (t[r] !== n) return !0;
+		n = n.nextSibling, r++;
+	}
+	return r !== t.length;
+}
+function Tt(e, t) {
+	let { targetNode: n } = t, { targetParentNode: r } = t, i = !1;
+	r ? i = wt(r, e) : (i = !0, t.targetNode = void 0, t.targetParentNode = r = n.parentNode), i && Ct(r, e);
+}
+function Et(e, t) {
+	for (let n of t) {
+		let { targetNode: t, currentExpression: r, binding: { expressionIndex: i, attributeName: a, attributeValuePre: o, attributeValuePost: s } } = n, c = e[i];
+		if (r !== c) if (n.currentExpression = c, a) if (c === null) t.removeAttribute(a);
+		else {
+			let e = o + _t(c) + s;
+			t.setAttribute(a, e);
+		}
+		else {
+			let e;
+			Array.isArray(c) ? Tt(c, n) : c instanceof Element ? (e = c, t.replaceWith(e)) : t.nodeValue = _t(c), e && (n.targetNode = e);
+		}
+	}
+}
+function Dt(e) {
+	let t = "", n = !1, r = !1, i = -1, a = /* @__PURE__ */ new Map(), o = [], s = 0;
+	for (let c = 0, l = e.length; c < l; c++) {
+		let u = e[c];
+		if (t += u.slice(s), c === l - 1) break;
+		for (let e = 0; e < u.length; e++) switch (u.charAt(e)) {
+			case "<":
+				u.charAt(e + 1) === "/" ? o.pop() : (n = !0, o.push(++i));
+				break;
+			case ">":
+				n = !1, r = !1;
+				break;
+			case "=":
+				r = !0;
+				break;
+		}
+		let d = o[o.length - 1], f = Y(a, d, () => []), p, m, h;
+		if (r) {
+			let n = /(\S+)="?([^"=]*)$/.exec(u);
+			p = n[1], m = n[2];
+			let r = /^([^">]*)("?)/.exec(e[c + 1]);
+			h = r[1], t = t.slice(0, -1 * n[0].length), s = r[0].length;
+		} else s = 0;
+		let g = {
+			attributeName: p,
+			attributeValuePre: m,
+			attributeValuePost: h,
+			expressionIndex: c
+		};
+		f.push(g), !n && !r && (t += " ");
+	}
+	return {
+		template: vt(t),
+		elementsToBindings: a
+	};
+}
+function Ot(e, t, n) {
+	for (let r = 0; r < e.length; r++) {
+		let i = e[r], a = {
+			binding: i,
+			targetNode: i.attributeName ? t : t.firstChild,
+			targetParentNode: void 0,
+			currentExpression: void 0
+		};
+		n.push(a);
+	}
+}
+function kt(e, t) {
+	let n = [], r;
+	if (t.size === 1 && (r = t.get(0))) Ot(r, e, n);
+	else {
+		let r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT), i = e, a = -1;
+		do {
+			let e = t.get(++a);
+			e && Ot(e, i, n);
+		} while (i = r.nextNode());
+	}
+	return n;
+}
+function At(e) {
+	let { template: t, elementsToBindings: n } = Y(yt, e, () => Dt(e)), r = t.cloneNode(!0).content.firstElementChild, i = kt(r, n);
+	return function(e) {
+		return Et(e, i), r;
+	};
+}
+function jt(e) {
+	let t = Y(bt, e, () => /* @__PURE__ */ new Map()), n = xt;
+	function r(e, ...r) {
+		return Y(Y(t, e, () => /* @__PURE__ */ new Map()), n, () => At(e))(r);
+	}
+	function i(e, t, r) {
+		return e.map((e, i) => {
+			let a = n;
+			n = r(e);
+			try {
+				return t(e, i);
+			} finally {
+				n = a;
+			}
+		});
+	}
+	return {
+		map: i,
+		html: r
+	};
+}
+function Mt(e, t, n, r, i, a, o, s, c) {
+	let { labelWithSkin: l, titleForEmoji: u, unicodeWithSkin: d } = n, { html: f, map: p } = jt(t);
+	function m(e, n, r) {
+		return p(e, (e, i) => f`<button role="${n ? "option" : "menuitem"}" aria-selected="${n ? i === t.activeSearchItem : null}" aria-label="${l(e, t.currentSkinTone)}" title="${u(e)}" class="${"emoji" + (n && i === t.activeSearchItem ? " active" : "") + (e.unicode ? "" : " custom-emoji")}" id="${`${r}-${e.id}`}" style="${e.unicode ? null : `--custom-emoji-background: url(${JSON.stringify(e.url)})`}">${e.unicode ? d(e, t.currentSkinTone) : ""}</button>`, (e) => `${r}-${e.id}`);
+	}
+	let h = f`<section data-ref="rootElement" class="picker" aria-label="${t.i18n.regionLabel}" style="${t.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="${t.i18n.searchLabel}" autocapitalize="none" autocomplete="off" spellcheck="true" aria-expanded="${!!(t.searchMode && t.currentEmojis.length)}" aria-controls="search-results" aria-describedby="search-description" aria-autocomplete="list" aria-activedescendant="${t.activeSearchItemId ? `emo-${t.activeSearchItemId}` : null}" data-ref="searchElement" data-on-input="onSearchInput" data-on-keydown="onSearchKeydown"><label class="sr-only" for="search">${t.i18n.searchLabel}</label> <span id="search-description" class="sr-only">${t.i18n.searchDescription}</span></div><div class="skintone-button-wrapper ${t.skinTonePickerExpandedAfterAnimation ? "expanded" : ""}"><button id="skintone-button" class="emoji ${t.skinTonePickerExpanded ? "hide-focus" : ""}" aria-label="${t.skinToneButtonLabel}" title="${t.skinToneButtonLabel}" aria-describedby="skintone-description" aria-haspopup="listbox" aria-expanded="${t.skinTonePickerExpanded}" aria-controls="skintone-list" data-on-click="onClickSkinToneButton">${t.skinToneButtonText || ""}</button></div><span id="skintone-description" class="sr-only">${t.i18n.skinToneDescription}</span><div data-ref="skinToneDropdown" id="skintone-list" class="skintone-list hide-focus ${t.skinTonePickerExpanded ? "" : "hidden no-animate"}" style="transform:translateY(${t.skinTonePickerExpanded ? 0 : "calc(-1 * var(--num-skintones) * var(--total-emoji-size))"})" role="listbox" aria-label="${t.i18n.skinTonesLabel}" aria-activedescendant="skintone-${t.activeSkinTone}" aria-hidden="${!t.skinTonePickerExpanded}" tabIndex="-1" data-on-focusout="onSkinToneOptionsFocusOut" data-on-click="onSkinToneOptionsClick" data-on-keydown="onSkinToneOptionsKeydown" data-on-keyup="onSkinToneOptionsKeyup">${p(t.skinTones, (e, n) => f`<div id="skintone-${n}" class="emoji ${n === t.activeSkinTone ? "active" : ""}" aria-selected="${n === t.activeSkinTone}" role="option" title="${t.i18n.skinTones[n]}" aria-label="${t.i18n.skinTones[n]}">${e}</div>`, (e) => e)}</div></div><div class="nav" role="tablist" style="grid-template-columns:repeat(${t.groups.length},1fr)" aria-label="${t.i18n.categoriesLabel}" data-on-keydown="onNavKeydown" data-on-click="onNavClick">${p(t.groups, (e) => f`<button role="tab" class="nav-button" aria-controls="tab-${e.id}" aria-label="${t.i18n.categories[e.name]}" aria-selected="${!t.searchMode && t.currentGroup.id === e.id}" title="${t.i18n.categories[e.name]}" data-group-id="${e.id}"><div class="nav-emoji emoji">${e.emoji}</div></button>`, (e) => e.id)}</div><div class="indicator-wrapper"><div class="indicator" style="transform:translateX(${(t.isRtl ? -1 : 1) * t.currentGroupIndex * 100}%)"></div></div><div class="message ${t.message ? "" : "gone"}" role="alert" aria-live="polite">${t.message || ""}</div><div data-ref="tabpanelElement" class="tabpanel ${!t.databaseLoaded || t.message ? "gone" : ""}" role="${t.searchMode ? "region" : "tabpanel"}" aria-label="${t.searchMode ? t.i18n.searchResultsLabel : t.i18n.categories[t.currentGroup.name]}" id="${t.searchMode ? null : `tab-${t.currentGroup.id}`}" tabIndex="0" data-on-click="onEmojiClick"><div data-action="calculateEmojiGridStyle">${p(t.currentEmojisWithCategories, (e, n) => f`<div><div id="menu-label-${n}" class="category ${t.currentEmojisWithCategories.length === 1 && t.currentEmojisWithCategories[0].category === "" ? "gone" : ""}" aria-hidden="true">${t.searchMode ? t.i18n.searchResultsLabel : e.category ? e.category : t.currentEmojisWithCategories.length > 1 ? t.i18n.categories.custom : t.i18n.categories[t.currentGroup.name]}</div><div class="emoji-menu ${n !== 0 && !t.searchMode && t.currentGroup.id === -1 ? "visibility-auto" : ""}" style="${`--num-rows: ${Math.ceil(e.emojis.length / t.numColumns)}`}" data-action="updateOnIntersection" role="${t.searchMode ? "listbox" : "menu"}" aria-labelledby="menu-label-${n}" id="${t.searchMode ? "search-results" : null}">${m(e.emojis, t.searchMode, "emo")}</div></div>`, (e) => e.category)}</div></div><div class="favorites onscreen emoji-menu ${t.message ? "gone" : ""}" role="menu" aria-label="${t.i18n.favoritesLabel}" data-on-click="onEmojiClick">${m(t.currentFavorites, !1, "fav")}</div><button data-ref="baselineEmoji" aria-hidden="true" tabindex="-1" class="abs-pos hidden emoji baseline-emoji">😀</button></section>`, g = (t, n) => {
+		for (let r of e.querySelectorAll(`[${t}]`)) n(r, r.getAttribute(t));
+	};
+	if (c) {
+		e.appendChild(h);
+		for (let e of [
+			"click",
+			"focusout",
+			"input",
+			"keydown",
+			"keyup"
+		]) g(`data-on-${e}`, (t, n) => {
+			t.addEventListener(e, r[n]);
+		});
+		g("data-ref", (e, t) => {
+			a[t] = e;
+		}), o.addEventListener("abort", () => {
+			e.removeChild(h);
+		});
+	}
+	g("data-action", (e, t) => {
+		let n = s.get(t);
+		n || s.set(t, n = /* @__PURE__ */ new WeakSet()), n.has(e) || (n.add(e), i[t](e));
+	});
+}
+/* istanbul ignore next */
+var X = typeof queueMicrotask == "function" ? queueMicrotask : (e) => Promise.resolve().then(e);
+function Nt(e) {
+	let t = !1, n, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), a, o = () => {
+		if (t) return;
+		let e = [...i];
+		i.clear();
+		try {
+			for (let t of e) t();
+		} finally {
+			a = !1, i.size && (a = !0, X(o));
+		}
+	}, s = new Proxy({}, {
+		get(e, t) {
+			if (n) {
+				let e = r.get(t);
+				e || (e = /* @__PURE__ */ new Set(), r.set(t, e)), e.add(n);
+			}
+			return e[t];
+		},
+		set(e, t, n) {
+			if (e[t] !== n) {
+				e[t] = n;
+				let s = r.get(t);
+				if (s) {
+					for (let e of s) i.add(e);
+					a || (a = !0, X(o));
+				}
+			}
+			return !0;
+		}
+	});
+	return e.addEventListener("abort", () => {
+		t = !0;
+	}), {
+		state: s,
+		createEffect: (e) => {
+			let t = () => {
+				let r = n;
+				n = t;
+				try {
+					return e();
+				} finally {
+					n = r;
+				}
+			};
+			return t();
+		}
+	};
+}
+function Z(e, t, n) {
+	if (e.length !== t.length) return !1;
+	for (let r = 0; r < e.length; r++) if (!n(e[r], t[r])) return !1;
+	return !0;
+}
+var Pt = /* @__PURE__ */ new WeakMap();
+function Ft(e, t, n) {
+	/* istanbul ignore else */
+	{
+		let r = e.closest(".tabpanel"), i = Pt.get(r);
+		i || (i = new IntersectionObserver(n, {
+			root: r,
+			rootMargin: "50% 0px 50% 0px",
+			threshold: 0
+		}), Pt.set(r, i), t.addEventListener("abort", () => {
+			i.disconnect();
+		})), i.observe(e);
+	}
+}
+var Q = [], { assign: $ } = Object;
+function It(e, t) {
+	let n = {}, r = new AbortController(), i = r.signal, { state: a, createEffect: o } = Nt(i), s = /* @__PURE__ */ new Map();
+	$(a, {
+		skinToneEmoji: void 0,
+		i18n: void 0,
+		database: void 0,
+		customEmoji: void 0,
+		customCategorySorting: void 0,
+		emojiVersion: void 0
+	}), $(a, t), $(a, {
+		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: Ke,
+		isRtl: !1,
+		currentGroupIndex: 0,
+		groups: V,
+		databaseLoaded: !1,
+		activeSearchItemId: void 0
+	}), o(() => {
+		a.currentGroup !== a.groups[a.currentGroupIndex] && (a.currentGroup = a.groups[a.currentGroupIndex]);
+	});
+	let c = (t) => {
+		e.getElementById(t).focus();
+	}, l = (t) => e.getElementById(`emo-${t.id}`), u = (e, t) => {
+		n.rootElement.dispatchEvent(new CustomEvent(e, {
+			detail: t,
+			bubbles: !0,
+			composed: !0
+		}));
+	}, d = (e, t) => e.id === t.id, f = (e, t) => {
+		let { category: n, emojis: r } = e, { category: i, emojis: a } = t;
+		return n === i ? Z(r, a, d) : !1;
+	}, p = (e) => {
+		Z(a.currentEmojis, e, d) || (a.currentEmojis = e);
+	}, m = (e) => {
+		a.searchMode !== e && (a.searchMode = e);
+	}, h = (e) => {
+		Z(a.currentEmojisWithCategories, e, f) || (a.currentEmojisWithCategories = e);
+	}, g = (e, t) => t && e.skins && e.skins[t] || e.unicode, _ = {
+		labelWithSkin: (e, t) => ht([
+			e.name || g(e, t),
+			e.annotation,
+			...e.shortcodes || Q
+		].filter(Boolean)).join(", "),
+		titleForEmoji: (e) => e.annotation || (e.shortcodes || Q).join(", "),
+		unicodeWithSkin: g
+	}, v = {
+		onClickSkinToneButton: j,
+		onEmojiClick: oe,
+		onNavClick: D,
+		onNavKeydown: O,
+		onSearchKeydown: ie,
+		onSkinToneOptionsClick: se,
+		onSkinToneOptionsFocusOut: N,
+		onSkinToneOptionsKeydown: ce,
+		onSkinToneOptionsKeyup: M,
+		onSearchInput: P
+	}, y = {
+		calculateEmojiGridStyle: ee,
+		updateOnIntersection: te
+	}, b = !0;
+	o(() => {
+		Mt(e, a, _, v, y, n, i, s, b), b = !1;
+	}), a.emojiVersion || H().then((e) => {
+		/* istanbul ignore next */
+		e || (a.message = a.i18n.emojiUnsupportedMessage);
+	}), o(() => {
+		async function e() {
+			let e = !1, t = setTimeout(() => {
+				e = !0, a.message = a.i18n.loadingMessage;
+			}, We);
+			try {
+				await a.database.ready(), a.databaseLoaded = !0;
+			} catch (e) {
+				console.error(e), a.message = a.i18n.networkErrorMessage;
+			} finally {
+				clearTimeout(t), e && (e = !1, a.message = "");
+			}
+		}
+		a.database && e();
+	}), o(() => {
+		a.pickerStyle = `
+      --num-groups: ${a.groups.length}; 
+      --indicator-opacity: ${+!a.searchMode}; 
+      --num-skintones: ${Be};`;
+	}), o(() => {
+		a.customEmoji && a.database && x();
+	}), o(() => {
+		a.customEmoji && a.customEmoji.length ? a.groups !== B && (a.groups = B) : a.groups !== V && (a.currentGroupIndex && a.currentGroupIndex--, a.groups = V);
+	}), o(() => {
+		async function e() {
+			a.databaseLoaded && (a.currentSkinTone = await a.database.getPreferredSkinTone());
+		}
+		e();
+	}), o(() => {
+		a.skinTones = Array(Be).fill().map((e, t) => ot(a.skinToneEmoji, t));
+	}), o(() => {
+		a.skinToneButtonText = a.skinTones[a.currentSkinTone];
+	}), o(() => {
+		a.skinToneButtonLabel = a.i18n.skinToneLabel.replace("{skinTone}", a.i18n.skinTones[a.currentSkinTone]);
+	}), o(() => {
+		async function e() {
+			let { database: e } = a;
+			a.defaultFavoriteEmojis = (await Promise.all(qe.map((t) => e.getEmojiByUnicodeOrName(t)))).filter(Boolean);
+		}
+		a.databaseLoaded && e();
+	});
+	function x() {
+		let { customEmoji: e, database: t } = a, n = e || Q;
+		t.customEmoji !== n && (t.customEmoji = n);
+	}
+	o(() => {
+		async function e() {
+			x();
+			let { database: e, defaultFavoriteEmojis: t, numColumns: n } = a;
+			a.currentFavorites = await T(st([...await e.getTopFavoriteEmoji(n), ...t], (e) => e.unicode || e.name).slice(0, n));
+		}
+		a.databaseLoaded && a.defaultFavoriteEmojis && e();
+	});
+	function ee(e) {
+		ut(e, i, () => {
+			/* istanbul ignore next */
+			{
+				let e = getComputedStyle(n.rootElement), t = parseInt(e.getPropertyValue("--num-columns"), 10), r = e.getPropertyValue("direction") === "rtl";
+				a.numColumns = t, a.isRtl = r;
+			}
+		});
+	}
+	function te(e) {
+		Ft(e, i, (e) => {
+			for (let { target: t, isIntersecting: n } of e) t.classList.toggle("onscreen", n);
+		});
+	}
+	o(() => {
+		async function e() {
+			let { searchText: e, currentGroup: t, databaseLoaded: n, customEmoji: r } = a;
+			if (!n) a.currentEmojis = [], a.searchMode = !1;
+			else if (e.length >= ze) {
+				let t = await re(e);
+				a.searchText === e && (p(t), m(!0));
+			} else {
+				let { id: e } = t;
+				if (e !== -1 || r && r.length) {
+					let t = await E(e);
+					a.currentGroup.id === e && (p(t), m(!1));
+				}
+			}
+		}
+		e();
+	});
+	let S = () => {
+		K(() => gt(n.tabpanelElement));
+	};
+	o(() => {
+		let { currentEmojis: e, emojiVersion: t } = a, n = e.filter((e) => e.unicode).filter((e) => He(e) && !U.has(e.unicode));
+		!t && n.length ? (p(e), K(() => ne(n))) : (p(t ? e : e.filter(C)), S());
+	});
+	function ne(e) {
+		mt(e, n.baselineEmoji, l) ? S() : a.currentEmojis = [...a.currentEmojis];
+	}
+	function C(e) {
+		return !e.unicode || !He(e) || U.get(e.unicode);
+	}
+	async function w(e) {
+		let t = a.emojiVersion || await H();
+		return e.filter(({ version: e }) => !e || e <= t);
+	}
+	async function T(e) {
+		return ct(e, a.emojiVersion || await H());
+	}
+	async function E(e) {
+		return T(await w(e === -1 ? a.customEmoji : await a.database.getEmojiByGroup(e)));
+	}
+	async function re(e) {
+		return T(await w(await a.database.getEmojiBySearchQuery(e)));
+	}
+	o(() => {}), o(() => {
+		function e() {
+			let { searchMode: e, currentEmojis: t } = a;
+			if (e) return [{
+				category: "",
+				emojis: t
+			}];
+			let n = /* @__PURE__ */ new Map();
+			for (let e of t) {
+				let t = e.category || "", r = n.get(t);
+				r || (r = [], n.set(t, r)), r.push(e);
+			}
+			return [...n.entries()].map(([e, t]) => ({
+				category: e,
+				emojis: t
+			})).sort((e, t) => a.customCategorySorting(e.category, t.category));
+		}
+		h(e());
+	}), o(() => {
+		a.activeSearchItemId = a.activeSearchItem !== -1 && a.currentEmojis[a.activeSearchItem].id;
+	}), o(() => {
+		let { rawSearchText: e } = a;
+		Ve(() => {
+			a.searchText = (e || "").trim(), a.activeSearchItem = -1;
+		});
+	});
+	function ie(e) {
+		if (!a.searchMode || !a.currentEmojis.length) return;
+		let t = (t) => {
+			W(e), a.activeSearchItem = G(t, a.activeSearchItem, a.currentEmojis);
+		};
+		switch (e.key) {
+			case "ArrowDown": return t(!1);
+			case "ArrowUp": return t(!0);
+			case "Enter": if (a.activeSearchItem === -1) a.activeSearchItem = 0;
+			else return W(e), k(a.currentEmojis[a.activeSearchItem].id);
+		}
+	}
+	function D(e) {
+		let { target: t } = e, r = t.closest(".nav-button");
+		/* istanbul ignore if */
+		if (!r) return;
+		let i = parseInt(r.dataset.groupId, 10);
+		n.searchElement.value = "", a.rawSearchText = "", a.searchText = "", a.activeSearchItem = -1, a.currentGroupIndex = a.groups.findIndex((e) => e.id === i);
+	}
+	function O(e) {
+		let { target: t, key: n } = e, r = (t) => {
+			t && (W(e), t.focus());
+		};
+		switch (n) {
+			case "ArrowLeft": return r(t.previousElementSibling);
+			case "ArrowRight": return r(t.nextElementSibling);
+			case "Home": return r(t.parentElement.firstElementChild);
+			case "End": return r(t.parentElement.lastElementChild);
+		}
+	}
+	async function ae(e) {
+		let t = await a.database.getEmojiByUnicodeOrName(e), n = [...a.currentEmojis, ...a.currentFavorites].find((t) => t.id === e), r = n.unicode && g(n, a.currentSkinTone);
+		return await a.database.incrementFavoriteEmojiCount(e), {
+			emoji: t,
+			skinTone: a.currentSkinTone,
+			...r && { unicode: r },
+			...n.name && { name: n.name }
+		};
+	}
+	async function k(e) {
+		let t = ae(e);
+		u("emoji-click-sync", t), u("emoji-click", await t);
+	}
+	function oe(e) {
+		let { target: t } = e;
+		t.classList.contains("emoji") && (W(e), k(t.id.substring(4)));
+	}
+	function A(e) {
+		a.currentSkinTone = e, a.skinTonePickerExpanded = !1, c("skintone-button"), u("skin-tone-change", { skinTone: e }), a.database.setPreferredSkinTone(e);
+	}
+	function se(e) {
+		let { target: { id: t } } = e, n = t && t.match(/^skintone-(\d)/);
+		n && (W(e), A(parseInt(n[1], 10)));
+	}
+	function j(e) {
+		a.skinTonePickerExpanded = !a.skinTonePickerExpanded, a.activeSkinTone = a.currentSkinTone, a.skinTonePickerExpanded && (W(e), K(() => c("skintone-list")));
+	}
+	o(() => {
+		a.skinTonePickerExpanded ? n.skinToneDropdown.addEventListener("transitionend", () => {
+			a.skinTonePickerExpandedAfterAnimation = !0;
+		}, { once: !0 }) : a.skinTonePickerExpandedAfterAnimation = !1;
+	});
+	function ce(e) {
+		/* istanbul ignore if */
+		if (!a.skinTonePickerExpanded) return;
+		let t = async (t) => {
+			W(e), a.activeSkinTone = t;
+		};
+		switch (e.key) {
+			case "ArrowUp": return t(G(!0, a.activeSkinTone, a.skinTones));
+			case "ArrowDown": return t(G(!1, a.activeSkinTone, a.skinTones));
+			case "Home": return t(0);
+			case "End": return t(a.skinTones.length - 1);
+			case "Enter": return W(e), A(a.activeSkinTone);
+			case "Escape": return W(e), a.skinTonePickerExpanded = !1, c("skintone-button");
+		}
+	}
+	function M(e) {
+		if (a.skinTonePickerExpanded) switch (e.key) {
+			case " ": return W(e), A(a.activeSkinTone);
+		}
+	}
+	async function N(e) {
+		let { relatedTarget: t } = e;
+		/* istanbul ignore else */
+		(!t || t.id !== "skintone-list") && (a.skinTonePickerExpanded = !1);
+	}
+	function P(e) {
+		a.rawSearchText = e.target.value;
+	}
+	return {
+		$set(e) {
+			$(a, e);
+		},
+		$destroy() {
+			r.abort();
+		}
+	};
+}
+var Lt = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", Rt = "en", zt = {
+	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"
+	}
+}, Bt = ":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)}", Vt = [
+	"customEmoji",
+	"customCategorySorting",
+	"database",
+	"dataSource",
+	"i18n",
+	"locale",
+	"skinToneEmoji",
+	"emojiVersion"
+], Ht = `:host{--emoji-font-family:${Je}}`, Ut = class extends HTMLElement {
+	constructor(e) {
+		super(), this.attachShadow({ mode: "open" });
+		let t = document.createElement("style");
+		t.textContent = Bt + Ht, this.shadowRoot.appendChild(t), this._ctx = {
+			locale: Rt,
+			dataSource: Lt,
+			skinToneEmoji: Ge,
+			customCategorySorting: Ye,
+			customEmoji: null,
+			i18n: zt,
+			emojiVersion: null,
+			...e
+		};
+		for (let e of Vt) e !== "database" && Object.prototype.hasOwnProperty.call(this, e) && (this._ctx[e] = this[e], delete this[e]);
+		this._dbFlush();
+	}
+	connectedCallback() {
+		Gt(this), this._cmp ||= It(this.shadowRoot, this._ctx);
+	}
+	disconnectedCallback() {
+		Gt(this), X(() => {
+			if (!this.isConnected && this._cmp) {
+				this._cmp.$destroy(), this._cmp = void 0;
+				let { database: e } = this._ctx;
+				e.close().catch((e) => console.error(e));
+			}
+		});
+	}
+	static get observedAttributes() {
+		return [
+			"locale",
+			"data-source",
+			"skin-tone-emoji",
+			"emoji-version"
+		];
+	}
+	attributeChangedCallback(e, t, n) {
+		this._set(e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), e === "emoji-version" ? parseFloat(n) : n);
+	}
+	_set(e, t) {
+		this._ctx[e] = t, this._cmp && this._cmp.$set({ [e]: t }), ["locale", "dataSource"].includes(e) && this._dbFlush();
+	}
+	_dbCreate() {
+		let { locale: e, dataSource: t, database: n } = this._ctx;
+		(!n || n.locale !== e || n.dataSource !== t) && this._set("database", new Re({
+			locale: e,
+			dataSource: t
+		}));
+	}
+	_dbFlush() {
+		X(() => this._dbCreate());
+	}
+}, Wt = {};
+for (let e of Vt) Wt[e] = {
+	get() {
+		return e === "database" && this._dbCreate(), this._ctx[e];
+	},
+	set(t) {
+		if (e === "database") throw Error("database is read-only");
+		this._set(e, t);
+	}
+};
+Object.defineProperties(Ut.prototype, Wt);
+function Gt(e) {
+	/* istanbul ignore if */
+	e instanceof Ut || Object.setPrototypeOf(e, customElements.get(e.tagName.toLowerCase()).prototype);
+}
+/* istanbul ignore else */
+customElements.get("emoji-picker") || customElements.define("emoji-picker", Ut);
+//#endregion