@webitel/ui-sdk 26.8.128 → 26.8.130

package/dist/{wt-chat-emoji-DScnZq3L.js → wt-chat-emoji-Cx8k9m9H.js}

@@ -1,9 +1,9 @@
-import "./components-ClBeAarp.js";
+import "./components-BF21ppoM.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { m as t } from "./enums-Xag5PrU-.js";
-import { t as n } from "./wt-button-BfNbgYHy.js";
-import { n as r } from "./wt-toast-BScwyGca.js";
-import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, nextTick as u, onBeforeUnmount as d, openBlock as f, ref as p, resolveDirective as m, unref as h, withDirectives as g } from "vue";
+import { T as t, m as n } from "./enums-Qt_FgVQw.js";
+import { t as r } from "./wt-button-qmvx3hrn.js";
+import { n as i } from "./wt-toast-DGtljpcq.js";
+import { Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, nextTick as d, onBeforeUnmount as f, openBlock as p, ref as m, resolveDirective as h, unref as g, withDirectives as ee } from "vue";
 //#region node_modules/emoji-picker-element/database.js
 function _(e) {
 	if (typeof e != "string" || !e) throw Error("expected a non-empty string, got: " + e);
@@ -11,8 +11,8 @@ function _(e) {
 function v(e) {
 	if (typeof e != "number") throw Error("expected a number, got: " + e);
 }
-var y = 1, b = 1, x = "emoji", S = "keyvalue", C = "favorites", w = "tokens", T = "tokens", E = "unicode", D = "count", O = "group", ee = "order", k = "group-order", A = "eTag", j = "url", te = "skinTone", M = "readonly", N = "readwrite", ne = "skinUnicodes", P = "skinUnicodes", re = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", ie = "en";
-function ae(e, t) {
+var y = 1, b = 1, x = "emoji", S = "keyvalue", C = "favorites", te = "tokens", w = "tokens", T = "unicode", E = "count", D = "group", O = "order", k = "group-order", A = "eTag", j = "url", ne = "skinTone", M = "readonly", N = "readwrite", P = "skinUnicodes", re = "skinUnicodes", ie = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", ae = "en";
+function oe(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = [];
 	for (let i of e) {
 		let e = t(i);
@@ -21,36 +21,36 @@ function ae(e, t) {
 	return r;
 }
 function F(e) {
-	return ae(e, (e) => e.unicode);
+	return oe(e, (e) => e.unicode);
 }
-function oe(e) {
+function se(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(S), t(x, E, {
-		[T]: [w, !0],
-		[k]: [[O, ee]],
-		[ne]: [P, !0]
-	}), t(C, void 0, { [D]: [""] });
+	t(S), t(x, T, {
+		[w]: [te, !0],
+		[k]: [[D, O]],
+		[P]: [re, !0]
+	}), t(C, void 0, { [E]: [""] });
 }
 var I = {}, L = {}, R = {};
-function se(e, t, n) {
+function ce(e, t, n) {
 	n.onerror = () => t(n.error), n.onblocked = () => t(/* @__PURE__ */ Error("IDB blocked")), n.onsuccess = () => e(n.result);
 }
-async function ce(e) {
+async function le(e) {
 	let t = await new Promise((t, n) => {
 		let r = indexedDB.open(e, y);
 		I[e] = r, r.onupgradeneeded = (e) => {
 			/* istanbul ignore else */
-			e.oldVersion < b && oe(r.result);
-		}, se(t, n, r);
+			e.oldVersion < b && se(r.result);
+		}, ce(t, n, r);
 	});
-	return t.onclose = () => ue(e), t;
+	return t.onclose = () => B(e), t;
 }
-function le(e) {
-	return L[e] || (L[e] = ce(e)), L[e];
+function ue(e) {
+	return L[e] || (L[e] = le(e)), L[e];
 }
 function z(e, t, n, r) {
 	return new Promise((i, a) => {
@@ -61,7 +61,7 @@ function z(e, t, n, r) {
 		}), o.oncomplete = () => i(c), o.onerror = () => a(o.error);
 	});
 }
-function ue(e) {
+function B(e) {
 	let t = I[e], n = t && t.result;
 	if (n) {
 		n.close();
@@ -73,7 +73,7 @@ function ue(e) {
 }
 function de(e) {
 	return new Promise((t, n) => {
-		ue(e), se(t, n, indexedDB.deleteDatabase(e));
+		B(e), ce(t, n, indexedDB.deleteDatabase(e));
 	});
 }
 function fe(e, t) {
@@ -81,7 +81,7 @@ function fe(e, t) {
 	n ||= R[e] = [], n.push(t);
 }
 var pe = /* @__PURE__ */ 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 B(e) {
+function V(e) {
 	return e.split(/[\s_]+/).map((e) => !e.match(/\w/) || pe.has(e) ? e.toLowerCase() : e.replace(/[)(:,]/g, "").replace(/’/g, "'").toLowerCase()).filter(Boolean);
 }
 var me = 2;
@@ -96,9 +96,9 @@ function ge(e) {
 			order: r,
 			tags: o,
 			tokens: [...new Set(he([
-				...(i || []).map(B).flat(),
-				...(o || []).map(B).flat(),
-				...B(e),
+				...(i || []).map(V).flat(),
+				...(o || []).map(V).flat(),
+				...V(e),
 				t
 			]))].sort(),
 			unicode: s,
@@ -114,13 +114,13 @@ function ge(e) {
 function _e(e, t, n, r) {
 	e[t](n).onsuccess = (e) => r && r(e.target.result);
 }
-function V(e, t, n) {
+function H(e, t, n) {
 	_e(e, "get", t, n);
 }
 function ve(e, t, n) {
 	_e(e, "getAll", t, n);
 }
-function H(e) {
+function U(e) {
 	/* istanbul ignore else */
 	e.commit && e.commit();
 }
@@ -138,10 +138,10 @@ function be(e, t) {
 	return r;
 }
 async function xe(e) {
-	return !await U(e, S, j);
+	return !await W(e, S, j);
 }
 async function Se(e, t, n) {
-	let [r, i] = await Promise.all([A, j].map((t) => U(e, S, t)));
+	let [r, i] = await Promise.all([A, j].map((t) => W(e, S, t)));
 	return r === n && i === t;
 }
 async function Ce(e, t) {
@@ -169,12 +169,12 @@ async function we(e, t, n, r) {
 				if (!(o === r && s === n)) {
 					e.clear();
 					for (let t of i) e.put(t);
-					t.put(r, A), t.put(n, j), H(a);
+					t.put(r, A), t.put(n, j), U(a);
 				}
 			}
-			V(t, A, (e) => {
+			H(t, A, (e) => {
 				o = e, l();
-			}), V(t, j, (e) => {
+			}), H(t, j, (e) => {
 				s = e, l();
 			});
 		});
@@ -187,7 +187,7 @@ async function Te(e, t) {
 	});
 }
 async function Ee(e, t) {
-	let n = he(B(t));
+	let n = he(V(t));
 	return n.length ? z(e, x, M, (e, t, r) => {
 		let i = [], a = () => {
 			i.length === n.length && o();
@@ -196,7 +196,7 @@ async function Ee(e, t) {
 		};
 		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);
-			ve(e.index(T), o, (e) => {
+			ve(e.index(w), o, (e) => {
 				i.push(e), a();
 			});
 		}
@@ -207,28 +207,28 @@ async function De(e, t) {
 	return n.length ? n.filter((e) => (e.shortcodes || []).map((e) => e.toLowerCase()).includes(t.toLowerCase()))[0] || null : await Ce(e, (e) => (e.shortcodes || []).includes(t.toLowerCase())) || null;
 }
 async function Oe(e, t) {
-	return z(e, x, M, (e, n, r) => V(e, t, (n) => {
+	return z(e, x, M, (e, n, r) => H(e, t, (n) => {
 		if (n) return r(n);
-		V(e.index(ne), t, (e) => r(e || null));
+		H(e.index(P), t, (e) => r(e || null));
 	}));
 }
-function U(e, t, n) {
-	return z(e, t, M, (e, t, r) => V(e, n, r));
+function W(e, t, n) {
+	return z(e, t, M, (e, t, r) => H(e, n, r));
 }
 function ke(e, t, n, r) {
 	return z(e, t, N, (e, t) => {
-		e.put(r, n), H(t);
+		e.put(r, n), U(t);
 	});
 }
 function Ae(e, t) {
-	return z(e, C, N, (e, n) => V(e, t, (r) => {
-		e.put((r || 0) + 1, t), H(n);
+	return z(e, C, N, (e, n) => H(e, t, (r) => {
+		e.put((r || 0) + 1, t), U(n);
 	}));
 }
 function je(e, t, n) {
 	return n === 0 ? [] : z(e, [C, x], M, ([e, r], i, a) => {
 		let o = [];
-		e.index(D).openCursor(void 0, "prev").onsuccess = (e) => {
+		e.index(E).openCursor(void 0, "prev").onsuccess = (e) => {
 			let i = e.target.result;
 			if (!i) return a(o);
 			function s(e) {
@@ -237,14 +237,14 @@ function je(e, t, n) {
 			}
 			let c = i.primaryKey, l = t.byName(c);
 			if (l) return s(l);
-			V(r, c, (e) => {
+			H(r, c, (e) => {
 				if (e) return s(e);
 				i.continue();
 			});
 		};
 	});
 }
-var W = "";
+var G = "";
 function Me(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
@@ -255,8 +255,8 @@ function Me(e, t) {
 				let r = t.charAt(n), i = e.get(r);
 				i || (i = /* @__PURE__ */ new Map(), e.set(r, i)), e = i;
 			}
-			let i = e.get(W);
-			i || (i = [], e.set(W, i)), i.push(r);
+			let i = e.get(G);
+			i || (i = [], e.set(G, i)), i.push(r);
 		}
 	}
 	return (e, t) => {
@@ -266,11 +266,11 @@ function Me(e, t) {
 			if (i) r = i;
 			else return [];
 		}
-		if (t) return r.get(W) || [];
+		if (t) return r.get(G) || [];
 		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 === W ? i.push(...n) : a.push(n);
+			for (let [t, n] of e) t === G ? i.push(...n) : a.push(n);
 		}
 		return i;
 	};
@@ -284,10 +284,10 @@ function Fe(e) {
 	Pe(e);
 	let t = (e, t) => e.name.toLowerCase() < t.name.toLowerCase() ? -1 : 1, n = e.sort(t), r = Me(e, (e) => {
 		let t = /* @__PURE__ */ new Set();
-		if (e.shortcodes) for (let n of e.shortcodes) for (let e of B(n)) t.add(e);
+		if (e.shortcodes) for (let n of e.shortcodes) for (let e of V(n)) t.add(e);
 		return t;
 	}), i = (e) => r(e, !0), a = (e) => r(e, !1), o = (e) => {
-		let n = B(e);
+		let n = V(e);
 		return be(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) {
@@ -302,7 +302,7 @@ function Fe(e) {
 	};
 }
 var Ie = typeof wrappedJSObject < "u";
-function G(e) {
+function K(e) {
 	if (!e) return e;
 	if (Ie && (e = structuredClone(e)), delete e.tokens, e.skinTones) {
 		let t = e.skinTones.length;
@@ -378,11 +378,11 @@ async function Je(e, t) {
 	}
 }
 var Ye = class {
-	constructor({ dataSource: e = re, locale: t = ie, customEmoji: n = [] } = {}) {
+	constructor({ dataSource: e = ie, locale: t = ae, 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 = Fe(n), this._clear = this._clear.bind(this), this._ready = this._init();
 	}
 	async _init() {
-		let e = this._db = await le(this._dbName);
+		let e = this._db = await ue(this._dbName);
 		fe(this._dbName, this._clear);
 		let t = this.dataSource;
 		await xe(e) ? await qe(e, t) : this._lazyUpdate = Je(e, t);
@@ -392,30 +392,30 @@ var Ye = class {
 		await e(), this._db || await e();
 	}
 	async getEmojiByGroup(e) {
-		return v(e), await this.ready(), F(await Te(this._db, e)).map(G);
+		return v(e), await this.ready(), F(await Te(this._db, e)).map(K);
 	}
 	async getEmojiBySearchQuery(e) {
 		_(e), await this.ready();
-		let t = this._custom.search(e), n = F(await Ee(this._db, e)).map(G);
+		let t = this._custom.search(e), n = F(await Ee(this._db, e)).map(K);
 		return [...t, ...n];
 	}
 	async getEmojiByShortcode(e) {
-		return _(e), await this.ready(), this._custom.byShortcode(e) || G(await De(this._db, e));
+		return _(e), await this.ready(), this._custom.byShortcode(e) || K(await De(this._db, e));
 	}
 	async getEmojiByUnicodeOrName(e) {
-		return _(e), await this.ready(), this._custom.byName(e) || G(await Oe(this._db, e));
+		return _(e), await this.ready(), this._custom.byName(e) || K(await Oe(this._db, e));
 	}
 	async getPreferredSkinTone() {
-		return await this.ready(), await U(this._db, S, te) || 0;
+		return await this.ready(), await W(this._db, S, ne) || 0;
 	}
 	async setPreferredSkinTone(e) {
-		return v(e), await this.ready(), ke(this._db, S, te, e);
+		return v(e), await this.ready(), ke(this._db, S, ne, e);
 	}
 	async incrementFavoriteEmojiCount(e) {
 		return _(e), await this.ready(), Ae(this._db, e);
 	}
 	async getTopFavoriteEmoji(e) {
-		return v(e), await this.ready(), (await je(this._db, this._custom, e)).map(G);
+		return v(e), await this.ready(), (await je(this._db, this._custom, e)).map(K);
 	}
 	set customEmoji(e) {
 		this._custom = Fe(e);
@@ -433,7 +433,7 @@ var Ye = class {
 		this._db = this._ready = this._lazyUpdate = void 0;
 	}
 	async close() {
-		await this._shutdown(), await ue(this._dbName);
+		await this._shutdown(), await B(this._dbName);
 	}
 	async delete() {
 		await this._shutdown(), await de(this._dbName);
@@ -553,7 +553,7 @@ function xt(e, t) {
 	let n = e.indexOf(vt);
 	return n === -1 ? (e.endsWith(gt) && (e = e.substring(0, e.length - 1)), e + _t + String.fromCodePoint(bt + t - 1)) : e.substring(0, n) + String.fromCodePoint(yt + t - 1) + e.substring(n);
 }
-function K(e) {
+function q(e) {
 	e.preventDefault(), e.stopPropagation();
 }
 function St(e, t, n) {
@@ -584,10 +584,10 @@ function wt(e, t) {
 		skins: t && n(t)
 	}));
 }
-var q = requestAnimationFrame, Tt = typeof ResizeObserver == "function";
+var J = requestAnimationFrame, Tt = typeof ResizeObserver == "function";
 function Et(e, t, n) {
 	let r;
-	Tt ? (r = new ResizeObserver(n), r.observe(e)) : q(n), t.addEventListener("abort", () => {
+	Tt ? (r = new ResizeObserver(n), r.observe(e)) : J(n), t.addEventListener("abort", () => {
 		r && r.disconnect();
 	});
 }
@@ -598,13 +598,13 @@ function Dt(e) {
 		return t.selectNode(e.firstChild), t.getBoundingClientRect().width;
 	}
 }
-var Ot = "😀", kt, J;
+var Ot = "😀", kt, Y;
 function At(e, t, n) {
 	let r = Dt(t);
 	/* istanbul ignore if */
 	if (!r) {
-		if (!J) {
-			J = n.cloneNode(!0);
+		if (!Y) {
+			Y = n.cloneNode(!0);
 			let e = getComputedStyle(n);
 			for (let t of [
 				"font-family",
@@ -615,12 +615,12 @@ function At(e, t, n) {
 				"display",
 				"align-items",
 				"justify-content"
-			]) J.style.setProperty(t, e.getPropertyValue(t), "important");
+			]) Y.style.setProperty(t, e.getPropertyValue(t), "important");
 		}
 		try {
-			return document.body.appendChild(J), J.firstChild.nodeValue = e, Dt(J);
+			return document.body.appendChild(Y), Y.firstChild.nodeValue = e, Dt(Y);
 		} finally {
-			J.remove();
+			Y.remove();
 		}
 	}
 	return r;
@@ -644,7 +644,7 @@ function Nt(e) {
 	/* istanbul ignore else */
 	e && (e.scrollTop = 0);
 }
-function Y(e, t, n) {
+function X(e, t, n) {
 	let r = e.get(t);
 	return r || (r = n(), e.set(t, r)), r;
 }
@@ -702,7 +702,7 @@ function Wt(e) {
 				r = !0;
 				break;
 		}
-		let d = o[o.length - 1], f = Y(a, d, () => []), p, m, h;
+		let d = o[o.length - 1], f = X(a, d, () => []), p, m, h;
 		if (r) {
 			let n = /(\S+)="?([^"=]*)$/.exec(u);
 			p = n[1], m = n[2];
@@ -746,15 +746,15 @@ function Kt(e, t) {
 	return n;
 }
 function qt(e) {
-	let { template: t, elementsToBindings: n } = Y(It, e, () => Wt(e)), r = t.cloneNode(!0).content.firstElementChild, i = Kt(r, n);
+	let { template: t, elementsToBindings: n } = X(It, e, () => Wt(e)), r = t.cloneNode(!0).content.firstElementChild, i = Kt(r, n);
 	return function(e) {
 		return Ut(e, i), r;
 	};
 }
 function Jt(e) {
-	let t = Y(Lt, e, () => /* @__PURE__ */ new Map()), n = Rt;
+	let t = X(Lt, e, () => /* @__PURE__ */ new Map()), n = Rt;
 	function r(e, ...r) {
-		return Y(Y(t, e, () => /* @__PURE__ */ new Map()), n, () => qt(e))(r);
+		return X(X(t, e, () => /* @__PURE__ */ new Map()), n, () => qt(e))(r);
 	}
 	function i(e, t, r) {
 		return e.map((e, i) => {
@@ -803,7 +803,7 @@ function Yt(e, t, n, r, i, a, o, s, c) {
 	});
 }
 /* istanbul ignore next */
-var X = typeof queueMicrotask == "function" ? queueMicrotask : (e) => Promise.resolve().then(e);
+var Z = typeof queueMicrotask == "function" ? queueMicrotask : (e) => Promise.resolve().then(e);
 function Xt(e) {
 	let t = !1, n, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), a, o = () => {
 		if (t) return;
@@ -812,7 +812,7 @@ function Xt(e) {
 		try {
 			for (let t of e) t();
 		} finally {
-			a = !1, i.size && (a = !0, X(o));
+			a = !1, i.size && (a = !0, Z(o));
 		}
 	}, s = new Proxy({}, {
 		get(e, t) {
@@ -828,7 +828,7 @@ function Xt(e) {
 				let s = r.get(t);
 				if (s) {
 					for (let e of s) i.add(e);
-					a || (a = !0, X(o));
+					a || (a = !0, Z(o));
 				}
 			}
 			return !0;
@@ -852,27 +852,27 @@ function Xt(e) {
 		}
 	};
 }
-function Z(e, t, n) {
+function Zt(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 Zt = /* @__PURE__ */ new WeakMap();
-function Qt(e, t, n) {
+var Qt = /* @__PURE__ */ new WeakMap();
+function $t(e, t, n) {
 	/* istanbul ignore else */
 	{
-		let r = e.closest(".tabpanel"), i = Zt.get(r);
+		let r = e.closest(".tabpanel"), i = Qt.get(r);
 		i || (i = new IntersectionObserver(n, {
 			root: r,
 			rootMargin: "50% 0px 50% 0px",
 			threshold: 0
-		}), Zt.set(r, i), t.addEventListener("abort", () => {
+		}), Qt.set(r, i), t.addEventListener("abort", () => {
 			i.disconnect();
 		})), i.observe(e);
 	}
 }
-var $t = [], { assign: Q } = Object;
-function en(e, t) {
+var en = [], { assign: Q } = Object;
+function tn(e, t) {
 	let n = {}, r = new AbortController(), i = r.signal, { state: a, createEffect: o } = Xt(i), s = /* @__PURE__ */ new Map();
 	Q(a, {
 		skinToneEmoji: void 0,
@@ -919,38 +919,38 @@ function en(e, t) {
 		}));
 	}, 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;
+		return n === i ? Zt(r, a, d) : !1;
 	}, p = (e) => {
-		Z(a.currentEmojis, e, d) || (a.currentEmojis = e);
+		Zt(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, _ = {
+		Zt(a.currentEmojisWithCategories, e, f) || (a.currentEmojisWithCategories = e);
+	}, g = (e, t) => t && e.skins && e.skins[t] || e.unicode, ee = {
 		labelWithSkin: (e, t) => Mt([
 			e.name || g(e, t),
 			e.annotation,
-			...e.shortcodes || $t
+			...e.shortcodes || en
 		].filter(Boolean)).join(", "),
-		titleForEmoji: (e) => e.annotation || (e.shortcodes || $t).join(", "),
+		titleForEmoji: (e) => e.annotation || (e.shortcodes || en).join(", "),
 		unicodeWithSkin: g
-	}, v = {
+	}, _ = {
 		onClickSkinToneButton: ie,
-		onEmojiClick: ne,
-		onNavClick: j,
-		onNavKeydown: te,
-		onSearchKeydown: A,
+		onEmojiClick: N,
+		onNavClick: A,
+		onNavKeydown: j,
+		onSearchKeydown: k,
 		onSkinToneOptionsClick: re,
-		onSkinToneOptionsFocusOut: oe,
+		onSkinToneOptionsFocusOut: F,
 		onSkinToneOptionsKeydown: ae,
-		onSkinToneOptionsKeyup: F,
-		onSearchInput: I
-	}, y = {
-		calculateEmojiGridStyle: S,
-		updateOnIntersection: C
-	}, b = !0;
+		onSkinToneOptionsKeyup: oe,
+		onSearchInput: se
+	}, v = {
+		calculateEmojiGridStyle: x,
+		updateOnIntersection: S
+	}, y = !0;
 	o(() => {
-		Yt(e, a, _, v, y, n, i, s, b), b = !1;
+		Yt(e, a, ee, _, v, n, i, s, y), y = !1;
 	}), a.emojiVersion || mt().then((e) => {
 		/* istanbul ignore next */
 		e || (a.message = a.i18n.emojiUnsupportedMessage);
@@ -974,7 +974,7 @@ function en(e, t) {
       --indicator-opacity: ${+!a.searchMode}; 
       --num-skintones: ${$e};`;
 	}), o(() => {
-		a.customEmoji && a.database && x();
+		a.customEmoji && a.database && b();
 	}), o(() => {
 		a.customEmoji && a.customEmoji.length ? a.groups !== Xe && (a.groups = Xe) : a.groups !== Ze && (a.currentGroupIndex && a.currentGroupIndex--, a.groups = Ze);
 	}), o(() => {
@@ -995,19 +995,19 @@ function en(e, t) {
 		}
 		a.databaseLoaded && e();
 	});
-	function x() {
-		let { customEmoji: e, database: t } = a, n = e || $t;
+	function b() {
+		let { customEmoji: e, database: t } = a, n = e || en;
 		t.customEmoji !== n && (t.customEmoji = n);
 	}
 	o(() => {
 		async function e() {
-			x();
-			let { database: e, defaultFavoriteEmojis: t, numColumns: n } = a, r = await O(Ct([...await e.getTopFavoriteEmoji(n), ...t], (e) => e.unicode || e.name).slice(0, n));
+			b();
+			let { database: e, defaultFavoriteEmojis: t, numColumns: n } = a, r = await E(Ct([...await e.getTopFavoriteEmoji(n), ...t], (e) => e.unicode || e.name).slice(0, n));
 			a.currentFavorites = r;
 		}
 		a.databaseLoaded && a.defaultFavoriteEmojis && e();
 	});
-	function S(e) {
+	function x(e) {
 		Et(e, i, () => {
 			/* istanbul ignore next */
 			{
@@ -1016,8 +1016,8 @@ function en(e, t) {
 			}
 		});
 	}
-	function C(e) {
-		Qt(e, i, (e) => {
+	function S(e) {
+		$t(e, i, (e) => {
 			for (let { target: t, isIntersecting: n } of e) t.classList.toggle("onscreen", n);
 		});
 	}
@@ -1026,47 +1026,47 @@ function en(e, t) {
 			let { searchText: e, currentGroup: t, databaseLoaded: n, customEmoji: r } = a;
 			if (!n) a.currentEmojis = [], a.searchMode = !1;
 			else if (e.length >= Qe) {
-				let t = await k(e);
+				let t = await O(e);
 				a.searchText === e && (p(t), m(!0));
 			} else {
 				let { id: e } = t;
 				if (e !== -1 || r && r.length) {
-					let t = await ee(e);
+					let t = await D(e);
 					a.currentGroup.id === e && (p(t), m(!1));
 				}
 			}
 		}
 		e();
 	});
-	let w = () => {
-		q(() => Nt(n.tabpanelElement));
+	let C = () => {
+		J(() => Nt(n.tabpanelElement));
 	};
 	o(() => {
 		let { currentEmojis: e, emojiVersion: t } = a, n = e.filter((e) => e.unicode).filter((e) => tt(e) && !ht.has(e.unicode));
-		if (!t && n.length) p(e), q(() => T(n));
+		if (!t && n.length) p(e), J(() => te(n));
 		else {
-			let n = t ? e : e.filter(E);
-			p(n), w();
+			let n = t ? e : e.filter(w);
+			p(n), C();
 		}
 	});
-	function T(e) {
-		jt(e, n.baselineEmoji, l) ? w() : a.currentEmojis = [...a.currentEmojis];
+	function te(e) {
+		jt(e, n.baselineEmoji, l) ? C() : a.currentEmojis = [...a.currentEmojis];
 	}
-	function E(e) {
+	function w(e) {
 		return !e.unicode || !tt(e) || ht.get(e.unicode);
 	}
-	async function D(e) {
+	async function T(e) {
 		let t = a.emojiVersion || await mt();
 		return e.filter(({ version: e }) => !e || e <= t);
 	}
-	async function O(e) {
+	async function E(e) {
 		return wt(e, a.emojiVersion || await mt());
 	}
-	async function ee(e) {
-		return O(await D(e === -1 ? a.customEmoji : await a.database.getEmojiByGroup(e)));
+	async function D(e) {
+		return E(await T(e === -1 ? a.customEmoji : await a.database.getEmojiByGroup(e)));
 	}
-	async function k(e) {
-		return O(await D(await a.database.getEmojiBySearchQuery(e)));
+	async function O(e) {
+		return E(await T(await a.database.getEmojiBySearchQuery(e)));
 	}
 	o(() => {}), o(() => {
 		function e() {
@@ -1095,28 +1095,28 @@ function en(e, t) {
 			a.searchText = (e || "").trim(), a.activeSearchItem = -1;
 		});
 	});
-	function A(e) {
+	function k(e) {
 		if (!a.searchMode || !a.currentEmojis.length) return;
 		let t = (t) => {
-			K(e), a.activeSearchItem = St(t, a.activeSearchItem, a.currentEmojis);
+			q(e), a.activeSearchItem = St(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 K(e), N(a.currentEmojis[a.activeSearchItem].id);
+			else return q(e), M(a.currentEmojis[a.activeSearchItem].id);
 		}
 	}
-	function j(e) {
+	function A(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 te(e) {
+	function j(e) {
 		let { target: t, key: n } = e, r = (t) => {
-			t && (K(e), t.focus());
+			t && (q(e), t.focus());
 		};
 		switch (n) {
 			case "ArrowLeft": return r(t.previousElementSibling);
@@ -1125,7 +1125,7 @@ function en(e, t) {
 			case "End": return r(t.parentElement.lastElementChild);
 		}
 	}
-	async function M(e) {
+	async function ne(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,
@@ -1134,23 +1134,23 @@ function en(e, t) {
 			...n.name && { name: n.name }
 		};
 	}
-	async function N(e) {
-		let t = M(e);
+	async function M(e) {
+		let t = ne(e);
 		u("emoji-click-sync", t), u("emoji-click", await t);
 	}
-	function ne(e) {
+	function N(e) {
 		let { target: t } = e;
-		t.classList.contains("emoji") && (K(e), N(t.id.substring(4)));
+		t.classList.contains("emoji") && (q(e), M(t.id.substring(4)));
 	}
 	function P(e) {
 		a.currentSkinTone = e, a.skinTonePickerExpanded = !1, c("skintone-button"), u("skin-tone-change", { skinTone: e }), a.database.setPreferredSkinTone(e);
 	}
 	function re(e) {
 		let { target: { id: t } } = e, n = t && t.match(/^skintone-(\d)/);
-		n && (K(e), P(parseInt(n[1], 10)));
+		n && (q(e), P(parseInt(n[1], 10)));
 	}
 	function ie(e) {
-		a.skinTonePickerExpanded = !a.skinTonePickerExpanded, a.activeSkinTone = a.currentSkinTone, a.skinTonePickerExpanded && (K(e), q(() => c("skintone-list")));
+		a.skinTonePickerExpanded = !a.skinTonePickerExpanded, a.activeSkinTone = a.currentSkinTone, a.skinTonePickerExpanded && (q(e), J(() => c("skintone-list")));
 	}
 	o(() => {
 		a.skinTonePickerExpanded ? n.skinToneDropdown.addEventListener("transitionend", () => {
@@ -1161,28 +1161,28 @@ function en(e, t) {
 		/* istanbul ignore if */
 		if (!a.skinTonePickerExpanded) return;
 		let t = async (t) => {
-			K(e), a.activeSkinTone = t;
+			q(e), a.activeSkinTone = t;
 		};
 		switch (e.key) {
 			case "ArrowUp": return t(St(!0, a.activeSkinTone, a.skinTones));
 			case "ArrowDown": return t(St(!1, a.activeSkinTone, a.skinTones));
 			case "Home": return t(0);
 			case "End": return t(a.skinTones.length - 1);
-			case "Enter": return K(e), P(a.activeSkinTone);
-			case "Escape": return K(e), a.skinTonePickerExpanded = !1, c("skintone-button");
+			case "Enter": return q(e), P(a.activeSkinTone);
+			case "Escape": return q(e), a.skinTonePickerExpanded = !1, c("skintone-button");
 		}
 	}
-	function F(e) {
+	function oe(e) {
 		if (a.skinTonePickerExpanded) switch (e.key) {
-			case " ": return K(e), P(a.activeSkinTone);
+			case " ": return q(e), P(a.activeSkinTone);
 		}
 	}
-	async function oe(e) {
+	async function F(e) {
 		let { relatedTarget: t } = e;
 		/* istanbul ignore else */
 		(!t || t.id !== "skintone-list") && (a.skinTonePickerExpanded = !1);
 	}
-	function I(e) {
+	function se(e) {
 		a.rawSearchText = e.target.value;
 	}
 	return {
@@ -1194,7 +1194,7 @@ function en(e, t) {
 		}
 	};
 }
-var tn = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", nn = "en", rn = {
+var nn = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", rn = "en", an = {
 	categoriesLabel: "Categories",
 	emojiUnsupportedMessage: "Your browser does not support color emoji.",
 	favoritesLabel: "Favorites",
@@ -1227,7 +1227,7 @@ var tn = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase
 		symbols: "Symbols",
 		flags: "Flags"
 	}
-}, an = ":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)}", on = [
+}, on = ":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)}", sn = [
 	"customEmoji",
 	"customCategorySorting",
 	"database",
@@ -1236,28 +1236,28 @@ var tn = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase
 	"locale",
 	"skinToneEmoji",
 	"emojiVersion"
-], sn = `:host{--emoji-font-family:${st}}`, $ = class extends HTMLElement {
+], cn = `:host{--emoji-font-family:${st}}`, $ = class extends HTMLElement {
 	constructor(e) {
 		super(), this.attachShadow({ mode: "open" });
 		let t = document.createElement("style");
-		t.textContent = an + sn, this.shadowRoot.appendChild(t), this._ctx = {
-			locale: nn,
-			dataSource: tn,
+		t.textContent = on + cn, this.shadowRoot.appendChild(t), this._ctx = {
+			locale: rn,
+			dataSource: nn,
 			skinToneEmoji: it,
 			customCategorySorting: ct,
 			customEmoji: null,
-			i18n: rn,
+			i18n: an,
 			emojiVersion: null,
 			...e
 		};
-		for (let e of on) e !== "database" && Object.prototype.hasOwnProperty.call(this, e) && (this._ctx[e] = this[e], delete this[e]);
+		for (let e of sn) e !== "database" && Object.prototype.hasOwnProperty.call(this, e) && (this._ctx[e] = this[e], delete this[e]);
 		this._dbFlush();
 	}
 	connectedCallback() {
-		ln(this), this._cmp ||= en(this.shadowRoot, this._ctx);
+		un(this), this._cmp ||= tn(this.shadowRoot, this._ctx);
 	}
 	disconnectedCallback() {
-		ln(this), X(() => {
+		un(this), Z(() => {
 			if (!this.isConnected && this._cmp) {
 				this._cmp.$destroy(), this._cmp = void 0;
 				let { database: e } = this._ctx;
@@ -1287,10 +1287,10 @@ var tn = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase
 		}));
 	}
 	_dbFlush() {
-		X(() => this._dbCreate());
+		Z(() => this._dbCreate());
 	}
-}, cn = {};
-for (let e of on) cn[e] = {
+}, ln = {};
+for (let e of sn) ln[e] = {
 	get() {
 		return e === "database" && this._dbCreate(), this._ctx[e];
 	},
@@ -1299,8 +1299,8 @@ for (let e of on) cn[e] = {
 		this._set(e, t);
 	}
 };
-Object.defineProperties($.prototype, cn);
-function ln(e) {
+Object.defineProperties($.prototype, ln);
+function un(e) {
 	/* istanbul ignore if */
 	e instanceof $ || Object.setPrototypeOf(e, customElements.get(e.tagName.toLowerCase()).prototype);
 }
@@ -1308,12 +1308,12 @@ function ln(e) {
 customElements.get("emoji-picker") || customElements.define("emoji-picker", $);
 //#endregion
 //#region src/components/on-demand/wt-chat-emoji/wt-chat-emoji.vue
-var un = { class: "wt-chat-emoji" }, dn = /*#__PURE__*/ e({
+var dn = { class: "wt-chat-emoji" }, fn = /*#__PURE__*/ e({
 	__name: "wt-chat-emoji",
 	props: {
 		size: {
 			type: String,
-			default: t.MD
+			default: n.MD
 		},
 		popupTeleportTo: {
 			type: String,
@@ -1323,55 +1323,59 @@ var un = { class: "wt-chat-emoji" }, dn = /*#__PURE__*/ e({
 			type: Boolean,
 			default: !1
 		},
+		variant: {
+			type: String,
+			default: t.OUTLINED
+		},
 		rounded: {
 			type: Boolean,
 			default: !0
 		}
 	},
 	emits: ["insert-emoji"],
-	setup(e, { emit: t }) {
-		let _ = e, v = t, y = p(null), b = p(!1), x = p(null), S = a(() => _.popupTeleportTo || "body"), C = a(() => _.filled || b.value ? "active" : "outlined"), w = async () => {
-			x.value || (x.value = document.createElement("emoji-picker"), T(), x.value.addEventListener("emoji-click", E));
-		}, T = () => {
+	setup(e, { emit: n }) {
+		let _ = e, v = n, y = m(null), b = m(!1), x = m(null), S = o(() => _.popupTeleportTo || "body"), C = o(() => _.filled || b.value ? t.ACTIVE : _.variant), te = async () => {
+			x.value || (x.value = document.createElement("emoji-picker"), w(), x.value.addEventListener("emoji-click", T));
+		}, w = () => {
 			y.value && x.value && y.value.appendChild(x.value);
-		}, E = (e) => {
+		}, T = (e) => {
 			let { unicode: t } = e.detail;
-			v("insert-emoji", t), D();
-		}, D = () => {
-			b.value = !1, x.value && y.value && (x.value.removeEventListener("emoji-click", E), y.value.removeChild(x.value), x.value = null);
-		}, O = (e) => {
-			y.value?.contains(e.target) || D();
-		}, ee = async () => {
-			k(), b.value = !b.value, b.value ? (await u(), await w()) : D();
-		}, k = () => r.$emit("chat-input-focus");
-		return d(() => {
-			D();
-		}), (t, r) => {
-			let a = m("clickaway");
-			return g((f(), c("div", un, [l(h(n), {
+			v("insert-emoji", t), E();
+		}, E = () => {
+			b.value = !1, x.value && y.value && (x.value.removeEventListener("emoji-click", T), y.value.removeChild(x.value), x.value = null);
+		}, D = (e) => {
+			y.value?.contains(e.target) || E();
+		}, O = async () => {
+			k(), b.value = !b.value, b.value ? (await d(), await te()) : E();
+		}, k = () => i.$emit("chat-input-focus");
+		return f(() => {
+			E();
+		}), (t, n) => {
+			let i = h("clickaway");
+			return ee((p(), l("div", dn, [u(g(r), {
 				size: e.size,
 				variant: C.value,
 				color: "secondary",
 				icon: "chat-emoji",
 				rounded: e.rounded,
 				wide: "",
-				onClick: ee
+				onClick: O
 			}, null, 8, [
 				"size",
 				"variant",
 				"rounded"
-			]), (f(), o(i, {
+			]), (p(), s(a, {
 				defer: "",
 				disabled: !e.popupTeleportTo,
 				to: S.value
-			}, [b.value ? (f(), c("div", {
+			}, [b.value ? (p(), l("div", {
 				key: 0,
 				ref_key: "emojiPickerWrapper",
 				ref: y,
 				class: "wt-chat-emoji__wrapper"
-			}, null, 512)) : s("", !0)], 8, ["disabled", "to"]))])), [[a, O]]);
+			}, null, 512)) : c("", !0)], 8, ["disabled", "to"]))])), [[i, D]]);
 		};
 	}
-}, [["__scopeId", "data-v-d6ce560a"]]);
+}, [["__scopeId", "data-v-1d5eaef1"]]);
 //#endregion
-export { dn as default };
+export { fn as default };